first commit
This commit is contained in:
Olu Amey
@@ -0,0 +1,78 @@
|
||||
/*=========================================================================================
|
||||
File Name: context-menu.js
|
||||
Description: Context Menu
|
||||
--------------------------------------------------------------------------------------
|
||||
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
|
||||
Author: PIXINVENT
|
||||
Author URL: http://www.themeforest.net/user/pixinvent
|
||||
==========================================================================================*/
|
||||
|
||||
// Basic Context Menu
|
||||
$.contextMenu({
|
||||
selector: "#basic-context-menu",
|
||||
callback: function (key, options) {
|
||||
var r = "clicked " + key;
|
||||
window.console && toastr.success(r);
|
||||
},
|
||||
items: {
|
||||
"Option 1": { name: "Option 1" },
|
||||
"Option 2": { name: "Option 2" },
|
||||
}
|
||||
})
|
||||
|
||||
// Left Click Trigger
|
||||
$.contextMenu({
|
||||
selector: '#left-click-context-menu',
|
||||
trigger: "left",
|
||||
callback: function (key, options) {
|
||||
var r = "clicked " + key
|
||||
window.console && toastr.success(r);
|
||||
},
|
||||
items: {
|
||||
"Option 1": { name: "Option 1" },
|
||||
"Option 2": { name: "Option 2" },
|
||||
}
|
||||
});
|
||||
|
||||
// Hover Trigger
|
||||
$.contextMenu({
|
||||
selector: '#hover-context-menu',
|
||||
trigger: 'hover',
|
||||
autoHide: true,
|
||||
callback: function (key, options) {
|
||||
var r = "clicked " + key
|
||||
window.console && toastr.success(r);
|
||||
},
|
||||
items: {
|
||||
"Option 1": { name: "Option 1" },
|
||||
"Option 2": { name: "Option 2" },
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// Submenu
|
||||
$.contextMenu({
|
||||
selector: '#submenu-context-menu',
|
||||
callback: function (key, options) {
|
||||
var r = "clicked " + key
|
||||
window.console && toastr.success(r);
|
||||
},
|
||||
items: {
|
||||
"Option 1": { name: "Option 1" },
|
||||
"name": { name: "Option 2" },
|
||||
"fold1": {
|
||||
"name": "Sub Group",
|
||||
"items": {
|
||||
"Foo Bar": { "name": "Foo bar" },
|
||||
"fold1a": {
|
||||
"name": "Other group",
|
||||
"items": {
|
||||
"Echo": { "name": "echo" },
|
||||
"Foxtrot": { "name": "foxtrot" },
|
||||
"Golf": { "name": "golf" }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
@@ -0,0 +1 @@
|
||||
$.contextMenu({selector:"#basic-context-menu",callback:function(e,o){var n="clicked "+e;window.console&&toastr.success(n)},items:{"Option 1":{name:"Option 1"},"Option 2":{name:"Option 2"}}}),$.contextMenu({selector:"#left-click-context-menu",trigger:"left",callback:function(e,o){var n="clicked "+e;window.console&&toastr.success(n)},items:{"Option 1":{name:"Option 1"},"Option 2":{name:"Option 2"}}}),$.contextMenu({selector:"#hover-context-menu",trigger:"hover",autoHide:!0,callback:function(e,o){var n="clicked "+e;window.console&&toastr.success(n)},items:{"Option 1":{name:"Option 1"},"Option 2":{name:"Option 2"}}}),$.contextMenu({selector:"#submenu-context-menu",callback:function(e,o){var n="clicked "+e;window.console&&toastr.success(n)},items:{"Option 1":{name:"Option 1"},name:{name:"Option 2"},fold1:{name:"Sub Group",items:{"Foo Bar":{name:"Foo bar"},fold1a:{name:"Other group",items:{Echo:{name:"echo"},Foxtrot:{name:"foxtrot"},Golf:{name:"golf"}}}}}}});
|
||||
@@ -0,0 +1,17 @@
|
||||
/*=========================================================================================
|
||||
File Name: copy-to-clipboard.js
|
||||
Description: Copy to clipboard
|
||||
--------------------------------------------------------------------------------------
|
||||
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
|
||||
Author: PIXINVENT
|
||||
Author URL: http://www.themeforest.net/user/pixinvent
|
||||
==========================================================================================*/
|
||||
|
||||
var userText = $("#copy-to-clipboard-input");
|
||||
var btnCopy = $("#btn-copy");
|
||||
|
||||
// copy text on click
|
||||
btnCopy.on("click", function () {
|
||||
userText.select();
|
||||
document.execCommand("copy");
|
||||
})
|
||||
@@ -0,0 +1 @@
|
||||
var userText=$("#copy-to-clipboard-input"),btnCopy=$("#btn-copy");btnCopy.on("click",function(){userText.select(),document.execCommand("copy")});
|
||||
@@ -0,0 +1,33 @@
|
||||
/*=========================================================================================
|
||||
File Name: drag-drop.js
|
||||
Description: drag & drop elements using dragula js
|
||||
--------------------------------------------------------------------------------------
|
||||
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
|
||||
Author: PIXINVENT
|
||||
Author URL: http://www.themeforest.net/user/pixinvent
|
||||
==========================================================================================*/
|
||||
|
||||
|
||||
$(document).ready(function () {
|
||||
|
||||
// Draggable Cards
|
||||
dragula([document.getElementById('card-drag-area')]);
|
||||
|
||||
// Sortable Lists
|
||||
dragula([document.getElementById('basic-list-group')]);
|
||||
dragula([document.getElementById('multiple-list-group-a'), document.getElementById('multiple-list-group-b')]);
|
||||
|
||||
// Cloning
|
||||
dragula([document.getElementById('chips-list-1'), document.getElementById('chips-list-2')], {
|
||||
copy: true
|
||||
});
|
||||
|
||||
// With Handles
|
||||
|
||||
dragula([document.getElementById("handle-list-1"), document.getElementById("handle-list-2")], {
|
||||
moves: function (el, container, handle) {
|
||||
return handle.classList.contains('handle');
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
@@ -0,0 +1 @@
|
||||
$(document).ready(function(){dragula([document.getElementById("card-drag-area")]),dragula([document.getElementById("basic-list-group")]),dragula([document.getElementById("multiple-list-group-a"),document.getElementById("multiple-list-group-b")]),dragula([document.getElementById("chips-list-1"),document.getElementById("chips-list-2")],{copy:!0}),dragula([document.getElementById("handle-list-1"),document.getElementById("handle-list-2")],{moves:function(e,t,d){return d.classList.contains("handle")}})});
|
||||
@@ -0,0 +1,91 @@
|
||||
/*=========================================================================================
|
||||
File Name: dropzone.js
|
||||
Description: dropzone
|
||||
--------------------------------------------------------------------------------------
|
||||
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
|
||||
Author: PIXINVENT
|
||||
Author URL: http://www.themeforest.net/user/pixinvent
|
||||
==========================================================================================*/
|
||||
|
||||
Dropzone.options.dpzSingleFile = {
|
||||
paramName: "file", // The name that will be used to transfer the file
|
||||
maxFiles: 1,
|
||||
init: function () {
|
||||
this.on("maxfilesexceeded", function (file) {
|
||||
this.removeAllFiles();
|
||||
this.addFile(file);
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
/********************************************
|
||||
* Multiple Files *
|
||||
********************************************/
|
||||
Dropzone.options.dpzMultipleFiles = {
|
||||
paramName: "file", // The name that will be used to transfer the file
|
||||
maxFilesize: 0.5, // MB
|
||||
clickable: true
|
||||
}
|
||||
|
||||
|
||||
/********************************************************
|
||||
* Use Button To Select Files *
|
||||
********************************************************/
|
||||
new Dropzone(document.body, { // Make the whole body a dropzone
|
||||
url: "#", // Set the url
|
||||
previewsContainer: "#dpz-btn-select-files", // Define the container to display the previews
|
||||
clickable: "#select-files" // Define the element that should be used as click trigger to select files.
|
||||
});
|
||||
|
||||
|
||||
/****************************************************************
|
||||
* Limit File Size and No. Of Files *
|
||||
****************************************************************/
|
||||
Dropzone.options.dpzFileLimits = {
|
||||
paramName: "file", // The name that will be used to transfer the file
|
||||
maxFilesize: 0.5, // MB
|
||||
maxFiles: 5,
|
||||
maxThumbnailFilesize: 1, // MB
|
||||
}
|
||||
|
||||
|
||||
/********************************************
|
||||
* Accepted Files *
|
||||
********************************************/
|
||||
Dropzone.options.dpAcceptFiles = {
|
||||
paramName: "file", // The name that will be used to transfer the file
|
||||
maxFilesize: 1, // MB
|
||||
acceptedFiles: 'image/*'
|
||||
}
|
||||
|
||||
|
||||
/************************************************
|
||||
* Remove Thumbnail *
|
||||
************************************************/
|
||||
Dropzone.options.dpzRemoveThumb = {
|
||||
paramName: "file", // The name that will be used to transfer the file
|
||||
maxFilesize: 1, // MB
|
||||
addRemoveLinks: true,
|
||||
dictRemoveFile: " Trash"
|
||||
}
|
||||
|
||||
/*****************************************************
|
||||
* Remove All Thumbnails *
|
||||
*****************************************************/
|
||||
Dropzone.options.dpzRemoveAllThumb = {
|
||||
paramName: "file", // The name that will be used to transfer the file
|
||||
maxFilesize: 1, // MB
|
||||
init: function () {
|
||||
|
||||
// Using a closure.
|
||||
var _this = this;
|
||||
|
||||
// Setup the observer for the button.
|
||||
$("#clear-dropzone").on("click", function () {
|
||||
// Using "_this" here, because "this" doesn't point to the dropzone anymore
|
||||
_this.removeAllFiles();
|
||||
// If you want to cancel uploads as well, you
|
||||
// could also call _this.removeAllFiles(true);
|
||||
});
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
Dropzone.options.dpzSingleFile={paramName:"file",maxFiles:1,init:function(){this.on("maxfilesexceeded",function(e){this.removeAllFiles(),this.addFile(e)})}},Dropzone.options.dpzMultipleFiles={paramName:"file",maxFilesize:.5,clickable:!0},new Dropzone(document.body,{url:"#",previewsContainer:"#dpz-btn-select-files",clickable:"#select-files"}),Dropzone.options.dpzFileLimits={paramName:"file",maxFilesize:.5,maxFiles:5,maxThumbnailFilesize:1},Dropzone.options.dpAcceptFiles={paramName:"file",maxFilesize:1,acceptedFiles:"image/*"},Dropzone.options.dpzRemoveThumb={paramName:"file",maxFilesize:1,addRemoveLinks:!0,dictRemoveFile:" Trash"},Dropzone.options.dpzRemoveAllThumb={paramName:"file",maxFilesize:1,init:function(){var e=this;$("#clear-dropzone").on("click",function(){e.removeAllFiles()})}};
|
||||
@@ -0,0 +1,194 @@
|
||||
/*=========================================================================================
|
||||
File Name: fullcalendar.js
|
||||
Description: Fullcalendar
|
||||
--------------------------------------------------------------------------------------
|
||||
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
|
||||
Author: PIXINVENT
|
||||
Author URL: http://www.themeforest.net/user/pixinvent
|
||||
==========================================================================================*/
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
|
||||
// color object for different event types
|
||||
var colors = {
|
||||
primary: "#7367f0",
|
||||
success: "#28c76f",
|
||||
danger: "#ea5455",
|
||||
warning: "#ff9f43"
|
||||
};
|
||||
|
||||
// chip text object for different event types
|
||||
var categoryText = {
|
||||
primary: "Others",
|
||||
success: "Business",
|
||||
danger: "Personal",
|
||||
warning: "Work"
|
||||
};
|
||||
var categoryBullets = $(".cal-category-bullets").html(),
|
||||
evtColor = "",
|
||||
eventColor = "";
|
||||
|
||||
// calendar init
|
||||
var calendarEl = document.getElementById('fc-default');
|
||||
|
||||
var calendar = new FullCalendar.Calendar(calendarEl, {
|
||||
plugins: ["dayGrid", "timeGrid", "interaction"],
|
||||
customButtons: {
|
||||
addNew: {
|
||||
text: ' Add',
|
||||
click: function () {
|
||||
var calDate = new Date,
|
||||
todaysDate = calDate.toISOString().slice(0, 10);
|
||||
$(".modal-calendar").modal("show");
|
||||
$(".modal-calendar .cal-submit-event").addClass("d-none");
|
||||
$(".modal-calendar .remove-event").addClass("d-none");
|
||||
$(".modal-calendar .cal-add-event").removeClass("d-none")
|
||||
$(".modal-calendar .cancel-event").removeClass("d-none")
|
||||
$(".modal-calendar .add-category .chip").remove();
|
||||
$("#cal-start-date").val(todaysDate);
|
||||
$("#cal-end-date").val(todaysDate);
|
||||
$(".modal-calendar #cal-start-date").attr("disabled", false);
|
||||
}
|
||||
}
|
||||
},
|
||||
header: {
|
||||
left: "addNew",
|
||||
center: "dayGridMonth,timeGridWeek,timeGridDay",
|
||||
right: "prev,title,next"
|
||||
},
|
||||
displayEventTime: false,
|
||||
navLinks: true,
|
||||
editable: true,
|
||||
allDay: true,
|
||||
navLinkDayClick: function (date) {
|
||||
$(".modal-calendar").modal("show");
|
||||
},
|
||||
dateClick: function (info) {
|
||||
$(".modal-calendar #cal-start-date").val(info.dateStr).attr("disabled", true);
|
||||
$(".modal-calendar #cal-end-date").val(info.dateStr);
|
||||
},
|
||||
// displays saved event values on click
|
||||
eventClick: function (info) {
|
||||
$(".modal-calendar").modal("show");
|
||||
$(".modal-calendar #cal-event-title").val(info.event.title);
|
||||
$(".modal-calendar #cal-start-date").val(moment(info.event.start).format('YYYY-MM-DD'));
|
||||
$(".modal-calendar #cal-end-date").val(moment(info.event.end).format('YYYY-MM-DD'));
|
||||
$(".modal-calendar #cal-description").val(info.event.extendedProps.description);
|
||||
$(".modal-calendar .cal-submit-event").removeClass("d-none");
|
||||
$(".modal-calendar .remove-event").removeClass("d-none");
|
||||
$(".modal-calendar .cal-add-event").addClass("d-none");
|
||||
$(".modal-calendar .cancel-event").addClass("d-none");
|
||||
$(".calendar-dropdown .dropdown-menu").find(".selected").removeClass("selected");
|
||||
var eventCategory = info.event.extendedProps.dataEventColor;
|
||||
var eventText = categoryText[eventCategory]
|
||||
$(".modal-calendar .chip-wrapper .chip").remove();
|
||||
$(".modal-calendar .chip-wrapper").append($("<div class='chip chip-" + eventCategory + "'>" +
|
||||
"<div class='chip-body'>" +
|
||||
"<span class='chip-text'> " + eventText + " </span>" +
|
||||
"</div>" +
|
||||
"</div>"));
|
||||
},
|
||||
});
|
||||
|
||||
// render calendar
|
||||
calendar.render();
|
||||
|
||||
// appends bullets to left class of header
|
||||
$("#basic-examples .fc-right").append(categoryBullets);
|
||||
|
||||
// Close modal on submit button
|
||||
$(".modal-calendar .cal-submit-event").on("click", function () {
|
||||
$(".modal-calendar").modal("hide");
|
||||
});
|
||||
|
||||
// Remove Event
|
||||
$(".remove-event").on("click", function () {
|
||||
var removeEvent = calendar.getEventById('newEvent');
|
||||
removeEvent.remove();
|
||||
});
|
||||
|
||||
|
||||
// reset input element's value for new event
|
||||
if ($("td:not(.fc-event-container)").length > 0) {
|
||||
$(".modal-calendar").on('hidden.bs.modal', function (e) {
|
||||
$('.modal-calendar .form-control').val('');
|
||||
})
|
||||
}
|
||||
|
||||
// remove disabled attr from button after entering info
|
||||
$(".modal-calendar .form-control").on("keyup", function () {
|
||||
if ($(".modal-calendar #cal-event-title").val().length >= 1) {
|
||||
$(".modal-calendar .modal-footer .btn").removeAttr("disabled");
|
||||
}
|
||||
else {
|
||||
$(".modal-calendar .modal-footer .btn").attr("disabled", true);
|
||||
}
|
||||
});
|
||||
|
||||
// open add event modal on click of day
|
||||
$(document).on("click", ".fc-day", function () {
|
||||
$(".modal-calendar").modal("show");
|
||||
$(".calendar-dropdown .dropdown-menu").find(".selected").removeClass("selected");
|
||||
$(".modal-calendar .cal-submit-event").addClass("d-none");
|
||||
$(".modal-calendar .remove-event").addClass("d-none");
|
||||
$(".modal-calendar .cal-add-event").removeClass("d-none");
|
||||
$(".modal-calendar .cancel-event").removeClass("d-none");
|
||||
$(".modal-calendar .add-category .chip").remove();
|
||||
$(".modal-calendar .modal-footer .btn").attr("disabled", true);
|
||||
evtColor = colors.primary;
|
||||
eventColor = "primary";
|
||||
});
|
||||
|
||||
// change chip's and event's color according to event type
|
||||
$(".calendar-dropdown .dropdown-menu .dropdown-item").on("click", function () {
|
||||
var selectedColor = $(this).data("color");
|
||||
evtColor = colors[selectedColor];
|
||||
eventTag = categoryText[selectedColor];
|
||||
eventColor = selectedColor;
|
||||
|
||||
// changes event color after selecting category
|
||||
$(".cal-add-event").on("click", function () {
|
||||
calendar.addEvent({
|
||||
color: evtColor,
|
||||
dataEventColor: eventColor,
|
||||
className: eventColor
|
||||
});
|
||||
})
|
||||
|
||||
$(".calendar-dropdown .dropdown-menu").find(".selected").removeClass("selected");
|
||||
$(this).addClass("selected");
|
||||
|
||||
// add chip according to category
|
||||
$(".modal-calendar .chip-wrapper .chip").remove();
|
||||
$(".modal-calendar .chip-wrapper").append($("<div class='chip chip-" + selectedColor + "'>" +
|
||||
"<div class='chip-body'>" +
|
||||
"<span class='chip-text'> " + eventTag + " </span>" +
|
||||
"</div>" +
|
||||
"</div>"));
|
||||
});
|
||||
|
||||
// calendar add event
|
||||
$(".cal-add-event").on("click", function () {
|
||||
$(".modal-calendar").modal("hide");
|
||||
var eventTitle = $("#cal-event-title").val(),
|
||||
startDate = $("#cal-start-date").val(),
|
||||
endDate = $("#cal-end-date").val(),
|
||||
eventDescription = $("#cal-description").val(),
|
||||
correctEndDate = new Date(endDate);
|
||||
calendar.addEvent({
|
||||
id: "newEvent",
|
||||
title: eventTitle,
|
||||
start: startDate,
|
||||
end: correctEndDate,
|
||||
description: eventDescription,
|
||||
color: evtColor,
|
||||
dataEventColor: eventColor,
|
||||
allDay: true
|
||||
});
|
||||
});
|
||||
|
||||
// date picker
|
||||
$(".pickadate").pickadate({
|
||||
format: 'yyyy-mm-dd'
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1 @@
|
||||
document.addEventListener("DOMContentLoaded",function(){var e={primary:"#7367f0",success:"#28c76f",danger:"#ea5455",warning:"#ff9f43"},n={primary:"Others",success:"Business",danger:"Personal",warning:"Work"},a=$(".cal-category-bullets").html(),t="",o="",d=document.getElementById("fc-default"),c=new FullCalendar.Calendar(d,{plugins:["dayGrid","timeGrid","interaction"],customButtons:{addNew:{text:" Add",click:function(){var a=(new Date).toISOString().slice(0,10);$(".modal-calendar").modal("show"),$(".modal-calendar .cal-submit-event").addClass("d-none"),$(".modal-calendar .remove-event").addClass("d-none"),$(".modal-calendar .cal-add-event").removeClass("d-none"),$(".modal-calendar .cancel-event").removeClass("d-none"),$(".modal-calendar .add-category .chip").remove(),$("#cal-start-date").val(a),$("#cal-end-date").val(a),$(".modal-calendar #cal-start-date").attr("disabled",!1)}}},header:{left:"addNew",center:"dayGridMonth,timeGridWeek,timeGridDay",right:"prev,title,next"},displayEventTime:!1,navLinks:!0,editable:!0,allDay:!0,navLinkDayClick:function(a){$(".modal-calendar").modal("show")},dateClick:function(a){$(".modal-calendar #cal-start-date").val(a.dateStr).attr("disabled",!0),$(".modal-calendar #cal-end-date").val(a.dateStr)},eventClick:function(a){$(".modal-calendar").modal("show"),$(".modal-calendar #cal-event-title").val(a.event.title),$(".modal-calendar #cal-start-date").val(moment(a.event.start).format("YYYY-MM-DD")),$(".modal-calendar #cal-end-date").val(moment(a.event.end).format("YYYY-MM-DD")),$(".modal-calendar #cal-description").val(a.event.extendedProps.description),$(".modal-calendar .cal-submit-event").removeClass("d-none"),$(".modal-calendar .remove-event").removeClass("d-none"),$(".modal-calendar .cal-add-event").addClass("d-none"),$(".modal-calendar .cancel-event").addClass("d-none"),$(".calendar-dropdown .dropdown-menu").find(".selected").removeClass("selected");var e=a.event.extendedProps.dataEventColor,d=n[e];$(".modal-calendar .chip-wrapper .chip").remove(),$(".modal-calendar .chip-wrapper").append($("<div class='chip chip-"+e+"'><div class='chip-body'><span class='chip-text'> "+d+" </span></div></div>"))}});c.render(),$("#basic-examples .fc-right").append(a),$(".modal-calendar .cal-submit-event").on("click",function(){$(".modal-calendar").modal("hide")}),$(".remove-event").on("click",function(){c.getEventById("newEvent").remove()}),0<$("td:not(.fc-event-container)").length&&$(".modal-calendar").on("hidden.bs.modal",function(a){$(".modal-calendar .form-control").val("")}),$(".modal-calendar .form-control").on("keyup",function(){1<=$(".modal-calendar #cal-event-title").val().length?$(".modal-calendar .modal-footer .btn").removeAttr("disabled"):$(".modal-calendar .modal-footer .btn").attr("disabled",!0)}),$(document).on("click",".fc-day",function(){$(".modal-calendar").modal("show"),$(".calendar-dropdown .dropdown-menu").find(".selected").removeClass("selected"),$(".modal-calendar .cal-submit-event").addClass("d-none"),$(".modal-calendar .remove-event").addClass("d-none"),$(".modal-calendar .cal-add-event").removeClass("d-none"),$(".modal-calendar .cancel-event").removeClass("d-none"),$(".modal-calendar .add-category .chip").remove(),$(".modal-calendar .modal-footer .btn").attr("disabled",!0),t=e.primary,o="primary"}),$(".calendar-dropdown .dropdown-menu .dropdown-item").on("click",function(){var a=$(this).data("color");t=e[a],eventTag=n[a],o=a,$(".cal-add-event").on("click",function(){c.addEvent({color:t,dataEventColor:o,className:o})}),$(".calendar-dropdown .dropdown-menu").find(".selected").removeClass("selected"),$(this).addClass("selected"),$(".modal-calendar .chip-wrapper .chip").remove(),$(".modal-calendar .chip-wrapper").append($("<div class='chip chip-"+a+"'><div class='chip-body'><span class='chip-text'> "+eventTag+" </span></div></div>"))}),$(".cal-add-event").on("click",function(){$(".modal-calendar").modal("hide");var a=$("#cal-event-title").val(),e=$("#cal-start-date").val(),d=$("#cal-end-date").val(),n=$("#cal-description").val(),l=new Date(d);c.addEvent({id:"newEvent",title:a,start:e,end:l,description:n,color:t,dataEventColor:o,allDay:!0})}),$(".pickadate").pickadate({format:"yyyy-mm-dd"})});
|
||||
@@ -0,0 +1,37 @@
|
||||
/*=========================================================================================
|
||||
File Name: i18n.js
|
||||
Description: Internationalization
|
||||
--------------------------------------------------------------------------------------
|
||||
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
|
||||
Author: PIXINVENT
|
||||
Author URL: http://www.themeforest.net/user/pixinvent
|
||||
==========================================================================================*/
|
||||
|
||||
// For Language Select
|
||||
var changeText = $('.card-localization .card-text')
|
||||
|
||||
// for extensions i18n page
|
||||
// i18n has been initialized already we have have to add resource bundle
|
||||
i18next.addResourceBundle('en_p', 'translation', {
|
||||
key: "Cake sesame snaps cupcake gingerbread danish I love gingerbread. Apple pie pie jujubes chupa chups muffin halvah lollipop. Chocolate cake oat cake tiramisu marzipan sugar plum. Donut sweet pie oat cake dragée fruitcake cotton candy lemon drops."
|
||||
});
|
||||
|
||||
i18next.addResourceBundle('pt_p', 'translation', {
|
||||
key: "O sésamo do bolo agarra dinamarquês do pão-de-espécie do queque eu amo o pão-de-espécie. Torta de torta de maçã jujubes chupa chups pirulito halvah muffin. Ameixa do açúcar do maçapão do tiramisu do bolo da aveia do bolo de chocolate. Donut doce aveia torta dragée fruitcake algodão doce gotas de limão."
|
||||
});
|
||||
|
||||
i18next.addResourceBundle('fr_p', 'translation', {
|
||||
key: "Gâteau au sésame s'enclenche petit pain au pain d'épices danois J'adore le pain d'épices. Tarte aux pommes jujubes chupa chups muffin halva sucette. Gateau au chocolat gateau d \ 'avoine tiramisu prune sucre. Donut tourte sucrée gateau dragée fruit gateau barbe a papa citron gouttes.."
|
||||
});
|
||||
i18next.addResourceBundle('de_p', 'translation', {
|
||||
key: "Kuchen Sesam Snaps Cupcake Lebkuchen dänisch Ich liebe Lebkuchen. Apfelkuchen Jujubes Chupa Chups Muffin Halwa Lutscher. Schokoladenkuchen-Haferkuchen-Tiramisumarzipanzuckerpflaume. Donut süße Torte Hafer Kuchen Dragée Obstkuchen Zuckerwatte Zitronentropfen."
|
||||
});
|
||||
|
||||
// Change Card Text Language On Click
|
||||
$(".language-options").on("click", ".i18n-lang-option", function () {
|
||||
var selected_lng = $(this).data('lng');
|
||||
i18next.changeLanguage(selected_lng, function (err, t) {
|
||||
// resources have been loaded
|
||||
changeText.localize();
|
||||
});
|
||||
})
|
||||
@@ -0,0 +1 @@
|
||||
var changeText=$(".card-localization .card-text");i18next.addResourceBundle("en_p","translation",{key:"Cake sesame snaps cupcake gingerbread danish I love gingerbread. Apple pie pie jujubes chupa chups muffin halvah lollipop. Chocolate cake oat cake tiramisu marzipan sugar plum. Donut sweet pie oat cake dragée fruitcake cotton candy lemon drops."}),i18next.addResourceBundle("pt_p","translation",{key:"O sésamo do bolo agarra dinamarquês do pão-de-espécie do queque eu amo o pão-de-espécie. Torta de torta de maçã jujubes chupa chups pirulito halvah muffin. Ameixa do açúcar do maçapão do tiramisu do bolo da aveia do bolo de chocolate. Donut doce aveia torta dragée fruitcake algodão doce gotas de limão."}),i18next.addResourceBundle("fr_p","translation",{key:"Gâteau au sésame s'enclenche petit pain au pain d'épices danois J'adore le pain d'épices. Tarte aux pommes jujubes chupa chups muffin halva sucette. Gateau au chocolat gateau d 'avoine tiramisu prune sucre. Donut tourte sucrée gateau dragée fruit gateau barbe a papa citron gouttes.."}),i18next.addResourceBundle("de_p","translation",{key:"Kuchen Sesam Snaps Cupcake Lebkuchen dänisch Ich liebe Lebkuchen. Apfelkuchen Jujubes Chupa Chups Muffin Halwa Lutscher. Schokoladenkuchen-Haferkuchen-Tiramisumarzipanzuckerpflaume. Donut süße Torte Hafer Kuchen Dragée Obstkuchen Zuckerwatte Zitronentropfen."}),$(".language-options").on("click",".i18n-lang-option",function(){var e=$(this).data("lng");i18next.changeLanguage(e,function(e,a){changeText.localize()})});
|
||||
@@ -0,0 +1,16 @@
|
||||
/*=========================================================================================
|
||||
File Name: media-plyr.js
|
||||
Description: Media Plyr Extenstion
|
||||
--------------------------------------------------------------------------------------
|
||||
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
|
||||
Author: PIXINVENT
|
||||
Author URL: http://www.themeforest.net/user/pixinvent
|
||||
==========================================================================================*/
|
||||
|
||||
$(document).ready(function () {
|
||||
// video player define
|
||||
var player = new Plyr(".video-player");
|
||||
// audio player define
|
||||
var player1 = new Plyr(".audio-player");
|
||||
|
||||
});
|
||||
@@ -0,0 +1 @@
|
||||
$(document).ready(function(){new Plyr(".video-player"),new Plyr(".audio-player")});
|
||||
@@ -0,0 +1,903 @@
|
||||
/*=========================================================================================
|
||||
File Name: noui-slider.js
|
||||
Description: noUiSlider is a lightweight JavaScript range slider library.
|
||||
----------------------------------------------------------------------------------------
|
||||
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
|
||||
Author: PIXINVENT
|
||||
Author URL: http://www.themeforest.net/user/pixinvent
|
||||
==========================================================================================*/
|
||||
$(document).ready(function () {
|
||||
|
||||
// RTL Support
|
||||
var direction = 'ltr';
|
||||
if($('html').data('textdirection') == 'rtl'){
|
||||
direction = 'rtl';
|
||||
}
|
||||
|
||||
/********************************************
|
||||
* Slider values *
|
||||
********************************************/
|
||||
|
||||
// Handles
|
||||
var handlesSlider = document.getElementById('slider-handles');
|
||||
|
||||
noUiSlider.create(handlesSlider, {
|
||||
start: [4000, 8000],
|
||||
direction: direction,
|
||||
range: {
|
||||
'min': [2000],
|
||||
'max': [10000]
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// Snapping between steps
|
||||
var snapSlider = document.getElementById('slider-snap');
|
||||
|
||||
noUiSlider.create(snapSlider, {
|
||||
start: [0, 500],
|
||||
direction: direction,
|
||||
snap: true,
|
||||
connect: true,
|
||||
range: {
|
||||
'min': 0,
|
||||
'10%': 50,
|
||||
'20%': 100,
|
||||
'30%': 150,
|
||||
'40%': 500,
|
||||
'50%': 800,
|
||||
'max': 1000
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
/************************************************
|
||||
* Slider behaviour *
|
||||
************************************************/
|
||||
|
||||
// Tap
|
||||
tapSlider = document.getElementById('tap');
|
||||
|
||||
noUiSlider.create(tapSlider, {
|
||||
start: 40,
|
||||
direction: direction,
|
||||
behaviour: 'tap',
|
||||
connect: 'upper',
|
||||
range: {
|
||||
'min': 20,
|
||||
'max': 80
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// Drag
|
||||
var dragSlider = document.getElementById('drag');
|
||||
|
||||
noUiSlider.create(dragSlider, {
|
||||
start: [40, 60],
|
||||
direction: direction,
|
||||
behaviour: 'drag',
|
||||
connect: true,
|
||||
range: {
|
||||
'min': 20,
|
||||
'max': 80
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// Fixed dragging
|
||||
dragFixedSlider = document.getElementById('drag-fixed');
|
||||
|
||||
noUiSlider.create(dragFixedSlider, {
|
||||
start: [40, 60],
|
||||
direction: direction,
|
||||
behaviour: 'drag-fixed',
|
||||
connect: true,
|
||||
range: {
|
||||
'min': 20,
|
||||
'max': 80
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
// Hover
|
||||
var hoverSlider = document.getElementById('hover'),
|
||||
field = document.getElementById('hover-val');
|
||||
|
||||
noUiSlider.create(hoverSlider, {
|
||||
start: 20,
|
||||
direction: direction,
|
||||
behaviour: 'hover-snap',
|
||||
range: {
|
||||
'min': 0,
|
||||
'max': 10
|
||||
}
|
||||
});
|
||||
|
||||
hoverSlider.noUiSlider.on('hover', function (value) {
|
||||
field.innerHTML = value;
|
||||
});
|
||||
|
||||
|
||||
// Combined options
|
||||
dragTapSlider = document.getElementById('combined');
|
||||
|
||||
noUiSlider.create(dragTapSlider, {
|
||||
start: [40, 60],
|
||||
direction: direction,
|
||||
behaviour: 'drag-tap',
|
||||
connect: true,
|
||||
range: {
|
||||
'min': 20,
|
||||
'max': 80
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
/****************************************************
|
||||
* Slider Scales / Pips *
|
||||
****************************************************/
|
||||
|
||||
var range_all_sliders = {
|
||||
'min': [0],
|
||||
'10%': [5, 5],
|
||||
'50%': [40, 10],
|
||||
'max': [100]
|
||||
};
|
||||
|
||||
// Range
|
||||
var pipsRange = document.getElementById('pips-range');
|
||||
|
||||
noUiSlider.create(pipsRange, {
|
||||
range: range_all_sliders,
|
||||
start: 0,
|
||||
direction: direction,
|
||||
pips: {
|
||||
mode: 'range',
|
||||
density: 3
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// Steps
|
||||
var range_step_sliders = {
|
||||
'min': [0],
|
||||
'10%': [5, 5],
|
||||
'50%': [25, 20],
|
||||
'max': [50, 50]
|
||||
};
|
||||
function filter500(value, type) {
|
||||
if (type === 0) {
|
||||
return value < 50 ? -1 : 0;
|
||||
}
|
||||
return value % 50 ? 2 : 1;
|
||||
}
|
||||
|
||||
var pipsStepsFilter = document.getElementById('pips-steps-filter');
|
||||
|
||||
noUiSlider.create(pipsStepsFilter, {
|
||||
range: range_step_sliders,
|
||||
start: 0,
|
||||
direction: direction,
|
||||
pips: {
|
||||
mode: 'steps',
|
||||
density: 5,
|
||||
filter: filter500,
|
||||
format: wNumb({
|
||||
decimals: 0,
|
||||
prefix: '$'
|
||||
})
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
/********************************************
|
||||
* Slider Colors *
|
||||
********************************************/
|
||||
|
||||
// Default
|
||||
var defaultColorSlider = document.getElementById('default-color-slider');
|
||||
|
||||
noUiSlider.create(defaultColorSlider, {
|
||||
start: [45, 55],
|
||||
direction: direction,
|
||||
behaviour: 'drag',
|
||||
connect: true,
|
||||
range: {
|
||||
'min': 20,
|
||||
'max': 80
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// Success
|
||||
var successColorSlider = document.getElementById('success-color-slider');
|
||||
|
||||
noUiSlider.create(successColorSlider, {
|
||||
start: [40, 60],
|
||||
direction: direction,
|
||||
behaviour: 'drag',
|
||||
connect: true,
|
||||
range: {
|
||||
'min': 20,
|
||||
'max': 80
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// Info
|
||||
var infoColorSlider = document.getElementById('info-color-slider');
|
||||
|
||||
noUiSlider.create(infoColorSlider, {
|
||||
start: [35, 65],
|
||||
direction: direction,
|
||||
behaviour: 'drag',
|
||||
connect: true,
|
||||
range: {
|
||||
'min': 20,
|
||||
'max': 80
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// Warning
|
||||
var warningColorSlider = document.getElementById('warning-color-slider');
|
||||
|
||||
noUiSlider.create(warningColorSlider, {
|
||||
start: [45, 55],
|
||||
direction: direction,
|
||||
behaviour: 'drag',
|
||||
connect: true,
|
||||
range: {
|
||||
'min': 20,
|
||||
'max': 80
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// Danger
|
||||
var dangerColorSlider = document.getElementById('danger-color-slider');
|
||||
|
||||
noUiSlider.create(dangerColorSlider, {
|
||||
start: [40, 60],
|
||||
direction: direction,
|
||||
behaviour: 'drag',
|
||||
connect: true,
|
||||
range: {
|
||||
'min': 20,
|
||||
'max': 80
|
||||
}
|
||||
});
|
||||
|
||||
// Colored Connects
|
||||
|
||||
var sliderColoredConnects = document.getElementById('colored-connect');
|
||||
|
||||
noUiSlider.create(sliderColoredConnects, {
|
||||
start: [4000, 8000, 12000, 16000],
|
||||
direction: direction,
|
||||
connect: [false, true, true, true, true],
|
||||
range: {
|
||||
'min': [2000],
|
||||
'max': [20000]
|
||||
}
|
||||
});
|
||||
|
||||
var connect = sliderColoredConnects.querySelectorAll('.noUi-connect');
|
||||
var classes = ['bg-primary', 'bg-success', 'bg-info', 'bg-danger', 'bg-warning'];
|
||||
|
||||
for (var i = 0; i < connect.length; i++) {
|
||||
connect[i].classList.add(classes[i]);
|
||||
}
|
||||
|
||||
|
||||
/********************************************
|
||||
* Slider Sizing *
|
||||
********************************************/
|
||||
|
||||
// Extra large options
|
||||
var xl_options = {
|
||||
start: [45, 55],
|
||||
direction: direction,
|
||||
behaviour: 'drag',
|
||||
connect: true,
|
||||
range: {
|
||||
'min': 20,
|
||||
'max': 80
|
||||
}
|
||||
};
|
||||
|
||||
var lg_options = {
|
||||
start: [40, 60],
|
||||
direction: direction,
|
||||
behaviour: 'drag',
|
||||
connect: true,
|
||||
range: {
|
||||
'min': 20,
|
||||
'max': 80
|
||||
}
|
||||
};
|
||||
|
||||
var default_options = {
|
||||
start: [35, 65],
|
||||
direction: direction,
|
||||
behaviour: 'drag',
|
||||
connect: true,
|
||||
range: {
|
||||
'min': 20,
|
||||
'max': 80
|
||||
}
|
||||
};
|
||||
|
||||
var sm_options = {
|
||||
start: [30, 70],
|
||||
direction: direction,
|
||||
behaviour: 'drag',
|
||||
connect: true,
|
||||
range: {
|
||||
'min': 20,
|
||||
'max': 80
|
||||
}
|
||||
};
|
||||
|
||||
var xs_options = {
|
||||
start: [25, 75],
|
||||
direction: direction,
|
||||
behaviour: 'drag',
|
||||
connect: true,
|
||||
range: {
|
||||
'min': 20,
|
||||
'max': 80
|
||||
}
|
||||
};
|
||||
|
||||
// Extra Large
|
||||
var extraLargeSlider = document.getElementById('extra-large-slider');
|
||||
var circleExtraLargeSlider = document.getElementById('circle-extra-large-slider');
|
||||
var squareExtraLargeSlider = document.getElementById('square-extra-large-slider');
|
||||
|
||||
noUiSlider.create(extraLargeSlider, xl_options);
|
||||
noUiSlider.create(circleExtraLargeSlider, xl_options);
|
||||
noUiSlider.create(squareExtraLargeSlider, xl_options);
|
||||
|
||||
// Large
|
||||
var largeSlider = document.getElementById('large-slider');
|
||||
var circleLargeSlider = document.getElementById('circle-large-slider');
|
||||
var squareLargeSlider = document.getElementById('square-large-slider');
|
||||
|
||||
noUiSlider.create(largeSlider, lg_options);
|
||||
noUiSlider.create(circleLargeSlider, lg_options);
|
||||
noUiSlider.create(squareLargeSlider, lg_options);
|
||||
|
||||
// Default
|
||||
var defaultSlider = document.getElementById('default-slider');
|
||||
var circleDefaultSlider = document.getElementById('circle-default-slider');
|
||||
var squareDefaultSlider = document.getElementById('square-default-slider');
|
||||
|
||||
noUiSlider.create(defaultSlider, default_options);
|
||||
noUiSlider.create(circleDefaultSlider, default_options);
|
||||
noUiSlider.create(squareDefaultSlider, default_options);
|
||||
|
||||
// Small
|
||||
var smallSlider = document.getElementById('small-slider');
|
||||
var circleSmallSlider = document.getElementById('circle-small-slider');
|
||||
var squareSmallSlider = document.getElementById('square-small-slider');
|
||||
|
||||
noUiSlider.create(smallSlider, sm_options);
|
||||
noUiSlider.create(circleSmallSlider, sm_options);
|
||||
noUiSlider.create(squareSmallSlider, sm_options);
|
||||
|
||||
// Extra Small
|
||||
var extraSmallSlider = document.getElementById('extra-small-slider');
|
||||
var circleExtraSmallSlider = document.getElementById('circle-extra-small-slider');
|
||||
var squareExtraSmallSlider = document.getElementById('square-extra-small-slider');
|
||||
|
||||
noUiSlider.create(extraSmallSlider, xs_options);
|
||||
noUiSlider.create(circleExtraSmallSlider, xs_options);
|
||||
noUiSlider.create(squareExtraSmallSlider, xs_options);
|
||||
|
||||
|
||||
/********************************************
|
||||
* Vertical Slider *
|
||||
********************************************/
|
||||
|
||||
// Default
|
||||
var vertical_slider_1 = document.getElementById('slider-vertical-1');
|
||||
|
||||
noUiSlider.create(vertical_slider_1, {
|
||||
start: 20,
|
||||
direction: direction,
|
||||
orientation: 'vertical',
|
||||
range: {
|
||||
'min': 0,
|
||||
'max': 100
|
||||
}
|
||||
});
|
||||
|
||||
var vertical_slider_2 = document.getElementById('slider-vertical-2');
|
||||
|
||||
noUiSlider.create(vertical_slider_2, {
|
||||
start: 50,
|
||||
direction: direction,
|
||||
orientation: 'vertical',
|
||||
range: {
|
||||
'min': 0,
|
||||
'max': 100
|
||||
}
|
||||
});
|
||||
|
||||
var vertical_slider_3 = document.getElementById('slider-vertical-3');
|
||||
|
||||
noUiSlider.create(vertical_slider_3, {
|
||||
start: 20,
|
||||
direction: direction,
|
||||
orientation: 'vertical',
|
||||
range: {
|
||||
'min': 0,
|
||||
'max': 100
|
||||
}
|
||||
});
|
||||
|
||||
var vertical_slider_4 = document.getElementById('slider-vertical-4');
|
||||
|
||||
noUiSlider.create(vertical_slider_4, {
|
||||
start: 50,
|
||||
direction: direction,
|
||||
orientation: 'vertical',
|
||||
range: {
|
||||
'min': 0,
|
||||
'max': 100
|
||||
}
|
||||
});
|
||||
|
||||
var vertical_slider_5 = document.getElementById('slider-vertical-5');
|
||||
|
||||
noUiSlider.create(vertical_slider_5, {
|
||||
start: 20,
|
||||
direction: direction,
|
||||
orientation: 'vertical',
|
||||
range: {
|
||||
'min': 0,
|
||||
'max': 100
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// Connect to lower
|
||||
var connectLowerSlider1 = document.getElementById('connect-lower-1');
|
||||
|
||||
noUiSlider.create(connectLowerSlider1, {
|
||||
start: 30,
|
||||
direction: direction,
|
||||
orientation: 'vertical',
|
||||
connect: 'lower',
|
||||
range: {
|
||||
'min': 0,
|
||||
'max': 100
|
||||
}
|
||||
});
|
||||
|
||||
var connectLowerSlider2 = document.getElementById('connect-lower-2');
|
||||
|
||||
noUiSlider.create(connectLowerSlider2, {
|
||||
start: 40,
|
||||
direction: direction,
|
||||
orientation: 'vertical',
|
||||
connect: 'lower',
|
||||
range: {
|
||||
'min': 0,
|
||||
'max': 100
|
||||
}
|
||||
});
|
||||
|
||||
var connectLowerSlider3 = document.getElementById('connect-lower-3');
|
||||
|
||||
noUiSlider.create(connectLowerSlider3, {
|
||||
start: 50,
|
||||
direction: direction,
|
||||
orientation: 'vertical',
|
||||
connect: 'lower',
|
||||
range: {
|
||||
'min': 0,
|
||||
'max': 100
|
||||
}
|
||||
});
|
||||
|
||||
var connectLowerSlider4 = document.getElementById('connect-lower-4');
|
||||
|
||||
noUiSlider.create(connectLowerSlider4, {
|
||||
start: 60,
|
||||
direction: direction,
|
||||
orientation: 'vertical',
|
||||
connect: 'lower',
|
||||
range: {
|
||||
'min': 0,
|
||||
'max': 100
|
||||
}
|
||||
});
|
||||
|
||||
var connectLowerSlider5 = document.getElementById('connect-lower-5');
|
||||
|
||||
noUiSlider.create(connectLowerSlider5, {
|
||||
start: 70,
|
||||
direction: direction,
|
||||
orientation: 'vertical',
|
||||
connect: 'lower',
|
||||
range: {
|
||||
'min': 0,
|
||||
'max': 100
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// Connect to upper
|
||||
var connectUpperSlider1 = document.getElementById('connect-upper-1');
|
||||
|
||||
noUiSlider.create(connectUpperSlider1, {
|
||||
start: 30,
|
||||
direction: direction,
|
||||
orientation: 'vertical',
|
||||
connect: 'upper',
|
||||
range: {
|
||||
'min': 0,
|
||||
'max': 100
|
||||
}
|
||||
});
|
||||
|
||||
var connectUpperSlider2 = document.getElementById('connect-upper-2');
|
||||
|
||||
noUiSlider.create(connectUpperSlider2, {
|
||||
start: 40,
|
||||
direction: direction,
|
||||
orientation: 'vertical',
|
||||
connect: 'upper',
|
||||
range: {
|
||||
'min': 0,
|
||||
'max': 100
|
||||
}
|
||||
});
|
||||
|
||||
var connectUpperSlider3 = document.getElementById('connect-upper-3');
|
||||
|
||||
noUiSlider.create(connectUpperSlider3, {
|
||||
start: 50,
|
||||
direction: direction,
|
||||
orientation: 'vertical',
|
||||
connect: 'upper',
|
||||
range: {
|
||||
'min': 0,
|
||||
'max': 100
|
||||
}
|
||||
});
|
||||
|
||||
var connectUpperSlider4 = document.getElementById('connect-upper-4');
|
||||
|
||||
noUiSlider.create(connectUpperSlider4, {
|
||||
start: 60,
|
||||
direction: direction,
|
||||
orientation: 'vertical',
|
||||
connect: 'upper',
|
||||
range: {
|
||||
'min': 0,
|
||||
'max': 100
|
||||
}
|
||||
});
|
||||
|
||||
var connectUpperSlider5 = document.getElementById('connect-upper-5');
|
||||
|
||||
noUiSlider.create(connectUpperSlider5, {
|
||||
start: 70,
|
||||
direction: direction,
|
||||
orientation: 'vertical',
|
||||
connect: 'upper',
|
||||
range: {
|
||||
'min': 0,
|
||||
'max': 100
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// Tooltips
|
||||
var tooltipSlider1 = document.getElementById('slider-tooltips-1');
|
||||
|
||||
noUiSlider.create(tooltipSlider1, {
|
||||
start: [20, 80],
|
||||
direction: direction,
|
||||
orientation: 'vertical',
|
||||
tooltips: [false, wNumb({
|
||||
decimals: 1
|
||||
})],
|
||||
range: {
|
||||
'min': 0,
|
||||
'max': 100
|
||||
}
|
||||
});
|
||||
|
||||
var tooltipSlider2 = document.getElementById('slider-tooltips-2');
|
||||
|
||||
noUiSlider.create(tooltipSlider2, {
|
||||
start: [20, 80],
|
||||
direction: direction,
|
||||
orientation: 'vertical',
|
||||
tooltips: [false, wNumb({
|
||||
decimals: 1
|
||||
})],
|
||||
range: {
|
||||
'min': 0,
|
||||
'max': 100
|
||||
}
|
||||
});
|
||||
|
||||
var tooltipSlider3 = document.getElementById('slider-tooltips-3');
|
||||
|
||||
noUiSlider.create(tooltipSlider3, {
|
||||
start: [20, 80],
|
||||
direction: direction,
|
||||
orientation: 'vertical',
|
||||
tooltips: [false, wNumb({
|
||||
decimals: 1
|
||||
})],
|
||||
range: {
|
||||
'min': 0,
|
||||
'max': 100
|
||||
}
|
||||
});
|
||||
|
||||
// Direction top to bottom
|
||||
var directionTopBottom1 = document.getElementById('slider-direction-top-bottom-1');
|
||||
|
||||
noUiSlider.create(directionTopBottom1, {
|
||||
range: range_all_sliders,
|
||||
start: 30,
|
||||
direction: direction,
|
||||
connect: 'lower',
|
||||
orientation: 'vertical',
|
||||
pips: {
|
||||
mode: 'range',
|
||||
density: 5
|
||||
}
|
||||
});
|
||||
|
||||
var directionTopBottom2 = document.getElementById('slider-direction-top-bottom-2');
|
||||
|
||||
noUiSlider.create(directionTopBottom2, {
|
||||
range: range_all_sliders,
|
||||
start: 50,
|
||||
direction: direction,
|
||||
connect: 'lower',
|
||||
orientation: 'vertical',
|
||||
pips: {
|
||||
mode: 'range',
|
||||
density: 5
|
||||
}
|
||||
});
|
||||
|
||||
var directionTopBottom3 = document.getElementById('slider-direction-top-bottom-3');
|
||||
|
||||
noUiSlider.create(directionTopBottom3, {
|
||||
range: range_all_sliders,
|
||||
start: 70,
|
||||
direction: direction,
|
||||
connect: 'lower',
|
||||
orientation: 'vertical',
|
||||
pips: {
|
||||
mode: 'range',
|
||||
density: 5
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
// Limit
|
||||
var verticalLimitSlider1 = document.getElementById('vertical-limit-1');
|
||||
|
||||
noUiSlider.create(verticalLimitSlider1, {
|
||||
start: [40, 60],
|
||||
direction: direction,
|
||||
orientation: 'vertical',
|
||||
limit: 40,
|
||||
behaviour: 'drag',
|
||||
connect: true,
|
||||
range: {
|
||||
'min': 0,
|
||||
'max': 100
|
||||
}
|
||||
});
|
||||
|
||||
var verticalLimitSlider2 = document.getElementById('vertical-limit-2');
|
||||
|
||||
noUiSlider.create(verticalLimitSlider2, {
|
||||
start: [35, 65],
|
||||
direction: direction,
|
||||
orientation: 'vertical',
|
||||
limit: 40,
|
||||
behaviour: 'drag',
|
||||
connect: true,
|
||||
range: {
|
||||
'min': 0,
|
||||
'max': 100
|
||||
}
|
||||
});
|
||||
|
||||
var verticalLimitSlider3 = document.getElementById('vertical-limit-3');
|
||||
|
||||
noUiSlider.create(verticalLimitSlider3, {
|
||||
start: [30, 70],
|
||||
direction: direction,
|
||||
orientation: 'vertical',
|
||||
limit: 50,
|
||||
behaviour: 'drag',
|
||||
connect: true,
|
||||
range: {
|
||||
'min': 0,
|
||||
'max': 100
|
||||
}
|
||||
});
|
||||
|
||||
var verticalLimitSlider4 = document.getElementById('vertical-limit-4');
|
||||
|
||||
noUiSlider.create(verticalLimitSlider4, {
|
||||
start: [25, 75],
|
||||
direction: direction,
|
||||
orientation: 'vertical',
|
||||
limit: 50,
|
||||
behaviour: 'drag',
|
||||
connect: true,
|
||||
range: {
|
||||
'min': 0,
|
||||
'max': 100
|
||||
}
|
||||
});
|
||||
|
||||
var verticalLimitSlider5 = document.getElementById('vertical-limit-5');
|
||||
|
||||
noUiSlider.create(verticalLimitSlider5, {
|
||||
start: [20, 80],
|
||||
direction: direction,
|
||||
orientation: 'vertical',
|
||||
limit: 70,
|
||||
behaviour: 'drag',
|
||||
connect: true,
|
||||
range: {
|
||||
'min': 0,
|
||||
'max': 100
|
||||
}
|
||||
});
|
||||
|
||||
/****************************************************
|
||||
* Horizontal Slider With Time *
|
||||
****************************************************/
|
||||
// Create a new date from a string, return as a timestamp.
|
||||
function timestamp(str) {
|
||||
return new Date(str).getTime();
|
||||
}
|
||||
1
|
||||
function timestamp(str) {
|
||||
2
|
||||
return new Date(str).getTime();
|
||||
3
|
||||
}
|
||||
|
||||
// weekdays and months
|
||||
|
||||
var weekdays = [
|
||||
"Sunday", "Monday", "Tuesday",
|
||||
"Wednesday", "Thursday", "Friday",
|
||||
"Saturday"
|
||||
];
|
||||
|
||||
var months = [
|
||||
"January", "February", "March",
|
||||
"April", "May", "June", "July",
|
||||
"August", "September", "October",
|
||||
"November", "December"
|
||||
];
|
||||
|
||||
// Append a suffix to dates.
|
||||
// Example: 23 => 23rd, 1 => 1st.
|
||||
function nth(d) {
|
||||
if (d > 3 && d < 21) return 'th';
|
||||
switch (d % 10) {
|
||||
case 1:
|
||||
return "st";
|
||||
case 2:
|
||||
return "nd";
|
||||
case 3:
|
||||
return "rd";
|
||||
default:
|
||||
return "th";
|
||||
}
|
||||
}
|
||||
|
||||
// Create a string representation of the date.
|
||||
function formatDate(date) {
|
||||
return weekdays[date.getDay()] + ", " +
|
||||
date.getDate() + nth(date.getDate()) + " " +
|
||||
months[date.getMonth()] + " " +
|
||||
date.getFullYear();
|
||||
}
|
||||
var date = new Date();
|
||||
|
||||
// set previous month
|
||||
var previousMonth = new Date();
|
||||
previousMonth.setMonth(previousMonth.getMonth() - 1);
|
||||
|
||||
var dateSlider = document.getElementById('slider-with-date');
|
||||
|
||||
// nouislider settings
|
||||
noUiSlider.create(dateSlider, {
|
||||
behaviour: 'tap',
|
||||
connect: true,
|
||||
range: {
|
||||
min: timestamp('2016-06-01') + 24 * 60 * 60 * 1000,
|
||||
max: timestamp(date)
|
||||
},
|
||||
step: 1 * 24 * 60 * 60 * 1000,
|
||||
start: [timestamp(previousMonth), timestamp(date)],
|
||||
direction: direction,
|
||||
});
|
||||
|
||||
// get range infos at html
|
||||
var dateValues = [
|
||||
document.getElementById('event-start'), document.getElementById('event-end')
|
||||
];
|
||||
|
||||
dateSlider.noUiSlider.on('update', function (values, handle) {
|
||||
dateValues[handle].innerHTML = formatDate(new Date(+values[handle]));
|
||||
});
|
||||
|
||||
/****************************************************
|
||||
* Slider With Input *
|
||||
****************************************************/
|
||||
|
||||
var select = document.getElementById('slider-select');
|
||||
|
||||
// Append the option elements
|
||||
for (var i = -20; i <= 40; i++) {
|
||||
|
||||
var option = document.createElement("option");
|
||||
option.text = i;
|
||||
option.value = i;
|
||||
|
||||
select.appendChild(option);
|
||||
}
|
||||
|
||||
var sliderWithInput = document.getElementById('slider-with-input');
|
||||
|
||||
noUiSlider.create(sliderWithInput, {
|
||||
start: [10, 30],
|
||||
direction: direction,
|
||||
connect: true,
|
||||
range: {
|
||||
'min': -20,
|
||||
'max': 40
|
||||
}
|
||||
});
|
||||
|
||||
var inputNumber = document.getElementById('slider-input-number');
|
||||
|
||||
sliderWithInput.noUiSlider.on('update', function (values, handle) {
|
||||
|
||||
var value = values[handle];
|
||||
|
||||
if (handle) {
|
||||
inputNumber.value = value;
|
||||
} else {
|
||||
select.value = Math.round(value);
|
||||
}
|
||||
});
|
||||
|
||||
select.addEventListener('change', function () {
|
||||
sliderWithInput.noUiSlider.set([this.value, null]);
|
||||
});
|
||||
|
||||
inputNumber.addEventListener('change', function () {
|
||||
sliderWithInput.noUiSlider.set([null, this.value]);
|
||||
});
|
||||
|
||||
});
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,390 @@
|
||||
/*=========================================================================================
|
||||
File Name: sweet-alerts.js
|
||||
Description: A beautiful replacement for javascript alerts
|
||||
----------------------------------------------------------------------------------------
|
||||
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
|
||||
Author: Pixinvent
|
||||
Author URL: hhttp://www.themeforest.net/user/pixinvent
|
||||
==========================================================================================*/
|
||||
$(document).ready(function () {
|
||||
|
||||
// Basic
|
||||
|
||||
$('#basic-alert').on('click', function () {
|
||||
Swal.fire({
|
||||
title: 'Any fool can use a computer',
|
||||
confirmButtonClass: 'btn btn-primary',
|
||||
buttonsStyling: false,
|
||||
})
|
||||
});
|
||||
|
||||
$('#with-title').on('click', function () {
|
||||
Swal.fire({
|
||||
title: 'The Internet?,',
|
||||
text: "That thing is still around?",
|
||||
confirmButtonClass: 'btn btn-primary',
|
||||
buttonsStyling: false,
|
||||
}
|
||||
)
|
||||
});
|
||||
|
||||
$('#footer-alert').on('click', function () {
|
||||
Swal.fire({
|
||||
type: 'error',
|
||||
title: 'Oops...',
|
||||
text: 'Something went wrong!',
|
||||
footer: '<a href>Why do I have this issue?</a>',
|
||||
confirmButtonClass: 'btn btn-primary',
|
||||
buttonsStyling: false,
|
||||
})
|
||||
});
|
||||
|
||||
$('#html-alert').on('click', function () {
|
||||
Swal.fire({
|
||||
title: '<strong>HTML <u>example</u></strong>',
|
||||
type: 'info',
|
||||
html:
|
||||
'You can use <b>bold text</b>, ' +
|
||||
'<a href="https://pixinvent.com/" target="_blank">links</a> ' +
|
||||
'and other HTML tags',
|
||||
showCloseButton: true,
|
||||
showCancelButton: true,
|
||||
focusConfirm: false,
|
||||
confirmButtonText:
|
||||
'<i class="fa fa-thumbs-up"></i> Great!',
|
||||
confirmButtonAriaLabel: 'Thumbs up, great!',
|
||||
cancelButtonText:
|
||||
'<i class="fa fa-thumbs-down"></i>',
|
||||
cancelButtonAriaLabel: 'Thumbs down',
|
||||
confirmButtonClass: 'btn btn-primary',
|
||||
buttonsStyling: false,
|
||||
cancelButtonClass: 'btn btn-danger ml-1',
|
||||
})
|
||||
});
|
||||
|
||||
// Position
|
||||
|
||||
$('#position-top-start').on('click', function () {
|
||||
Swal.fire({
|
||||
position: 'top-start',
|
||||
type: 'success',
|
||||
title: 'Your work has been saved',
|
||||
showConfirmButton: false,
|
||||
timer: 1500,
|
||||
confirmButtonClass: 'btn btn-primary',
|
||||
buttonsStyling: false,
|
||||
})
|
||||
})
|
||||
|
||||
$('#position-top-end').on('click', function () {
|
||||
Swal.fire({
|
||||
position: 'top-end',
|
||||
type: 'success',
|
||||
title: 'Your work has been saved',
|
||||
showConfirmButton: false,
|
||||
timer: 1500,
|
||||
confirmButtonClass: 'btn btn-primary',
|
||||
buttonsStyling: false,
|
||||
})
|
||||
})
|
||||
|
||||
$('#position-bottom-start').on('click', function () {
|
||||
Swal.fire({
|
||||
position: 'bottom-start',
|
||||
type: 'success',
|
||||
title: 'Your work has been saved',
|
||||
showConfirmButton: false,
|
||||
timer: 1500,
|
||||
confirmButtonClass: 'btn btn-primary',
|
||||
buttonsStyling: false,
|
||||
})
|
||||
})
|
||||
$('#position-bottom-end').on('click', function () {
|
||||
Swal.fire({
|
||||
position: 'bottom-end',
|
||||
type: 'success',
|
||||
title: 'Your work has been saved',
|
||||
showConfirmButton: false,
|
||||
timer: 1500,
|
||||
confirmButtonClass: 'btn btn-primary',
|
||||
buttonsStyling: false,
|
||||
})
|
||||
})
|
||||
|
||||
// Animations
|
||||
|
||||
$("#bounce-in-animation").on('click', function () {
|
||||
Swal.fire({
|
||||
title: 'Bounce In Animation',
|
||||
animation: false,
|
||||
customClass: 'animated bounceIn',
|
||||
confirmButtonClass: 'btn btn-primary',
|
||||
buttonsStyling: false,
|
||||
})
|
||||
|
||||
})
|
||||
$("#fade-in-animation").on('click', function () {
|
||||
Swal.fire({
|
||||
title: 'Fade In Animation',
|
||||
animation: false,
|
||||
customClass: 'animated fadeIn',
|
||||
confirmButtonClass: 'btn btn-primary',
|
||||
buttonsStyling: false,
|
||||
})
|
||||
})
|
||||
$("#flip-x-animation").on('click', function () {
|
||||
Swal.fire({
|
||||
title: 'Flip In Animation',
|
||||
animation: false,
|
||||
customClass: 'animated flipInX',
|
||||
confirmButtonClass: 'btn btn-primary',
|
||||
buttonsStyling: false,
|
||||
})
|
||||
})
|
||||
$("#tada-animation").on('click', function () {
|
||||
Swal.fire({
|
||||
title: 'Tada Animation',
|
||||
animation: false,
|
||||
customClass: 'animated tada',
|
||||
confirmButtonClass: 'btn btn-primary',
|
||||
buttonsStyling: false,
|
||||
})
|
||||
})
|
||||
$("#shake-animation").on('click', function () {
|
||||
Swal.fire({
|
||||
title: 'Shake Animation',
|
||||
animation: false,
|
||||
customClass: 'animated shake',
|
||||
confirmButtonClass: 'btn btn-primary',
|
||||
buttonsStyling: false,
|
||||
})
|
||||
})
|
||||
|
||||
// type
|
||||
|
||||
$('#type-success').on('click', function () {
|
||||
Swal.fire({
|
||||
title: "Good job!",
|
||||
text: "You clicked the button!",
|
||||
type: "success",
|
||||
confirmButtonClass: 'btn btn-primary',
|
||||
buttonsStyling: false,
|
||||
});
|
||||
});
|
||||
|
||||
$('#type-info').on('click', function () {
|
||||
Swal.fire({
|
||||
title: "Info!",
|
||||
text: "You clicked the button!",
|
||||
type: "info",
|
||||
confirmButtonClass: 'btn btn-primary',
|
||||
buttonsStyling: false,
|
||||
});
|
||||
});
|
||||
|
||||
$('#type-warning').on('click', function () {
|
||||
Swal.fire({
|
||||
title: "Warning!",
|
||||
text: " You clicked the button!",
|
||||
type: "warning",
|
||||
confirmButtonClass: 'btn btn-primary',
|
||||
buttonsStyling: false,
|
||||
});
|
||||
});
|
||||
|
||||
$('#type-error').on('click', function () {
|
||||
Swal.fire({
|
||||
title: "Error!",
|
||||
text: " You clicked the button!",
|
||||
type: "error",
|
||||
confirmButtonClass: 'btn btn-primary',
|
||||
buttonsStyling: false,
|
||||
});
|
||||
});
|
||||
|
||||
// options
|
||||
|
||||
$('#custom-icon').on('click', function () {
|
||||
Swal.fire({
|
||||
title: 'Sweet!',
|
||||
text: 'Modal with a custom image.',
|
||||
imageUrl: '../../../app-assets/images/slider/04.jpg',
|
||||
imageWidth: 400,
|
||||
imageHeight: 200,
|
||||
imageAlt: 'Custom image',
|
||||
animation: false,
|
||||
confirmButtonClass: 'btn btn-primary',
|
||||
buttonsStyling: false,
|
||||
})
|
||||
});
|
||||
|
||||
$('#auto-close').on('click', function () {
|
||||
var timerInterval
|
||||
Swal.fire({
|
||||
title: 'Auto close alert!',
|
||||
html: 'I will close in <strong></strong> seconds.',
|
||||
timer: 2000,
|
||||
confirmButtonClass: 'btn btn-primary',
|
||||
buttonsStyling: false,
|
||||
onBeforeOpen: function () {
|
||||
Swal.showLoading()
|
||||
timerInterval = setInterval(function () {
|
||||
Swal.getContent().querySelector('strong')
|
||||
.textContent = Swal.getTimerLeft()
|
||||
}, 100)
|
||||
},
|
||||
onClose: function () {
|
||||
clearInterval(timerInterval)
|
||||
}
|
||||
}).then(function (result) {
|
||||
if (
|
||||
// Read more about handling dismissals
|
||||
result.dismiss === Swal.DismissReason.timer
|
||||
) {
|
||||
console.log('I was closed by the timer')
|
||||
}
|
||||
})
|
||||
});
|
||||
|
||||
$('#outside-click').on('click', function () {
|
||||
Swal.fire({
|
||||
title: 'Click outside to close!',
|
||||
text: 'This is a cool message!',
|
||||
allowOutsideClick: true,
|
||||
confirmButtonClass: 'btn btn-primary',
|
||||
buttonsStyling: false,
|
||||
});
|
||||
});
|
||||
|
||||
$('#prompt-function').on('click', function () {
|
||||
Swal.mixin({
|
||||
input: 'text',
|
||||
confirmButtonText: 'Next →',
|
||||
showCancelButton: true,
|
||||
progressSteps: ['1', '2', '3'],
|
||||
confirmButtonClass: 'btn btn-primary',
|
||||
buttonsStyling: false,
|
||||
cancelButtonClass: "btn btn-danger ml-1"
|
||||
}).queue([
|
||||
{
|
||||
title: 'Question 1',
|
||||
text: 'Chaining swal2 modals is easy'
|
||||
},
|
||||
'Question 2',
|
||||
'Question 3'
|
||||
]).then(function (result) {
|
||||
if (result.value) {
|
||||
Swal.fire({
|
||||
title: 'All done!',
|
||||
html:
|
||||
'Your answers: <pre><code>' +
|
||||
JSON.stringify(result.value) +
|
||||
'</code></pre>',
|
||||
confirmButtonText: 'Lovely!'
|
||||
})
|
||||
}
|
||||
})
|
||||
});
|
||||
|
||||
$('#ajax-request').on('click', function () {
|
||||
Swal.fire({
|
||||
title: 'Search for a user',
|
||||
input: 'text',
|
||||
confirmButtonClass: 'btn btn-primary',
|
||||
buttonsStyling: false,
|
||||
inputAttributes: {
|
||||
autocapitalize: 'off'
|
||||
},
|
||||
showCancelButton: true,
|
||||
confirmButtonText: 'Look up',
|
||||
showLoaderOnConfirm: true,
|
||||
cancelButtonClass: "btn btn-danger ml-1",
|
||||
preConfirm: function (login) {
|
||||
return fetch("//api.github.com/users/" + login + "")
|
||||
.then(function (response) {
|
||||
if (!response.ok) {
|
||||
console.log(response)
|
||||
throw new Error(response.statusText)
|
||||
}
|
||||
return response.json()
|
||||
})
|
||||
.catch(function (error) {
|
||||
Swal.showValidationMessage(
|
||||
"Request failed: " + error + ""
|
||||
)
|
||||
})
|
||||
},
|
||||
allowOutsideClick: function () {
|
||||
!Swal.isLoading()
|
||||
}
|
||||
}).then(function (result) {
|
||||
if (result.value) {
|
||||
Swal.fire({
|
||||
title: "" + result.value.login + "'s avatar",
|
||||
imageUrl: result.value.avatar_url
|
||||
})
|
||||
}
|
||||
})
|
||||
});
|
||||
|
||||
// confirm options
|
||||
|
||||
$('#confirm-text').on('click', function () {
|
||||
Swal.fire({
|
||||
title: 'Are you sure?',
|
||||
text: "You won't be able to revert this!",
|
||||
type: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: '#3085d6',
|
||||
cancelButtonColor: '#d33',
|
||||
confirmButtonText: 'Yes, delete it!',
|
||||
confirmButtonClass: 'btn btn-primary',
|
||||
cancelButtonClass: 'btn btn-danger ml-1',
|
||||
buttonsStyling: false,
|
||||
}).then(function (result) {
|
||||
if (result.value) {
|
||||
Swal.fire(
|
||||
{
|
||||
type: "success",
|
||||
title: 'Deleted!',
|
||||
text: 'Your file has been deleted.',
|
||||
confirmButtonClass: 'btn btn-success',
|
||||
}
|
||||
)
|
||||
}
|
||||
})
|
||||
});
|
||||
|
||||
$('#confirm-color').on('click', function () {
|
||||
Swal.fire({
|
||||
title: 'Are you sure?',
|
||||
text: "You won't be able to revert this!",
|
||||
type: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: '#3085d6',
|
||||
cancelButtonColor: '#d33',
|
||||
confirmButtonText: 'Yes, delete it!',
|
||||
confirmButtonClass: 'btn btn-primary',
|
||||
cancelButtonClass: 'btn btn-danger ml-1',
|
||||
buttonsStyling: false,
|
||||
}).then(function (result) {
|
||||
if (result.value) {
|
||||
Swal.fire({
|
||||
type: "success",
|
||||
title: 'Deleted!',
|
||||
text: 'Your file has been deleted.',
|
||||
confirmButtonClass: 'btn btn-success',
|
||||
})
|
||||
}
|
||||
else if (result.dismiss === Swal.DismissReason.cancel) {
|
||||
Swal.fire({
|
||||
title: 'Cancelled',
|
||||
text: 'Your imaginary file is safe :)',
|
||||
type: 'error',
|
||||
confirmButtonClass: 'btn btn-success',
|
||||
})
|
||||
}
|
||||
})
|
||||
});
|
||||
|
||||
});
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,293 @@
|
||||
/*=========================================================================================
|
||||
File Name: swiper.js
|
||||
Description: swiper plugin
|
||||
----------------------------------------------------------------------------------------
|
||||
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
|
||||
Author: PIXINVENT
|
||||
Author URL: http://www.themeforest.net/user/pixinvent
|
||||
==========================================================================================*/
|
||||
$(document).ready(function () {
|
||||
//initialize swiper when document ready
|
||||
|
||||
// default
|
||||
var mySwiper = new Swiper('.swiper-default');
|
||||
|
||||
// navigation
|
||||
var mySwiper1 = new Swiper('.swiper-navigations', {
|
||||
navigation: {
|
||||
nextEl: '.swiper-button-next',
|
||||
prevEl: '.swiper-button-prev',
|
||||
},
|
||||
});
|
||||
|
||||
// pagination
|
||||
var mySwiper2 = new Swiper('.swiper-paginations', {
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
},
|
||||
});
|
||||
|
||||
// progress
|
||||
var mySwiper3 = new Swiper('.swiper-progress', {
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
type: 'progressbar',
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.swiper-button-next',
|
||||
prevEl: '.swiper-button-prev',
|
||||
},
|
||||
});
|
||||
|
||||
// multiple
|
||||
var mySwiper4 = new Swiper('.swiper-multiple', {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 30,
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
},
|
||||
});
|
||||
|
||||
// multi row
|
||||
var mySwiper5 = new Swiper('.swiper-multi-row', {
|
||||
slidesPerView: 3,
|
||||
slidesPerColumn: 2,
|
||||
spaceBetween: 30,
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
},
|
||||
});
|
||||
|
||||
// centered slides option-1
|
||||
var mySwiperOpt1 = new Swiper('.swiper-centered-slides', {
|
||||
slidesPerView: 'auto',
|
||||
centeredSlides: true,
|
||||
spaceBetween: 30,
|
||||
navigation: {
|
||||
nextEl: '.swiper-button-next',
|
||||
prevEl: '.swiper-button-prev',
|
||||
},
|
||||
});
|
||||
|
||||
// centered slides option-2
|
||||
|
||||
var swiperLength = $(".swiper-slide").length;
|
||||
if (swiperLength) {
|
||||
swiperLength = Math.floor(swiperLength / 2)
|
||||
}
|
||||
|
||||
var mySwiperOpt2 = new Swiper('.swiper-centered-slides-2', {
|
||||
slidesPerView: 'auto',
|
||||
initialSlide: swiperLength,
|
||||
centeredSlides: true,
|
||||
spaceBetween: 30,
|
||||
slideToClickedSlide: true,
|
||||
});
|
||||
activeSlide(swiperLength);
|
||||
|
||||
// Active slide change on swipe
|
||||
mySwiper.on('slideChange', function () {
|
||||
activeSlide(mySwiper.realIndex);
|
||||
});
|
||||
|
||||
//add class active content of active slide
|
||||
function activeSlide(index) {
|
||||
var slideEl = mySwiper.slides[index]
|
||||
var slideId = $(slideEl).attr('id');
|
||||
$(".wrapper-content").removeClass("active");
|
||||
$("[data-faq=" + slideId + "]").addClass('active')
|
||||
};
|
||||
|
||||
// fade effect
|
||||
var mySwiper7 = new Swiper('.swiper-fade-effect', {
|
||||
spaceBetween: 30,
|
||||
effect: 'fade',
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.swiper-button-next',
|
||||
prevEl: '.swiper-button-prev',
|
||||
},
|
||||
});
|
||||
|
||||
// cube effect
|
||||
var mySwiper8 = new Swiper('.swiper-cube-effect', {
|
||||
effect: 'cube',
|
||||
grabCursor: true,
|
||||
cubeEffect: {
|
||||
shadow: true,
|
||||
slideShadows: true,
|
||||
shadowOffset: 20,
|
||||
shadowScale: 0.94,
|
||||
},
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
},
|
||||
});
|
||||
|
||||
// coverflow effect
|
||||
var mySwiper9 = new Swiper('.swiper-coverflow', {
|
||||
effect: 'coverflow',
|
||||
grabCursor: true,
|
||||
centeredSlides: true,
|
||||
slidesPerView: 'auto',
|
||||
coverflowEffect: {
|
||||
rotate: 50,
|
||||
stretch: 0,
|
||||
depth: 100,
|
||||
modifier: 1,
|
||||
slideShadows: true,
|
||||
},
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
},
|
||||
});
|
||||
|
||||
// autoplay
|
||||
var mySwiper10 = new Swiper('.swiper-autoplay', {
|
||||
spaceBetween: 30,
|
||||
centeredSlides: true,
|
||||
autoplay: {
|
||||
delay: 2500,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.swiper-button-next',
|
||||
prevEl: '.swiper-button-prev',
|
||||
},
|
||||
});
|
||||
|
||||
// gallery
|
||||
var galleryThumbs = new Swiper('.gallery-thumbs', {
|
||||
spaceBetween: 10,
|
||||
slidesPerView: 4,
|
||||
freeMode: true,
|
||||
watchSlidesVisibility: true,
|
||||
watchSlidesProgress: true,
|
||||
});
|
||||
var galleryTop = new Swiper('.gallery-top', {
|
||||
spaceBetween: 10,
|
||||
navigation: {
|
||||
nextEl: '.swiper-button-next',
|
||||
prevEl: '.swiper-button-prev',
|
||||
},
|
||||
thumbs: {
|
||||
swiper: galleryThumbs
|
||||
}
|
||||
});
|
||||
|
||||
// parallax
|
||||
var mySwiper12 = new Swiper('.swiper-parallax', {
|
||||
speed: 600,
|
||||
parallax: true,
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.swiper-button-next',
|
||||
prevEl: '.swiper-button-prev',
|
||||
},
|
||||
});
|
||||
|
||||
// lazy loading
|
||||
var mySwiper13 = new Swiper('.swiper-lazy-loading', {
|
||||
// Enable lazy loading
|
||||
lazy: true,
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.swiper-button-next',
|
||||
prevEl: '.swiper-button-prev',
|
||||
},
|
||||
});
|
||||
|
||||
// Responsive Breakpoints
|
||||
var mySwiper14 = new Swiper('.swiper-responsive-breakpoints', {
|
||||
slidesPerView: 5,
|
||||
spaceBetween: 50,
|
||||
// init: false,
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
1024: {
|
||||
slidesPerView: 4,
|
||||
spaceBetween: 40,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 30,
|
||||
},
|
||||
640: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
320: {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 10,
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// virtual slides
|
||||
var appendNumber = 600;
|
||||
var prependNumber = 1;
|
||||
var mySwiper15 = new Swiper('.swiper-virtual', {
|
||||
|
||||
slidesPerView: 3,
|
||||
centeredSlides: true,
|
||||
spaceBetween: 30,
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
type: 'fraction',
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.swiper-button-next',
|
||||
prevEl: '.swiper-button-prev',
|
||||
},
|
||||
virtual: {
|
||||
slides: (function () {
|
||||
var slides = [];
|
||||
for (var i = 0; i < 600; i += 1) {
|
||||
slides.push('Slide ' + (i + 1));
|
||||
}
|
||||
return slides;
|
||||
}()),
|
||||
},
|
||||
});
|
||||
$('.slide-1').on('click', function (e) {
|
||||
e.preventDefault();
|
||||
mySwiper15.slideTo(0, 0);
|
||||
});
|
||||
$('.slide-250').on('click', function (e) {
|
||||
e.preventDefault();
|
||||
mySwiper15.slideTo(249, 0);
|
||||
});
|
||||
$('.slide-500').on('click', function (e) {
|
||||
e.preventDefault();
|
||||
mySwiper15.slideTo(499, 0);
|
||||
});
|
||||
$('.prepend-2-slides').on('click', function (e) {
|
||||
e.preventDefault();
|
||||
mySwiper15.virtual.prependSlide([
|
||||
'Slide ' + (--prependNumber),
|
||||
'Slide ' + (--prependNumber)
|
||||
]);
|
||||
});
|
||||
$('.append-slide').on('click', function (e) {
|
||||
e.preventDefault();
|
||||
mySwiper15.virtual.appendSlide('Slide ' + (++appendNumber));
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1 @@
|
||||
$(document).ready(function(){var t=new Swiper(".swiper-default"),e=(new Swiper(".swiper-navigations",{navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"}}),new Swiper(".swiper-paginations",{pagination:{el:".swiper-pagination"}}),new Swiper(".swiper-progress",{pagination:{el:".swiper-pagination",type:"progressbar"},navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"}}),new Swiper(".swiper-multiple",{slidesPerView:3,spaceBetween:30,pagination:{el:".swiper-pagination",clickable:!0}}),new Swiper(".swiper-multi-row",{slidesPerView:3,slidesPerColumn:2,spaceBetween:30,pagination:{el:".swiper-pagination",clickable:!0}}),new Swiper(".swiper-centered-slides",{slidesPerView:"auto",centeredSlides:!0,spaceBetween:30,navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"}}),$(".swiper-slide").length);e=e&&Math.floor(e/2);new Swiper(".swiper-centered-slides-2",{slidesPerView:"auto",initialSlide:e,centeredSlides:!0,spaceBetween:30,slideToClickedSlide:!0});function i(e){var i=t.slides[e],n=$(i).attr("id");$(".wrapper-content").removeClass("active"),$("[data-faq="+n+"]").addClass("active")}i(e),t.on("slideChange",function(){i(t.realIndex)});new Swiper(".swiper-fade-effect",{spaceBetween:30,effect:"fade",pagination:{el:".swiper-pagination",clickable:!0},navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"}}),new Swiper(".swiper-cube-effect",{effect:"cube",grabCursor:!0,cubeEffect:{shadow:!0,slideShadows:!0,shadowOffset:20,shadowScale:.94},pagination:{el:".swiper-pagination"}}),new Swiper(".swiper-coverflow",{effect:"coverflow",grabCursor:!0,centeredSlides:!0,slidesPerView:"auto",coverflowEffect:{rotate:50,stretch:0,depth:100,modifier:1,slideShadows:!0},pagination:{el:".swiper-pagination"}}),new Swiper(".swiper-autoplay",{spaceBetween:30,centeredSlides:!0,autoplay:{delay:2500,disableOnInteraction:!1},pagination:{el:".swiper-pagination",clickable:!0},navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"}});var n=new Swiper(".gallery-thumbs",{spaceBetween:10,slidesPerView:4,freeMode:!0,watchSlidesVisibility:!0,watchSlidesProgress:!0}),a=(new Swiper(".gallery-top",{spaceBetween:10,navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"},thumbs:{swiper:n}}),new Swiper(".swiper-parallax",{speed:600,parallax:!0,pagination:{el:".swiper-pagination",clickable:!0},navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"}}),new Swiper(".swiper-lazy-loading",{lazy:!0,pagination:{el:".swiper-pagination",clickable:!0},navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"}}),new Swiper(".swiper-responsive-breakpoints",{slidesPerView:5,spaceBetween:50,pagination:{el:".swiper-pagination",clickable:!0},breakpoints:{1024:{slidesPerView:4,spaceBetween:40},768:{slidesPerView:3,spaceBetween:30},640:{slidesPerView:2,spaceBetween:20},320:{slidesPerView:1,spaceBetween:10}}}),600),r=1,p=new Swiper(".swiper-virtual",{slidesPerView:3,centeredSlides:!0,spaceBetween:30,pagination:{el:".swiper-pagination",type:"fraction"},navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"},virtual:{slides:function(){for(var e=[],i=0;i<600;i+=1)e.push("Slide "+(i+1));return e}()}});$(".slide-1").on("click",function(e){e.preventDefault(),p.slideTo(0,0)}),$(".slide-250").on("click",function(e){e.preventDefault(),p.slideTo(249,0)}),$(".slide-500").on("click",function(e){e.preventDefault(),p.slideTo(499,0)}),$(".prepend-2-slides").on("click",function(e){e.preventDefault(),p.virtual.prependSlide(["Slide "+--r,"Slide "+--r])}),$(".append-slide").on("click",function(e){e.preventDefault(),p.virtual.appendSlide("Slide "+ ++a)})});
|
||||
@@ -0,0 +1,140 @@
|
||||
/*=========================================================================================
|
||||
File Name: toastr.js
|
||||
Description: Toastr notifications
|
||||
----------------------------------------------------------------------------------------
|
||||
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
|
||||
Author: Pixinvent
|
||||
Author URL: hhttp://www.themeforest.net/user/pixinvent
|
||||
==========================================================================================*/
|
||||
$(document).ready(function () {
|
||||
|
||||
// Success Type
|
||||
$('#type-success').on('click', function () {
|
||||
toastr.success('Have fun storming the castle!', 'Miracle Max Says');
|
||||
});
|
||||
|
||||
// Info Type
|
||||
$('#type-info').on('click', function () {
|
||||
toastr.info('We do have the Kapua suite available.', 'Turtle Bay Resort');
|
||||
});
|
||||
|
||||
// Warning Type
|
||||
$('#type-warning').on('click', function () {
|
||||
toastr.warning('My name is Inigo Montoya. You killed my father, prepare to die!');
|
||||
});
|
||||
|
||||
// Error Type
|
||||
$('#type-error').on('click', function () {
|
||||
toastr.error('I do not think that word means what you think it means.', 'Inconceivable!');
|
||||
});
|
||||
|
||||
// Position Top Left
|
||||
$('#position-top-left').on('click', function () {
|
||||
toastr.info('I do not think that word means what you think it means.', 'Top Left!', { positionClass: 'toast-top-left', containerId: 'toast-top-left' });
|
||||
});
|
||||
|
||||
// Position Top Center
|
||||
$('#position-top-center').on('click', function () {
|
||||
toastr.info('I do not think that word means what you think it means.', 'Top Center!', { positionClass: 'toast-top-center', containerId: 'toast-top-center' });
|
||||
});
|
||||
|
||||
// Position Top Right
|
||||
$('#position-top-right').on('click', function () {
|
||||
toastr.info('I do not think that word means what you think it means.', 'Top Right!', { positionClass: 'toast-top-right', containerId: 'toast-top-right' });
|
||||
});
|
||||
|
||||
// Position Top Full Width
|
||||
$('#position-top-full').on('click', function () {
|
||||
toastr.info('I do not think that word means what you think it means.', 'Top Full Width!', { positionClass: 'toast-top-full-width', });
|
||||
});
|
||||
|
||||
// Position Bottom Left
|
||||
$('#position-bottom-left').on('click', function () {
|
||||
toastr.info('I do not think that word means what you think it means.', 'Bottom Left!', { positionClass: 'toast-bottom-left', containerId: 'toast-bottom-left' });
|
||||
});
|
||||
|
||||
// Position Bottom Center
|
||||
$('#position-bottom-center').on('click', function () {
|
||||
toastr.info('I do not think that word means what you think it means.', 'Bottom Center!', { positionClass: 'toast-bottom-center', containerId: 'toast-bottom-center' });
|
||||
});
|
||||
|
||||
// Position Bottom Right
|
||||
$('#position-bottom-right').on('click', function () {
|
||||
toastr.info('I do not think that word means what you think it means.', 'Bottom Right!', { positionClass: 'toast-bottom-right', containerId: 'toast-bottom-right' });
|
||||
});
|
||||
|
||||
// Position Bottom Full Width
|
||||
$('#position-bottom-full').on('click', function () {
|
||||
toastr.info('I do not think that word means what you think it means.', 'Bottom Full Width!', { positionClass: 'toast-bottom-full-width' });
|
||||
});
|
||||
|
||||
// Text Notification
|
||||
$('#text-notification').on('click', function () {
|
||||
toastr.info('Have fun storming the castle!', 'Miracle Max Says');
|
||||
});
|
||||
|
||||
// Close Button
|
||||
$('#close-button').on('click', function () {
|
||||
toastr.success('Have fun storming the castle!', 'With Close Button', { "closeButton": true });
|
||||
});
|
||||
|
||||
// Progress Bar
|
||||
$('#progress-bar').on('click', function () {
|
||||
toastr.warning('Have fun storming the castle!', 'Progress Bar', { "progressBar": true });
|
||||
});
|
||||
|
||||
// Clear Toast Button
|
||||
$('#clear-toast-btn').on('click', function () {
|
||||
toastr.error('Clear itself?<br /><br /><button type="button" class="btn btn-primary clear">Yes</button>', 'Clear Toast Button');
|
||||
});
|
||||
|
||||
|
||||
// Immediately remove current toasts without using animation
|
||||
$('#show-remove-toast').on('click', function () {
|
||||
toastr.info('Have fun storming the castle!', 'Miracle Max Says');
|
||||
});
|
||||
|
||||
$('#remove-toast').on('click', function () {
|
||||
toastr.remove();
|
||||
});
|
||||
|
||||
// Remove current toasts using animation
|
||||
$('#show-clear-toast').on('click', function () {
|
||||
toastr.info('Have fun storming the castle!', 'Miracle Max Says');
|
||||
});
|
||||
|
||||
$('#clear-toast').on('click', function () {
|
||||
toastr.clear();
|
||||
});
|
||||
|
||||
|
||||
// Fast Duration
|
||||
$('#fast-duration').on('click', function () {
|
||||
toastr.success('Have fun storming the castle!', 'Fast Duration', { "showDuration": 500 });
|
||||
});
|
||||
|
||||
// Slow Duration
|
||||
$('#slow-duration').on('click', function () {
|
||||
toastr.warning('Have fun storming the castle!', 'Slow Duration', { "hideDuration": 3000 });
|
||||
});
|
||||
|
||||
// Timeout
|
||||
$('#timeout').on('click', function () {
|
||||
toastr.error('I do not think that word means what you think it means.', 'Timeout!', { "timeOut": 5000 });
|
||||
});
|
||||
|
||||
// Sticky
|
||||
$('#sticky').on('click', function () {
|
||||
toastr.info('I do not think that word means what you think it means.', 'Sticky!', { "timeOut": 0 });
|
||||
});
|
||||
|
||||
// Slide Down / Slide Up
|
||||
$('#slide-toast').on('click', function () {
|
||||
toastr.success('I do not think that word means what you think it means.', 'Slide Down / Slide Up!', { "showMethod": "slideDown", "hideMethod": "slideUp", timeOut: 2000 });
|
||||
});
|
||||
|
||||
// Fade In / Fade Out
|
||||
$('#fade-toast').on('click', function () {
|
||||
toastr.success('I do not think that word means what you think it means.', 'Slide Down / Slide Up!', { "showMethod": "fadeIn", "hideMethod": "fadeOut", timeOut: 2000 });
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1 @@
|
||||
$(document).ready(function(){$("#type-success").on("click",function(){toastr.success("Have fun storming the castle!","Miracle Max Says")}),$("#type-info").on("click",function(){toastr.info("We do have the Kapua suite available.","Turtle Bay Resort")}),$("#type-warning").on("click",function(){toastr.warning("My name is Inigo Montoya. You killed my father, prepare to die!")}),$("#type-error").on("click",function(){toastr.error("I do not think that word means what you think it means.","Inconceivable!")}),$("#position-top-left").on("click",function(){toastr.info("I do not think that word means what you think it means.","Top Left!",{positionClass:"toast-top-left",containerId:"toast-top-left"})}),$("#position-top-center").on("click",function(){toastr.info("I do not think that word means what you think it means.","Top Center!",{positionClass:"toast-top-center",containerId:"toast-top-center"})}),$("#position-top-right").on("click",function(){toastr.info("I do not think that word means what you think it means.","Top Right!",{positionClass:"toast-top-right",containerId:"toast-top-right"})}),$("#position-top-full").on("click",function(){toastr.info("I do not think that word means what you think it means.","Top Full Width!",{positionClass:"toast-top-full-width"})}),$("#position-bottom-left").on("click",function(){toastr.info("I do not think that word means what you think it means.","Bottom Left!",{positionClass:"toast-bottom-left",containerId:"toast-bottom-left"})}),$("#position-bottom-center").on("click",function(){toastr.info("I do not think that word means what you think it means.","Bottom Center!",{positionClass:"toast-bottom-center",containerId:"toast-bottom-center"})}),$("#position-bottom-right").on("click",function(){toastr.info("I do not think that word means what you think it means.","Bottom Right!",{positionClass:"toast-bottom-right",containerId:"toast-bottom-right"})}),$("#position-bottom-full").on("click",function(){toastr.info("I do not think that word means what you think it means.","Bottom Full Width!",{positionClass:"toast-bottom-full-width"})}),$("#text-notification").on("click",function(){toastr.info("Have fun storming the castle!","Miracle Max Says")}),$("#close-button").on("click",function(){toastr.success("Have fun storming the castle!","With Close Button",{closeButton:!0})}),$("#progress-bar").on("click",function(){toastr.warning("Have fun storming the castle!","Progress Bar",{progressBar:!0})}),$("#clear-toast-btn").on("click",function(){toastr.error('Clear itself?<br /><br /><button type="button" class="btn btn-primary clear">Yes</button>',"Clear Toast Button")}),$("#show-remove-toast").on("click",function(){toastr.info("Have fun storming the castle!","Miracle Max Says")}),$("#remove-toast").on("click",function(){toastr.remove()}),$("#show-clear-toast").on("click",function(){toastr.info("Have fun storming the castle!","Miracle Max Says")}),$("#clear-toast").on("click",function(){toastr.clear()}),$("#fast-duration").on("click",function(){toastr.success("Have fun storming the castle!","Fast Duration",{showDuration:500})}),$("#slow-duration").on("click",function(){toastr.warning("Have fun storming the castle!","Slow Duration",{hideDuration:3e3})}),$("#timeout").on("click",function(){toastr.error("I do not think that word means what you think it means.","Timeout!",{timeOut:5e3})}),$("#sticky").on("click",function(){toastr.info("I do not think that word means what you think it means.","Sticky!",{timeOut:0})}),$("#slide-toast").on("click",function(){toastr.success("I do not think that word means what you think it means.","Slide Down / Slide Up!",{showMethod:"slideDown",hideMethod:"slideUp",timeOut:2e3})}),$("#fade-toast").on("click",function(){toastr.success("I do not think that word means what you think it means.","Slide Down / Slide Up!",{showMethod:"fadeIn",hideMethod:"fadeOut",timeOut:2e3})})});
|
||||
@@ -0,0 +1,114 @@
|
||||
/*=========================================================================================
|
||||
File Name: tour.js
|
||||
Description: tour
|
||||
----------------------------------------------------------------------------------------
|
||||
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
|
||||
Author: Pixinvent
|
||||
Author URL: hhttp://www.themeforest.net/user/pixinvent
|
||||
==========================================================================================*/
|
||||
|
||||
$(document).ready(function () {
|
||||
displayTour();
|
||||
$(window).resize(displayTour)
|
||||
var tour = new Shepherd.Tour({
|
||||
classes: 'shadow-md bg-purple-dark',
|
||||
scrollTo: true
|
||||
})
|
||||
|
||||
// tour steps
|
||||
tour.addStep('step-1', {
|
||||
text: 'Here is page title.',
|
||||
attachTo: '.breadcrumbs-top .content-header-title bottom',
|
||||
buttons: [
|
||||
|
||||
{
|
||||
text: "Skip",
|
||||
action: tour.complete
|
||||
},
|
||||
{
|
||||
text: 'Next',
|
||||
action: tour.next
|
||||
},
|
||||
]
|
||||
});
|
||||
|
||||
tour.addStep('step-2', {
|
||||
text: 'Check your notifications from here.',
|
||||
attachTo: '.dropdown-notification .icon-bell bottom',
|
||||
buttons: [
|
||||
|
||||
{
|
||||
text: "Skip",
|
||||
action: tour.complete
|
||||
},
|
||||
|
||||
{
|
||||
text: "previous",
|
||||
action: tour.back
|
||||
},
|
||||
{
|
||||
text: 'Next',
|
||||
action: tour.next
|
||||
},
|
||||
]
|
||||
});
|
||||
|
||||
tour.addStep('step-3', {
|
||||
text: 'Click here for user options.',
|
||||
attachTo: '.dropdown-user-link img bottom',
|
||||
buttons: [
|
||||
|
||||
{
|
||||
text: "Skip",
|
||||
action: tour.complete
|
||||
},
|
||||
|
||||
{
|
||||
text: "previous",
|
||||
action: tour.back
|
||||
},
|
||||
{
|
||||
text: 'Next',
|
||||
action: tour.next
|
||||
},
|
||||
]
|
||||
});
|
||||
|
||||
tour.addStep('step-4', {
|
||||
text: 'Buy this awesomeness at affordable price!',
|
||||
attachTo: '.buy-now bottom',
|
||||
buttons: [
|
||||
|
||||
{
|
||||
text: "previous",
|
||||
action: tour.back
|
||||
},
|
||||
|
||||
{
|
||||
text: "Finish",
|
||||
action: tour.complete
|
||||
},
|
||||
]
|
||||
});
|
||||
|
||||
// function to remove tour on small screen
|
||||
function displayTour() {
|
||||
window.resizeEvt;
|
||||
if ($(window).width() > 576) {
|
||||
$('#tour').on("click", function () {
|
||||
clearTimeout(window.resizeEvt);
|
||||
tour.start();
|
||||
})
|
||||
}
|
||||
else {
|
||||
$('#tour').on("click", function () {
|
||||
clearTimeout(window.resizeEvt);
|
||||
tour.cancel()
|
||||
window.resizeEvt = setTimeout(function () {
|
||||
alert("Tour only works for large screens!");
|
||||
}, 250);;
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
@@ -0,0 +1 @@
|
||||
$(document).ready(function(){e(),$(window).resize(e);var t=new Shepherd.Tour({classes:"shadow-md bg-purple-dark",scrollTo:!0});function e(){window.resizeEvt,576<$(window).width()?$("#tour").on("click",function(){clearTimeout(window.resizeEvt),t.start()}):$("#tour").on("click",function(){clearTimeout(window.resizeEvt),t.cancel(),window.resizeEvt=setTimeout(function(){alert("Tour only works for large screens!")},250)})}t.addStep("step-1",{text:"Here is page title.",attachTo:".breadcrumbs-top .content-header-title bottom",buttons:[{text:"Skip",action:t.complete},{text:"Next",action:t.next}]}),t.addStep("step-2",{text:"Check your notifications from here.",attachTo:".dropdown-notification .icon-bell bottom",buttons:[{text:"Skip",action:t.complete},{text:"previous",action:t.back},{text:"Next",action:t.next}]}),t.addStep("step-3",{text:"Click here for user options.",attachTo:".dropdown-user-link img bottom",buttons:[{text:"Skip",action:t.complete},{text:"previous",action:t.back},{text:"Next",action:t.next}]}),t.addStep("step-4",{text:"Buy this awesomeness at affordable price!",attachTo:".buy-now bottom",buttons:[{text:"previous",action:t.back},{text:"Finish",action:t.complete}]})});
|
||||
@@ -0,0 +1,68 @@
|
||||
/*=========================================================================================
|
||||
File Name: sweet-alerts.js
|
||||
Description: A beautiful replacement for javascript alerts
|
||||
----------------------------------------------------------------------------------------
|
||||
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
|
||||
Author: PIXINVENT
|
||||
Author URL: http://www.themeforest.net/user/pixinvent
|
||||
==========================================================================================*/
|
||||
$(document).ready(function(){
|
||||
|
||||
// RTL Support
|
||||
var rtl = false;
|
||||
if($('html').data('textdirection') == 'rtl'){
|
||||
rtl = true;
|
||||
}
|
||||
if(rtl === true){
|
||||
$("#default-slider").attr('dir', 'rtl');
|
||||
$("#automatic-slider").attr('dir', 'rtl');
|
||||
$("#vertical-slider").attr('dir', 'rtl');
|
||||
$("#automcatic-anim-slider").attr('dir', 'rtl');
|
||||
$("#infinite-slider").attr('dir', 'rtl');
|
||||
$("#manual-slider").attr('dir', 'rtl');
|
||||
$("#manual").attr('dir', 'rtl');
|
||||
}
|
||||
|
||||
|
||||
// Default
|
||||
$("#default-slider").unslider({
|
||||
animation: 'fade'
|
||||
});
|
||||
|
||||
// Automatic
|
||||
$("#automatic-slider").unslider({
|
||||
autoplay: true,
|
||||
animation: "fade"
|
||||
});
|
||||
|
||||
// Vertical
|
||||
$("#vertical-slider").unslider({
|
||||
animation: 'vertical',
|
||||
autoplay: true,
|
||||
infinite: true
|
||||
});
|
||||
|
||||
// Automatic Animation
|
||||
$("#automcatic-anim-slider").unslider({
|
||||
animation: 'fade',
|
||||
autoplay: true,
|
||||
arrows: false
|
||||
});
|
||||
|
||||
// Infinite
|
||||
$("#infinite-slider").unslider({
|
||||
animation: "fade",
|
||||
infinite: true
|
||||
});
|
||||
|
||||
// Manual Slider
|
||||
$("#manual-slider").unslider({
|
||||
keys: false,
|
||||
arrows: false,
|
||||
nav: false
|
||||
});
|
||||
|
||||
$('#manual').on('keyup', function() {
|
||||
$('.manual-slider').unslider('animate:' + $(this).val());
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1 @@
|
||||
$(document).ready(function(){var i=!1;"rtl"==$("html").data("textdirection")&&(i=!0),!0===i&&($("#default-slider").attr("dir","rtl"),$("#automatic-slider").attr("dir","rtl"),$("#vertical-slider").attr("dir","rtl"),$("#automcatic-anim-slider").attr("dir","rtl"),$("#infinite-slider").attr("dir","rtl"),$("#manual-slider").attr("dir","rtl"),$("#manual").attr("dir","rtl")),$("#default-slider").unslider({animation:"fade"}),$("#automatic-slider").unslider({autoplay:!0,animation:"fade"}),$("#vertical-slider").unslider({animation:"vertical",autoplay:!0,infinite:!0}),$("#automcatic-anim-slider").unslider({animation:"fade",autoplay:!0,arrows:!1}),$("#infinite-slider").unslider({animation:"fade",infinite:!0}),$("#manual-slider").unslider({keys:!1,arrows:!1,nav:!1}),$("#manual").on("keyup",function(){$(".manual-slider").unslider("animate:"+$(this).val())})});
|
||||
Reference in New Issue
Block a user