This commit is contained in:
Nur Nadiah Nabilah Binti Hashinordin
2017-07-27 11:49:33 +08:00
3 changed files with 581 additions and 886 deletions
+167 -342
View File
@@ -74,6 +74,19 @@
line-height: 1.428571429;
border-radius: 15px;
}
@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 -->
@@ -98,298 +111,6 @@
<!-- 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">
@@ -448,53 +169,75 @@
</center>
</li>
<hr>
<li class="nav-item start active open ">
<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 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>
<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="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>
<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>
</ul>
<!-- END SIDEBAR MENU -->
<!-- END SIDEBAR MENU -->
@@ -584,8 +327,8 @@
<li data-jstree='{ "opened" : true }'>
014528
<ul>
<li data-jstree='{ "type" : "file" }'> 014528 (1) </li>
<li data-jstree='{ "type" : "file" }'> 014528 (2) </li>
<li data-jstree='{ "type" : "file" }' onclick="show_content();"> 014528 (1) </li>
<li data-jstree='{ "type" : "file" }' onclick="show_content();"> 014528 (2) </li>
</ul>
</li>
</ul>
@@ -593,8 +336,8 @@
<li>
ABC
<ul>
<li data-jstree='{ "type" : "file" }'> 014587</li>
<li data-jstree='{ "type" : "file" }'>
<li data-jstree='{ "type" : "file" }' onclick="show_content();"> 014587</li>
<li data-jstree='{ "type" : "file" }' onclick="show_content();">
<a href="javascript:;"> 014586 </a>
</li>
</ul>
@@ -712,7 +455,7 @@
<div class="tab-pane active" id="tab_1_1_1">
<ul class="chats">
<li class="out">
<a href="javascript:;" style="float:right"> Lisa Wong </a>
<a href="profile2.html" style="float:right"> Lisa Wong </a>
<br>
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
<div class="message">
@@ -804,6 +547,7 @@
<button type='button' class='btn btn-default btn-circle btn-circless'><i class='fa fa-file' style='font-size:20px' aria-hidden='true'></i></button>
<button type='button' class='btn btn-default btn-circle btn-circless'><i class='fa fa-picture-o' style='font-size:20px' aria-hidden='true' ></i></button>
<button type='button' class='btn btn-default btn-circle btn-circless'><i class='fa fa-video-camera' style='font-size:20px' aria-hidden='true'></i></button>
<button type='button' class='btn btn-default btn-circle btn-circless'><i class='fa fa-video-camera' style='font-size:20px' aria-hidden='true'></i></button>
<button type='button' class='btn btn-default btn-circle btn-circless'><i class='fa fa-qrcode' style='font-size:20px' aria-hidden='true'></i></a></button>">
<i class="fa fa-plus-square" aria-hidden="true"></i></button>
</span>
@@ -920,6 +664,87 @@
</div>
<!-- END QUICK SIDEBAR -->
</div>
<div class="modal fade" id="chat" tabindex="-1" role="chat" 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>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="Name"> </div>
</div>
<div class="form-group">
<label>Choose Member</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">Create</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- END CONTAINER -->
<!-- BEGIN FOOTER -->
<div class="page-footer">
+7 -52
View File
@@ -580,30 +580,30 @@ License: You must have a valid license purchased only from themeforest(the above
<div class="clearfix"></div>
<div class="form-group">
<label>Contact</label>
<textarea class="form-control" rows="1"></textarea>
<textarea class="form-control" rows="1" disabled="">012 3456789</textarea>
</div>
<div class="form-group">
<label>Delivery Date</label>
<textarea class="form-control" rows="1"></textarea>
<textarea class="form-control" rows="1" disabled="">03-07-2017</textarea>
</div>
<div class="form-group">
<label>Driver Name</label>
<textarea class="form-control" rows="1"></textarea>
<textarea class="form-control" rows="1" disabled="">Bob</textarea>
</div>
<div class="form-group">
<label>Driver Contact</label>
<textarea class="form-control" rows="1"></textarea>
<textarea class="form-control" rows="1" disabled="">012 3456789</textarea>
</div>
<div class="form-group">
<label>Vehicle No</label>
<textarea class="form-control" rows="1"></textarea>
<textarea class="form-control" rows="1" disabled="">WAA 123</textarea>
</div>
<div class="form-group last">
<label class="control-label col-md-3" align="right"></label>
<!-- <label class="control-label col-md-3" align="right"></label>
<div class="col-md-4" align="right">
<a class="btn green btn-outline sbold upppercase" href="#form_modal11" data-toggle="modal" > Appoinment Request
</a>
</div>
</div> -->
</div>
</li>
<li data-date="30/03/2014">
@@ -680,51 +680,6 @@ License: You must have a valid license purchased only from themeforest(the above
<!-- END CONTENT BODY -->
</div>
<!-- END CONTENT -->
<!-- ................. -->
<div id="form_modal11" class="modal" role="dialog" aria-labelledby="myModalLabel10" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
<h4 class="modal-title">Appoinment Request</h4>
</div>
<div class="modal-body">
<form action="#" class="form-horizontal" role="form">
<div class="row">
<div class="form-group">
<label class="control-label col-md-4"><b>Order No</b></label>
<label class="form-control-static">0005</label>
</div>
<div class="form-group">
<label class="control-label col-md-4"><b>Delivery date</b></label>
<label class="form-control-static">03-07-2017</label>
</div>
<div class="form-group">
<label class="control-label col-md-4"><b>Driver Name</b></label>
<label class="form-control-static">Bob</label>
</div>
<div class="form-group">
<label class="control-label col-md-4"><b>Contact</b></label>
<label class="form-control-static">013-3456789</label>
</div>
<div class="form-group">
<label class="control-label col-md-4"><b>Vehicle No</b></label>
<label class="form-control-static">WAA 123 C</label>
</div>
</form>
</div>
<div class="mt-repeater-input mt-repeater-textarea">
<label class="control-label"><b>Message</b></label>
<br/>
<textarea name="textarea-input" class="form-control" rows="5">Hi Bella, Your order has been proceed. Here is your order no 0005 on date 03-07-2017. You able to contact the driver Bob (013-3456789) and vehicle no WAA 123 C. Thank you.</textarea>
</div>
<div class="modal-footer">
<button class="btn green" data-dismiss="modal">Send</button>
</div>
</div>
</div>
</div>
<!-- .................. -->
<!-- BEGIN QUICK SIDEBAR -->
<a href="javascript:;" class="page-quick-sidebar-toggler">
<i class="icon-login"></i>
+407 -492
View File
File diff suppressed because it is too large Load Diff