Init(Core): Change repo
This commit is contained in:
187
public/assets/js/app.js
Normal file
187
public/assets/js/app.js
Normal file
@@ -0,0 +1,187 @@
|
||||
/*
|
||||
Template Name: Qovex - Responsive Bootstrap 4 Admin Dashboard
|
||||
Author: Themesbrand
|
||||
Version: 1.0.0
|
||||
Website: https://themesbrand.com/
|
||||
Contact: themesbrand@gmail.com
|
||||
File: Main Js File
|
||||
*/
|
||||
|
||||
|
||||
(function ($) {
|
||||
|
||||
'use strict';
|
||||
|
||||
function initMetisMenu() {
|
||||
//metis menu
|
||||
$("#side-menu").metisMenu();
|
||||
}
|
||||
|
||||
function initLeftMenuCollapse() {
|
||||
$('#vertical-menu-btn').on('click', function (event) {
|
||||
event.preventDefault();
|
||||
$('body').toggleClass('sidebar-enable');
|
||||
if ($(window).width() >= 992) {
|
||||
$('body').toggleClass('vertical-collpsed');
|
||||
} else {
|
||||
$('body').removeClass('vertical-collpsed');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function initActiveMenu() {
|
||||
// === following js will activate the menu in left side bar based on url ====
|
||||
$("#sidebar-menu a").each(function () {
|
||||
var pageUrl = window.location.href.split(/[?#]/)[0];
|
||||
if (this.href == pageUrl) {
|
||||
$(this).addClass("active");
|
||||
$(this).parent().addClass("mm-active"); // add active to li of the current link
|
||||
$(this).parent().parent().addClass("mm-show");
|
||||
$(this).parent().parent().prev().addClass("mm-active"); // add active class to an anchor
|
||||
$(this).parent().parent().parent().addClass("mm-active");
|
||||
$(this).parent().parent().parent().parent().addClass("mm-show"); // add active to li of the current link
|
||||
$(this).parent().parent().parent().parent().parent().addClass("mm-active");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function initMenuItem() {
|
||||
$(".navbar-nav a").each(function () {
|
||||
var pageUrl = window.location.href.split(/[?#]/)[0];
|
||||
if (this.href == pageUrl) {
|
||||
$(this).addClass("active");
|
||||
$(this).parent().addClass("active");
|
||||
$(this).parent().parent().addClass("active");
|
||||
$(this).parent().parent().parent().addClass("active");
|
||||
$(this).parent().parent().parent().parent().addClass("active");
|
||||
$(this).parent().parent().parent().parent().parent().addClass("active");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function initFullScreen() {
|
||||
$('[data-toggle="fullscreen"]').on("click", function (e) {
|
||||
e.preventDefault();
|
||||
$('body').toggleClass('fullscreen-enable');
|
||||
if (!document.fullscreenElement && /* alternative standard method */ !document.mozFullScreenElement && !document.webkitFullscreenElement) { // current working methods
|
||||
if (document.documentElement.requestFullscreen) {
|
||||
document.documentElement.requestFullscreen();
|
||||
} else if (document.documentElement.mozRequestFullScreen) {
|
||||
document.documentElement.mozRequestFullScreen();
|
||||
} else if (document.documentElement.webkitRequestFullscreen) {
|
||||
document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
|
||||
}
|
||||
} else {
|
||||
if (document.cancelFullScreen) {
|
||||
document.cancelFullScreen();
|
||||
} else if (document.mozCancelFullScreen) {
|
||||
document.mozCancelFullScreen();
|
||||
} else if (document.webkitCancelFullScreen) {
|
||||
document.webkitCancelFullScreen();
|
||||
}
|
||||
}
|
||||
});
|
||||
document.addEventListener('fullscreenchange', exitHandler );
|
||||
document.addEventListener("webkitfullscreenchange", exitHandler);
|
||||
document.addEventListener("mozfullscreenchange", exitHandler);
|
||||
function exitHandler() {
|
||||
if (!document.webkitIsFullScreen && !document.mozFullScreen && !document.msFullscreenElement) {
|
||||
console.log('pressed');
|
||||
$('body').removeClass('fullscreen-enable');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function initRightSidebar() {
|
||||
// right side-bar toggle
|
||||
$('.right-bar-toggle').on('click', function (e) {
|
||||
$('body').toggleClass('right-bar-enabled');
|
||||
});
|
||||
|
||||
$(document).on('click', 'body', function (e) {
|
||||
if ($(e.target).closest('.right-bar-toggle, .right-bar').length > 0) {
|
||||
return;
|
||||
}
|
||||
|
||||
$('body').removeClass('right-bar-enabled');
|
||||
return;
|
||||
});
|
||||
}
|
||||
|
||||
function initDropdownMenu() {
|
||||
$('.dropdown-menu a.dropdown-toggle').on('click', function(e) {
|
||||
if (!$(this).next().hasClass('show')) {
|
||||
$(this).parents('.dropdown-menu').first().find('.show').removeClass("show");
|
||||
}
|
||||
var $subMenu = $(this).next(".dropdown-menu");
|
||||
$subMenu.toggleClass('show');
|
||||
|
||||
return false;
|
||||
});
|
||||
}
|
||||
|
||||
function initComponents() {
|
||||
$(function () {
|
||||
$('[data-toggle="tooltip"]').tooltip()
|
||||
})
|
||||
|
||||
$(function () {
|
||||
$('[data-toggle="popover"]').popover()
|
||||
})
|
||||
}
|
||||
|
||||
function initPreloader() {
|
||||
$(window).on('load', function() {
|
||||
$('#status').fadeOut();
|
||||
$('#preloader').delay(350).fadeOut('slow');
|
||||
});
|
||||
}
|
||||
|
||||
function initSettings() {
|
||||
if (window.sessionStorage) {
|
||||
var alreadyVisited = sessionStorage.getItem("is_visited");
|
||||
if (!alreadyVisited) {
|
||||
sessionStorage.setItem("is_visited", "light-mode-switch");
|
||||
} else {
|
||||
$(".right-bar input:checkbox").prop('checked', false);
|
||||
$("#"+alreadyVisited).prop('checked', true);
|
||||
updateThemeSetting(alreadyVisited);
|
||||
}
|
||||
}
|
||||
$("#light-mode-switch, #dark-mode-switch").on("change", function(e) {
|
||||
updateThemeSetting(e.target.id);
|
||||
});
|
||||
}
|
||||
|
||||
function updateThemeSetting(id) {
|
||||
if($("#light-mode-switch").prop("checked") == true && id === "light-mode-switch"){
|
||||
$("#dark-mode-switch").prop("checked", false);
|
||||
$("#bootstrap-style").attr('href','assets/css/bootstrap.min.css');
|
||||
$("#app-style").attr('href','assets/css/app.css');
|
||||
sessionStorage.setItem("is_visited", "light-mode-switch");
|
||||
} else if($("#dark-mode-switch").prop("checked") == true && id === "dark-mode-switch"){
|
||||
$("#light-mode-switch").prop("checked", false);
|
||||
$("#bootstrap-style").attr('href','assets/css/bootstrap-dark.min.css');
|
||||
$("#app-style").attr('href','assets/css/app-dark.css');
|
||||
sessionStorage.setItem("is_visited", "dark-mode-switch");
|
||||
}
|
||||
}
|
||||
|
||||
function init() {
|
||||
initMetisMenu();
|
||||
initLeftMenuCollapse();
|
||||
initActiveMenu();
|
||||
initMenuItem();
|
||||
initFullScreen();
|
||||
initRightSidebar();
|
||||
initDropdownMenu();
|
||||
initComponents();
|
||||
initSettings();
|
||||
initPreloader();
|
||||
Waves.init();
|
||||
}
|
||||
|
||||
init();
|
||||
|
||||
})(jQuery)
|
||||
|
||||
17
public/assets/js/pages/coming-soon.init.js
Normal file
17
public/assets/js/pages/coming-soon.init.js
Normal file
@@ -0,0 +1,17 @@
|
||||
/*
|
||||
Template Name: Qovex - Responsive Bootstrap 4 Admin Dashboard
|
||||
Author: Themesbrand
|
||||
Website: https://themesbrand.com/
|
||||
Contact: themesbrand@gmail.com
|
||||
File: Comming sson
|
||||
*/
|
||||
$('[data-countdown]').each(function () {
|
||||
var $this = $(this), finalDate = $(this).data('countdown');
|
||||
$this.countdown(finalDate, function (event) {
|
||||
$(this).html(event.strftime(''
|
||||
+ '<div class="coming-box">%D <span>روز</span></div> '
|
||||
+ '<div class="coming-box">%H <span>ساعت</span></div> '
|
||||
+ '<div class="coming-box">%M <span>دقیقه</span></div> '
|
||||
+ '<div class="coming-box">%S <span>ثانیه</span></div> '));
|
||||
});
|
||||
});
|
||||
302
public/assets/js/pages/dashboard-2.init.js
Normal file
302
public/assets/js/pages/dashboard-2.init.js
Normal file
@@ -0,0 +1,302 @@
|
||||
/*
|
||||
Template Name: Qovex - Responsive Bootstrap 4 Admin Dashboard
|
||||
Author: Themesbrand
|
||||
Website: https://themesbrand.com/
|
||||
Contact: themesbrand@gmail.com
|
||||
File: Dashboard-2
|
||||
*/
|
||||
|
||||
Apex.chart = {
|
||||
fontFamily: 'inherit',
|
||||
locales: [{
|
||||
"name": "fa",
|
||||
"options": {
|
||||
"months": ["ژانویه", "فوریه", "مارس", "آوریل", "می", "ژوئن", "جولای", "آگوست", "سپتامبر", "اکتبر", "نوامبر", "دسامبر"],
|
||||
"shortMonths": ["ژانویه", "فوریه", "مارس", "آوریل", "می", "ژوئن", "جولای", "آگوست", "سپتامبر", "اکتبر", "نوامبر", "دسامبر"],
|
||||
"days": ["یکشنبه", "دوشنبه", "سهشنبه", "چهارشنبه", "پنجشنبه", "جمعه", "شنبه"],
|
||||
"shortDays": ["ی", "د", "س", "چ", "پ", "ج", "ش"],
|
||||
"toolbar": {
|
||||
"exportToSVG": "دریافت SVG",
|
||||
"exportToPNG": "دریافت PNG",
|
||||
"exportToCSV": "دریافت CSV",
|
||||
"menu": "فهرست",
|
||||
"selection": "انتخاب",
|
||||
"selectionZoom": "بزرگنمایی قسمت انتخاب شده",
|
||||
"zoomIn": "بزرگ نمایی",
|
||||
"zoomOut": "کوچک نمایی",
|
||||
"pan": "جا به جایی",
|
||||
"reset": "بازنشانی بزرگ نمایی"
|
||||
}
|
||||
}
|
||||
}],
|
||||
defaultLocale: "fa"
|
||||
}
|
||||
|
||||
|
||||
// Radial chart 1
|
||||
var options = {
|
||||
series: [70],
|
||||
chart: {
|
||||
height: 120,
|
||||
type: 'radialBar',
|
||||
},
|
||||
plotOptions: {
|
||||
radialBar: {
|
||||
offsetY: -12,
|
||||
hollow: {
|
||||
margin: 5,
|
||||
size: '60%',
|
||||
background: 'rgba(59, 93, 231, .25)',
|
||||
},
|
||||
dataLabels: {
|
||||
name: {
|
||||
show: false,
|
||||
},
|
||||
value: {
|
||||
show: true,
|
||||
fontSize: '12px',
|
||||
offsetY: 5,
|
||||
},
|
||||
style: {
|
||||
colors: ['#fff']
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
colors: ['#3b5de7'],
|
||||
}
|
||||
|
||||
var chart = new ApexCharts(document.querySelector("#radial-chart-1"), options);
|
||||
chart.render();
|
||||
|
||||
|
||||
// Radial chart 2
|
||||
var options = {
|
||||
series: [81],
|
||||
chart: {
|
||||
height: 120,
|
||||
type: 'radialBar',
|
||||
},
|
||||
plotOptions: {
|
||||
radialBar: {
|
||||
offsetY: -12,
|
||||
hollow: {
|
||||
margin: 5,
|
||||
size: '60%',
|
||||
background: 'rgba(69, 203, 133, .25)',
|
||||
},
|
||||
dataLabels: {
|
||||
name: {
|
||||
show: false,
|
||||
},
|
||||
value: {
|
||||
show: true,
|
||||
fontSize: '12px',
|
||||
offsetY: 5,
|
||||
},
|
||||
style: {
|
||||
colors: ['#fff']
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
colors: ['#45CB85'],
|
||||
}
|
||||
|
||||
var chart = new ApexCharts(document.querySelector("#radial-chart-2"), options);
|
||||
chart.render();
|
||||
|
||||
|
||||
// Mixed chart
|
||||
var options = {
|
||||
series: [{
|
||||
name: 'سری الف',
|
||||
type: 'column',
|
||||
data: [23, 11, 53, 27, 13, 19, 22, 37, 21, 44, 22, 30]
|
||||
},
|
||||
{
|
||||
name: 'سری ب',
|
||||
type: 'area',
|
||||
data: [36, 47, 33, 41, 22, 37, 43, 21, 41, 56, 27, 43]
|
||||
},
|
||||
{
|
||||
name: 'سری ج',
|
||||
type: 'line',
|
||||
data: [46, 57, 43, 51, 32, 47, 53, 31, 51, 66, 37, 53]
|
||||
}
|
||||
],
|
||||
chart: {
|
||||
height: 275,
|
||||
type: 'line',
|
||||
stacked: false,
|
||||
toolbar: {
|
||||
show: false
|
||||
},
|
||||
},
|
||||
stroke: {
|
||||
width: [0, 2, 2],
|
||||
curve: 'smooth',
|
||||
dashArray: [0, 0, 4]
|
||||
},
|
||||
plotOptions: {
|
||||
bar: {
|
||||
columnWidth: '15%',
|
||||
endingShape: 'rounded'
|
||||
}
|
||||
},
|
||||
fill: {
|
||||
opacity: [0.85,
|
||||
0.25,
|
||||
1
|
||||
],
|
||||
gradient: {
|
||||
inverseColors: false,
|
||||
shade: 'light',
|
||||
type: "vertical",
|
||||
opacityFrom: 0.85,
|
||||
opacityTo: 0.55,
|
||||
stops: [0, 100, 100, 100]
|
||||
}
|
||||
},
|
||||
xaxis: {
|
||||
categories: ['فروردین', 'اردیبهشت', 'خرداد', 'تیر', 'مرداد', 'شهریور', 'مهر', 'آبان', 'آذر', 'دی', 'بهمن', 'اسفند'],
|
||||
},
|
||||
colors: ['#3b5de7',
|
||||
'#eeb902',
|
||||
'#5fd195'
|
||||
],
|
||||
markers: {
|
||||
size: 0
|
||||
},
|
||||
legend: {
|
||||
offsetY: 7
|
||||
}
|
||||
}
|
||||
|
||||
var chart = new ApexCharts(document.querySelector("#mixed-chart"), options);
|
||||
chart.render();
|
||||
|
||||
|
||||
// monthly sales chart
|
||||
var options = {
|
||||
series: [{
|
||||
name: "سری الف",
|
||||
data: [24, 66, 42, 88, 62, 24, 45, 12, 36, 10]
|
||||
}],
|
||||
chart: {
|
||||
height: 100,
|
||||
type: 'line',
|
||||
sparkline: {
|
||||
enabled: true
|
||||
},
|
||||
toolbar: {
|
||||
show: false
|
||||
},
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: false
|
||||
},
|
||||
stroke: {
|
||||
curve: 'smooth',
|
||||
width: 3
|
||||
},
|
||||
colors: ['#3b5de7'],
|
||||
}
|
||||
|
||||
var chart = new ApexCharts(document.querySelector("#sales-report-chart"), options);
|
||||
chart.render();
|
||||
|
||||
|
||||
// bar chart
|
||||
var options = {
|
||||
series: [{
|
||||
data: [3, 6, 4, 7, 9, 4]
|
||||
}],
|
||||
chart: {
|
||||
type: 'bar',
|
||||
height: 250,
|
||||
toolbar: {
|
||||
show: false
|
||||
},
|
||||
},
|
||||
plotOptions: {
|
||||
bar: {
|
||||
horizontal: true,
|
||||
barHeight: '24%',
|
||||
endingShape: 'rounded',
|
||||
}
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: false
|
||||
},
|
||||
colors: ['#556ee6'],
|
||||
xaxis: {
|
||||
categories: [
|
||||
'فروردین',
|
||||
'اردیبهشت',
|
||||
'خرداد',
|
||||
'تیر',
|
||||
'مرداد',
|
||||
'شهریور'
|
||||
],
|
||||
title: {
|
||||
text: 'هزار'
|
||||
},
|
||||
},
|
||||
}
|
||||
|
||||
var chart = new ApexCharts(document.querySelector("#bar-chart"), options);
|
||||
chart.render();
|
||||
|
||||
|
||||
// Radar chart
|
||||
var options = {
|
||||
series: [{
|
||||
name: 'سری 1',
|
||||
data: [80, 50, 30, 40, 100, 20],
|
||||
},
|
||||
{
|
||||
name: 'سری 2',
|
||||
data: [20, 30, 40, 80, 20, 80],
|
||||
},
|
||||
{
|
||||
name: 'سری 3',
|
||||
data: [44, 76, 78, 13, 43, 10],
|
||||
}
|
||||
],
|
||||
chart: {
|
||||
height: 250,
|
||||
type: 'radar',
|
||||
dropShadow: {
|
||||
enabled: true,
|
||||
blur: 1,
|
||||
left: 1,
|
||||
top: 1
|
||||
},
|
||||
toolbar: {
|
||||
show: false
|
||||
},
|
||||
},
|
||||
stroke: {
|
||||
width: 0
|
||||
},
|
||||
fill: {
|
||||
opacity: 0.4
|
||||
},
|
||||
markers: {
|
||||
size: 0
|
||||
},
|
||||
colors: ['#3b5de7',
|
||||
'#5fd195',
|
||||
'#eeb902'
|
||||
],
|
||||
xaxis: {
|
||||
categories: ['1394', '1395', '1396', '1397', '1398', '1399']
|
||||
},
|
||||
legend: {
|
||||
offsetY: 7
|
||||
}
|
||||
}
|
||||
|
||||
var chart = new ApexCharts(document.querySelector("#radar-chart"), options);
|
||||
chart.render();
|
||||
265
public/assets/js/pages/dashboard.init.js
Normal file
265
public/assets/js/pages/dashboard.init.js
Normal file
@@ -0,0 +1,265 @@
|
||||
/*
|
||||
Template Name: Qovex - Responsive Bootstrap 4 Admin Dashboard
|
||||
Author: Themesbrand
|
||||
Website: https://themesbrand.com/
|
||||
Contact: themesbrand@gmail.com
|
||||
File: Dashboard
|
||||
*/
|
||||
|
||||
Apex.chart = {
|
||||
fontFamily: 'inherit',
|
||||
locales: [{
|
||||
"name": "fa",
|
||||
"options": {
|
||||
"months": ["ژانویه", "فوریه", "مارس", "آوریل", "می", "ژوئن", "جولای", "آگوست", "سپتامبر", "اکتبر", "نوامبر", "دسامبر"],
|
||||
"shortMonths": ["ژانویه", "فوریه", "مارس", "آوریل", "می", "ژوئن", "جولای", "آگوست", "سپتامبر", "اکتبر", "نوامبر", "دسامبر"],
|
||||
"days": ["یکشنبه", "دوشنبه", "سهشنبه", "چهارشنبه", "پنجشنبه", "جمعه", "شنبه"],
|
||||
"shortDays": ["ی", "د", "س", "چ", "پ", "ج", "ش"],
|
||||
"toolbar": {
|
||||
"exportToSVG": "دریافت SVG",
|
||||
"exportToPNG": "دریافت PNG",
|
||||
"exportToCSV": "دریافت CSV",
|
||||
"menu": "فهرست",
|
||||
"selection": "انتخاب",
|
||||
"selectionZoom": "بزرگنمایی قسمت انتخاب شده",
|
||||
"zoomIn": "بزرگ نمایی",
|
||||
"zoomOut": "کوچک نمایی",
|
||||
"pan": "جا به جایی",
|
||||
"reset": "بازنشانی بزرگ نمایی"
|
||||
}
|
||||
}
|
||||
}],
|
||||
defaultLocale: "fa"
|
||||
}
|
||||
|
||||
|
||||
// line chart
|
||||
var options = {
|
||||
series: [{
|
||||
name: "1398",
|
||||
type: 'line',
|
||||
data: [20, 34, 27, 59, 37, 26, 38, 25],
|
||||
},
|
||||
{
|
||||
name: "1399",
|
||||
data: [10, 24, 17, 49, 27, 16, 28, 15],
|
||||
type: 'area',
|
||||
}
|
||||
],
|
||||
chart: {
|
||||
height: 260,
|
||||
type: 'line',
|
||||
|
||||
toolbar: {
|
||||
show: false
|
||||
},
|
||||
zoom: {
|
||||
enabled: false
|
||||
}
|
||||
},
|
||||
colors: ['#45cb85', '#3b5de7'],
|
||||
dataLabels: {
|
||||
enabled: false,
|
||||
},
|
||||
stroke: {
|
||||
curve: 'smooth',
|
||||
width: '3',
|
||||
dashArray: [4, 0],
|
||||
},
|
||||
|
||||
markers: {
|
||||
size: 3
|
||||
},
|
||||
xaxis: {
|
||||
categories: ['فروردین', 'اردیبهشت', 'خرداد', 'تیر', 'مرداد', 'شهریور', 'مهر', 'آبان'],
|
||||
title: {
|
||||
text: 'ماه'
|
||||
}
|
||||
},
|
||||
|
||||
fill: {
|
||||
type: 'solid',
|
||||
opacity: [1, 0.1],
|
||||
},
|
||||
|
||||
legend: {
|
||||
position: 'top',
|
||||
horizontalAlign: 'right',
|
||||
}
|
||||
};
|
||||
|
||||
var chart = new ApexCharts(document.querySelector("#line-chart"), options);
|
||||
chart.render();
|
||||
|
||||
|
||||
// column chart
|
||||
|
||||
var options = {
|
||||
series: [{
|
||||
name: 'سری الف',
|
||||
data: [11, 17, 15, 15, 21, 14]
|
||||
}, {
|
||||
name: 'سری ب',
|
||||
data: [13, 23, 20, 8, 13, 27]
|
||||
}, {
|
||||
name: 'سری ج',
|
||||
data: [44, 55, 41, 67, 22, 43]
|
||||
}],
|
||||
chart: {
|
||||
type: 'bar',
|
||||
height: 260,
|
||||
stacked: true,
|
||||
toolbar: {
|
||||
show: false
|
||||
},
|
||||
zoom: {
|
||||
enabled: true
|
||||
}
|
||||
},
|
||||
plotOptions: {
|
||||
bar: {
|
||||
horizontal: false,
|
||||
columnWidth: '20%',
|
||||
endingShape: 'rounded'
|
||||
},
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: false
|
||||
},
|
||||
xaxis: {
|
||||
categories: ['فروردین', 'اردیبهشت', 'خرداد', 'تیر', 'مرداد', 'شهریور'],
|
||||
labels: {
|
||||
offsetY: 2
|
||||
}
|
||||
},
|
||||
colors: ['#eef3f7', '#ced6f9', '#3b5de7'],
|
||||
fill: {
|
||||
opacity: 1
|
||||
},
|
||||
legend: {
|
||||
offsetY: 7
|
||||
}
|
||||
};
|
||||
|
||||
var chart = new ApexCharts(document.querySelector("#column-chart"), options);
|
||||
chart.render();
|
||||
|
||||
|
||||
// donut chart
|
||||
|
||||
var options = {
|
||||
series: [38, 26, 14],
|
||||
chart: {
|
||||
height: 230,
|
||||
type: 'donut',
|
||||
},
|
||||
labels: ["آنلاین", "آفلاین", "بازاریابی"],
|
||||
plotOptions: {
|
||||
pie: {
|
||||
donut: {
|
||||
size: '75%'
|
||||
}
|
||||
}
|
||||
},
|
||||
legend: {
|
||||
show: false,
|
||||
},
|
||||
colors: ['#3b5de7', '#45cb85', '#eeb902'],
|
||||
|
||||
};
|
||||
|
||||
var chart = new ApexCharts(document.querySelector("#donut-chart"), options);
|
||||
chart.render();
|
||||
|
||||
|
||||
// Scatter chart
|
||||
|
||||
var options = {
|
||||
series: [{
|
||||
name: "سری الف",
|
||||
data: [
|
||||
[2, 5],
|
||||
[7, 2],
|
||||
[4, 3],
|
||||
[5, 2],
|
||||
[6, 1],
|
||||
[1, 3],
|
||||
[2, 7],
|
||||
[8, 0],
|
||||
[9, 8],
|
||||
[6, 0],
|
||||
[10, 1]
|
||||
]
|
||||
}, {
|
||||
name: "سری ب",
|
||||
data: [
|
||||
[15, 13],
|
||||
[7, 11],
|
||||
[5, 8],
|
||||
[9, 17],
|
||||
[11, 4],
|
||||
[14, 12],
|
||||
[13, 14],
|
||||
[8, 9],
|
||||
[4, 13],
|
||||
[7, 7],
|
||||
[5, 8],
|
||||
[4, 3]
|
||||
]
|
||||
}],
|
||||
chart: {
|
||||
height: 230,
|
||||
type: 'scatter',
|
||||
toolbar: {
|
||||
show: false
|
||||
},
|
||||
zoom: {
|
||||
enabled: true,
|
||||
type: 'xy'
|
||||
}
|
||||
},
|
||||
|
||||
colors: ['#3b5de7', '#45cb85'],
|
||||
xaxis: {
|
||||
tickAmount: 10,
|
||||
|
||||
},
|
||||
legend: {
|
||||
position: 'top',
|
||||
},
|
||||
yaxis: {
|
||||
tickAmount: 7
|
||||
}
|
||||
};
|
||||
|
||||
var chart = new ApexCharts(document.querySelector("#scatter-chart"), options);
|
||||
chart.render();
|
||||
|
||||
|
||||
// USA map
|
||||
|
||||
$('#usa-vectormap').vectorMap({
|
||||
map: 'us_merc_en',
|
||||
backgroundColor: 'transparent',
|
||||
regionStyle: {
|
||||
initial: {
|
||||
fill: '#556ee6'
|
||||
}
|
||||
},
|
||||
markerStyle: {
|
||||
initial: {
|
||||
r: 9,
|
||||
'fill': '#556ee6',
|
||||
'fill-opacity': 0.9,
|
||||
'stroke': '#fff',
|
||||
'stroke-width': 7,
|
||||
'stroke-opacity': 0.4
|
||||
},
|
||||
|
||||
hover: {
|
||||
'stroke': '#fff',
|
||||
'fill-opacity': 1,
|
||||
'stroke-width': 1.5
|
||||
}
|
||||
},
|
||||
});
|
||||
77
public/assets/js/pages/datatables.init.js
Normal file
77
public/assets/js/pages/datatables.init.js
Normal file
@@ -0,0 +1,77 @@
|
||||
/*
|
||||
Template Name: Qovex - Responsive Bootstrap 4 Admin Dashboard
|
||||
Author: Themesbrand
|
||||
Website: https://themesbrand.com/
|
||||
Contact: themesbrand@gmail.com
|
||||
File: Datatables
|
||||
*/
|
||||
|
||||
$(document).ready(function() {
|
||||
$('#datatable').DataTable({
|
||||
language: {
|
||||
"sEmptyTable": "هیچ داده ای در جدول وجود ندارد",
|
||||
"sInfo": "نمایش _START_ تا _END_ از _TOTAL_ رکورد",
|
||||
"sInfoEmpty": "نمایش 0 تا 0 از 0 رکورد",
|
||||
"sInfoFiltered": "(فیلتر شده از _MAX_ رکورد)",
|
||||
"sInfoPostFix": "",
|
||||
"sInfoThousands": ",",
|
||||
"sLengthMenu": "نمایش _MENU_ رکورد",
|
||||
"sLoadingRecords": "در حال بارگزاری...",
|
||||
"sProcessing": "در حال پردازش...",
|
||||
"sSearch": "جستجو:",
|
||||
"sZeroRecords": "رکوردی با این مشخصات پیدا نشد",
|
||||
"oPaginate": {
|
||||
"sFirst": "ابتدا",
|
||||
"sLast": "انتها",
|
||||
"sNext": "بعدی",
|
||||
"sPrevious": "قبلی"
|
||||
},
|
||||
"oAria": {
|
||||
"sSortAscending": ": فعال سازی نمایش به صورت صعودی",
|
||||
"sSortDescending": ": فعال سازی نمایش به صورت نزولی"
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
//Buttons examples
|
||||
var table = $('#datatable-buttons').DataTable({
|
||||
lengthChange: false,
|
||||
buttons: ['copy', 'excel', 'pdf', 'colvis'],
|
||||
language: {
|
||||
"sEmptyTable": "هیچ داده ای در جدول وجود ندارد",
|
||||
"sInfo": "نمایش _START_ تا _END_ از _TOTAL_ رکورد",
|
||||
"sInfoEmpty": "نمایش 0 تا 0 از 0 رکورد",
|
||||
"sInfoFiltered": "(فیلتر شده از _MAX_ رکورد)",
|
||||
"sInfoPostFix": "",
|
||||
"sInfoThousands": ",",
|
||||
"sLengthMenu": "نمایش _MENU_ رکورد",
|
||||
"sLoadingRecords": "در حال بارگزاری...",
|
||||
"sProcessing": "در حال پردازش...",
|
||||
"sSearch": "جستجو:",
|
||||
"sZeroRecords": "رکوردی با این مشخصات پیدا نشد",
|
||||
"oPaginate": {
|
||||
"sFirst": "ابتدا",
|
||||
"sLast": "انتها",
|
||||
"sNext": "بعدی",
|
||||
"sPrevious": "قبلی"
|
||||
},
|
||||
"oAria": {
|
||||
"sSortAscending": ": فعال سازی نمایش به صورت صعودی",
|
||||
"sSortDescending": ": فعال سازی نمایش به صورت نزولی"
|
||||
},
|
||||
"buttons": {
|
||||
"copy": "کپی",
|
||||
"excel": "اکسل",
|
||||
"pdf": "PDF",
|
||||
"colvis": "نمایش ستون ها",
|
||||
"copyTitle": "کپی به حافظه",
|
||||
"copySuccess":{
|
||||
1:"1 سطر به حافظه کپی شد",
|
||||
_:"%d سطر به حافظه کپی شد"
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
table.buttons().container().appendTo('#datatable-buttons_wrapper .col-md-6:eq(0)');
|
||||
} );
|
||||
18
public/assets/js/pages/email-summernote.init.js
Normal file
18
public/assets/js/pages/email-summernote.init.js
Normal file
@@ -0,0 +1,18 @@
|
||||
/*
|
||||
Template Name: Qovex - Responsive Bootstrap 4 Admin Dashboard
|
||||
Author: Themesbrand
|
||||
Website: https://themesbrand.com/
|
||||
Contact: themesbrand@gmail.com
|
||||
File: Email summernote
|
||||
*/
|
||||
|
||||
$(document).ready(function(){
|
||||
|
||||
$('.summernote').summernote({
|
||||
height: 200, // set editor height
|
||||
minHeight: null, // set minimum height of editor
|
||||
maxHeight: null, // set maximum height of editor
|
||||
focus: false, // set focus to editable area after initializing summernote
|
||||
lang: 'fa-IR'
|
||||
});
|
||||
});
|
||||
325
public/assets/js/pages/flot.init.js
Normal file
325
public/assets/js/pages/flot.init.js
Normal file
@@ -0,0 +1,325 @@
|
||||
/*
|
||||
Template Name: Qovex - Responsive Bootstrap 4 Admin Dashboard
|
||||
Author: Themesbrand
|
||||
Website: https://themesbrand.com/
|
||||
Contact: themesbrand@gmail.com
|
||||
File: Flot chart
|
||||
*/
|
||||
|
||||
!function($) {
|
||||
"use strict";
|
||||
|
||||
var FlotChart = function() {
|
||||
this.$body = $("body")
|
||||
this.$realData = []
|
||||
};
|
||||
|
||||
//creates plot graph
|
||||
FlotChart.prototype.createPlotGraph = function(selector, data1, data2, data3, labels, colors, borderColor, bgColor) {
|
||||
//shows tooltip
|
||||
function showTooltip(x, y, contents) {
|
||||
$('<div id="tooltip" class="tooltipflot">' + contents + '</div>').css( {
|
||||
position: 'absolute',
|
||||
top: y + 5,
|
||||
left: x + 5
|
||||
}).appendTo("body").fadeIn(200);
|
||||
}
|
||||
|
||||
$.plot($(selector),
|
||||
[ { data: data1,
|
||||
label: labels[0],
|
||||
color: colors[0]
|
||||
},
|
||||
{ data: data2,
|
||||
label: labels[1],
|
||||
color: colors[1]
|
||||
},
|
||||
{ data: data3,
|
||||
label: labels[2],
|
||||
color: colors[2]
|
||||
}
|
||||
],
|
||||
{
|
||||
series: {
|
||||
lines: {
|
||||
show: true,
|
||||
fill: true,
|
||||
lineWidth: 2,
|
||||
fillColor: {
|
||||
colors: [{opacity: 0.2},
|
||||
{opacity: 0.2}
|
||||
]
|
||||
}
|
||||
},
|
||||
points: {
|
||||
show: false
|
||||
},
|
||||
shadowSize: 0
|
||||
},
|
||||
|
||||
legend: {
|
||||
position: 'nw',
|
||||
backgroundColor: "transparent",
|
||||
},
|
||||
grid: {
|
||||
hoverable: true,
|
||||
clickable: true,
|
||||
borderColor: borderColor,
|
||||
borderWidth: 1,
|
||||
labelMargin: 10,
|
||||
backgroundColor: bgColor
|
||||
},
|
||||
yaxis: {
|
||||
min: 0,
|
||||
max: 300,
|
||||
tickColor : 'rgba(166, 176, 207, 0.1)',
|
||||
font : {
|
||||
color : '#8791af'
|
||||
}
|
||||
},
|
||||
xaxis: {
|
||||
tickColor : 'rgba(166, 176, 207, 0.1)',
|
||||
font : {
|
||||
color : '#8791af'
|
||||
}
|
||||
},
|
||||
tooltip: true,
|
||||
tooltipOpts: {
|
||||
content: '%s: مقدار %x برابر است با %y',
|
||||
shifts: {
|
||||
x: -60,
|
||||
y: 25
|
||||
},
|
||||
defaultTheme: false
|
||||
}
|
||||
});
|
||||
},
|
||||
//end plot graph
|
||||
|
||||
//creates Pie Chart
|
||||
FlotChart.prototype.createPieGraph = function(selector, labels, datas, colors) {
|
||||
var data = [{
|
||||
label: labels[0],
|
||||
data: datas[0]
|
||||
}, {
|
||||
label: labels[1],
|
||||
data: datas[1]
|
||||
}, {
|
||||
label: labels[2],
|
||||
data: datas[2]
|
||||
}];
|
||||
var options = {
|
||||
series: {
|
||||
pie: {
|
||||
show: true
|
||||
}
|
||||
},
|
||||
legend : {
|
||||
show : true,
|
||||
backgroundColor: "transparent",
|
||||
},
|
||||
grid : {
|
||||
hoverable : true,
|
||||
clickable : true
|
||||
},
|
||||
colors : colors,
|
||||
tooltip : true,
|
||||
tooltipOpts : {
|
||||
content : "%s, %p.0%"
|
||||
}
|
||||
};
|
||||
|
||||
$.plot($(selector), data, options);
|
||||
},
|
||||
|
||||
//returns some random data
|
||||
FlotChart.prototype.randomData = function() {
|
||||
var totalPoints = 300;
|
||||
if (this.$realData.length > 0)
|
||||
this.$realData = this.$realData.slice(1);
|
||||
|
||||
// Do a random walk
|
||||
while (this.$realData.length < totalPoints) {
|
||||
|
||||
var prev = this.$realData.length > 0 ? this.$realData[this.$realData.length - 1] : 50,
|
||||
y = prev + Math.random() * 10 - 5;
|
||||
|
||||
if (y < 0) {
|
||||
y = 0;
|
||||
} else if (y > 100) {
|
||||
y = 100;
|
||||
}
|
||||
|
||||
this.$realData.push(y);
|
||||
}
|
||||
|
||||
// Zip the generated y values with the x values
|
||||
var res = [];
|
||||
for (var i = 0; i < this.$realData.length; ++i) {
|
||||
res.push([i, this.$realData[i]])
|
||||
}
|
||||
|
||||
return res;
|
||||
},
|
||||
|
||||
FlotChart.prototype.createRealTimeGraph = function(selector, data, colors) {
|
||||
var plot = $.plot(selector, [data], {
|
||||
colors: colors,
|
||||
series: {
|
||||
lines: {
|
||||
show: true,
|
||||
fill: true,
|
||||
lineWidth: 2,
|
||||
fillColor: {
|
||||
colors: [{
|
||||
opacity: 0.45
|
||||
}, {
|
||||
opacity: 0.45
|
||||
}]
|
||||
}
|
||||
},
|
||||
points: {
|
||||
show: false
|
||||
},
|
||||
shadowSize: 0
|
||||
},
|
||||
grid : {
|
||||
show : true,
|
||||
aboveData : false,
|
||||
color : '#dcdcdc',
|
||||
labelMargin : 15,
|
||||
axisMargin : 0,
|
||||
borderWidth : 0,
|
||||
borderColor : null,
|
||||
minBorderMargin : 5,
|
||||
clickable : true,
|
||||
hoverable : true,
|
||||
autoHighlight : false,
|
||||
mouseActiveRadius : 20
|
||||
},
|
||||
tooltip : true, //activate tooltip
|
||||
tooltipOpts : {
|
||||
content : "مقدار : %y.0" + "%",
|
||||
shifts : {
|
||||
x : -30,
|
||||
y : -50
|
||||
}
|
||||
},
|
||||
yaxis : {
|
||||
min : 0,
|
||||
max : 100,
|
||||
tickColor : 'rgba(166, 176, 207, 0.1)',
|
||||
font : {
|
||||
color : '#8791af'
|
||||
}
|
||||
|
||||
},
|
||||
xaxis : {
|
||||
show : false
|
||||
}
|
||||
});
|
||||
|
||||
return plot;
|
||||
},
|
||||
|
||||
//creates Pie Chart
|
||||
FlotChart.prototype.createDonutGraph = function(selector, labels, datas, colors) {
|
||||
var data = [{
|
||||
label: labels[0],
|
||||
data: datas[0]
|
||||
}, {
|
||||
label: labels[1],
|
||||
data: datas[1]
|
||||
}, {
|
||||
label: labels[2],
|
||||
data: datas[2]
|
||||
},
|
||||
{
|
||||
label: labels[3],
|
||||
data: datas[3]
|
||||
}, {
|
||||
label: labels[4],
|
||||
data: datas[4]
|
||||
}
|
||||
];
|
||||
var options = {
|
||||
series: {
|
||||
pie: {
|
||||
show: true,
|
||||
innerRadius: 0.7
|
||||
}
|
||||
},
|
||||
legend : {
|
||||
show : true,
|
||||
backgroundColor: "transparent",
|
||||
labelFormatter : function(label, series) {
|
||||
return '<div style="font-size:12px;"> ' + label + '</div>'
|
||||
},
|
||||
labelBoxBorderColor : null,
|
||||
margin : 50,
|
||||
width : 20,
|
||||
padding : 1
|
||||
},
|
||||
grid : {
|
||||
hoverable : true,
|
||||
clickable : true
|
||||
},
|
||||
colors : colors,
|
||||
tooltip : true,
|
||||
tooltipOpts : {
|
||||
content : "%s, %p.0%"
|
||||
}
|
||||
};
|
||||
|
||||
$.plot($(selector), data, options);
|
||||
},
|
||||
|
||||
//initializing various charts and components
|
||||
FlotChart.prototype.init = function() {
|
||||
//plot graph data
|
||||
var desktops = [[0, 50], [1, 130], [2, 80], [3, 70], [4, 180], [5, 105], [6, 250]];
|
||||
var laptops = [[0, 80], [1, 100], [2,60], [3, 120], [4, 140], [5, 100], [6, 105]];
|
||||
var tablets = [[0, 20], [1, 80], [2, 70], [3, 140], [4, 250], [5, 80], [6, 200]];
|
||||
var plabels = ["دسکتاپ","لپ تاپ","تبلت"];
|
||||
var pcolors = ['#eeb902', '#45cb85', '#3b5de7'];
|
||||
var borderColor = 'rgba(166, 176, 207, 0.1)';
|
||||
var bgColor = 'transparent';
|
||||
this.createPlotGraph("#website-stats", desktops, laptops, tablets, plabels, pcolors, borderColor, bgColor);
|
||||
|
||||
//Pie graph data
|
||||
var pielabels = ["دسکتاپ","لپ تاپ","تبلت"];
|
||||
var datas = [20,30, 15];
|
||||
var colors = ['#3b5de7','#45cb85', "#ebeff2"];
|
||||
this.createPieGraph("#pie-chart #pie-chart-container", pielabels , datas, colors);
|
||||
|
||||
|
||||
//real time data representation
|
||||
var plot = this.createRealTimeGraph('#flotRealTime', this.randomData() , ['#45cb85']);
|
||||
plot.draw();
|
||||
var $this = this;
|
||||
function updatePlot() {
|
||||
plot.setData([$this.randomData()]);
|
||||
// Since the axes don't change, we don't need to call plot.setupGrid()
|
||||
plot.draw();
|
||||
setTimeout(updatePlot, $( 'html' ).hasClass( 'mobile-device' ) ? 1000 : 1000);
|
||||
}
|
||||
updatePlot();
|
||||
|
||||
//Donut pie graph data
|
||||
var donutlabels = ["دسکتاپ","لپ تاپ","تبلت"];
|
||||
var donutdatas = [29,20, 18];
|
||||
var donutcolors = ['#f0f1f4', '#3b5de7', '#45cb85'];
|
||||
this.createDonutGraph("#donut-chart #donut-chart-container", donutlabels , donutdatas, donutcolors);
|
||||
},
|
||||
|
||||
//init flotchart
|
||||
$.FlotChart = new FlotChart, $.FlotChart.Constructor = FlotChart
|
||||
|
||||
}(window.jQuery),
|
||||
|
||||
//initializing flotchart
|
||||
function($) {
|
||||
"use strict";
|
||||
$.FlotChart.init();
|
||||
}(window.jQuery);
|
||||
|
||||
141
public/assets/js/pages/form-advanced.init.js
Normal file
141
public/assets/js/pages/form-advanced.init.js
Normal file
@@ -0,0 +1,141 @@
|
||||
/*
|
||||
Template Name: Qovex - Responsive Bootstrap 4 Admin Dashboard
|
||||
Author: Themesbrand
|
||||
Website: https://themesbrand.com/
|
||||
Contact: themesbrand@gmail.com
|
||||
File: Form Advance
|
||||
*/
|
||||
|
||||
!function($) {
|
||||
"use strict";
|
||||
|
||||
var AdvancedForm = function() {};
|
||||
|
||||
AdvancedForm.prototype.init = function() {
|
||||
|
||||
// Select2
|
||||
$(".select2").select2();
|
||||
|
||||
$(".select2-limiting").select2({
|
||||
maximumSelectionLength: 2
|
||||
});
|
||||
//creating various controls
|
||||
|
||||
//colorpicker start
|
||||
$('.colorpicker-default').colorpicker({
|
||||
format: 'hex'
|
||||
});
|
||||
$('.colorpicker-rgba').colorpicker();
|
||||
|
||||
$('#colorpicker-horizontal').colorpicker({
|
||||
color: "#88cc33",
|
||||
horizontal: true
|
||||
});
|
||||
|
||||
$('#colorpicker-inline').colorpicker({
|
||||
color: '#DD0F20',
|
||||
inline: true,
|
||||
container: true
|
||||
});
|
||||
|
||||
|
||||
//Bootstrap-TouchSpin
|
||||
var defaultOptions = {
|
||||
};
|
||||
|
||||
// touchspin
|
||||
$('[data-toggle="touchspin"]').each(function (idx, obj) {
|
||||
var objOptions = $.extend({}, defaultOptions, $(obj).data());
|
||||
$(obj).TouchSpin(objOptions);
|
||||
});
|
||||
|
||||
$("input[name='demo3_21']").TouchSpin({
|
||||
initval: 40,
|
||||
buttondown_class: "btn btn-primary",
|
||||
buttonup_class: "btn btn-primary"
|
||||
});
|
||||
$("input[name='demo3_22']").TouchSpin({
|
||||
initval: 40,
|
||||
buttondown_class: "btn btn-primary",
|
||||
buttonup_class: "btn btn-primary"
|
||||
});
|
||||
|
||||
$("input[name='demo_vertical']").TouchSpin({
|
||||
verticalbuttons: true
|
||||
});
|
||||
|
||||
//Bootstrap-MaxLength
|
||||
$('input#defaultconfig').maxlength({
|
||||
warningClass: "badge badge-info",
|
||||
limitReachedClass: "badge badge-warning"
|
||||
});
|
||||
|
||||
$('input#thresholdconfig').maxlength({
|
||||
threshold: 20,
|
||||
warningClass: "badge badge-info",
|
||||
limitReachedClass: "badge badge-warning"
|
||||
});
|
||||
|
||||
$('input#moreoptions').maxlength({
|
||||
alwaysShow: true,
|
||||
warningClass: "badge badge-success",
|
||||
limitReachedClass: "badge badge-danger"
|
||||
});
|
||||
|
||||
$('input#alloptions').maxlength({
|
||||
alwaysShow: true,
|
||||
warningClass: "badge badge-success",
|
||||
limitReachedClass: "badge badge-danger",
|
||||
preText: 'شما ',
|
||||
separator: ' کاراکتر از ',
|
||||
postText: ' کاراکتر مجاز را تایپ کرده اید.',
|
||||
validate: true
|
||||
});
|
||||
|
||||
$('textarea#textarea').maxlength({
|
||||
alwaysShow: true,
|
||||
warningClass: "badge badge-info",
|
||||
limitReachedClass: "badge badge-warning"
|
||||
});
|
||||
|
||||
$('input#placement').maxlength({
|
||||
alwaysShow: true,
|
||||
placement: 'top-right',
|
||||
warningClass: "badge badge-info",
|
||||
limitReachedClass: "badge badge-warning"
|
||||
});
|
||||
|
||||
// Shamsi Date Picker
|
||||
$('input[name="date-picker-shamsi"]').datepicker({
|
||||
dateFormat: "yy/mm/dd",
|
||||
showOtherMonths: true,
|
||||
selectOtherMonths: false
|
||||
});
|
||||
|
||||
$('input[name="date-picker-shamsi-list"]').datepicker({
|
||||
dateFormat: "yy/mm/dd",
|
||||
showOtherMonths: true,
|
||||
selectOtherMonths: true,
|
||||
changeMonth: true,
|
||||
changeYear: true,
|
||||
showButtonPanel: true
|
||||
});
|
||||
|
||||
$('input[name="date-picker-shamsi-limited"]').datepicker({
|
||||
dateFormat: "yy/mm/dd",
|
||||
showOtherMonths: true,
|
||||
selectOtherMonths: true,
|
||||
minDate: 0,
|
||||
maxDate: "+14D"
|
||||
});
|
||||
|
||||
},
|
||||
//init
|
||||
$.AdvancedForm = new AdvancedForm, $.AdvancedForm.Constructor = AdvancedForm;
|
||||
}(window.jQuery),
|
||||
|
||||
//initializing
|
||||
function ($) {
|
||||
"use strict";
|
||||
$.AdvancedForm.init();
|
||||
}(window.jQuery);
|
||||
41
public/assets/js/pages/form-editor.init.js
Normal file
41
public/assets/js/pages/form-editor.init.js
Normal file
@@ -0,0 +1,41 @@
|
||||
/*
|
||||
Template Name: Qovex - Responsive Bootstrap 4 Admin Dashboard
|
||||
Author: Themesbrand
|
||||
Website: https://themesbrand.com/
|
||||
Contact: themesbrand@gmail.com
|
||||
File: Form edittor
|
||||
*/
|
||||
|
||||
$(document).ready(function () {
|
||||
if($("#elm1").length > 0){
|
||||
tinymce.init({
|
||||
language: "fa_IR",
|
||||
selector: "textarea#elm1",
|
||||
height:300,
|
||||
plugins: [
|
||||
"advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker",
|
||||
"searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
|
||||
"save table directionality emoticons template paste"
|
||||
],
|
||||
toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | l ink image | print preview media fullpage | forecolor backcolor emoticons",
|
||||
style_formats: [
|
||||
{title: 'Bold text', inline: 'b'},
|
||||
{title: 'Red text', inline: 'span', styles: {color: '#ff0000'}},
|
||||
{title: 'Red header', block: 'h1', styles: {color: '#ff0000'}},
|
||||
{title: 'Example 1', inline: 'span', classes: 'example1'},
|
||||
{title: 'Example 2', inline: 'span', classes: 'example2'},
|
||||
{title: 'Table styles'},
|
||||
{title: 'Table row 1', selector: 'tr', classes: 'tablerow1'}
|
||||
]
|
||||
});
|
||||
}
|
||||
|
||||
$('.summernote').summernote({
|
||||
height: 300, // set editor height
|
||||
minHeight: null, // set minimum height of editor
|
||||
maxHeight: null, // set maximum height of editor
|
||||
focus: true, // set focus to editable area after initializing summernote
|
||||
lang: 'fa-IR'
|
||||
});
|
||||
|
||||
});
|
||||
11
public/assets/js/pages/form-mask.init.js
Normal file
11
public/assets/js/pages/form-mask.init.js
Normal file
@@ -0,0 +1,11 @@
|
||||
/*
|
||||
Template Name: Qovex - Responsive Bootstrap 4 Admin Dashboard
|
||||
Author: Themesbrand
|
||||
Website: https://themesbrand.com/
|
||||
Contact: themesbrand@gmail.com
|
||||
File: Form mask
|
||||
*/
|
||||
|
||||
$(document).ready(function(){
|
||||
$(".input-mask").inputmask();
|
||||
});
|
||||
56
public/assets/js/pages/form-repeater.init.js
Normal file
56
public/assets/js/pages/form-repeater.init.js
Normal file
@@ -0,0 +1,56 @@
|
||||
/*
|
||||
Template Name: Qovex - Responsive Bootstrap 4 Admin Dashboard
|
||||
Author: Themesbrand
|
||||
Website: https://themesbrand.com/
|
||||
Contact: themesbrand@gmail.com
|
||||
File: Form repeater
|
||||
*/
|
||||
|
||||
$(document).ready(function () {
|
||||
'use strict';
|
||||
|
||||
$('.repeater').repeater({
|
||||
defaultValues: {
|
||||
'textarea-input': 'foo',
|
||||
'text-input': 'bar',
|
||||
'select-input': 'B',
|
||||
'checkbox-input': ['A', 'B'],
|
||||
'radio-input': 'B'
|
||||
},
|
||||
show: function () {
|
||||
$(this).slideDown();
|
||||
},
|
||||
hide: function (deleteElement) {
|
||||
if(confirm('آیا از حذف این مورد اطمینان دارید؟')) {
|
||||
$(this).slideUp(deleteElement);
|
||||
}
|
||||
},
|
||||
ready: function (setIndexes) {
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
window.outerRepeater = $('.outer-repeater').repeater({
|
||||
defaultValues: { 'text-input': 'outer-default' },
|
||||
show: function () {
|
||||
console.log('outer show');
|
||||
$(this).slideDown();
|
||||
},
|
||||
hide: function (deleteElement) {
|
||||
console.log('outer delete');
|
||||
$(this).slideUp(deleteElement);
|
||||
},
|
||||
repeaters: [{
|
||||
selector: '.inner-repeater',
|
||||
defaultValues: { 'inner-text-input': 'inner-default' },
|
||||
show: function () {
|
||||
console.log('inner show');
|
||||
$(this).slideDown();
|
||||
},
|
||||
hide: function (deleteElement) {
|
||||
console.log('inner delete');
|
||||
$(this).slideUp(deleteElement);
|
||||
}
|
||||
}]
|
||||
});
|
||||
});
|
||||
32
public/assets/js/pages/form-validation.init.js
Normal file
32
public/assets/js/pages/form-validation.init.js
Normal file
@@ -0,0 +1,32 @@
|
||||
/*
|
||||
Template Name: Qovex - Responsive Bootstrap 4 Admin Dashboard
|
||||
Author: Themesbrand
|
||||
Website: https://themesbrand.com/
|
||||
Contact: themesbrand@gmail.com
|
||||
File: Form validation
|
||||
*/
|
||||
|
||||
// Example starter JavaScript for disabling form submissions if there are invalid fields
|
||||
(function() {
|
||||
'use strict';
|
||||
window.addEventListener('load', function() {
|
||||
// Fetch all the forms we want to apply custom Bootstrap validation styles to
|
||||
var forms = document.getElementsByClassName('needs-validation');
|
||||
// Loop over them and prevent submission
|
||||
var validation = Array.prototype.filter.call(forms, function(form) {
|
||||
form.addEventListener('submit', function(event) {
|
||||
if (form.checkValidity() === false) {
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
}
|
||||
form.classList.add('was-validated');
|
||||
}, false);
|
||||
});
|
||||
}, false);
|
||||
})();
|
||||
|
||||
|
||||
// parsley validation
|
||||
$(document).ready(function() {
|
||||
$('.custom-validation').parsley();
|
||||
});
|
||||
25
public/assets/js/pages/form-wizard.init.js
Normal file
25
public/assets/js/pages/form-wizard.init.js
Normal file
@@ -0,0 +1,25 @@
|
||||
/*
|
||||
Template Name: Qovex - Responsive Bootstrap 4 Admin Dashboard
|
||||
Author: Themesbrand
|
||||
Website: https://themesbrand.com/
|
||||
Contact: themesbrand@gmail.com
|
||||
File: Form wizard
|
||||
*/
|
||||
|
||||
$(function ()
|
||||
{
|
||||
$("#form-horizontal").steps({
|
||||
headerTag: "h3",
|
||||
bodyTag: "fieldset",
|
||||
transitionEffect: "slide",
|
||||
labels: {
|
||||
cancel: "انصراف",
|
||||
current: "قدم کنونی:",
|
||||
pagination: "صفحه بندی",
|
||||
finish: "پایان",
|
||||
next: "بعدی",
|
||||
previous: "قبلی",
|
||||
loading: "در حال بارگذاری ..."
|
||||
}
|
||||
});
|
||||
});
|
||||
82
public/assets/js/pages/form-xeditable.init.js
Normal file
82
public/assets/js/pages/form-xeditable.init.js
Normal file
@@ -0,0 +1,82 @@
|
||||
/*
|
||||
Template Name: Qovex - Responsive Bootstrap 4 Admin Dashboard
|
||||
Author: Themesbrand
|
||||
Website: https://themesbrand.com/
|
||||
Contact: themesbrand@gmail.com
|
||||
File: Form xeditable
|
||||
*/
|
||||
|
||||
|
||||
$(function () {
|
||||
|
||||
//modify buttons style
|
||||
$.fn.editableform.buttons =
|
||||
'<button type="submit" class="btn btn-success editable-submit btn-sm waves-effect waves-light"><i class="mdi mdi-check"></i></button>' +
|
||||
'<button type="button" class="btn btn-danger editable-cancel btn-sm waves-effect waves-light"><i class="mdi mdi-close"></i></button>';
|
||||
|
||||
//inline
|
||||
|
||||
$('#inline-username').editable({
|
||||
type: 'text',
|
||||
pk: 1,
|
||||
name: 'username',
|
||||
title: 'نام کاربری را وارد کنید',
|
||||
mode: 'inline',
|
||||
inputclass: 'form-control-sm'
|
||||
});
|
||||
|
||||
$('#inline-firstname').editable({
|
||||
validate: function (value) {
|
||||
if ($.trim(value) == '') return 'وارد کردن این فیلد الزامی است';
|
||||
},
|
||||
mode: 'inline',
|
||||
inputclass: 'form-control-sm',
|
||||
emptytext: 'خالی'
|
||||
});
|
||||
|
||||
$('#inline-sex').editable({
|
||||
prepend: "انتخاب نشده",
|
||||
mode: 'inline',
|
||||
inputclass: 'form-control-sm',
|
||||
source: [
|
||||
{value: 1, text: 'آقا'},
|
||||
{value: 2, text: 'خانم'}
|
||||
],
|
||||
display: function (value, sourceData) {
|
||||
var colors = {"": "#98a6ad", 1: "#5fbeaa", 2: "#5d9cec"},
|
||||
elem = $.grep(sourceData, function (o) {
|
||||
return o.value == value;
|
||||
});
|
||||
|
||||
if (elem.length) {
|
||||
$(this).text(elem[0].text).css("color", colors[value]);
|
||||
} else {
|
||||
$(this).empty();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$('#inline-status').editable({
|
||||
mode: 'inline',
|
||||
inputclass: 'form-control-sm',
|
||||
sourceError: 'خطا در هنگام بارگذاری لیست'
|
||||
});
|
||||
|
||||
$('#inline-group').editable({
|
||||
showbuttons: false,
|
||||
mode: 'inline',
|
||||
inputclass: 'form-control-sm'
|
||||
});
|
||||
|
||||
$('#inline-dob').editable({
|
||||
mode: 'inline',
|
||||
inputclass: 'form-control-sm'
|
||||
});
|
||||
|
||||
$('#inline-comments').editable({
|
||||
showbuttons: 'bottom',
|
||||
mode: 'inline',
|
||||
inputclass: 'form-control-sm'
|
||||
});
|
||||
|
||||
});
|
||||
71
public/assets/js/pages/gmaps.init.js
Normal file
71
public/assets/js/pages/gmaps.init.js
Normal file
@@ -0,0 +1,71 @@
|
||||
/*
|
||||
Template Name: Qovex - Responsive Bootstrap 4 Admin Dashboard
|
||||
Author: Themesbrand
|
||||
Website: https://themesbrand.com/
|
||||
Contact: themesbrand@gmail.com
|
||||
File: google maps
|
||||
*/
|
||||
|
||||
var map;
|
||||
$(document).ready(function(){
|
||||
// Markers
|
||||
map = new GMaps({
|
||||
div: '#gmaps-markers',
|
||||
lat: -12.043333,
|
||||
lng: -77.028333
|
||||
});
|
||||
map.addMarker({
|
||||
lat: -12.043333,
|
||||
lng: -77.03,
|
||||
title: 'Lima',
|
||||
details: {
|
||||
database_id: 42,
|
||||
author: 'HPNeo'
|
||||
},
|
||||
click: function(e){
|
||||
if(console.log)
|
||||
console.log(e);
|
||||
alert('You clicked in this marker');
|
||||
}
|
||||
});
|
||||
|
||||
// Overlays
|
||||
map = new GMaps({
|
||||
div: '#gmaps-overlay',
|
||||
lat: -12.043333,
|
||||
lng: -77.028333
|
||||
});
|
||||
map.drawOverlay({
|
||||
lat: map.getCenter().lat(),
|
||||
lng: map.getCenter().lng(),
|
||||
content: '<div class="gmaps-overlay">Lima<div class="gmaps-overlay_arrow above"></div></div>',
|
||||
verticalAlign: 'top',
|
||||
horizontalAlign: 'center'
|
||||
});
|
||||
|
||||
//panorama
|
||||
map = GMaps.createPanorama({
|
||||
el: '#panorama',
|
||||
lat : 42.3455,
|
||||
lng : -71.0983
|
||||
});
|
||||
|
||||
//Map type
|
||||
map = new GMaps({
|
||||
div: '#gmaps-types',
|
||||
lat: -12.043333,
|
||||
lng: -77.028333,
|
||||
mapTypeControlOptions: {
|
||||
mapTypeIds : ["hybrid", "roadmap", "satellite", "terrain", "osm"]
|
||||
}
|
||||
});
|
||||
map.addMapType("osm", {
|
||||
getTileUrl: function(coord, zoom) {
|
||||
return "https://a.tile.openstreetmap.org/" + zoom + "/" + coord.x + "/" + coord.y + ".png";
|
||||
},
|
||||
tileSize: new google.maps.Size(256, 256),
|
||||
name: "OpenStreetMap",
|
||||
maxZoom: 18
|
||||
});
|
||||
map.setMapTypeId("osm");
|
||||
});
|
||||
11
public/assets/js/pages/jquery-knob.init.js
Normal file
11
public/assets/js/pages/jquery-knob.init.js
Normal file
@@ -0,0 +1,11 @@
|
||||
/*
|
||||
Template Name: Qovex - Responsive Bootstrap 4 Admin Dashboard
|
||||
Author: Themesbrand
|
||||
Website: https://themesbrand.com/
|
||||
Contact: themesbrand@gmail.com
|
||||
File: Jquery konb
|
||||
*/
|
||||
|
||||
$(function() {
|
||||
$(".knob").knob();
|
||||
});
|
||||
168
public/assets/js/pages/lightbox.init.js
Normal file
168
public/assets/js/pages/lightbox.init.js
Normal file
@@ -0,0 +1,168 @@
|
||||
/*
|
||||
Template Name: Qovex - Responsive Bootstrap 4 Admin Dashboard
|
||||
Author: Themesbrand
|
||||
Website: https://themesbrand.com/
|
||||
Contact: themesbrand@gmail.com
|
||||
File: Lighbox
|
||||
*/
|
||||
|
||||
(function($) {
|
||||
|
||||
'use strict';
|
||||
|
||||
$.extend(true, $.magnificPopup.defaults, {
|
||||
tClose: "بستن",
|
||||
tLoading: "در حال بارگذاری ...",
|
||||
gallery: {
|
||||
tPrev: 'قبلی',
|
||||
tNext: 'بعدی',
|
||||
tCounter: '%curr% از %total%'
|
||||
},
|
||||
image: {
|
||||
tError: '<a href="%url%">تصویر</a> بارگذاری نشد.'
|
||||
},
|
||||
ajax: {
|
||||
tError: '<a href="%url%">درخواست</a> ناموفق بود.'
|
||||
}
|
||||
});
|
||||
|
||||
/*
|
||||
Single Image
|
||||
*/
|
||||
|
||||
$('.image-popup-vertical-fit').magnificPopup({
|
||||
type: 'image',
|
||||
closeOnContentClick: true,
|
||||
mainClass: 'mfp-img-mobile',
|
||||
image: {
|
||||
verticalFit: true
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
$('.image-popup-no-margins').magnificPopup({
|
||||
type: 'image',
|
||||
closeOnContentClick: true,
|
||||
closeBtnInside: false,
|
||||
fixedContentPos: true,
|
||||
mainClass: 'mfp-no-margins mfp-with-zoom', // class to remove default margin from left and right side
|
||||
image: {
|
||||
verticalFit: true
|
||||
},
|
||||
zoom: {
|
||||
enabled: true,
|
||||
duration: 300 // don't foget to change the duration also in CSS
|
||||
}
|
||||
});
|
||||
|
||||
/*
|
||||
Gallery
|
||||
*/
|
||||
$('.popup-gallery').magnificPopup({
|
||||
delegate: 'a',
|
||||
type: 'image',
|
||||
tLoading: 'بارگذاری تصویر #%curr%...',
|
||||
mainClass: 'mfp-img-mobile',
|
||||
gallery: {
|
||||
enabled: true,
|
||||
navigateByImgClick: true,
|
||||
preload: [0,1] // Will preload 0 - before current, and 1 after the current image
|
||||
},
|
||||
image: {
|
||||
tError: '<a href="%url%">تصویر #%curr%</a> بارگذاری نشد.'
|
||||
}
|
||||
});
|
||||
|
||||
/*
|
||||
Zoom Gallery
|
||||
*/
|
||||
$('.zoom-gallery').magnificPopup({
|
||||
delegate: 'a',
|
||||
type: 'image',
|
||||
closeOnContentClick: false,
|
||||
closeBtnInside: false,
|
||||
mainClass: 'mfp-with-zoom mfp-img-mobile',
|
||||
image: {
|
||||
verticalFit: true,
|
||||
titleSrc: function(item) {
|
||||
return item.el.attr('title') + ' · <a href="'+item.el.attr('data-source')+'" target="_blank">منبع تصویر</a>';
|
||||
}
|
||||
},
|
||||
gallery: {
|
||||
enabled: true
|
||||
},
|
||||
zoom: {
|
||||
enabled: true,
|
||||
duration: 300, // don't foget to change the duration also in CSS
|
||||
opener: function(element) {
|
||||
return element.find('img');
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
/*
|
||||
Popup with video or map
|
||||
*/
|
||||
$('.popup-youtube, .popup-vimeo, .popup-gmaps').magnificPopup({
|
||||
disableOn: 700,
|
||||
type: 'iframe',
|
||||
mainClass: 'mfp-fade',
|
||||
removalDelay: 160,
|
||||
preloader: false,
|
||||
fixedContentPos: false
|
||||
});
|
||||
|
||||
/*
|
||||
Dialog with CSS animation
|
||||
*/
|
||||
$('.popup-with-zoom-anim').magnificPopup({
|
||||
type: 'inline',
|
||||
|
||||
fixedContentPos: false,
|
||||
fixedBgPos: true,
|
||||
|
||||
overflowY: 'auto',
|
||||
|
||||
closeBtnInside: true,
|
||||
preloader: false,
|
||||
|
||||
midClick: true,
|
||||
removalDelay: 300,
|
||||
mainClass: 'my-mfp-zoom-in'
|
||||
});
|
||||
|
||||
$('.popup-with-move-anim').magnificPopup({
|
||||
type: 'inline',
|
||||
|
||||
fixedContentPos: false,
|
||||
fixedBgPos: true,
|
||||
|
||||
overflowY: 'auto',
|
||||
|
||||
closeBtnInside: true,
|
||||
preloader: false,
|
||||
|
||||
midClick: true,
|
||||
removalDelay: 300,
|
||||
mainClass: 'my-mfp-slide-bottom'
|
||||
});
|
||||
|
||||
$('.popup-form').magnificPopup({
|
||||
type: 'inline',
|
||||
preloader: false,
|
||||
focus: '#name',
|
||||
|
||||
// When elemened is focused, some mobile browsers in some cases zoom in
|
||||
// It looks not nice, so we disable it:
|
||||
callbacks: {
|
||||
beforeOpen: function() {
|
||||
if($(window).width() < 700) {
|
||||
this.st.focus = false;
|
||||
} else {
|
||||
this.st.focus = '#name';
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
}).apply(this, [jQuery]);
|
||||
82
public/assets/js/pages/profile.init.js
Normal file
82
public/assets/js/pages/profile.init.js
Normal file
@@ -0,0 +1,82 @@
|
||||
/*
|
||||
Template Name: Qovex - Responsive Bootstrap 4 Admin Dashboard
|
||||
Author: Themesbrand
|
||||
Website: https://themesbrand.com/
|
||||
Contact: themesbrand@gmail.com
|
||||
File: Profile
|
||||
*/
|
||||
|
||||
Apex.chart = {
|
||||
fontFamily: 'inherit',
|
||||
locales: [{
|
||||
"name": "fa",
|
||||
"options": {
|
||||
"months": ["ژانویه", "فوریه", "مارس", "آوریل", "می", "ژوئن", "جولای", "آگوست", "سپتامبر", "اکتبر", "نوامبر", "دسامبر"],
|
||||
"shortMonths": ["ژانویه", "فوریه", "مارس", "آوریل", "می", "ژوئن", "جولای", "آگوست", "سپتامبر", "اکتبر", "نوامبر", "دسامبر"],
|
||||
"days": ["یکشنبه", "دوشنبه", "سهشنبه", "چهارشنبه", "پنجشنبه", "جمعه", "شنبه"],
|
||||
"shortDays": ["ی", "د", "س", "چ", "پ", "ج", "ش"],
|
||||
"toolbar": {
|
||||
"exportToSVG": "دریافت SVG",
|
||||
"exportToPNG": "دریافت PNG",
|
||||
"exportToCSV": "دریافت CSV",
|
||||
"menu": "فهرست",
|
||||
"selection": "انتخاب",
|
||||
"selectionZoom": "بزرگنمایی قسمت انتخاب شده",
|
||||
"zoomIn": "بزرگ نمایی",
|
||||
"zoomOut": "کوچک نمایی",
|
||||
"pan": "جا به جایی",
|
||||
"reset": "بازنشانی بزرگ نمایی"
|
||||
}
|
||||
}
|
||||
}],
|
||||
defaultLocale: "fa"
|
||||
}
|
||||
|
||||
var options = {
|
||||
chart: {
|
||||
height: 300,
|
||||
type: 'bar',
|
||||
toolbar: {
|
||||
show: false,
|
||||
}
|
||||
},
|
||||
plotOptions: {
|
||||
bar: {
|
||||
horizontal: false,
|
||||
columnWidth: '14%',
|
||||
endingShape: 'rounded'
|
||||
},
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: false
|
||||
},
|
||||
stroke: {
|
||||
show: true,
|
||||
width: 2,
|
||||
colors: ['transparent']
|
||||
},
|
||||
series: [{
|
||||
name: 'درآمد',
|
||||
data: [50, 55, 126, 86, 47, 68, 106, 74, 65, 57, 86, 68]
|
||||
}],
|
||||
xaxis: {
|
||||
categories: ['فروردین', 'اردیبهشت', 'خرداد', 'تیر', 'مرداد', 'شهریور', 'مهر', 'آبان', 'آذر', 'دی', 'بهمن', 'اسفند'],
|
||||
},
|
||||
yaxis: {
|
||||
title: {
|
||||
text: 'هزار تومان'
|
||||
}
|
||||
},
|
||||
fill: {
|
||||
opacity: 1
|
||||
|
||||
},
|
||||
colors: ['#556ee6'],
|
||||
}
|
||||
|
||||
var chart = new ApexCharts(
|
||||
document.querySelector("#revenue-chart"),
|
||||
options
|
||||
);
|
||||
|
||||
chart.render();
|
||||
123
public/assets/js/pages/range-sliders.init.js
Normal file
123
public/assets/js/pages/range-sliders.init.js
Normal file
@@ -0,0 +1,123 @@
|
||||
/*
|
||||
Template Name: Qovex - Responsive Bootstrap 4 Admin Dashboard
|
||||
Author: Themesbrand
|
||||
Website: https://themesbrand.com/
|
||||
Contact: themesbrand@gmail.com
|
||||
File: Range slider
|
||||
*/
|
||||
|
||||
|
||||
$(document).ready(function () {
|
||||
$("#range_01").ionRangeSlider({
|
||||
skin: "round"
|
||||
});
|
||||
|
||||
$("#range_02").ionRangeSlider({
|
||||
skin: "round",
|
||||
min: 100,
|
||||
max: 1000,
|
||||
from: 550
|
||||
});
|
||||
|
||||
$("#range_03").ionRangeSlider({
|
||||
skin: "round",
|
||||
type: "double",
|
||||
grid: true,
|
||||
min: 0,
|
||||
max: 1000,
|
||||
from: 200,
|
||||
to: 800,
|
||||
prefix: '<span class="d-inline-block">تومان</span> '
|
||||
});
|
||||
|
||||
$("#range_04").ionRangeSlider({
|
||||
skin: "round",
|
||||
type: "double",
|
||||
grid: true,
|
||||
min: -1000,
|
||||
max: 1000,
|
||||
from: -500,
|
||||
to: 500
|
||||
});
|
||||
|
||||
$("#range_05").ionRangeSlider({
|
||||
skin: "round",
|
||||
type: "double",
|
||||
grid: true,
|
||||
min: -1000,
|
||||
max: 1000,
|
||||
from: -500,
|
||||
to: 500,
|
||||
step: 250
|
||||
});
|
||||
|
||||
$("#range_06").ionRangeSlider({
|
||||
skin: "round",
|
||||
grid: true,
|
||||
from: 3,
|
||||
values: ["فروردین", "اردیبهشت", "خرداد", "تیر", "مرداد", "شهریور", "مهر", "آبان", "آذر", "دی", "بهمن", "اسفند"]
|
||||
});
|
||||
|
||||
$("#range_07").ionRangeSlider({
|
||||
skin: "round",
|
||||
grid: true,
|
||||
min: 1000,
|
||||
max: 1000000,
|
||||
from: 200000,
|
||||
step: 1000,
|
||||
prettify_enabled: true,
|
||||
prettify_separator: ","
|
||||
});
|
||||
|
||||
$("#range_08").ionRangeSlider({
|
||||
skin: "round",
|
||||
min: 100,
|
||||
max: 1000,
|
||||
from: 550,
|
||||
disable: true
|
||||
});
|
||||
|
||||
$("#range_09").ionRangeSlider({
|
||||
skin: "round",
|
||||
grid: true,
|
||||
min: 18,
|
||||
max: 70,
|
||||
from: 30,
|
||||
postfix: ' <span class="d-inline-block">سن</span>',
|
||||
max_postfix: "+"
|
||||
});
|
||||
|
||||
$("#range_10").ionRangeSlider({
|
||||
skin: "round",
|
||||
type: "double",
|
||||
min: 100,
|
||||
max: 200,
|
||||
from: 145,
|
||||
to: 155,
|
||||
prefix: '<span class="d-inline-block">کیلوگرم</span> ',
|
||||
postfix: ' <span class="d-inline-block">:وزن</span>',
|
||||
decorate_both: true
|
||||
});
|
||||
|
||||
$("#range_11").ionRangeSlider({
|
||||
skin: "round",
|
||||
type: "single",
|
||||
grid: true,
|
||||
min: -90,
|
||||
max: 90,
|
||||
from: 0,
|
||||
postfix: ' <span class="d-inline-block">تومان</span>'
|
||||
});
|
||||
|
||||
$("#range_12").ionRangeSlider({
|
||||
skin: "round",
|
||||
type: "double",
|
||||
min: 1000,
|
||||
max: 2000,
|
||||
from: 1200,
|
||||
to: 1800,
|
||||
hide_min_max: true,
|
||||
hide_from_to: true,
|
||||
grid: true
|
||||
});
|
||||
});
|
||||
50
public/assets/js/pages/rating-init.js
Normal file
50
public/assets/js/pages/rating-init.js
Normal file
@@ -0,0 +1,50 @@
|
||||
/*
|
||||
Template Name: Qovex - Responsive Bootstrap 4 Admin Dashboard
|
||||
Author: Themesbrand
|
||||
Website: https://themesbrand.com/
|
||||
Contact: themesbrand@gmail.com
|
||||
File: Rating
|
||||
*/
|
||||
|
||||
$(function () {
|
||||
$('input.check').on('change', function () {
|
||||
alert('امتیاز: ' + $(this).val());
|
||||
});
|
||||
$('.rating-tooltip').rating({
|
||||
extendSymbol: function (rate) {
|
||||
$(this).tooltip({
|
||||
container: 'body',
|
||||
placement: 'bottom',
|
||||
title: 'امتیاز ' + rate
|
||||
});
|
||||
}
|
||||
});
|
||||
$('.rating-tooltip-manual').rating({
|
||||
extendSymbol: function () {
|
||||
var title;
|
||||
$(this).tooltip({
|
||||
container: 'body',
|
||||
placement: 'bottom',
|
||||
trigger: 'manual',
|
||||
title: function () {
|
||||
return title;
|
||||
}
|
||||
});
|
||||
$(this).on('rating.rateenter', function (e, rate) {
|
||||
title = rate;
|
||||
$(this).tooltip('show');
|
||||
})
|
||||
.on('rating.rateleave', function () {
|
||||
$(this).tooltip('hide');
|
||||
});
|
||||
}
|
||||
});
|
||||
$('.rating').each(function () {
|
||||
$('<span class="badge badge-info align-middle mt-n1"></span>')
|
||||
.text($(this).val() || '')
|
||||
.insertAfter(this);
|
||||
});
|
||||
$('.rating').on('change', function () {
|
||||
$(this).next('.badge').text($(this).val());
|
||||
});
|
||||
});
|
||||
20
public/assets/js/pages/session-timeout.init.js
Normal file
20
public/assets/js/pages/session-timeout.init.js
Normal file
@@ -0,0 +1,20 @@
|
||||
/*
|
||||
Template Name: Qovex - Responsive Bootstrap 4 Admin Dashboard
|
||||
Author: Themesbrand
|
||||
Website: https://themesbrand.com/
|
||||
Contact: themesbrand@gmail.com
|
||||
File: Session time
|
||||
*/
|
||||
|
||||
$.sessionTimeout({
|
||||
title: 'جلسه شما در حال اتمام است!',
|
||||
message: 'جلسه شما در حال اتمام است.',
|
||||
keepAliveUrl: 'pages-starter.html',
|
||||
logoutButton: 'خروج',
|
||||
keepAliveButton: 'متصل ماندن',
|
||||
logoutUrl: 'pages-login.html',
|
||||
redirUrl: 'pages-lock-screen.html',
|
||||
warnAfter: 3000,
|
||||
redirAfter: 30000,
|
||||
countdownMessage: 'انتقال پس از {timer} ثانیه.'
|
||||
});
|
||||
157
public/assets/js/pages/sparklines.init.js
Normal file
157
public/assets/js/pages/sparklines.init.js
Normal file
@@ -0,0 +1,157 @@
|
||||
/*
|
||||
Template Name: Qovex - Responsive Bootstrap 4 Admin Dashboard
|
||||
Author: Themesbrand
|
||||
Website: https://themesbrand.com/
|
||||
Contact: themesbrand@gmail.com
|
||||
File: Sparkline
|
||||
*/
|
||||
|
||||
$(document).ready(function() {
|
||||
var SparklineCharts = function() {
|
||||
|
||||
$('#sparkline1').sparkline([20, 40, 30], {
|
||||
type: 'pie',
|
||||
height: '200',
|
||||
resize: true,
|
||||
sliceColors: ['#45cb85', '#3b5de7', '#e9ecef']
|
||||
});
|
||||
|
||||
$("#sparkline2").sparkline([5,6,2,8,9,4,7,10,11,12,10,4,7,10], {
|
||||
type: 'bar',
|
||||
height: '200',
|
||||
barWidth: 10,
|
||||
barSpacing: 7,
|
||||
barColor: '#eeb902'
|
||||
});
|
||||
|
||||
$('#sparkline3').sparkline([5, 6, 2, 9, 4, 7, 10, 12,4,7,10], {
|
||||
type: 'bar',
|
||||
height: '200',
|
||||
barWidth: '10',
|
||||
resize: true,
|
||||
barSpacing: '7',
|
||||
barColor: '#45cb85'
|
||||
});
|
||||
$('#sparkline3').sparkline([5, 6, 2, 9, 4, 7, 10, 12,4,7,10], {
|
||||
type: 'line',
|
||||
height: '200',
|
||||
lineColor: '#3b5de7',
|
||||
fillColor: 'transparent',
|
||||
composite: true,
|
||||
lineWidth: 2,
|
||||
highlightLineColor: 'rgba(108, 120, 151, 0.1)',
|
||||
highlightSpotColor: 'rgba(108, 120, 151, 0.2)'
|
||||
});
|
||||
|
||||
$("#sparkline4").sparkline([0, 23, 43, 35, 44, 45, 56, 37, 40, 45, 56, 7, 10], {
|
||||
type: 'line',
|
||||
width: '100%',
|
||||
height: '200',
|
||||
lineColor: '#556ee6',
|
||||
fillColor: 'transparent',
|
||||
spotColor: '#556ee6',
|
||||
lineWidth: 2,
|
||||
minSpotColor: undefined,
|
||||
maxSpotColor: undefined,
|
||||
highlightSpotColor: undefined,
|
||||
highlightLineColor: undefined
|
||||
});
|
||||
$('#sparkline5').sparkline([15, 23, 55, 35, 54, 45, 66, 47, 30], {
|
||||
type: 'line',
|
||||
width: '100%',
|
||||
height: '200',
|
||||
chartRangeMax: 50,
|
||||
resize: true,
|
||||
lineColor: '#3b5de7',
|
||||
fillColor: 'rgba(59, 93, 231, 0.3)',
|
||||
highlightLineColor: 'rgba(108, 120, 151, 0.1)',
|
||||
highlightSpotColor: 'rgba(108, 120, 151, 0.2)',
|
||||
});
|
||||
|
||||
$('#sparkline5').sparkline([0, 13, 10, 14, 15, 10, 18, 20, 0], {
|
||||
type: 'line',
|
||||
width: '100%',
|
||||
height: '200',
|
||||
chartRangeMax: 40,
|
||||
lineColor: '#45cb85',
|
||||
fillColor: 'rgba(69, 203, 133, 0.3)',
|
||||
composite: true,
|
||||
resize: true,
|
||||
highlightLineColor: 'rgba(108, 120, 151, 0.1)',
|
||||
highlightSpotColor: 'rgba(108, 120, 151, 0.2)',
|
||||
});
|
||||
|
||||
$("#sparkline6").sparkline([4, 6, 7, 7, 4, 3, 2, 1, 4, 4, 5, 6, 3, 4, 5, 8, 7, 6, 9, 3, 2, 4, 1, 5, 6, 4, 3, 7], {
|
||||
type: 'discrete',
|
||||
width: '280',
|
||||
height: '200',
|
||||
lineColor: '#ffffff'
|
||||
});
|
||||
|
||||
$('#sparkline7').sparkline([10,12,12,9,7], {
|
||||
type: 'bullet',
|
||||
width: '280',
|
||||
height: '80',
|
||||
targetColor: '#556ee6',
|
||||
performanceColor: '#f46a6a',
|
||||
tooltipValueLookups: {
|
||||
fields: {
|
||||
r: "بازه",
|
||||
p: "عملکرد",
|
||||
t: "هدف"
|
||||
}
|
||||
}
|
||||
});
|
||||
$('#sparkline8').sparkline([4,27,34,52,54,59,61,68,78,82,85,87,91,93,100], {
|
||||
type: 'box',
|
||||
width: '280',
|
||||
height: '80',
|
||||
boxLineColor: '#45cb85',
|
||||
boxFillColor: '#f1f1f1',
|
||||
whiskerColor: '#45cb85',
|
||||
outlierLineColor: '#45cb85',
|
||||
medianColor: '#45cb85',
|
||||
targetColor: '#45cb85',
|
||||
tooltipValueLookups: {
|
||||
fields: {
|
||||
lq: "ربع پایین",
|
||||
med: "میانه",
|
||||
uq: "ربع بالا",
|
||||
lo: "خارج از چپ",
|
||||
ro: "خارج از راست",
|
||||
lw: "ویسکر چپ",
|
||||
rw: "ویسکر راست"
|
||||
}
|
||||
}
|
||||
});
|
||||
$('#sparkline9').sparkline([1,1,0,1,-1,-1,1,-1,0,0,1,1], {
|
||||
height: '80',
|
||||
width: '100%',
|
||||
type: 'tristate',
|
||||
posBarColor: '#3b5de7',
|
||||
negBarColor: '#45cb85',
|
||||
zeroBarColor: '#ff715b',
|
||||
barWidth: 8,
|
||||
barSpacing: 3,
|
||||
zeroAxis: false,
|
||||
tooltipValueLookups: {
|
||||
map: {
|
||||
"-1": "باخت",
|
||||
0: "مساوی",
|
||||
1: "برد"
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
}
|
||||
var sparkResize;
|
||||
|
||||
$(window).resize(function(e) {
|
||||
clearTimeout(sparkResize);
|
||||
sparkResize = setTimeout(SparklineCharts, 500);
|
||||
});
|
||||
SparklineCharts();
|
||||
|
||||
});
|
||||
284
public/assets/js/pages/sweet-alerts.init.js
Normal file
284
public/assets/js/pages/sweet-alerts.init.js
Normal file
@@ -0,0 +1,284 @@
|
||||
/*
|
||||
Template Name: Qovex - Responsive Bootstrap 4 Admin Dashboard
|
||||
Author: Themesbrand
|
||||
Website: https://themesbrand.com/
|
||||
Contact: themesbrand@gmail.com
|
||||
File: Sweet alerts
|
||||
*/
|
||||
|
||||
!function ($) {
|
||||
"use strict";
|
||||
|
||||
var SweetAlert = function () {
|
||||
};
|
||||
|
||||
//examples
|
||||
SweetAlert.prototype.init = function () {
|
||||
|
||||
//Basic
|
||||
$('#sa-basic').on('click', function () {
|
||||
Swal.fire({
|
||||
title: 'هرکسی می تونه از کامپیوتر استفاده کنه',
|
||||
confirmButtonColor: '#3b5de7',
|
||||
confirmButtonText: 'باشه'
|
||||
})
|
||||
});
|
||||
|
||||
//A title with a text under
|
||||
$('#sa-title').click(function () {
|
||||
Swal.fire({
|
||||
title: "اینترنت؟",
|
||||
text: 'هنوز هم چنین چیزی وجود داره؟',
|
||||
type: 'question',
|
||||
confirmButtonColor: '#3b5de7',
|
||||
confirmButtonText: 'باشه'
|
||||
})
|
||||
});
|
||||
|
||||
//Success Message
|
||||
$('#sa-success').click(function () {
|
||||
Swal.fire({
|
||||
title: 'عالی بود!',
|
||||
text: 'شما روی دکمه کلیک کردید!',
|
||||
type: 'success',
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: '#3b5de7',
|
||||
cancelButtonColor: "#f46a6a",
|
||||
confirmButtonText: 'باشه',
|
||||
cancelButtonText: 'انصراف'
|
||||
})
|
||||
});
|
||||
|
||||
//Warning Message
|
||||
$('#sa-warning').click(function () {
|
||||
Swal.fire({
|
||||
title: "آیا اطمینان دارید؟",
|
||||
text: "قادر به بازگردانی این عمل نخواهید بود!",
|
||||
type: "warning",
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: "#34c38f",
|
||||
cancelButtonColor: "#f46a6a",
|
||||
confirmButtonText: "بله، حذف کن!",
|
||||
cancelButtonText: 'انصراف'
|
||||
}).then(function (result) {
|
||||
if (result.value) {
|
||||
Swal.fire({
|
||||
title: "حذف شد!",
|
||||
text: "فایل شما حذف شد.",
|
||||
type: "success",
|
||||
confirmButtonText: 'باشه'
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
//Parameter
|
||||
$('#sa-params').click(function () {
|
||||
Swal.fire({
|
||||
title: "آیا اطمینان دارید؟",
|
||||
text: "قادر به بازگردانی این عمل نخواهید بود!",
|
||||
type: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonText: "بله، حذف کن!",
|
||||
cancelButtonText: 'نه، حذف نکن!',
|
||||
confirmButtonClass: 'btn btn-success mt-2',
|
||||
cancelButtonClass: 'btn btn-danger ml-2 mt-2',
|
||||
buttonsStyling: false
|
||||
}).then(function (result) {
|
||||
if (result.value) {
|
||||
Swal.fire({
|
||||
title: 'حذف شد!',
|
||||
text: 'فایل شما حذف شد.',
|
||||
type: 'success',
|
||||
confirmButtonText: 'باشه'
|
||||
})
|
||||
} else if (
|
||||
// Read more about handling dismissals
|
||||
result.dismiss === Swal.DismissReason.cancel
|
||||
) {
|
||||
Swal.fire({
|
||||
title: 'لغو شد',
|
||||
text: 'فایل خیالی شما در امان است :)',
|
||||
type: 'error',
|
||||
confirmButtonText: 'باشه'
|
||||
})
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
//Custom Image
|
||||
$('#sa-image').click(function () {
|
||||
Swal.fire({
|
||||
title: 'عالیه!',
|
||||
text: 'مودال با یک تصویر سفارشی.',
|
||||
imageUrl: 'assets/images/logo-dark.png',
|
||||
imageHeight: 20,
|
||||
confirmButtonColor: "#3b5de7",
|
||||
confirmButtonText: 'باشه',
|
||||
animation: false
|
||||
})
|
||||
});
|
||||
|
||||
//Auto Close Timer
|
||||
$('#sa-close').click(function () {
|
||||
var timerInterval;
|
||||
Swal.fire({
|
||||
title: 'بسته شدن خودکار!',
|
||||
html: 'من تا <strong></strong> ثانیه بسته خواهم شد.',
|
||||
timer: 2000,
|
||||
onBeforeOpen: function () {
|
||||
Swal.showLoading();
|
||||
timerInterval = setInterval(function () {
|
||||
Swal.getContent().querySelector('strong').textContent = Swal.getTimerLeft() / 1000;
|
||||
}, 100);
|
||||
},
|
||||
onClose: function () {
|
||||
clearInterval(timerInterval);
|
||||
}
|
||||
}).then(function (result) {
|
||||
if (
|
||||
// Read more about handling dismissals
|
||||
result.dismiss === Swal.DismissReason.timer
|
||||
) {
|
||||
console.log('من توسط تایمر بسته شدم');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
//custom html alert
|
||||
$('#custom-html-alert').click(function () {
|
||||
Swal.fire({
|
||||
title: '<u>نمونه</u> <i>HTML</i>',
|
||||
type: 'info',
|
||||
html: 'می تونید از <b>متن ضخیم</b>، ' +
|
||||
'<a href="#">لینک</a> ' +
|
||||
'و سایر تگ های HTML استفاده کنید',
|
||||
showCloseButton: true,
|
||||
showCancelButton: true,
|
||||
confirmButtonClass: 'btn btn-success',
|
||||
cancelButtonClass: 'btn btn-danger ml-1',
|
||||
confirmButtonColor: "#47bd9a",
|
||||
cancelButtonColor: "#f46a6a",
|
||||
confirmButtonText: '<i class="fas fa-thumbs-up mr-1"></i> عالیه!',
|
||||
cancelButtonText: '<i class="fas fa-thumbs-down"></i>'
|
||||
});
|
||||
});
|
||||
|
||||
//position
|
||||
$('#sa-position').click(function () {
|
||||
Swal.fire({
|
||||
position: 'top-end',
|
||||
type: 'success',
|
||||
title: 'کار شما ذخیره شد',
|
||||
showConfirmButton: false,
|
||||
timer: 1500
|
||||
});
|
||||
});
|
||||
|
||||
//Custom width padding
|
||||
$('#custom-padding-width-alert').click(function () {
|
||||
Swal.fire({
|
||||
title: 'عرض، فاصله و پس زمینه سفارشی.',
|
||||
width: 600,
|
||||
padding: 100,
|
||||
confirmButtonColor: "#3b5de7",
|
||||
confirmButtonText: 'باشه',
|
||||
background: '#fff url(assets/images/geometry.png)'
|
||||
});
|
||||
});
|
||||
|
||||
//Ajax
|
||||
$('#ajax-alert').click(function () {
|
||||
Swal.fire({
|
||||
title: 'برای درخواست Ajax ایمیل را ثبت کنید',
|
||||
input: 'email',
|
||||
showCancelButton: true,
|
||||
confirmButtonText: 'ثبت',
|
||||
cancelButtonText: 'انصراف',
|
||||
confirmButtonColor: "#3b5de7",
|
||||
cancelButtonColor: "#f46a6a",
|
||||
showLoaderOnConfirm: true,
|
||||
preConfirm: function (email) {
|
||||
return new Promise(function (resolve, reject) {
|
||||
setTimeout(function () {
|
||||
if (email === 'taken@example.com') {
|
||||
reject('این ایمیل از قبل استفاده شده است.');
|
||||
} else {
|
||||
resolve();
|
||||
}
|
||||
}, 2000);
|
||||
});
|
||||
},
|
||||
allowOutsideClick: false
|
||||
}).then(function (email) {
|
||||
Swal.fire({
|
||||
type: 'success',
|
||||
title: 'درخواست Ajax تمام شد!',
|
||||
html: 'ایمیل ثبت شده: ' + email.value,
|
||||
confirmButtonText: "باشه"
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
//chaining modal alert
|
||||
$('#chaining-alert').click(function () {
|
||||
Swal.mixin({
|
||||
input: 'text',
|
||||
showCancelButton: true,
|
||||
confirmButtonText: 'بعدی ←',
|
||||
cancelButtonText: 'انصراف',
|
||||
confirmButtonColor: "#3b5de7",
|
||||
cancelButtonColor: "#74788d",
|
||||
progressSteps: ['1', '2', '3']
|
||||
}).queue([{
|
||||
title: 'سوال 1',
|
||||
text: 'زنجیر بندی مودال های swal2 ساده است'
|
||||
},
|
||||
'سوال 2',
|
||||
'سوال 3'
|
||||
]).then(function (result) {
|
||||
if (result.value) {
|
||||
Swal.fire({
|
||||
title: 'همه مراحل تمام شد!',
|
||||
html: 'پاسخ های شما: <pre><code>' +
|
||||
JSON.stringify(result.value) +
|
||||
'</code></pre>',
|
||||
confirmButtonText: 'عالیه!'
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
//Danger
|
||||
$('#dynamic-alert').click(function () {
|
||||
swal.queue([{
|
||||
title: 'IP عمومی شما',
|
||||
confirmButtonColor: "#3b5de7",
|
||||
confirmButtonText: 'نمایش IP عمومی من',
|
||||
text: 'IP عمومی شما توسط درخواست Ajax دریافت خواهد شد ',
|
||||
showLoaderOnConfirm: true,
|
||||
preConfirm: function () {
|
||||
return new Promise(function (resolve) {
|
||||
$.get('https://api.ipify.org?format=json')
|
||||
.done(function (data) {
|
||||
swal.insertQueueStep({
|
||||
title: data.ip,
|
||||
confirmButtonText: 'باشه'
|
||||
});
|
||||
resolve();
|
||||
});
|
||||
});
|
||||
}
|
||||
}]).catch(swal.noop);
|
||||
});
|
||||
|
||||
},
|
||||
//init
|
||||
$.SweetAlert = new SweetAlert, $.SweetAlert.Constructor = SweetAlert
|
||||
}(window.jQuery),
|
||||
|
||||
//initializing
|
||||
function ($) {
|
||||
"use strict";
|
||||
$.SweetAlert.init();
|
||||
}(window.jQuery);
|
||||
123
public/assets/js/pages/table-editable.int.js
Normal file
123
public/assets/js/pages/table-editable.int.js
Normal file
@@ -0,0 +1,123 @@
|
||||
/*
|
||||
Template Name: Qovex - Responsive Bootstrap 4 Admin Dashboard
|
||||
Author: Themesbrand
|
||||
Website: https://themesbrand.com/
|
||||
Contact: themesbrand@gmail.com
|
||||
File: table editable
|
||||
*/
|
||||
|
||||
(function ($) {
|
||||
|
||||
var datatable = $('.table-editable').dataTable({
|
||||
"columns": [
|
||||
{ "name": "id" },
|
||||
{ "name": "age" },
|
||||
{ "name": "qty" },
|
||||
{ "name": "cost" },
|
||||
],
|
||||
"bPaginate": false,
|
||||
"fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
|
||||
var setCell = function (response, newValue) {
|
||||
var table = new $.fn.dataTable.Api('.table');
|
||||
var cell = table.cell('td.focus');
|
||||
var cellData = cell.data();
|
||||
|
||||
var div = document.createElement('div');
|
||||
div.innerHTML = cellData;
|
||||
var a = div.childNodes;
|
||||
a.innerHTML = newValue;
|
||||
|
||||
console.log('jml a new ' + div.innerHTML);
|
||||
cell.data(div.innerHTML);
|
||||
highlightCell($(cell.node()));
|
||||
|
||||
// This is huge cheese, but the a has lost it's editable nature. Do it again.
|
||||
$('td.focus a').editable({
|
||||
'mode': 'inline',
|
||||
'success': setCell
|
||||
});
|
||||
};
|
||||
$('.editable').editable({
|
||||
'mode': 'inline',
|
||||
'success': setCell
|
||||
});
|
||||
},
|
||||
"autoFill" : {
|
||||
"columns" : [1, 2]
|
||||
},
|
||||
"keys" : true,
|
||||
"language": {
|
||||
"sEmptyTable": "هیچ داده ای در جدول وجود ندارد",
|
||||
"sInfo": "نمایش _START_ تا _END_ از _TOTAL_ رکورد",
|
||||
"sInfoEmpty": "نمایش 0 تا 0 از 0 رکورد",
|
||||
"sInfoFiltered": "(فیلتر شده از _MAX_ رکورد)",
|
||||
"sInfoPostFix": "",
|
||||
"sInfoThousands": ",",
|
||||
"sLengthMenu": "نمایش _MENU_ رکورد",
|
||||
"sLoadingRecords": "در حال بارگزاری...",
|
||||
"sProcessing": "در حال پردازش...",
|
||||
"sSearch": "جستجو:",
|
||||
"sZeroRecords": "رکوردی با این مشخصات پیدا نشد",
|
||||
"oPaginate": {
|
||||
"sFirst": "ابتدا",
|
||||
"sLast": "انتها",
|
||||
"sNext": "بعدی",
|
||||
"sPrevious": "قبلی"
|
||||
},
|
||||
"oAria": {
|
||||
"sSortAscending": ": فعال سازی نمایش به صورت صعودی",
|
||||
"sSortDescending": ": فعال سازی نمایش به صورت نزولی"
|
||||
},
|
||||
"autoFill": {
|
||||
'button': '>',
|
||||
'increment': 'افزایش / کاهش هر سلول به مقدار: <input type="number" value="1">',
|
||||
'fillHorizontal': 'پر کردن افقی سلول ها',
|
||||
'fillVertical': 'پر کردن عمودی سلول ها',
|
||||
'cancel': 'انصراف',
|
||||
'fill': 'پر کردن همه سلول ها با مقدار این سلول'
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
addCellChangeHandler();
|
||||
addAutoFillHandler();
|
||||
|
||||
function highlightCell($cell) {
|
||||
var originalValue = $cell.attr('data-original-value');
|
||||
if (!originalValue) {
|
||||
return;
|
||||
}
|
||||
var actualValue = $cell.text();
|
||||
if (!isNaN(originalValue)) {
|
||||
originalValue = parseFloat(originalValue);
|
||||
}
|
||||
if (!isNaN(actualValue)) {
|
||||
actualValue = parseFloat(actualValue);
|
||||
}
|
||||
if ( originalValue === actualValue ) {
|
||||
$cell.removeClass('cat-cell-modified').addClass('cat-cell-original');
|
||||
} else {
|
||||
$cell.removeClass('cat-cell-original').addClass('cat-cell-modified');
|
||||
}
|
||||
}
|
||||
|
||||
function addCellChangeHandler() {
|
||||
$('a[data-pk]').on('hidden', function (e, editable) {
|
||||
var $a = $(this);
|
||||
var $cell = $a.parent('td');
|
||||
highlightCell($cell);
|
||||
});
|
||||
}
|
||||
|
||||
function addAutoFillHandler() {
|
||||
var table = $('.table').DataTable();
|
||||
table.on('autoFill', function (e, datatable, cells) {
|
||||
var datatableCellApis = $.each(cells, function(index, row) {
|
||||
var datatableCellApi = row[0].cell;
|
||||
var $jQueryObject = $(datatableCellApi.node());
|
||||
highlightCell($jQueryObject);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
})(jQuery);
|
||||
18
public/assets/js/pages/table-responsive.init.js
Normal file
18
public/assets/js/pages/table-responsive.init.js
Normal file
@@ -0,0 +1,18 @@
|
||||
/*
|
||||
Template Name: Qovex - Responsive Bootstrap 4 Admin Dashboard
|
||||
Author: Themesbrand
|
||||
Website: https://themesbrand.com/
|
||||
Contact: themesbrand@gmail.com
|
||||
File: table responsive
|
||||
*/
|
||||
|
||||
$(function() {
|
||||
$('.table-responsive').responsiveTable({
|
||||
addDisplayAllBtn: 'btn btn-secondary',
|
||||
i18n: {
|
||||
focus: 'تمرکز',
|
||||
display: 'نمایش',
|
||||
displayAll: 'نمایش همه'
|
||||
}
|
||||
});
|
||||
});
|
||||
49
public/assets/js/pages/task-create.init.js
Normal file
49
public/assets/js/pages/task-create.init.js
Normal file
@@ -0,0 +1,49 @@
|
||||
/*
|
||||
Template Name: Qovex - Responsive Bootstrap 4 Admin Dashboard
|
||||
Author: Themesbrand
|
||||
Website: https://themesbrand.com/
|
||||
Contact: themesbrand@gmail.com
|
||||
File: Task creat
|
||||
*/
|
||||
|
||||
$(document).ready(function () {
|
||||
'use strict';
|
||||
|
||||
$('.summernote').summernote({
|
||||
height: 200, // set editor height
|
||||
minHeight: null, // set minimum height of editor
|
||||
maxHeight: null, // set maximum height of editor
|
||||
focus: false, // set focus to editable area after initializing summernote
|
||||
lang: 'fa-IR'
|
||||
});
|
||||
|
||||
window.outerRepeater = $('.outer-repeater').repeater({
|
||||
defaultValues: { 'text-input': 'outer-default' },
|
||||
show: function () {
|
||||
console.log('outer show');
|
||||
$(this).slideDown();
|
||||
},
|
||||
hide: function (deleteElement) {
|
||||
console.log('outer delete');
|
||||
$(this).slideUp(deleteElement);
|
||||
},
|
||||
repeaters: [{
|
||||
selector: '.inner-repeater',
|
||||
defaultValues: { 'inner-text-input': 'inner-default' },
|
||||
show: function () {
|
||||
console.log('inner show');
|
||||
$(this).slideDown();
|
||||
},
|
||||
hide: function (deleteElement) {
|
||||
console.log('inner delete');
|
||||
$(this).slideUp(deleteElement);
|
||||
}
|
||||
}]
|
||||
});
|
||||
|
||||
$('.input-daterange input').datepicker({
|
||||
dateFormat: "yy/mm/dd",
|
||||
showOtherMonths: true,
|
||||
selectOtherMonths: false
|
||||
});
|
||||
});
|
||||
13
public/assets/js/pages/task-kanban.init.js
Normal file
13
public/assets/js/pages/task-kanban.init.js
Normal file
@@ -0,0 +1,13 @@
|
||||
/*
|
||||
Template Name: Qovex - Responsive Bootstrap 4 Admin Dashboard
|
||||
Author: Themesbrand
|
||||
Website: https://themesbrand.com/
|
||||
Contact: themesbrand@gmail.com
|
||||
File: Task karban
|
||||
*/
|
||||
|
||||
dragula([
|
||||
document.getElementById("upcoming-task"),
|
||||
document.getElementById("inprogress-task"),
|
||||
document.getElementById("complete-task")
|
||||
]);
|
||||
94
public/assets/js/pages/tasklist.init.js
Normal file
94
public/assets/js/pages/tasklist.init.js
Normal file
@@ -0,0 +1,94 @@
|
||||
/*
|
||||
Template Name: Qovex - Responsive Bootstrap 4 Admin Dashboard
|
||||
Author: Themesbrand
|
||||
Website: https://themesbrand.com/
|
||||
Contact: themesbrand@gmail.com
|
||||
File: Tasklist
|
||||
*/
|
||||
|
||||
Apex.chart = {
|
||||
fontFamily: 'inherit',
|
||||
locales: [{
|
||||
"name": "fa",
|
||||
"options": {
|
||||
"months": ["ژانویه", "فوریه", "مارس", "آوریل", "می", "ژوئن", "جولای", "آگوست", "سپتامبر", "اکتبر", "نوامبر", "دسامبر"],
|
||||
"shortMonths": ["ژانویه", "فوریه", "مارس", "آوریل", "می", "ژوئن", "جولای", "آگوست", "سپتامبر", "اکتبر", "نوامبر", "دسامبر"],
|
||||
"days": ["یکشنبه", "دوشنبه", "سهشنبه", "چهارشنبه", "پنجشنبه", "جمعه", "شنبه"],
|
||||
"shortDays": ["ی", "د", "س", "چ", "پ", "ج", "ش"],
|
||||
"toolbar": {
|
||||
"exportToSVG": "دریافت SVG",
|
||||
"exportToPNG": "دریافت PNG",
|
||||
"exportToCSV": "دریافت CSV",
|
||||
"menu": "فهرست",
|
||||
"selection": "انتخاب",
|
||||
"selectionZoom": "بزرگنمایی قسمت انتخاب شده",
|
||||
"zoomIn": "بزرگ نمایی",
|
||||
"zoomOut": "کوچک نمایی",
|
||||
"pan": "جا به جایی",
|
||||
"reset": "بازنشانی بزرگ نمایی"
|
||||
}
|
||||
}
|
||||
}],
|
||||
defaultLocale: "fa"
|
||||
}
|
||||
|
||||
var options = {
|
||||
chart: {
|
||||
height: 280,
|
||||
type: 'line',
|
||||
stacked: false,
|
||||
toolbar: {
|
||||
show: false,
|
||||
}
|
||||
},
|
||||
stroke: {
|
||||
width: [0, 2, 5],
|
||||
curve: 'smooth'
|
||||
},
|
||||
plotOptions: {
|
||||
bar: {
|
||||
columnWidth: '20%',
|
||||
endingShape: 'rounded'
|
||||
}
|
||||
},
|
||||
colors: ['#3b5de7', '#EEB902'],
|
||||
series: [
|
||||
{
|
||||
name: 'وظایف تکمیل شده',
|
||||
type: 'column',
|
||||
data: [23, 11, 22, 27, 13, 22, 52, 21, 44, 22, 30]
|
||||
},
|
||||
{
|
||||
name: 'همه وظایف',
|
||||
type: 'line',
|
||||
data: [23, 11, 34, 27, 17, 22, 62, 32, 44, 22, 39]
|
||||
}
|
||||
],
|
||||
fill: {
|
||||
gradient: {
|
||||
inverseColors: false,
|
||||
shade: 'light',
|
||||
type: "vertical",
|
||||
opacityFrom: 0.85,
|
||||
opacityTo: 0.55,
|
||||
stops: [0, 100, 100, 100]
|
||||
}
|
||||
},
|
||||
labels: ['فروردین', 'اردیبهشت', 'خرداد', 'تیر', 'مرداد', 'شهریور', 'مهر', 'آبان', 'آذر', 'دی', 'بهمن'],
|
||||
markers: {
|
||||
size: 0
|
||||
},
|
||||
yaxis: {
|
||||
min: 0
|
||||
},
|
||||
legend: {
|
||||
offsetY: 7
|
||||
}
|
||||
}
|
||||
|
||||
var chart = new ApexCharts(
|
||||
document.querySelector("#task-chart"),
|
||||
options
|
||||
);
|
||||
|
||||
chart.render();
|
||||
180
public/assets/js/pages/vector-maps.init.js
Normal file
180
public/assets/js/pages/vector-maps.init.js
Normal file
@@ -0,0 +1,180 @@
|
||||
/*
|
||||
Template Name: Qovex - Responsive Bootstrap 4 Admin Dashboard
|
||||
Author: Themesbrand
|
||||
Website: https://themesbrand.com/
|
||||
Contact: themesbrand@gmail.com
|
||||
File: Vector maps
|
||||
*/
|
||||
|
||||
! function($) {
|
||||
"use strict";
|
||||
|
||||
var VectorMap = function() {
|
||||
};
|
||||
|
||||
VectorMap.prototype.init = function() {
|
||||
//various examples
|
||||
$('#world-map-markers').vectorMap({
|
||||
map : 'world_mill_en',
|
||||
normalizeFunction : 'polynomial',
|
||||
hoverOpacity : 0.7,
|
||||
hoverColor : false,
|
||||
regionStyle : {
|
||||
initial : {
|
||||
fill : '#d4dadd'
|
||||
}
|
||||
},
|
||||
markerStyle: {
|
||||
initial: {
|
||||
r: 9,
|
||||
'fill': '#3b5de7',
|
||||
'fill-opacity': 0.9,
|
||||
'stroke': '#fff',
|
||||
'stroke-width' : 7,
|
||||
'stroke-opacity': 0.4
|
||||
},
|
||||
|
||||
hover: {
|
||||
'stroke': '#fff',
|
||||
'fill-opacity': 1,
|
||||
'stroke-width': 1.5
|
||||
}
|
||||
},
|
||||
backgroundColor : 'transparent',
|
||||
markers : [{
|
||||
latLng : [41.90, 12.45],
|
||||
name : 'Vatican City'
|
||||
}, {
|
||||
latLng : [43.73, 7.41],
|
||||
name : 'Monaco'
|
||||
}, {
|
||||
latLng : [-0.52, 166.93],
|
||||
name : 'Nauru'
|
||||
}, {
|
||||
latLng : [-8.51, 179.21],
|
||||
name : 'Tuvalu'
|
||||
}, {
|
||||
latLng : [43.93, 12.46],
|
||||
name : 'San Marino'
|
||||
}, {
|
||||
latLng : [47.14, 9.52],
|
||||
name : 'Liechtenstein'
|
||||
}, {
|
||||
latLng : [7.11, 171.06],
|
||||
name : 'Marshall Islands'
|
||||
}, {
|
||||
latLng : [17.3, -62.73],
|
||||
name : 'Saint Kitts and Nevis'
|
||||
}, {
|
||||
latLng : [3.2, 73.22],
|
||||
name : 'Maldives'
|
||||
}, {
|
||||
latLng : [35.88, 14.5],
|
||||
name : 'Malta'
|
||||
}, {
|
||||
latLng : [12.05, -61.75],
|
||||
name : 'Grenada'
|
||||
}, {
|
||||
latLng : [13.16, -61.23],
|
||||
name : 'Saint Vincent and the Grenadines'
|
||||
}, {
|
||||
latLng : [13.16, -59.55],
|
||||
name : 'Barbados'
|
||||
}, {
|
||||
latLng : [17.11, -61.85],
|
||||
name : 'Antigua and Barbuda'
|
||||
}, {
|
||||
latLng : [-4.61, 55.45],
|
||||
name : 'Seychelles'
|
||||
}, {
|
||||
latLng : [7.35, 134.46],
|
||||
name : 'Palau'
|
||||
}, {
|
||||
latLng : [42.5, 1.51],
|
||||
name : 'Andorra'
|
||||
}, {
|
||||
latLng : [14.01, -60.98],
|
||||
name : 'Saint Lucia'
|
||||
}, {
|
||||
latLng : [6.91, 158.18],
|
||||
name : 'Federated States of Micronesia'
|
||||
}, {
|
||||
latLng : [1.3, 103.8],
|
||||
name : 'Singapore'
|
||||
}, {
|
||||
latLng : [0.33, 6.73],
|
||||
name : 'São Tomé and PrÃncipe'
|
||||
}]
|
||||
});
|
||||
|
||||
$('#usa-vectormap').vectorMap({
|
||||
map : 'us_merc_en',
|
||||
backgroundColor : 'transparent',
|
||||
regionStyle : {
|
||||
initial : {
|
||||
fill : '#3b5de7'
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$('#india-vectormap').vectorMap({
|
||||
map : 'in_mill_en',
|
||||
backgroundColor : 'transparent',
|
||||
regionStyle : {
|
||||
initial : {
|
||||
fill : '#3b5de7'
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$('#australia-vectormap').vectorMap({
|
||||
map : 'au_mill_en',
|
||||
backgroundColor : 'transparent',
|
||||
regionStyle : {
|
||||
initial : {
|
||||
fill : '#3b5de7'
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$('#chicago-vectormap').vectorMap({
|
||||
map : 'us-il-chicago_mill_en',
|
||||
backgroundColor : 'transparent',
|
||||
regionStyle : {
|
||||
initial : {
|
||||
fill : '#3b5de7'
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$('#uk-vectormap').vectorMap({
|
||||
map : 'uk_mill_en',
|
||||
backgroundColor : 'transparent',
|
||||
regionStyle : {
|
||||
initial : {
|
||||
fill : '#3b5de7'
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$('#canada-vectormap').vectorMap({
|
||||
map : 'ca_lcc_en',
|
||||
backgroundColor : 'transparent',
|
||||
regionStyle : {
|
||||
initial : {
|
||||
fill : '#3b5de7'
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
},
|
||||
//init
|
||||
$.VectorMap = new VectorMap, $.VectorMap.Constructor =
|
||||
VectorMap
|
||||
}(window.jQuery),
|
||||
|
||||
//initializing
|
||||
function($) {
|
||||
"use strict";
|
||||
$.VectorMap.init()
|
||||
}(window.jQuery);
|
||||
Reference in New Issue
Block a user