SupplierPart display now uses menubar display style

InvenTree/company/templates/company/part_navbar.html

@@ -0,0 +1,32 @@
+{% load i18n %}
+
+<ul class='list-group'>
+
+    <li class='list-group-item'>
+        <a href='#' id='company-menu-toggle'>
+            <span class='menu-tab-icon fas fa-expand-arrows-alt'></span>
+        </a>
+    </li>
+
+    <li class='list-group-item {% if tab == "stock" %}active{% endif %}' title='{% trans "Supplier Part Stock" %}'>
+        <a href='{% url "supplier-part-stock" part.id %}'>
+            <span class='fas fa-boxes'></span>
+            {% trans "Stock" %}
+        </a>
+    </li>
+
+    <li class='list-group-item {% if tab == "orders" %}active{% endif %}' title='{% trans "Supplier Part Orders" %}'>
+        <a href='{% url "supplier-part-orders" part.id %}'>
+            <span class='fas fa-shopping-cart'></span>
+            {% trans "Orders" %}
+        </a>
+    </li>
+
+    <li class='list-group-item {% if tab == "pricing" %}active{% endif %}' title='{% trans "Supplier Part Pricing" %}'>
+        <a href='{% url "supplier-part-pricing" part.id %}'>
+            <span class='fas fa-dollar-sign'></span>
+            {% trans "Pricing" %}
+        </a>
+    </li>
+
+</ul>

InvenTree/company/templates/company/supplier_part_base.html

@@ -120,6 +120,10 @@ src="{% static 'img/blank_image.png' %}"
 {% block js_ready %}
 {{ block.super }}
 
+enableRightNavbar({
+    minWidth: '50px'
+});
+
 $('#order-part, #order-part2').click(function() {
     launchModalForm(
         "{% url 'order-parts' %}",

InvenTree/company/templates/company/supplier_part_detail.html

@@ -2,13 +2,17 @@
 {% load static %}
 {% load i18n %}
 
+{% block menubar %}
+{% include "company/part_navbar.html" with tab='details' %}
+{% endblock %}
+
+{% block heading %}
+{% trans "Supplier Part Details" %}
+{% endblock %}
+
+
 {% block details %}
 
-{% include "company/supplier_part_tabs.html" with tab='details' %}
-
-<hr>
-
-<h4>{% trans "Supplier Part Details" %}</h4>
 <table class="table table-striped table-condensed">
     <tr>
         <td>{% trans "Internal Part" %}</td>

InvenTree/company/templates/company/supplier_part_orders.html

@@ -2,14 +2,15 @@
 {% load static %}
 {% load i18n %}
 
+{% block menubar %}
+{% include "company/part_navbar.html" with tab='orders' %}
+{% endblock %}
+
+{% block heading %}
+{% trans "Supplier Part Orders" %}
+{% endblock %}
+
 {% block details %}
-
-{% include "company/supplier_part_tabs.html" with tab='orders' %}
-
-<h4>{% trans "Supplier Part Orders" %}</h4>
-
-<hr>
-
 {% if roles.purchase_order.add %}
 <div id='button-bar'>
     <div class='btn-group'>

InvenTree/company/templates/company/supplier_part_pricing.html

@@ -3,14 +3,16 @@
 {% load i18n %}
 {% load inventree_extras %}
 
+{% block menubar %}
+{% include "company/part_navbar.html" with tab='pricing' %}
+{% endblock %}
+
+{% block heading %}
+{% trans "Pricing Information" %}
+{% endblock %}
+
 {% block details %}
 
-{% include "company/supplier_part_tabs.html" with tab='pricing' %}
-
-<h4>{% trans "Pricing Information" %}</h4>
-
-<hr>
-
 {% if roles.purchase_order.add %}
 <div id='price-break-toolbar' class='btn-group'>
     <button class='btn btn-primary' id='new-price-break' type='button'>

InvenTree/company/templates/company/supplier_part_stock.html

@@ -2,14 +2,15 @@
 {% load static %}
 {% load i18n %}
 
+{% block menubar %}
+{% include "company/part_navbar.html" with tab='stock' %}
+{% endblock %}
+
+{% block heading %}
+{% trans "Supplier Part Stock" %}
+{% endblock %}
+
 {% block details %}
-
-{% include "company/supplier_part_tabs.html" with tab='stock' %}
-
-<h4>{% trans "Supplier Part Stock" %}</h4>
-
-<hr>
-
 {% include "stock_table.html" %}
 
 {% endblock %}

InvenTree/company/templates/company/supplier_part_tabs.html

@@ -1,13 +0,0 @@
-{% load i18n %}
-
-<ul class='nav nav-tabs'>
-    <li{% if tab == 'pricing' %} class='active'{% endif %}>
-        <a href="{% url 'supplier-part-pricing' part.id %}">{% trans "Pricing" %}</a>
-    </li>
-    <li{% if tab == 'stock' %} class='active'{% endif %}>
-        <a href="{% url 'supplier-part-stock' part.id %}">{% trans "Stock" %}</a>
-    </li>
-    <li {% if tab == 'orders' %} class='active'{% endif %}>
-        <a href="{% url 'supplier-part-orders' part.id %}">{% trans "Orders" %}</a>
-    </li>
-</ul>