mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/IZYIM-Prototype.git
synced 2026-08-24 15:14:02 +00:00
importer chat
This commit is contained in:
Hazirah Nabilah
+325
-84
@@ -93,12 +93,9 @@
|
||||
margin-right: -100%;
|
||||
}
|
||||
}
|
||||
.media-object-4 {
|
||||
width: 35px;
|
||||
position: right ;
|
||||
margin-left: 82%;
|
||||
margin-top:0.7%;
|
||||
}
|
||||
.media-object-4 {
|
||||
width: 35px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<!-- END HEAD -->
|
||||
@@ -121,12 +118,14 @@
|
||||
</a>
|
||||
<!-- END RESPONSIVE MENU TOGGLER -->
|
||||
<!-- BEGIN TOP NAVIGATION MENU -->
|
||||
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
|
||||
|
||||
<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">
|
||||
|
||||
<li class="dropdown dropdown-user pull-right">
|
||||
|
||||
<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>
|
||||
@@ -143,6 +142,7 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<img style="border-radius:100%" class="media-object-4" src="../assets/layouts/layout/img/1.png" alt="...">
|
||||
<!-- END USER LOGIN DROPDOWN -->
|
||||
</ul>
|
||||
</div>
|
||||
@@ -182,7 +182,7 @@
|
||||
</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>
|
||||
@@ -196,48 +196,42 @@
|
||||
<span class="selected"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item active open">
|
||||
<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">
|
||||
<ul class="sub-menu">
|
||||
<li class="nav-item ">
|
||||
<a href="deliveryarrange.html" class="nav-link ">
|
||||
<i class="icon-clock"></i>
|
||||
<span class="title">Delivery Arrangement</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="shipementarrange.html" class="nav-link ">
|
||||
<i class="icon-check"></i>
|
||||
<span class="title">Shipment Arrangement</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="warehousenote.html" class="nav-link ">
|
||||
<i class="icon-check"></i>
|
||||
<span class="title">Departure Warehouse Receive Note</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<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="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>
|
||||
@@ -249,6 +243,27 @@
|
||||
<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 -->
|
||||
@@ -288,15 +303,16 @@
|
||||
<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>
|
||||
<input type="text" class="form-control input-circle" placeholder="search...">
|
||||
|
||||
</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>
|
||||
@@ -325,14 +341,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>
|
||||
@@ -340,9 +348,9 @@
|
||||
<div class="portlet-body">
|
||||
<div id="tree_1" class="tree-demo">
|
||||
<ul>
|
||||
<li>
|
||||
<li onclick="show_general();">
|
||||
General
|
||||
</li>
|
||||
</li>
|
||||
<li>
|
||||
CIEF
|
||||
<ul>
|
||||
@@ -375,8 +383,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>
|
||||
@@ -384,7 +392,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">
|
||||
@@ -396,8 +404,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>
|
||||
@@ -543,7 +549,153 @@
|
||||
</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="tab-content">
|
||||
<div class="tab-pane active" id="tab_1_1_1">
|
||||
<ul class="chats">
|
||||
<li class="in">
|
||||
|
||||
<br>
|
||||
<img class="avatar" alt="" src="../assets/global/img/company_logo.png" />
|
||||
<div class="message">
|
||||
<div class="desc"> CIEF updated currency <strong>Buy 1.6</strong> and <strong>Sell 1.605</strong>.</div>
|
||||
<span class="datetime" style="float:left"> 20:11 </span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="in">
|
||||
|
||||
<br>
|
||||
<img class="avatar" alt="" src="../assets/global/img/abc.png" />
|
||||
<div class="message">
|
||||
<div class="desc"> ABC updated currency. <strong>Buy 1.59</strong> and <strong>Sell 1.60</strong>.</div>
|
||||
<span class="datetime" style="float:left"> 20:11 </span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="in">
|
||||
|
||||
<br>
|
||||
<img class="avatar" alt="" src="../assets/global/img/company_logo.png" />
|
||||
<div class="message">
|
||||
<div class="desc"> CIEF updated currency <strong>Buy 1.59</strong> and <strong>Sell 1.60</strong>.</div>
|
||||
<span class="datetime" style="float:left"> 20:33 </span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="tab-pane" id="tab_1_1_2">
|
||||
<ul class="chats">
|
||||
<li class="in">
|
||||
<a style="float:right" data-toggle="modal" href="#profile"> Bob Nilson </a>
|
||||
<br>
|
||||
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar1.jpg" />
|
||||
<div class="message">
|
||||
<span class="arrow"> </span>
|
||||
<span class="body"> Hi. </span>
|
||||
<span class="datetime" style="float:right"> 20:30 </span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="out">
|
||||
<a style="float:right" data-toggle="modal" href="#profile"> Richard Doe </a>
|
||||
<br>
|
||||
<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
|
||||
<div class="message">
|
||||
<span class="arrow"> </span>
|
||||
<span class="body"> Bye. </span>
|
||||
<span class="datetime" style="float:left"> 20:33 </span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</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>
|
||||
@@ -780,6 +932,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">
|
||||
@@ -821,6 +1013,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>
|
||||
@@ -856,24 +1051,25 @@
|
||||
<div class="row">
|
||||
<div class="col-md-10" style="float: none; margin: 0 auto;">
|
||||
<div class="row" style="margin-left:5px;margin-right:5px;margin-top:15px;margin-bottom:15px;">
|
||||
<a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
|
||||
<h5>Please click image to download <i class="fa fa-download" aria-hidden="true"></i></h5>
|
||||
<a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
|
||||
<img src="https://unsplash.it/600.jpg?image=251" class="img-fluid">
|
||||
</a>
|
||||
<a href="https://unsplash.it/1200/768.jpg?image=252" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
|
||||
<img src="https://unsplash.it/600.jpg?image=252" class="img-fluid">
|
||||
</a>
|
||||
<a href="https://unsplash.it/1200/768.jpg?image=253" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
|
||||
<a href="https://unsplash.it/1200/768.jpg?image=253" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
|
||||
<img src="https://unsplash.it/600.jpg?image=253" class="img-fluid">
|
||||
</a>
|
||||
</div>
|
||||
<div class="row" style="margin-left:5px;margin-right:5px;margin-top:10px;margin-bottom:10px;">
|
||||
<a href="https://unsplash.it/1200/768.jpg?image=254" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
|
||||
<a href="https://unsplash.it/1200/768.jpg?image=254" download data-gallery="example-gallery" class="col-sm-4">
|
||||
<img src="https://unsplash.it/600.jpg?image=254" class="img-fluid">
|
||||
</a>
|
||||
<a href="https://unsplash.it/1200/768.jpg?image=255" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
|
||||
<a href="https://unsplash.it/1200/768.jpg?image=255" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
|
||||
<img src="https://unsplash.it/600.jpg?image=255" class="img-fluid">
|
||||
</a>
|
||||
<a href="https://unsplash.it/1200/768.jpg?image=256" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
|
||||
<a href="https://unsplash.it/1200/768.jpg?image=256" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4">
|
||||
<img src="https://unsplash.it/600.jpg?image=256" class="img-fluid">
|
||||
</a>
|
||||
</div>
|
||||
@@ -882,10 +1078,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>
|
||||
@@ -894,28 +1091,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>
|
||||
|
||||
|
||||
@@ -930,7 +1131,6 @@
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<a id="download" href="" download hidden></a>
|
||||
<!-- END CONTENT -->
|
||||
<!-- BEGIN QUICK SIDEBAR -->
|
||||
<a href="javascript:;" class="page-quick-sidebar-toggler">
|
||||
@@ -1014,7 +1214,7 @@
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<a id="download" href="" download hidden></a>
|
||||
|
||||
<!-- END CONTAINER -->
|
||||
<!-- BEGIN FOOTER -->
|
||||
@@ -1068,12 +1268,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 = "";
|
||||
}
|
||||
|
||||
@@ -1106,6 +1308,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);
|
||||
@@ -1144,7 +1354,7 @@
|
||||
}
|
||||
return returnElements;
|
||||
}
|
||||
$('[data-toggle="popover"]').popover({trigger: 'focus'})
|
||||
$('[data-toggle="popover"]').popover({trigger: 'focus'})
|
||||
|
||||
</script>
|
||||
<script src="http://cdnjs.cloudflare.com/ajax/libs/tether/1.2.0/js/tether.min.js" integrity="sha384-Plbmg8JY28KFelvJVai01l8WyZzrYWG825m+cZ0eDDS1f7d/js6ikvy1+X+guPIB" crossorigin="anonymous"></script>
|
||||
@@ -1154,7 +1364,6 @@
|
||||
$(document).ready(function ($) {
|
||||
// delegate calls to data-toggle="lightbox"
|
||||
$(document).on('click', '[data-toggle="lightbox"]:not([data-gallery="navigateTo"]):not([data-gallery="example-gallery-11"])', function(event) {
|
||||
|
||||
event.preventDefault();
|
||||
return $(this).ekkoLightbox({
|
||||
onShown: function() {
|
||||
@@ -1169,10 +1378,33 @@
|
||||
}
|
||||
});
|
||||
});
|
||||
$(document).on('click', '.fa-download', function(event) {
|
||||
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");
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$(document).on('click', '#download2', function(event) {
|
||||
var url = $( ".ekko-lightbox-item.show" ).children("img").attr('src');
|
||||
$("a#download").attr("href", url);
|
||||
document.getElementById('download').click();
|
||||
|
||||
});
|
||||
|
||||
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) {
|
||||
@@ -1248,6 +1480,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>
|
||||
Reference in New Issue
Block a user