mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/IZYIM-Prototype.git
synced 2026-08-19 04:33:55 +00:00
Merge branch 'master' of https://gitlab.com/ciefworldwide/IZYIM
This commit is contained in:
GEGULA�
+243
-79
@@ -175,29 +175,29 @@
|
||||
</center>
|
||||
</li>
|
||||
<hr>
|
||||
<li class="nav-item start">
|
||||
<a href="index.html" class="nav-link nav-toggle">
|
||||
<i class="icon-home"></i>
|
||||
<span class="title">Order Status</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="notice.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-newspaper-o"></i>
|
||||
<span class="title">Notice</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="deliveryarrange.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-briefcase"></i>
|
||||
<span class="title">Delivery Arrangement</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item active open ">
|
||||
<li class="nav-item start ">
|
||||
<a href="index.html" class="nav-link nav-toggle">
|
||||
<i class="icon-home"></i>
|
||||
<span class="title">Order Status</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="notice.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-newspaper-o"></i>
|
||||
<span class="title">Notice</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="deliveryarrange.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-briefcase"></i>
|
||||
<span class="title">Delivery Arrangement</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item active open">
|
||||
<a href="chat.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o"></i>
|
||||
<span class="title">Messenger</span>
|
||||
@@ -211,39 +211,39 @@
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="profile.html" class="nav-link nav-toggle">
|
||||
<i class="icon-user"></i>
|
||||
<span class="title">Profile</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="contactlist.html" class="nav-link nav-toggle">
|
||||
<i class="icon-notebook"></i>
|
||||
<span class="title">Contact List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-settings"></i>
|
||||
<span class="title">Settings</span>
|
||||
<span class="arrow"></span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item ">
|
||||
<a href="formcustomize.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Form Customization</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="updatecurrency.html" class="nav-link ">
|
||||
<i class="icon-check"></i>
|
||||
<span class="title">Update Currency</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="profile.html" class="nav-link nav-toggle">
|
||||
<i class="icon-user"></i>
|
||||
<span class="title">Profile</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="contactlist.html" class="nav-link nav-toggle">
|
||||
<i class="icon-notebook"></i>
|
||||
<span class="title">Contact List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-settings"></i>
|
||||
<span class="title">Settings</span>
|
||||
<span class="arrow"></span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item ">
|
||||
<a href="formcustomize.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Form Customization</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="updatecurrency.html" class="nav-link ">
|
||||
<i class="icon-check"></i>
|
||||
<span class="title">Update Currency</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- END SIDEBAR MENU -->
|
||||
<!-- END SIDEBAR MENU -->
|
||||
@@ -283,7 +283,7 @@
|
||||
<div class="inputs">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="col-md-7">
|
||||
<div class="col-md-9">
|
||||
<div class="portlet-input input-inline input-small" style="margin-bottom:10px">
|
||||
<div class="input-icon right">
|
||||
<i class="icon-magnifier"></i>
|
||||
@@ -291,7 +291,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<div class="col-md-3">
|
||||
<div class="btn-group" style="width:100%">
|
||||
<a href="" class="btn btn-circle btn-icon-only btn-default" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
|
||||
<span class="fa fa-filter"></span>
|
||||
@@ -320,14 +320,6 @@
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<div class="btn-group" style="width:100%">
|
||||
<a href="" class="btn btn-circle btn-icon-only btn-default" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
|
||||
<span class="fa fa-bell"></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<span style="position: relative;" class="badge badge-danger">1</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -335,9 +327,9 @@
|
||||
<div class="portlet-body">
|
||||
<div id="tree_1" class="tree-demo">
|
||||
<ul>
|
||||
<li>
|
||||
<li onclick="show_general();">
|
||||
General
|
||||
</li>
|
||||
</li>
|
||||
<li>
|
||||
CIEF
|
||||
<ul>
|
||||
@@ -370,8 +362,8 @@
|
||||
</div>
|
||||
<div class="portlet-body">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<img src="../assets/global/img/folderimg.ico" alt="Image" style="width:150px;height:150px;" data-toggle="modal" href="#doc">
|
||||
<div class="col-md-12" style="text-align:center;">
|
||||
<img src="../assets/global/img/folderimg.ico" alt="Image" style="width:100px;height:100px;" data-toggle="modal" href="#doc">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -379,7 +371,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-9" id="with_content" >
|
||||
<div class="col-md-9" id="with_content">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="portlet light portlet-fit full-height-content full-height-content-scrollable bordered">
|
||||
@@ -391,8 +383,6 @@
|
||||
<div class="actions">
|
||||
<a class="btn btn-circle btn-default" style="margin-left: 15px;" data-toggle="modal" href="#chat">
|
||||
<i class="fa fa-plus"></i> Add Group </a>
|
||||
<a class="btn btn-circle btn-default" style="margin-left: 15px;" data-toggle="modal" href="#doc">
|
||||
<i class="fa fa-plus"></i> Upload </a>
|
||||
<a href="javascript:window.open('trackorder2.html', 'Track Order', 'width=1000,height=600');" class="btn btn-circle btn-default tooltips" data-placement="bottom" data-original-title="Track Order">
|
||||
<i class="fa fa-map-marker" aria-hidden="true"></i> Track Order
|
||||
</a>
|
||||
@@ -538,7 +528,94 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-9" id="general_content" style="display:none;" >
|
||||
<div class="portlet light bordered">
|
||||
<div class="portlet-title">
|
||||
<div class="caption">
|
||||
<i class="icon-share font-dark hide"></i>
|
||||
<span class="caption-subject font-dark bold uppercase">General Notifications</span>
|
||||
</div>
|
||||
<div class="actions">
|
||||
<div class="btn-group">
|
||||
<a class="btn btn-sm blue btn-outline btn-circle" href="javascript:;" data-toggle="dropdown" data-hover="dropdown" data-close-others="true"> Filter By
|
||||
<i class="fa fa-angle-down"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu hold-on-click dropdown-checkboxes pull-right">
|
||||
<label class="mt-checkbox mt-checkbox-outline">
|
||||
<input type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
<label class="mt-checkbox mt-checkbox-outline">
|
||||
<input type="checkbox" /> Currency Update
|
||||
<span></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portlet-body">
|
||||
<div class="scroller" style="height: 300px;" data-always-visible="1" data-rail-visible="0">
|
||||
<ul class="feeds">
|
||||
<li>
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-info">
|
||||
<i class="fa fa-money"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> CIEF updated their currency on <strong>05/08/2017 13:12</strong> for <strong>MYR</strong> currency. The new rate are <strong>Buy 1.6</strong> and <strong>Sell 1.605</strong>.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> Just now </div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-success">
|
||||
<i class="fa fa-money"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> ABC updated their currency on <strong>05/08/2017 12:52</strong> for <strong>USD</strong> currency. The new rate are <strong>Buy 1.59</strong> and <strong>Sell 1.60</strong>.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 20 mins </div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<div class="col1">
|
||||
<div class="cont">
|
||||
<div class="cont-col1">
|
||||
<div class="label label-sm label-danger">
|
||||
<i class="fa fa-money"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont-col2">
|
||||
<div class="desc"> ABC updated their currency on <strong>05/08/2017 13:48</strong> for <strong>HKD</strong> currency. The new rate are <strong>Buy 1.59</strong> and <strong>Sell 1.60</strong>.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<div class="date"> 24 mins </div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -775,6 +852,46 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Modal -->
|
||||
<div class="modal fade in" id="move" tabindex="-1" role="basic" aria-hidden="true" style="z-index:999999;">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
|
||||
|
||||
<div class="caption">
|
||||
<i class="fa fa-gift"></i>Move File
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="form">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="form-group">
|
||||
<label>Folder</label>
|
||||
<select id="folder" class="form-control" onchange="show_hide(this);">
|
||||
<option>Select / Create New Folder</option>
|
||||
<option value="doc">Documents</option>
|
||||
<option value="img">Images</option>
|
||||
<option value="sound">Sounds</option>
|
||||
<option value="oth">Others</option>
|
||||
<option value="create">Create New</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group" id="folder_name" style="display: none">
|
||||
<label>Folder Name</label>
|
||||
<input type="text" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn dark btn-outline" data-dismiss="modal">Cancel</button>
|
||||
<button type="button" class="btn green" data-dismiss="modal">Move</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal fade" id="doc" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
@@ -816,6 +933,9 @@
|
||||
<button class="btn btn-default">
|
||||
<span class="glyphicon glyphicon-refresh"></span>
|
||||
</button>
|
||||
<a class="btn btn-default" href='#move' data-toggle='modal'>
|
||||
<span class="glyphicon glyphicon-move"></span>
|
||||
</a>
|
||||
<div class="btn-group">
|
||||
<button id="list" type="button" class="btn btn-default"><span class="glyphicon glyphicon-align-justify"></span>
|
||||
</button>
|
||||
@@ -877,10 +997,11 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-9" id="lists" style="display:none;">
|
||||
<table class="table table-hover" style="height:300px">
|
||||
<table class="table table-hover" id="example2" style="height:300px">
|
||||
|
||||
<thead>
|
||||
<tr>
|
||||
<th><label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='group-checkable' data-set='#example2 .checkboxes' /><span></span></label></th>
|
||||
<th>ID</th>
|
||||
<th>Date</th>
|
||||
<th>Title</th>
|
||||
@@ -889,28 +1010,32 @@
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1' /><span></span></label</td>
|
||||
<td>1</td>
|
||||
<td>2017-08-02 13:45:22</td>
|
||||
<td><a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">Container</a></td>
|
||||
<td class="text-center"><a href="#" onclick="confirm('Are you confirm to delete this file?')" class="btn btn-xs"><span class="glyphicon glyphicon-trash"></span></a></td>
|
||||
<td class="text-center"><a href="#" onclick="confirm('Are you confirm to delete this file?')" class="btn btn-xs"><span class="glyphicon glyphicon-trash"></span></a><a href="#" class="btn btn-xs"><span class="glyphicon glyphicon-download-alt"></span></a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1' /><span></span></label</td>
|
||||
<td>2</td>
|
||||
<td>2017-08-02 13:45:22</td>
|
||||
<td><a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">Container</a></td>
|
||||
<td class="text-center"><a href="#" onclick="confirm('Are you confirm to delete this file?')" class="btn btn-xs"><span class="glyphicon glyphicon-trash"></span></a></td>
|
||||
<td class="text-center"><a href="#" onclick="confirm('Are you confirm to delete this file?')" class="btn btn-xs"><span class="glyphicon glyphicon-trash"></span></a><a href="#" class="btn btn-xs"><span class="glyphicon glyphicon-download-alt"></span></a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1' /><span></span></label</td>
|
||||
<td>3</td>
|
||||
<td>2017-08-02 13:45:22</td>
|
||||
<td><a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">Container</a></td>
|
||||
<td class="text-center"><a href="#" onclick="confirm('Are you confirm to delete this file?')" class="btn btn-xs"><span class="glyphicon glyphicon-trash"></span></a></td>
|
||||
<td class="text-center"><a href="#" onclick="confirm('Are you confirm to delete this file?')" class="btn btn-xs"><span class="glyphicon glyphicon-trash"></span></a><a href="#" class="btn btn-xs"><span class="glyphicon glyphicon-download-alt"></span></a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><label class='mt-checkbox mt-checkbox-single mt-checkbox-outline'><input type='checkbox' class='checkboxes' value='1' /><span></span></label</td>
|
||||
<td>4</td>
|
||||
<td>2017-08-02 13:45:22</td>
|
||||
<td><a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">Container</a></td>
|
||||
<td class="text-center"><a href="#" onclick="confirm('Are you confirm to delete this file?')" class="btn btn-xs"><span class="glyphicon glyphicon-trash"></span></a></td>
|
||||
<td class="text-center"><a href="#" onclick="confirm('Are you confirm to delete this file?')" class="btn btn-xs"><span class="glyphicon glyphicon-trash"></span></a><a href="#" class="btn btn-xs"><span class="glyphicon glyphicon-download-alt"></span></a></td>
|
||||
</tr>
|
||||
|
||||
|
||||
@@ -1062,12 +1187,14 @@
|
||||
//alert('heiiiii');
|
||||
document.getElementById("without_content").style.display = "";
|
||||
document.getElementById("with_content").style.display = "none";
|
||||
document.getElementById("general_content").style.display = "none";
|
||||
document.getElementById("file_manager").style.display = "none";
|
||||
|
||||
}else{
|
||||
//alert('hoooo');
|
||||
document.getElementById("without_content").style.display = "none";
|
||||
document.getElementById("with_content").style.display = "";
|
||||
document.getElementById("general_content").style.display = "none";
|
||||
document.getElementById("file_manager").style.display = "";
|
||||
}
|
||||
|
||||
@@ -1100,6 +1227,14 @@
|
||||
document.getElementById("without_content").style.display = "none";
|
||||
document.getElementById("with_content").style.display = "";
|
||||
document.getElementById("file_manager").style.display = "";
|
||||
document.getElementById("general_content").style.display = "none";
|
||||
}
|
||||
function show_general(){
|
||||
//alert('hoooo');
|
||||
document.getElementById("without_content").style.display = "none";
|
||||
document.getElementById("general_content").style.display = "";
|
||||
document.getElementById("with_content").style.display = "none";
|
||||
document.getElementById("file_manager").style.display = "none";
|
||||
}
|
||||
window.onload = function() {
|
||||
var elements = getElementsByClassName('editInPlace', '*', document);
|
||||
@@ -1162,7 +1297,27 @@
|
||||
}
|
||||
});
|
||||
});
|
||||
var table = $('#example2');
|
||||
|
||||
var tableWrapper = jQuery('#example2_wrapper');
|
||||
|
||||
table.find('.group-checkable').change(function () {
|
||||
var set = jQuery(this).attr("data-set");
|
||||
var checked = jQuery(this).is(":checked");
|
||||
jQuery(set).each(function () {
|
||||
if (checked) {
|
||||
$(this).prop("checked", true);
|
||||
$(this).parents('tr').addClass("active");
|
||||
} else {
|
||||
$(this).prop("checked", false);
|
||||
$(this).parents('tr').removeClass("active");
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
table.on('change', 'tbody tr .checkboxes', function () {
|
||||
$(this).parents('tr').toggleClass("active");
|
||||
});
|
||||
// disable wrapping
|
||||
$(document).on('click', '[data-toggle="lightbox"][data-gallery="example-gallery-11"]', function(event) {
|
||||
event.preventDefault();
|
||||
@@ -1237,6 +1392,15 @@
|
||||
document.getElementById("thumbnails").style.display = "none";
|
||||
document.getElementById("lists").style.display = "";
|
||||
});
|
||||
function show_hide(val){
|
||||
var drop_val = val.value;
|
||||
if(drop_val == "create"){
|
||||
document.getElementById("folder_name").style.display = "";
|
||||
}else{
|
||||
document.getElementById("folder_name").style.display = "none";
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,524 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<!--
|
||||
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.7
|
||||
Version: 4.7.5
|
||||
Author: KeenThemes
|
||||
Website: http://www.keenthemes.com/
|
||||
Contact: support@keenthemes.com
|
||||
Follow: www.twitter.com/keenthemes
|
||||
Dribbble: www.dribbble.com/keenthemes
|
||||
Like: www.facebook.com/keenthemes
|
||||
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
|
||||
Renew Support: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
|
||||
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
|
||||
-->
|
||||
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
|
||||
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
|
||||
<!--[if !IE]><!-->
|
||||
<html lang="en">
|
||||
<!--<![endif]-->
|
||||
<!-- BEGIN HEAD -->
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>IZYIM | Company Settings</title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta content="width=device-width, initial-scale=1" name="viewport" />
|
||||
<meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
|
||||
<meta content="" name="author" />
|
||||
<!-- BEGIN GLOBAL MANDATORY STYLES -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END GLOBAL MANDATORY STYLES -->
|
||||
<!-- BEGIN PAGE LEVEL PLUGINS -->
|
||||
<link href="../assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/pages/css/profile.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END PAGE LEVEL PLUGINS -->
|
||||
<!-- BEGIN THEME GLOBAL STYLES -->
|
||||
<link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
|
||||
<link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END THEME GLOBAL STYLES -->
|
||||
<!-- BEGIN THEME LAYOUT STYLES -->
|
||||
<link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/layouts/layout/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color" />
|
||||
<link href="../assets/layouts/layout/css/custom.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END THEME LAYOUT STYLES -->
|
||||
<style>
|
||||
@media (min-width: 992px) {
|
||||
.page-content-wrapper .page-content {
|
||||
margin-left: 200px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px){
|
||||
.page-sidebar {
|
||||
width: 200px;
|
||||
float: left;
|
||||
position: relative;
|
||||
margin-right: -100%;
|
||||
}
|
||||
}
|
||||
|
||||
</style></head>
|
||||
<!-- END HEAD -->
|
||||
|
||||
<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
|
||||
<div class="page-wrapper">
|
||||
<!-- BEGIN HEADER -->
|
||||
<div class="page-header navbar navbar-fixed-top">
|
||||
<!-- BEGIN HEADER INNER -->
|
||||
<div class="page-header-inner ">
|
||||
<!-- BEGIN LOGO -->
|
||||
<div class="page-logo">
|
||||
<div class="menu-toggler sidebar-toggler">
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END LOGO -->
|
||||
<!-- BEGIN RESPONSIVE MENU TOGGLER -->
|
||||
<a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
|
||||
<span></span>
|
||||
</a>
|
||||
<!-- END RESPONSIVE MENU TOGGLER -->
|
||||
<!-- BEGIN TOP NAVIGATION MENU -->
|
||||
<div class="top-menu">
|
||||
<ul class="nav navbar-nav pull-right">
|
||||
<!-- BEGIN USER LOGIN DROPDOWN -->
|
||||
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
|
||||
<li class="dropdown dropdown-user">
|
||||
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
|
||||
<img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
|
||||
<span class="username username-hide-on-mobile"> Syed Amir </span>
|
||||
<i class="fa fa-angle-down"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-default">
|
||||
<li>
|
||||
<a href="profile.html">
|
||||
<i class="icon-user"></i> My Profile </a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="login.html">
|
||||
<i class="icon-key"></i> Log Out </a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- END USER LOGIN DROPDOWN -->
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<!-- END TOP NAVIGATION MENU -->
|
||||
</div>
|
||||
<!-- END HEADER INNER -->
|
||||
</div>
|
||||
<!-- END HEADER -->
|
||||
<!-- BEGIN HEADER & CONTENT DIVIDER -->
|
||||
<div class="clearfix"> </div>
|
||||
<!-- END HEADER & CONTENT DIVIDER -->
|
||||
<!-- BEGIN CONTAINER -->
|
||||
<div class="page-container">
|
||||
<!-- BEGIN SIDEBAR -->
|
||||
<div class="page-sidebar-wrapper">
|
||||
<!-- BEGIN SIDEBAR -->
|
||||
<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
|
||||
<!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
|
||||
<div class="page-sidebar navbar-collapse collapse">
|
||||
<!-- BEGIN SIDEBAR MENU -->
|
||||
<!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
|
||||
<!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
|
||||
<!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
|
||||
<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
|
||||
<!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
|
||||
<!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
|
||||
<ul class="page-sidebar-menu page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
|
||||
<!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
|
||||
<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
|
||||
<li class="sidebar-toggler-wrapper hide">
|
||||
<div class="sidebar-toggler">
|
||||
<span></span>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%"/></center>
|
||||
</li>
|
||||
<hr>
|
||||
<li class="nav-item start">
|
||||
<a href="index.html" class="nav-link nav-toggle">
|
||||
<i class="icon-home"></i>
|
||||
<span class="title">Order Status</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="notice.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-newspaper-o"></i>
|
||||
<span class="title">Notice</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="deliveryarrange.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-briefcase"></i>
|
||||
<span class="title">Delivery Arrangement</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="chat.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o"></i>
|
||||
<span class="title">Messenger</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="trackorder.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item active open ">
|
||||
<a href="profile.html" class="nav-link nav-toggle">
|
||||
<i class="icon-user"></i>
|
||||
<span class="title">Profile</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="contactlist.html" class="nav-link nav-toggle">
|
||||
<i class="icon-notebook"></i>
|
||||
<span class="title">Contact List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-settings"></i>
|
||||
<span class="title">Settings</span>
|
||||
<span class="arrow"></span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item ">
|
||||
<a href="formcustomize.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Form Customization</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="updatecurrency.html" class="nav-link ">
|
||||
<i class="icon-check"></i>
|
||||
<span class="title">Update Currency</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<!-- END SIDEBAR MENU -->
|
||||
<!-- END SIDEBAR MENU -->
|
||||
</div>
|
||||
<!-- END SIDEBAR -->
|
||||
<!-- BEGIN CONTENT -->
|
||||
<div class="page-content-wrapper">
|
||||
<!-- BEGIN CONTENT BODY -->
|
||||
<div class="page-content">
|
||||
<!-- BEGIN PAGE BAR -->
|
||||
<div class="page-bar">
|
||||
<ul class="page-breadcrumb">
|
||||
<li>
|
||||
<a href="index.html">Home</a>
|
||||
<i class="fa fa-circle"></i>
|
||||
</li>
|
||||
<li>
|
||||
<span>Profile</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- END PAGE BAR -->
|
||||
<!-- BEGIN PAGE TITLE-->
|
||||
<h1 class="page-title"> Company Settings
|
||||
</h1>
|
||||
|
||||
<!-- CONTENT -->
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<!-- BEGIN PROFILE SIDEBAR -->
|
||||
<div class="profile-sidebar">
|
||||
<!-- PORTLET MAIN -->
|
||||
<div class="portlet light profile-sidebar-portlet ">
|
||||
<!-- SIDEBAR USERPIC -->
|
||||
<div class="profile-userpic">
|
||||
<img src="../assets/pages/media/profile/profile_user.jpg" class="img-responsive" alt=""> </div>
|
||||
<!-- END SIDEBAR USERPIC -->
|
||||
<!-- SIDEBAR USER TITLE -->
|
||||
<div class="profile-usertitle">
|
||||
<div class="profile-usertitle-name"> Syed Amir </div>
|
||||
<div class="profile-usertitle-job"> Forwarder </div>
|
||||
</div>
|
||||
<!-- END SIDEBAR USER TITLE -->
|
||||
<!-- SIDEBAR MENU -->
|
||||
<div class="profile-usermenu">
|
||||
<ul class="nav">
|
||||
<li>
|
||||
<a href="profile2.html">
|
||||
<i class="icon-settings"></i> Profile </a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="company.html">
|
||||
<i class="icon-info"></i> Company </a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- END MENU -->
|
||||
</div>
|
||||
<!-- END PORTLET MAIN -->
|
||||
|
||||
</div>
|
||||
<!-- END BEGIN PROFILE SIDEBAR -->
|
||||
<!-- BEGIN PROFILE CONTENT -->
|
||||
<div class="profile-content">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="portlet light ">
|
||||
<div class="portlet-title tabbable-line">
|
||||
<ul class="nav nav-tabs">
|
||||
<li class="active">
|
||||
<a href="#tab_1_1" data-toggle="tab">Company Info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="portlet-body">
|
||||
<div class="tab-content">
|
||||
<!-- PERSONAL INFO TAB -->
|
||||
<div class="tab-pane active" id="tab_1_1">
|
||||
<form role="form" action="#">
|
||||
<div class="row">
|
||||
<div class="table-toolbar">
|
||||
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="table-scrollable">
|
||||
<table class="table table-hover dataTable" id="sample_1" role="grid" aria-describedby="sample_1_info">
|
||||
<tbody>
|
||||
<tr class="gradeX odd" role="row">
|
||||
<td><ul><li><a href="team2.html">CIEF Worldwide</a></li></ul></td>
|
||||
</tr>
|
||||
<tr class="gradeX odd" role="row">
|
||||
<td><ul><li><a href="#">ABC Worldwide</a></li></ul></td>
|
||||
</tr>
|
||||
<tr class="gradeX odd" role="row">
|
||||
<td><ul><li><a href="#">DEF Worldwide</a></li></ul></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- END PERSONAL INFO TAB -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END PROFILE CONTENT -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal fade" id="basic" tabindex="-1" role="basic" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<form role="form">
|
||||
<div class="form-body">
|
||||
<div class="form-group">
|
||||
<label>Company Name</label>
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon">
|
||||
<i class="fa fa-envelope"></i>
|
||||
</span>
|
||||
<input type="text" class="form-control" placeholder="Company Name"> </div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Registration No.</label>
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon">
|
||||
<i class="fa fa-envelope"></i>
|
||||
</span>
|
||||
<input type="text" class="form-control" placeholder="Registration No."> </div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Office No.</label>
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon">
|
||||
<i class="fa fa-envelope"></i>
|
||||
</span>
|
||||
<input type="text" class="form-control" placeholder="Office No."> </div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label">Company Address</label>
|
||||
<textarea class="form-control" rows="3" placeholder="Company Address"></textarea>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Company Staff</label>
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-12">
|
||||
<div class="input-group">
|
||||
<input class="form-control" value="A" disabled>
|
||||
<span class="input-group-addon">
|
||||
<input type="checkbox"> </span>
|
||||
</div>
|
||||
<!-- /input-group -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="input-group">
|
||||
<input class="form-control" value="B" disabled>
|
||||
<span class="input-group-addon">
|
||||
<input type="checkbox"> </span>
|
||||
</div>
|
||||
<!-- /input-group -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="input-group">
|
||||
<input class="form-control" value="C" disabled>
|
||||
<span class="input-group-addon">
|
||||
<input type="checkbox"> </span>
|
||||
</div>
|
||||
<!-- /input-group -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="input-group">
|
||||
<input class="form-control" value="D" disabled>
|
||||
<span class="input-group-addon">
|
||||
<input type="checkbox"> </span>
|
||||
</div>
|
||||
<!-- /input-group -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="input-group">
|
||||
<input class="form-control" value="E" disabled>
|
||||
<span class="input-group-addon">
|
||||
<input type="checkbox"> </span>
|
||||
</div>
|
||||
<!-- /input-group -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
|
||||
<button type="button" class="btn green">Save changes</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.modal-content -->
|
||||
</div>
|
||||
<!-- /.modal-dialog -->
|
||||
</div>
|
||||
|
||||
<!-- END CONTENT -->
|
||||
|
||||
</div>
|
||||
<!-- END CONTENT BODY -->
|
||||
</div>
|
||||
<!-- END CONTENT -->
|
||||
<!-- BEGIN QUICK SIDEBAR -->
|
||||
|
||||
<!-- END QUICK SIDEBAR -->
|
||||
</div>
|
||||
<!-- END CONTAINER -->
|
||||
<!-- BEGIN FOOTER -->
|
||||
<div class="page-footer">
|
||||
<div class="page-footer-inner"> Copyright © 2017 IZYIM.COM
|
||||
<div class="scroll-to-top">
|
||||
<i class="icon-arrow-up"></i>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END FOOTER -->
|
||||
</div>
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../assets/global/plugins/respond.min.js"></script>
|
||||
<script src="../assets/global/plugins/excanvas.min.js"></script>
|
||||
<script src="../assets/global/plugins/ie8.fix.min.js"></script>
|
||||
<![endif]-->
|
||||
<!-- BEGIN CORE PLUGINS -->
|
||||
<script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
|
||||
<!-- END CORE PLUGINS -->
|
||||
<!-- BEGIN PAGE LEVEL PLUGINS -->
|
||||
<script src="../assets/global/plugins/moment.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/morris/morris.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/morris/raphael-min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/counterup/jquery.waypoints.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/counterup/jquery.counterup.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/amcharts.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/serial.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/pie.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/radar.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/themes/light.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/themes/patterns.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/themes/chalk.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/ammap/ammap.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/ammap/maps/js/worldLow.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amstockcharts/amstock.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/horizontal-timeline/horizontal-timeline.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/flot/jquery.flot.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/flot/jquery.flot.resize.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/flot/jquery.flot.categories.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jquery-easypiechart/jquery.easypiechart.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jquery.sparkline.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/jquery.vmap.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.russia.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.world.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.europe.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.germany.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.usa.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/data/jquery.vmap.sampledata.js" type="text/javascript"></script>
|
||||
<!-- END PAGE LEVEL PLUGINS -->
|
||||
<!-- BEGIN THEME GLOBAL SCRIPTS -->
|
||||
<script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
|
||||
<!-- END THEME GLOBAL SCRIPTS -->
|
||||
<!-- BEGIN PAGE LEVEL SCRIPTS -->
|
||||
<script src="../assets/pages/scripts/dashboard.min.js" type="text/javascript"></script>
|
||||
<!-- END PAGE LEVEL SCRIPTS -->
|
||||
<!-- BEGIN THEME LAYOUT SCRIPTS -->
|
||||
<script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
|
||||
<!-- END THEME LAYOUT SCRIPTS -->
|
||||
<script>
|
||||
$(document).ready(function()
|
||||
{
|
||||
$('#clickmewow').click(function()
|
||||
{
|
||||
$('#radio1003').attr('checked', 'checked');
|
||||
});
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -218,14 +218,14 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="chat.html" class="nav-link nav-toggle">
|
||||
<a href="chat.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o"></i>
|
||||
<span class="title">Messenger</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="trackorder.html" class="nav-link nav-toggle">
|
||||
<a href="trackorder.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
|
||||
@@ -232,7 +232,7 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%"/></center>
|
||||
</li>
|
||||
<hr>
|
||||
<li class="nav-item start ">
|
||||
<li class="nav-item start">
|
||||
<a href="index.html" class="nav-link nav-toggle">
|
||||
<i class="icon-home"></i>
|
||||
<span class="title">Order Status</span>
|
||||
@@ -246,15 +246,14 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item active open ">
|
||||
|
||||
<li class="nav-item active open">
|
||||
<a href="deliveryarrange.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-briefcase"></i>
|
||||
<span class="title">Delivery Arrangement</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="chat.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o"></i>
|
||||
@@ -288,7 +287,7 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<span class="arrow"></span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item ">
|
||||
<li class="nav-item">
|
||||
<a href="formcustomize.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Form Customization</span>
|
||||
@@ -552,7 +551,7 @@ Vehicle No: WAA 123 C
|
||||
</textarea>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<button type="button" class="btn green" onclick="confirm('Your delivery arrangement are send via Messenger and SMS to Importer Admin account. Please ask your importer to confirm your arrangement.')"><i class="fa fa-comments-o"></i> Send</button>
|
||||
<a href="chat.html" class="btn green" onclick="confirm('Your delivery arrangement are send via Messenger and SMS to Importer Admin account. Please ask your importer to confirm your arrangement.')"><i class="fa fa-comments-o"></i> Send</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -566,6 +565,40 @@ Vehicle No: WAA 123 C
|
||||
</div>
|
||||
<!-- /.modal-dialog -->
|
||||
</div>
|
||||
|
||||
<div class="modal fade in" id="reason" tabindex="-1" role="basic" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header" style="background-color: #3598dc">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
|
||||
|
||||
<div class="caption" style="color: #FFF;padding: 11px 0 9px;float: left;display: inline-block;font-size: 18px;line-height: 18px;font-family:'Open Sans',sans-serif;">
|
||||
<i class="fa fa-gift" style=" float: left;margin-top: 4px;display: inline-block;font-size: 13px;margin-right: 5px;"></i>Failed Delivery Reason
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="form">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="form-group">
|
||||
<label>Title</label>
|
||||
<input class="form-control">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Reason</label>
|
||||
<textarea class="form-control" rows="3"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn dark btn-outline" data-dismiss="modal">Cancel</button>
|
||||
<button type="button" class="btn green">Send</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END CONTENT BODY -->
|
||||
</div>
|
||||
@@ -1179,14 +1212,14 @@ Vehicle No: WAA 123 C
|
||||
|
||||
|
||||
var dataSet = [
|
||||
["1","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00006 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>","CIEF/0008","CTN56","Bangi<br>Selangor","123456","03-07-2017","<span style='color:red'><strong>03-07-2017<br/>Delayed</strong></span>","Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>", "Not Completed"],
|
||||
["2","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00005 </a>","CIEF/0007","CTN56","Bangi<br>Selangor","123456","02-07-2017","02-07-2017","Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>", "Not Completed"],
|
||||
["3","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00004 </a>","CIEF/0006","CTN56","Bangi<br>Selangor","123456","01-07-2017","<span style='color:red'><strong>01-07-2017<br/>Delayed</strong></span>","Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>", "Not Completed"],
|
||||
["4","03-07-2017","Vehicle No:JNY1122<br/>Contact Person:Handsome<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00003 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>","CIEF/0005","CTN56","Bangi<br>Selangor","123456","30-06-2017","<span style='color:red'><strong>30-06-2017<br/>Delayed</strong></span>","Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Accepted</span><br><div style='margin-top: 10px;' class='btn-group'><a class='btn red btn-xs btn-circle btn-outline' href='#form_delivery' data-toggle='modal'>Fail to Deliver</a></div>", "Not Completed"],
|
||||
["5","<span style='color:red;'><strong>10-07-2017</strong></span>","Vehicle No:JLK3333<br/>Contact Person:Hantam<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00002 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>","CIEF/0004","CTN56","Bangi<br>Selangor","123456","29-06-2017","29-06-2017","Delivery Request <span style='color:#ed6b75;font-weight: 700;'>Refused</span>", "Not Completed"],
|
||||
["6","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00001 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>","CIEF/0003","CTN56","Bangi<br>Selangor","123456","28-06-2017","28-06-2017","Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Accepted</span><br><div style='margin-top: 10px;' class='btn-group'><a class='btn red btn-xs btn-circle btn-outline' href='#form_delivery' data-toggle='modal'>Fail to Deliver</a></div>", "Not Completed"],
|
||||
["7","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00001 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>","CIEF/0003","CTN56","Bangi<br>Selangor","123456","28-06-2017","28-06-2017","Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Completed</span>", "Completed"],
|
||||
["8","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00001 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>","CIEF/0003","CTN56","Bangi<br>Selangor","123456","28-06-2017","28-06-2017","Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Completed</span>", "Completed"]
|
||||
["1","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00006 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>","CIEF/0008","CTN56","Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7<br> Contact No: 0123456789","Bangi<br>Selangor","123456","03-07-2017","<span style='color:red'><strong>03-07-2017<br/>Delayed</strong></span>","Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>", "Not Completed"],
|
||||
["2","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00005 </a>","CIEF/0007","CTN56","Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7<br> Contact No: 0123456789","Bangi<br>Selangor","123456","02-07-2017","02-07-2017","Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>", "Not Completed"],
|
||||
["3","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00004 </a>","CIEF/0006","CTN56","Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7<br> Contact No: 0123456789","Bangi<br>Selangor","123456","01-07-2017","<span style='color:red'><strong>01-07-2017<br/>Delayed</strong></span>","Delivery Request <span style='color:#F1C40F;font-weight: 700;'>Sent</span>", "Not Completed"],
|
||||
["4","03-07-2017","Vehicle No:JNY1122<br/>Contact Person:Handsome<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00003 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>","CIEF/0005","CTN56","Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7<br> Contact No: 0123456789","Bangi<br>Selangor","123456","30-06-2017","<span style='color:red'><strong>30-06-2017<br/>Delayed</strong></span>","Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Accepted</span><br><div style='margin-top: 10px;' class='btn-group'><a class='btn red btn-xs btn-circle btn-outline' href='#reason' data-toggle='modal'>Fail to Deliver</a></div>", "Not Completed"],
|
||||
["5","<span style='color:red;'><strong>10-07-2017</strong></span>","Vehicle No:JLK3333<br/>Contact Person:Hantam<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00002 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>","Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7<br> Contact No: 0123456789","CIEF/0004","CTN56","Bangi<br>Selangor","123456","29-06-2017","29-06-2017","Delivery Request <span style='color:#ed6b75;font-weight: 700;'>Refused</span>", "Not Completed"],
|
||||
["6","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00001 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>","CIEF/0003","CTN56","Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7<br> Contact No: 0123456789","Bangi<br>Selangor","123456","28-06-2017","28-06-2017","Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Accepted</span><br><div style='margin-top: 10px;' class='btn-group'><a class='btn red btn-xs btn-circle btn-outline' href='#reason' data-toggle='modal'>Fail to Deliver</a></div>", "Not Completed"],
|
||||
["7","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00001 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>","CIEF/0003","CTN56","Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7<br> Contact No: 0123456789","Bangi<br>Selangor","123456","28-06-2017","28-06-2017","Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Completed</span>", "Completed"],
|
||||
["8","03-07-2017","Vehicle No:JKB1111<br/>Contact Person:Samad<br/>Contact No: 012345689","<a class='chat_link' href='chat.html'> 00001 <span style='margin-bottom: 20px;' class='bb badge badge-danger'>5</span></a>","CIEF/0003","CTN56","Address: 7-7-17, Apartment Intana Ria 2, Jalan 7/4, Seksyen 7<br> Contact No: 0123456789","Bangi<br>Selangor","123456","28-06-2017","28-06-2017","Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Completed</span>", "Completed"]
|
||||
];
|
||||
|
||||
var dataSet2 = [
|
||||
@@ -1216,7 +1249,7 @@ Vehicle No: WAA 123 C
|
||||
'targets': [0]
|
||||
},
|
||||
{
|
||||
"targets": [ 11 ],
|
||||
"targets": [ 12 ],
|
||||
"visible": false
|
||||
}],
|
||||
// scroller extension: http://datatables.net/extensions/scroller/
|
||||
@@ -1265,16 +1298,17 @@ Vehicle No: WAA 123 C
|
||||
{ title: 'Order No<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_3\')"></span>' },
|
||||
{ title: 'Customer<br>Code<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_4\')"></span>' },
|
||||
{ title: 'Shipment<br>No<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_5\')"></span>' },
|
||||
{ title: 'Area<br>State<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_6\')"></span>' },
|
||||
{ title: 'Container No<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_7\')"></span>' },
|
||||
{ title: 'ETD<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_8\')"></span>' },
|
||||
{ title: 'ETA<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_9\')"></span>' },
|
||||
{ title: 'Status<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_10\')"></span>' },
|
||||
{ title: 'Customer<br>Details,br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_6\')"></span>' },
|
||||
{ title: 'Area<br>State<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_7\')"></span>' },
|
||||
{ title: 'Container No<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_8\')"></span>' },
|
||||
{ title: 'ETD<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_9\')"></span>' },
|
||||
{ title: 'ETA<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_10\')"></span>' },
|
||||
{ title: 'Status<br> <span class="fa fa-filter filterIcon blue" onclick="showFilter(event,\'example_11\')"></span>' },
|
||||
{ title: 'Stats' },
|
||||
],
|
||||
|
||||
initComplete: function () {
|
||||
configFilter(this, [1, 2,3, 4,5,6,7,8,9,10]);
|
||||
configFilter(this, [1, 2,3, 4,5,6,7,8,9,10,11]);
|
||||
}
|
||||
});
|
||||
|
||||
@@ -1330,12 +1364,12 @@ Vehicle No: WAA 123 C
|
||||
configFilter(this, [ 2,3, 4,5,6,7,8]);
|
||||
}
|
||||
});
|
||||
table1.columns( 11 ).search( 'Not Completed' ).draw();
|
||||
table1.columns( 12 ).search( 'Not Completed' ).draw();
|
||||
$('.asdasd').on('switchChange.bootstrapSwitch', function (event, state) {
|
||||
if(state == true){
|
||||
table1.columns( 11 ).search( 'Not Completed' ).draw();
|
||||
table1.columns( 12 ).search( 'Not Completed' ).draw();
|
||||
}else{
|
||||
table1.columns( 11 ).search( 'Completed' ).draw();
|
||||
table1.columns( 12 ).search( 'Completed' ).draw();
|
||||
|
||||
}
|
||||
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -177,14 +177,14 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="chat.html" class="nav-link nav-toggle">
|
||||
<a href="chat.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o"></i>
|
||||
<span class="title">Messenger</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="trackorder.html" class="nav-link nav-toggle">
|
||||
<a href="trackorder.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
@@ -209,7 +209,7 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<span class="arrow"></span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item open">
|
||||
<li class="nav-item active open ">
|
||||
<a href="formcustomize.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Form Customization</span>
|
||||
|
||||
@@ -186,14 +186,14 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="chat.html" class="nav-link nav-toggle">
|
||||
<a href="chat.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o"></i>
|
||||
<span class="title">Messenger</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="trackorder.html" class="nav-link nav-toggle">
|
||||
<a href="trackorder.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
|
||||
@@ -156,7 +156,7 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item active open ">
|
||||
<li class="nav-item active open ">
|
||||
<a href="notice.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-newspaper-o"></i>
|
||||
<span class="title">Notice</span>
|
||||
@@ -172,20 +172,20 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="chat.html" class="nav-link nav-toggle">
|
||||
<a href="chat.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o"></i>
|
||||
<span class="title">Messenger</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="trackorder.html" class="nav-link nav-toggle">
|
||||
<a href="trackorder.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<li class="nav-item ">
|
||||
<a href="profile.html" class="nav-link nav-toggle">
|
||||
<i class="icon-user"></i>
|
||||
<span class="title">Profile</span>
|
||||
|
||||
@@ -172,14 +172,14 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="chat.html" class="nav-link nav-toggle">
|
||||
<a href="chat.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o"></i>
|
||||
<span class="title">Messenger</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="trackorder.html" class="nav-link nav-toggle">
|
||||
<a href="trackorder.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
@@ -217,7 +217,7 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<!-- END SIDEBAR MENU -->
|
||||
|
||||
@@ -171,14 +171,14 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="chat.html" class="nav-link nav-toggle">
|
||||
<a href="chat.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o"></i>
|
||||
<span class="title">Messenger</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="trackorder.html" class="nav-link nav-toggle">
|
||||
<a href="trackorder.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
@@ -216,7 +216,7 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<!-- END SIDEBAR MENU -->
|
||||
|
||||
@@ -171,14 +171,14 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="chat.html" class="nav-link nav-toggle">
|
||||
<a href="chat.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o"></i>
|
||||
<span class="title">Messenger</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="trackorder.html" class="nav-link nav-toggle">
|
||||
<a href="trackorder.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
@@ -216,7 +216,7 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<!-- END SIDEBAR MENU -->
|
||||
|
||||
@@ -171,14 +171,14 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="chat.html" class="nav-link nav-toggle">
|
||||
<a href="chat.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o"></i>
|
||||
<span class="title">Messenger</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="trackorder.html" class="nav-link nav-toggle">
|
||||
<a href="trackorder.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
@@ -216,7 +216,7 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<!-- END SIDEBAR MENU -->
|
||||
|
||||
+3
-3
@@ -179,14 +179,14 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="chat.html" class="nav-link nav-toggle">
|
||||
<a href="chat.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o"></i>
|
||||
<span class="title">Messenger</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="trackorder.html" class="nav-link nav-toggle">
|
||||
<a href="trackorder.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
@@ -224,7 +224,7 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<!-- END SIDEBAR MENU -->
|
||||
|
||||
@@ -173,14 +173,14 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="chat.html" class="nav-link nav-toggle">
|
||||
<a href="chat.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o"></i>
|
||||
<span class="title">Messenger</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="trackorder.html" class="nav-link nav-toggle">
|
||||
<a href="trackorder.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
@@ -218,7 +218,7 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<!-- END SIDEBAR MENU -->
|
||||
|
||||
+56
-56
@@ -149,20 +149,20 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</li>
|
||||
<hr>
|
||||
<li class="nav-item start">
|
||||
<a href="index.html" class="nav-link nav-toggle">
|
||||
<i class="icon-home"></i>
|
||||
<span class="title">Order Status</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="notice.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-newspaper-o"></i>
|
||||
<span class="title">Notice</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<a href="index.html" class="nav-link nav-toggle">
|
||||
<i class="icon-home"></i>
|
||||
<span class="title">Order Status</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="notice.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-newspaper-o"></i>
|
||||
<span class="title">Notice</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="deliveryarrange.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-briefcase"></i>
|
||||
@@ -170,53 +170,53 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="chat.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o"></i>
|
||||
<span class="title">Messenger</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item active open">
|
||||
<a href="trackorder.html" class="nav-link nav-toggle">
|
||||
<li class="nav-item">
|
||||
<a href="chat.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o"></i>
|
||||
<span class="title">Messenger</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item active open ">
|
||||
<a href="trackorder.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="profile.html" class="nav-link nav-toggle">
|
||||
<i class="icon-user"></i>
|
||||
<span class="title">Profile</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="contactlist.html" class="nav-link nav-toggle">
|
||||
<i class="icon-notebook"></i>
|
||||
<span class="title">Contact List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-settings"></i>
|
||||
<span class="title">Settings</span>
|
||||
<span class="arrow"></span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item ">
|
||||
<a href="formcustomize.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Form Customization</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="updatecurrency.html" class="nav-link ">
|
||||
<i class="icon-check"></i>
|
||||
<span class="title">Update Currency</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="profile.html" class="nav-link nav-toggle">
|
||||
<i class="icon-user"></i>
|
||||
<span class="title">Profile</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="contactlist.html" class="nav-link nav-toggle">
|
||||
<i class="icon-notebook"></i>
|
||||
<span class="title">Contact List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-settings"></i>
|
||||
<span class="title">Settings</span>
|
||||
<span class="arrow"></span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item ">
|
||||
<a href="formcustomize.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Form Customization</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="updatecurrency.html" class="nav-link ">
|
||||
<i class="icon-check"></i>
|
||||
<span class="title">Update Currency</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- END SIDEBAR MENU -->
|
||||
<!-- END SIDEBAR MENU -->
|
||||
|
||||
@@ -93,28 +93,28 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<div class="events">
|
||||
<ol>
|
||||
<li>
|
||||
<a href="#0" data-date="01/01/2014" class="border-after-blue bg-after-blue selected">1 Jan </br> <b>Order Date</b></a>
|
||||
<a href="#0" data-date="01/01/2014" class="border-after-blue bg-after-blue selected">1 Jan </br> <span class="small"><b>Order Date</b></span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#0" data-date="10/01/2014" class="border-after-blue bg-after-blue">10 Jan </br> <b>Warehouse Received</b></a>
|
||||
<a href="#0" data-date="10/01/2014" class="border-after-blue bg-after-blue">10 Jan </br> <span class="small"><b> WH Received</b></span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#0" data-date="19/01/2014" class="border-after-blue bg-after-blue">19 Jan </br> <b>Container Loading</b></a>
|
||||
<a href="#0" data-date="19/01/2014" class="border-after-blue bg-after-blue">19 Jan </br> <span class="small"><b>CTN Loading</b></span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#0" data-date="29/01/2014" class="border-after-blue bg-after-blue">29 Jan </br> <b>ETD</b></a>
|
||||
<a href="#0" data-date="29/01/2014" class="border-after-blue bg-after-blue">29 Jan </br><span class="small"><b> ETD</b></span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#0" data-date="05/02/2014" class="border-after-blue bg-after-blue">5 Feb </br> <b>ETA</b></a>
|
||||
<a href="#0" data-date="05/02/2014" class="border-after-blue bg-after-blue">5 Feb </br><span class="small"><b>ETA</b></span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#0" data-date="20/02/2014" class="border-after-blue bg-after-blue">20 Feb </br> <b>Custom Cleareance</b></a>
|
||||
<a href="#0" data-date="20/02/2014" class="border-after-blue bg-after-blue">20 Feb </br><span class="small"><b>Custom Cleareance</b></span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#0" data-date="05/03/2014" class="border-after-blue bg-after-blue">05 Mar </br> <b>Delivery Arrangement</b></a>
|
||||
<a href="#0" data-date="05/03/2014" class="border-after-blue bg-after-blue">05 Mar </br><span class="small"><b>Delivery Arrangement</b></span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#0" data-date="30/03/2014" class="border-after-blue bg-after-blue">30 Mar </br> <b>Delivery</b></a>
|
||||
<a href="#0" data-date="30/03/2014" class="border-after-blue bg-after-blue">30 Mar </br><span class="small"><b>Delivery</b></span></a>
|
||||
</li>
|
||||
|
||||
</ol>
|
||||
@@ -1607,7 +1607,7 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<script src="../assets/global/plugins/amcharts/ammap/maps/js/worldLow.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amstockcharts/amstock.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/horizontal-timeline/horizontal-timeline.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/horizontal-timeline2/horizontal-timeline.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/flot/jquery.flot.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/flot/jquery.flot.resize.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/flot/jquery.flot.categories.min.js" type="text/javascript"></script>
|
||||
|
||||
+79
-357
@@ -48,8 +48,27 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<link href="../assets/layouts/layout/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color" />
|
||||
<link href="../assets/layouts/layout/css/custom.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END THEME LAYOUT STYLES -->
|
||||
<link rel="shortcut icon" href="favicon.ico" /> </head>
|
||||
<style>
|
||||
@media (min-width: 992px) {
|
||||
.page-content-wrapper .page-content {
|
||||
margin-left: 200px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px){
|
||||
.page-sidebar {
|
||||
width: 200px;
|
||||
float: left;
|
||||
position: relative;
|
||||
margin-right: -100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
</style></head>
|
||||
<!-- END HEAD -->
|
||||
<style>
|
||||
|
||||
</style>
|
||||
|
||||
<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
|
||||
<div class="page-wrapper">
|
||||
@@ -72,295 +91,6 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<!-- BEGIN TOP NAVIGATION MENU -->
|
||||
<div class="top-menu">
|
||||
<ul class="nav navbar-nav pull-right">
|
||||
<!-- BEGIN NOTIFICATION DROPDOWN -->
|
||||
<!-- DOC: Apply "dropdown-dark" class after "dropdown-extended" to change the dropdown styte -->
|
||||
<!-- DOC: Apply "dropdown-hoverable" class after below "dropdown" and remove data-toggle="dropdown" data-hover="dropdown" data-close-others="true" attributes to enable hover dropdown mode -->
|
||||
<!-- DOC: Remove "dropdown-hoverable" and add data-toggle="dropdown" data-hover="dropdown" data-close-others="true" attributes to the below A element with dropdown-toggle class -->
|
||||
<li class="dropdown dropdown-extended dropdown-notification" id="header_notification_bar">
|
||||
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
|
||||
<i class="icon-bell"></i>
|
||||
<span class="badge badge-default"> 7 </span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="external">
|
||||
<h3>
|
||||
<span class="bold">12 pending</span> notifications</h3>
|
||||
<a href="page_user_profile_1.html">view all</a>
|
||||
</li>
|
||||
<li>
|
||||
<ul class="dropdown-menu-list scroller" style="height: 250px;" data-handle-color="#637283">
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">just now</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-success">
|
||||
<i class="fa fa-plus"></i>
|
||||
</span> New user registered. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">3 mins</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-danger">
|
||||
<i class="fa fa-bolt"></i>
|
||||
</span> Server #12 overloaded. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">10 mins</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-warning">
|
||||
<i class="fa fa-bell-o"></i>
|
||||
</span> Server #2 not responding. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">14 hrs</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-info">
|
||||
<i class="fa fa-bullhorn"></i>
|
||||
</span> Application error. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">2 days</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-danger">
|
||||
<i class="fa fa-bolt"></i>
|
||||
</span> Database overloaded 68%. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">3 days</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-danger">
|
||||
<i class="fa fa-bolt"></i>
|
||||
</span> A user IP blocked. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">4 days</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-warning">
|
||||
<i class="fa fa-bell-o"></i>
|
||||
</span> Storage Server #4 not responding dfdfdfd. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">5 days</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-info">
|
||||
<i class="fa fa-bullhorn"></i>
|
||||
</span> System Error. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">9 days</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-danger">
|
||||
<i class="fa fa-bolt"></i>
|
||||
</span> Storage server failed. </span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- END NOTIFICATION DROPDOWN -->
|
||||
<!-- BEGIN INBOX DROPDOWN -->
|
||||
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
|
||||
<li class="dropdown dropdown-extended dropdown-inbox" id="header_inbox_bar">
|
||||
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
|
||||
<i class="icon-envelope-open"></i>
|
||||
<span class="badge badge-default"> 4 </span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="external">
|
||||
<h3>You have
|
||||
<span class="bold">7 New</span> Messages</h3>
|
||||
<a href="app_inbox.html">view all</a>
|
||||
</li>
|
||||
<li>
|
||||
<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="photo">
|
||||
<img src="../assets/layouts/layout3/img/avatar2.jpg" class="img-circle" alt=""> </span>
|
||||
<span class="subject">
|
||||
<span class="from"> Lisa Wong </span>
|
||||
<span class="time">Just Now </span>
|
||||
</span>
|
||||
<span class="message"> Vivamus sed auctor nibh congue nibh. auctor nibh auctor nibh... </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="photo">
|
||||
<img src="../assets/layouts/layout3/img/avatar3.jpg" class="img-circle" alt=""> </span>
|
||||
<span class="subject">
|
||||
<span class="from"> Richard Doe </span>
|
||||
<span class="time">16 mins </span>
|
||||
</span>
|
||||
<span class="message"> Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="photo">
|
||||
<img src="../assets/layouts/layout3/img/avatar1.jpg" class="img-circle" alt=""> </span>
|
||||
<span class="subject">
|
||||
<span class="from"> Bob Nilson </span>
|
||||
<span class="time">2 hrs </span>
|
||||
</span>
|
||||
<span class="message"> Vivamus sed nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="photo">
|
||||
<img src="../assets/layouts/layout3/img/avatar2.jpg" class="img-circle" alt=""> </span>
|
||||
<span class="subject">
|
||||
<span class="from"> Lisa Wong </span>
|
||||
<span class="time">40 mins </span>
|
||||
</span>
|
||||
<span class="message"> Vivamus sed auctor 40% nibh congue nibh... </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="photo">
|
||||
<img src="../assets/layouts/layout3/img/avatar3.jpg" class="img-circle" alt=""> </span>
|
||||
<span class="subject">
|
||||
<span class="from"> Richard Doe </span>
|
||||
<span class="time">46 mins </span>
|
||||
</span>
|
||||
<span class="message"> Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- END INBOX DROPDOWN -->
|
||||
<!-- BEGIN TODO DROPDOWN -->
|
||||
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
|
||||
<li class="dropdown dropdown-extended dropdown-tasks" id="header_task_bar">
|
||||
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
|
||||
<i class="icon-calendar"></i>
|
||||
<span class="badge badge-default"> 3 </span>
|
||||
</a>
|
||||
<ul class="dropdown-menu extended tasks">
|
||||
<li class="external">
|
||||
<h3>You have
|
||||
<span class="bold">12 pending</span> tasks</h3>
|
||||
<a href="app_todo.html">view all</a>
|
||||
</li>
|
||||
<li>
|
||||
<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="task">
|
||||
<span class="desc">New release v1.2 </span>
|
||||
<span class="percent">30%</span>
|
||||
</span>
|
||||
<span class="progress">
|
||||
<span style="width: 40%;" class="progress-bar progress-bar-success" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100">
|
||||
<span class="sr-only">40% Complete</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="task">
|
||||
<span class="desc">Application deployment</span>
|
||||
<span class="percent">65%</span>
|
||||
</span>
|
||||
<span class="progress">
|
||||
<span style="width: 65%;" class="progress-bar progress-bar-danger" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100">
|
||||
<span class="sr-only">65% Complete</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="task">
|
||||
<span class="desc">Mobile app release</span>
|
||||
<span class="percent">98%</span>
|
||||
</span>
|
||||
<span class="progress">
|
||||
<span style="width: 98%;" class="progress-bar progress-bar-success" aria-valuenow="98" aria-valuemin="0" aria-valuemax="100">
|
||||
<span class="sr-only">98% Complete</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="task">
|
||||
<span class="desc">Database migration</span>
|
||||
<span class="percent">10%</span>
|
||||
</span>
|
||||
<span class="progress">
|
||||
<span style="width: 10%;" class="progress-bar progress-bar-warning" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100">
|
||||
<span class="sr-only">10% Complete</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="task">
|
||||
<span class="desc">Web server upgrade</span>
|
||||
<span class="percent">58%</span>
|
||||
</span>
|
||||
<span class="progress">
|
||||
<span style="width: 58%;" class="progress-bar progress-bar-info" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100">
|
||||
<span class="sr-only">58% Complete</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="task">
|
||||
<span class="desc">Mobile development</span>
|
||||
<span class="percent">85%</span>
|
||||
</span>
|
||||
<span class="progress">
|
||||
<span style="width: 85%;" class="progress-bar progress-bar-success" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">
|
||||
<span class="sr-only">85% Complete</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="task">
|
||||
<span class="desc">New UI release</span>
|
||||
<span class="percent">38%</span>
|
||||
</span>
|
||||
<span class="progress progress-striped">
|
||||
<span style="width: 38%;" class="progress-bar progress-bar-important" aria-valuenow="18" aria-valuemin="0" aria-valuemax="100">
|
||||
<span class="sr-only">38% Complete</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- END TODO DROPDOWN -->
|
||||
<!-- BEGIN USER LOGIN DROPDOWN -->
|
||||
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
|
||||
<li class="dropdown dropdown-user">
|
||||
@@ -381,14 +111,7 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</ul>
|
||||
</li>
|
||||
<!-- END USER LOGIN DROPDOWN -->
|
||||
<!-- BEGIN QUICK SIDEBAR TOGGLER -->
|
||||
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
|
||||
<li class="dropdown dropdown-quick-sidebar-toggler">
|
||||
<a href="javascript:;" class="dropdown-toggle">
|
||||
<i class="icon-logout"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!-- END QUICK SIDEBAR TOGGLER -->
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<!-- END TOP NAVIGATION MENU -->
|
||||
@@ -427,20 +150,20 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</li>
|
||||
<hr>
|
||||
<li class="nav-item start">
|
||||
<a href="index.html" class="nav-link nav-toggle">
|
||||
<i class="icon-home"></i>
|
||||
<span class="title">Order Status</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="notice.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-newspaper-o"></i>
|
||||
<span class="title">Notice</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<a href="index.html" class="nav-link nav-toggle">
|
||||
<i class="icon-home"></i>
|
||||
<span class="title">Order Status</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="notice.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-newspaper-o"></i>
|
||||
<span class="title">Notice</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="deliveryarrange.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-briefcase"></i>
|
||||
@@ -448,60 +171,59 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="chat.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o"></i>
|
||||
<span class="title">Messenger</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="chat.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o"></i>
|
||||
<span class="title">Messenger</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item active open">
|
||||
<a href="trackorder.html" class="nav-link nav-toggle">
|
||||
<a href="trackorder.html?menu=true" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="profile.html" class="nav-link nav-toggle">
|
||||
<i class="icon-user"></i>
|
||||
<span class="title">Profile</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="contactlist.html" class="nav-link nav-toggle">
|
||||
<i class="icon-notebook"></i>
|
||||
<span class="title">Contact List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-settings"></i>
|
||||
<span class="title">Settings</span>
|
||||
<span class="arrow"></span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item ">
|
||||
<a href="formcustomize.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Form Customization</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="updatecurrency.html" class="nav-link ">
|
||||
<i class="icon-check"></i>
|
||||
<span class="title">Update Currency</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="profile.html" class="nav-link nav-toggle">
|
||||
<i class="icon-user"></i>
|
||||
<span class="title">Profile</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="contactlist.html" class="nav-link nav-toggle">
|
||||
<i class="icon-notebook"></i>
|
||||
<span class="title">Contact List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item active open ">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-settings"></i>
|
||||
<span class="title">Settings</span>
|
||||
<span class="arrow"></span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item ">
|
||||
<a href="formcustomize.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Form Customization</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item active open ">
|
||||
<a href="updatecurrency.html" class="nav-link ">
|
||||
<i class="icon-check"></i>
|
||||
<span class="title">Update Currency</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<!-- END SIDEBAR MENU -->
|
||||
<!-- END SIDEBAR MENU -->
|
||||
</div>
|
||||
<!-- END SIDEBAR -->
|
||||
</div>
|
||||
<!-- BEGIN CONTENT -->
|
||||
<div class="page-content-wrapper">
|
||||
<!-- BEGIN CONTENT BODY -->
|
||||
<div class="page-content">
|
||||
@@ -519,14 +241,14 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</div>
|
||||
<!-- END PAGE BAR -->
|
||||
<!-- BEGIN PAGE TITLE-->
|
||||
<h1 class="page-title"> Currency Update</h1>
|
||||
|
||||
|
||||
<!-- CONTENT -->
|
||||
<div align="center">
|
||||
<div class="portlet box blue ">
|
||||
<div class="portlet-title">
|
||||
<div class="caption">
|
||||
<i class="fa fa-gift"></i> </div>
|
||||
<i class="fa fa-gift"></i>Currency Update </div>
|
||||
|
||||
</div>
|
||||
<div class="portlet-body form">
|
||||
|
||||
-1276
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
+1233
File diff suppressed because it is too large
Load Diff
+43
-52
@@ -202,67 +202,58 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="notice.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-newspaper-o"></i>
|
||||
<span class="title">Notice</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="deliveryarrange.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-briefcase"></i>
|
||||
<span class="title">Delivery Arrangement</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="chat.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o"></i>
|
||||
<span class="title">Messenger</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="trackorder.html" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<li class="nav-item">
|
||||
<a href="chat.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o"></i>
|
||||
<span class="title">Messenger</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="trackorder.html" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Orders</span>
|
||||
<span class="arrow"></span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item ">
|
||||
<a href="purchaseorder.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Purchase Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="shippingorder.html" class="nav-link ">
|
||||
<i class="icon-check"></i>
|
||||
<span class="title">Shipping Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="opendraft.html" class="nav-link ">
|
||||
<i class="icon-envelope"></i>
|
||||
<span class="title">Open Draft</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="profile.html" class="nav-link nav-toggle">
|
||||
<i class="icon-user"></i>
|
||||
<span class="title">Profile</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item active open ">
|
||||
<li class="nav-item active open">
|
||||
<a href="contactlist.html" class="nav-link nav-toggle">
|
||||
<i class="icon-notebook"></i>
|
||||
<span class="title">Contact List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-settings"></i>
|
||||
<span class="title">Settings</span>
|
||||
<span class="arrow"></span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item ">
|
||||
<a href="formcustomize.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Form Customization</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="updatecurrency.html" class="nav-link ">
|
||||
<i class="icon-check"></i>
|
||||
<span class="title">Update Currency</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
+372
-481
@@ -21,7 +21,7 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>IZYIM | Dashboard</title>
|
||||
<title>IZYIM | Order Status</title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta content="width=device-width, initial-scale=1" name="viewport" />
|
||||
<meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
|
||||
@@ -34,10 +34,9 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END GLOBAL MANDATORY STYLES -->
|
||||
<!-- BEGIN PAGE LEVEL PLUGINS -->
|
||||
<link href="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END PAGE LEVEL PLUGINS -->
|
||||
<!-- BEGIN THEME GLOBAL STYLES -->
|
||||
<link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
|
||||
@@ -48,9 +47,43 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<link href="../assets/layouts/layout/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color" />
|
||||
<link href="../assets/layouts/layout/css/custom.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END THEME LAYOUT STYLES -->
|
||||
<link rel="shortcut icon" href="favicon.ico" /> </head>
|
||||
<style>
|
||||
@media (min-width: 992px) {
|
||||
.page-content-wrapper .page-content {
|
||||
margin-left: 200px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px){
|
||||
.page-sidebar {
|
||||
width: 200px;
|
||||
float: left;
|
||||
position: relative;
|
||||
margin-right: -100%;
|
||||
}
|
||||
}
|
||||
.table td, .table th {
|
||||
font-size: 10px;
|
||||
text-align:center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.table thead tr th{
|
||||
font-size: 10px;
|
||||
text-align:center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.dt-button-collection{
|
||||
margin-top: 100px;
|
||||
}
|
||||
table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
|
||||
padding-right: 18px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<!-- END HEAD -->
|
||||
|
||||
|
||||
<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
|
||||
<div class="page-wrapper">
|
||||
<!-- BEGIN HEADER -->
|
||||
@@ -72,295 +105,6 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<!-- BEGIN TOP NAVIGATION MENU -->
|
||||
<div class="top-menu">
|
||||
<ul class="nav navbar-nav pull-right">
|
||||
<!-- BEGIN NOTIFICATION DROPDOWN -->
|
||||
<!-- DOC: Apply "dropdown-dark" class after "dropdown-extended" to change the dropdown styte -->
|
||||
<!-- DOC: Apply "dropdown-hoverable" class after below "dropdown" and remove data-toggle="dropdown" data-hover="dropdown" data-close-others="true" attributes to enable hover dropdown mode -->
|
||||
<!-- DOC: Remove "dropdown-hoverable" and add data-toggle="dropdown" data-hover="dropdown" data-close-others="true" attributes to the below A element with dropdown-toggle class -->
|
||||
<li class="dropdown dropdown-extended dropdown-notification" id="header_notification_bar">
|
||||
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
|
||||
<i class="icon-bell"></i>
|
||||
<span class="badge badge-default"> 7 </span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="external">
|
||||
<h3>
|
||||
<span class="bold">12 pending</span> notifications</h3>
|
||||
<a href="profile.html">view all</a>
|
||||
</li>
|
||||
<li>
|
||||
<ul class="dropdown-menu-list scroller" style="height: 250px;" data-handle-color="#637283">
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">just now</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-success">
|
||||
<i class="fa fa-plus"></i>
|
||||
</span> New user registered. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">3 mins</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-danger">
|
||||
<i class="fa fa-bolt"></i>
|
||||
</span> Server #12 overloaded. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">10 mins</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-warning">
|
||||
<i class="fa fa-bell-o"></i>
|
||||
</span> Server #2 not responding. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">14 hrs</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-info">
|
||||
<i class="fa fa-bullhorn"></i>
|
||||
</span> Application error. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">2 days</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-danger">
|
||||
<i class="fa fa-bolt"></i>
|
||||
</span> Database overloaded 68%. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">3 days</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-danger">
|
||||
<i class="fa fa-bolt"></i>
|
||||
</span> A user IP blocked. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">4 days</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-warning">
|
||||
<i class="fa fa-bell-o"></i>
|
||||
</span> Storage Server #4 not responding dfdfdfd. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">5 days</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-info">
|
||||
<i class="fa fa-bullhorn"></i>
|
||||
</span> System Error. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">9 days</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-danger">
|
||||
<i class="fa fa-bolt"></i>
|
||||
</span> Storage server failed. </span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- END NOTIFICATION DROPDOWN -->
|
||||
<!-- BEGIN INBOX DROPDOWN -->
|
||||
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
|
||||
<li class="dropdown dropdown-extended dropdown-inbox" id="header_inbox_bar">
|
||||
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
|
||||
<i class="icon-envelope-open"></i>
|
||||
<span class="badge badge-default"> 4 </span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="external">
|
||||
<h3>You have
|
||||
<span class="bold">7 New</span> Messages</h3>
|
||||
<a href="app_inbox.html">view all</a>
|
||||
</li>
|
||||
<li>
|
||||
<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="photo">
|
||||
<img src="../assets/layouts/layout3/img/avatar2.jpg" class="img-circle" alt=""> </span>
|
||||
<span class="subject">
|
||||
<span class="from"> Lisa Wong </span>
|
||||
<span class="time">Just Now </span>
|
||||
</span>
|
||||
<span class="message"> Vivamus sed auctor nibh congue nibh. auctor nibh auctor nibh... </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="photo">
|
||||
<img src="../assets/layouts/layout3/img/avatar3.jpg" class="img-circle" alt=""> </span>
|
||||
<span class="subject">
|
||||
<span class="from"> Richard Doe </span>
|
||||
<span class="time">16 mins </span>
|
||||
</span>
|
||||
<span class="message"> Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="photo">
|
||||
<img src="../assets/layouts/layout3/img/avatar1.jpg" class="img-circle" alt=""> </span>
|
||||
<span class="subject">
|
||||
<span class="from"> Bob Nilson </span>
|
||||
<span class="time">2 hrs </span>
|
||||
</span>
|
||||
<span class="message"> Vivamus sed nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="photo">
|
||||
<img src="../assets/layouts/layout3/img/avatar2.jpg" class="img-circle" alt=""> </span>
|
||||
<span class="subject">
|
||||
<span class="from"> Lisa Wong </span>
|
||||
<span class="time">40 mins </span>
|
||||
</span>
|
||||
<span class="message"> Vivamus sed auctor 40% nibh congue nibh... </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="photo">
|
||||
<img src="../assets/layouts/layout3/img/avatar3.jpg" class="img-circle" alt=""> </span>
|
||||
<span class="subject">
|
||||
<span class="from"> Richard Doe </span>
|
||||
<span class="time">46 mins </span>
|
||||
</span>
|
||||
<span class="message"> Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- END INBOX DROPDOWN -->
|
||||
<!-- BEGIN TODO DROPDOWN -->
|
||||
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
|
||||
<li class="dropdown dropdown-extended dropdown-tasks" id="header_task_bar">
|
||||
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
|
||||
<i class="icon-calendar"></i>
|
||||
<span class="badge badge-default"> 3 </span>
|
||||
</a>
|
||||
<ul class="dropdown-menu extended tasks">
|
||||
<li class="external">
|
||||
<h3>You have
|
||||
<span class="bold">12 pending</span> tasks</h3>
|
||||
<a href="app_todo.html">view all</a>
|
||||
</li>
|
||||
<li>
|
||||
<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="task">
|
||||
<span class="desc">New release v1.2 </span>
|
||||
<span class="percent">30%</span>
|
||||
</span>
|
||||
<span class="progress">
|
||||
<span style="width: 40%;" class="progress-bar progress-bar-success" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100">
|
||||
<span class="sr-only">40% Complete</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="task">
|
||||
<span class="desc">Application deployment</span>
|
||||
<span class="percent">65%</span>
|
||||
</span>
|
||||
<span class="progress">
|
||||
<span style="width: 65%;" class="progress-bar progress-bar-danger" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100">
|
||||
<span class="sr-only">65% Complete</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="task">
|
||||
<span class="desc">Mobile app release</span>
|
||||
<span class="percent">98%</span>
|
||||
</span>
|
||||
<span class="progress">
|
||||
<span style="width: 98%;" class="progress-bar progress-bar-success" aria-valuenow="98" aria-valuemin="0" aria-valuemax="100">
|
||||
<span class="sr-only">98% Complete</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="task">
|
||||
<span class="desc">Database migration</span>
|
||||
<span class="percent">10%</span>
|
||||
</span>
|
||||
<span class="progress">
|
||||
<span style="width: 10%;" class="progress-bar progress-bar-warning" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100">
|
||||
<span class="sr-only">10% Complete</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="task">
|
||||
<span class="desc">Web server upgrade</span>
|
||||
<span class="percent">58%</span>
|
||||
</span>
|
||||
<span class="progress">
|
||||
<span style="width: 58%;" class="progress-bar progress-bar-info" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100">
|
||||
<span class="sr-only">58% Complete</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="task">
|
||||
<span class="desc">Mobile development</span>
|
||||
<span class="percent">85%</span>
|
||||
</span>
|
||||
<span class="progress">
|
||||
<span style="width: 85%;" class="progress-bar progress-bar-success" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">
|
||||
<span class="sr-only">85% Complete</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="task">
|
||||
<span class="desc">New UI release</span>
|
||||
<span class="percent">38%</span>
|
||||
</span>
|
||||
<span class="progress progress-striped">
|
||||
<span style="width: 38%;" class="progress-bar progress-bar-important" aria-valuenow="18" aria-valuemin="0" aria-valuemax="100">
|
||||
<span class="sr-only">38% Complete</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- END TODO DROPDOWN -->
|
||||
<!-- BEGIN USER LOGIN DROPDOWN -->
|
||||
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
|
||||
<li class="dropdown dropdown-user">
|
||||
@@ -381,14 +125,7 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</ul>
|
||||
</li>
|
||||
<!-- END USER LOGIN DROPDOWN -->
|
||||
<!-- BEGIN QUICK SIDEBAR TOGGLER -->
|
||||
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
|
||||
<li class="dropdown dropdown-quick-sidebar-toggler">
|
||||
<a href="javascript:;" class="dropdown-toggle">
|
||||
<i class="icon-logout"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!-- END QUICK SIDEBAR TOGGLER -->
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<!-- END TOP NAVIGATION MENU -->
|
||||
@@ -426,54 +163,55 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%"/></center>
|
||||
</li>
|
||||
<hr>
|
||||
<li class="nav-item start active open">
|
||||
<li class="nav-item start active open ">
|
||||
<a href="index.html" class="nav-link nav-toggle">
|
||||
<i class="icon-home"></i>
|
||||
<span class="title">Dashboard</span>
|
||||
<span class="title">Order Status</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o" aria-hidden="true"></i>
|
||||
<span class="title">Chat</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="chat.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o"></i>
|
||||
<span class="title">Messenger</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="trackorder.html" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Orders</span>
|
||||
<span class="arrow"></span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item ">
|
||||
<a href="purchaseorder.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Purchase Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="shippingorder.html" class="nav-link ">
|
||||
<i class="icon-check"></i>
|
||||
<span class="title">Shipping Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="opendraft.html" class="nav-link ">
|
||||
<i class="icon-envelope"></i>
|
||||
<span class="title">Open Draft</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Orders</span>
|
||||
<span class="arrow"></span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item ">
|
||||
<a href="purchaseorder.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Purchase Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="shippingorder.html" class="nav-link ">
|
||||
<i class="icon-check"></i>
|
||||
<span class="title">Shipping Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="opendraft.html" class="nav-link ">
|
||||
<i class="icon-envelope"></i>
|
||||
<span class="title">Open Draft</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="profile.html" class="nav-link nav-toggle">
|
||||
<i class="icon-user"></i>
|
||||
<span class="title">Profile</span>
|
||||
@@ -484,13 +222,13 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<i class="icon-notebook"></i>
|
||||
<span class="title">Contact List</span>
|
||||
</a>
|
||||
</li>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<!-- END SIDEBAR MENU -->
|
||||
<!-- END SIDEBAR MENU -->
|
||||
</div>
|
||||
<!-- END SIDEBAR -->
|
||||
</div>
|
||||
<!-- BEGIN CONTENT -->
|
||||
<div class="page-content-wrapper">
|
||||
<!-- BEGIN CONTENT BODY -->
|
||||
@@ -499,127 +237,283 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<div class="page-bar">
|
||||
<ul class="page-breadcrumb">
|
||||
<li>
|
||||
<a href="index.html">Home</a>
|
||||
<a href="index.html">Order Status</a>
|
||||
<i class="fa fa-circle"></i>
|
||||
</li>
|
||||
<li>
|
||||
<span>Dashboard</span>
|
||||
<a href="chat.html">Messenger</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- END PAGE BAR -->
|
||||
<!-- BEGIN PAGE TITLE-->
|
||||
<h1 class="page-title"> Dashboard
|
||||
<h1 class="page-title">
|
||||
</h1>
|
||||
|
||||
<!-- CONTENT -->
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="portlet box green">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<!-- Begin: life time stats -->
|
||||
<div class="portlet box green">
|
||||
<div class="portlet-title">
|
||||
<div class="caption">
|
||||
<i class="fa fa-cogs"></i>Purchase Order </div>
|
||||
<div class="tools">
|
||||
<a href="javascript:;" class="collapse" data-original-title="" title=""> </a>
|
||||
<a href="#portlet-config" data-toggle="modal" class="config" data-original-title="" title=""> </a>
|
||||
<a href="javascript:;" class="reload" data-original-title="" title=""> </a>
|
||||
<a href="javascript:;" class="remove" data-original-title="" title=""> </a>
|
||||
<i class="fa fa-cogs"></i><strong>Order Status</strong> </div>
|
||||
<div class="actions">
|
||||
<div class="btn-group">
|
||||
<a class="btn white btn-outline btn-circle" href="javascript:;" data-toggle="dropdown">
|
||||
<i class="fa fa-share"></i>
|
||||
<span class="hidden-xs"> Actions </span>
|
||||
<i class="fa fa-angle-down"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right" id="sample_3_tools">
|
||||
<li>
|
||||
<a href="javascript:;" data-action="0" class="tool-action">
|
||||
<i class="icon-printer"></i> Print</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;" data-action="1" class="tool-action">
|
||||
<i class="icon-check"></i> Copy</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;" data-action="2" class="tool-action">
|
||||
<i class="icon-doc"></i> PDF</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;" data-action="3" class="tool-action">
|
||||
<i class="icon-paper-clip"></i> Excel</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;" data-action="4" class="tool-action">
|
||||
<i class="icon-cloud-upload"></i> CSV</a>
|
||||
</li>
|
||||
<li class="divider"> </li>
|
||||
<li>
|
||||
<a href="javascript:;" data-action="5" class="tool-action">
|
||||
<i class="icon-refresh"></i> Reload</a>
|
||||
</li>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portlet-body flip-scroll">
|
||||
<table class="table table-bordered table-striped table-condensed flip-content">
|
||||
<thead class="flip-content">
|
||||
<tr>
|
||||
<th width="20%"> No </th>
|
||||
<th> Date </th>
|
||||
<th class="numeric"> Order Number </th>
|
||||
<th class="numeric"> Action </th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td> 1 </td>
|
||||
<td> 03-07-2017 </td>
|
||||
<td> CIEF/12345/00004 </td>
|
||||
<td class="numeric"> <a href="#"><i class="fa fa-question" aria-hidden="true"></i></a> <a href="trackorder.html"><i class="fa fa-search" aria-hidden="true"></i></a> <a href="#" onclick="return confirm('Are you sure you want to delete this item?');"><i class="fa fa-trash" aria-hidden="true"></i></a> <a href="chat.html"><i class="fa fa-commenting-o" aria-hidden="true"></i></a> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> 2 </td>
|
||||
<td> 02-07-2017 </td>
|
||||
<td> CIEF/12345/00003 </td>
|
||||
<td class="numeric"> <a href="#"><i class="fa fa-question" aria-hidden="true"></i></a> <a href="trackorder.html"><i class="fa fa-search" aria-hidden="true"></i></a> <a href="#" onclick="return confirm('Are you sure you want to delete this item?');"><i class="fa fa-trash" aria-hidden="true"></i></a> <a href="chat.html"><i class="fa fa-commenting-o" aria-hidden="true"></i></a> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> 3 </td>
|
||||
<td> 01-07-2017 </td>
|
||||
<td> CIEF/12345/00002 </td>
|
||||
<td class="numeric"> <a href="#"><i class="fa fa-question" aria-hidden="true"></i></a> <a href="trackorder.html"><i class="fa fa-search" aria-hidden="true"></i></a> <a href="#" onclick="return confirm('Are you sure you want to delete this item?');"><i class="fa fa-trash" aria-hidden="true"></i></a> <a href="chat.html"><i class="fa fa-commenting-o" aria-hidden="true"></i></a> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> 4 </td>
|
||||
<td> 30-06-2017 </td>
|
||||
<td> CIEF/12345/00001 </td>
|
||||
<td class="numeric"> <a href="#"><i class="fa fa-question" aria-hidden="true"></i></a> <a href="trackorder.html"><i class="fa fa-search" aria-hidden="true"></i></a> <a href="#" onclick="return confirm('Are you sure you want to delete this item?');"><i class="fa fa-trash" aria-hidden="true"></i></a> <a href="chat.html"><i class="fa fa-commenting-o" aria-hidden="true"></i></a> </td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="portlet box green">
|
||||
<div class="portlet-title">
|
||||
<div class="caption">
|
||||
<i class="fa fa-cogs"></i>Shipping Order </div>
|
||||
<div class="tools">
|
||||
<a href="javascript:;" class="collapse" data-original-title="" title=""> </a>
|
||||
<a href="#portlet-config" data-toggle="modal" class="config" data-original-title="" title=""> </a>
|
||||
<a href="javascript:;" class="reload" data-original-title="" title=""> </a>
|
||||
<a href="javascript:;" class="remove" data-original-title="" title=""> </a>
|
||||
<div class="portlet-body">
|
||||
<div class="table-container">
|
||||
|
||||
<table style="" class="table table-striped table-bordered table-hover" id="sample_3">
|
||||
<thead>
|
||||
<tr>
|
||||
<th width="1%"> No </th>
|
||||
<th width="5%"> Date <br/>
|
||||
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
|
||||
<span class="fa fa-filter"></span></button>
|
||||
<ul class="dropdown-menu">
|
||||
<li>
|
||||
<div class="input-group input-daterange">
|
||||
<input type="text" id="min-date" class="form-control date-range-filter" data-date-format="dd-mm-yyyy" placeholder="From:">
|
||||
<div class="input-group-addon">to</div>
|
||||
<input type="text" id="max-date" class="form-control date-range-filter" data-date-format="dd-mm-yyyy" placeholder="To:">
|
||||
</div>
|
||||
<li>
|
||||
</ul>
|
||||
</th>
|
||||
<th width="1%"> <a href="javascript:;" class="tooltips" data-placement="bottom" data-original-title="Purchase Order Number"> Status </a> <br/>
|
||||
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
|
||||
<span class="fa fa-filter"></span></button>
|
||||
<ul class="dropdown-menu">
|
||||
<li><input onchange="filterme()" name="status" value="Warehouse receive note" type="checkbox"/> Warehouse receive note</li>
|
||||
<li><input onchange="filterme()" name="status" value="Container loading" type="checkbox"/> Container loading</li>
|
||||
<li><input onchange="filterme()" name="status" value="ETD" type="checkbox"/> ETD</li>
|
||||
</ul>
|
||||
</th>
|
||||
<th width="1%"> Order<br/> Type <br/>
|
||||
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
|
||||
<span class="fa fa-filter"></span></button>
|
||||
<ul class="dropdown-menu">
|
||||
<li><input onchange="filterme()" name="type" value="PO" type="checkbox"/> PO</li>
|
||||
<li><input onchange="filterme()" name="type" value="SO" type="checkbox"/> SO</li>
|
||||
<li><input onchange="filterme()" name="type" value="PO & SO" type="checkbox"/> PO & SO</li>
|
||||
</ul>
|
||||
</th>
|
||||
<th width="2%"> Order No <br/>
|
||||
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
|
||||
<span class="fa fa-filter"></span></button>
|
||||
<ul class="dropdown-menu">
|
||||
<li><input onchange="filterme()" name="orderno" value="00001" type="checkbox"/> 00001</li>
|
||||
<li><input onchange="filterme()" name="orderno" value="00002" type="checkbox"/> 00002</li>
|
||||
<li><input onchange="filterme()" name="orderno" value="00003" type="checkbox"/> 00003</li>
|
||||
<li><input onchange="filterme()" name="orderno" value="00004" type="checkbox"/> 00004</li>
|
||||
<li><input onchange="filterme()" name="orderno" value="00005" type="checkbox"/> 00005</li>
|
||||
</ul>
|
||||
</th>
|
||||
<th width="1%"> <a href="javascript:;" class="tooltips" data-placement="bottom" data-original-title="Purchase Order Number"> PO<br/> No </a> <br/>
|
||||
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
|
||||
<span class="fa fa-filter"></span></button>
|
||||
<ul class="dropdown-menu">
|
||||
<li><input onchange="filterme()" name="shipno" value="123456" type="checkbox"/> 123456</li>
|
||||
</ul>
|
||||
</th>
|
||||
<th width="1%"> Supplier<br/> Code <br/>
|
||||
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
|
||||
<span class="fa fa-filter"></span></button>
|
||||
<ul class="dropdown-menu">
|
||||
<li><input onchange="filterme()" name="suppliercode" value="123456" type="checkbox"/> 123456</li>
|
||||
</ul>
|
||||
</th>
|
||||
<th width="1%"> <a href="javascript:;" class="tooltips" data-placement="bottom" data-original-title="Customer Code"> Cust<br/> Code </a> <br/>
|
||||
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
|
||||
<span class="fa fa-filter"></span></button>
|
||||
<ul class="dropdown-menu">
|
||||
<li><input onchange="filterme()" name="custcode" value="123456" type="checkbox"/> 123456</li>
|
||||
</ul>
|
||||
</th>
|
||||
<th width="1%"> <a href="javascript:;" class="tooltips" data-placement="bottom" data-original-title="Agent Code"> Agent<br/> Code </a> <br/>
|
||||
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
|
||||
<span class="fa fa-filter"></span></button>
|
||||
<ul class="dropdown-menu">
|
||||
<li><input onchange="filterme()" name="custcode" value="123456" type="checkbox"/> 123456</li>
|
||||
</ul>
|
||||
</th>
|
||||
<th width="1%"> <a href="javascript:;" class="tooltips" data-placement="bottom" data-original-title="Purchase Value"> Purchase<br/> Val </a> <br/>
|
||||
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
|
||||
<span class="fa fa-filter"></span></button>
|
||||
<ul class="dropdown-menu">
|
||||
<li><input onchange="filterme()" name="pvalue" value="123456" type="checkbox"/> 123456</li>
|
||||
</ul>
|
||||
</th>
|
||||
<th width="1%"> Shipment<br/> No <br/>
|
||||
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
|
||||
<span class="fa fa-filter"></span></button>
|
||||
<ul class="dropdown-menu">
|
||||
<li><input onchange="filterme()" name="shipno" value="123456" type="checkbox"/> 123456</li>
|
||||
</ul>
|
||||
</th>
|
||||
<th width="1%"> <a href="javascript:;" class="tooltips" data-placement="bottom" data-original-title="Container Number"> Cont<br/> No </a> <br/>
|
||||
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
|
||||
<span class="fa fa-filter"></span></button>
|
||||
<ul class="dropdown-menu">
|
||||
<li><input onchange="filterme()" name="shipno" value="123456" type="checkbox"/> 123456</li>
|
||||
</ul>
|
||||
</th>
|
||||
<th width="1%"> <a href="javascript:;" class="tooltips" data-placement="bottom" data-original-title="Warehouse Receive Note"> Warehouse<br/> Recv<br/> Note </a> <br/>
|
||||
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
|
||||
<span class="fa fa-filter"></span></button>
|
||||
<ul class="dropdown-menu">
|
||||
<li><input onchange="filterme()" name="shipno" value="123456" type="checkbox"/> 123456</li>
|
||||
</ul>
|
||||
</th>
|
||||
<th width="5%"> <a href="javascript:;" class="tooltips" data-placement="bottom" data-original-title="Estimated Time of Departure"> ETD </a> <br/>
|
||||
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
|
||||
<span class="fa fa-filter"></span></button>
|
||||
<ul class="dropdown-menu">
|
||||
<li><input onchange="filterme()" name="eta" value="03-07-2017" type="checkbox"/> 03-07-2017</li>
|
||||
</ul>
|
||||
</th>
|
||||
<th width="5%"> <a href="javascript:;" class="tooltips" data-placement="bottom" data-original-title="Estimated Time of Arrival"> ETA </a><br/>
|
||||
<button type="button" style="text-decoration: none" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown">
|
||||
<span class="fa fa-filter"></span></button>
|
||||
<ul class="dropdown-menu">
|
||||
<li><input onchange="filterme()" name="eta" value="03-07-2017" type="checkbox"/> 03-07-2017</li>
|
||||
</ul>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td> <center>1</center> </td>
|
||||
<td> 03-07-2017 </td>
|
||||
<td> <a href="trackorder.html">Warehouse Received <i class="fa fa-pencil" aria-hidden="true"></i></a> </td>
|
||||
<td> PO & SO </td>
|
||||
<td> <a href="chat.html"> 00005 <span style="margin-bottom: 20px;" class="badge badge-danger">5</span></a> </td>
|
||||
<td> 123456 </td>
|
||||
<td> 123456 </td>
|
||||
<td> CIEF/0008 </td>
|
||||
<td> 123456 </td>
|
||||
<td> <center>12,000.00 (RMB)</center> </td>
|
||||
<td> CTN56 </td>
|
||||
<td> 123456 </td>
|
||||
<td> 123456 </td>
|
||||
<td> 123456 </td>
|
||||
<td> <span style="color:red"><strong>03-07-2017<br/>Delayed</strong></span> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> <center>2</center> </td>
|
||||
<td> 02-07-2017 </td>
|
||||
<td> <a href="trackorder.html">Warehouse Received <i class="fa fa-pencil" aria-hidden="true"></i></a> </td>
|
||||
<td> PO & SO </td>
|
||||
<td> <a href="chat.html">00004 <span style="margin-bottom: 20px;" class="badge badge-danger">10</span></a> </td>
|
||||
<td> 123456 </td>
|
||||
<td> 123456 </td>
|
||||
<td> CIEF/0007 </td>
|
||||
<td> 123456 </td>
|
||||
<td> <center>15,000.00 (USD)</center> </td>
|
||||
<td> CTN55 </td>
|
||||
<td> 123456 </td>
|
||||
<td> 123456 </td>
|
||||
<td> 03-07-2017 </td>
|
||||
<td> 03-07-2017 </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> <center>3</center> </td>
|
||||
<td> 01-07-2017 </td>
|
||||
<td> <a href="trackorder.html">Container loading <i class="fa fa-pencil" aria-hidden="true"></i></a> </td>
|
||||
<td> PO & SO </td>
|
||||
<td> <a href="chat.html">00003</a> </td>
|
||||
<td> 123456 </td>
|
||||
<td> 123456 </td>
|
||||
<td> CIEF/0005 </td>
|
||||
<td> 123456 </td>
|
||||
<td> <center>8,000.00 (MYR)</center> </td>
|
||||
<td> CTN54 </td>
|
||||
<td> 123456 </td>
|
||||
<td> 123456 </td>
|
||||
<td> 03-07-2017 </td>
|
||||
<td> <span style="color:red"><strong>15-07-2017<br/>Delayed</strong></span> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> <center>4</center> </td>
|
||||
<td> 30-06-2017 </td>
|
||||
<td> <a href="trackorder.html">ETD <i class="fa fa-pencil" aria-hidden="true"></i></a> </td>
|
||||
<td> PO & SO </td>
|
||||
<td> <a href="chat.html">00002 <span style="margin-bottom: 20px;" class="badge badge-danger">1</span></a> </td>
|
||||
<td> 123456 </td>
|
||||
<td> 123456 </td>
|
||||
<td> CIEF/0004 </td>
|
||||
<td> 123456 </td>
|
||||
<td> <center>5,000.00 (HKD)</center> </td>
|
||||
<td> CTN53 </td>
|
||||
<td> 123456 </td>
|
||||
<td> 123456 </td>
|
||||
<td> <span style="color:red"><strong>28-06-2017<br/>Delayed</strong> </span> </td>
|
||||
<td> 03-07-2017 </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> <center>5</center> </td>
|
||||
<td> 29-06-2017 </td>
|
||||
<td> <a href="trackorder.html">ETD <i class="fa fa-pencil" aria-hidden="true"></i></a> </td>
|
||||
<td> PO </td>
|
||||
<td> <a href="chat.html">00001</a> </td>
|
||||
<td> 123456 </td>
|
||||
<td> 123456 </td>
|
||||
<td> CIEF/0003 </td>
|
||||
<td> 123456 </td>
|
||||
<td> <center>4,000.00 (USD)</center> </td>
|
||||
<td> N/A </td>
|
||||
<td> N/A </td>
|
||||
<td> N/A </td>
|
||||
<td> N/A </td>
|
||||
<td> N/A </td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="portlet-body flip-scroll">
|
||||
<table class="table table-bordered table-striped table-condensed flip-content">
|
||||
<thead class="flip-content">
|
||||
<tr>
|
||||
<th width="20%"> No </th>
|
||||
<th> Date </th>
|
||||
<th class="numeric"> Order Number </th>
|
||||
<th class="numeric"> Action </th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td> 1 </td>
|
||||
<td> 03-07-2017 </td>
|
||||
<td> CIEF/12345/00004 </td>
|
||||
<td class="numeric"> <a href="#"><i class="fa fa-question" aria-hidden="true"></i></a> <a href="trackorder.html"><i class="fa fa-search" aria-hidden="true"></i></a> <a href="#" onclick="return confirm('Are you sure you want to delete this item?');"><i class="fa fa-trash" aria-hidden="true"></i></a> <a href="chat.html"><i class="fa fa-commenting-o" aria-hidden="true"></i></a> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> 2 </td>
|
||||
<td> 02-07-2017 </td>
|
||||
<td> CIEF/12345/00003 </td>
|
||||
<td class="numeric"> <a href="#"><i class="fa fa-question" aria-hidden="true"></i></a> <a href="trackorder.html"><i class="fa fa-search" aria-hidden="true"></i></a> <a href="#" onclick="return confirm('Are you sure you want to delete this item?');"><i class="fa fa-trash" aria-hidden="true"></i></a> <a href="chat.html"><i class="fa fa-commenting-o" aria-hidden="true"></i></a> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> 3 </td>
|
||||
<td> 01-07-2017 </td>
|
||||
<td> CIEF/12345/00002 </td>
|
||||
<td class="numeric"> <a href="#"><i class="fa fa-question" aria-hidden="true"></i></a> <a href="trackorder.html"><i class="fa fa-search" aria-hidden="true"></i></a> <a href="#" onclick="return confirm('Are you sure you want to delete this item?');"><i class="fa fa-trash" aria-hidden="true"></i></a> <a href="chat.html"><i class="fa fa-commenting-o" aria-hidden="true"></i></a> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> 4 </td>
|
||||
<td> 30-06-2017 </td>
|
||||
<td> CIEF/12345/00001 </td>
|
||||
<td class="numeric"> <a href="#"><i class="fa fa-question" aria-hidden="true"></i></a> <a href="trackorder.html"><i class="fa fa-search" aria-hidden="true"></i></a> <a href="#" onclick="return confirm('Are you sure you want to delete this item?');"><i class="fa fa-trash" aria-hidden="true"></i></a> <a href="chat.html"><i class="fa fa-commenting-o" aria-hidden="true"></i></a> </td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End: life time stats -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- END CONTENT -->
|
||||
|
||||
</div>
|
||||
@@ -1212,42 +1106,17 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
|
||||
<!-- END CORE PLUGINS -->
|
||||
<!-- BEGIN PAGE LEVEL PLUGINS -->
|
||||
<script src="../assets/global/plugins/moment.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/morris/morris.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/morris/raphael-min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/counterup/jquery.waypoints.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/counterup/jquery.counterup.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/amcharts.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/serial.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/pie.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/radar.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/themes/light.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/themes/patterns.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amcharts/themes/chalk.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/ammap/ammap.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/ammap/maps/js/worldLow.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/amcharts/amstockcharts/amstock.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/horizontal-timeline/horizontal-timeline.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/flot/jquery.flot.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/flot/jquery.flot.resize.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/flot/jquery.flot.categories.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jquery-easypiechart/jquery.easypiechart.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jquery.sparkline.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/jquery.vmap.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.russia.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.world.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.europe.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.germany.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.usa.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/data/jquery.vmap.sampledata.js" type="text/javascript"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/scripts/datatable.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/datatables/datatables.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js" type="text/javascript"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
|
||||
<!-- END PAGE LEVEL PLUGINS -->
|
||||
<!-- BEGIN THEME GLOBAL SCRIPTS -->
|
||||
<script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
|
||||
<!-- END THEME GLOBAL SCRIPTS -->
|
||||
<!-- BEGIN PAGE LEVEL SCRIPTS -->
|
||||
<script src="../assets/pages/scripts/dashboard.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/pages/scripts/table-datatables-buttons.js" type="text/javascript"></script>
|
||||
<!-- END PAGE LEVEL SCRIPTS -->
|
||||
<!-- BEGIN THEME LAYOUT SCRIPTS -->
|
||||
<script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
|
||||
@@ -1263,6 +1132,28 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
$('#radio1003').attr('checked', 'checked');
|
||||
});
|
||||
})
|
||||
var options = [];
|
||||
|
||||
$( '.dropdown-menu a' ).on( 'click', function( event ) {
|
||||
|
||||
var $target = $( event.currentTarget ),
|
||||
val = $target.attr( 'data-value' ),
|
||||
$inp = $target.find( 'input' ),
|
||||
idx;
|
||||
|
||||
if ( ( idx = options.indexOf( val ) ) > -1 ) {
|
||||
options.splice( idx, 1 );
|
||||
setTimeout( function() { $inp.prop( 'checked', false ) }, 0);
|
||||
} else {
|
||||
options.push( val );
|
||||
setTimeout( function() { $inp.prop( 'checked', true ) }, 0);
|
||||
}
|
||||
|
||||
$( event.target ).blur();
|
||||
|
||||
console.log( options );
|
||||
return false;
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
|
||||
+45
-44
@@ -426,54 +426,55 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%"/></center>
|
||||
</li>
|
||||
<hr>
|
||||
<li class="nav-item start">
|
||||
<li class="nav-item">
|
||||
<a href="index.html" class="nav-link nav-toggle">
|
||||
<i class="icon-home"></i>
|
||||
<span class="title">Dashboard</span>
|
||||
<span class="title">Order Status</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o" aria-hidden="true"></i>
|
||||
<span class="title">Chat</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item active open">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Orders</span>
|
||||
<span class="arrow"></span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item ">
|
||||
<a href="purchaseorder.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Purchase Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="shippingorder.html" class="nav-link ">
|
||||
<i class="icon-check"></i>
|
||||
<span class="title">Shipping Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item active open ">
|
||||
<a href="opendraft.html" class="nav-link ">
|
||||
<i class="icon-envelope"></i>
|
||||
<span class="title">Open Draft</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<li class="nav-item">
|
||||
<a href="chat.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o"></i>
|
||||
<span class="title">Messenger</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="trackorder.html" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item active open">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Orders</span>
|
||||
<span class="arrow"></span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item ">
|
||||
<a href="purchaseorder.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Purchase Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="shippingorder.html" class="nav-link ">
|
||||
<i class="icon-check"></i>
|
||||
<span class="title">Shipping Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item open">
|
||||
<a href="opendraft.html" class="nav-link">
|
||||
<i class="icon-envelope"></i>
|
||||
<span class="title">Open Draft</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="profile.html" class="nav-link nav-toggle">
|
||||
<i class="icon-user"></i>
|
||||
<span class="title">Profile</span>
|
||||
@@ -484,7 +485,7 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<i class="icon-notebook"></i>
|
||||
<span class="title">Contact List</span>
|
||||
</a>
|
||||
</li>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<!-- END SIDEBAR MENU -->
|
||||
|
||||
@@ -426,54 +426,55 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%"/></center>
|
||||
</li>
|
||||
<hr>
|
||||
<li class="nav-item start active open">
|
||||
<li class="nav-item active open">
|
||||
<a href="index.html" class="nav-link nav-toggle">
|
||||
<i class="icon-home"></i>
|
||||
<span class="title">Dashboard</span>
|
||||
<span class="title">Order Status</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o" aria-hidden="true"></i>
|
||||
<span class="title">Chat</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Orders</span>
|
||||
<span class="arrow"></span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item ">
|
||||
<a href="purchaseorder.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Purchase Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="shippingorder.html" class="nav-link ">
|
||||
<i class="icon-check"></i>
|
||||
<span class="title">Shipping Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="opendraft.html" class="nav-link ">
|
||||
<i class="icon-envelope"></i>
|
||||
<span class="title">Open Draft</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<li class="nav-item">
|
||||
<a href="chat.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o"></i>
|
||||
<span class="title">Messenger</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="trackorder.html" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Orders</span>
|
||||
<span class="arrow"></span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item ">
|
||||
<a href="purchaseorder.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Purchase Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="shippingorder.html" class="nav-link ">
|
||||
<i class="icon-check"></i>
|
||||
<span class="title">Shipping Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="opendraft.html" class="nav-link">
|
||||
<i class="icon-envelope"></i>
|
||||
<span class="title">Open Draft</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="profile.html" class="nav-link nav-toggle">
|
||||
<i class="icon-user"></i>
|
||||
<span class="title">Profile</span>
|
||||
@@ -484,7 +485,7 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<i class="icon-notebook"></i>
|
||||
<span class="title">Contact List</span>
|
||||
</a>
|
||||
</li>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<!-- END SIDEBAR MENU -->
|
||||
+85
-348
@@ -14,7 +14,7 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
-->
|
||||
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
|
||||
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
|
||||
<!--[if !IE]><!-->
|
||||
<!--[if !IE]><!-->
|
||||
<html lang="en">
|
||||
<!--<![endif]-->
|
||||
<!-- BEGIN HEAD -->
|
||||
@@ -50,7 +50,24 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<link href="../assets/layouts/layout/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color" />
|
||||
<link href="../assets/layouts/layout/css/custom.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END THEME LAYOUT STYLES -->
|
||||
<link rel="shortcut icon" href="favicon.ico" /> </head>
|
||||
<style>
|
||||
@media (min-width: 992px) {
|
||||
.page-content-wrapper .page-content {
|
||||
margin-left: 200px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px){
|
||||
.page-sidebar {
|
||||
width: 200px;
|
||||
float: left;
|
||||
position: relative;
|
||||
margin-right: -100%;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<!-- END HEAD -->
|
||||
|
||||
<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
|
||||
@@ -74,295 +91,6 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<!-- BEGIN TOP NAVIGATION MENU -->
|
||||
<div class="top-menu">
|
||||
<ul class="nav navbar-nav pull-right">
|
||||
<!-- BEGIN NOTIFICATION DROPDOWN -->
|
||||
<!-- DOC: Apply "dropdown-dark" class after "dropdown-extended" to change the dropdown styte -->
|
||||
<!-- DOC: Apply "dropdown-hoverable" class after below "dropdown" and remove data-toggle="dropdown" data-hover="dropdown" data-close-others="true" attributes to enable hover dropdown mode -->
|
||||
<!-- DOC: Remove "dropdown-hoverable" and add data-toggle="dropdown" data-hover="dropdown" data-close-others="true" attributes to the below A element with dropdown-toggle class -->
|
||||
<li class="dropdown dropdown-extended dropdown-notification" id="header_notification_bar">
|
||||
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
|
||||
<i class="icon-bell"></i>
|
||||
<span class="badge badge-default"> 7 </span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="external">
|
||||
<h3>
|
||||
<span class="bold">12 pending</span> notifications</h3>
|
||||
<a href="profile.html">view all</a>
|
||||
</li>
|
||||
<li>
|
||||
<ul class="dropdown-menu-list scroller" style="height: 250px;" data-handle-color="#637283">
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">just now</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-success">
|
||||
<i class="fa fa-plus"></i>
|
||||
</span> New user registered. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">3 mins</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-danger">
|
||||
<i class="fa fa-bolt"></i>
|
||||
</span> Server #12 overloaded. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">10 mins</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-warning">
|
||||
<i class="fa fa-bell-o"></i>
|
||||
</span> Server #2 not responding. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">14 hrs</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-info">
|
||||
<i class="fa fa-bullhorn"></i>
|
||||
</span> Application error. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">2 days</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-danger">
|
||||
<i class="fa fa-bolt"></i>
|
||||
</span> Database overloaded 68%. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">3 days</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-danger">
|
||||
<i class="fa fa-bolt"></i>
|
||||
</span> A user IP blocked. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">4 days</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-warning">
|
||||
<i class="fa fa-bell-o"></i>
|
||||
</span> Storage Server #4 not responding dfdfdfd. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">5 days</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-info">
|
||||
<i class="fa fa-bullhorn"></i>
|
||||
</span> System Error. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">9 days</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-danger">
|
||||
<i class="fa fa-bolt"></i>
|
||||
</span> Storage server failed. </span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- END NOTIFICATION DROPDOWN -->
|
||||
<!-- BEGIN INBOX DROPDOWN -->
|
||||
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
|
||||
<li class="dropdown dropdown-extended dropdown-inbox" id="header_inbox_bar">
|
||||
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
|
||||
<i class="icon-envelope-open"></i>
|
||||
<span class="badge badge-default"> 4 </span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="external">
|
||||
<h3>You have
|
||||
<span class="bold">7 New</span> Messages</h3>
|
||||
<a href="app_inbox.html">view all</a>
|
||||
</li>
|
||||
<li>
|
||||
<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="photo">
|
||||
<img src="../assets/layouts/layout3/img/avatar2.jpg" class="img-circle" alt=""> </span>
|
||||
<span class="subject">
|
||||
<span class="from"> Lisa Wong </span>
|
||||
<span class="time">Just Now </span>
|
||||
</span>
|
||||
<span class="message"> Vivamus sed auctor nibh congue nibh. auctor nibh auctor nibh... </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="photo">
|
||||
<img src="../assets/layouts/layout3/img/avatar3.jpg" class="img-circle" alt=""> </span>
|
||||
<span class="subject">
|
||||
<span class="from"> Richard Doe </span>
|
||||
<span class="time">16 mins </span>
|
||||
</span>
|
||||
<span class="message"> Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="photo">
|
||||
<img src="../assets/layouts/layout3/img/avatar1.jpg" class="img-circle" alt=""> </span>
|
||||
<span class="subject">
|
||||
<span class="from"> Bob Nilson </span>
|
||||
<span class="time">2 hrs </span>
|
||||
</span>
|
||||
<span class="message"> Vivamus sed nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="photo">
|
||||
<img src="../assets/layouts/layout3/img/avatar2.jpg" class="img-circle" alt=""> </span>
|
||||
<span class="subject">
|
||||
<span class="from"> Lisa Wong </span>
|
||||
<span class="time">40 mins </span>
|
||||
</span>
|
||||
<span class="message"> Vivamus sed auctor 40% nibh congue nibh... </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="photo">
|
||||
<img src="../assets/layouts/layout3/img/avatar3.jpg" class="img-circle" alt=""> </span>
|
||||
<span class="subject">
|
||||
<span class="from"> Richard Doe </span>
|
||||
<span class="time">46 mins </span>
|
||||
</span>
|
||||
<span class="message"> Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- END INBOX DROPDOWN -->
|
||||
<!-- BEGIN TODO DROPDOWN -->
|
||||
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
|
||||
<li class="dropdown dropdown-extended dropdown-tasks" id="header_task_bar">
|
||||
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
|
||||
<i class="icon-calendar"></i>
|
||||
<span class="badge badge-default"> 3 </span>
|
||||
</a>
|
||||
<ul class="dropdown-menu extended tasks">
|
||||
<li class="external">
|
||||
<h3>You have
|
||||
<span class="bold">12 pending</span> tasks</h3>
|
||||
<a href="app_todo.html">view all</a>
|
||||
</li>
|
||||
<li>
|
||||
<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="task">
|
||||
<span class="desc">New release v1.2 </span>
|
||||
<span class="percent">30%</span>
|
||||
</span>
|
||||
<span class="progress">
|
||||
<span style="width: 40%;" class="progress-bar progress-bar-success" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100">
|
||||
<span class="sr-only">40% Complete</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="task">
|
||||
<span class="desc">Application deployment</span>
|
||||
<span class="percent">65%</span>
|
||||
</span>
|
||||
<span class="progress">
|
||||
<span style="width: 65%;" class="progress-bar progress-bar-danger" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100">
|
||||
<span class="sr-only">65% Complete</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="task">
|
||||
<span class="desc">Mobile app release</span>
|
||||
<span class="percent">98%</span>
|
||||
</span>
|
||||
<span class="progress">
|
||||
<span style="width: 98%;" class="progress-bar progress-bar-success" aria-valuenow="98" aria-valuemin="0" aria-valuemax="100">
|
||||
<span class="sr-only">98% Complete</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="task">
|
||||
<span class="desc">Database migration</span>
|
||||
<span class="percent">10%</span>
|
||||
</span>
|
||||
<span class="progress">
|
||||
<span style="width: 10%;" class="progress-bar progress-bar-warning" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100">
|
||||
<span class="sr-only">10% Complete</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="task">
|
||||
<span class="desc">Web server upgrade</span>
|
||||
<span class="percent">58%</span>
|
||||
</span>
|
||||
<span class="progress">
|
||||
<span style="width: 58%;" class="progress-bar progress-bar-info" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100">
|
||||
<span class="sr-only">58% Complete</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="task">
|
||||
<span class="desc">Mobile development</span>
|
||||
<span class="percent">85%</span>
|
||||
</span>
|
||||
<span class="progress">
|
||||
<span style="width: 85%;" class="progress-bar progress-bar-success" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">
|
||||
<span class="sr-only">85% Complete</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="task">
|
||||
<span class="desc">New UI release</span>
|
||||
<span class="percent">38%</span>
|
||||
</span>
|
||||
<span class="progress progress-striped">
|
||||
<span style="width: 38%;" class="progress-bar progress-bar-important" aria-valuenow="18" aria-valuemin="0" aria-valuemax="100">
|
||||
<span class="sr-only">38% Complete</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- END TODO DROPDOWN -->
|
||||
<!-- BEGIN USER LOGIN DROPDOWN -->
|
||||
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
|
||||
<li class="dropdown dropdown-user">
|
||||
@@ -383,14 +111,7 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</ul>
|
||||
</li>
|
||||
<!-- END USER LOGIN DROPDOWN -->
|
||||
<!-- BEGIN QUICK SIDEBAR TOGGLER -->
|
||||
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
|
||||
<li class="dropdown dropdown-quick-sidebar-toggler">
|
||||
<a href="javascript:;" class="dropdown-toggle">
|
||||
<i class="icon-logout"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!-- END QUICK SIDEBAR TOGGLER -->
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<!-- END TOP NAVIGATION MENU -->
|
||||
@@ -428,54 +149,55 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%"/></center>
|
||||
</li>
|
||||
<hr>
|
||||
<li class="nav-item">
|
||||
<li class="nav-item start">
|
||||
<a href="index.html" class="nav-link nav-toggle">
|
||||
<i class="icon-home"></i>
|
||||
<span class="title">Dashboard</span>
|
||||
<span class="title">Order Status</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o" aria-hidden="true"></i>
|
||||
<span class="title">Chat</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="chat.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o"></i>
|
||||
<span class="title">Messenger</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="trackorder.html" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Orders</span>
|
||||
<span class="arrow"></span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item ">
|
||||
<a href="purchaseorder.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Purchase Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="shippingorder.html" class="nav-link ">
|
||||
<i class="icon-check"></i>
|
||||
<span class="title">Shipping Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="opendraft.html" class="nav-link ">
|
||||
<i class="icon-envelope"></i>
|
||||
<span class="title">Open Draft</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item active open">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Orders</span>
|
||||
<span class="arrow"></span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item ">
|
||||
<a href="purchaseorder.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Purchase Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="shippingorder.html" class="nav-link ">
|
||||
<i class="icon-check"></i>
|
||||
<span class="title">Shipping Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="opendraft.html" class="nav-link ">
|
||||
<i class="icon-envelope"></i>
|
||||
<span class="title">Open Draft</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item active open">
|
||||
<a href="profile.html" class="nav-link nav-toggle">
|
||||
<i class="icon-user"></i>
|
||||
<span class="title">Profile</span>
|
||||
@@ -486,14 +208,13 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<i class="icon-notebook"></i>
|
||||
<span class="title">Contact List</span>
|
||||
</a>
|
||||
</li>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<!-- END SIDEBAR MENU -->
|
||||
<!-- END SIDEBAR MENU -->
|
||||
</div>
|
||||
<!-- END SIDEBAR -->
|
||||
</div>
|
||||
<!-- BEGIN CONTENT -->
|
||||
<!-- END SIDEBAR --><!-- BEGIN CONTENT -->
|
||||
<div class="page-content-wrapper">
|
||||
<!-- BEGIN CONTENT BODY -->
|
||||
<div class="page-content">
|
||||
@@ -528,7 +249,8 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<!-- SIDEBAR USER TITLE -->
|
||||
<div class="profile-usertitle">
|
||||
<div class="profile-usertitle-name"> Syed Amir </div>
|
||||
<div class="profile-usertitle-job"> Importer </div>
|
||||
<div class="profile-usertitle-job"> Forwarder </div>
|
||||
|
||||
</div>
|
||||
<!-- END SIDEBAR USER TITLE -->
|
||||
<!-- SIDEBAR MENU -->
|
||||
@@ -539,7 +261,7 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<i class="icon-settings"></i> Account Settings </a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="company.html">
|
||||
<a href="team.html">
|
||||
<i class="icon-info"></i> Company Settings </a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -579,9 +301,12 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<div class="form-group">
|
||||
<label class="control-label">Last Name</label>
|
||||
<input type="text" placeholder="Amir" class="form-control" /> </div>
|
||||
<button onclick="myFunction()">Hide/Show</button>
|
||||
<div id="myDIV">
|
||||
<div class="form-group">
|
||||
<label class="control-label">Mobile Number</label>
|
||||
<input type="text" placeholder="+6 012 3456789" class="form-control" /> </div>
|
||||
<input type="text" placeholder="+6 012 3456789" class="form-control" /></div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label">Interests</label>
|
||||
<input type="text" placeholder="Design, Web etc." class="form-control" /> </div>
|
||||
@@ -1231,11 +956,13 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<!-- END FOOTER -->
|
||||
</div>
|
||||
<!--[if lt IE 9]>
|
||||
|
||||
<script src="../assets/global/plugins/respond.min.js"></script>
|
||||
<script src="../assets/global/plugins/excanvas.min.js"></script>
|
||||
<script src="../assets/global/plugins/ie8.fix.min.js"></script>
|
||||
<![endif]-->
|
||||
<!-- BEGIN CORE PLUGINS -->
|
||||
|
||||
<script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
|
||||
@@ -1287,6 +1014,16 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
|
||||
<!-- END THEME LAYOUT SCRIPTS -->
|
||||
<script>
|
||||
function myFunction() {
|
||||
var x = document.getElementById('myDIV');
|
||||
if (x.style.display === 'none') {
|
||||
x.style.display = 'block';
|
||||
} else {
|
||||
x.style.display = 'none';
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<script>
|
||||
$(document).ready(function()
|
||||
{
|
||||
|
||||
@@ -21,7 +21,7 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>IZYIM | Company Settings</title>
|
||||
<title>IZYIM | Account Settings</title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta content="width=device-width, initial-scale=1" name="viewport" />
|
||||
<meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
|
||||
@@ -64,7 +64,9 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
margin-right: -100%;
|
||||
}
|
||||
}
|
||||
</style></head>
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<!-- END HEAD -->
|
||||
|
||||
<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
|
||||
@@ -88,7 +90,7 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<!-- BEGIN TOP NAVIGATION MENU -->
|
||||
<div class="top-menu">
|
||||
<ul class="nav navbar-nav pull-right">
|
||||
<!-- BEGIN USER LOGIN DROPDOWN -->
|
||||
<!-- BEGIN USER LOGIN DROPDOWN -->
|
||||
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
|
||||
<li class="dropdown dropdown-user">
|
||||
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
|
||||
@@ -107,7 +109,8 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- END USER LOGIN DROPDOWN -->
|
||||
<!-- END USER LOGIN DROPDOWN -->
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<!-- END TOP NAVIGATION MENU -->
|
||||
@@ -121,7 +124,7 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<!-- BEGIN CONTAINER -->
|
||||
<div class="page-container">
|
||||
<!-- BEGIN SIDEBAR -->
|
||||
<div class="page-sidebar-wrapper">
|
||||
<div class="page-sidebar-wrapper">
|
||||
<!-- BEGIN SIDEBAR -->
|
||||
<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
|
||||
<!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
|
||||
@@ -145,43 +148,55 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%"/></center>
|
||||
</li>
|
||||
<hr>
|
||||
<li class="nav-item start">
|
||||
<li class="nav-item start">
|
||||
<a href="index.html" class="nav-link nav-toggle">
|
||||
<i class="icon-home"></i>
|
||||
<span class="title">Order Status</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="notice.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-newspaper-o"></i>
|
||||
<span class="title">Notice</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a href="deliveryarrange.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-briefcase"></i>
|
||||
<span class="title">Delivery Arrangement</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="chat.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o"></i>
|
||||
<span class="title">Messenger</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="trackorder.html" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item active open ">
|
||||
<li class="nav-item">
|
||||
<a href="chat.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o"></i>
|
||||
<span class="title">Messenger</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="trackorder.html" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Orders</span>
|
||||
<span class="arrow"></span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item ">
|
||||
<a href="purchaseorder.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Purchase Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="shippingorder.html" class="nav-link ">
|
||||
<i class="icon-check"></i>
|
||||
<span class="title">Shipping Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="opendraft.html" class="nav-link ">
|
||||
<i class="icon-envelope"></i>
|
||||
<span class="title">Open Draft</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item active open">
|
||||
<a href="profile.html" class="nav-link nav-toggle">
|
||||
<i class="icon-user"></i>
|
||||
<span class="title">Profile</span>
|
||||
@@ -192,35 +207,13 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<i class="icon-notebook"></i>
|
||||
<span class="title">Contact List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-settings"></i>
|
||||
<span class="title">Settings</span>
|
||||
<span class="arrow"></span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item ">
|
||||
<a href="formcustomize.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Form Customization</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="updatecurrency.html" class="nav-link ">
|
||||
<i class="icon-check"></i>
|
||||
<span class="title">Update Currency</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<!-- END SIDEBAR MENU -->
|
||||
<!-- END SIDEBAR MENU -->
|
||||
</div>
|
||||
<!-- END SIDEBAR -->
|
||||
<!-- BEGIN CONTENT -->
|
||||
<!-- END SIDEBAR --><!-- BEGIN CONTENT -->
|
||||
<div class="page-content-wrapper">
|
||||
<!-- BEGIN CONTENT BODY -->
|
||||
<div class="page-content">
|
||||
@@ -238,7 +231,7 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</div>
|
||||
<!-- END PAGE BAR -->
|
||||
<!-- BEGIN PAGE TITLE-->
|
||||
<h1 class="page-title"> Company Settings
|
||||
<h1 class="page-title"> Profile
|
||||
</h1>
|
||||
|
||||
<!-- CONTENT -->
|
||||
@@ -256,18 +249,22 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<div class="profile-usertitle">
|
||||
<div class="profile-usertitle-name"> Syed Amir </div>
|
||||
<div class="profile-usertitle-job"> Forwarder </div>
|
||||
<div align="center">
|
||||
<a href="javascript:void(0)" class="btn btn-primary btn-follow"> Add as Friend</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- END SIDEBAR USER TITLE -->
|
||||
<!-- SIDEBAR MENU -->
|
||||
<div class="profile-usermenu">
|
||||
<ul class="nav">
|
||||
<li>
|
||||
<li class="active">
|
||||
<a href="profile.html">
|
||||
<i class="icon-settings"></i> Account Settings </a>
|
||||
<i class="icon-settings"></i> Profile </a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="company.html">
|
||||
<i class="icon-info"></i> Company Settings </a>
|
||||
<li>
|
||||
<a href="company2.html">
|
||||
<i class="icon-info"></i> Company </a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -285,157 +282,80 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<div class="portlet-title tabbable-line">
|
||||
<ul class="nav nav-tabs">
|
||||
<li class="active">
|
||||
<a href="#tab_1_1" data-toggle="tab">Company Info</a>
|
||||
<a href="#tab_1_1" data-toggle="tab">Personal Info</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<div class="portlet-body">
|
||||
<div class="portlet-body" >
|
||||
|
||||
<div class="tab-content">
|
||||
<!-- PERSONAL INFO TAB -->
|
||||
<div class="tab-pane active" id="tab_1_1">
|
||||
<form role="form" action="#">
|
||||
<div class="row">
|
||||
<div class="table-toolbar">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="btn-group">
|
||||
<a class="btn sbold green" style="margin-left: 15px;" data-toggle="modal" href="#basic"> Add New <i class="fa fa-plus"></i> </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="table-scrollable">
|
||||
<table class="table table-striped table-hover table-bordered" id="sample_1" aria-describedby="sample_1_info">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><a href="team.html">CIEF Worldwide</a><span class="pull-right"><input type="checkbox" checked class="make-switch pull-right" data-size="small" data-on-text="PUBLIC" data-off-text="PRIVATE" ></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="#">ABC Worldwide</a><span class="pull-right"><input type="checkbox" checked class="make-switch pull-right" data-size="small" data-on-text="PUBLIC" data-off-text="PRIVATE" ></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="#">DEF Worldwide</a><span class="pull-right"><input type="checkbox" checked class="make-switch pull-right" data-size="small" data-on-text="PUBLIC" data-off-text="PRIVATE" ></span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<table style="width:100%">
|
||||
<tr>
|
||||
<div class="form-group">
|
||||
<td> <label class="control-label">First Name </label></td>
|
||||
<td><label class="control-label">: Syed </label></td>
|
||||
</div>
|
||||
</tr>
|
||||
<tr>
|
||||
<div class="form-group">
|
||||
<td><label class="control-label">Last Name </label></td>
|
||||
<td><label class="control-label">: Amir</label></td>
|
||||
</div>
|
||||
</tr>
|
||||
<tr>
|
||||
<div class="form-group">
|
||||
<td><label class="control-label">Phone No </label></td>
|
||||
<td><label class="control-label">: 0142536987</label></td>
|
||||
</div>
|
||||
</tr>
|
||||
<tr>
|
||||
<div class="form-group">
|
||||
<td><label class="control-label">Email</label></td>
|
||||
<td><label class="control-label">: amirleader@gmail.com</label></td>
|
||||
</div>
|
||||
</tr>
|
||||
<tr>
|
||||
<div class="form-group">
|
||||
<td><label class="control-label">Position</label></td>
|
||||
<td><label class="control-label">: Sales</label></td>
|
||||
</div>
|
||||
</tr>
|
||||
<tr>
|
||||
<div class="form-group">
|
||||
<td><label class="control-label">Interests</label></td>
|
||||
<td><label class="control-label">: Design</label></td>
|
||||
</div>
|
||||
</tr>
|
||||
<tr>
|
||||
<div class="form-group">
|
||||
<td><label class="control-label">Occupation</label></td>
|
||||
<td><label class="control-label">: Forwarder</label></td>
|
||||
</div>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
</div>
|
||||
<!-- END PERSONAL INFO TAB -->
|
||||
<!-- END PERSONAL INFO TAB -->
|
||||
<!-- CHANGE AVATAR TAB -->
|
||||
|
||||
<!-- END CHANGE AVATAR TAB -->
|
||||
<!-- CHANGE PASSWORD TAB -->
|
||||
|
||||
<!-- END CHANGE PASSWORD TAB -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END PROFILE CONTENT -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal fade" id="basic" tabindex="-1" role="basic" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<form role="form">
|
||||
<div class="form-body">
|
||||
<div class="form-group">
|
||||
<label>Company Name</label>
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon">
|
||||
<i class="fa fa-envelope"></i>
|
||||
</span>
|
||||
<input type="text" class="form-control" placeholder="Company Name"> </div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Registration No.</label>
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon">
|
||||
<i class="fa fa-envelope"></i>
|
||||
</span>
|
||||
<input type="text" class="form-control" placeholder="Registration No."> </div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Office No.</label>
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon">
|
||||
<i class="fa fa-envelope"></i>
|
||||
</span>
|
||||
<input type="text" class="form-control" placeholder="Office No."> </div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label">Company Address</label>
|
||||
<textarea class="form-control" rows="3" placeholder="Company Address"></textarea>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Company Staff</label>
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-12">
|
||||
<div class="input-group">
|
||||
<input class="form-control" value="A" disabled>
|
||||
<span class="input-group-addon">
|
||||
<input type="checkbox"> </span>
|
||||
</div>
|
||||
<!-- /input-group -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="input-group">
|
||||
<input class="form-control" value="B" disabled>
|
||||
<span class="input-group-addon">
|
||||
<input type="checkbox"> </span>
|
||||
</div>
|
||||
<!-- /input-group -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="input-group">
|
||||
<input class="form-control" value="C" disabled>
|
||||
<span class="input-group-addon">
|
||||
<input type="checkbox"> </span>
|
||||
</div>
|
||||
<!-- /input-group -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="input-group">
|
||||
<input class="form-control" value="D" disabled>
|
||||
<span class="input-group-addon">
|
||||
<input type="checkbox"> </span>
|
||||
</div>
|
||||
<!-- /input-group -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="input-group">
|
||||
<input class="form-control" value="E" disabled>
|
||||
<span class="input-group-addon">
|
||||
<input type="checkbox"> </span>
|
||||
</div>
|
||||
<!-- /input-group -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
|
||||
<button type="button" class="btn green">Save changes</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.modal-content -->
|
||||
</div>
|
||||
<!-- /.modal-dialog -->
|
||||
</div>
|
||||
|
||||
<!-- END CONTENT -->
|
||||
|
||||
@@ -1016,12 +936,14 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<!-- END FOOTER -->
|
||||
</div>
|
||||
<!--[if lt IE 9]>
|
||||
|
||||
<script src="../assets/global/plugins/respond.min.js"></script>
|
||||
<script src="../assets/global/plugins/excanvas.min.js"></script>
|
||||
<script src="../assets/global/plugins/ie8.fix.min.js"></script>
|
||||
<![endif]-->
|
||||
<!-- BEGIN CORE PLUGINS -->
|
||||
<script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
|
||||
|
||||
<script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
|
||||
@@ -1072,15 +994,37 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
|
||||
<!-- END THEME LAYOUT SCRIPTS -->
|
||||
|
||||
<script>
|
||||
|
||||
$(document).ready(function()
|
||||
{
|
||||
$('#clickmewow').click(function()
|
||||
{
|
||||
$('#radio1003').attr('checked', 'checked');
|
||||
});
|
||||
|
||||
$( ".btn-follow" ).click(function() {
|
||||
var msg = $(this).text();
|
||||
if(msg == "Add as Friend"){
|
||||
$(this).text("Friend");
|
||||
}else{
|
||||
$(this).text("Add as Friend");
|
||||
}
|
||||
});
|
||||
function myFunction() {
|
||||
var x = document.getElementById('myDIV');
|
||||
if (x.style.display === 'none') {
|
||||
x.style.display = 'block';
|
||||
} else {
|
||||
x.style.display = 'none';
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
+44
-43
@@ -425,54 +425,55 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%"/></center>
|
||||
</li>
|
||||
<hr>
|
||||
<li class="nav-item start">
|
||||
<li class="nav-item start">
|
||||
<a href="index.html" class="nav-link nav-toggle">
|
||||
<i class="icon-home"></i>
|
||||
<span class="title">Dashboard</span>
|
||||
<span class="title">Order Status</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o" aria-hidden="true"></i>
|
||||
<span class="title">Chat</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item active open ">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Orders</span>
|
||||
<span class="arrow"></span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item active open">
|
||||
<a href="purchaseorder.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Purchase Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="shippingorder.html" class="nav-link ">
|
||||
<i class="icon-check"></i>
|
||||
<span class="title">Shipping Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="opendraft.html" class="nav-link ">
|
||||
<i class="icon-envelope"></i>
|
||||
<span class="title">Open Draft</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<li class="nav-item">
|
||||
<a href="chat.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o"></i>
|
||||
<span class="title">Messenger</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="trackorder.html" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item active open">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Orders</span>
|
||||
<span class="arrow"></span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item active open ">
|
||||
<a href="purchaseorder.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Purchase Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="shippingorder.html" class="nav-link ">
|
||||
<i class="icon-check"></i>
|
||||
<span class="title">Shipping Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="opendraft.html" class="nav-link ">
|
||||
<i class="icon-envelope"></i>
|
||||
<span class="title">Open Draft</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="profile.html" class="nav-link nav-toggle">
|
||||
<i class="icon-user"></i>
|
||||
<span class="title">Profile</span>
|
||||
|
||||
+44
-43
@@ -432,54 +432,55 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%"/></center>
|
||||
</li>
|
||||
<hr>
|
||||
<li class="nav-item start">
|
||||
<li class="nav-item start">
|
||||
<a href="index.html" class="nav-link nav-toggle">
|
||||
<i class="icon-home"></i>
|
||||
<span class="title">Dashboard</span>
|
||||
<span class="title">Order Status</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o" aria-hidden="true"></i>
|
||||
<span class="title">Chat</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item active open">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Orders</span>
|
||||
<span class="arrow"></span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item ">
|
||||
<a href="purchaseorder.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Purchase Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item active open">
|
||||
<a href="shippingorder.html" class="nav-link ">
|
||||
<i class="icon-check"></i>
|
||||
<span class="title">Shipping Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="opendraft.html" class="nav-link ">
|
||||
<i class="icon-envelope"></i>
|
||||
<span class="title">Open Draft</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<li class="nav-item">
|
||||
<a href="chat.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o"></i>
|
||||
<span class="title">Messenger</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="trackorder.html" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item active open ">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Orders</span>
|
||||
<span class="arrow"></span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item ">
|
||||
<a href="purchaseorder.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Purchase Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item active open ">
|
||||
<a href="shippingorder.html" class="nav-link ">
|
||||
<i class="icon-check"></i>
|
||||
<span class="title">Shipping Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="opendraft.html" class="nav-link ">
|
||||
<i class="icon-envelope"></i>
|
||||
<span class="title">Open Draft</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="profile.html" class="nav-link nav-toggle">
|
||||
<i class="icon-user"></i>
|
||||
<span class="title">Profile</span>
|
||||
|
||||
+396
-465
@@ -21,7 +21,7 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>IZYIM | Company Settings</title>
|
||||
<title>IZYIM | Team</title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta content="width=device-width, initial-scale=1" name="viewport" />
|
||||
<meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
|
||||
@@ -42,6 +42,8 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<!-- BEGIN PAGE LEVEL PLUGINS -->
|
||||
<link href="../assets/global/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/dropzone/dropzone.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/dropzone/basic.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END PAGE LEVEL PLUGINS -->
|
||||
<!-- BEGIN THEME GLOBAL STYLES -->
|
||||
<link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
|
||||
@@ -51,8 +53,29 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/layouts/layout/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color" />
|
||||
<link href="../assets/layouts/layout/css/custom.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/pages/css/profile.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END THEME LAYOUT STYLES -->
|
||||
<link rel="shortcut icon" href="favicon.ico" /> </head>
|
||||
<style>
|
||||
@media (min-width: 992px) {
|
||||
.page-content-wrapper .page-content {
|
||||
margin-left: 200px;
|
||||
}
|
||||
}
|
||||
.dropzone{
|
||||
min-height: 90px;
|
||||
}
|
||||
|
||||
@media (min-width: 992px){
|
||||
.page-sidebar {
|
||||
width: 200px;
|
||||
float: left;
|
||||
position: relative;
|
||||
margin-right: -100%;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<!-- END HEAD -->
|
||||
|
||||
<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
|
||||
@@ -76,295 +99,6 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<!-- BEGIN TOP NAVIGATION MENU -->
|
||||
<div class="top-menu">
|
||||
<ul class="nav navbar-nav pull-right">
|
||||
<!-- BEGIN NOTIFICATION DROPDOWN -->
|
||||
<!-- DOC: Apply "dropdown-dark" class after "dropdown-extended" to change the dropdown styte -->
|
||||
<!-- DOC: Apply "dropdown-hoverable" class after below "dropdown" and remove data-toggle="dropdown" data-hover="dropdown" data-close-others="true" attributes to enable hover dropdown mode -->
|
||||
<!-- DOC: Remove "dropdown-hoverable" and add data-toggle="dropdown" data-hover="dropdown" data-close-others="true" attributes to the below A element with dropdown-toggle class -->
|
||||
<li class="dropdown dropdown-extended dropdown-notification" id="header_notification_bar">
|
||||
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
|
||||
<i class="icon-bell"></i>
|
||||
<span class="badge badge-default"> 7 </span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="external">
|
||||
<h3>
|
||||
<span class="bold">12 pending</span> notifications</h3>
|
||||
<a href="page_user_profile_1.html">view all</a>
|
||||
</li>
|
||||
<li>
|
||||
<ul class="dropdown-menu-list scroller" style="height: 250px;" data-handle-color="#637283">
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">just now</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-success">
|
||||
<i class="fa fa-plus"></i>
|
||||
</span> New user registered. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">3 mins</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-danger">
|
||||
<i class="fa fa-bolt"></i>
|
||||
</span> Server #12 overloaded. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">10 mins</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-warning">
|
||||
<i class="fa fa-bell-o"></i>
|
||||
</span> Server #2 not responding. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">14 hrs</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-info">
|
||||
<i class="fa fa-bullhorn"></i>
|
||||
</span> Application error. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">2 days</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-danger">
|
||||
<i class="fa fa-bolt"></i>
|
||||
</span> Database overloaded 68%. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">3 days</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-danger">
|
||||
<i class="fa fa-bolt"></i>
|
||||
</span> A user IP blocked. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">4 days</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-warning">
|
||||
<i class="fa fa-bell-o"></i>
|
||||
</span> Storage Server #4 not responding dfdfdfd. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">5 days</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-info">
|
||||
<i class="fa fa-bullhorn"></i>
|
||||
</span> System Error. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">9 days</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-danger">
|
||||
<i class="fa fa-bolt"></i>
|
||||
</span> Storage server failed. </span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- END NOTIFICATION DROPDOWN -->
|
||||
<!-- BEGIN INBOX DROPDOWN -->
|
||||
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
|
||||
<li class="dropdown dropdown-extended dropdown-inbox" id="header_inbox_bar">
|
||||
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
|
||||
<i class="icon-envelope-open"></i>
|
||||
<span class="badge badge-default"> 4 </span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="external">
|
||||
<h3>You have
|
||||
<span class="bold">7 New</span> Messages</h3>
|
||||
<a href="app_inbox.html">view all</a>
|
||||
</li>
|
||||
<li>
|
||||
<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="photo">
|
||||
<img src="../assets/layouts/layout3/img/avatar2.jpg" class="img-circle" alt=""> </span>
|
||||
<span class="subject">
|
||||
<span class="from"> Lisa Wong </span>
|
||||
<span class="time">Just Now </span>
|
||||
</span>
|
||||
<span class="message"> Vivamus sed auctor nibh congue nibh. auctor nibh auctor nibh... </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="photo">
|
||||
<img src="../assets/layouts/layout3/img/avatar3.jpg" class="img-circle" alt=""> </span>
|
||||
<span class="subject">
|
||||
<span class="from"> Richard Doe </span>
|
||||
<span class="time">16 mins </span>
|
||||
</span>
|
||||
<span class="message"> Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="photo">
|
||||
<img src="../assets/layouts/layout3/img/avatar1.jpg" class="img-circle" alt=""> </span>
|
||||
<span class="subject">
|
||||
<span class="from"> Bob Nilson </span>
|
||||
<span class="time">2 hrs </span>
|
||||
</span>
|
||||
<span class="message"> Vivamus sed nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="photo">
|
||||
<img src="../assets/layouts/layout3/img/avatar2.jpg" class="img-circle" alt=""> </span>
|
||||
<span class="subject">
|
||||
<span class="from"> Lisa Wong </span>
|
||||
<span class="time">40 mins </span>
|
||||
</span>
|
||||
<span class="message"> Vivamus sed auctor 40% nibh congue nibh... </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="photo">
|
||||
<img src="../assets/layouts/layout3/img/avatar3.jpg" class="img-circle" alt=""> </span>
|
||||
<span class="subject">
|
||||
<span class="from"> Richard Doe </span>
|
||||
<span class="time">46 mins </span>
|
||||
</span>
|
||||
<span class="message"> Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- END INBOX DROPDOWN -->
|
||||
<!-- BEGIN TODO DROPDOWN -->
|
||||
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
|
||||
<li class="dropdown dropdown-extended dropdown-tasks" id="header_task_bar">
|
||||
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
|
||||
<i class="icon-calendar"></i>
|
||||
<span class="badge badge-default"> 3 </span>
|
||||
</a>
|
||||
<ul class="dropdown-menu extended tasks">
|
||||
<li class="external">
|
||||
<h3>You have
|
||||
<span class="bold">12 pending</span> tasks</h3>
|
||||
<a href="app_todo.html">view all</a>
|
||||
</li>
|
||||
<li>
|
||||
<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="task">
|
||||
<span class="desc">New release v1.2 </span>
|
||||
<span class="percent">30%</span>
|
||||
</span>
|
||||
<span class="progress">
|
||||
<span style="width: 40%;" class="progress-bar progress-bar-success" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100">
|
||||
<span class="sr-only">40% Complete</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="task">
|
||||
<span class="desc">Application deployment</span>
|
||||
<span class="percent">65%</span>
|
||||
</span>
|
||||
<span class="progress">
|
||||
<span style="width: 65%;" class="progress-bar progress-bar-danger" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100">
|
||||
<span class="sr-only">65% Complete</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="task">
|
||||
<span class="desc">Mobile app release</span>
|
||||
<span class="percent">98%</span>
|
||||
</span>
|
||||
<span class="progress">
|
||||
<span style="width: 98%;" class="progress-bar progress-bar-success" aria-valuenow="98" aria-valuemin="0" aria-valuemax="100">
|
||||
<span class="sr-only">98% Complete</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="task">
|
||||
<span class="desc">Database migration</span>
|
||||
<span class="percent">10%</span>
|
||||
</span>
|
||||
<span class="progress">
|
||||
<span style="width: 10%;" class="progress-bar progress-bar-warning" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100">
|
||||
<span class="sr-only">10% Complete</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="task">
|
||||
<span class="desc">Web server upgrade</span>
|
||||
<span class="percent">58%</span>
|
||||
</span>
|
||||
<span class="progress">
|
||||
<span style="width: 58%;" class="progress-bar progress-bar-info" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100">
|
||||
<span class="sr-only">58% Complete</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="task">
|
||||
<span class="desc">Mobile development</span>
|
||||
<span class="percent">85%</span>
|
||||
</span>
|
||||
<span class="progress">
|
||||
<span style="width: 85%;" class="progress-bar progress-bar-success" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">
|
||||
<span class="sr-only">85% Complete</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="task">
|
||||
<span class="desc">New UI release</span>
|
||||
<span class="percent">38%</span>
|
||||
</span>
|
||||
<span class="progress progress-striped">
|
||||
<span style="width: 38%;" class="progress-bar progress-bar-important" aria-valuenow="18" aria-valuemin="0" aria-valuemax="100">
|
||||
<span class="sr-only">38% Complete</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- END TODO DROPDOWN -->
|
||||
<!-- BEGIN USER LOGIN DROPDOWN -->
|
||||
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
|
||||
<li class="dropdown dropdown-user">
|
||||
@@ -385,14 +119,7 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</ul>
|
||||
</li>
|
||||
<!-- END USER LOGIN DROPDOWN -->
|
||||
<!-- BEGIN QUICK SIDEBAR TOGGLER -->
|
||||
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
|
||||
<li class="dropdown dropdown-quick-sidebar-toggler">
|
||||
<a href="javascript:;" class="dropdown-toggle">
|
||||
<i class="icon-logout"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!-- END QUICK SIDEBAR TOGGLER -->
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<!-- END TOP NAVIGATION MENU -->
|
||||
@@ -405,7 +132,6 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<!-- END HEADER & CONTENT DIVIDER -->
|
||||
<!-- BEGIN CONTAINER -->
|
||||
<div class="page-container">
|
||||
<!-- BEGIN SIDEBAR -->
|
||||
<div class="page-sidebar-wrapper">
|
||||
<!-- BEGIN SIDEBAR -->
|
||||
<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
|
||||
@@ -430,54 +156,55 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%"/></center>
|
||||
</li>
|
||||
<hr>
|
||||
<li class="nav-item start">
|
||||
<li class="nav-item start">
|
||||
<a href="index.html" class="nav-link nav-toggle">
|
||||
<i class="icon-home"></i>
|
||||
<span class="title">Dashboard</span>
|
||||
<span class="title">Order Status</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o" aria-hidden="true"></i>
|
||||
<span class="title">Chat</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="chat.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o"></i>
|
||||
<span class="title">Messenger</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="trackorder.html" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Orders</span>
|
||||
<span class="arrow"></span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item ">
|
||||
<a href="purchaseorder.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Purchase Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="shippingorder.html" class="nav-link ">
|
||||
<i class="icon-check"></i>
|
||||
<span class="title">Shipping Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="opendraft.html" class="nav-link ">
|
||||
<i class="icon-envelope"></i>
|
||||
<span class="title">Open Draft</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item active open">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Orders</span>
|
||||
<span class="arrow"></span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item ">
|
||||
<a href="purchaseorder.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Purchase Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="shippingorder.html" class="nav-link ">
|
||||
<i class="icon-check"></i>
|
||||
<span class="title">Shipping Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="opendraft.html" class="nav-link ">
|
||||
<i class="icon-envelope"></i>
|
||||
<span class="title">Open Draft</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item active open">
|
||||
<a href="profile.html" class="nav-link nav-toggle">
|
||||
<i class="icon-user"></i>
|
||||
<span class="title">Profile</span>
|
||||
@@ -488,14 +215,14 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<i class="icon-notebook"></i>
|
||||
<span class="title">Contact List</span>
|
||||
</a>
|
||||
</li>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<!-- END SIDEBAR MENU -->
|
||||
<!-- END SIDEBAR MENU -->
|
||||
</div>
|
||||
<!-- END SIDEBAR -->
|
||||
</div>
|
||||
<!-- END SIDEBAR -->
|
||||
<!-- BEGIN CONTENT -->
|
||||
<div class="page-content-wrapper">
|
||||
<!-- BEGIN CONTENT BODY -->
|
||||
@@ -514,133 +241,298 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</div>
|
||||
<!-- END PAGE BAR -->
|
||||
<!-- BEGIN PAGE TITLE-->
|
||||
<h1 class="page-title"> CIEF Worldwide
|
||||
<h1 class="page-title"> Company Settings
|
||||
</h1>
|
||||
|
||||
<!-- CONTENT -->
|
||||
<div class="portlet box blue">
|
||||
<div class="portlet-title">
|
||||
<div class="caption">
|
||||
<i class="fa fa-gift"></i>Company Information </div>
|
||||
<div class="tools">
|
||||
<a href="javascript:;" class="collapse" data-original-title="" title=""> </a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portlet-body form">
|
||||
<!-- BEGIN FORM-->
|
||||
<form action="#" class="form-horizontal form-row-seperated">
|
||||
<div class="form-body">
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Company Name</label>
|
||||
<div class="col-md-9">
|
||||
<input type="text" placeholder="Company Name" class="form-control" value="CIEF Worldwide">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Registration No.</label>
|
||||
<div class="col-md-9">
|
||||
<input type="text" placeholder="Registration No." class="form-control" value="ABC1234567">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Office No.</label>
|
||||
<div class="col-md-9">
|
||||
<input type="text" placeholder="Office No." class="form-control" value="+6 012 456789">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Company Address</label>
|
||||
<div class="col-md-9">
|
||||
<textarea class="form-control" rows="3" placeholder="Company Address">Block 3730, Persiaran Apec, 63000 Cyberjaya, Selangor, Malaysia</textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-actions">
|
||||
<div class="row">
|
||||
<div class="col-md-offset-10 col-md-9">
|
||||
<button type="submit" class="btn green">
|
||||
<i class="fa fa-pencil"></i> Save</button>
|
||||
<button type="button" class="btn default">Cancel</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<!-- END FORM-->
|
||||
</div>
|
||||
</div>
|
||||
<div class="portlet box blue">
|
||||
<div class="portlet-title">
|
||||
<div class="caption">
|
||||
<i class="fa fa-gift"></i>Staff Information </div>
|
||||
<div class="tools">
|
||||
<a href="javascript:;" class="collapse" data-original-title="" title=""> </a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portlet-body">
|
||||
<div class="table-toolbar">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="btn-group">
|
||||
<button id="sample_editable_1_new" class="btn green"> Add New
|
||||
<i class="fa fa-plus"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<!-- BEGIN PROFILE SIDEBAR -->
|
||||
<div class="profile-sidebar">
|
||||
<!-- PORTLET MAIN -->
|
||||
<div class="portlet light profile-sidebar-portlet ">
|
||||
<!-- SIDEBAR USERPIC -->
|
||||
<div class="profile-userpic">
|
||||
<img src="../assets/global/img/company_logo.png" class="img-responsive" alt=""> </div>
|
||||
<!-- END SIDEBAR USERPIC -->
|
||||
<!-- SIDEBAR USER TITLE -->
|
||||
<div class="profile-usertitle">
|
||||
<div class="profile-usertitle-name"> CIEF Worldwide </div>
|
||||
</div>
|
||||
<!-- END SIDEBAR USER TITLE -->
|
||||
<!-- SIDEBAR MENU -->
|
||||
<div class="profile-usermenu">
|
||||
<ul class="nav">
|
||||
<li>
|
||||
<a href="profile.html">
|
||||
<i class="icon-settings"></i> Account Settings </a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="team.html">
|
||||
<i class="icon-info"></i> Company Settings </a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- END MENU -->
|
||||
</div>
|
||||
<!-- END PORTLET MAIN -->
|
||||
|
||||
</div>
|
||||
<!-- END BEGIN PROFILE SIDEBAR -->
|
||||
<!-- BEGIN PROFILE CONTENT -->
|
||||
<div class="profile-content">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="portlet light ">
|
||||
<div class="portlet-title tabbable-line">
|
||||
<ul class="nav nav-tabs">
|
||||
<li class="active">
|
||||
<a href="#tab_1_1" data-toggle="tab">Company Information</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#tab_1_2" data-toggle="tab">Warehouse Information</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#tab_1_3" data-toggle="tab">Staff Information</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="portlet-body">
|
||||
<div class="tab-content">
|
||||
<!-- PERSONAL INFO TAB -->
|
||||
<div class="tab-pane form active" id="tab_1_1">
|
||||
<!-- BEGIN FORM-->
|
||||
<div class="form-horizontal form-row-seperated">
|
||||
<div class="form-body">
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Company Name</label>
|
||||
<div class="col-md-9">
|
||||
<input type="text" placeholder="Company Name" class="form-control" value="CIEF Worldwide">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Company Logo</label>
|
||||
<div class="col-md-9">
|
||||
<form action="#" class="dropzone dropzone-file-area" id="my-dropzone" style="width: 300px;margin-top: 0px;margin-left: 0px;margin-right: 0px;">
|
||||
<h4 class="sbold">Drop files here or click to upload</h4>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Business Registration Certificate</label>
|
||||
<div class="col-md-9">
|
||||
<form action="#" class="dropzone dropzone-file-area" id="my-dropzone" style="width: 300px;margin-top: 0px;margin-left: 0px;margin-right: 0px;">
|
||||
<h4 class="sbold">Drop files here or click to upload</h4>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Registration No.</label>
|
||||
<div class="col-md-9">
|
||||
<input type="text" placeholder="Registration No." class="form-control" value="ABC1234567">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Tax ID</label>
|
||||
<div class="col-md-9">
|
||||
<input type="text" placeholder="Tax ID" class="form-control" value="1234562ABC">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Office No.</label>
|
||||
<div class="col-md-9">
|
||||
<input type="text" placeholder="Office No." class="form-control" value="+6 012 456789">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Company Address</label>
|
||||
<div class="col-md-9">
|
||||
<input type="text" placeholder="Company Address" class="form-control" value="Block 3730, Persiaran Apec, 63000 Cyberjaya, Selangor, Malaysia">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Company City</label>
|
||||
<div class="col-md-9">
|
||||
<input type="text" placeholder="Company City" class="form-control" value="Cyberjaya">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Company State</label>
|
||||
<div class="col-md-9">
|
||||
<input type="text" placeholder="Company State" class="form-control" value="Selangor">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Contact Person</label>
|
||||
<div class="col-md-9">
|
||||
<input type="text" placeholder="Contact Person" class="form-control" value="PM Wong">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Contact Person No.</label>
|
||||
<div class="col-md-9">
|
||||
<input type="text" placeholder="Contact Person No." class="form-control" value="+6 012 456789">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12" style="margin-top:10px;">
|
||||
<div class="col-md-6">
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<a href="javascript:;" class="btn green"> Save Changes </a>
|
||||
<a href="javascript:;" class="btn blue"> Share QR Code </a>
|
||||
<a href="javascript:;" class="btn default"> Cancel </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END FORM-->
|
||||
</div>
|
||||
<!-- END COMPANY INFO TAB -->
|
||||
<!-- BEGIN WAREHOUSE INFO TAB -->
|
||||
<div class="tab-pane" id="tab_1_2">
|
||||
<div class="table-toolbar">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="btn-group">
|
||||
<button id="sample_editable_1_new" class="btn green"> Add New
|
||||
<i class="fa fa-plus"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<table class="table table-striped table-hover table-bordered" id="sample_editable_1">
|
||||
<thead>
|
||||
<tr>
|
||||
<th> Name </th>
|
||||
<th> Address </th>
|
||||
<th> State </th>
|
||||
<th> Country </th>
|
||||
<th> Notice </th>
|
||||
<th> Status </th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="center editInPlace"> WH A</td>
|
||||
<td class="center editInPlace"class="center editInPlace"> 70 McCullough Dr, New Castle, 19720 Delaware, United State of America </td>
|
||||
<td class="center editInPlace"class="center editInPlace"> Delaware </td>
|
||||
<td class="center editInPlace"class="center editInPlace"> USA </td>
|
||||
<td class="center editInPlace"> Our warehouse will be close from 29th July 2017 to 30th July 2017 for the Thanks Giving holiday.</td>
|
||||
<td style="vertical-align:middle;"> <input type="checkbox" checked class="make-switch" data-size="small" ><br><center><div class="btn-group"><a class="delete" href="javascript:;"> <i class="fa fa-times-circle fa-3" style="color:#c50b0b;"></i> </a></div></center></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="center editInPlace"> WH B</td>
|
||||
<td class="center editInPlace"> 96-100 Beaconsfield St., Silverwater, Sydney, 2128 New South Wales, Australia </td>
|
||||
<td class="center editInPlace"> New South Wales </td>
|
||||
<td class="center editInPlace"> Australia </td>
|
||||
<td class="center editInPlace"> </td>
|
||||
<td style="vertical-align:middle;"> <input type="checkbox" checked class="make-switch" data-size="small" ><br><center><div class="btn-group"><a class="delete" href="javascript:;"> <i class="fa fa-times-circle fa-3" style="color:#c50b0b;"></i> </a></div></center></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="center editInPlace"> WH C</td>
|
||||
<td class="center editInPlace"> FACTORY UNIT A ON 9/F, YOUNG YA INDUSTRIAL BUILDING, NOS. 381-389, SHA TSUI ROAD, TSUEN WAN, NEW TERRITORIES, HONG KONG </td>
|
||||
<td class="center editInPlace"> TSUEN WAN </td>
|
||||
<td class="center editInPlace"> HONG KONG </td>
|
||||
<td class="center editInPlace"></td>
|
||||
<td style="vertical-align:middle;"> <input type="checkbox" checked class="make-switch" data-size="small" ><br><center><div class="btn-group"><a class="delete" href="javascript:;"> <i class="fa fa-times-circle fa-3" style="color:#c50b0b;"></i> </a></div></center></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="center editInPlace"> WH D</td>
|
||||
<td class="center editInPlace"> Room I, 9F No.288 South ZhongShan Rd, 210005 Nanjing, JiangSu, China </td>
|
||||
<td class="center editInPlace"> JiangSu </td>
|
||||
<td class="center editInPlace"> China </td>
|
||||
<td class="center editInPlace"> Chinese New Year </td>
|
||||
<td style="vertical-align:middle;"> <input type="checkbox" class="make-switch" data-size="small" ><br><center><div class="btn-group"><a class="delete" href="javascript:;"> <i class="fa fa-times-circle fa-3" style="color:#c50b0b;"></i> </a></div></center></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="center editInPlace"> WH E</td>
|
||||
<td class="center editInPlace"> 70 McCullough Dr, New Castle, 19720 Delaware, United State of America </td>
|
||||
<td class="center editInPlace"> Delaware </td>
|
||||
<td class="center editInPlace"> USA </td>
|
||||
<td class="center editInPlace"> Our warehouse will be close from 29th July 2017 to 30th July 2017 for the Thanks Giving holiday.</td>
|
||||
<td style="vertical-align:middle;"> <input type="checkbox" checked class="make-switch" data-size="small" ><br><center><div class="btn-group"><a class="delete" href="javascript:;"> <i class="fa fa-times-circle fa-3" style="color:#c50b0b;"></i> </a></div></center></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- END WAREHOUSE INFO TAB -->
|
||||
<!-- BEGIN STAFF INFO TAB -->
|
||||
<div class="tab-pane" id="tab_1_3">
|
||||
<div class="table-toolbar">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="btn-group">
|
||||
<button id="sample_editable_2_new" class="btn green"> Add New
|
||||
<i class="fa fa-plus"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<table class="table table-striped table-hover table-bordered" id="sample_editable_2">
|
||||
<thead>
|
||||
<tr>
|
||||
<th> Name </th>
|
||||
<th> Position </th>
|
||||
<th> Action </th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td> Bob Nilson </td>
|
||||
<td class="center"> Admin </td>
|
||||
<td>
|
||||
<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
|
||||
<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Nick Larson </td>
|
||||
<td class="center"> Staff </td>
|
||||
<td>
|
||||
<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
|
||||
<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Deon Hubert </td>
|
||||
<td class="center"> Staff </td>
|
||||
<td>
|
||||
<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
|
||||
<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Ella Wong </td>
|
||||
<td class="center"> Staff </td>
|
||||
<td>
|
||||
<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
|
||||
<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Lara Kunis </td>
|
||||
<td class="center"> Staff </td>
|
||||
<td>
|
||||
<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
|
||||
<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END WAREHOUSE INFO TAB -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<table class="table table-striped table-hover table-bordered" id="sample_editable_1">
|
||||
<thead>
|
||||
<tr>
|
||||
<th> Name </th>
|
||||
<th> Position </th>
|
||||
<th> Action </th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td> A </td>
|
||||
<td class="center"> Admin </td>
|
||||
<td>
|
||||
<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
|
||||
<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> B </td>
|
||||
<td class="center"> Staff </td>
|
||||
<td>
|
||||
<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
|
||||
<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> C </td>
|
||||
<td class="center"> Staff </td>
|
||||
<td>
|
||||
<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
|
||||
<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> D </td>
|
||||
<td class="center"> Staff </td>
|
||||
<td>
|
||||
<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
|
||||
<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> E </td>
|
||||
<td class="center"> Staff </td>
|
||||
<td>
|
||||
<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
|
||||
<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END PROFILE CONTENT -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- END CONTENT -->
|
||||
|
||||
</div>
|
||||
@@ -689,7 +581,7 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
|
||||
<div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
|
||||
<h3 class="list-heading">Staff</h3>
|
||||
@@ -1265,6 +1157,8 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/data/jquery.vmap.sampledata.js" type="text/javascript"></script>
|
||||
<!-- END PAGE LEVEL PLUGINS -->
|
||||
<!-- BEGIN PAGE LEVEL PLUGINS -->
|
||||
<script src="../assets/global/plugins/dropzone/dropzone.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/pages/scripts/form-dropzone.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/scripts/datatable.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/datatables/datatables.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js" type="text/javascript"></script>
|
||||
@@ -1289,6 +1183,43 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
$('#radio1003').attr('checked', 'checked');
|
||||
});
|
||||
})
|
||||
window.onload = function() {
|
||||
var elements = getElementsByClassName('editInPlace', '*', document);
|
||||
for (var i = 0; i < elements.length; i++) {
|
||||
elements[i].ondblclick = function() {
|
||||
this.setAttribute('oldText', this.innerHTML); // not actually required. I use this just in case you want to cancel and set the original text back.
|
||||
var textBox = document.createElement('INPUT');
|
||||
textBox.setAttribute('type', 'text');
|
||||
textBox.value = this.innerHTML;
|
||||
textBox.onblur = function() {
|
||||
var newValue = this.value;
|
||||
this.parentNode.innerHTML = newValue;
|
||||
//alert("Your new value: \n\n" + newValue);
|
||||
}
|
||||
|
||||
this.innerHTML = '';
|
||||
|
||||
this.appendChild(textBox);
|
||||
}
|
||||
}(i);
|
||||
}
|
||||
|
||||
function getElementsByClassName(className, tag, elm) {
|
||||
var testClass = new RegExp("(^|\\s)" + className + "(\\s|$)");
|
||||
var tag = tag || "*";
|
||||
var elm = elm || document;
|
||||
var elements = (tag == "*" && elm.all) ? elm.all : elm.getElementsByTagName(tag);
|
||||
var returnElements = [];
|
||||
var current;
|
||||
var length = elements.length;
|
||||
for (var i = 0; i < length; i++) {
|
||||
current = elements[i];
|
||||
if (testClass.test(current.className)) {
|
||||
returnElements.push(current);
|
||||
}
|
||||
}
|
||||
return returnElements;
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
|
||||
|
||||
@@ -21,7 +21,7 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>IZYIM | Company Settings</title>
|
||||
<title>IZYIM | Team</title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta content="width=device-width, initial-scale=1" name="viewport" />
|
||||
<meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
|
||||
@@ -34,12 +34,14 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END GLOBAL MANDATORY STYLES -->
|
||||
<!-- BEGIN PAGE LEVEL PLUGINS -->
|
||||
<link href="../assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/pages/css/profile.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END PAGE LEVEL PLUGINS -->
|
||||
<!-- BEGIN PAGE LEVEL PLUGINS -->
|
||||
<link href="../assets/global/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END PAGE LEVEL PLUGINS -->
|
||||
<!-- BEGIN THEME GLOBAL STYLES -->
|
||||
<link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
|
||||
@@ -49,8 +51,25 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/layouts/layout/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color" />
|
||||
<link href="../assets/layouts/layout/css/custom.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../assets/pages/css/profile.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- END THEME LAYOUT STYLES -->
|
||||
<link rel="shortcut icon" href="favicon.ico" /> </head>
|
||||
<style>
|
||||
@media (min-width: 992px) {
|
||||
.page-content-wrapper .page-content {
|
||||
margin-left: 200px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px){
|
||||
.page-sidebar {
|
||||
width: 200px;
|
||||
float: left;
|
||||
position: relative;
|
||||
margin-right: -100%;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<!-- END HEAD -->
|
||||
|
||||
<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
|
||||
@@ -74,295 +93,6 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<!-- BEGIN TOP NAVIGATION MENU -->
|
||||
<div class="top-menu">
|
||||
<ul class="nav navbar-nav pull-right">
|
||||
<!-- BEGIN NOTIFICATION DROPDOWN -->
|
||||
<!-- DOC: Apply "dropdown-dark" class after "dropdown-extended" to change the dropdown styte -->
|
||||
<!-- DOC: Apply "dropdown-hoverable" class after below "dropdown" and remove data-toggle="dropdown" data-hover="dropdown" data-close-others="true" attributes to enable hover dropdown mode -->
|
||||
<!-- DOC: Remove "dropdown-hoverable" and add data-toggle="dropdown" data-hover="dropdown" data-close-others="true" attributes to the below A element with dropdown-toggle class -->
|
||||
<li class="dropdown dropdown-extended dropdown-notification" id="header_notification_bar">
|
||||
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
|
||||
<i class="icon-bell"></i>
|
||||
<span class="badge badge-default"> 7 </span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="external">
|
||||
<h3>
|
||||
<span class="bold">12 pending</span> notifications</h3>
|
||||
<a href="profile.html">view all</a>
|
||||
</li>
|
||||
<li>
|
||||
<ul class="dropdown-menu-list scroller" style="height: 250px;" data-handle-color="#637283">
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">just now</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-success">
|
||||
<i class="fa fa-plus"></i>
|
||||
</span> New user registered. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">3 mins</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-danger">
|
||||
<i class="fa fa-bolt"></i>
|
||||
</span> Server #12 overloaded. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">10 mins</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-warning">
|
||||
<i class="fa fa-bell-o"></i>
|
||||
</span> Server #2 not responding. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">14 hrs</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-info">
|
||||
<i class="fa fa-bullhorn"></i>
|
||||
</span> Application error. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">2 days</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-danger">
|
||||
<i class="fa fa-bolt"></i>
|
||||
</span> Database overloaded 68%. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">3 days</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-danger">
|
||||
<i class="fa fa-bolt"></i>
|
||||
</span> A user IP blocked. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">4 days</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-warning">
|
||||
<i class="fa fa-bell-o"></i>
|
||||
</span> Storage Server #4 not responding dfdfdfd. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">5 days</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-info">
|
||||
<i class="fa fa-bullhorn"></i>
|
||||
</span> System Error. </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="time">9 days</span>
|
||||
<span class="details">
|
||||
<span class="label label-sm label-icon label-danger">
|
||||
<i class="fa fa-bolt"></i>
|
||||
</span> Storage server failed. </span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- END NOTIFICATION DROPDOWN -->
|
||||
<!-- BEGIN INBOX DROPDOWN -->
|
||||
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
|
||||
<li class="dropdown dropdown-extended dropdown-inbox" id="header_inbox_bar">
|
||||
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
|
||||
<i class="icon-envelope-open"></i>
|
||||
<span class="badge badge-default"> 4 </span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="external">
|
||||
<h3>You have
|
||||
<span class="bold">7 New</span> Messages</h3>
|
||||
<a href="app_inbox.html">view all</a>
|
||||
</li>
|
||||
<li>
|
||||
<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="photo">
|
||||
<img src="../assets/layouts/layout3/img/avatar2.jpg" class="img-circle" alt=""> </span>
|
||||
<span class="subject">
|
||||
<span class="from"> Lisa Wong </span>
|
||||
<span class="time">Just Now </span>
|
||||
</span>
|
||||
<span class="message"> Vivamus sed auctor nibh congue nibh. auctor nibh auctor nibh... </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="photo">
|
||||
<img src="../assets/layouts/layout3/img/avatar3.jpg" class="img-circle" alt=""> </span>
|
||||
<span class="subject">
|
||||
<span class="from"> Richard Doe </span>
|
||||
<span class="time">16 mins </span>
|
||||
</span>
|
||||
<span class="message"> Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="photo">
|
||||
<img src="../assets/layouts/layout3/img/avatar1.jpg" class="img-circle" alt=""> </span>
|
||||
<span class="subject">
|
||||
<span class="from"> Bob Nilson </span>
|
||||
<span class="time">2 hrs </span>
|
||||
</span>
|
||||
<span class="message"> Vivamus sed nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="photo">
|
||||
<img src="../assets/layouts/layout3/img/avatar2.jpg" class="img-circle" alt=""> </span>
|
||||
<span class="subject">
|
||||
<span class="from"> Lisa Wong </span>
|
||||
<span class="time">40 mins </span>
|
||||
</span>
|
||||
<span class="message"> Vivamus sed auctor 40% nibh congue nibh... </span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="photo">
|
||||
<img src="../assets/layouts/layout3/img/avatar3.jpg" class="img-circle" alt=""> </span>
|
||||
<span class="subject">
|
||||
<span class="from"> Richard Doe </span>
|
||||
<span class="time">46 mins </span>
|
||||
</span>
|
||||
<span class="message"> Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- END INBOX DROPDOWN -->
|
||||
<!-- BEGIN TODO DROPDOWN -->
|
||||
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
|
||||
<li class="dropdown dropdown-extended dropdown-tasks" id="header_task_bar">
|
||||
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
|
||||
<i class="icon-calendar"></i>
|
||||
<span class="badge badge-default"> 3 </span>
|
||||
</a>
|
||||
<ul class="dropdown-menu extended tasks">
|
||||
<li class="external">
|
||||
<h3>You have
|
||||
<span class="bold">12 pending</span> tasks</h3>
|
||||
<a href="app_todo.html">view all</a>
|
||||
</li>
|
||||
<li>
|
||||
<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="task">
|
||||
<span class="desc">New release v1.2 </span>
|
||||
<span class="percent">30%</span>
|
||||
</span>
|
||||
<span class="progress">
|
||||
<span style="width: 40%;" class="progress-bar progress-bar-success" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100">
|
||||
<span class="sr-only">40% Complete</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="task">
|
||||
<span class="desc">Application deployment</span>
|
||||
<span class="percent">65%</span>
|
||||
</span>
|
||||
<span class="progress">
|
||||
<span style="width: 65%;" class="progress-bar progress-bar-danger" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100">
|
||||
<span class="sr-only">65% Complete</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="task">
|
||||
<span class="desc">Mobile app release</span>
|
||||
<span class="percent">98%</span>
|
||||
</span>
|
||||
<span class="progress">
|
||||
<span style="width: 98%;" class="progress-bar progress-bar-success" aria-valuenow="98" aria-valuemin="0" aria-valuemax="100">
|
||||
<span class="sr-only">98% Complete</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="task">
|
||||
<span class="desc">Database migration</span>
|
||||
<span class="percent">10%</span>
|
||||
</span>
|
||||
<span class="progress">
|
||||
<span style="width: 10%;" class="progress-bar progress-bar-warning" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100">
|
||||
<span class="sr-only">10% Complete</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="task">
|
||||
<span class="desc">Web server upgrade</span>
|
||||
<span class="percent">58%</span>
|
||||
</span>
|
||||
<span class="progress">
|
||||
<span style="width: 58%;" class="progress-bar progress-bar-info" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100">
|
||||
<span class="sr-only">58% Complete</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="task">
|
||||
<span class="desc">Mobile development</span>
|
||||
<span class="percent">85%</span>
|
||||
</span>
|
||||
<span class="progress">
|
||||
<span style="width: 85%;" class="progress-bar progress-bar-success" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">
|
||||
<span class="sr-only">85% Complete</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:;">
|
||||
<span class="task">
|
||||
<span class="desc">New UI release</span>
|
||||
<span class="percent">38%</span>
|
||||
</span>
|
||||
<span class="progress progress-striped">
|
||||
<span style="width: 38%;" class="progress-bar progress-bar-important" aria-valuenow="18" aria-valuemin="0" aria-valuemax="100">
|
||||
<span class="sr-only">38% Complete</span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- END TODO DROPDOWN -->
|
||||
<!-- BEGIN USER LOGIN DROPDOWN -->
|
||||
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
|
||||
<li class="dropdown dropdown-user">
|
||||
@@ -383,14 +113,7 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</ul>
|
||||
</li>
|
||||
<!-- END USER LOGIN DROPDOWN -->
|
||||
<!-- BEGIN QUICK SIDEBAR TOGGLER -->
|
||||
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
|
||||
<li class="dropdown dropdown-quick-sidebar-toggler">
|
||||
<a href="javascript:;" class="dropdown-toggle">
|
||||
<i class="icon-logout"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!-- END QUICK SIDEBAR TOGGLER -->
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<!-- END TOP NAVIGATION MENU -->
|
||||
@@ -403,7 +126,6 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<!-- END HEADER & CONTENT DIVIDER -->
|
||||
<!-- BEGIN CONTAINER -->
|
||||
<div class="page-container">
|
||||
<!-- BEGIN SIDEBAR -->
|
||||
<div class="page-sidebar-wrapper">
|
||||
<!-- BEGIN SIDEBAR -->
|
||||
<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
|
||||
@@ -428,65 +150,66 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<center><img src="../assets/global/img/logo.png" style="height:auto ; width:60%"/></center>
|
||||
</li>
|
||||
<hr>
|
||||
<li class="nav-item">
|
||||
<li class="nav-item start">
|
||||
<a href="index.html" class="nav-link nav-toggle">
|
||||
<i class="icon-home"></i>
|
||||
<span class="title">Dashboard</span>
|
||||
<span class="title">Order Status</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o" aria-hidden="true"></i>
|
||||
<span class="title">Chat</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="chat.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o"></i>
|
||||
<span class="title">Messenger</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="trackorder.html" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Orders</span>
|
||||
<span class="arrow"></span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item ">
|
||||
<a href="app_todo.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Purchase Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="app_todo_2.html" class="nav-link ">
|
||||
<i class="icon-check"></i>
|
||||
<span class="title">Shipping Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="app_inbox.html" class="nav-link ">
|
||||
<i class="icon-envelope"></i>
|
||||
<span class="title">Open Draft</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item start active open">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Orders</span>
|
||||
<span class="arrow"></span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item ">
|
||||
<a href="purchaseorder.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Purchase Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="shippingorder.html" class="nav-link ">
|
||||
<i class="icon-check"></i>
|
||||
<span class="title">Shipping Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="opendraft.html" class="nav-link ">
|
||||
<i class="icon-envelope"></i>
|
||||
<span class="title">Open Draft</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item active open">
|
||||
<a href="profile.html" class="nav-link nav-toggle">
|
||||
<i class="icon-user"></i>
|
||||
<span class="title">Profile</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<a href="contactlist.html" class="nav-link nav-toggle">
|
||||
<i class="icon-notebook"></i>
|
||||
<span class="title">Contact List</span>
|
||||
</a>
|
||||
</li>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<!-- END SIDEBAR MENU -->
|
||||
@@ -494,7 +217,6 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</div>
|
||||
<!-- END SIDEBAR -->
|
||||
</div>
|
||||
<!-- END SIDEBAR -->
|
||||
<!-- BEGIN CONTENT -->
|
||||
<div class="page-content-wrapper">
|
||||
<!-- BEGIN CONTENT BODY -->
|
||||
@@ -513,9 +235,8 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</div>
|
||||
<!-- END PAGE BAR -->
|
||||
<!-- BEGIN PAGE TITLE-->
|
||||
<h1 class="page-title"> Company Settings
|
||||
<h1 class="page-title"> Company
|
||||
</h1>
|
||||
|
||||
<!-- CONTENT -->
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
@@ -525,27 +246,29 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<div class="portlet light profile-sidebar-portlet ">
|
||||
<!-- SIDEBAR USERPIC -->
|
||||
<div class="profile-userpic">
|
||||
<img src="../assets/pages/media/profile/profile_user.jpg" class="img-responsive" alt=""> </div>
|
||||
<img src="../assets/global/img/company_logo.png" class="img-responsive" alt=""> </div>
|
||||
<!-- END SIDEBAR USERPIC -->
|
||||
<!-- SIDEBAR USER TITLE -->
|
||||
<div class="profile-usertitle">
|
||||
<div class="profile-usertitle-name"> Syed Amir </div>
|
||||
<div class="profile-usertitle-job"> Importer </div>
|
||||
<div class="profile-usertitle-name"> CIEF Worldwide </div>
|
||||
<div align="center">
|
||||
<a href="#" class="btn btn-primary btn-follow"> Follow</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END SIDEBAR USER TITLE -->
|
||||
<!-- SIDEBAR MENU -->
|
||||
<div class="profile-usermenu">
|
||||
<!--<div class="profile-usermenu">
|
||||
<ul class="nav">
|
||||
<li>
|
||||
<a href="profile.html">
|
||||
<i class="icon-settings"></i> Account Settings </a>
|
||||
<a href="profile2.html">
|
||||
<i class="icon-settings"></i> Account </a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="company.html">
|
||||
<i class="icon-info"></i> Company Settings </a>
|
||||
<a href="company2.html">
|
||||
<i class="icon-info"></i> Company </a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>-->
|
||||
<!-- END MENU -->
|
||||
</div>
|
||||
<!-- END PORTLET MAIN -->
|
||||
@@ -560,47 +283,221 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<div class="portlet-title tabbable-line">
|
||||
<ul class="nav nav-tabs">
|
||||
<li class="active">
|
||||
<a href="#tab_1_1" data-toggle="tab">Company Info</a>
|
||||
<a href="#tab_1_1" data-toggle="tab">Company Information</a>
|
||||
</li>
|
||||
<!--<li>
|
||||
<a href="#tab_1_2" data-toggle="tab">Warehouse Information</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#tab_1_3" data-toggle="tab">Staff Information</a>
|
||||
</li>-->
|
||||
</ul>
|
||||
</div>
|
||||
<div class="portlet-body">
|
||||
<div class="tab-content">
|
||||
<!-- PERSONAL INFO TAB -->
|
||||
<div class="tab-pane active" id="tab_1_1">
|
||||
<form role="form" action="#">
|
||||
<div class="row">
|
||||
<div class="table-toolbar">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="btn-group">
|
||||
<a class="btn sbold green" style="margin-left: 15px;" data-toggle="modal" href="#basic"> Add New <i class="fa fa-plus"></i> </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="table-scrollable">
|
||||
<table class="table table-hover dataTable" id="sample_1" role="grid" aria-describedby="sample_1_info">
|
||||
<tbody>
|
||||
<tr class="gradeX odd" role="row">
|
||||
<td><ul><li><a href="team.html">CIEF Worldwide</a></li></ul></td>
|
||||
</tr>
|
||||
<tr class="gradeX odd" role="row">
|
||||
<td><ul><li><a href="#">ABC Worldwide</a></li></ul></td>
|
||||
</tr>
|
||||
<tr class="gradeX odd" role="row">
|
||||
<td><ul><li><a href="#">DEF Worldwide</a></li></ul></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="tab-pane form active" id="tab_1_1">
|
||||
<!-- BEGIN FORM-->
|
||||
<div class="form-horizontal form-row-seperated">
|
||||
<div class="form-body">
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Company Name</label>
|
||||
<div class="col-md-9">
|
||||
<p class="form-control-static"> CIEF Worldwide </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Business Registration Certificate</label>
|
||||
<div class="col-md-9">
|
||||
<img height="40%" width="40%" src="../assets/global/img/cer-ssm.jpg" class="img-responsive" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Registration No.</label>
|
||||
<div class="col-md-9">
|
||||
<p class="form-control-static"> ABC1234567 </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Office No.</label>
|
||||
<div class="col-md-9">
|
||||
<p class="form-control-static"> +6 012 456789 </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Company Address</label>
|
||||
<div class="col-md-9">
|
||||
<p class="form-control-static"> Block 3730, Persiaran Apec, 63000 Cyberjaya, Selangor, Malaysia </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Contact Person</label>
|
||||
<div class="col-md-9">
|
||||
<p class="form-control-static"> PM Wong </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3">Contact Person No.</label>
|
||||
<div class="col-md-9">
|
||||
<p class="form-control-static"> +6 012 456789 </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- END FORM-->
|
||||
</div>
|
||||
<!-- END PERSONAL INFO TAB -->
|
||||
</div>
|
||||
<!-- END COMPANY INFO TAB -->
|
||||
<!-- BEGIN WAREHOUSE INFO TAB -->
|
||||
<div class="tab-pane" id="tab_1_2">
|
||||
<div class="table-toolbar">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="btn-group">
|
||||
<button id="sample_editable_1_new" class="btn green"> Add New
|
||||
<i class="fa fa-plus"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<table class="table table-striped table-hover table-bordered" id="sample_editable_1">
|
||||
<thead>
|
||||
<tr>
|
||||
<th> Name </th>
|
||||
<th> Address </th>
|
||||
<th> Country </th>
|
||||
<th> Notice </th>
|
||||
<th> Status </th>
|
||||
<th> Action </th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td> WH A</td>
|
||||
<td class="center"> 70 McCullough Dr, New Castle, 19720 Delaware, United State of America </td>
|
||||
<td class="center"> USA </td>
|
||||
<td class="center"> Our warehouse will be close from 29th July 2017 to 30th July 2017 for the Thanks Giving holiday.</td>
|
||||
<td class="center"> <input type="checkbox" checked class="make-switch" data-size="small" > </td>
|
||||
<td>
|
||||
<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
|
||||
<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> WH B</td>
|
||||
<td class="center"> 96-100 Beaconsfield St., Silverwater, Sydney, 2128 New South Wales, Australia </td>
|
||||
<td class="center"> Australia </td>
|
||||
<td class="center"> </td>
|
||||
<td class="center"> <input type="checkbox" checked class="make-switch" data-size="small" > </td>
|
||||
<td>
|
||||
<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
|
||||
<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> WH C</td>
|
||||
<td class="center"> FACTORY UNIT A ON 9/F, YOUNG YA INDUSTRIAL BUILDING, NOS. 381-389, SHA TSUI ROAD, TSUEN WAN, NEW TERRITORIES, HONG KONG </td>
|
||||
<td class="center"> HONG KONG </td>
|
||||
<td class="center"></td>
|
||||
<td class="center"> <input type="checkbox" checked class="make-switch" data-size="small" > </td>
|
||||
<td>
|
||||
<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
|
||||
<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> WH D</td>
|
||||
<td class="center"> Room I, 9F No.288 South ZhongShan Rd, 210005 Nanjing, JiangSu, China </td>
|
||||
<td class="center"> China </td>
|
||||
<td class="center"> Chinese New Year </td>
|
||||
<td class="center"> <input type="checkbox" class="make-switch" data-size="small" > </td>
|
||||
<td>
|
||||
<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
|
||||
<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> WH E</td>
|
||||
<td class="center"> 70 McCullough Dr, New Castle, 19720 Delaware, United State of America </td>
|
||||
<td class="center"> USA </td>
|
||||
<td class="center"> Our warehouse will be close from 29th July 2017 to 30th July 2017 for the Thanks Giving holiday.</td>
|
||||
<td class="center"> <input type="checkbox" checked class="make-switch" data-size="small" > </td>
|
||||
<td>
|
||||
<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
|
||||
<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- END WAREHOUSE INFO TAB -->
|
||||
<!-- BEGIN STAFF INFO TAB -->
|
||||
<div class="tab-pane" id="tab_1_3">
|
||||
<div class="table-toolbar">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="btn-group">
|
||||
<button id="sample_editable_2_new" class="btn green"> Add New
|
||||
<i class="fa fa-plus"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<table class="table table-striped table-hover table-bordered" id="sample_editable_2">
|
||||
<thead>
|
||||
<tr>
|
||||
<th> Name </th>
|
||||
<th> Position </th>
|
||||
<th> Action </th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td> Bob Nilson </td>
|
||||
<td class="center"> Admin </td>
|
||||
<td>
|
||||
<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
|
||||
<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Nick Larson </td>
|
||||
<td class="center"> Staff </td>
|
||||
<td>
|
||||
<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
|
||||
<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Deon Hubert </td>
|
||||
<td class="center"> Staff </td>
|
||||
<td>
|
||||
<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
|
||||
<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Ella Wong </td>
|
||||
<td class="center"> Staff </td>
|
||||
<td>
|
||||
<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
|
||||
<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Lara Kunis </td>
|
||||
<td class="center"> Staff </td>
|
||||
<td>
|
||||
<a class="edit" href="javascript:;"> <i class="fa fa-pencil"></i> </a>
|
||||
<a class="delete" href="javascript:;"> <i class="fa fa-trash"></i> </a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END WAREHOUSE INFO TAB -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -610,107 +507,6 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<!-- END PROFILE CONTENT -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal fade" id="basic" tabindex="-1" role="basic" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<form role="form">
|
||||
<div class="form-body">
|
||||
<div class="form-group">
|
||||
<label>Company Name</label>
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon">
|
||||
<i class="fa fa-envelope"></i>
|
||||
</span>
|
||||
<input type="text" class="form-control" placeholder="Company Name"> </div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Registration No.</label>
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon">
|
||||
<i class="fa fa-envelope"></i>
|
||||
</span>
|
||||
<input type="text" class="form-control" placeholder="Registration No."> </div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Office No.</label>
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon">
|
||||
<i class="fa fa-envelope"></i>
|
||||
</span>
|
||||
<input type="text" class="form-control" placeholder="Office No."> </div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label">Company Address</label>
|
||||
<textarea class="form-control" rows="3" placeholder="Company Address"></textarea>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Company Staff</label>
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-12">
|
||||
<div class="input-group">
|
||||
<input class="form-control" value="A" disabled>
|
||||
<span class="input-group-addon">
|
||||
<input type="checkbox"> </span>
|
||||
</div>
|
||||
<!-- /input-group -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="input-group">
|
||||
<input class="form-control" value="B" disabled>
|
||||
<span class="input-group-addon">
|
||||
<input type="checkbox"> </span>
|
||||
</div>
|
||||
<!-- /input-group -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="input-group">
|
||||
<input class="form-control" value="C" disabled>
|
||||
<span class="input-group-addon">
|
||||
<input type="checkbox"> </span>
|
||||
</div>
|
||||
<!-- /input-group -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="input-group">
|
||||
<input class="form-control" value="D" disabled>
|
||||
<span class="input-group-addon">
|
||||
<input type="checkbox"> </span>
|
||||
</div>
|
||||
<!-- /input-group -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="input-group">
|
||||
<input class="form-control" value="E" disabled>
|
||||
<span class="input-group-addon">
|
||||
<input type="checkbox"> </span>
|
||||
</div>
|
||||
<!-- /input-group -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
|
||||
<button type="button" class="btn green">Save changes</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.modal-content -->
|
||||
</div>
|
||||
<!-- /.modal-dialog -->
|
||||
</div>
|
||||
|
||||
<!-- END CONTENT -->
|
||||
|
||||
@@ -1335,11 +1131,16 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.usa.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/jqvmap/jqvmap/data/jquery.vmap.sampledata.js" type="text/javascript"></script>
|
||||
<!-- END PAGE LEVEL PLUGINS -->
|
||||
<!-- BEGIN PAGE LEVEL PLUGINS -->
|
||||
<script src="../assets/global/scripts/datatable.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/datatables/datatables.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js" type="text/javascript"></script>
|
||||
<!-- END PAGE LEVEL PLUGINS -->
|
||||
<!-- BEGIN THEME GLOBAL SCRIPTS -->
|
||||
<script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
|
||||
<!-- END THEME GLOBAL SCRIPTS -->
|
||||
<!-- BEGIN PAGE LEVEL SCRIPTS -->
|
||||
<script src="../assets/pages/scripts/dashboard.min.js" type="text/javascript"></script>
|
||||
<script src="../assets/pages/scripts/table-datatables-editable.js" type="text/javascript"></script>
|
||||
<!-- END PAGE LEVEL SCRIPTS -->
|
||||
<!-- BEGIN THEME LAYOUT SCRIPTS -->
|
||||
<script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
|
||||
@@ -1354,6 +1155,15 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
{
|
||||
$('#radio1003').attr('checked', 'checked');
|
||||
});
|
||||
|
||||
$( ".btn-follow" ).click(function() {
|
||||
var msg = $(this).text();
|
||||
if(msg == "Follow"){
|
||||
$(this).text("Following");
|
||||
}else{
|
||||
$(this).text("Follow");
|
||||
}
|
||||
});
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
+46
-48
@@ -148,65 +148,66 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</center>
|
||||
</li>
|
||||
<hr>
|
||||
<li class="nav-item start active open">
|
||||
<li class="nav-item start">
|
||||
<a href="index.html" class="nav-link nav-toggle">
|
||||
<i class="icon-home"></i>
|
||||
<span class="title">Dashboard</span>
|
||||
<span class="title">Order Status</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o" aria-hidden="true"></i>
|
||||
<span class="title">Chat</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="trackorder.html" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Orders</span>
|
||||
<span class="arrow"></span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item ">
|
||||
<a href="purchaseorder.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Purchase Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="shippingorder.html" class="nav-link ">
|
||||
<i class="icon-check"></i>
|
||||
<span class="title">Shipping Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="opendraft.html" class="nav-link ">
|
||||
<i class="icon-envelope"></i>
|
||||
<span class="title">Open Draft</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<li class="nav-item">
|
||||
<a href="chat.html" class="nav-link nav-toggle">
|
||||
<i class="fa fa-comments-o"></i>
|
||||
<span class="title">Messenger</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item active open">
|
||||
<a href="trackorder.html" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Track Order</span>
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="javascript:;" class="nav-link nav-toggle">
|
||||
<i class="icon-basket"></i>
|
||||
<span class="title">Orders</span>
|
||||
<span class="arrow"></span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item ">
|
||||
<a href="purchaseorder.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Purchase Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="shippingorder.html" class="nav-link ">
|
||||
<i class="icon-check"></i>
|
||||
<span class="title">Shipping Order</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a href="opendraft.html" class="nav-link ">
|
||||
<i class="icon-envelope"></i>
|
||||
<span class="title">Open Draft</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="profile.html" class="nav-link nav-toggle">
|
||||
<i class="icon-user"></i>
|
||||
<span class="title">Profile</span>
|
||||
</a>
|
||||
</li>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="contactlist.html" class="nav-link nav-toggle">
|
||||
<i class="icon-notebook"></i>
|
||||
<span class="title">Contact List</span>
|
||||
</a>
|
||||
</li>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- END SIDEBAR MENU -->
|
||||
<!-- END SIDEBAR MENU -->
|
||||
@@ -1302,13 +1303,11 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
//alert('heiiiii');
|
||||
document.getElementById("without_content").style.display = "";
|
||||
document.getElementById("with_content").style.display = "none";
|
||||
document.getElementById("file_manager").style.display = "none";
|
||||
|
||||
}else{
|
||||
//alert('hoooo');
|
||||
document.getElementById("without_content").style.display = "none";
|
||||
document.getElementById("with_content").style.display = "";
|
||||
document.getElementById("file_manager").style.display = "";
|
||||
}
|
||||
</script>
|
||||
<script>
|
||||
@@ -1316,7 +1315,6 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
//alert('hoooo');
|
||||
document.getElementById("without_content").style.display = "none";
|
||||
document.getElementById("with_content").style.display = "";
|
||||
document.getElementById("file_manager").style.display = "";
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,2 @@
|
||||
[.ShellClassInfo]
|
||||
LocalizedResourceName=horizontal-timeline2
|
||||
@@ -0,0 +1,269 @@
|
||||
jQuery(document).ready(function($){
|
||||
var timelines = $('.cd-horizontal-timeline');
|
||||
var eventsMinDistance;
|
||||
|
||||
(timelines.length > 0) && initTimeline(timelines);
|
||||
|
||||
function initTimeline(timelines) {
|
||||
timelines.each(function(){
|
||||
eventsMinDistance = $(this).data('spacing');
|
||||
var timeline = $(this),
|
||||
timelineComponents = {};
|
||||
//cache timeline components
|
||||
timelineComponents['timelineWrapper'] = timeline.find('.events-wrapper');
|
||||
timelineComponents['eventsWrapper'] = timelineComponents['timelineWrapper'].children('.events');
|
||||
timelineComponents['fillingLine'] = timelineComponents['eventsWrapper'].children('.filling-line');
|
||||
timelineComponents['timelineEvents'] = timelineComponents['eventsWrapper'].find('a');
|
||||
timelineComponents['timelineDates'] = parseDate(timelineComponents['timelineEvents']);
|
||||
timelineComponents['eventsMinLapse'] = minLapse(timelineComponents['timelineDates']);
|
||||
timelineComponents['timelineNavigation'] = timeline.find('.cd-timeline-navigation');
|
||||
timelineComponents['eventsContent'] = timeline.children('.events-content');
|
||||
|
||||
//assign a left postion to the single events along the timeline
|
||||
setDatePosition(timelineComponents, eventsMinDistance);
|
||||
//assign a width to the timeline
|
||||
var timelineTotWidth = setTimelineWidth(timelineComponents, eventsMinDistance);
|
||||
//the timeline has been initialize - show it
|
||||
timeline.addClass('loaded');
|
||||
|
||||
//detect click on the next arrow
|
||||
timelineComponents['timelineNavigation'].on('click', '.next', function(event){
|
||||
event.preventDefault();
|
||||
updateSlide(timelineComponents, timelineTotWidth, 'next');
|
||||
});
|
||||
//detect click on the prev arrow
|
||||
timelineComponents['timelineNavigation'].on('click', '.prev', function(event){
|
||||
event.preventDefault();
|
||||
updateSlide(timelineComponents, timelineTotWidth, 'prev');
|
||||
});
|
||||
//detect click on the a single event - show new event content
|
||||
timelineComponents['eventsWrapper'].on('click', 'a', function(event){
|
||||
event.preventDefault();
|
||||
timelineComponents['timelineEvents'].removeClass('selected');
|
||||
$(this).addClass('selected');
|
||||
updateOlderEvents($(this));
|
||||
updateFilling($(this), timelineComponents['fillingLine'], timelineTotWidth);
|
||||
updateVisibleContent($(this), timelineComponents['eventsContent']);
|
||||
});
|
||||
|
||||
//on swipe, show next/prev event content
|
||||
timelineComponents['eventsContent'].on('swipeleft', function(){
|
||||
var mq = checkMQ();
|
||||
( mq == 'mobile' ) && showNewContent(timelineComponents, timelineTotWidth, 'next');
|
||||
});
|
||||
timelineComponents['eventsContent'].on('swiperight', function(){
|
||||
var mq = checkMQ();
|
||||
( mq == 'mobile' ) && showNewContent(timelineComponents, timelineTotWidth, 'prev');
|
||||
});
|
||||
|
||||
//keyboard navigation
|
||||
$(document).keyup(function(event){
|
||||
if(event.which=='37' && elementInViewport(timeline.get(0)) ) {
|
||||
showNewContent(timelineComponents, timelineTotWidth, 'prev');
|
||||
} else if( event.which=='39' && elementInViewport(timeline.get(0))) {
|
||||
showNewContent(timelineComponents, timelineTotWidth, 'next');
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function updateSlide(timelineComponents, timelineTotWidth, string) {
|
||||
//retrieve translateX value of timelineComponents['eventsWrapper']
|
||||
var translateValue = getTranslateValue(timelineComponents['eventsWrapper']),
|
||||
wrapperWidth = Number(timelineComponents['timelineWrapper'].css('width').replace('px', ''));
|
||||
//translate the timeline to the left('next')/right('prev')
|
||||
(string == 'next')
|
||||
? translateTimeline(timelineComponents, translateValue - wrapperWidth + eventsMinDistance, wrapperWidth - timelineTotWidth)
|
||||
: translateTimeline(timelineComponents, translateValue + wrapperWidth - eventsMinDistance);
|
||||
}
|
||||
|
||||
function showNewContent(timelineComponents, timelineTotWidth, string) {
|
||||
//go from one event to the next/previous one
|
||||
var visibleContent = timelineComponents['eventsContent'].find('.selected'),
|
||||
newContent = ( string == 'next' ) ? visibleContent.next() : visibleContent.prev();
|
||||
|
||||
if ( newContent.length > 0 ) { //if there's a next/prev event - show it
|
||||
var selectedDate = timelineComponents['eventsWrapper'].find('.selected'),
|
||||
newEvent = ( string == 'next' ) ? selectedDate.parent('li').next('li').children('a') : selectedDate.parent('li').prev('li').children('a');
|
||||
|
||||
updateFilling(newEvent, timelineComponents['fillingLine'], timelineTotWidth);
|
||||
updateVisibleContent(newEvent, timelineComponents['eventsContent']);
|
||||
newEvent.addClass('selected');
|
||||
selectedDate.removeClass('selected');
|
||||
updateOlderEvents(newEvent);
|
||||
updateTimelinePosition(string, newEvent, timelineComponents);
|
||||
}
|
||||
}
|
||||
|
||||
function updateTimelinePosition(string, event, timelineComponents) {
|
||||
//translate timeline to the left/right according to the position of the selected event
|
||||
var eventStyle = window.getComputedStyle(event.get(0), null),
|
||||
eventLeft = Number(eventStyle.getPropertyValue("left").replace('px', '')),
|
||||
timelineWidth = Number(timelineComponents['timelineWrapper'].css('width').replace('px', '')),
|
||||
timelineTotWidth = Number(timelineComponents['eventsWrapper'].css('width').replace('px', ''));
|
||||
var timelineTranslate = getTranslateValue(timelineComponents['eventsWrapper']);
|
||||
|
||||
if( (string == 'next' && eventLeft > timelineWidth - timelineTranslate) || (string == 'prev' && eventLeft < - timelineTranslate) ) {
|
||||
translateTimeline(timelineComponents, - eventLeft + timelineWidth/2, timelineWidth - timelineTotWidth);
|
||||
}
|
||||
}
|
||||
|
||||
function translateTimeline(timelineComponents, value, totWidth) {
|
||||
var eventsWrapper = timelineComponents['eventsWrapper'].get(0);
|
||||
value = (value > 0) ? 0 : value; //only negative translate value
|
||||
value = ( !(typeof totWidth === 'undefined') && value < totWidth ) ? totWidth : value; //do not translate more than timeline width
|
||||
setTransformValue(eventsWrapper, 'translateX', value+'px');
|
||||
//update navigation arrows visibility
|
||||
(value == 0 ) ? timelineComponents['timelineNavigation'].find('.prev').addClass('inactive') : timelineComponents['timelineNavigation'].find('.prev').removeClass('inactive');
|
||||
(value == totWidth ) ? timelineComponents['timelineNavigation'].find('.next').addClass('inactive') : timelineComponents['timelineNavigation'].find('.next').removeClass('inactive');
|
||||
}
|
||||
|
||||
function updateFilling(selectedEvent, filling, totWidth) {
|
||||
//change .filling-line length according to the selected event
|
||||
var eventStyle = window.getComputedStyle(selectedEvent.get(0), null),
|
||||
eventLeft = eventStyle.getPropertyValue("left"),
|
||||
eventWidth = eventStyle.getPropertyValue("width");
|
||||
eventLeft = Number(eventLeft.replace('px', '')) + Number(eventWidth.replace('px', ''))/2;
|
||||
var scaleValue = eventLeft/totWidth;
|
||||
setTransformValue(filling.get(0), 'scaleX', scaleValue);
|
||||
}
|
||||
|
||||
function setDatePosition(timelineComponents, min) {
|
||||
for (i = 0; i < timelineComponents['timelineDates'].length; i++) {
|
||||
var distance = daydiff(timelineComponents['timelineDates'][0], timelineComponents['timelineDates'][i]),
|
||||
distanceNorm = Math.round(distance/timelineComponents['eventsMinLapse']) + 2;
|
||||
timelineComponents['timelineEvents'].eq(i).css('left', distanceNorm*min+'px');
|
||||
}
|
||||
}
|
||||
|
||||
function setTimelineWidth(timelineComponents, width) {
|
||||
var timeSpan = daydiff(timelineComponents['timelineDates'][0], timelineComponents['timelineDates'][timelineComponents['timelineDates'].length-1]),
|
||||
timeSpanNorm = timeSpan/timelineComponents['eventsMinLapse'],
|
||||
timeSpanNorm = Math.round(timeSpanNorm) + 4,
|
||||
totalWidth = timeSpanNorm*width;
|
||||
timelineComponents['eventsWrapper'].css('width', totalWidth+'px');
|
||||
updateFilling(timelineComponents['eventsWrapper'].find('a.selected'), timelineComponents['fillingLine'], totalWidth);
|
||||
updateTimelinePosition('next', timelineComponents['eventsWrapper'].find('a.selected'), timelineComponents);
|
||||
|
||||
return totalWidth;
|
||||
}
|
||||
|
||||
function updateVisibleContent(event, eventsContent) {
|
||||
var eventDate = event.data('date'),
|
||||
visibleContent = eventsContent.find('.selected'),
|
||||
selectedContent = eventsContent.find('[data-date="'+ eventDate +'"]'),
|
||||
selectedContentHeight = selectedContent.height();
|
||||
|
||||
if (selectedContent.index() > visibleContent.index()) {
|
||||
var classEnetering = 'selected enter-right',
|
||||
classLeaving = 'leave-left';
|
||||
} else {
|
||||
var classEnetering = 'selected enter-left',
|
||||
classLeaving = 'leave-right';
|
||||
}
|
||||
|
||||
selectedContent.attr('class', classEnetering);
|
||||
visibleContent.attr('class', classLeaving).one('webkitAnimationEnd oanimationend msAnimationEnd animationend', function(){
|
||||
visibleContent.removeClass('leave-right leave-left');
|
||||
selectedContent.removeClass('enter-left enter-right');
|
||||
});
|
||||
eventsContent.css('height', selectedContentHeight+'px');
|
||||
}
|
||||
|
||||
function updateOlderEvents(event) {
|
||||
event.parent('li').prevAll('li').children('a').addClass('older-event').end().end().nextAll('li').children('a').removeClass('older-event');
|
||||
}
|
||||
|
||||
function getTranslateValue(timeline) {
|
||||
var timelineStyle = window.getComputedStyle(timeline.get(0), null),
|
||||
timelineTranslate = timelineStyle.getPropertyValue("-webkit-transform") ||
|
||||
timelineStyle.getPropertyValue("-moz-transform") ||
|
||||
timelineStyle.getPropertyValue("-ms-transform") ||
|
||||
timelineStyle.getPropertyValue("-o-transform") ||
|
||||
timelineStyle.getPropertyValue("transform");
|
||||
|
||||
if( timelineTranslate.indexOf('(') >=0 ) {
|
||||
var timelineTranslate = timelineTranslate.split('(')[1];
|
||||
timelineTranslate = timelineTranslate.split(')')[0];
|
||||
timelineTranslate = timelineTranslate.split(',');
|
||||
var translateValue = timelineTranslate[4];
|
||||
} else {
|
||||
var translateValue = 0;
|
||||
}
|
||||
|
||||
return Number(translateValue);
|
||||
}
|
||||
|
||||
function setTransformValue(element, property, value) {
|
||||
element.style["-webkit-transform"] = property+"("+value+")";
|
||||
element.style["-moz-transform"] = property+"("+value+")";
|
||||
element.style["-ms-transform"] = property+"("+value+")";
|
||||
element.style["-o-transform"] = property+"("+value+")";
|
||||
element.style["transform"] = property+"("+value+")";
|
||||
}
|
||||
|
||||
//based on http://stackoverflow.com/questions/542938/how-do-i-get-the-number-of-days-between-two-dates-in-javascript
|
||||
function parseDate(events) {
|
||||
var dateArrays = [];
|
||||
events.each(function(){
|
||||
var singleDate = $(this),
|
||||
dateComp = singleDate.data('date').split('T');
|
||||
if( dateComp.length > 1 ) { //both DD/MM/YEAR and time are provided
|
||||
var dayComp = dateComp[0].split('/'),
|
||||
timeComp = dateComp[1].split(':');
|
||||
} else if( dateComp[0].indexOf(':') >=0 ) { //only time is provide
|
||||
var dayComp = ["2000", "0", "0"],
|
||||
timeComp = dateComp[0].split(':');
|
||||
} else { //only DD/MM/YEAR
|
||||
var dayComp = dateComp[0].split('/'),
|
||||
timeComp = ["0", "0"];
|
||||
}
|
||||
var newDate = new Date(dayComp[2], dayComp[1]-1, dayComp[0], timeComp[0], timeComp[1]);
|
||||
dateArrays.push(newDate);
|
||||
});
|
||||
return dateArrays;
|
||||
}
|
||||
|
||||
function daydiff(first, second) {
|
||||
return Math.round((second-first));
|
||||
}
|
||||
|
||||
function minLapse(dates) {
|
||||
//determine the minimum distance among events
|
||||
var dateDistances = [];
|
||||
for (i = 1; i < dates.length; i++) {
|
||||
var distance = daydiff(dates[i-1], dates[i]);
|
||||
dateDistances.push(distance);
|
||||
}
|
||||
return Math.min.apply(null, dateDistances);
|
||||
}
|
||||
|
||||
/*
|
||||
How to tell if a DOM element is visible in the current viewport?
|
||||
http://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-current-viewport
|
||||
*/
|
||||
function elementInViewport(el) {
|
||||
var top = el.offsetTop;
|
||||
var left = el.offsetLeft;
|
||||
var width = el.offsetWidth;
|
||||
var height = el.offsetHeight;
|
||||
|
||||
while(el.offsetParent) {
|
||||
el = el.offsetParent;
|
||||
top += el.offsetTop;
|
||||
left += el.offsetLeft;
|
||||
}
|
||||
|
||||
return (
|
||||
top < (window.pageYOffset + window.innerHeight) &&
|
||||
left < (window.pageXOffset + window.innerWidth) &&
|
||||
(top + height) > window.pageYOffset &&
|
||||
(left + width) > window.pageXOffset
|
||||
);
|
||||
}
|
||||
|
||||
function checkMQ() {
|
||||
//check if mobile or desktop device
|
||||
return window.getComputedStyle(document.querySelector('.cd-horizontal-timeline'), '::before').getPropertyValue('content').replace(/'/g, "").replace(/"/g, "");
|
||||
}
|
||||
});
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user