Initial Commit
This commit is contained in:
360
public/back/vendors/scripts/script.js
vendored
Normal file
360
public/back/vendors/scripts/script.js
vendored
Normal file
@@ -0,0 +1,360 @@
|
||||
jQuery(window).on("load", function () {
|
||||
"use strict";
|
||||
// bootstrap wysihtml5
|
||||
$(".textarea_editor").wysihtml5({
|
||||
html: true,
|
||||
});
|
||||
});
|
||||
jQuery(window).on("load resize", function () {
|
||||
// custom scrollbar
|
||||
$(".customscroll").mCustomScrollbar({
|
||||
theme: "dark-2",
|
||||
scrollInertia: 300,
|
||||
autoExpandScrollbar: true,
|
||||
advanced: { autoExpandHorizontalScroll: true },
|
||||
});
|
||||
});
|
||||
jQuery(document).ready(function () {
|
||||
"use strict";
|
||||
// Background Image
|
||||
jQuery(".bg_img").each(function (i, elem) {
|
||||
var img = jQuery(elem);
|
||||
jQuery(this).hide();
|
||||
jQuery(this)
|
||||
.parent()
|
||||
.css({
|
||||
background: "url(" + img.attr("src") + ") no-repeat center center",
|
||||
});
|
||||
});
|
||||
|
||||
/*==============================================================*/
|
||||
// Image to svg convert start
|
||||
/*==============================================================*/
|
||||
jQuery("img.svg").each(function () {
|
||||
var $img = jQuery(this);
|
||||
var imgID = $img.attr("id");
|
||||
var imgClass = $img.attr("class");
|
||||
var imgURL = $img.attr("src");
|
||||
jQuery.get(
|
||||
imgURL,
|
||||
function (data) {
|
||||
var $svg = jQuery(data).find("svg");
|
||||
if (typeof imgID !== "undefined") {
|
||||
$svg = $svg.attr("id", imgID);
|
||||
}
|
||||
if (typeof imgClass !== "undefined") {
|
||||
$svg = $svg.attr("class", imgClass + " replaced-svg");
|
||||
}
|
||||
$svg = $svg.removeAttr("xmlns:a");
|
||||
if (
|
||||
!$svg.attr("viewBox") &&
|
||||
$svg.attr("height") &&
|
||||
$svg.attr("width")
|
||||
) {
|
||||
$svg.attr(
|
||||
"viewBox",
|
||||
"0 0 " + $svg.attr("height") + " " + $svg.attr("width")
|
||||
);
|
||||
}
|
||||
$img.replaceWith($svg);
|
||||
},
|
||||
"xml"
|
||||
);
|
||||
});
|
||||
/*==============================================================*/
|
||||
// Image to svg convert end
|
||||
/*==============================================================*/
|
||||
|
||||
// click to scroll
|
||||
// $('.collapse-box').on('shown.bs.collapse', function () {
|
||||
// $(".customscroll").mCustomScrollbar("scrollTo",$(this));
|
||||
// });
|
||||
|
||||
// code split
|
||||
var entityMap = {
|
||||
"&": "&",
|
||||
"<": "<",
|
||||
">": ">",
|
||||
'"': """,
|
||||
"'": "'",
|
||||
"/": "/",
|
||||
};
|
||||
function escapeHtml(string) {
|
||||
return String(string).replace(/[&<>"'\/]/g, function (s) {
|
||||
return entityMap[s];
|
||||
});
|
||||
}
|
||||
//document.addEventListener("DOMContentLoaded", init, false);
|
||||
window.onload = function init() {
|
||||
var codeblock = document.querySelectorAll("pre code");
|
||||
if (codeblock.length) {
|
||||
for (var i = 0, len = codeblock.length; i < len; i++) {
|
||||
var dom = codeblock[i];
|
||||
var html = dom.innerHTML;
|
||||
html = escapeHtml(html);
|
||||
dom.innerHTML = html;
|
||||
}
|
||||
$("pre code").each(function (i, block) {
|
||||
hljs.highlightBlock(block);
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
// Search Icon
|
||||
$("#filter_input").on("keyup", function () {
|
||||
var value = $(this).val().toLowerCase();
|
||||
$("#filter_list .fa-hover").filter(function () {
|
||||
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1);
|
||||
});
|
||||
});
|
||||
|
||||
// custom select 2 init
|
||||
$(".custom-select2").select2();
|
||||
|
||||
// Bootstrap Select
|
||||
//$('.selectpicker').selectpicker();
|
||||
|
||||
// tooltip init
|
||||
$('[data-toggle="tooltip"]').tooltip();
|
||||
|
||||
// popover init
|
||||
$('[data-toggle="popover"]').popover();
|
||||
|
||||
// form-control on focus add class
|
||||
$(".form-control").on("focus", function () {
|
||||
$(this).parent().addClass("focus");
|
||||
});
|
||||
$(".form-control").on("focusout", function () {
|
||||
$(this).parent().removeClass("focus");
|
||||
});
|
||||
|
||||
// sidebar menu icon
|
||||
$('.menu-icon, [data-toggle="left-sidebar-close"]').on("click", function () {
|
||||
//$(this).toggleClass('open');
|
||||
$("body").toggleClass("sidebar-shrink");
|
||||
$(".left-side-bar").toggleClass("open");
|
||||
$(".mobile-menu-overlay").toggleClass("show");
|
||||
});
|
||||
$('[data-toggle="header_search"]').on("click", function () {
|
||||
jQuery(".header-search").slideToggle();
|
||||
});
|
||||
|
||||
var w = $(window).width();
|
||||
$(document).on("touchstart click", function (e) {
|
||||
if (
|
||||
$(e.target).parents(".left-side-bar").length == 0 &&
|
||||
!$(e.target).is(".menu-icon, .menu-icon img")
|
||||
) {
|
||||
$(".left-side-bar").removeClass("open");
|
||||
$(".menu-icon").removeClass("open");
|
||||
$(".mobile-menu-overlay").removeClass("show");
|
||||
}
|
||||
});
|
||||
// $(window).on("resize", function () {
|
||||
// var w = $(window).width();
|
||||
// if ($(window).width() > 1200) {
|
||||
// $(".left-side-bar").removeClass("open");
|
||||
// $(".menu-icon").removeClass("open");
|
||||
// $(".mobile-menu-overlay").removeClass("show");
|
||||
// }
|
||||
// });
|
||||
|
||||
// sidebar menu Active Class
|
||||
$("#accordion-menu").each(function () {
|
||||
var vars = window.location.href.split("/").pop();
|
||||
$(this)
|
||||
.find('a[href="' + vars + '"]')
|
||||
.addClass("active");
|
||||
});
|
||||
|
||||
// click to copy icon
|
||||
$(".fa-hover").click(function (event) {
|
||||
event.preventDefault();
|
||||
var $html = $(this).find(".icon-copy").first();
|
||||
var str = $html.prop("outerHTML");
|
||||
CopyToClipboard(str, true, "Copied");
|
||||
});
|
||||
var clipboard = new ClipboardJS(".code-copy");
|
||||
clipboard.on("success", function (e) {
|
||||
CopyToClipboard("", true, "Copied");
|
||||
e.clearSelection();
|
||||
});
|
||||
|
||||
// date picker
|
||||
$(".date-picker").datepicker({
|
||||
language: "en",
|
||||
autoClose: true,
|
||||
dateFormat: "dd MM yyyy",
|
||||
});
|
||||
$(".datetimepicker").datepicker({
|
||||
timepicker: true,
|
||||
language: "en",
|
||||
autoClose: true,
|
||||
dateFormat: "dd MM yyyy",
|
||||
});
|
||||
$(".datetimepicker-range").datepicker({
|
||||
language: "en",
|
||||
range: true,
|
||||
multipleDates: true,
|
||||
multipleDatesSeparator: " - ",
|
||||
});
|
||||
$(".month-picker").datepicker({
|
||||
language: "en",
|
||||
minView: "months",
|
||||
view: "months",
|
||||
autoClose: true,
|
||||
dateFormat: "MM yyyy",
|
||||
});
|
||||
|
||||
// only time picker
|
||||
$(".time-picker").timeDropper({
|
||||
mousewheel: true,
|
||||
meridians: true,
|
||||
init_animation: "dropdown",
|
||||
setCurrentTime: false,
|
||||
});
|
||||
$(".time-picker-default").timeDropper();
|
||||
|
||||
// var color = $('.btn').data('color');
|
||||
// console.log(color);
|
||||
// $('.btn').style('color'+color);
|
||||
$("[data-color]").each(function () {
|
||||
$(this).css("color", $(this).attr("data-color"));
|
||||
});
|
||||
$("[data-bgcolor]").each(function () {
|
||||
$(this).css("background-color", $(this).attr("data-bgcolor"));
|
||||
});
|
||||
$("[data-border]").each(function () {
|
||||
$(this).css("border", $(this).attr("data-border"));
|
||||
});
|
||||
|
||||
$("#accordion-menu").vmenuModule({
|
||||
Speed: 400,
|
||||
autostart: false,
|
||||
autohide: true,
|
||||
});
|
||||
});
|
||||
|
||||
// sidebar menu accordion
|
||||
(function ($) {
|
||||
$.fn.vmenuModule = function (option) {
|
||||
var obj, item;
|
||||
var options = $.extend(
|
||||
{
|
||||
Speed: 220,
|
||||
autostart: true,
|
||||
autohide: 1,
|
||||
},
|
||||
option
|
||||
);
|
||||
obj = $(this);
|
||||
|
||||
item = obj.find("ul").parent("li").children("a");
|
||||
item.attr("data-option", "off");
|
||||
|
||||
item.unbind("click").on("click", function () {
|
||||
var a = $(this);
|
||||
if (options.autohide) {
|
||||
a.parent()
|
||||
.parent()
|
||||
.find("a[data-option='on']")
|
||||
.parent("li")
|
||||
.children("ul")
|
||||
.slideUp(options.Speed / 1.2, function () {
|
||||
$(this).parent("li").children("a").attr("data-option", "off");
|
||||
$(this).parent("li").removeClass("show");
|
||||
});
|
||||
}
|
||||
if (a.attr("data-option") == "off") {
|
||||
a.parent("li")
|
||||
.children("ul")
|
||||
.slideDown(options.Speed, function () {
|
||||
a.attr("data-option", "on");
|
||||
a.parent("li").addClass("show");
|
||||
});
|
||||
}
|
||||
if (a.attr("data-option") == "on") {
|
||||
a.attr("data-option", "off");
|
||||
a.parent("li").children("ul").slideUp(options.Speed);
|
||||
a.parent("li").removeClass("show");
|
||||
}
|
||||
});
|
||||
if (options.autostart) {
|
||||
obj.find("a").each(function () {
|
||||
$(this)
|
||||
.parent("li")
|
||||
.parent("ul")
|
||||
.slideDown(options.Speed, function () {
|
||||
$(this).parent("li").children("a").attr("data-option", "on");
|
||||
});
|
||||
});
|
||||
} else {
|
||||
obj.find("a.active").each(function () {
|
||||
$(this)
|
||||
.parent("li")
|
||||
.parent("ul")
|
||||
.slideDown(options.Speed, function () {
|
||||
$(this).parent("li").children("a").attr("data-option", "on");
|
||||
$(this).parent("li").addClass("show");
|
||||
});
|
||||
});
|
||||
}
|
||||
};
|
||||
})(window.jQuery || window.Zepto);
|
||||
|
||||
// copy to clipboard function
|
||||
function CopyToClipboard(value, showNotification, notificationText) {
|
||||
var $temp = $("<input>");
|
||||
if (value != "") {
|
||||
var $temp = $("<input>");
|
||||
$("body").append($temp);
|
||||
$temp.val(value).select();
|
||||
document.execCommand("copy");
|
||||
$temp.remove();
|
||||
}
|
||||
if (typeof showNotification === "undefined") {
|
||||
showNotification = true;
|
||||
}
|
||||
if (typeof notificationText === "undefined") {
|
||||
notificationText = "Copied to clipboard";
|
||||
}
|
||||
var notificationTag = $("div.copy-notification");
|
||||
if (showNotification && notificationTag.length == 0) {
|
||||
notificationTag = $("<div/>", {
|
||||
class: "copy-notification",
|
||||
text: notificationText,
|
||||
});
|
||||
$("body").append(notificationTag);
|
||||
|
||||
notificationTag.fadeIn("slow", function () {
|
||||
setTimeout(function () {
|
||||
notificationTag.fadeOut("slow", function () {
|
||||
notificationTag.remove();
|
||||
});
|
||||
}, 1000);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// detectIE Browser
|
||||
(function detectIE() {
|
||||
var ua = window.navigator.userAgent;
|
||||
|
||||
var msie = ua.indexOf("MSIE ");
|
||||
if (msie > 0) {
|
||||
// IE 10 or older => return version number
|
||||
var ieV = parseInt(ua.substring(msie + 5, ua.indexOf(".", msie)), 10);
|
||||
document.querySelector("body").className += " IE";
|
||||
}
|
||||
|
||||
var trident = ua.indexOf("Trident/");
|
||||
if (trident > 0) {
|
||||
// IE 11 => return version number
|
||||
var rv = ua.indexOf("rv:");
|
||||
var ieV = parseInt(ua.substring(rv + 3, ua.indexOf(".", rv)), 10);
|
||||
document.querySelector("body").className += " IE";
|
||||
}
|
||||
|
||||
// other browser
|
||||
return false;
|
||||
})();
|
||||
Reference in New Issue
Block a user