Basic right-side menu for part

InvenTree/InvenTree/static/css/inventree.css

@@ -691,9 +691,8 @@ input[type="submit"] {
     overflow: hidden;
     transition: 0.1s; /* 0.5 second transition effect to slide in the sidenav */
     z-index: 100;
-    display: inline-block;
     background-color: #fff; /* Black*/
-    display: 'none';
+    //display: 'none';
 }
 
 .sidenav li {
@@ -705,6 +704,7 @@ input[type="submit"] {
 .sidenav-left {
     left: 0px;
     top: 0px;
+    width: 0px;
 }
 
 .sidenav-left .badge {
@@ -714,10 +714,15 @@ input[type="submit"] {
 }
 
 .sidenav-right {
+    width: 0px;
     right: 0px;
     top: 0px;
 }
 
+.sidenav-right svg {
+    margin-right: 10px;
+}
+
 .container > aside,
 .container > main {
   padding: 10px;

InvenTree/part/templates/part/navbar.html

@@ -0,0 +1,59 @@
+{% load i18n %}
+{% load static %}
+{% load inventree_extras %}
+
+<ul class='list-group'>
+    <li class='list-group-item'>
+        <span class='fas fa-expand-arrows-alt'></span> <b>{% trans "Part" %}</b>
+    </li>
+    <li class='list-group-item' title='{% trans "Details" %}'>
+        <a href='#'>
+            <span class='fas fa-info-circle'></span> {% trans "Details" %}
+        </a>
+    </li>
+    <li class='list-group-item'>
+        <span class='fas fa-tasks'></span> {% trans "Parameters" %}
+    </li>
+    <li class='list-group-item'>
+        <span class='fas fa-shapes'></span> {% trans "Variants" %}
+    </li>
+    <li class='list-group-item'>
+        <span class='fas fa-boxes'></span> {% trans "Stock" %}
+    </li>
+    <li class='list-group-item'>
+        <span class='fas fa-sign-out-alt'></span> {% trans "Allocations" %}
+    </li>
+    <li class='list-group-item'>
+        <span class='fas fa-list'></span> {% trans "Bill of Materials" %}
+    </li>
+    <li class='list-group-item'>
+        <span class='fas fa-tools'></span> {% trans "Build Orders" %}
+    </li>
+    <li class='list-group-item'>
+        <span class='fas fa-layer-group'></span> {% trans "Used In" %}
+    </li>
+    <li class='list-group-item'>
+        <span class='fas fa-building'></span> {% trans "Suppliers" %}
+    </li>
+    <li class='list-group-item'>
+        <span class='fas fa-shopping-cart'></span> {% trans "Purchase Orders" %}
+    </li>
+    <li class='list-group-item'>
+        <span class='fas fa-dollar-sign'></span> {% trans "Sale Price" %}
+    </li>
+    <li class='list-group-item'>
+        <span class='fas fa-truck'></span> {% trans "Sales Orders" %}
+    </li>
+    <li class='list-group-item'>
+        <span class='fas fa-vial'></span> {% trans "Tests" %}
+    </li>
+    <li class='list-group-item'>
+        <span class='fas fa-random'></span> {% trans "Related Parts" %}
+    </li>
+    <li class='list-group-item'>
+        <span class='fas fa-paperclip'></span> {% trans "Attacments" %}
+    </li>
+    <li class='list-group-item'>
+        <span class='fas fa-clipboard'></span> {% trans "Notes" %}
+    </li>
+</ul>

InvenTree/part/templates/part/part_app_base.html

@@ -39,7 +39,6 @@ InvenTree | {% trans "Part List" %}
     );
 
     $("#toggle-part-tree").click(function() {
-        console.log('toggle side navver');
         toggleSideNav("#sidenav-left");
         return false;
     });

InvenTree/part/templates/part/part_base.html

@@ -4,6 +4,10 @@
 {% load i18n %}
 {% load inventree_extras %}
 
+{% block menubar %}
+{% include "part/navbar.html" %}
+{% endblock %}
+
 {% block content %}
 
 {% if part.virtual %}
@@ -183,6 +187,7 @@
 
 <hr>
 <div class='container-fluid'>
+
     {% block details %}
 
 <!-- Specific part details go here... -->
@@ -195,6 +200,8 @@
 {% block js_ready %}
 {{ block.super }}
 
+    enableRightNavbar();
+
     enableDragAndDrop(
         '#part-thumb',
         "{% url 'part-image-upload' part.id %}",

InvenTree/templates/base.html

@@ -88,12 +88,13 @@ InvenTree
         <!-- Each view fills in here.. -->
         {% endblock %}
         
+    </div>
+    
     <div class='sidenav sidenav-right' id='sidenav-right'>
         {% block menubar %}
         <!-- Menubar code here -->
         {% endblock %}
     </div>
-    </div>
 
 {% block post_content %}
 {% endblock %}