Split UI between inventory and networks

app/templates/base-fluid.html

+{% extends "base.html" %}
+{% from "_helpers.html" import is_active %}
+
+{# overwrite the base content block to use container-fluid instead of container #}
+{% block content %}
+<div class="container-fluid">
+  <div class="row">
+
+    <div class="col-12 col-md-2 col-xl-2">
+      {% set path = request.path %}
+      <div class="list-group">
+        {% if path.startswith("/inventory") %}
+        <a class="list-group-item list-group-item-action {{ is_active(path.startswith("/inventory/items")) }}"
+          href="{{ url_for('inventory.list_items') }}">Items</a>
+        <a class="list-group-item list-group-item-action {{ is_active(path.startswith("/inventory/attributes")) }}"
+          href="{{ url_for('inventory.attributes', kind='Manufacturer') }}">Attributes</a>
+        <a class="list-group-item list-group-item-action {{ is_active(path.startswith("/inventory/qrcodes")) }}"
+          href="{{ url_for('inventory.qrcodes', kind='Action') }}">QR Codes</a>
+      {% elif path.startswith("/networks") %}
+        <a class="list-group-item list-group-item-action {{ is_active(path.startswith("/networks/hosts")) }}"
+          href="{{ url_for('networks.list_hosts') }}">Hosts</a>
+      {% endif %}
+      </div>
+    </div>
+
+    <div class="col-12 col-md-10 col-xl-10">
+      {{utils.flashed_messages(messages, container=False, dismissible=True)}}
+      {% block main %}{% endblock %}
+    </div>
+
+  </div>
+</div>
+{% endblock %}

app/templates/base.html

@@ -24,10 +24,8 @@
       <div class="collapse navbar-collapse" id="navbarSupportedContent">
         <div class="navbar-nav mr-auto">
           {% set path = request.path %}
-          <a class="nav-item nav-link {{ is_active(path.startswith("/inventory/items")) }}" href="{{ url_for('inventory.list_items') }}">Items</a>
-          <a class="nav-item nav-link {{ is_active(path.startswith("/networks/hosts")) }}" href="{{ url_for('networks.list_hosts') }}">Hosts</a>
-          <a class="nav-item nav-link {{ is_active(path.startswith("/inventory/attributes")) }}" href="{{ url_for('inventory.attributes', kind='Manufacturer') }}">Attributes</a>
-          <a class="nav-item nav-link {{ is_active(path.startswith("/inventory/qrcodes")) }}" href="{{ url_for('inventory.qrcodes', kind='Action') }}">QR Codes</a>
+          <a class="nav-item nav-link {{ is_active(path.startswith("/inventory")) }}" href="{{ url_for('inventory.list_items') }}">Inventory</a>
+          <a class="nav-item nav-link {{ is_active(path.startswith("/networks")) }}" href="{{ url_for('networks.list_hosts') }}">Networks</a>
           {% if current_user.is_authenticated and current_user.is_admin %}
             <a class="nav-item nav-link" href="{{ url_for('admin.index') }}">Admin</a>
           {% endif %}
@@ -51,9 +49,9 @@
 {% endblock %}
 
 {% block content %}
-  <div class="container" id="mainContent">
-  {{utils.flashed_messages(messages, container=False, dismissible=True)}}
-  {% block main %}{% endblock %}
+  <div class="container">
+    {{utils.flashed_messages(messages, container=False, dismissible=True)}}
+    {% block main %}{% endblock %}
   </div>
 {% endblock %}
 

app/templates/inventory/attributes.html

-{%- extends "base.html" %}
+{% extends "base-fluid.html" %}
 {% from "_helpers.html" import render_field %}
 
 {% block title %}Attributes - CSEntry{% endblock %}

app/templates/inventory/create_item.html

-{%- extends "base.html" %}
+{% extends "base-fluid.html" %}
 {% from "_helpers.html" import render_field %}
 
 {% block title %}Register Item - CSEntry{% endblock %}

app/templates/inventory/edit_item.html

-{%- extends "base.html" %}
+{% extends "base-fluid.html" %}
 {% from "_helpers.html" import render_field %}
 
 {% block title %}Edit Item - CSEntry{% endblock %}

app/templates/inventory/items.html

-{%- extends "base.html" %}
+{% extends "base-fluid.html" %}
 
 {% block title %}Items - CSEntry{% endblock %}
 

app/templates/inventory/qrcodes.html

-{%- extends "base.html" %}
+{% extends "base-fluid.html" %}
 
 {% block title %}QR Codes - CSEntry{% endblock %}
 

app/templates/inventory/view_item.html

-{%- extends "base.html" %}
+{% extends "base-fluid.html" %}
 {% from "_helpers.html" import link_to_item, link_to_items %}
 
 {% block title %}View Item - CSEntry{% endblock %}

app/templates/networks/create_host.html

-{%- extends "base.html" %}
+{% extends "base-fluid.html" %}
 {% from "_helpers.html" import render_field %}
 
 {% block title %}Hosts - CSEntry{% endblock %}

app/templates/networks/hosts.html

-{%- extends "base.html" %}
+{% extends "base-fluid.html" %}
 
 {% block title %}Hosts - CSEntry{% endblock %}