team yang hilang

This commit is contained in:
Syed Amir
2017-09-27 13:14:33 +08:00
parent 8e538da870
commit 76070f5f0b
8 changed files with 2291 additions and 2784 deletions
File diff suppressed because it is too large Load Diff
+43 -602
View File
@@ -454,616 +454,57 @@ License: You must have a valid license purchased only from themeforest(the above
<!-- END CONTENT BODY -->
</div>
<!-- END CONTENT -->
<!-- BEGIN QUICK SIDEBAR -->
<a href="javascript:;" class="page-quick-sidebar-toggler">
<i class="icon-login"></i>
</a>
<div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
<div class="page-quick-sidebar">
<ul class="nav nav-tabs">
<li class="active">
<a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> Users
<span class="badge badge-danger">2</span>
</a>
</li>
<li>
<a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> Alerts
<span class="badge badge-success">7</span>
</a>
</li>
<li class="dropdown">
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> More
<i class="fa fa-angle-down"></i>
</a>
<ul class="dropdown-menu pull-right">
<li>
<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
<i class="icon-bell"></i> Alerts </a>
</li>
<li>
<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
<i class="icon-info"></i> Notifications </a>
</li>
<li>
<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
<i class="icon-speech"></i> Activities </a>
</li>
<li class="divider"></li>
<li>
<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
<i class="icon-settings"></i> Settings </a>
</li>
</ul>
</li>
</ul>
<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>
<ul class="media-list list-items">
<li class="media">
<div class="media-status">
<span class="badge badge-success">8</span>
</div>
<img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
<div class="media-body">
<h4 class="media-heading">Bob Nilson</h4>
<div class="media-heading-sub"> Project Manager </div>
</div>
</li>
<li class="media">
<img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
<div class="media-body">
<h4 class="media-heading">Nick Larson</h4>
<div class="media-heading-sub"> Art Director </div>
</div>
</li>
<li class="media">
<div class="media-status">
<span class="badge badge-danger">3</span>
</div>
<img class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="...">
<div class="media-body">
<h4 class="media-heading">Deon Hubert</h4>
<div class="media-heading-sub"> CTO </div>
</div>
</li>
<li class="media">
<img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
<div class="media-body">
<h4 class="media-heading">Ella Wong</h4>
<div class="media-heading-sub"> CEO </div>
</div>
</li>
</ul>
<h3 class="list-heading">Customers</h3>
<ul class="media-list list-items">
<li class="media">
<div class="media-status">
<span class="badge badge-warning">2</span>
</div>
<img class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="...">
<div class="media-body">
<h4 class="media-heading">Lara Kunis</h4>
<div class="media-heading-sub"> CEO, Loop Inc </div>
<div class="media-heading-small"> Last seen 03:10 AM </div>
</div>
</li>
<li class="media">
<div class="media-status">
<span class="label label-sm label-success">new</span>
</div>
<img class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="...">
<div class="media-body">
<h4 class="media-heading">Ernie Kyllonen</h4>
<div class="media-heading-sub"> Project Manager,
<br> SmartBizz PTL </div>
</div>
</li>
<li class="media">
<img class="media-object" src="../assets/layouts/layout/img/avatar8.jpg" alt="...">
<div class="media-body">
<h4 class="media-heading">Lisa Stone</h4>
<div class="media-heading-sub"> CTO, Keort Inc </div>
<div class="media-heading-small"> Last seen 13:10 PM </div>
</div>
</li>
<li class="media">
<div class="media-status">
<span class="badge badge-success">7</span>
</div>
<img class="media-object" src="../assets/layouts/layout/img/avatar9.jpg" alt="...">
<div class="media-body">
<h4 class="media-heading">Deon Portalatin</h4>
<div class="media-heading-sub"> CFO, H&D LTD </div>
</div>
</li>
<li class="media">
<img class="media-object" src="../assets/layouts/layout/img/avatar10.jpg" alt="...">
<div class="media-body">
<h4 class="media-heading">Irina Savikova</h4>
<div class="media-heading-sub"> CEO, Tizda Motors Inc </div>
</div>
</li>
<li class="media">
<div class="media-status">
<span class="badge badge-danger">4</span>
</div>
<img class="media-object" src="../assets/layouts/layout/img/avatar11.jpg" alt="...">
<div class="media-body">
<h4 class="media-heading">Maria Gomez</h4>
<div class="media-heading-sub"> Manager, Infomatic Inc </div>
<div class="media-heading-small"> Last seen 03:10 AM </div>
</div>
</li>
</ul>
</div>
<div class="page-quick-sidebar-item">
<div class="page-quick-sidebar-chat-user">
<div class="page-quick-sidebar-nav">
<a href="javascript:;" class="page-quick-sidebar-back-to-list">
<i class="icon-arrow-left"></i>Back</a>
</div>
<div class="page-quick-sidebar-chat-user-messages">
<div class="post out">
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
<div class="message">
<span class="arrow"></span>
<a href="javascript:;" class="name">Bob Nilson</a>
<span class="datetime">20:15</span>
<span class="body"> When could you send me the report ? </span>
</div>
</div>
<div class="post in">
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
<div class="message">
<span class="arrow"></span>
<a href="javascript:;" class="name">Ella Wong</a>
<span class="datetime">20:15</span>
<span class="body"> Its almost done. I will be sending it shortly </span>
</div>
</div>
<div class="post out">
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
<div class="message">
<span class="arrow"></span>
<a href="javascript:;" class="name">Bob Nilson</a>
<span class="datetime">20:15</span>
<span class="body"> Alright. Thanks! :) </span>
</div>
</div>
<div class="post in">
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
<div class="message">
<span class="arrow"></span>
<a href="javascript:;" class="name">Ella Wong</a>
<span class="datetime">20:16</span>
<span class="body"> You are most welcome. Sorry for the delay. </span>
</div>
</div>
<div class="post out">
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
<div class="message">
<span class="arrow"></span>
<a href="javascript:;" class="name">Bob Nilson</a>
<span class="datetime">20:17</span>
<span class="body"> No probs. Just take your time :) </span>
</div>
</div>
<div class="post in">
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
<div class="message">
<span class="arrow"></span>
<a href="javascript:;" class="name">Ella Wong</a>
<span class="datetime">20:40</span>
<span class="body"> Alright. I just emailed it to you. </span>
</div>
</div>
<div class="post out">
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
<div class="message">
<span class="arrow"></span>
<a href="javascript:;" class="name">Bob Nilson</a>
<span class="datetime">20:17</span>
<span class="body"> Great! Thanks. Will check it right away. </span>
</div>
</div>
<div class="post in">
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
<div class="message">
<span class="arrow"></span>
<a href="javascript:;" class="name">Ella Wong</a>
<span class="datetime">20:40</span>
<span class="body"> Please let me know if you have any comment. </span>
</div>
</div>
<div class="post out">
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
<div class="message">
<span class="arrow"></span>
<a href="javascript:;" class="name">Bob Nilson</a>
<span class="datetime">20:17</span>
<span class="body"> Sure. I will check and buzz you if anything needs to be corrected. </span>
</div>
</div>
</div>
<div class="page-quick-sidebar-chat-user-form">
<div class="input-group">
<input type="text" class="form-control" placeholder="Type a message here...">
<div class="input-group-btn">
<button type="button" class="btn green">
<i class="icon-paper-clip"></i>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
<div class="page-quick-sidebar-alerts-list">
<h3 class="list-heading">General</h3>
<ul class="feeds list-items">
<li>
<div class="col1">
<div class="cont">
<div class="cont-col1">
<div class="label label-sm label-info">
<i class="fa fa-check"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc"> You have 4 pending tasks.
<span class="label label-sm label-warning "> Take action
<i class="fa fa-share"></i>
</span>
</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-bar-chart-o"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc"> Finance Report for year 2013 has been released. </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-user"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc"> You have 5 pending membership that requires a quick review. </div>
</div>
</div>
</div>
<div class="col2">
<div class="date"> 24 mins </div>
</div>
</li>
<li>
<div class="col1">
<div class="cont">
<div class="cont-col1">
<div class="label label-sm label-info">
<i class="fa fa-shopping-cart"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc"> New order received with
<span class="label label-sm label-success"> Reference Number: DR23923 </span>
</div>
</div>
</div>
</div>
<div class="col2">
<div class="date"> 30 mins </div>
</div>
</li>
<li>
<div class="col1">
<div class="cont">
<div class="cont-col1">
<div class="label label-sm label-success">
<i class="fa fa-user"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc"> You have 5 pending membership that requires a quick review. </div>
</div>
</div>
</div>
<div class="col2">
<div class="date"> 24 mins </div>
</div>
</li>
<li>
<div class="col1">
<div class="cont">
<div class="cont-col1">
<div class="label label-sm label-info">
<i class="fa fa-bell-o"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc"> Web server hardware needs to be upgraded.
<span class="label label-sm label-warning"> Overdue </span>
</div>
</div>
</div>
</div>
<div class="col2">
<div class="date"> 2 hours </div>
</div>
</li>
<li>
<a href="javascript:;">
<div class="col1">
<div class="cont">
<div class="cont-col1">
<div class="label label-sm label-default">
<i class="fa fa-briefcase"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc"> IPO Report for year 2013 has been released. </div>
</div>
</div>
</div>
<div class="col2">
<div class="date"> 20 mins </div>
</div>
</a>
</li>
</ul>
<h3 class="list-heading">System</h3>
<ul class="feeds list-items">
<li>
<div class="col1">
<div class="cont">
<div class="cont-col1">
<div class="label label-sm label-info">
<i class="fa fa-check"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc"> You have 4 pending tasks.
<span class="label label-sm label-warning "> Take action
<i class="fa fa-share"></i>
</span>
</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-danger">
<i class="fa fa-bar-chart-o"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc"> Finance Report for year 2013 has been released. </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-default">
<i class="fa fa-user"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc"> You have 5 pending membership that requires a quick review. </div>
</div>
</div>
</div>
<div class="col2">
<div class="date"> 24 mins </div>
</div>
</li>
<li>
<div class="col1">
<div class="cont">
<div class="cont-col1">
<div class="label label-sm label-info">
<i class="fa fa-shopping-cart"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc"> New order received with
<span class="label label-sm label-success"> Reference Number: DR23923 </span>
</div>
</div>
</div>
</div>
<div class="col2">
<div class="date"> 30 mins </div>
</div>
</li>
<li>
<div class="col1">
<div class="cont">
<div class="cont-col1">
<div class="label label-sm label-success">
<i class="fa fa-user"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc"> You have 5 pending membership that requires a quick review. </div>
</div>
</div>
</div>
<div class="col2">
<div class="date"> 24 mins </div>
</div>
</li>
<li>
<div class="col1">
<div class="cont">
<div class="cont-col1">
<div class="label label-sm label-warning">
<i class="fa fa-bell-o"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc"> Web server hardware needs to be upgraded.
<span class="label label-sm label-default "> Overdue </span>
</div>
</div>
</div>
</div>
<div class="col2">
<div class="date"> 2 hours </div>
</div>
</li>
<li>
<a href="javascript:;">
<div class="col1">
<div class="cont">
<div class="cont-col1">
<div class="label label-sm label-info">
<i class="fa fa-briefcase"></i>
</div>
</div>
<div class="cont-col2">
<div class="desc"> IPO Report for year 2013 has been released. </div>
</div>
</div>
</div>
<div class="col2">
<div class="date"> 20 mins </div>
</div>
</a>
</li>
</ul>
</div>
</div>
<div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
<div class="page-quick-sidebar-settings-list">
<h3 class="list-heading">General Settings</h3>
<ul class="list-items borderless">
<li> Enable Notifications
<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
<li> Allow Tracking
<input type="checkbox" class="make-switch" data-size="small" data-on-color="info" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
<li> Log Errors
<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
<li> Auto Sumbit Issues
<input type="checkbox" class="make-switch" data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
<li> Enable SMS Alerts
<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
</ul>
<h3 class="list-heading">System Settings</h3>
<ul class="list-items borderless">
<li> Security Level
<select class="form-control input-inline input-sm input-small">
<option value="1">Normal</option>
<option value="2" selected>Medium</option>
<option value="e">High</option>
</select>
</li>
<li> Failed Email Attempts
<input class="form-control input-inline input-sm input-small" value="5" /> </li>
<li> Secondary SMTP Port
<input class="form-control input-inline input-sm input-small" value="3560" /> </li>
<li> Notify On System Error
<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
<li> Notify On SMTP Error
<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
</ul>
<div class="inner-content">
<button class="btn btn-success">
<i class="icon-settings"></i> Save Changes</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END QUICK SIDEBAR -->
</div>
<!-- END CONTAINER -->
<!-- BEGIN FOOTER -->
<div class="page-footer">
<div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
<div class="scroll-to-top">
<i class="icon-arrow-up"></i>
</div>
</div>
<!-- END CONTAINER -->
<!-- BEGIN FOOTER -->
<div class="page-footer">
<div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
<div class="scroll-to-top">
<i class="icon-arrow-up"></i>
</div>
<!-- END FOOTER -->
</div>
<!--[if lt IE 9]>
<!-- END FOOTER -->
</div>
</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 -->
<!-- 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>
<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/scripts/app.min.js" type="text/javascript"></script>
<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>
<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() {
$('#clickmewow').click(function() {
$('#radio1003').attr('checked', 'checked');
});
})
</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>
<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>
<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/scripts/app.min.js" type="text/javascript"></script>
<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>
<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() {
$('#clickmewow').click(function() {
$('#radio1003').attr('checked', 'checked');
});
})
</script>
</body>
</html>
+44 -42
View File
@@ -460,56 +460,58 @@ License: You must have a valid license purchased only from themeforest(the above
</div>
<!-- END CONTENT BODY -->
</div>
<!-- END CONTENT -->
<!-- END CONTENT -->
</div>
<!-- END CONTAINER -->
<!-- BEGIN FOOTER -->
<div class="page-footer">
<div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
<div class="scroll-to-top">
<i class="icon-arrow-up"></i>
</div>
</div>
<!-- END CONTAINER -->
<!-- BEGIN FOOTER -->
<div class="page-footer">
<div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
<div class="scroll-to-top">
<i class="icon-arrow-up"></i>
</div>
<!-- END FOOTER -->
</div>
<!--[if lt IE 9]>
<!-- END FOOTER -->
</div>
</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 -->
<!-- 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>
<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/scripts/app.min.js" type="text/javascript"></script>
<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>
<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() {
$('#clickmewow').click(function() {
$('#radio1003').attr('checked', 'checked');
});
})
</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>
<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>
<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/scripts/app.min.js" type="text/javascript"></script>
<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>
<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() {
$('#clickmewow').click(function() {
$('#radio1003').attr('checked', 'checked');
});
})
</script>
</body>
</html>
+95 -94
View File
@@ -609,115 +609,116 @@ License: You must have a valid license purchased only from themeforest(the above
</div>
<!-- END FOOTER -->
</div>
<!--[if lt IE 9]>
</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 -->
<script src="../assets/global/plugins/select2/js/select2.full.min.js" type="text/javascript"></script>
<script src="../assets/global/plugins/jquery-validation/js/jquery.validate.min.js" type="text/javascript"></script>
<script src="../assets/global/plugins/jquery-validation/js/additional-methods.min.js" type="text/javascript"></script>
<script src="../assets/global/plugins/bootstrap-wizard/jquery.bootstrap.wizard.min.js" type="text/javascript"></script>
<!-- BEGIN PAGE LEVEL PLUGINS -->
<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>
<!-- 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 -->
<script src="../assets/global/plugins/select2/js/select2.full.min.js" type="text/javascript"></script>
<script src="../assets/global/plugins/jquery-validation/js/jquery.validate.min.js" type="text/javascript"></script>
<script src="../assets/global/plugins/jquery-validation/js/additional-methods.min.js" type="text/javascript"></script>
<script src="../assets/global/plugins/bootstrap-wizard/jquery.bootstrap.wizard.min.js" type="text/javascript"></script>
<!-- BEGIN PAGE LEVEL PLUGINS -->
<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>
<script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
<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>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
<!-- END THEME LAYOUT SCRIPTS -->
<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>
<script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
<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>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
<!-- END THEME LAYOUT SCRIPTS -->
<script type="text/javascript">
$(document).ready(function() {
<script type="text/javascript">
$(document).ready(function() {
otable = $('#sample_3').dataTable({
// Internationalisation. For more info refer to http://datatables.net/manual/i18n
"language": {
"aria": {
"sortAscending": ": activate to sort column ascending",
"sortDescending": ": activate to sort column descending"
},
"emptyTable": "No data available in table",
"info": "Showing _START_ to _END_ of _TOTAL_ entries",
"infoEmpty": "No entries found",
"infoFiltered": "(filtered1 from _MAX_ total entries)",
"lengthMenu": "_MENU_ entries",
"search": "Search:",
"zeroRecords": "No matching records found"
otable = $('#sample_3').dataTable({
// Internationalisation. For more info refer to http://datatables.net/manual/i18n
"language": {
"aria": {
"sortAscending": ": activate to sort column ascending",
"sortDescending": ": activate to sort column descending"
},
"info": false,
"emptyTable": "No data available in table",
"info": "Showing _START_ to _END_ of _TOTAL_ entries",
"infoEmpty": "No entries found",
"infoFiltered": "(filtered1 from _MAX_ total entries)",
"lengthMenu": "_MENU_ entries",
"search": "Search:",
"zeroRecords": "No matching records found"
},
"info": false,
// autoWidth: false,
// Or you can use remote translation file
//"language": {
// url: '//cdn.datatables.net/plug-ins/3cfcc339e89/i18n/Portuguese.json'
//},
columnDefs: [{
"orderable": false,
"targets": 0
}],
buttons: [{
extend: 'print',
className: 'btn dark btn-outline'
}, {
extend: 'copy',
className: 'btn red btn-outline'
}, {
extend: 'pdf',
className: 'btn green btn-outline'
}, {
extend: 'excel',
className: 'btn yellow btn-outline '
}, {
extend: 'csv',
className: 'btn purple btn-outline '
}, {
extend: 'colvis',
className: 'btn dark btn-outline',
text: 'Columns'
}],
// autoWidth: false,
// Or you can use remote translation file
//"language": {
// url: '//cdn.datatables.net/plug-ins/3cfcc339e89/i18n/Portuguese.json'
//},
columnDefs: [{
"orderable": false,
"targets": 0
}],
buttons: [{
extend: 'print',
className: 'btn dark btn-outline'
}, {
extend: 'copy',
className: 'btn red btn-outline'
}, {
extend: 'pdf',
className: 'btn green btn-outline'
}, {
extend: 'excel',
className: 'btn yellow btn-outline '
}, {
extend: 'csv',
className: 'btn purple btn-outline '
}, {
extend: 'colvis',
className: 'btn dark btn-outline',
text: 'Columns'
}],
// setup responsive extension: http://datatables.net/extensions/responsive/
responsive: true,
// setup responsive extension: http://datatables.net/extensions/responsive/
responsive: true,
//"ordering": false, disable column ordering
// colReorder: {
// reorderCallback: function () {
// console.log( 'callback' );
// }
// },
//"paging": false, disable pagination
//"ordering": false, disable column ordering
// colReorder: {
// reorderCallback: function () {
// console.log( 'callback' );
// }
// },
//"paging": false, disable pagination
"order": [
[0, 'asc']
],
"order": [
[0, 'asc']
],
"lengthMenu": [
[5, 10, 15, 20, -1],
[5, 10, 15, 20, "All"] // change per page values here
],
// set the initial value
"pageLength": 10,
});
"lengthMenu": [
[5, 10, 15, 20, -1],
[5, 10, 15, 20, "All"] // change per page values here
],
// set the initial value
"pageLength": 10,
$("#sample_3_filter").css("display", "none");
});
</script>
$("#sample_3_filter").css("display", "none");
});
</script>
</body>
+241 -247
View File
@@ -997,264 +997,258 @@ EDD: 17-10-2017
</div>
</div>
</div>
</div>
</div>
<!-- END CONTENT BODY -->
</div>
<div class="modal fade" id="boxes" tabindex="-1" role="boxes" aria-hidden="true">
<div class="portlet-body">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<div class="form-body">
<div class="form-group">
<div class="modal fade" id="boxes" tabindex="-1" role="boxes" aria-hidden="true">
<div class="portlet-body">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<div class="form-body">
<div class="form-group">
<!-- PERSONAL INFO TAB -->
<div align="center">
<!-- PERSONAL INFO TAB -->
<div align="center">
</div>
</div>
<div class="tab-pane active" id="tab_1_1" class="col-md-17">
<div class="portlet light bordered">
<div class="portlet-title">
<div class="caption">
<i class="icon-social-dribbble font-green hide"></i>
<span class="caption-subject font-dark bold uppercase">Shipment arrangement details</span>
</div>
</div>
<div class="tab-pane active" id="tab1">
<div class="row static-info">
<div class="col-md-5 name"> Loading Date : 02-02-2017 </div>
<div class="col-md-7 value"> Container No : CTN121 </div>
</div>
<div class="row static-info">
<div class="col-md-5 name"> Shipping No : 12345 </div>
<div class="col-md-7 value"> Type of Container : Tank </div>
</div>
<div class="row static-info">
<div class="col-md-5 name"> Departure Port : Guangzhou </div>
<div class="col-md-7 value"> ETD : 03-02-2017 </div>
</div>
<div class="row static-info">
<div class="col-md-5 name"> Arrival Port: Port Klang </div>
<div class="col-md-7 value"> ETA : 04-02-2017 </div>
</div>
<!--/span-->
<div class="row">
<div class="col-md-6">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<h5><b>Vehicle & Driver</b></h5>
</div>
<!--/span-->
<div class="col-md-6">
</div>
<!--/span-->
</div>
<div class="row static-info">
<div class="col-md-5 name"> Trailer No : WA 234 K</div>
<div class="col-md-7 value"> Driver Name : Yew </div>
</div>
<div class="row static-info">
<div class="col-md-5 name"> Driver Contact No :012-3456789 </div>
<div class="col-md-7 value"> Driver I/C No : 880101-08-5433 </div>
</div>
<div class="tab-pane active" id="tab_1_1" class="col-md-17">
<div class="portlet light bordered">
<div class="portlet-title">
<div class="caption">
<i class="icon-social-dribbble font-green hide"></i>
<span class="caption-subject font-dark bold uppercase">Shipment arrangement details</span>
</div>
</div>
<div class="tab-pane active" id="tab1">
<div class="row static-info">
<div class="col-md-5 name"> Loading Date : 02-02-2017 </div>
<div class="col-md-7 value"> Container No : CTN121 </div>
</div>
<div class="row static-info">
<div class="col-md-5 name"> Shipping No : 12345 </div>
<div class="col-md-7 value"> Type of Container : Tank </div>
</div>
<div class="row static-info">
<div class="col-md-5 name"> Departure Port : Guangzhou </div>
<div class="col-md-7 value"> ETD : 03-02-2017 </div>
</div>
<div class="row static-info">
<div class="col-md-5 name"> Arrival Port: Port Klang </div>
<div class="col-md-7 value"> ETA : 04-02-2017 </div>
</div>
<!--/span-->
<div class="row">
<div class="col-md-6">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<h5><b>Vehicle & Driver</b></h5>
</div>
<!--/span-->
<div class="col-md-6">
</div>
<!--/span-->
</div>
<div class="row static-info">
<div class="col-md-5 name"> Trailer No : WA 234 K</div>
<div class="col-md-7 value"> Driver Name : Yew </div>
</div>
<div class="row static-info">
<div class="col-md-5 name"> Driver Contact No :012-3456789 </div>
<div class="col-md-7 value"> Driver I/C No : 880101-08-5433 </div>
</div>
<div class="row">
<div class="col-md-6">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<h5><b>LOADING VENUE</b></h5>
</div>
<!--/span-->
<div class="col-md-6">
</div>
<!--/span-->
</div>
<div class="row static-info">
<div class="col-md-5 name"> Loading Address : 3, Bandar Utama </div>
<div class="col-md-7 value"> Country : Malaysia </div>
</div>
<div class="row static-info">
<div class="col-md-5 name"> Area : Klang </div>
<div class="col-md-7 value"> Postcode : 62150 </div>
</div>
<div class="row static-info">
<div class="col-md-5 name"> Contact Person : Lisa </div>
<div class="col-md-7 value"> Contact No : 011-2345678 </div>
</div>
<div class="row static-info">
<div class="col-md-7 name"> Remark : On the Way to delivered </div>
</div>
<br>
<br>
<!--/row-->
<div class="col-md-13">
<div class="portlet light bordered">
<div class="portlet-title">
<div class="caption">
<i class="icon-social-dribbble font-green hide"></i>
<span class="caption-subject font-dark bold uppercase">Order List</span>
</div>
</div>
<div class="portlet-body">
<table class="table table-bordered table-hover">
<thead>
<tr>
<th width="5">No</th>
<th width="10">Date</th>
<th width="10">Order No</th>
<th width="10">Total CBM</th>
<th width="10">Total Weight</th>
<th width="10">Remark</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>03-08-2017</td>
<td>014567</td>
<td>10 CBM</td>
<td>5 kg</td>
<th contenteditable="true">Any remark</th>
</tr>
<tr>
<td>2</td>
<td>04-08-2017</td>
<td>014567</td>
<td>11 CBM</td>
<td>6 kg</td>
<th contenteditable="true">Any remark</th>
</tr>
<tr>
<td>3</td>
<td>05-08-2017</td>
<td>014567</td>
<td>12 CBM</td>
<td>7 kg</td>
<th contenteditable="true">Any remark</th>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<h5><b>LOADING VENUE</b></h5>
</div>
<!--/span-->
<div class="col-md-6">
</div>
<!--/span-->
</div>
<div class="row static-info">
<div class="col-md-5 name"> Loading Address : 3, Bandar Utama </div>
<div class="col-md-7 value"> Country : Malaysia </div>
</div>
<div class="row static-info">
<div class="col-md-5 name"> Area : Klang </div>
<div class="col-md-7 value"> Postcode : 62150 </div>
</div>
<div class="row static-info">
<div class="col-md-5 name"> Contact Person : Lisa </div>
<div class="col-md-7 value"> Contact No : 011-2345678 </div>
</div>
<div class="row static-info">
<div class="col-md-7 name"> Remark : On the Way to delivered </div>
</div>
<br>
<br>
<!--/row-->
<div class="col-md-13">
<div class="portlet light bordered">
<div class="portlet-title">
<div class="caption">
<i class="icon-social-dribbble font-green hide"></i>
<span class="caption-subject font-dark bold uppercase">Order List</span>
</div>
</div>
<div class="portlet-body">
<table class="table table-bordered table-hover">
<thead>
<tr>
<th width="5">No</th>
<th width="10">Date</th>
<th width="10">Order No</th>
<th width="10">Total CBM</th>
<th width="10">Total Weight</th>
<th width="10">Remark</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>03-08-2017</td>
<td>014567</td>
<td>10 CBM</td>
<td>5 kg</td>
<th contenteditable="true">Any remark</th>
</tr>
<tr>
<td>2</td>
<td>04-08-2017</td>
<td>014567</td>
<td>11 CBM</td>
<td>6 kg</td>
<th contenteditable="true">Any remark</th>
</tr>
<tr>
<td>3</td>
<td>05-08-2017</td>
<td>014567</td>
<td>12 CBM</td>
<td>7 kg</td>
<th contenteditable="true">Any remark</th>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-offset-4 col-md-9">
<a href="javascript:;" class="btn btn-outline green button-next"> Edit</a>
<button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-offset-4 col-md-9">
<a href="javascript:;" class="btn btn-outline green button-next"> Edit</a>
<button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END CONTENT -->
<div class="modal fade" id="profile" tabindex="-1" role="profile" aria-hidden="true">
<div class="portlet-body">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<div class="form-body">
<div class="form-group">
</div>
</div>
</div>
</div>
<!-- END CONTENT -->
<div class="modal fade" id="profile" tabindex="-1" role="profile" aria-hidden="true">
<div class="portlet-body">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<div class="form-body">
<div class="form-group">
<!-- PERSONAL INFO TAB -->
<div align="center">
<!-- PERSONAL INFO TAB -->
<div align="center">
</div>
</div>
<div class="tab-pane active" id="tab_1_1">
<div class="portlet light bordered">
<div class="portlet-title">
<div class="caption">
<i class="icon-social-dribbble font-green hide"></i>
<span class="caption-subject font-dark bold uppercase">Customs Examination</span>
</div>
</div>
<div class="portlet-body">
<table class="table table-bordered table-hover">
<thead>
<tr>
<th width="5">No</th>
<th width="10">Date</th>
<th width="10">Order No</th>
<!-- <th width="10">Action</th> -->
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>03-08-2017</td>
<td>014567</td>
<!-- <th><input type="checkbox" class="checkboxes"></th> -->
</tr>
<tr>
<td>2</td>
<td>04-08-2017</td>
<td>014567</td>
<!-- <th><input type="checkbox" class="checkboxes"></th> -->
</tr>
<tr>
<td>3</td>
<td>05-08-2017</td>
<td>014567</td>
<!-- <th><input type="checkbox" class="checkboxes"></th> -->
</tr>
</tbody>
</table>
</div>
<div class="tab-pane active" id="tab_1_1">
<div class="portlet light bordered">
<div class="portlet-title">
<div class="caption">
<i class="icon-social-dribbble font-green hide"></i>
<span class="caption-subject font-dark bold uppercase">Customs Examination</span>
</div>
</div>
<div class="portlet-body">
<table class="table table-bordered table-hover">
<thead>
<tr>
<th width="5">No</th>
<th width="10">Date</th>
<th width="10">Order No</th>
<!-- <th width="10">Action</th> -->
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>03-08-2017</td>
<td>014567</td>
<!-- <th><input type="checkbox" class="checkboxes"></th> -->
</tr>
<tr>
<td>2</td>
<td>04-08-2017</td>
<td>014567</td>
<!-- <th><input type="checkbox" class="checkboxes"></th> -->
</tr>
<tr>
<td>3</td>
<td>05-08-2017</td>
<td>014567</td>
<!-- <th><input type="checkbox" class="checkboxes"></th> -->
</tr>
</tbody>
</table>
</div>
<div class="portlet-body">
<br>
<p>Customs Examination Departure Port</p>
<br>
<p class="caption-subject font-red">New ETD :
<input type="date" name="">
</p>
<p class="caption-subject font-red">New ETA :
<input type="date" name="">
</p>
<br>
<p>Customs Examination Arrival Port</p>
<br>
<p class="caption-subject font-red">Release Date :
<input type="date" name="">
</p>
<div class="row">
<div class="col-md-offset-4 col-md-9">
<a href="chat.html" class="btn btn-outline green button-next"> Submit</a>
<button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portlet-body">
<br>
<p>Customs Examination Departure Port</p>
<br>
<p class="caption-subject font-red">New ETD :
<input type="date" name="">
</p>
<p class="caption-subject font-red">New ETA :
<input type="date" name="">
</p>
<br>
<p>Customs Examination Arrival Port</p>
<br>
<p class="caption-subject font-red">Release Date :
<input type="date" name="">
</p>
<div class="row">
<div class="col-md-offset-4 col-md-9">
<a href="chat.html" class="btn btn-outline green button-next"> Submit</a>
<button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END CONTAINER -->
<!-- BEGIN FOOTER -->
<div class="page-footer">
<div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
<div class="scroll-to-top">
<i class="icon-arrow-up"></i>
</div>
</div>
<!-- END FOOTER -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END CONTAINER -->
<!-- BEGIN FOOTER -->
<div class="page-footer">
<div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
<div class="scroll-to-top">
<i class="icon-arrow-up"></i>
</div>
</div>
<!-- END FOOTER -->
</div>
</div>
<!--[if lt IE 9]>
<script src="../assets/global/plugins/respond.min.js"></script>
+307 -305
View File
@@ -576,154 +576,146 @@ License: You must have a valid license purchased only from themeforest(the above
<!-- END QUICK SIDEBAR -->
</div>
<!-- END CONTAINER -->
<!-- BEGIN FOOTER -->
<div class="page-footer">
<div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
<div class="scroll-to-top">
<i class="icon-arrow-up"></i>
</div>
</div>
<!-- END FOOTER -->
</div>
</div>
<!-- END CONTAINER -->
<div class="modal fade" id="preview" tabindex="-1" role="preview" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body">
<div class="row">
<div class="portlet box green">
<div class="portlet-title">
<div class="caption">
<i class="fa fa-cogs"></i><strong>Packing List</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>
</ul>
</div>
<div class="modal fade" id="preview" tabindex="-1" role="preview" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body">
<div class="row">
<div class="portlet box green">
<div class="portlet-title">
<div class="caption">
<i class="fa fa-cogs"></i><strong>Packing List</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>
</ul>
</div>
</div>
<div class="portlet-body">
<div class="table-container">
<table id="table1" class="table table-bordered table-striped">
<thead>
<tr>
<th rowspan="2">No </th>
<th rowspan="2">Product Name</th>
<th rowspan="2">Model</th>
<th rowspan="2">UOM</th>
<th rowspan="2">Qty</th>
<th colspan="3">CMB</th>
<th colspan="2">Weight</th>
<th rowspan="2">Photo</th>
<th rowspan="2">Remark</th>
</tr>
<tr>
<td>Height</td>
<td>Weight</td>
<td>Depth</td>
<td>Cross</td>
<td>Nett</td>
</tr>
</div>
<div class="portlet-body">
<div class="table-container">
<table id="table1" class="table table-bordered table-striped">
<thead>
<tr>
<th rowspan="2">No </th>
<th rowspan="2">Product Name</th>
<th rowspan="2">Model</th>
<th rowspan="2">UOM</th>
<th rowspan="2">Qty</th>
<th colspan="3">CMB</th>
<th colspan="2">Weight</th>
<th rowspan="2">Photo</th>
<th rowspan="2">Remark</th>
</tr>
<tr>
<td>Height</td>
<td>Weight</td>
<td>Depth</td>
<td>Cross</td>
<td>Nett</td>
</tr>
</thead>
<tbody>
</thead>
<tbody>
<tr>
<td>1 </td>
<td>Television </td>
<td>CS110 </td>
<td>Unit </td>
<td>10 </td>
<td>12 </td>
<td>15</td>
<td>12</td>
<td>12</td>
<td>15</td>
<td><img src="../assets/global/img/tv.jpg" alt="" style="width:100px;height:75px;" />
</td>
<td> </td>
<tr>
<td>1 </td>
<td>Television </td>
<td>CS110 </td>
<td>Unit </td>
<td>10 </td>
<td>12 </td>
<td>15</td>
<td>12</td>
<td>12</td>
<td>15</td>
<td><img src="../assets/global/img/tv.jpg" alt="" style="width:100px;height:75px;" />
</td>
<td> </td>
</tr>
<tr>
<td>2 </td>
<td>Tire </td>
<td>CS251 </td>
<td>Unit </td>
<td>20 </td>
<td>12 </td>
<td>15</td>
<td>12</td>
<td>12</td>
<td>15</td>
<td><img src="../assets/global/img/tire.jpg" alt="" style="width:100px;height:100px;" /> </td>
<td> </td>
</tr>
<tr>
<td>2 </td>
<td>Tire </td>
<td>CS251 </td>
<td>Unit </td>
<td>20 </td>
<td>12 </td>
<td>15</td>
<td>12</td>
<td>12</td>
<td>15</td>
<td><img src="../assets/global/img/tire.jpg" alt="" style="width:100px;height:100px;" /> </td>
<td> </td>
</tr>
<tr>
<td>3 </td>
<td>Chair </td>
<td>CS486 </td>
<td>Unit </td>
<td>5 </td>
<td>12 </td>
<td>15</td>
<td>12</td>
<td>12</td>
<td>15</td>
<td><img src="../assets/global/img/chair.jpg" alt="" style="width:100px;height:100px;" /> </td>
<td> </td>
</tr>
<tr>
<td>3 </td>
<td>Chair </td>
<td>CS486 </td>
<td>Unit </td>
<td>5 </td>
<td>12 </td>
<td>15</td>
<td>12</td>
<td>12</td>
<td>15</td>
<td><img src="../assets/global/img/chair.jpg" alt="" style="width:100px;height:100px;" /> </td>
<td> </td>
</tr>
<tr>
<td>4 </td>
<td>Table </td>
<td>CS125 </td>
<td>Unit </td>
<td>5 </td>
<td>12 </td>
<td>15</td>
<td>12</td>
<td>12</td>
<td>15</td>
<td><img src="../assets/global/img/table.jpg" alt="" style="width:100px;height:100px;" /> </td>
<td> </td>
</tr>
<tr>
<td>4 </td>
<td>Table </td>
<td>CS125 </td>
<td>Unit </td>
<td>5 </td>
<td>12 </td>
<td>15</td>
<td>12</td>
<td>12</td>
<td>15</td>
<td><img src="../assets/global/img/table.jpg" alt="" style="width:100px;height:100px;" /> </td>
<td> </td>
</tr>
</tbody>
</table>
</div>
</tr>
</tbody>
</table>
</div>
</div>
</div>
@@ -731,72 +723,72 @@ License: You must have a valid license purchased only from themeforest(the above
</div>
</div>
</div>
</div>
<div class="modal fade" id="marking" tabindex="-1" role="marking" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body">
<div class="row">
<div class="portlet box green">
<div class="portlet-title">
<div class="caption">
<i class="fa fa-cogs"></i><strong>Marking</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="2" class="tool-action">
<i class="icon-doc"></i> PDF</a>
</li>
</ul>
</div>
<div class="modal fade" id="marking" tabindex="-1" role="marking" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body">
<div class="row">
<div class="portlet box green">
<div class="portlet-title">
<div class="caption">
<i class="fa fa-cogs"></i><strong>Marking</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="2" class="tool-action">
<i class="icon-doc"></i> PDF</a>
</li>
</ul>
</div>
</div>
<div class="portlet-body">
<div class="row">
<div class="col-md-12">
<div class="col-md-4">
<div class="form-body">
<img src="../assets/global/img/qrcode.jpg" style="height:100% ; width:100%" />
</div>
</div>
<div class="col-md-8">
<div class="form-body">
<h1 align="center"><strong>CIEF/011257</strong></h1>
<div class="form-group">
<label class="control-label col-md-5">Warehouse Address
</label>
<label class="control-label col-md-6">70 McCullough Dr, New Castle, 19720 Delaware, United State of America
</label>
</div>
<br/>
<br/>
<div class="form-group">
<label class="control-label col-md-5">Contact Person
</label>
<label class="control-label col-md-6">Lisa Wong
</label>
</div>
<br/>
<div class="form-group">
<label class="control-label col-md-5">Contact No
</label>
<label class="control-label col-md-6">0112563786
</label>
</div>
<br/>
</div>
<div class="portlet-body">
<div class="row">
<div class="col-md-12">
<div class="col-md-4">
<div class="form-body">
<img src="../assets/global/img/qrcode.jpg" style="height:100% ; width:100%" />
</div>
</div>
<div class="col-md-8">
<div class="form-body">
<h1 align="center"><strong>CIEF/011257</strong></h1>
<div class="form-group">
<label class="control-label col-md-5">Warehouse Address
</label>
<label class="control-label col-md-6">70 McCullough Dr, New Castle, 19720 Delaware, United State of America
</label>
</div>
<br/>
<br/>
<div class="form-group">
<label class="control-label col-md-5">Contact Person
</label>
<label class="control-label col-md-6">Lisa Wong
</label>
</div>
<br/>
<div class="form-group">
<label class="control-label col-md-5">Contact No
</label>
<label class="control-label col-md-6">0112563786
</label>
</div>
<br/>
</div>
</div>
</div>
@@ -808,129 +800,139 @@ License: You must have a valid license purchased only from themeforest(the above
</div>
</div>
</div>
<!--[if lt IE 9]>
<!-- BEGIN FOOTER -->
<div class="page-footer">
<div class="page-footer-inner"> Copyright &copy; 2017 IZYIM.COM
<div class="scroll-to-top">
<i class="icon-arrow-up"></i>
</div>
</div>
<!-- END FOOTER -->
</div>
</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 -->
<script src="../assets/global/plugins/select2/js/select2.full.min.js" type="text/javascript"></script>
<script src="../assets/global/plugins/jquery-validation/js/jquery.validate.min.js" type="text/javascript"></script>
<script src="../assets/global/plugins/jquery-validation/js/additional-methods.min.js" type="text/javascript"></script>
<script src="../assets/global/plugins/bootstrap-wizard/jquery.bootstrap.wizard.min.js" type="text/javascript"></script>
<!-- BEGIN PAGE LEVEL PLUGINS -->
<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>
<!-- 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 -->
<script src="../assets/global/plugins/select2/js/select2.full.min.js" type="text/javascript"></script>
<script src="../assets/global/plugins/jquery-validation/js/jquery.validate.min.js" type="text/javascript"></script>
<script src="../assets/global/plugins/jquery-validation/js/additional-methods.min.js" type="text/javascript"></script>
<script src="../assets/global/plugins/bootstrap-wizard/jquery.bootstrap.wizard.min.js" type="text/javascript"></script>
<!-- BEGIN PAGE LEVEL PLUGINS -->
<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>
<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 -->
<!-- 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>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
<!-- END THEME LAYOUT SCRIPTS -->
<!-- END THEME GLOBAL SCRIPTS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<!-- 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>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
<!-- END THEME LAYOUT SCRIPTS -->
<script type="text/javascript">
$(document).ready(function() {
<script type="text/javascript">
$(document).ready(function() {
otable = $('#sample_3').dataTable({
// Internationalisation. For more info refer to http://datatables.net/manual/i18n
"language": {
"aria": {
"sortAscending": ": activate to sort column ascending",
"sortDescending": ": activate to sort column descending"
},
"emptyTable": "No data available in table",
"info": "Showing _START_ to _END_ of _TOTAL_ entries",
"infoEmpty": "No entries found",
"infoFiltered": "(filtered1 from _MAX_ total entries)",
"lengthMenu": "_MENU_ entries",
"search": "Search:",
"zeroRecords": "No matching records found"
otable = $('#sample_3').dataTable({
// Internationalisation. For more info refer to http://datatables.net/manual/i18n
"language": {
"aria": {
"sortAscending": ": activate to sort column ascending",
"sortDescending": ": activate to sort column descending"
},
"info": false,
"emptyTable": "No data available in table",
"info": "Showing _START_ to _END_ of _TOTAL_ entries",
"infoEmpty": "No entries found",
"infoFiltered": "(filtered1 from _MAX_ total entries)",
"lengthMenu": "_MENU_ entries",
"search": "Search:",
"zeroRecords": "No matching records found"
},
"info": false,
// autoWidth: false,
// Or you can use remote translation file
//"language": {
// url: '//cdn.datatables.net/plug-ins/3cfcc339e89/i18n/Portuguese.json'
//},
columnDefs: [{
"orderable": false,
"targets": 0
}],
buttons: [{
extend: 'print',
className: 'btn dark btn-outline'
}, {
extend: 'copy',
className: 'btn red btn-outline'
}, {
extend: 'pdf',
className: 'btn green btn-outline'
}, {
extend: 'excel',
className: 'btn yellow btn-outline '
}, {
extend: 'csv',
className: 'btn purple btn-outline '
}, {
extend: 'colvis',
className: 'btn dark btn-outline',
text: 'Columns'
}],
// autoWidth: false,
// Or you can use remote translation file
//"language": {
// url: '//cdn.datatables.net/plug-ins/3cfcc339e89/i18n/Portuguese.json'
//},
columnDefs: [{
"orderable": false,
"targets": 0
}],
buttons: [{
extend: 'print',
className: 'btn dark btn-outline'
}, {
extend: 'copy',
className: 'btn red btn-outline'
}, {
extend: 'pdf',
className: 'btn green btn-outline'
}, {
extend: 'excel',
className: 'btn yellow btn-outline '
}, {
extend: 'csv',
className: 'btn purple btn-outline '
}, {
extend: 'colvis',
className: 'btn dark btn-outline',
text: 'Columns'
}],
// setup responsive extension: http://datatables.net/extensions/responsive/
responsive: true,
// setup responsive extension: http://datatables.net/extensions/responsive/
responsive: true,
//"ordering": false, disable column ordering
// colReorder: {
// reorderCallback: function () {
// console.log( 'callback' );
// }
// },
//"paging": false, disable pagination
//"ordering": false, disable column ordering
// colReorder: {
// reorderCallback: function () {
// console.log( 'callback' );
// }
// },
//"paging": false, disable pagination
"order": [
[0, 'asc']
],
"order": [
[0, 'asc']
],
"lengthMenu": [
[5, 10, 15, 20, -1],
[5, 10, 15, 20, "All"] // change per page values here
],
// set the initial value
"pageLength": 10,
"lengthMenu": [
[5, 10, 15, 20, -1],
[5, 10, 15, 20, "All"] // change per page values here
],
// set the initial value
"pageLength": 10,
//"dom": "<'row' <'col-md-12'>><'row'<'col-md-6 col-sm-12'l><'col-md-6 col-sm-12'f>r><'table-scrollable't><'row'<'col-md-5 col-sm-12'i><'col-md-7 col-sm-12'p>>", // horizobtal scrollable datatable
// "dom": "<'row' <'col-md-12'B>><'row'<'col-md-6 col-sm-12'l><'col-md-6 col-sm-12'f>r><'table-scrollable't><'row'<'col-md-5 col-sm-12'i><'col-md-7 col-sm-12'p>>", // horizobtal scrollable datatable
// Uncomment below line("dom" parameter) to fix the dropdown overflow issue in the datatable cells. The default datatable layout
// setup uses scrollable div(table-scrollable) with overflow:auto to enable vertical scroll(see: assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.js).
// So when dropdowns used the scrollable div should be removed.
//"dom": "<'row' <'col-md-12'T>><'row'<'col-md-6 col-sm-12'l><'col-md-6 col-sm-12'f>r>t<'row'<'col-md-5 col-sm-12'i><'col-md-7 col-sm-12'p>>",
});
$("#sample_3_filter").css("display", "none");
//"dom": "<'row' <'col-md-12'>><'row'<'col-md-6 col-sm-12'l><'col-md-6 col-sm-12'f>r><'table-scrollable't><'row'<'col-md-5 col-sm-12'i><'col-md-7 col-sm-12'p>>", // horizobtal scrollable datatable
// "dom": "<'row' <'col-md-12'B>><'row'<'col-md-6 col-sm-12'l><'col-md-6 col-sm-12'f>r><'table-scrollable't><'row'<'col-md-5 col-sm-12'i><'col-md-7 col-sm-12'p>>", // horizobtal scrollable datatable
// Uncomment below line("dom" parameter) to fix the dropdown overflow issue in the datatable cells. The default datatable layout
// setup uses scrollable div(table-scrollable) with overflow:auto to enable vertical scroll(see: assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.js).
// So when dropdowns used the scrollable div should be removed.
//"dom": "<'row' <'col-md-12'T>><'row'<'col-md-6 col-sm-12'l><'col-md-6 col-sm-12'f>r>t<'row'<'col-md-5 col-sm-12'i><'col-md-7 col-sm-12'p>>",
});
</script>
$("#sample_3_filter").css("display", "none");
});
</script>
</body>
+279 -601
View File
File diff suppressed because it is too large Load Diff
+690 -292
View File
File diff suppressed because it is too large Load Diff