Implement new user interface.
This commit is contained in:
@@ -21,23 +21,26 @@
|
||||
var flagContainer = "{{ model.FLAG_CONTAINER }}";
|
||||
var flagContainerInput = "{{ model.FLAG_CONTAINER_INPUT }}";
|
||||
var flagExpanded = "{{ model.FLAG_EXPANDED }}";
|
||||
var flagInitialised = "{{ model.FLAG_INITIALISED }}";
|
||||
var flagRow = "{{ model.FLAG_ROW }}";
|
||||
var flagScrollable = "{{ model.FLAG_SCROLLABLE }}";
|
||||
var flagBtnOverlayClose = "{{ model.FLAG_BTN_OVERLAY_CLOSE }}";
|
||||
var flagInitialised = "{{ model.FLAG_INITIALISED }}";
|
||||
var flagSubmitted = "{{ model.FLAG_SUBMITTED }}";
|
||||
var hashPageContact = "{{ model.HASH_PAGE_CONTACT }}";
|
||||
var hashPageErrorNoPermission = "{{ model.HASH_PAGE_ERROR_NO_PERMISSION }}";
|
||||
var hashPageHome = "{{ model.HASH_PAGE_HOME }}";
|
||||
var hashPageServices = "{{ model.HASH_PAGE_SERVICES }}";
|
||||
var hashPageStoreHome = "{{ model.HASH_PAGE_STORE_HOME }}";
|
||||
var hashPageStoreProduct = "{{ model.HASH_PAGE_STORE_PRODUCT }}";
|
||||
var idButtonHamburger = "#{{ model.ID_BUTTON_HAMBURGER }}";
|
||||
var idFormCurrency = "#{{ model.ID_FORM_CURRENCY }}";
|
||||
var idFormDeliveryRegion = "#{{ model.ID_FORM_DELIVERY_REGION }}";
|
||||
var idFormIsIncludedVAT = "#{{ model.ID_FORM_IS_INCLUDED_VAT }}";
|
||||
var idNavContact = "#{{ model.ID_NAV_CONTACT }}";
|
||||
var idNavHome = "#{{ model.ID_NAV_HOME }}";
|
||||
var idNavServices = "#{{ model.ID_NAV_SERVICES }}";
|
||||
var idNavStoreHome = "#{{ model.ID_NAV_STORE_HOME }}";
|
||||
var idNavStoreProduct = "#{{ model.ID_NAV_STORE_PRODUCT }}";
|
||||
var idOverlayHamburger = "#{{ model.ID_OVERLAY_HAMBURGER }}";
|
||||
var idPageBody = "#{{ model.ID_PAGE_BODY }}";
|
||||
var isUserLoggedIn = "{{ model.output_bool(model.IS_USER_LOGGED_IN) }}";
|
||||
var keyBasket = "{{ model.KEY_BASKET }}";
|
||||
@@ -55,39 +58,40 @@
|
||||
<body>
|
||||
|
||||
|
||||
<div class="header card">
|
||||
<div class="container">
|
||||
<div class="topnav">
|
||||
<div class="{{ model.FLAG_CONTAINER }}" style="width: 25vw; min-width: 15vw; max-width: 25vw;">
|
||||
<img class="header-logo" src="{{ url_for('static', filename='images/Logo.png') }}" alt="PARTS logo">
|
||||
</div>
|
||||
<div class="container">
|
||||
<h1>Precision And Research Technology Systems Limited</h1>
|
||||
<div class="{{ model.FLAG_CONTAINER }}" style="width: 60vw; min-width: 60vw; max-width: 60vw;">
|
||||
<p class="company-name">Precision And Research Technology Systems</p>
|
||||
</div>
|
||||
<div class="{{ model.FLAG_CONTAINER }}" style="width: 15vw; min-width: 10vw; max-width: 15vw; justify-content: flex-end; "> <!-- padding-left: 25%; -->
|
||||
<button id="{{ model.ID_BUTTON_HAMBURGER }}">=</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="topnav container row">
|
||||
<div class="container column">
|
||||
<div id="{{ model.ID_OVERLAY_HAMBURGER }}" class="{{ model.FLAG_OVERLAY}} {{ model.FLAG_HAMBURGER }} {{ model.FLAG_EXPANDED}}" style="height: {{ 27 * 3 }}px"> <!-- {- { 4.5 * 3 }}vh -->
|
||||
<div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
|
||||
<a id="{{ model.ID_NAV_HOME }}">Home</a> <!-- href="{{ url_for('home') }}" -->
|
||||
</div>
|
||||
<!--
|
||||
<div class="container column">
|
||||
<div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
|
||||
<a id="{{ model.ID_NAV_SERVICES }}">Services</a>
|
||||
</div>
|
||||
<!--
|
||||
<div class="container column">
|
||||
<a id="{{ model.ID_NAV_TECHNOLOGIES }}">Technologies</a>
|
||||
</div>
|
||||
-->
|
||||
<div class="container column">
|
||||
<a id="{{ model.ID_NAV_STORE_HOME }}">Store</a>
|
||||
</div>
|
||||
<!--
|
||||
<div class="container column">
|
||||
<a id="{{ model.ID_NAV_CONTACT }}">Contact</a> <!-- href="{{ url_for('contact') }}" --
|
||||
</div>
|
||||
-->
|
||||
<div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
|
||||
<a id="{{ model.ID_NAV_CONTACT }}">Contact</a> <!-- href="{{ url_for('contact') }}" -->
|
||||
</div>
|
||||
{% if model.is_page_store %}
|
||||
<div class="container column">
|
||||
<div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
|
||||
<!-- <a href="{ url_ for('create_price_dummy') }">Create template price</a> -->
|
||||
<form id="{{ model.ID_FORM_IS_INCLUDED_VAT }}" class="container" action="{{ url_for('set_is_included_VAT') }}" method="POST">
|
||||
<form id="{{ model.ID_FORM_IS_INCLUDED_VAT }}" class="{{ model.FLAG_CONTAINER }}" action="{{ url_for('set_is_included_VAT') }}" method="POST">
|
||||
{{ model.form_is_included_VAT.hidden_tag() }}
|
||||
<div class="container-input">
|
||||
{{ model.form_is_included_VAT.is_included.label }}
|
||||
@@ -98,8 +102,8 @@
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="container column">
|
||||
<form id="{{ model.ID_FORM_DELIVERY_REGION }}" class="container" action="{{ url_for('set_delivery_region') }}" method="POST">
|
||||
<div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
|
||||
<form id="{{ model.ID_FORM_DELIVERY_REGION }}" class="{{ model.FLAG_CONTAINER }}" action="{{ url_for('set_delivery_region') }}" method="POST">
|
||||
{{ model.form_delivery_region.hidden_tag() }}
|
||||
<div class="container-input">
|
||||
{{ model.form_delivery_region.id_region_delivery.label }}
|
||||
@@ -110,8 +114,8 @@
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="container column">
|
||||
<form id="{{ model.ID_FORM_CURRENCY }}" class="container" action="{{ url_for('set_currency') }}" method="POST">
|
||||
<div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
|
||||
<form id="{{ model.ID_FORM_CURRENCY }}" class="{{ model.FLAG_CONTAINER }}" action="{{ url_for('set_currency') }}" method="POST">
|
||||
{{ model.form_currency.hidden_tag() }}
|
||||
<div class="container-input">
|
||||
{{ model.form_currency.id_currency.label }}
|
||||
@@ -122,69 +126,14 @@
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="container column">
|
||||
<div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
|
||||
<a href="{{ url_for('logout') if model.is_user_logged_in else url_for('login') }}" style="float:right">{{ 'Logout' if model.is_user_logged_in else 'Login' }}</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<!--
|
||||
<div id="{{ model.id_modal_services }}" class="topnav-modal container column">
|
||||
<div class="container row">
|
||||
<h2>Web App & Database Design</h2>
|
||||
</div>
|
||||
<div class="container row">
|
||||
<h2>Programming services (C++, Python, etc.)</h2>
|
||||
</div>
|
||||
<div class="container row">
|
||||
<h2>MS Office Data Analysis & Automation</h2>
|
||||
</div>
|
||||
<div class="container row">
|
||||
<h2>Mechatronics Design</h2>
|
||||
</div>
|
||||
<div class="container row">
|
||||
<h2>CAD, DFM, DFAM</h2>
|
||||
</div>
|
||||
<div class="container row">
|
||||
<h2>Photopolymerisation, Materials Science, AM Advice</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="{{ model.id_modal_technologies }}" class="topnav-modal container column">
|
||||
<div class="container row">
|
||||
<div class="container row">
|
||||
<h2>Web development</h2>
|
||||
</div>
|
||||
<div class="container row">
|
||||
<div class="container row">
|
||||
<h3>JavaScript Frameworks</h3>
|
||||
</div>
|
||||
<div class="container column">
|
||||
<h4>Angular</h4>
|
||||
<h4>React</h4>
|
||||
<h4>Vue</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container row">
|
||||
<div class="container row">
|
||||
<h3>Markup languages</h3>
|
||||
</div>
|
||||
<div class="container column">
|
||||
<h4>HTML</h4>
|
||||
<h4>CSS</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container row">
|
||||
<div class="container row">
|
||||
<h2>Desktop development</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
-->
|
||||
|
||||
<!-- Page body -->
|
||||
<div id="{{ model.ID_PAGE_BODY }}" class="container" style="display: block;">
|
||||
<div id="{{ model.ID_PAGE_BODY }}" class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_PAGE_BODY }}">
|
||||
{% block page_body %}{% endblock %}
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user