From 05d350b6c83e876a0aef8b5303d5c3958cba9451 Mon Sep 17 00:00:00 2001 From: Oliver <oliver.henry.walters@gmail.com> Date: Thu, 28 Oct 2021 12:38:33 +1100 Subject: [PATCH] Tweaks for settings pages --- InvenTree/InvenTree/settings.py | 2 +- InvenTree/InvenTree/static/css/inventree.css | 24 +++++++--- InvenTree/part/templates/part/category.html | 1 - InvenTree/part/templates/part/part_base.html | 48 ++----------------- InvenTree/stock/templates/stock/location.html | 1 - .../templates/InvenTree/settings/barcode.html | 1 - .../templates/InvenTree/settings/build.html | 1 - .../InvenTree/settings/currencies.html | 3 +- .../templates/InvenTree/settings/global.html | 1 - .../templates/InvenTree/settings/header.html | 12 ----- .../templates/InvenTree/settings/login.html | 1 - .../templates/InvenTree/settings/part.html | 2 - .../templates/InvenTree/settings/po.html | 1 - .../templates/InvenTree/settings/report.html | 1 - .../templates/InvenTree/settings/setting.html | 2 +- .../InvenTree/settings/settings.html | 8 ++-- .../templates/InvenTree/settings/so.html | 1 - .../templates/InvenTree/settings/stock.html | 1 - .../InvenTree/settings/user_homepage.html | 1 - .../InvenTree/settings/user_labels.html | 1 - .../InvenTree/settings/user_reports.html | 1 - .../InvenTree/settings/user_search.html | 1 - .../InvenTree/settings/user_settings.html | 1 - 23 files changed, 29 insertions(+), 87 deletions(-) delete mode 100644 InvenTree/templates/InvenTree/settings/header.html diff --git a/InvenTree/InvenTree/settings.py b/InvenTree/InvenTree/settings.py index 2095cab533..7f22ac7813 100644 --- a/InvenTree/InvenTree/settings.py +++ b/InvenTree/InvenTree/settings.py @@ -644,7 +644,7 @@ DATE_INPUT_FORMATS = [ ] # crispy forms use the bootstrap templates -CRISPY_TEMPLATE_PACK = 'bootstrap3' +CRISPY_TEMPLATE_PACK = 'bootstrap4' # Use database transactions when importing / exporting data IMPORT_EXPORT_USE_TRANSACTIONS = True diff --git a/InvenTree/InvenTree/static/css/inventree.css b/InvenTree/InvenTree/static/css/inventree.css index 6a4f625284..57ee5ea243 100644 --- a/InvenTree/InvenTree/static/css/inventree.css +++ b/InvenTree/InvenTree/static/css/inventree.css @@ -10,6 +10,8 @@ --label-green: #50aa51; --label-grey: #aaa; --label-yellow: #fdc82a; + + --bs-body-color: #555; } .login-screen { @@ -144,18 +146,16 @@ padding-right: 5px; } -.navbar-nav > li { - border-left: 1px solid; - border-right: 1px solid; - border-color: #eee; -} - .navbar-form { padding-right: 3px; } +.navbar-light .navbar-nav .nav-link { + color: var(--bs-body-color); +} + #barcode-scan { - margin-top: 8px; + margin-top: 1px; } .icon-header { @@ -895,6 +895,16 @@ input[type="submit"] { margin-right: 2px; } +.btn-secondary { + background-color: var(--bs-body-color); + border-color: var(--bs-body-color); +} + +.btn-outline-secondary { + color: var(--bs-body-color); + border-color: var(--bs-body-color); +} + .btn-small { padding: 3px; padding-left: 5px; diff --git a/InvenTree/part/templates/part/category.html b/InvenTree/part/templates/part/category.html index 54f8b81e0a..5cede4d803 100644 --- a/InvenTree/part/templates/part/category.html +++ b/InvenTree/part/templates/part/category.html @@ -85,7 +85,6 @@ </tr> </table> {% else %} -<h3>{% trans "Category Details" %}</h3> <table class='table table-striped table-condensed'> <col width='25'> <tr> diff --git a/InvenTree/part/templates/part/part_base.html b/InvenTree/part/templates/part/part_base.html index 1fc286b503..54ed4d9580 100644 --- a/InvenTree/part/templates/part/part_base.html +++ b/InvenTree/part/templates/part/part_base.html @@ -150,9 +150,9 @@ <table class='table table-condensed table-striped'> <col width='25'> <tr> - <td><h4><span class='fas fa-boxes'></span></h4></td> - <td><h4>{% trans "Available Stock" %}</h4></td> - <td><h4>{% decimal available %}{% if part.units %} {{ part.units }}{% endif %}</h4></td> + <td><h5><span class='fas fa-boxes'></span></h5></td> + <td><h5>{% trans "Available Stock" %}</h5></td> + <td><h5>{% decimal available %}{% if part.units %} {{ part.units }}{% endif %}</h5></td> </tr> <tr> <td><span class='fas fa-map-marker-alt'></span></td> @@ -191,9 +191,9 @@ {% if not part.is_template %} {% if part.assembly %} <tr> - <td><h4><span class='fas fa-tools'></span></h4></td> + <td><h5><span class='fas fa-tools'></span></h5></td> <td colspan='2'> - <h4>{% trans "Build Status" %}</h4> + <h5>{% trans "Build Status" %}</h5> </td> </tr> <tr> @@ -424,42 +424,4 @@ }); {% endif %} - $("#toggle-part-details").click(function() { - if (this.value == 'show') { - this.innerHTML = '<span class="fas fa-chevron-up"></span> {% trans "Hide Part Details" %}'; - this.value = 'hide'; - // Store state of part details section - localStorage.setItem("part-details-show", true); - } else { - this.innerHTML = '<span class="fas fa-chevron-down"></span> {% trans "Show Part Details" %}'; - this.value = 'show'; - // Store state of part details section - localStorage.setItem("part-details-show", false); - } - }); - - // Load part details section - window.onload = function() { - details_show = localStorage.getItem("part-details-show") - - if (details_show === 'true') { - console.log(details_show) - // Get collapsible details section - details = document.getElementById('collapsible-part-details'); - // Add "show" class - details.classList.add("in"); - // Get toggle - toggle = document.getElementById('toggle-part-details'); - // Change state of toggle - toggle.innerHTML = '<span class="fas fa-chevron-up"></span> {% trans "Hide Part Details" %}'; - toggle.value = 'hide'; - } else { - // Get toggle - toggle = document.getElementById('toggle-part-details'); - // Change state of toggle - toggle.innerHTML = '<span class="fas fa-chevron-down"></span> {% trans "Show Part Details" %}'; - toggle.value = 'show'; - } - } - {% endblock %} \ No newline at end of file diff --git a/InvenTree/stock/templates/stock/location.html b/InvenTree/stock/templates/stock/location.html index 86e6a91fc0..8e304b31dd 100644 --- a/InvenTree/stock/templates/stock/location.html +++ b/InvenTree/stock/templates/stock/location.html @@ -115,7 +115,6 @@ </tr> </table> {% else %} -<h3>{% trans "Stock Details" %}</h3> <table class='table table-striped table-condensed'> <col width='25'> <tr> diff --git a/InvenTree/templates/InvenTree/settings/barcode.html b/InvenTree/templates/InvenTree/settings/barcode.html index 32b85151d7..8532476b75 100644 --- a/InvenTree/templates/InvenTree/settings/barcode.html +++ b/InvenTree/templates/InvenTree/settings/barcode.html @@ -11,7 +11,6 @@ {% block content %} <table class='table table-striped table-condensed'> - {% include "InvenTree/settings/header.html" %} <tbody> {% include "InvenTree/settings/setting.html" with key="BARCODE_ENABLE" icon="fa-qrcode" %} </tbody> diff --git a/InvenTree/templates/InvenTree/settings/build.html b/InvenTree/templates/InvenTree/settings/build.html index 6d16512a99..d567197959 100644 --- a/InvenTree/templates/InvenTree/settings/build.html +++ b/InvenTree/templates/InvenTree/settings/build.html @@ -11,7 +11,6 @@ {% block content %} <table class='table table-striped table-condensed'> - {% include "InvenTree/settings/header.html" %} <tbody> {% include "InvenTree/settings/setting.html" with key="BUILDORDER_REFERENCE_PREFIX" %} {% include "InvenTree/settings/setting.html" with key="BUILDORDER_REFERENCE_REGEX" %} diff --git a/InvenTree/templates/InvenTree/settings/currencies.html b/InvenTree/templates/InvenTree/settings/currencies.html index 08434cc704..ba6e782508 100644 --- a/InvenTree/templates/InvenTree/settings/currencies.html +++ b/InvenTree/templates/InvenTree/settings/currencies.html @@ -11,7 +11,6 @@ {% block content %} <table class='table table-striped table-condensed'> - {% include "InvenTree/settings/header.html" %} <tbody> {% include "InvenTree/settings/setting.html" with key="INVENTREE_DEFAULT_CURRENCY" icon="fa-globe" %} </tbody> @@ -45,7 +44,7 @@ <form action='{% url "settings-currencies-refresh" %}' method='post'> <div id='refresh-rates-form'> {% csrf_token %} - <button type='submit' id='update-rates' class='btn btn-default float-right'>{% trans "Update Now" %}</button> + <button type='submit' id='update-rates' class='btn btn-outline-secondary float-right'>{% trans "Update Now" %}</button> </div> </form> </td> diff --git a/InvenTree/templates/InvenTree/settings/global.html b/InvenTree/templates/InvenTree/settings/global.html index 1723f36b72..60ae84f001 100644 --- a/InvenTree/templates/InvenTree/settings/global.html +++ b/InvenTree/templates/InvenTree/settings/global.html @@ -12,7 +12,6 @@ {% block content %} <table class='table table-striped table-condensed'> - {% include "InvenTree/settings/header.html" %} <tbody> {% include "InvenTree/settings/setting.html" with key="INVENTREE_INSTANCE" icon="fa-info-circle" %} {% include "InvenTree/settings/setting.html" with key="INVENTREE_INSTANCE_TITLE" icon="fa-info-circle" %} diff --git a/InvenTree/templates/InvenTree/settings/header.html b/InvenTree/templates/InvenTree/settings/header.html deleted file mode 100644 index d60a4dd784..0000000000 --- a/InvenTree/templates/InvenTree/settings/header.html +++ /dev/null @@ -1,12 +0,0 @@ -{% load i18n %} - -<col width='25'> -<thead> - <tr> - <th></th> - <th>{% trans "Setting" %}</th> - <th>{% trans "Value" %}</th> - <th>{% trans "Description" %}</th> - <th></th> - </tr> -</thead> diff --git a/InvenTree/templates/InvenTree/settings/login.html b/InvenTree/templates/InvenTree/settings/login.html index 7ffebee91e..d3cba1180f 100644 --- a/InvenTree/templates/InvenTree/settings/login.html +++ b/InvenTree/templates/InvenTree/settings/login.html @@ -12,7 +12,6 @@ {% block content %} <table class='table table-striped table-condensed'> - {% include "InvenTree/settings/header.html" %} <tbody> {% include "InvenTree/settings/setting.html" with key="LOGIN_ENABLE_SSO" icon="fa-info-circle" %} {% include "InvenTree/settings/setting.html" with key="LOGIN_ENABLE_PWD_FORGOT" icon="fa-info-circle" %} diff --git a/InvenTree/templates/InvenTree/settings/part.html b/InvenTree/templates/InvenTree/settings/part.html index ddd6fae1a9..351810b7dc 100644 --- a/InvenTree/templates/InvenTree/settings/part.html +++ b/InvenTree/templates/InvenTree/settings/part.html @@ -12,7 +12,6 @@ <h4>{% trans "Part Options" %}</h4> <table class='table table-striped table-condensed'> - {% include "InvenTree/settings/header.html" %} <tbody> {% include "InvenTree/settings/setting.html" with key="PART_IPN_REGEX" %} {% include "InvenTree/settings/setting.html" with key="PART_ALLOW_DUPLICATE_IPN" %} @@ -49,7 +48,6 @@ <table class='table table-striped table-condensed'> - {% include "InvenTree/settings/header.html" %} <tbody> {% include "InvenTree/settings/setting.html" with key="PART_SHOW_IMPORT" icon="fa-file-upload" %} </tbody> diff --git a/InvenTree/templates/InvenTree/settings/po.html b/InvenTree/templates/InvenTree/settings/po.html index f8a114bb12..f1ad603db5 100644 --- a/InvenTree/templates/InvenTree/settings/po.html +++ b/InvenTree/templates/InvenTree/settings/po.html @@ -9,7 +9,6 @@ {% block content %} <table class='table table-striped table-condensed'> - {% include "InvenTree/settings/header.html" %} <tbody> {% include "InvenTree/settings/setting.html" with key="PURCHASEORDER_REFERENCE_PREFIX" %} </tbody> diff --git a/InvenTree/templates/InvenTree/settings/report.html b/InvenTree/templates/InvenTree/settings/report.html index b9a2bd6aec..84de0f074b 100644 --- a/InvenTree/templates/InvenTree/settings/report.html +++ b/InvenTree/templates/InvenTree/settings/report.html @@ -11,7 +11,6 @@ {% block content %} <table class='table table-striped table-condensed'> - {% include "InvenTree/settings/header.html" %} <tbody> {% include "InvenTree/settings/setting.html" with key="REPORT_DEFAULT_PAGE_SIZE" %} {% include "InvenTree/settings/setting.html" with key="REPORT_DEBUG_MODE" %} diff --git a/InvenTree/templates/InvenTree/settings/setting.html b/InvenTree/templates/InvenTree/settings/setting.html index 6b62c4c92c..4a506b46e6 100644 --- a/InvenTree/templates/InvenTree/settings/setting.html +++ b/InvenTree/templates/InvenTree/settings/setting.html @@ -38,7 +38,7 @@ </td> <td> <div class='btn-group float-right'> - <button class='btn btn-default btn-edit-setting' pk='{{ setting.pk }}' setting='{{ setting.key.upper }}' title='{% trans "Edit setting" %}' {% if user_setting %}user='{{request.user.id}}'{% endif %}> + <button class='btn btn-outline-secondary btn-small btn-edit-setting' pk='{{ setting.pk }}' setting='{{ setting.key.upper }}' title='{% trans "Edit setting" %}' {% if user_setting %}user='{{request.user.id}}'{% endif %}> <span class='fas fa-edit icon-green'></span> </button> </div> diff --git a/InvenTree/templates/InvenTree/settings/settings.html b/InvenTree/templates/InvenTree/settings/settings.html index 9d6f85d163..fd920e42b4 100644 --- a/InvenTree/templates/InvenTree/settings/settings.html +++ b/InvenTree/templates/InvenTree/settings/settings.html @@ -174,8 +174,8 @@ $('#cat-param-table').inventreeTable({ title: '{% trans "Default Value" %}', sortable: 'true', formatter: function(value, row, index, field) { - var bEdit = "<button title='{% trans "Edit Template" %}' class='template-edit btn btn-default' type='button' pk='" + row.pk + "'><span class='fas fa-edit'></span></button>"; - var bDel = "<button title='{% trans "Delete Template" %}' class='template-delete btn btn-default' type='button' pk='" + row.pk + "'><span class='fas fa-trash-alt icon-red'></span></button>"; + var bEdit = "<button title='{% trans "Edit Template" %}' class='template-edit btn btn-outline-secondary' type='button' pk='" + row.pk + "'><span class='fas fa-edit'></span></button>"; + var bDel = "<button title='{% trans "Delete Template" %}' class='template-delete btn btn-outline-secondary' type='button' pk='" + row.pk + "'><span class='fas fa-trash-alt icon-red'></span></button>"; var html = value html += "<div class='btn-group float-right' role='group'>" + bEdit + bDel + "</div>"; @@ -273,8 +273,8 @@ $("#param-table").inventreeTable({ }, { formatter: function(value, row, index, field) { - var bEdit = "<button title='{% trans "Edit Template" %}' class='template-edit btn btn-default' type='button' pk='" + row.pk + "'><span class='fas fa-edit'></span></button>"; - var bDel = "<button title='{% trans "Delete Template" %}' class='template-delete btn btn-default' type='button' pk='" + row.pk + "'><span class='fas fa-trash-alt icon-red'></span></button>"; + var bEdit = "<button title='{% trans "Edit Template" %}' class='template-edit btn btn-outline-secondary' type='button' pk='" + row.pk + "'><span class='fas fa-edit'></span></button>"; + var bDel = "<button title='{% trans "Delete Template" %}' class='template-delete btn btn-outline-secondary' type='button' pk='" + row.pk + "'><span class='fas fa-trash-alt icon-red'></span></button>"; var html = "<div class='btn-group float-right' role='group'>" + bEdit + bDel + "</div>"; diff --git a/InvenTree/templates/InvenTree/settings/so.html b/InvenTree/templates/InvenTree/settings/so.html index 2fe5680d71..e6fde3a093 100644 --- a/InvenTree/templates/InvenTree/settings/so.html +++ b/InvenTree/templates/InvenTree/settings/so.html @@ -10,7 +10,6 @@ {% block content %} <table class='table table-striped table-condensed'> - {% include "InvenTree/settings/header.html" %} <tbody> {% include "InvenTree/settings/setting.html" with key="SALESORDER_REFERENCE_PREFIX" %} </tbody> diff --git a/InvenTree/templates/InvenTree/settings/stock.html b/InvenTree/templates/InvenTree/settings/stock.html index e05def09a6..d5455750d7 100644 --- a/InvenTree/templates/InvenTree/settings/stock.html +++ b/InvenTree/templates/InvenTree/settings/stock.html @@ -10,7 +10,6 @@ {% block content %} <table class='table table-striped table-condensed'> - {% include "InvenTree/settings/header.html" %} <tbody> {% include "InvenTree/settings/setting.html" with key="STOCK_GROUP_BY_PART" icon="fa-layer-group" %} {% include "InvenTree/settings/setting.html" with key="STOCK_ENABLE_EXPIRY" icon="fa-stopwatch" %} diff --git a/InvenTree/templates/InvenTree/settings/user_homepage.html b/InvenTree/templates/InvenTree/settings/user_homepage.html index ccaae6fa8a..7eed850ad5 100644 --- a/InvenTree/templates/InvenTree/settings/user_homepage.html +++ b/InvenTree/templates/InvenTree/settings/user_homepage.html @@ -13,7 +13,6 @@ <div class='row'> <table class='table table-striped table-condensed'> - {% include "InvenTree/settings/header.html" %} <tbody> {% include "InvenTree/settings/setting.html" with key="HOMEPAGE_PART_STARRED" icon='fa-star' user_setting=True %} {% include "InvenTree/settings/setting.html" with key="HOMEPAGE_PART_LATEST" icon='fa-history' user_setting=True %} diff --git a/InvenTree/templates/InvenTree/settings/user_labels.html b/InvenTree/templates/InvenTree/settings/user_labels.html index bd3d041544..a2d9b7b89c 100644 --- a/InvenTree/templates/InvenTree/settings/user_labels.html +++ b/InvenTree/templates/InvenTree/settings/user_labels.html @@ -13,7 +13,6 @@ <div class='row'> <table class='table table-striped table-condensed'> - {% include "InvenTree/settings/header.html" %} <tbody> {% include "InvenTree/settings/setting.html" with key="LABEL_INLINE" icon='fa-tag' user_setting=True %} </tbody> diff --git a/InvenTree/templates/InvenTree/settings/user_reports.html b/InvenTree/templates/InvenTree/settings/user_reports.html index 8e93d41457..186adfe31c 100644 --- a/InvenTree/templates/InvenTree/settings/user_reports.html +++ b/InvenTree/templates/InvenTree/settings/user_reports.html @@ -13,7 +13,6 @@ <div class='row'> <table class='table table-striped table-condensed'> - {% include "InvenTree/settings/header.html" %} <tbody> {% include "InvenTree/settings/setting.html" with key="REPORT_INLINE" icon='fa-file-pdf' user_setting=True %} </tbody> diff --git a/InvenTree/templates/InvenTree/settings/user_search.html b/InvenTree/templates/InvenTree/settings/user_search.html index 1779445e64..43eab057c3 100644 --- a/InvenTree/templates/InvenTree/settings/user_search.html +++ b/InvenTree/templates/InvenTree/settings/user_search.html @@ -13,7 +13,6 @@ <div class='row'> <table class='table table-striped table-condensed'> - {% include "InvenTree/settings/header.html" %} <tbody> {% include "InvenTree/settings/setting.html" with key="SEARCH_PREVIEW_RESULTS" user_setting=True icon='fa-search' %} {% include "InvenTree/settings/setting.html" with key="SEARCH_SHOW_STOCK_LEVELS" user_setting=True icon='fa-boxes' %} diff --git a/InvenTree/templates/InvenTree/settings/user_settings.html b/InvenTree/templates/InvenTree/settings/user_settings.html index a9b9b0a82f..80c01f6919 100644 --- a/InvenTree/templates/InvenTree/settings/user_settings.html +++ b/InvenTree/templates/InvenTree/settings/user_settings.html @@ -13,7 +13,6 @@ <div class='row'> <table class='table table-striped table-condensed'> - {% include "InvenTree/settings/header.html" %} </table> </div>