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

Merge branch 'master' of https://gitlab.com/ciefworldwide/IZYIM

Browse Source
This commit is contained in:
Nur Nadiah Nabilah Binti Hashinordin
2017-08-09 17:46:44 +08:00
parent 980f0444fa 82707bc16d
commit 8fa1cc5b60
6 changed files with 88 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Forwarder/chat.html
+21 -14
View File
@@ -587,27 +587,27 @@
<li class="in">
<br>
<img class="avatar" alt="" src="../assets/global/img/bot.png" />
<img class="avatar" alt="" src="../assets/global/img/company_logo.png" />
<div class="message">
<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 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/bot.png" />
<img class="avatar" alt="" src="../assets/global/img/abc.png" />
<div class="message">
<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 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/bot.png" />
<img class="avatar" alt="" src="../assets/global/img/company_logo.png" />
<div class="message">
<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 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>
@@ -1058,14 +1058,14 @@
<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;">
<h4>Please click image to download <i class="fa fa-download" aria-hidden="true"></i></h4>
<a href="https://unsplash.it/1200/768.jpg?image=251" download 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" download data-gallery="example-gallery" class="col-sm-4">
<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" download 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>
@@ -1073,10 +1073,10 @@
<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" download 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" download 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>
@@ -1221,7 +1221,7 @@
</div>
</div>
<a id="download" href="" download hidden></a>
<!-- END CONTAINER -->
<!-- BEGIN FOOTER -->
@@ -1402,7 +1402,14 @@
}
});
});
$(document).on('click', '.fa-download', 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");
});
Importer/chat.html
+8 -2
View File
@@ -930,6 +930,7 @@
</div>
</div>
<a id="download" href="" download hidden></a>
<!-- END CONTENT -->
<!-- BEGIN QUICK SIDEBAR -->
<a href="javascript:;" class="page-quick-sidebar-toggler">
@@ -1143,7 +1144,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>
@@ -1153,6 +1154,7 @@
$(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() {
@@ -1167,7 +1169,11 @@
}
});
});
$(document).on('click', '.fa-download', function(event) {
var url = $( ".ekko-lightbox-item.show" ).children("img").attr('src');
$("a#download").attr("href", url);
document.getElementById('download').click();
});
// disable wrapping
$(document).on('click', '[data-toggle="lightbox"][data-gallery="example-gallery-11"]', function(event) {
event.preventDefault();
Importer/index.html
+1 -1
View File
@@ -437,7 +437,7 @@ License: You must have a valid license purchased only from themeforest(the above
<tr>
<td> <center>1</center> </td>
<td> 03-07-2017 </td>
<td> <a href="trackorder.html">Warehouse Received <i class="fa fa-pencil" aria-hidden="true"></i></a> </td>
<td> <a href="trackorder.html">Delivery Request <span style='color:#36c6d3;font-weight: 700;'>Accepted</span> <i class="fa fa-pencil" aria-hidden="true"></i></a> </td>
<td> PO & SO </td>
<td> <a href="chat.html"> 00005 <span style="margin-bottom: 20px;" class="badge badge-danger">5</span></a> </td>
<td> 123456 </td>
Importer/trackorder.html
+55 -11
View File
@@ -313,11 +313,14 @@ License: You must have a valid license purchased only from themeforest(the above
<div id="tree_1" class="tree-demo">
<ul>
<li>
014588
Order List
<ul>
<li data-jstree='{ "type" : "file" }' onclick="show_content();"> 014587</li>
<li data-jstree='{ "type" : "file" }' onclick="show_content();">
<a href="javascript:;"> 014586 </a>
<li data-jstree='{ "type" : "file" }' onclick="show_content();" >
<span class="editInPlace" >014587</span>
</li>
<li data-jstree='{ "type" : "file" }' onclick="show_content();" >
<span class="editInPlace" >014586</span>
</li>
</ul>
</li>
@@ -335,8 +338,8 @@ License: You must have a valid license purchased only from themeforest(the above
<div class="portlet-title">
<div class="caption">
<i class="icon-directions font-green hide"></i>
<span class="caption-subject bold font-dark uppercase "> Milestone </span> &nbsp; &nbsp; 014587 :
<span class="editInPlace"> Group 1 </span>
<span class="caption-subject bold font-dark uppercase "> Milestone </span> &nbsp; &nbsp; 014587 <!-- :
<span class="editInPlace"> Group 1 </span> -->
<span class="caption-helper"></span>
</div>
</div>
@@ -513,6 +516,10 @@ License: You must have a valid license purchased only from themeforest(the above
<div class="form-group">
<label><b>Arrival Date</b></label>
<p>02-02-2017</p>
<div class="form-group has-error">
<label class="control-label"><b>New Arrival Date</b></label>
<input type="text" class="form-control" id="inputError">
</div>
<label><b>Remark</b></label>
<p>Estimated time arrived</p>
</div>
@@ -555,7 +562,7 @@ License: You must have a valid license purchased only from themeforest(the above
</div>
<div class="clearfix"></div>
<div class="form-group">
<label><b>Name</b></label>
<label><b>Contact Person</b></label>
<textarea class="form-control" rows="1" >Bob</textarea>
</div>
<div class="form-group">
@@ -569,6 +576,18 @@ License: You must have a valid license purchased only from themeforest(the above
<div class="form-group">
<label><b>Country</b></label>
<textarea class="form-control" rows="1">USA</textarea>
</div>
<div class="form-group">
<label><b>Contact Number</b></label>
<textarea class="form-control" rows="1">012-3456789</textarea>
</div>
<div class="form-group">
<label><b>Company Name</b></label>
<textarea class="form-control" rows="1">CIEF Worldwide Sdn Bhd</textarea>
</div>
<div class="form-group">
<label><b>Remark</b></label>
<textarea class="form-control" rows="1"></textarea>
</div>
<div class="form-group last">
<div class="form-actions" align="right">
@@ -619,6 +638,12 @@ License: You must have a valid license purchased only from themeforest(the above
<button type="button" class="btn default">No</button>
</div>
</div>
<div class="form-group">
<label><b>Comment</b></label>
<textarea class="form-control" rows="2"></textarea>
<br>
<button type="submit" class="btn blue">Submit</button>
</div>
</div>
<!--/span-->
<div class="col-md-6">
@@ -1366,10 +1391,29 @@ License: You must have a valid license purchased only from themeforest(the above
<script type="text/javascript">
function show_content(){
//alert('hoooo');
document.getElementById("without_content").style.display = "none";
document.getElementById("with_content").style.display = "";
document.getElementById("file_manager").style.display = "";
}
document.getElementById("without_content").style.display = "none";
document.getElementById("with_content").style.display = "";
var elements = getElementsByClassName('editInPlace', '*', document);
for (var i = 0; i < elements.length; i++) {
elements[i].ondblclick = function() {
this.setAttribute('oldText', this.innerHTML); // not actually required. I use this just in case you want to cancel and set the original text back.
var textBox = document.createElement('INPUT');
textBox.setAttribute('type', 'text');
textBox.value = this.innerHTML;
textBox.onblur = function() {
var newValue = this.value;
this.parentNode.innerHTML = newValue;
//alert("Your new value: \n\n" + newValue);
}
this.innerHTML = '';
this.appendChild(textBox);
}
}(i);
}
window.onload = function() {
var elements = getElementsByClassName('editInPlace', '*', document);
for (var i = 0; i < elements.length; i++) {
assets/global/img/abc.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 171 KiB

assets/lightbox/dist/ekko-lightbox.js
Vendored
+3 -3
View File
@@ -89,7 +89,7 @@ var Lightbox = (function ($) {
this._wantedWidth = 0;
this._wantedHeight = 0;
this._touchstartX = 0;
this._touchendX = 0;
this._touchendX = 0;
this._modalId = 'ekkoLightbox-' + Math.floor(Math.random() * 1000 + 1);
this._$element = $element instanceof jQuery ? $element : $($element);
@@ -100,7 +100,7 @@ var Lightbox = (function ($) {
var btn = '<button type="button" class="close" data-dismiss="modal" aria-label="' + this._config.strings.close + '"><span aria-hidden="true">&times;</span></button>';
var header = '<div class="modal-header' + (this._config.title || this._config.alwaysShowClose ? '' : ' hide') + '">' + (this._isBootstrap3 ? btn + h4 : h4 + btn) + '</div>';
var footer = '<div class="modal-footer' + (this._config.footer ? '' : ' hide') + '">' + (this._config.footer || "&nbsp;") + '</div>';
var footer = '<div class="modal-footer"><center><i class="fa fa-download" aria-hidden="true"></i></center></div>';
var body = '<div class="modal-body"><div class="ekko-lightbox-container"><div class="ekko-lightbox-item fade in show"></div><div class="ekko-lightbox-item fade"></div></div></div>';
var dialog = '<div class="modal-dialog" role="document"><div class="modal-content">' + header + body + footer + '</div></div>';
$(this._config.doc.body).append('<div id="' + this._modalId + '" class="ekko-lightbox modal fade" tabindex="-1" tabindex="-1" role="dialog" aria-hidden="true">' + dialog + '</div>');
@@ -401,7 +401,7 @@ var Lightbox = (function ($) {
if (caption) {
this._footerIsShown = true;
this._$modalFooter.css('display', '').html(caption);
} else this._$modalFooter.css('display', 'none');
} else this._$modalFooter.css('display', '');
return this;
}