cief/IZYIM-mobile-client
1
0
Fork 0
mirror of https://gitlab.com/CIEFWorldwideSdnBhd/IZYIM-mobile-client.git synced 2026-08-19 04:14:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

updated

Browse Source
This commit is contained in:
Darel
2018-04-02 09:36:03 +08:00
parent 875ae18d1c
commit fbef894220
29 changed files with 1035 additions and 129 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.vs/IZYIM-mobile-client/v15/.suo
BIN
View File
Binary file not shown.
.vs/VSWorkspaceState.json
+5 -2
View File
@@ -1,7 +1,10 @@
{
"ExpandedNodes": [
""
"",
"\\js",
"\\plugins",
"\\plugins\\turbo-slider"
],
"SelectedNode": "\\meter-order-details.html",
"SelectedNode": "\\plugins\\turbo-slider\\turbo.css",
"PreviewInSolutionExplorer": false
}
.vs/slnx.sqlite
BIN
View File
Binary file not shown.
arrangements-delivery_arrangements1.2.html
+13 -4
View File
@@ -31,9 +31,9 @@
<li>
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="arrangements-warehouse_receive_note1.html" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
<li><a href="arrangements-shipment_arrangements1.html" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
<li><a href="arrangements-delivery_arrangements1.html" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
</ul>
</li>
<li>
@@ -42,6 +42,9 @@
<li><a href="shipping-order.html" data-loader="show"><i class="fa fa-truck"></i> Shipping Order</a></li>
</ul>
</li>
<li>
<a href="#"><i class="fa fa-suitcase"></i> Custom Declaration</a>
</li>
<li>
<a href="#"><i class="fa fa-comments"></i> Messenger</a>
</li>
@@ -49,7 +52,13 @@
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Track Order</a>
</li>
<li>
<a href="example-element.html"><i class="fa fa-code"></i>Example Element</a>
<a href="javascript:void(0);"><i class="fa fa-code"></i>Example Element <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
</ul>
</li>
</ul>
</div>
arrangements-delivery_arrangements1.html
+14 -5
View File
@@ -23,7 +23,7 @@
<div class="nav-container">
<ul class="main-menu">
<li>
<a href="home.html"><i class="fa fa-home"></i> Home</a>
<a href="#"><i class="fa fa-home"></i> Home</a>
</li>
<li>
<a href="#"><i class="fa fa-bell"></i> Notice</a>
@@ -31,9 +31,9 @@
<li>
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="arrangements-warehouse_receive_note1.html" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
<li><a href="arrangements-shipment_arrangements1.html" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
<li><a href="arrangements-delivery_arrangements1.html" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
</ul>
</li>
<li>
@@ -42,6 +42,9 @@
<li><a href="shipping-order.html" data-loader="show"><i class="fa fa-truck"></i> Shipping Order</a></li>
</ul>
</li>
<li>
<a href="#"><i class="fa fa-suitcase"></i> Custom Declaration</a>
</li>
<li>
<a href="#"><i class="fa fa-comments"></i> Messenger</a>
</li>
@@ -49,7 +52,13 @@
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Track Order</a>
</li>
<li>
<a href="example-element.html"><i class="fa fa-code"></i>Example Element</a>
<a href="javascript:void(0);"><i class="fa fa-code"></i>Example Element <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
</ul>
</li>
</ul>
</div>
arrangements-delivery_arrangements2.html
+13 -4
View File
@@ -31,9 +31,9 @@
<li>
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="arrangements-warehouse_receive_note1.html" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
<li><a href="arrangements-shipment_arrangements1.html" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
<li><a href="arrangements-delivery_arrangements1.html" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
</ul>
</li>
<li>
@@ -42,6 +42,9 @@
<li><a href="shipping-order.html" data-loader="show"><i class="fa fa-truck"></i> Shipping Order</a></li>
</ul>
</li>
<li>
<a href="#"><i class="fa fa-suitcase"></i> Custom Declaration</a>
</li>
<li>
<a href="#"><i class="fa fa-comments"></i> Messenger</a>
</li>
@@ -49,7 +52,13 @@
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Track Order</a>
</li>
<li>
<a href="example-element.html"><i class="fa fa-code"></i>Example Element</a>
<a href="javascript:void(0);"><i class="fa fa-code"></i>Example Element <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
</ul>
</li>
</ul>
</div>
arrangements-shipment_arrangements1.html
+14 -5
View File
@@ -23,7 +23,7 @@
<div class="nav-container">
<ul class="main-menu">
<li>
<a href="home.html"><i class="fa fa-home"></i> Home</a>
<a href="#"><i class="fa fa-home"></i> Home</a>
</li>
<li>
<a href="#"><i class="fa fa-bell"></i> Notice</a>
@@ -31,9 +31,9 @@
<li>
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="arrangements-warehouse_receive_note1.html" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
<li><a href="arrangements-shipment_arrangements1.html" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
<li><a href="arrangements-delivery_arrangements1.html" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
</ul>
</li>
<li>
@@ -42,6 +42,9 @@
<li><a href="shipping-order.html" data-loader="show"><i class="fa fa-truck"></i> Shipping Order</a></li>
</ul>
</li>
<li>
<a href="#"><i class="fa fa-suitcase"></i> Custom Declaration</a>
</li>
<li>
<a href="#"><i class="fa fa-comments"></i> Messenger</a>
</li>
@@ -49,7 +52,13 @@
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Track Order</a>
</li>
<li>
<a href="example-element.html"><i class="fa fa-code"></i>Example Element</a>
<a href="javascript:void(0);"><i class="fa fa-code"></i>Example Element <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
</ul>
</li>
</ul>
</div>
arrangements-shipment_arrangements2.html
+14 -5
View File
@@ -23,7 +23,7 @@
<div class="nav-container">
<ul class="main-menu">
<li>
<a href="home.html"><i class="fa fa-home"></i> Home</a>
<a href="#"><i class="fa fa-home"></i> Home</a>
</li>
<li>
<a href="#"><i class="fa fa-bell"></i> Notice</a>
@@ -31,9 +31,9 @@
<li>
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="arrangements-warehouse_receive_note1.html" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
<li><a href="arrangements-shipment_arrangements1.html" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
<li><a href="arrangements-delivery_arrangements1.html" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
</ul>
</li>
<li>
@@ -42,6 +42,9 @@
<li><a href="shipping-order.html" data-loader="show"><i class="fa fa-truck"></i> Shipping Order</a></li>
</ul>
</li>
<li>
<a href="#"><i class="fa fa-suitcase"></i> Custom Declaration</a>
</li>
<li>
<a href="#"><i class="fa fa-comments"></i> Messenger</a>
</li>
@@ -49,7 +52,13 @@
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Track Order</a>
</li>
<li>
<a href="example-element.html"><i class="fa fa-code"></i>Example Element</a>
<a href="javascript:void(0);"><i class="fa fa-code"></i>Example Element <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
</ul>
</li>
</ul>
</div>
arrangements-warehouse_receive_note1.1.2.html
+14 -5
View File
@@ -23,7 +23,7 @@
<div class="nav-container">
<ul class="main-menu">
<li>
<a href="home.html"><i class="fa fa-home"></i> Home</a>
<a href="#"><i class="fa fa-home"></i> Home</a>
</li>
<li>
<a href="#"><i class="fa fa-bell"></i> Notice</a>
@@ -31,9 +31,9 @@
<li>
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="arrangements-warehouse_receive_note1.html" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
<li><a href="arrangements-shipment_arrangements1.html" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
<li><a href="arrangements-delivery_arrangements1.html" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
</ul>
</li>
<li>
@@ -42,6 +42,9 @@
<li><a href="shipping-order.html" data-loader="show"><i class="fa fa-truck"></i> Shipping Order</a></li>
</ul>
</li>
<li>
<a href="#"><i class="fa fa-suitcase"></i> Custom Declaration</a>
</li>
<li>
<a href="#"><i class="fa fa-comments"></i> Messenger</a>
</li>
@@ -49,7 +52,13 @@
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Track Order</a>
</li>
<li>
<a href="example-element.html"><i class="fa fa-code"></i>Example Element</a>
<a href="javascript:void(0);"><i class="fa fa-code"></i>Example Element <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
</ul>
</li>
</ul>
</div>
arrangements-warehouse_receive_note1.1.html
+14 -5
View File
@@ -23,7 +23,7 @@
<div class="nav-container">
<ul class="main-menu">
<li>
<a href="home.html"><i class="fa fa-home"></i> Home</a>
<a href="#"><i class="fa fa-home"></i> Home</a>
</li>
<li>
<a href="#"><i class="fa fa-bell"></i> Notice</a>
@@ -31,9 +31,9 @@
<li>
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="arrangements-warehouse_receive_note1.html" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
<li><a href="arrangements-shipment_arrangements1.html" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
<li><a href="arrangements-delivery_arrangements1.html" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
</ul>
</li>
<li>
@@ -42,6 +42,9 @@
<li><a href="shipping-order.html" data-loader="show"><i class="fa fa-truck"></i> Shipping Order</a></li>
</ul>
</li>
<li>
<a href="#"><i class="fa fa-suitcase"></i> Custom Declaration</a>
</li>
<li>
<a href="#"><i class="fa fa-comments"></i> Messenger</a>
</li>
@@ -49,7 +52,13 @@
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Track Order</a>
</li>
<li>
<a href="example-element.html"><i class="fa fa-code"></i>Example Element</a>
<a href="javascript:void(0);"><i class="fa fa-code"></i>Example Element <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
</ul>
</li>
</ul>
</div>
arrangements-warehouse_receive_note1.3.html
+14 -5
View File
@@ -23,7 +23,7 @@
<div class="nav-container">
<ul class="main-menu">
<li>
<a href="home.html"><i class="fa fa-home"></i> Home</a>
<a href="#"><i class="fa fa-home"></i> Home</a>
</li>
<li>
<a href="#"><i class="fa fa-bell"></i> Notice</a>
@@ -31,9 +31,9 @@
<li>
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="arrangements-warehouse_receive_note1.html" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
<li><a href="arrangements-shipment_arrangements1.html" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
<li><a href="arrangements-delivery_arrangements1.html" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
</ul>
</li>
<li>
@@ -42,6 +42,9 @@
<li><a href="shipping-order.html" data-loader="show"><i class="fa fa-truck"></i> Shipping Order</a></li>
</ul>
</li>
<li>
<a href="#"><i class="fa fa-suitcase"></i> Custom Declaration</a>
</li>
<li>
<a href="#"><i class="fa fa-comments"></i> Messenger</a>
</li>
@@ -49,7 +52,13 @@
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Track Order</a>
</li>
<li>
<a href="example-element.html"><i class="fa fa-code"></i>Example Element</a>
<a href="javascript:void(0);"><i class="fa fa-code"></i>Example Element <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
</ul>
</li>
</ul>
</div>
arrangements-warehouse_receive_note1.html
+14 -5
View File
@@ -23,7 +23,7 @@
<div class="nav-container">
<ul class="main-menu">
<li>
<a href="home.html"><i class="fa fa-home"></i> Home</a>
<a href="#"><i class="fa fa-home"></i> Home</a>
</li>
<li>
<a href="#"><i class="fa fa-bell"></i> Notice</a>
@@ -31,9 +31,9 @@
<li>
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="arrangements-warehouse_receive_note1.html" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
<li><a href="arrangements-shipment_arrangements1.html" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
<li><a href="arrangements-delivery_arrangements1.html" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
</ul>
</li>
<li>
@@ -42,6 +42,9 @@
<li><a href="shipping-order.html" data-loader="show"><i class="fa fa-truck"></i> Shipping Order</a></li>
</ul>
</li>
<li>
<a href="#"><i class="fa fa-suitcase"></i> Custom Declaration</a>
</li>
<li>
<a href="#"><i class="fa fa-comments"></i> Messenger</a>
</li>
@@ -49,7 +52,13 @@
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Track Order</a>
</li>
<li>
<a href="example-element.html"><i class="fa fa-code"></i>Example Element</a>
<a href="javascript:void(0);"><i class="fa fa-code"></i>Example Element <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
</ul>
</li>
</ul>
</div>
arrangements-warehouse_receive_note2.html
+14 -5
View File
@@ -23,7 +23,7 @@
<div class="nav-container">
<ul class="main-menu">
<li>
<a href="home.html"><i class="fa fa-home"></i> Home</a>
<a href="#"><i class="fa fa-home"></i> Home</a>
</li>
<li>
<a href="#"><i class="fa fa-bell"></i> Notice</a>
@@ -31,9 +31,9 @@
<li>
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="arrangements-warehouse_receive_note1.html" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
<li><a href="arrangements-shipment_arrangements1.html" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
<li><a href="arrangements-delivery_arrangements1.html" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
</ul>
</li>
<li>
@@ -42,6 +42,9 @@
<li><a href="shipping-order.html" data-loader="show"><i class="fa fa-truck"></i> Shipping Order</a></li>
</ul>
</li>
<li>
<a href="#"><i class="fa fa-suitcase"></i> Custom Declaration</a>
</li>
<li>
<a href="#"><i class="fa fa-comments"></i> Messenger</a>
</li>
@@ -49,7 +52,13 @@
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Track Order</a>
</li>
<li>
<a href="example-element.html"><i class="fa fa-code"></i>Example Element</a>
<a href="javascript:void(0);"><i class="fa fa-code"></i>Example Element <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
</ul>
</li>
</ul>
</div>
arrangements-warehouse_receive_note_review3.1.html
+12 -6
View File
@@ -23,7 +23,7 @@
<div class="nav-container">
<ul class="main-menu">
<li>
<a href="home.html"><i class="fa fa-home"></i> Home</a>
<a href="#"><i class="fa fa-home"></i> Home</a>
</li>
<li>
<a href="#"><i class="fa fa-bell"></i> Notice</a>
@@ -31,9 +31,9 @@
<li>
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="arrangements-warehouse_receive_note1.html" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
<li><a href="arrangements-shipment_arrangements1.html" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
<li><a href="arrangements-delivery_arrangements1.html" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
</ul>
</li>
<li>
@@ -43,7 +43,7 @@
</ul>
</li>
<li>
<a href="custom_declaration.html"><i class="fa fa-suitcase"></i> Custom Declaration</a>
<a href="#"><i class="fa fa-suitcase"></i> Custom Declaration</a>
</li>
<li>
<a href="#"><i class="fa fa-comments"></i> Messenger</a>
@@ -52,7 +52,13 @@
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Track Order</a>
</li>
<li>
<a href="example-element.html"><i class="fa fa-code"></i>Example Element</a>
<a href="javascript:void(0);"><i class="fa fa-code"></i>Example Element <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
</ul>
</li>
</ul>
</div>
arrangements-warehouse_receive_note_review3.html
+12 -6
View File
@@ -23,7 +23,7 @@
<div class="nav-container">
<ul class="main-menu">
<li>
<a href="home.html"><i class="fa fa-home"></i> Home</a>
<a href="#"><i class="fa fa-home"></i> Home</a>
</li>
<li>
<a href="#"><i class="fa fa-bell"></i> Notice</a>
@@ -31,9 +31,9 @@
<li>
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="arrangements-warehouse_receive_note1.html" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
<li><a href="arrangements-shipment_arrangements1.html" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
<li><a href="arrangements-delivery_arrangements1.html" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
</ul>
</li>
<li>
@@ -43,7 +43,7 @@
</ul>
</li>
<li>
<a href="custom_declaration.html"><i class="fa fa-suitcase"></i> Custom Declaration</a>
<a href="#"><i class="fa fa-suitcase"></i> Custom Declaration</a>
</li>
<li>
<a href="#"><i class="fa fa-comments"></i> Messenger</a>
@@ -52,7 +52,13 @@
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Track Order</a>
</li>
<li>
<a href="example-element.html"><i class="fa fa-code"></i>Example Element</a>
<a href="javascript:void(0);"><i class="fa fa-code"></i>Example Element <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
</ul>
</li>
</ul>
</div>
create-shipping-order-S1.html
+10 -1
View File
@@ -42,6 +42,9 @@
<li><a href="shipping-order.html" data-loader="show"><i class="fa fa-truck"></i> Shipping Order</a></li>
</ul>
</li>
<li>
<a href="#"><i class="fa fa-suitcase"></i> Custom Declaration</a>
</li>
<li>
<a href="#"><i class="fa fa-comments"></i> Messenger</a>
</li>
@@ -49,7 +52,13 @@
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Track Order</a>
</li>
<li>
<a href="example-element.html"><i class="fa fa-code"></i>Example Element</a>
<a href="javascript:void(0);"><i class="fa fa-code"></i>Example Element <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
</ul>
</li>
</ul>
</div>
create-shipping-order-S2.html
+10 -1
View File
@@ -42,6 +42,9 @@
<li><a href="shipping-order.html" data-loader="show"><i class="fa fa-truck"></i> Shipping Order</a></li>
</ul>
</li>
<li>
<a href="#"><i class="fa fa-suitcase"></i> Custom Declaration</a>
</li>
<li>
<a href="#"><i class="fa fa-comments"></i> Messenger</a>
</li>
@@ -49,7 +52,13 @@
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Track Order</a>
</li>
<li>
<a href="example-element.html"><i class="fa fa-code"></i>Example Element</a>
<a href="javascript:void(0);"><i class="fa fa-code"></i>Example Element <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
</ul>
</li>
</ul>
</div>
css/global.style.css
+3 -1
View File
@@ -9,7 +9,9 @@ References and Credit:
1.Font-Awesome (Resource)
2.Webkit (Guide)
3.w3school (Tutorial)
4.GitHub (Loader Guide)
4.GitHub (Loader Guide)
5.GitHub (by eltonmesquita) https://github.com/daneden/animate.css
6.Turboslider (by Baianat) http://www.baianat.com
Content:
Read Me :-
element-MTracker.html
+382
View File
@@ -0,0 +1,382 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>AzureUI - METER PROGRESS TRACKERS</title>
<link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700,900" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/global.style.css">
</head>
<body>
<div class="nav-menu">
<nav class="menu">
<!-- profile logo start -->
<div class="nav-header">
<a href="home.html"><img src="images/CIEF.png" width="160"></a>
</div>
<!-- profile logo end -->
<!-- Menu navigation start -->
<div class="nav-container">
<ul class="main-menu">
<li>
<a href="#"><i class="fa fa-home"></i> Home</a>
</li>
<li>
<a href="#"><i class="fa fa-bell"></i> Notice</a>
</li>
<li>
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="#" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
</ul>
</li>
<li>
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Orders <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="shipping-order.html" data-loader="show"><i class="fa fa-truck"></i> Shipping Order</a></li>
</ul>
</li>
<li>
<a href="#"><i class="fa fa-suitcase"></i> Custom Declaration</a>
</li>
<li>
<a href="#"><i class="fa fa-comments"></i> Messenger</a>
</li>
<li>
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Track Order</a>
</li>
<li>
<a href="javascript:void(0);"><i class="fa fa-code"></i>Example Element <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
</ul>
</li>
</ul>
</div>
<!-- Menu navigation end -->
</nav>
</div>
<div class="wrapper">
<div class="wrapper-inline">
<!-- Header area start -->
<header style="background-color: #FFF">
<a class="go-back-link" href="javascript:history.back();"><i class="fa fa-arrow-left"></i></a>
<h1 id="HT" class="page-title" style="color: #000">Meter Progress Trackerss</h1>
<div class="navi-menu-button">
<em></em>
<em></em>
<em></em>
</div>
</header>
<!-- Header area end -->
<!-- Main Content Start Here -->
<div class="form-fixed"></div>
<div class="meter-container">
<div class="form-row">
<div class="meter-tracker-bar">
<!-- Trackers Meter Point Start Here -->
<div id="meter-bar" style="background-color:#069; width:0; height:100%"></div>
<!-- Trackers Meter Point End Here -->
<!-- Sub Title For Meter Point Start Here -->
<label class="update-txt-first fix">
<div class="update-btn-first fix">
<input id="StartedStep" type="submit" onclick="StartedStep()" style="display:none" />
</div>
<a>Order Date</a>
</label>
<label class="update-txt-second fix">
<div class="update-btn-second fix">
<input id="FirstStep" type="submit" onclick="FirstStep()" style="display:none" />
</div>
<a>WH Received</a>
</label>
<label class="update-txt-third fix">
<div class="update-btn-third fix">
<input id="SecondStep" type="submit" onclick="SecondStep()" style="display:none" />
</div>
<a>Delivery Arr</a>
</label>
<label class="update-txt-fourth fix">
<div class="update-btn-fourth fix">
<input id="ThirdStep" type="submit" onclick="ThirdStep()" style="display:none" />
</div>
<a>Delivery</a>
</label>
<label class="update-txt-fixwall fix">
<div class="update-btn-fourth fix">
<input id="CompletedStep" type="submit" onclick="CompletedStep()" style="display:none" />
</div>
</label>
<!-- Sub Title For Meter Point End Here -->
</div>
</div>
<div id="PageOrderDate" class="AzPagination-Container" style="display:block">
<div class="form-row">
<div class="form-row txt-center">
<a class="a-meter-title">Order Date</a>
</div>
<hr />
<a class="a-meter-sub-title">Customer</a>
<br />
<a class="a-meter-text-data">Arief</a>
<br />
<a class="a-meter-sub-title">Supplier</a>
<br />
<a class="a-meter-text-data">FedEx</a>
<hr />
<!-- Detail Data Start Here -->
<a class="a-meter-sub-title">Order No</a>
<br />
<a class="a-meter-text-data">HQ-001/Example</a>
<br />
<br />
<a class="a-meter-sub-title">Order Type</a>
<br />
<a class="a-meter-text-data">Shipping Order</a>
<br />
<br />
<a class="a-meter-sub-title">Date Created</a>
<br />
<a class="a-meter-text-data">26/04/2018</a>
<br />
<br />
<a class="a-meter-sub-title">Purchase No</a>
<br />
<a class="a-meter-text-data">Example/012/ABC</a>
<br />
<br />
<a class="a-meter-sub-title">Purchase Value</a>
<br />
<a class="a-meter-text-data">10.00</a>
<!-- Detail Data End Here -->
<hr>
<div class="form-divider-2"></div>
<div class="txt-center">
<a class="button blue" data-dismiss="true">Details</a>
</div>
</div>
</div>
<div id="PageWHReceived" class="AzPagination-Container" style="display:none">
<div class="form-row">
<div class="form-row txt-center">
<a class="a-meter-title">Warehouse Received Note</a>
</div>
<hr />
<a class="a-meter-sub-title">Customer</a>
<br />
<a class="a-meter-text-data">Arief</a>
<br />
<a class="a-meter-sub-title">Supplier</a>
<br />
<a class="a-meter-text-data">FedEx</a>
<hr />
<!-- Detail Data Start Here -->
<a class="a-meter-sub-title">Received Date</a>
<br />
<a class="a-meter-text-data">22/03/2018</a>
<br />
<br />
<a class="a-meter-sub-title">Total Carton</a>
<br />
<a class="a-meter-text-data">-</a>
<!-- Detail Data End Here -->
<hr>
<div class="form-divider-2"></div>
<div class="txt-center">
<a class="button blue" data-dismiss="true">Details</a>
</div>
</div>
</div>
<div id="PageDeliveryArr" class="AzPagination-Container" style="display:none">
<div class="form-row">
<div class="form-row txt-center">
<a class="a-meter-title">Delivery Arrangement</a>
</div>
<hr />
<a class="a-meter-sub-title">Customer</a>
<br />
<a class="a-meter-text-data">Arief</a>
<br />
<a class="a-meter-sub-title">Supplier</a>
<br />
<a class="a-meter-text-data">FedEx</a>
<hr />
<!-- Detail Data Start Here -->
<a class="a-meter-sub-title">Contact Person</a>
<br />
<a class="a-meter-text-data">Harry</a>
<br />
<br />
<a class="a-meter-sub-title">Contact Number</a>
<br />
<a class="a-meter-text-data">012-3851190</a>
<br />
<br />
<a class="a-meter-sub-title">Address</a>
<br />
<a class="a-meter-text-data">Jalan Persiaran Apec</a>
<br />
<br />
<a class="a-meter-sub-title">City</a>
<br />
<a class="a-meter-text-data">Cyberjaya</a>
<br />
<br />
<a class="a-meter-sub-title">Postcode</a>
<br />
<a class="a-meter-text-data">55310</a>
<br />
<br />
<a class="a-meter-sub-title">State</a>
<br />
<a class="a-meter-text-data">Selangor</a>
<br />
<br />
<a class="a-meter-sub-title">Country</a>
<br />
<a class="a-meter-text-data">Malaysia</a>
<!-- Detail Data End Here -->
<hr>
<div class="form-divider-2"></div>
<div class="txt-center">
<a class="button blue" data-dismiss="true">Details</a>
</div>
</div>
</div>
<div id="PageDelivery" class="AzPagination-Container" style="display:none">
<div class="form-row">
<div class="form-row txt-center">
<a class="a-meter-title">Delivery</a>
</div>
<hr />
<a class="a-meter-sub-title">Customer</a>
<br />
<a class="a-meter-text-data">Arief</a>
<br />
<a class="a-meter-sub-title">Supplier</a>
<br />
<a class="a-meter-text-data">FedEx</a>
<hr />
<!-- Detail Data Start Here -->
<!-- Detail Data End Here -->
</div>
</div>
</div>
<!-- Main Content End Here -->
</div>
</div>
<!-- Required For All Pages, Otherwise Ugly Others Function Won't Work -->
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/global.script.js"></script>
<!-- Required For All Pages, Otherwise Ugly Others Function Won't Work -->
<script>
//Az Global Var For Page//
var AzPage1 = document.getElementById("PageOrderDate"),
AzPage2 = document.getElementById("PageWHReceived"),
AzPage3 = document.getElementById("PageDeliveryArr"),
AzPage4 = document.getElementById("PageDelivery");
function StartedStep() {
var elem = document.getElementById("meter-bar");
var width = 0;
var id = setInterval(frame, 0);
function frame() {
if (width >= 0.1) {
clearInterval(id);
AzPage1.style.display = "block";
} else {
width++;
elem.style.width = width + '%';
AzPage2.style.display = "none";
AzPage3.style.display = "none";
AzPage4.style.display = "none";
}
}
}
function FirstStep() {
var elem = document.getElementById("meter-bar");
var width = 0;
var id = setInterval(frame, 0);
function frame() {
if (width >= 25) {
clearInterval(id);
AzPage2.style.display = "block"
} else {
width++;
elem.style.width = width + '%';
AzPage1.style.display = "none";
AzPage3.style.display = "none";
AzPage4.style.display = "none";
}
}
}
function SecondStep() {
var elem = document.getElementById("meter-bar");
var width = 25;
var id = setInterval(frame, 0);
function frame() {
if (width >= 50) {
clearInterval(id);
AzPage3.style.display = "block"
} else {
width++;
elem.style.width = width + '%';
AzPage1.style.display = "none";
AzPage2.style.display = "none";
AzPage4.style.display = "none";
}
}
}
function ThirdStep() {
var elem = document.getElementById("meter-bar");
var width = 50;
var id = setInterval(frame, 0);
function frame() {
if (width >= 75) {
clearInterval(id);
AzPage4.style.display = "block"
} else {
width++;
elem.style.width = width + '%';
AzPage1.style.display = "none";
AzPage2.style.display = "none";
AzPage3.style.display = "none";
}
}
}
function CompletedStep() {
var elem = document.getElementById("meter-bar");
var width = 75;
var id = setInterval(frame, 0);
function frame() {
if (width >= 100) {
clearInterval(id);
} else {
width++;
elem.style.width = width + '%';
}
}
}
</script>
</body>
</html>
element-wizard.html
+182
View File
@@ -0,0 +1,182 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>AzureUI - WIZARD</title>
<link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700,900" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/global.style.css">
<!-- Required for slider -->
<link rel="stylesheet" type="text/css" href="plugins/turbo-slider/turbo.css">
</head>
<body>
<div class="wrapper">
<div class="nav-menu">
<nav class="menu">
<!-- profile logo start -->
<div class="nav-header">
<a href="home.html"><img src="images/CIEF.png" width="160"></a>
</div>
<!-- profile logo end -->
<!-- Menu navigation start -->
<div class="nav-container">
<ul class="main-menu">
<li>
<a href="#"><i class="fa fa-home"></i> Home</a>
</li>
<li>
<a href="#"><i class="fa fa-bell"></i> Notice</a>
</li>
<li>
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="#" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
</ul>
</li>
<li>
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Orders <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="shipping-order.html" data-loader="show"><i class="fa fa-truck"></i> Shipping Order</a></li>
</ul>
</li>
<li>
<a href="#"><i class="fa fa-suitcase"></i> Custom Declaration</a>
</li>
<li>
<a href="#"><i class="fa fa-comments"></i> Messenger</a>
</li>
<li>
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Track Order</a>
</li>
<li>
<a href="javascript:void(0);"><i class="fa fa-code"></i>Example Element <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
</ul>
</li>
</ul>
</div>
<!-- Menu navigation end -->
</nav>
</div>
<div class="wrapper-inline">
<!-- Header area start -->
<header> <!-- extra class no-background -->
<a class="go-back-link" href="javascript:history.back();"><i class="fa fa-arrow-left"></i></a>
<h1 id="HT" class="page-title" style="color: #000">Wizard Element</h1>
<div class="navi-menu-button">
<em></em>
<em></em>
<em></em>
</div>
</header>
<!-- Header area end -->
<!-- Page content start -->
<main class="wizard-page">
<div class="wizard">
<div class="wizard-item">
<div class="wizard-content" style="color:#069">
<div class="form-mini-divider"></div>
<img src="images/Azure-Personal-Icon.png" width="150">
<div class="form-mini-divider"></div>
<h3>This is AzureUI</h3>
<p>Azure is define as skyblue color one of my favourite color and already became my personal nickname.</p>
<div class="form-divider"></div>
<a href="#" class="button circle red">Click me!</a>
</div>
</div>
<div class="wizard-item">
<div class="wizard-content" style="color:#069">
<div class="form-mini-divider"></div>
<img src="images/Azure-Staff-Icon.png" width="150">
<div class="form-mini-divider"></div>
<h3>This is Azure</h3>
<p>Azure is define as skyblue color one of my favourite color and already became my personal nickname.</p>
<div class="form-divider"></div>
<a href="#" class="button circle blue">Click me!</a>
</div>
</div>
<div class="wizard-item">
<div class="wizard-content" style="color:#069">
<div class="form-mini-divider"></div>
<img src="images/Azure-Branch-Icon.png" width="150">
<div class="form-mini-divider"></div>
<h3>This is Azure</h3>
<p>Azure is define as skyblue color one of my favourite color and already became my personal nickname.</p>
<div class="form-divider"></div>
<a href="#" class="button circle green">Click me!</a>
</div>
</div>
<div class="wizard-item">
<div class="wizard-content" style="color:#069">
<div class="form-mini-divider"></div>
<img src="images/Azure-Company-Icon.png" width="150">
<div class="form-mini-divider"></div>
<h3>This is Azure</h3>
<p>Azure is define as skyblue color one of my favourite color and already became my personal nickname.</p>
</div>
</div>
</div>
<a class="wizard-skip-link" href="home.html">SKIP</a>
</main>
<!-- Page content end -->
</div>
</div>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="plugins/turbo-slider/turbo.min.js"></script>
<script src="js/global.script.js"></script>
<script>
$(document).ready(function() {
$(".wizard").Turbo({
items:1,
circular:false
});
});
</script>
</body>
</html>
example-element.html
+3 -6
View File
@@ -12,7 +12,6 @@
<body>
<div class="nav-menu">
<nav class="menu">
<!-- profile logo start -->
<div class="nav-header">
@@ -52,20 +51,18 @@
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Track Order</a>
</li>
<li>
<a href="javascript:void(0);"><i class="fa fa-code"></i>Example Element</a>
<a href="javascript:void(0);"><i class="fa fa-code"></i>Example Element <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
</ul>
</li>
</ul>
</div>
<!-- Menu navigation end -->
</nav>
</div>
<div class="wrapper">
home.html
+33 -24
View File
@@ -320,7 +320,7 @@
<div class="nav-container">
<ul class="main-menu">
<li>
<a href="home.html"><i class="fa fa-home"></i> Home</a>
<a href="#"><i class="fa fa-home"></i> Home</a>
</li>
<li>
<a href="#"><i class="fa fa-bell"></i> Notice</a>
@@ -328,9 +328,9 @@
<li>
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="arrangements-warehouse_receive_note1.html" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
<li><a href="arrangements-shipment_arrangements1.html" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
<li><a href="arrangements-delivery_arrangements1.html" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
</ul>
</li>
<li>
@@ -339,6 +339,9 @@
<li><a href="shipping-order.html" data-loader="show"><i class="fa fa-truck"></i> Shipping Order</a></li>
</ul>
</li>
<li>
<a href="#"><i class="fa fa-suitcase"></i> Custom Declaration</a>
</li>
<li>
<a href="#"><i class="fa fa-comments"></i> Messenger</a>
</li>
@@ -346,7 +349,13 @@
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Track Order</a>
</li>
<li>
<a href="example-element.html"><i class="fa fa-code"></i>Example Element</a>
<a href="javascript:void(0);"><i class="fa fa-code"></i>Example Element <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
</ul>
</li>
</ul>
</div>
@@ -1170,28 +1179,28 @@
<!--POPUP HTML CONTENT END -->
<!--POPUP HTML CONTENT START -->
<div class="popup-overlay" id="AzPopActionStatus">
<!-- if you dont want overlay add class .no-overlay -->
<div class="popup-container">
<div class="popup-header">
<h3 class="popup-title">Action</h3>
<span class="popup-close" data-dismiss="true"><i class="fa fa-times"></i></span>
</div>
<div class="popup-content">
<div class="txt-center">
<a href="#" class="button block blue">Details</a>
<div class="form-divider-2"></div>
<a href="meter-progress-trackers.html" class="button block blue">Track Order</a>
<div class="form-divider-2"></div>
<a href="#" class="button block blue">Chat</a>
<div class="form-divider-2"></div>
<a href="#" class="button block blue">Preview PL</a>
<div class="form-divider-2"></div>
<a href="#" class="button block blue">Print Marking</a>
</div>
<!-- if you dont want overlay add class .no-overlay -->
<div class="popup-container">
<div class="popup-header">
<h3 class="popup-title">Action</h3>
<span class="popup-close" data-dismiss="true"><i class="fa fa-times"></i></span>
</div>
<div class="popup-content">
<div class="txt-center">
<a href="#" class="button block blue">Details</a>
<div class="form-divider-2"></div>
<a href="meter-progress-trackers.html" class="button block blue">Track Order</a>
<div class="form-divider-2"></div>
<a href="#" class="button block blue">Chat</a>
<div class="form-divider-2"></div>
<a href="#" class="button block blue">Preview PL</a>
<div class="form-divider-2"></div>
<a href="#" class="button block blue">Print Marking</a>
</div>
</div>
</div>
<!--POPUP HTML CONTENT END -->
</div>
<!--POPUP HTML CONTENT END -->
<!-- Change Header Title According To The Tab Title Start Here -->
<script type="text/javascript">
document.getElementById("profile").onclick = function () {
js/global.script.js
+10 -1
View File
@@ -101,7 +101,7 @@ $(document).ready(function(){
});
$('.tab-item .fix-width .menu-item').css({ 'width': 100 / $('.tab-item .fix-width .menu-item').length+'%'});
$('.tab-item .fix-width .menu-item').css({'width': 100/$('.tab-item .fix-width .menu-item').length+'%'});
if ($('.wizard').length)
{
@@ -442,3 +442,12 @@ $(document).ready(function(){
}
});
});
/* =========================================
[Wizard] Start Here
==========================================*/
var wizardFixHeight = function(){
$(window).on('resize', function(e){
$('.wizard .wizard-item').height($(window).height()-50);
});
}
js/jquery-3.2.1.min.js
Vendored
+3 -11
View File
File diff suppressed because one or more lines are too long
meter-order-details.html
+15 -6
View File
@@ -23,7 +23,7 @@
<div class="nav-container">
<ul class="main-menu">
<li>
<a href="home.html"><i class="fa fa-home"></i> Home</a>
<a href="#"><i class="fa fa-home"></i> Home</a>
</li>
<li>
<a href="#"><i class="fa fa-bell"></i> Notice</a>
@@ -31,9 +31,9 @@
<li>
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="arrangements-warehouse_receive_note1.html" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
<li><a href="arrangements-shipment_arrangements1.html" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
<li><a href="arrangements-delivery_arrangements1.html" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
</ul>
</li>
<li>
@@ -42,6 +42,9 @@
<li><a href="shipping-order.html" data-loader="show"><i class="fa fa-truck"></i> Shipping Order</a></li>
</ul>
</li>
<li>
<a href="#"><i class="fa fa-suitcase"></i> Custom Declaration</a>
</li>
<li>
<a href="#"><i class="fa fa-comments"></i> Messenger</a>
</li>
@@ -49,7 +52,13 @@
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Track Order</a>
</li>
<li>
<a href="example-element.html"><i class="fa fa-code"></i>Example Element</a>
<a href="javascript:void(0);"><i class="fa fa-code"></i>Example Element <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
</ul>
</li>
</ul>
</div>
@@ -168,7 +177,7 @@
</div>
<div class="form-divider-2"></div>
<!-- Packing Item List Start Here -->
<div class="expandable-item accordion active" data-group="accordion2">
<div class="expandable-item accordion" data-group="accordion2">
<div class="expandable-header">
<i class="list-icon fa fa-adjust"></i>
<h3 class="list-title">Item Code 1</h3>
meter-progress-trackers.html
+84 -12
View File
@@ -23,7 +23,7 @@
<div class="nav-container">
<ul class="main-menu">
<li>
<a href="home.html"><i class="fa fa-home"></i> Home</a>
<a href="#"><i class="fa fa-home"></i> Home</a>
</li>
<li>
<a href="#"><i class="fa fa-bell"></i> Notice</a>
@@ -31,9 +31,9 @@
<li>
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="arrangements-warehouse_receive_note1.html" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
<li><a href="arrangements-shipment_arrangements1.html" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
<li><a href="arrangements-delivery_arrangements1.html" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
</ul>
</li>
<li>
@@ -42,6 +42,9 @@
<li><a href="shipping-order.html" data-loader="show"><i class="fa fa-truck"></i> Shipping Order</a></li>
</ul>
</li>
<li>
<a href="#"><i class="fa fa-suitcase"></i> Custom Declaration</a>
</li>
<li>
<a href="#"><i class="fa fa-comments"></i> Messenger</a>
</li>
@@ -49,7 +52,13 @@
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Track Order</a>
</li>
<li>
<a href="example-element.html"><i class="fa fa-code"></i>Example Element</a>
<a href="javascript:void(0);"><i class="fa fa-code"></i>Example Element <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
</ul>
</li>
</ul>
</div>
@@ -187,7 +196,8 @@
<hr>
<div class="form-divider-2"></div>
<div class="txt-center">
<a class="button blue" data-dismiss="true">Details</a>
<a class="button blue" data-dismiss="true" data-popup="AzPopActionEdit">Edit Address</a>
<a href="meter-order-details.html" class="button blue" data-dismiss="true">Details</a>
</div>
</div>
</div>
@@ -244,7 +254,7 @@
<hr>
<div class="form-divider-2"></div>
<div class="txt-center">
<a class="button blue" data-dismiss="true">Details</a>
<a href="meter-order-details.html" class="button blue" data-dismiss="true">Details</a>
</div>
</div>
</div>
@@ -274,6 +284,68 @@
</div>
</div>
<!--POPUP HTML CONTENT START -->
<div class="popup-overlay" id="AzPopActionEdit">
<!-- if you dont want overlay add class .no-overlay -->
<div class="popup-container">
<div class="popup-header">
<h3 class="popup-title">Warehouse Details</h3>
<span class="popup-close" data-dismiss="true"><i class="fa fa-times"></i></span>
</div>
<div class="popup-content">
<div class="form-row-group with-icons-no-padding">
<div class="form-row no-padding">
<div class="form-element-title">
<label style="color: #000">Warehouse Name</label>
</div>
<input type="text" class="form-element" placeholder="FedEx" required />
</div>
<div class="form-row no-padding">
<div class="form-element-title">
<label style="color: #000">Warehouse Address</label>
</div>
<input type="text" class="form-element" placeholder="Jalan Persiaran Apec" required />
</div>
<div class="form-row no-padding">
<div class="form-element-title">
<label style="color: #000">Warehouse City</label>
</div>
<input type="text" class="form-element" placeholder="Cyberjaya" required />
</div>
<div class="form-row no-padding">
<div class="form-element-title">
<label style="color: #000">Warehouse Postcode</label>
</div>
<input type="text" class="form-element" placeholder="63000" required />
</div>
<div class="form-row no-padding">
<div class="form-element-title">
<label style="color: #000">Warehouse State</label>
</div>
<input type="text" class="form-element" placeholder="Selangor" required />
</div>
<div class="form-row no-padding">
<div class="form-element-title">
<label style="color: #000">Warehouse Country</label>
</div>
<input type="text" class="form-element" placeholder="Malaysia" required />
</div>
</div>
</div>
<div class="popup-footer">
<div class="form-row txt-center">
<button class="button blue" data-dismiss="true">Edit Warehouse Address</button>
</div>
</div>
</div>
</div>
<!--POPUP HTML CONTENT END -->
<!-- Required For All Pages, Otherwise Ugly Others Function Won't Work -->
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/global.script.js"></script>
@@ -288,7 +360,7 @@
function StartedStep() {
var elem = document.getElementById("meter-bar");
var width = 0;
var id = setInterval(frame, 10);
var id = setInterval(frame, 0);
function frame() {
if (width >= 0.1) {
clearInterval(id);
@@ -305,7 +377,7 @@
function FirstStep() {
var elem = document.getElementById("meter-bar");
var width = 0;
var id = setInterval(frame, 10);
var id = setInterval(frame, 0);
function frame() {
if (width >= 25) {
clearInterval(id);
@@ -322,7 +394,7 @@
function SecondStep() {
var elem = document.getElementById("meter-bar");
var width = 25;
var id = setInterval(frame, 10);
var id = setInterval(frame, 0);
function frame() {
if (width >= 50) {
clearInterval(id);
@@ -339,7 +411,7 @@
function ThirdStep() {
var elem = document.getElementById("meter-bar");
var width = 50;
var id = setInterval(frame, 10);
var id = setInterval(frame, 0);
function frame() {
if (width >= 75) {
clearInterval(id);
@@ -356,7 +428,7 @@
function CompletedStep() {
var elem = document.getElementById("meter-bar");
var width = 75;
var id = setInterval(frame, 10);
var id = setInterval(frame, 0);
function frame() {
if (width >= 100) {
clearInterval(id);
plugins/turbo-slider/turbo.css
+119
View File
@@ -0,0 +1,119 @@
/**
* Turboslider - An open source jquery slider
*
* @author Baianat
* @copyright 2015 Baianat
* @link http://www.baianat.com
* @license MIT permissive license http://www.baianat.com
* @version 1.0.0
* @package TurboSlider
*
*/
/* Main Wrapper for turbo slider */
.TurboWrapper {
position: relative;
}
/* Main item for turbo slider better to leave this settings unmodified */
.item {
-moz-user-select : none ;
user-select: none;
opacity: 1 ;
}
/* Turbo navigation container */
.slider-navigation
{
text-align: center;
}
/* Turbo default dot container class */
.dotsClass
{
margin-top: 10px ;
}
/* Turbo default dot item class */
.dotClass
{
border-radius: 50%;
background: #f6f6f6;
width: 8px;
height: 8px;
margin:5px;
display:inline-block;
transition: 0.3s all;
}
/* Turbo active dot item class */
.dotClass.active
{
background: rgba(0,0,0,.3);
}
/* Turbo vertical dots class */
.vertical-dots {
position: absolute;
right: 0;
top: 50%;
transform: rotate(90deg);
margin: 0;
}
/* Turbo video wrapper class */
.turbo-video-wrapper {
position: relative;
height: 100%;
}
/* Turbo video thumb class */
.turbo-video-thumb {
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
/* Turbo video play class */
.turbo-video-play {
height: 50px;
width: 50px;
border-radius: 50%;
background: #CCC none repeat scroll 0% 0%;
position: absolute;
top: 50%;
left: 50%;
margin-left: -18px;
margin-top: -14px;
}
/* Turbo default navigation next and prev */
.turbo-prev, .turbo-next {
border: 2px solid #FE623C;
border-radius: 5px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 14px;
margin: 5px;
padding: 6px 20px;
-moz-user-select: none;
}
plugins/turbo-slider/turbo.min.js
Vendored
+1
View File
File diff suppressed because one or more lines are too long
shipping-order.html
+10 -1
View File
@@ -43,6 +43,9 @@
<li><a href="shipping-order.html" data-loader="show"><i class="fa fa-truck"></i> Shipping Order</a></li>
</ul>
</li>
<li>
<a href="#"><i class="fa fa-suitcase"></i> Custom Declaration</a>
</li>
<li>
<a href="#"><i class="fa fa-comments"></i> Messenger</a>
</li>
@@ -50,7 +53,13 @@
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Track Order</a>
</li>
<li>
<a href="example-element.html"><i class="fa fa-code"></i>Example Element</a>
<a href="javascript:void(0);"><i class="fa fa-code"></i>Example Element <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
</ul>
</li>
</ul>
</div>