"use strict";
var _excluded = ["endValue"];
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
/* -------------------------------------------------------------------------- */
/* Utils */
/* -------------------------------------------------------------------------- */
var docReady = function docReady(fn) {
// see if DOM is already available
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', fn);
} else {
setTimeout(fn, 1);
}
};
var resize = function resize(fn) {
return window.addEventListener('resize', fn);
};
var isIterableArray = function isIterableArray(array) {
return Array.isArray(array) && !!array.length;
};
var camelize = function camelize(str) {
var text = str.replace(/[-_\s.]+(.)?/g, function (_, c) {
return c ? c.toUpperCase() : '';
});
return "".concat(text.substr(0, 1).toLowerCase()).concat(text.substr(1));
};
var getData = function getData(el, data) {
try {
return JSON.parse(el.dataset[camelize(data)]);
} catch (e) {
return el.dataset[camelize(data)];
}
};
/* ----------------------------- Colors function ---------------------------- */
var hexToRgb = function hexToRgb(hexValue) {
var hex;
hexValue.indexOf('#') === 0 ? hex = hexValue.substring(1) : hex = hexValue;
// Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex.replace(shorthandRegex, function (m, r, g, b) {
return r + r + g + g + b + b;
}));
return result ? [parseInt(result[1], 16), parseInt(result[2], 16), parseInt(result[3], 16)] : null;
};
var rgbaColor = function rgbaColor() {
var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '#fff';
var alpha = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.5;
return "rgba(".concat(hexToRgb(color), ", ").concat(alpha, ")");
};
/* --------------------------------- Colors --------------------------------- */
var getColor = function getColor(name) {
var dom = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document.documentElement;
return getComputedStyle(dom).getPropertyValue("--falcon-".concat(name)).trim();
};
var getColors = function getColors(dom) {
return {
primary: getColor('primary', dom),
secondary: getColor('secondary', dom),
success: getColor('success', dom),
info: getColor('info', dom),
warning: getColor('warning', dom),
danger: getColor('danger', dom),
light: getColor('light', dom),
dark: getColor('dark', dom),
white: getColor('white', dom),
black: getColor('black', dom),
emphasis: getColor('emphasis-color', dom)
};
};
var getSubtleColors = function getSubtleColors(dom) {
return {
primary: getColor('primary-bg-subtle', dom),
secondary: getColor('secondary-bg-subtle', dom),
success: getColor('success-bg-subtle', dom),
info: getColor('info-bg-subtle', dom),
warning: getColor('warning-bg-subtle', dom),
danger: getColor('danger-bg-subtle', dom),
light: getColor('light-bg-subtle', dom),
dark: getColor('dark-bg-subtle', dom)
};
};
var getGrays = function getGrays(dom) {
return {
100: getColor('gray-100', dom),
200: getColor('gray-200', dom),
300: getColor('gray-300', dom),
400: getColor('gray-400', dom),
500: getColor('gray-500', dom),
600: getColor('gray-600', dom),
700: getColor('gray-700', dom),
800: getColor('gray-800', dom),
900: getColor('gray-900', dom),
1000: getColor('gray-1000', dom),
1100: getColor('gray-1100', dom)
};
};
var hasClass = function hasClass(el, className) {
!el && false;
return el.classList.value.includes(className);
};
var addClass = function addClass(el, className) {
el.classList.add(className);
};
var removeClass = function removeClass(el, className) {
el.classList.remove(className);
};
var getOffset = function getOffset(el) {
var rect = el.getBoundingClientRect();
var scrollLeft = window.pageXOffset || document.documentElement.scrollLeft;
var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
return {
top: rect.top + scrollTop,
left: rect.left + scrollLeft
};
};
function isScrolledIntoView(el) {
var rect = el.getBoundingClientRect();
var windowHeight = window.innerHeight || document.documentElement.clientHeight;
var windowWidth = window.innerWidth || document.documentElement.clientWidth;
var vertInView = rect.top <= windowHeight && rect.top + rect.height >= 0;
var horInView = rect.left <= windowWidth && rect.left + rect.width >= 0;
return vertInView && horInView;
}
var breakpoints = {
xs: 0,
sm: 576,
md: 768,
lg: 992,
xl: 1200,
xxl: 1540
};
var getBreakpoint = function getBreakpoint(el) {
var classes = el && el.classList.value;
var breakpoint;
if (classes) {
breakpoint = breakpoints[classes.split(' ').filter(function (cls) {
return cls.includes('navbar-expand-');
}).pop().split('-').pop()];
}
return breakpoint;
};
var getSystemTheme = function getSystemTheme() {
return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
};
/* --------------------------------- Cookie --------------------------------- */
var setCookie = function setCookie(name, value, expire) {
var expires = new Date();
expires.setTime(expires.getTime() + expire);
document.cookie = "".concat(name, "=").concat(value, ";expires=").concat(expires.toUTCString());
};
var getCookie = function getCookie(name) {
var keyValue = document.cookie.match("(^|;) ?".concat(name, "=([^;]*)(;|$)"));
return keyValue ? keyValue[2] : keyValue;
};
var settings = {
tinymce: {
theme: 'oxide'
},
chart: {
borderColor: 'rgba(255, 255, 255, 0.8)'
}
};
/* -------------------------- Chart Initialization -------------------------- */
var newChart = function newChart(chart, config) {
var ctx = chart.getContext('2d');
return new window.Chart(ctx, config);
};
/* ---------------------------------- Store --------------------------------- */
var getItemFromStore = function getItemFromStore(key, defaultValue) {
var store = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : localStorage;
try {
return JSON.parse(store.getItem(key)) || defaultValue;
} catch (_unused) {
return store.getItem(key) || defaultValue;
}
};
var setItemToStore = function setItemToStore(key, payload) {
var store = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : localStorage;
return store.setItem(key, payload);
};
var getStoreSpace = function getStoreSpace() {
var store = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : localStorage;
return parseFloat((escape(encodeURIComponent(JSON.stringify(store))).length / (1024 * 1024)).toFixed(2));
};
/* get Dates between */
var getDates = function getDates(startDate, endDate) {
var interval = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1000 * 60 * 60 * 24;
var duration = endDate - startDate;
var steps = duration / interval;
return Array.from({
length: steps + 1
}, function (v, i) {
return new Date(startDate.valueOf() + interval * i);
});
};
var getPastDates = function getPastDates(duration) {
var days;
switch (duration) {
case 'week':
days = 7;
break;
case 'month':
days = 30;
break;
case 'year':
days = 365;
break;
default:
days = duration;
}
var date = new Date();
var endDate = date;
var startDate = new Date(new Date().setDate(date.getDate() - (days - 1)));
return getDates(startDate, endDate);
};
/* Get Random Number */
var getRandomNumber = function getRandomNumber(min, max) {
return Math.floor(Math.random() * (max - min) + min);
};
var utils = {
docReady: docReady,
breakpoints: breakpoints,
resize: resize,
isIterableArray: isIterableArray,
camelize: camelize,
getData: getData,
hasClass: hasClass,
addClass: addClass,
hexToRgb: hexToRgb,
rgbaColor: rgbaColor,
getColor: getColor,
getColors: getColors,
getSubtleColors: getSubtleColors,
getGrays: getGrays,
getOffset: getOffset,
isScrolledIntoView: isScrolledIntoView,
getBreakpoint: getBreakpoint,
setCookie: setCookie,
getCookie: getCookie,
newChart: newChart,
settings: settings,
getItemFromStore: getItemFromStore,
setItemToStore: setItemToStore,
getStoreSpace: getStoreSpace,
getDates: getDates,
getPastDates: getPastDates,
getRandomNumber: getRandomNumber,
removeClass: removeClass,
getSystemTheme: getSystemTheme
};
/* -------------------------------------------------------------------------- */
/* Detector */
/* -------------------------------------------------------------------------- */
var detectorInit = function detectorInit() {
var _window = window,
is = _window.is;
var html = document.querySelector('html');
is.opera() && addClass(html, 'opera');
is.mobile() && addClass(html, 'mobile');
is.firefox() && addClass(html, 'firefox');
is.safari() && addClass(html, 'safari');
is.ios() && addClass(html, 'ios');
is.iphone() && addClass(html, 'iphone');
is.ipad() && addClass(html, 'ipad');
is.ie() && addClass(html, 'ie');
is.edge() && addClass(html, 'edge');
is.chrome() && addClass(html, 'chrome');
is.mac() && addClass(html, 'osx');
is.windows() && addClass(html, 'windows');
navigator.userAgent.match('CriOS') && addClass(html, 'chrome');
};
/*-----------------------------------------------
| DomNode
-----------------------------------------------*/
var DomNode = /*#__PURE__*/function () {
function DomNode(node) {
_classCallCheck(this, DomNode);
this.node = node;
}
_createClass(DomNode, [{
key: "addClass",
value: function addClass(className) {
this.isValidNode() && this.node.classList.add(className);
}
}, {
key: "removeClass",
value: function removeClass(className) {
this.isValidNode() && this.node.classList.remove(className);
}
}, {
key: "toggleClass",
value: function toggleClass(className) {
this.isValidNode() && this.node.classList.toggle(className);
}
}, {
key: "hasClass",
value: function hasClass(className) {
this.isValidNode() && this.node.classList.contains(className);
}
}, {
key: "data",
value: function data(key) {
if (this.isValidNode()) {
try {
return JSON.parse(this.node.dataset[this.camelize(key)]);
} catch (e) {
return this.node.dataset[this.camelize(key)];
}
}
return null;
}
}, {
key: "attr",
value: function attr(name) {
return this.isValidNode() && this.node[name];
}
}, {
key: "setAttribute",
value: function setAttribute(name, value) {
this.isValidNode() && this.node.setAttribute(name, value);
}
}, {
key: "removeAttribute",
value: function removeAttribute(name) {
this.isValidNode() && this.node.removeAttribute(name);
}
}, {
key: "setProp",
value: function setProp(name, value) {
this.isValidNode() && (this.node[name] = value);
}
}, {
key: "on",
value: function on(event, cb) {
this.isValidNode() && this.node.addEventListener(event, cb);
}
}, {
key: "isValidNode",
value: function isValidNode() {
return !!this.node;
}
// eslint-disable-next-line class-methods-use-this
}, {
key: "camelize",
value: function camelize(str) {
var text = str.replace(/[-_\s.]+(.)?/g, function (_, c) {
return c ? c.toUpperCase() : '';
});
return "".concat(text.substr(0, 1).toLowerCase()).concat(text.substr(1));
}
}]);
return DomNode;
}();
/* eslint-disable */
var orders = [{
id: 1,
dropdownId: 'order-dropdown-1',
orderId: '#181',
mailLink: 'mailto:ricky@example.com',
name: 'Ricky Antony',
email: 'ricky@example.com',
date: '20/04/2019',
address: 'Ricky Antony, 2392 Main Avenue, Penasauka, New Jersey 02149',
shippingType: 'Via Flat Rate',
status: 'Completed',
badge: {
type: 'success',
icon: 'fas fa-check'
},
amount: '$99'
}, {
id: 2,
dropdownId: 'order-dropdown-2',
orderId: '#182',
mailLink: 'mailto:kin@example.com',
name: 'Kin Rossow',
email: 'kin@example.com',
date: '20/04/2019',
address: 'Kin Rossow, 1 Hollywood Blvd,Beverly Hills, California 90210',
shippingType: 'Via Free Shipping',
status: 'Processing',
badge: {
type: 'primary',
icon: 'fas fa-redo'
},
amount: '$120'
}, {
id: 3,
dropdownId: 'order-dropdown-3',
orderId: '#183',
mailLink: 'mailto:merry@example.com',
name: 'Merry Diana',
email: 'merry@example.com',
date: '30/04/2019',
address: 'Merry Diana, 1 Infinite Loop, Cupertino, California 90210',
shippingType: 'Via Link Road',
status: 'On Hold',
badge: {
type: 'secondary',
icon: 'fas fa-ban'
},
amount: '$70'
}, {
id: 4,
dropdownId: 'order-dropdown-4',
orderId: '#184',
mailLink: 'mailto:bucky@example.com',
name: 'Bucky Robert',
email: 'bucky@example.com',
date: '30/04/2019',
address: 'Bucky Robert, 1 Infinite Loop, Cupertino, California 90210',
shippingType: 'Via Free Shipping',
status: 'Pending',
badge: {
type: 'warning',
icon: 'fas fa-stream'
},
amount: '$92'
}, {
id: 5,
dropdownId: 'order-dropdown-5',
orderId: '#185',
mailLink: 'mailto:rocky@example.com',
name: 'Rocky Zampa',
email: 'rocky@example.com',
date: '30/04/2019',
address: 'Rocky Zampa, 1 Infinite Loop, Cupertino, California 90210',
shippingType: 'Via Free Road',
status: 'On Hold',
badge: {
type: 'secondary',
icon: 'fas fa-ban'
},
amount: '$120'
}, {
id: 6,
dropdownId: 'order-dropdown-6',
orderId: '#186',
mailLink: 'mailto:ricky@example.com',
name: 'Ricky John',
email: 'ricky@example.com',
date: '30/04/2019',
address: 'Ricky John, 1 Infinite Loop, Cupertino, California 90210',
shippingType: 'Via Free Shipping',
status: 'Processing',
badge: {
type: 'primary',
icon: 'fas fa-redo'
},
amount: '$145'
}, {
id: 7,
dropdownId: 'order-dropdown-7',
orderId: '#187',
mailLink: 'mailto:cristofer@example.com',
name: 'Cristofer Henric',
email: 'cristofer@example.com',
date: '30/04/2019',
address: 'Cristofer Henric, 1 Infinite Loop, Cupertino, California 90210',
shippingType: 'Via Flat Rate',
status: 'Completed',
badge: {
type: 'success',
icon: 'fas fa-check'
},
amount: '$55'
}, {
id: 8,
dropdownId: 'order-dropdown-8',
orderId: '#188',
mailLink: 'mailto:lee@example.com',
name: 'Brate Lee',
email: 'lee@example.com',
date: '29/04/2019',
address: 'Brate Lee, 1 Infinite Loop, Cupertino, California 90210',
shippingType: 'Via Link Road',
status: 'On Hold',
badge: {
type: 'secondary',
icon: 'fas fa-ban'
},
amount: '$90'
}, {
id: 9,
dropdownId: 'order-dropdown-9',
orderId: '#189',
mailLink: 'mailto:Stephenson@example.com',
name: 'Thomas Stephenson',
email: 'Stephenson@example.com',
date: '29/04/2019',
address: 'Thomas Stephenson, 116 Ballifeary Road, Bamff',
shippingType: 'Via Flat Rate',
status: 'Processing',
badge: {
type: 'primary',
icon: 'fas fa-redo'
},
amount: '$52'
}, {
id: 10,
dropdownId: 'order-dropdown-10',
orderId: '#190',
mailLink: 'mailto:eviewsing@example.com',
name: 'Evie Singh',
email: 'eviewsing@example.com',
date: '29/04/2019',
address: 'Evie Singh, 54 Castledore Road, Tunstead',
shippingType: 'Via Flat Rate',
status: 'Completed',
badge: {
type: 'success',
icon: 'fas fa-check'
},
amount: '$90'
}, {
id: 11,
dropdownId: 'order-dropdown-11',
orderId: '#191',
mailLink: 'mailto:peter@example.com',
name: 'David Peters',
email: 'peter@example.com',
date: '29/04/2019',
address: 'David Peters, Rhyd Y Groes, Rhosgoch, LL66 0AT',
shippingType: 'Via Link Road',
status: 'Completed',
badge: {
type: 'success',
icon: 'fas fa-check'
},
amount: '$69'
}, {
id: 12,
dropdownId: 'order-dropdown-12',
orderId: '#192',
mailLink: 'mailto:jennifer@example.com',
name: 'Jennifer Johnson',
email: 'jennifer@example.com',
date: '28/04/2019',
address: 'Jennifer Johnson, Rhyd Y Groes, Rhosgoch, LL66 0AT',
shippingType: 'Via Flat Rate',
status: 'Processing',
badge: {
type: 'primary',
icon: 'fas fa-redo'
},
amount: '$112'
}, {
id: 13,
dropdownId: 'order-dropdown-13',
orderId: '#193',
mailLink: 'mailto:okuneva@example.com',
name: ' Demarcus Okuneva',
email: 'okuneva@example.com',
date: '28/04/2019',
address: ' Demarcus Okuneva, 90555 Upton Drive Jeffreyview, UT 08771',
shippingType: 'Via Flat Rate',
status: 'Completed',
badge: {
type: 'success',
icon: 'fas fa-check'
},
amount: '$99'
}, {
id: 14,
dropdownId: 'order-dropdown-14',
orderId: '#194',
mailLink: 'mailto:simeon@example.com',
name: 'Simeon Harber',
email: 'simeon@example.com',
date: '27/04/2019',
address: 'Simeon Harber, 702 Kunde Plain Apt. 634 East Bridgetview, HI 13134-1862',
shippingType: 'Via Free Shipping',
status: 'On Hold',
badge: {
type: 'secondary',
icon: 'fas fa-ban'
},
amount: '$129'
}, {
id: 15,
dropdownId: 'order-dropdown-15',
orderId: '#195',
mailLink: 'mailto:lavon@example.com',
name: 'Lavon Haley',
email: 'lavon@example.com',
date: '27/04/2019',
address: 'Lavon Haley, 30998 Adonis Locks McGlynnside, ID 27241',
shippingType: 'Via Free Shipping',
status: 'Pending',
badge: {
type: 'warning',
icon: 'fas fa-stream'
},
amount: '$70'
}, {
id: 16,
dropdownId: 'order-dropdown-16',
orderId: '#196',
mailLink: 'mailto:ashley@example.com',
name: 'Ashley Kirlin',
email: 'ashley@example.com',
date: '26/04/2019',
address: 'Ashley Kirlin, 43304 Prosacco Shore South Dejuanfurt, MO 18623-0505',
shippingType: 'Via Link Road',
status: 'Processing',
badge: {
type: 'primary',
icon: 'fas fa-redo'
},
amount: '$39'
}, {
id: 17,
dropdownId: 'order-dropdown-17',
orderId: '#197',
mailLink: 'mailto:johnnie@example.com',
name: 'Johnnie Considine',
email: 'johnnie@example.com',
date: '26/04/2019',
address: 'Johnnie Considine, 6008 Hermann Points Suite 294 Hansenville, TN 14210',
shippingType: 'Via Flat Rate',
status: 'Pending',
badge: {
type: 'warning',
icon: 'fas fa-stream'
},
amount: '$70'
}, {
id: 18,
dropdownId: 'order-dropdown-18',
orderId: '#198',
mailLink: 'mailto:trace@example.com',
name: 'Trace Farrell',
email: 'trace@example.com',
date: '26/04/2019',
address: 'Trace Farrell, 431 Steuber Mews Apt. 252 Germanland, AK 25882',
shippingType: 'Via Free Shipping',
status: 'Completed',
badge: {
type: 'success',
icon: 'fas fa-check'
},
amount: '$70'
}, {
id: 19,
dropdownId: 'order-dropdown-19',
orderId: '#199',
mailLink: 'mailto:nienow@example.com',
name: 'Estell Nienow',
email: 'nienow@example.com',
date: '26/04/2019',
address: 'Estell Nienow, 4167 Laverna Manor Marysemouth, NV 74590',
shippingType: 'Via Free Shipping',
status: 'Completed',
badge: {
type: 'success',
icon: 'fas fa-check'
},
amount: '$59'
}, {
id: 20,
dropdownId: 'order-dropdown-20',
orderId: '#200',
mailLink: 'mailto:howe@example.com',
name: 'Daisha Howe',
email: 'howe@example.com',
date: '25/04/2019',
address: 'Daisha Howe, 829 Lavonne Valley Apt. 074 Stehrfort, RI 77914-0379',
shippingType: 'Via Free Shipping',
status: 'Completed',
badge: {
type: 'success',
icon: 'fas fa-check'
},
amount: '$39'
}, {
id: 21,
dropdownId: 'order-dropdown-21',
orderId: '#201',
mailLink: 'mailto:haley@example.com',
name: 'Miles Haley',
email: 'haley@example.com',
date: '24/04/2019',
address: 'Miles Haley, 53150 Thad Squares Apt. 263 Archibaldfort, MO 00837',
shippingType: 'Via Flat Rate',
status: 'Completed',
badge: {
type: 'success',
icon: 'fas fa-check'
},
amount: '$55'
}, {
id: 22,
dropdownId: 'order-dropdown-22',
orderId: '#202',
mailLink: 'mailto:watsica@example.com',
name: 'Brenda Watsica',
email: 'watsica@example.com',
date: '24/04/2019',
address: "Brenda Watsica, 9198 O'Kon Harbors Morarborough, IA 75409-7383",
shippingType: 'Via Free Shipping',
status: 'Completed',
badge: {
type: 'success',
icon: 'fas fa-check'
},
amount: '$89'
}, {
id: 23,
dropdownId: 'order-dropdown-23',
orderId: '#203',
mailLink: 'mailto:ellie@example.com',
name: "Ellie O'Reilly",
email: 'ellie@example.com',
date: '24/04/2019',
address: "Ellie O'Reilly, 1478 Kaitlin Haven Apt. 061 Lake Muhammadmouth, SC 35848",
shippingType: 'Via Free Shipping',
status: 'Completed',
badge: {
type: 'success',
icon: 'fas fa-check'
},
amount: '$47'
}, {
id: 24,
dropdownId: 'order-dropdown-24',
orderId: '#204',
mailLink: 'mailto:garry@example.com',
name: 'Garry Brainstrow',
email: 'garry@example.com',
date: '23/04/2019',
address: 'Garry Brainstrow, 13572 Kurt Mews South Merritt, IA 52491',
shippingType: 'Via Free Shipping',
status: 'Completed',
badge: {
type: 'success',
icon: 'fas fa-check'
},
amount: '$139'
}, {
id: 25,
dropdownId: 'order-dropdown-25',
orderId: '#205',
mailLink: 'mailto:estell@example.com',
name: 'Estell Pollich',
email: 'estell@example.com',
date: '23/04/2019',
address: 'Estell Pollich, 13572 Kurt Mews South Merritt, IA 52491',
shippingType: 'Via Free Shipping',
status: 'On Hold',
badge: {
type: 'secondary',
icon: 'fas fa-ban'
},
amount: '$49'
}, {
id: 26,
dropdownId: 'order-dropdown-26',
orderId: '#206',
mailLink: 'mailto:ara@example.com',
name: 'Ara Mueller',
email: 'ara@example.com',
date: '23/04/2019',
address: 'Ara Mueller, 91979 Kohler Place Waelchiborough, CT 41291',
shippingType: 'Via Flat Rate',
status: 'On Hold',
badge: {
type: 'secondary',
icon: 'fas fa-ban'
},
amount: '$19'
}, {
id: 27,
dropdownId: 'order-dropdown-27',
orderId: '#207',
mailLink: 'mailto:blick@example.com',
name: 'Lucienne Blick',
email: 'blick@example.com',
date: '23/04/2019',
address: 'Lucienne Blick, 6757 Giuseppe Meadows Geraldinemouth, MO 48819-4970',
shippingType: 'Via Flat Rate',
status: 'On Hold',
badge: {
type: 'secondary',
icon: 'fas fa-ban'
},
amount: '$59'
}, {
id: 28,
dropdownId: 'order-dropdown-28',
orderId: '#208',
mailLink: 'mailto:haag@example.com',
name: 'Laverne Haag',
email: 'haag@example.com',
date: '22/04/2019',
address: 'Laverne Haag, 2327 Kaylee Mill East Citlalli, AZ 89582-3143',
shippingType: 'Via Flat Rate',
status: 'On Hold',
badge: {
type: 'secondary',
icon: 'fas fa-ban'
},
amount: '$49'
}, {
id: 29,
dropdownId: 'order-dropdown-29',
orderId: '#209',
mailLink: 'mailto:bednar@example.com',
name: 'Brandon Bednar',
email: 'bednar@example.com',
date: '22/04/2019',
address: 'Brandon Bednar, 25156 Isaac Crossing Apt. 810 Lonborough, CO 83774-5999',
shippingType: 'Via Flat Rate',
status: 'On Hold',
badge: {
type: 'secondary',
icon: 'fas fa-ban'
},
amount: '$39'
}, {
id: 30,
dropdownId: 'order-dropdown-30',
orderId: '#210',
mailLink: 'mailto:dimitri@example.com',
name: 'Dimitri Boehm',
email: 'dimitri@example.com',
date: '23/04/2019',
address: 'Dimitri Boehm, 71603 Wolff Plains Apt. 885 Johnstonton, MI 01581',
shippingType: 'Via Flat Rate',
status: 'On Hold',
badge: {
type: 'secondary',
icon: 'fas fa-ban'
},
amount: '$111'
}];
var advanceAjaxTableInit = function advanceAjaxTableInit() {
var togglePaginationButtonDisable = function togglePaginationButtonDisable(button, disabled) {
button.disabled = disabled;
button.classList[disabled ? 'add' : 'remove']('disabled');
};
// Selectors
var table = document.getElementById('advanceAjaxTable');
if (table) {
var options = {
page: 10,
pagination: {
item: "\n \n \n ".concat(orderId, " \n \n by\n ").concat(name, " \n ").concat(email, " \n \n \n ").concat(date, "\n \n \n ").concat(address, "\n ").concat(shippingType, "
\n \n \n \n ").concat(status, "\n \n \n \n ").concat(amount, "\n \n \n \n \n \n \n
\n \n \n ");
}
};
var paginationButtonNext = table.querySelector('[data-list-pagination="next"]');
var paginationButtonPrev = table.querySelector('[data-list-pagination="prev"]');
var viewAll = table.querySelector('[data-list-view="*"]');
var viewLess = table.querySelector('[data-list-view="less"]');
var listInfo = table.querySelector('[data-list-info]');
var listFilter = document.querySelector('[data-list-filter]');
var orderList = new window.List(table, options, orders);
// Fallback
orderList.on('updated', function (item) {
var fallback = table.querySelector('.fallback') || document.getElementById(options.fallback);
if (fallback) {
if (item.matchingItems.length === 0) {
fallback.classList.remove('d-none');
} else {
fallback.classList.add('d-none');
}
}
});
var totalItem = orderList.items.length;
var itemsPerPage = orderList.page;
var btnDropdownClose = orderList.listContainer.querySelector('.btn-close');
var pageQuantity = Math.ceil(totalItem / itemsPerPage);
var numberOfcurrentItems = orderList.visibleItems.length;
var pageCount = 1;
btnDropdownClose && btnDropdownClose.addEventListener('search.close', function () {
return orderList.fuzzySearch('');
});
var updateListControls = function updateListControls() {
listInfo && (listInfo.innerHTML = "".concat(orderList.i, " to ").concat(numberOfcurrentItems, " of ").concat(totalItem));
paginationButtonPrev && togglePaginationButtonDisable(paginationButtonPrev, pageCount === 1);
paginationButtonNext && togglePaginationButtonDisable(paginationButtonNext, pageCount === pageQuantity);
if (pageCount > 1 && pageCount < pageQuantity) {
togglePaginationButtonDisable(paginationButtonNext, false);
togglePaginationButtonDisable(paginationButtonPrev, false);
}
};
updateListControls();
if (paginationButtonNext) {
paginationButtonNext.addEventListener('click', function (e) {
e.preventDefault();
pageCount += 1;
var nextInitialIndex = orderList.i + itemsPerPage;
nextInitialIndex <= orderList.size() && orderList.show(nextInitialIndex, itemsPerPage);
numberOfcurrentItems += orderList.visibleItems.length;
updateListControls();
});
}
if (paginationButtonPrev) {
paginationButtonPrev.addEventListener('click', function (e) {
e.preventDefault();
pageCount -= 1;
numberOfcurrentItems -= orderList.visibleItems.length;
var prevItem = orderList.i - itemsPerPage;
prevItem > 0 && orderList.show(prevItem, itemsPerPage);
updateListControls();
});
}
var toggleViewBtn = function toggleViewBtn() {
viewLess.classList.toggle('d-none');
viewAll.classList.toggle('d-none');
};
if (viewAll) {
viewAll.addEventListener('click', function () {
orderList.show(1, totalItem);
pageQuantity = 1;
pageCount = 1;
numberOfcurrentItems = totalItem;
updateListControls();
toggleViewBtn();
});
}
if (viewLess) {
viewLess.addEventListener('click', function () {
orderList.show(1, itemsPerPage);
pageQuantity = Math.ceil(totalItem / itemsPerPage);
pageCount = 1;
numberOfcurrentItems = orderList.visibleItems.length;
updateListControls();
toggleViewBtn();
});
}
if (options.pagination) {
table.querySelector('.pagination').addEventListener('click', function (e) {
if (e.target.classList[0] === 'page') {
pageCount = Number(e.target.innerText);
updateListControls();
}
});
}
if (options.filter) {
var key = options.filter.key;
listFilter.addEventListener('change', function (e) {
orderList.filter(function (item) {
if (e.target.value === '') {
return true;
}
return item.values()[key].toLowerCase().includes(e.target.value.toLowerCase());
});
});
}
}
};
/* -------------------------------------------------------------------------- */
/* Anchor JS */
/* -------------------------------------------------------------------------- */
var anchors = new window.AnchorJS();
anchors.options = {
icon: '#'
};
anchors.add('[data-anchor]');
/*-----------------------------------------------
| Bottom Bar Control
-----------------------------------------------*/
var bottomBarInit = function bottomBarInit() {
var bottomBars = document.querySelectorAll('[data-bottom-bar]');
var navbarButtons = [document.querySelector('[data-bs-target="#navbarVerticalCollapse"]'), document.querySelector('[data-bs-target="#navbarStandard"]')];
var isElementInViewport = function isElementInViewport(el) {
var offsetTop = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
var rect = el.getBoundingClientRect();
return rect.bottom > 0 && rect.top > offsetTop && rect.right > 0 && rect.left < (window.innerWidth || document.documentElement.clientWidth) && rect.top < (window.innerHeight || document.documentElement.clientHeight);
};
if (bottomBars.length) {
bottomBars.forEach(function (bar) {
// get options
var barOptions = utils.getData(bar, 'bottom-bar');
var defaultOptions = {
target: '#bottom-bar-target',
offsetTop: 0,
breakPoint: 'lg'
};
var _window$_$merge = window._.merge(defaultOptions, barOptions),
target = _window$_$merge.target,
offsetTop = _window$_$merge.offsetTop,
breakPoint = _window$_$merge.breakPoint;
// select target
var targetEl = document.getElementById(target);
// handle Bottombar
var toggleBottomBar = function toggleBottomBar() {
if (window.matchMedia("(max-width: ".concat(utils.breakpoints[breakPoint], "px)")).matches) {
if (!isElementInViewport(targetEl, offsetTop)) {
utils.removeClass(bar, 'hide');
} else {
utils.addClass(bar, 'hide');
}
}
};
window.addEventListener('scroll', toggleBottomBar);
var toggleBottomBarOnNavbarCollapse = function toggleBottomBarOnNavbarCollapse(el) {
if (!utils.hasClass(el, 'collapsed')) {
utils.addClass(bar, 'hide');
} else if (!isElementInViewport(targetEl, offsetTop)) {
utils.removeClass(bar, 'hide');
}
};
navbarButtons.forEach(function (btn) {
return btn && btn.addEventListener('click', function () {
return toggleBottomBarOnNavbarCollapse(btn);
});
});
});
}
};
/*-----------------------------------------------
| Bulk Select
-----------------------------------------------*/
var elementMap = new Map();
var BulkSelect = /*#__PURE__*/function () {
function BulkSelect(element, option) {
_classCallCheck(this, BulkSelect);
this.element = element;
this.option = _objectSpread({
displayNoneClassName: 'd-none'
}, option);
elementMap.set(this.element, this);
}
// Static
_createClass(BulkSelect, [{
key: "init",
value: function init() {
this.attachNodes();
this.clickBulkCheckbox();
this.clickRowCheckbox();
}
}, {
key: "getSelectedRows",
value: function getSelectedRows() {
return Array.from(this.bulkSelectRows).filter(function (row) {
return row.checked;
}).map(function (row) {
return utils.getData(row, 'bulk-select-row');
});
}
}, {
key: "attachNodes",
value: function attachNodes() {
var _utils$getData = utils.getData(this.element, 'bulk-select'),
body = _utils$getData.body,
actions = _utils$getData.actions,
replacedElement = _utils$getData.replacedElement;
this.actions = new DomNode(document.getElementById(actions));
this.replacedElement = new DomNode(document.getElementById(replacedElement));
this.bulkSelectRows = document.getElementById(body).querySelectorAll('[data-bulk-select-row]');
}
}, {
key: "attachRowNodes",
value: function attachRowNodes(elms) {
this.bulkSelectRows = elms;
}
}, {
key: "clickBulkCheckbox",
value: function clickBulkCheckbox() {
var _this = this;
// Handle click event in bulk checkbox
this.element.addEventListener('click', function () {
if (_this.element.indeterminate === 'indeterminate') {
_this.actions.addClass(_this.option.displayNoneClassName);
_this.replacedElement.removeClass(_this.option.displayNoneClassName);
_this.removeBulkCheck();
_this.bulkSelectRows.forEach(function (el) {
var rowCheck = new DomNode(el);
rowCheck.setProp('checked', false);
rowCheck.setAttribute('checked', false);
});
return;
}
_this.toggleDisplay();
_this.bulkSelectRows.forEach(function (el) {
// eslint-disable-next-line
el.checked = _this.element.checked;
});
});
}
}, {
key: "clickRowCheckbox",
value: function clickRowCheckbox() {
var _this2 = this;
// Handle click event in checkbox of each row
this.bulkSelectRows.forEach(function (el) {
var rowCheck = new DomNode(el);
rowCheck.on('click', function () {
if (_this2.element.indeterminate !== 'indeterminate') {
_this2.element.indeterminate = true;
_this2.element.setAttribute('indeterminate', 'indeterminate');
_this2.element.checked = true;
_this2.element.setAttribute('checked', true);
_this2.actions.removeClass(_this2.option.displayNoneClassName);
_this2.replacedElement.addClass(_this2.option.displayNoneClassName);
}
if (_toConsumableArray(_this2.bulkSelectRows).every(function (element) {
return element.checked;
})) {
_this2.element.indeterminate = false;
_this2.element.setAttribute('indeterminate', false);
}
if (_toConsumableArray(_this2.bulkSelectRows).every(function (element) {
return !element.checked;
})) {
_this2.removeBulkCheck();
_this2.toggleDisplay();
}
});
});
}
}, {
key: "removeBulkCheck",
value: function removeBulkCheck() {
this.element.indeterminate = false;
this.element.removeAttribute('indeterminate');
this.element.checked = false;
this.element.setAttribute('checked', false);
}
}, {
key: "toggleDisplay",
value: function toggleDisplay() {
this.actions.toggleClass(this.option.displayNoneClassName);
this.replacedElement.toggleClass(this.option.displayNoneClassName);
}
}], [{
key: "getInstance",
value: function getInstance(element) {
if (elementMap.has(element)) {
return elementMap.get(element);
}
return null;
}
}]);
return BulkSelect;
}();
function bulkSelectInit() {
var bulkSelects = document.querySelectorAll('[data-bulk-select');
if (bulkSelects.length) {
bulkSelects.forEach(function (el) {
var bulkSelect = new BulkSelect(el);
bulkSelect.init();
});
}
}
window.BulkSelect = BulkSelect;
/*-----------------------------------------------
| Chat
-----------------------------------------------*/
var chatInit = function chatInit() {
var Events = {
CLICK: 'click',
SHOWN_BS_TAB: 'shown.bs.tab',
KEYUP: 'keyup',
EMOJI: 'emoji'
};
var Selector = {
CHAT_SIDEBAR: '.chat-sidebar',
CHAT_CONTACT: '.chat-contact',
CHAT_CONTENT_SCROLL_AREA: '.chat-content-scroll-area',
CHAT_CONTENT_SCROLL_AREA_ACTIVE: '.card-chat-pane.active .chat-content-scroll-area',
CHAT_EMOJIAREA: '.chat-editor-area .emojiarea-editor',
BTN_SEND: '.btn-send',
EMOJIEAREA_EDITOR: '.emojiarea-editor',
BTN_INFO: '.btn-chat-info',
CONVERSATION_INFO: '.conversation-info',
CONTACTS_LIST_SHOW: '.contacts-list-show'
};
var ClassName = {
UNREAD_MESSAGE: 'unread-message',
TEXT_PRIMARY: 'text-primary',
SHOW: 'show'
};
var DATA_KEY = {
INDEX: 'index'
};
var $chatSidebar = document.querySelector(Selector.CHAT_SIDEBAR);
var $chatContact = document.querySelectorAll(Selector.CHAT_CONTACT);
var $chatEmojiarea = document.querySelector(Selector.CHAT_EMOJIAREA);
var $btnSend = document.querySelector(Selector.BTN_SEND);
var $currentChatArea = document.querySelector(Selector.CHAT_CONTENT_SCROLL_AREA);
// Set scrollbar position
var setScrollbarPosition = function setScrollbarPosition($chatArea) {
if ($chatArea) {
var scrollArea = $chatArea;
scrollArea.scrollTop = $chatArea.scrollHeight;
}
};
setTimeout(function () {
setScrollbarPosition($currentChatArea);
}, 700);
document.querySelectorAll(Selector.CHAT_CONTACT).forEach(function (el) {
el.addEventListener(Events.CLICK, function (e) {
var $this = e.currentTarget;
$this.classList.add('active');
// Hide contact list sidebar on responsive
window.innerWidth < 768 && !e.target.classList.contains('hover-actions') && ($chatSidebar.style.left = '-100%');
// Remove unread-message class when read
$this.classList.contains(ClassName.UNREAD_MESSAGE) && $this.classList.remove(ClassName.UNREAD_MESSAGE);
});
});
$chatContact.forEach(function (el) {
el.addEventListener(Events.SHOWN_BS_TAB, function () {
$chatEmojiarea.innerHTML = '';
$btnSend.classList.remove(ClassName.TEXT_PRIMARY);
var TargetChatArea = document.querySelector(Selector.CHAT_CONTENT_SCROLL_AREA_ACTIVE);
setScrollbarPosition(TargetChatArea);
});
});
// change send button color on
if ($chatEmojiarea) {
$chatEmojiarea.setAttribute('placeholder', 'Type your message');
$chatEmojiarea.addEventListener(Events.KEYUP, function (e) {
if (e.target.textContent.length <= 0) {
$btnSend.classList.remove(ClassName.TEXT_PRIMARY);
if (e.target.innerHTML === 'Copied: ".concat(el.value, "");
iconCopiedToastInstance.show();
}
});
}
};
/* -------------------------------------------------------------------------- */
/* Inputmask */
/* -------------------------------------------------------------------------- */
var inputmaskInit = function inputmaskInit() {
if (window.Inputmask) {
var elements = document.querySelectorAll('[data-input-mask]');
elements.forEach(function (item) {
var userOptions = utils.getData(item, 'input-mask');
var defaultOptions = {
showMaskOnFocus: false,
showMaskOnHover: false,
jitMasking: true
};
var maskOptions = window._.merge(defaultOptions, userOptions);
var inputmask = new window.Inputmask(_objectSpread({}, maskOptions)).mask(item);
return inputmask;
});
}
};
/* -------------------------------------------------------------------------- */
/* Kanbah */
/* -------------------------------------------------------------------------- */
var kanbanInit = function kanbanInit() {
var Selectors = {
KANBAN_COLUMN: '.kanban-column',
KANBAN_ITEMS_CONTAINER: '.kanban-items-container',
BTN_ADD_CARD: '.btn-add-card',
COLLAPSE: '.collapse',
ADD_LIST_FORM: '#addListForm',
BTN_COLLAPSE_DISMISS: '[data-dismiss="collapse"]',
BTN_FORM_HIDE: '[data-btn-form="hide"]',
INPUT_ADD_CARD: '[data-input="add-card"]',
INPUT_ADD_LIST: '[data-input="add-list"]'
};
var ClassNames = {
FORM_ADDED: 'form-added',
D_NONE: 'd-none'
};
var Events = {
CLICK: 'click',
SHOW_BS_COLLAPSE: 'show.bs.collapse',
SHOWN_BS_COLLAPSE: 'shown.bs.collapse'
};
var addCardButtons = document.querySelectorAll(Selectors.BTN_ADD_CARD);
var formHideButtons = document.querySelectorAll(Selectors.BTN_FORM_HIDE);
var addListForm = document.querySelector(Selectors.ADD_LIST_FORM);
var collapseDismissButtons = document.querySelectorAll(Selectors.BTN_COLLAPSE_DISMISS);
// Show add card form and place scrollbar bottom of the list
addCardButtons && addCardButtons.forEach(function (button) {
button.addEventListener(Events.CLICK, function (_ref4) {
var el = _ref4.currentTarget;
var column = el.closest(Selectors.KANBAN_COLUMN);
var container = column.querySelector(Selectors.KANBAN_ITEMS_CONTAINER);
var scrollHeight = container.scrollHeight;
column.classList.add(ClassNames.FORM_ADDED);
container.querySelector(Selectors.INPUT_ADD_CARD).focus();
container.scrollTo({
top: scrollHeight
});
});
});
// Remove add card form
formHideButtons.forEach(function (button) {
button.addEventListener(Events.CLICK, function (_ref5) {
var el = _ref5.currentTarget;
el.closest(Selectors.KANBAN_COLUMN).classList.remove(ClassNames.FORM_ADDED);
});
});
if (addListForm) {
// Hide add list button when the form is going to show
addListForm.addEventListener(Events.SHOW_BS_COLLAPSE, function (_ref6) {
var el = _ref6.currentTarget;
var nextElement = el.nextElementSibling;
nextElement && nextElement.classList.add(ClassNames.D_NONE);
});
// Focus input field when the form is shown
addListForm.addEventListener(Events.SHOWN_BS_COLLAPSE, function (_ref7) {
var el = _ref7.currentTarget;
el.querySelector(Selectors.INPUT_ADD_LIST).focus();
});
}
// Hide add list form when the dismiss button is clicked
collapseDismissButtons.forEach(function (button) {
button.addEventListener(Events.CLICK, function (_ref8) {
var el = _ref8.currentTarget;
var collapseElement = el.closest(Selectors.COLLAPSE);
var collapse = window.bootstrap.Collapse.getInstance(collapseElement);
utils.hasClass(collapseElement.nextElementSibling, ClassNames.D_NONE) && collapseElement.nextElementSibling.classList.remove(ClassNames.D_NONE);
collapse.hide();
});
});
};
/* -------------------------------------------------------------------------- */
/* leaflet */
/* -------------------------------------------------------------------------- */
var leafletActiveUserInit = function leafletActiveUserInit() {
var points = [{
lat: 53.958332,
"long": -1.080278,
name: 'Diana Meyer',
street: 'Slude Strand 27',
location: '1130 Kobenhavn'
}, {
lat: 52.958332,
"long": -1.080278,
name: 'Diana Meyer',
street: 'Slude Strand 27',
location: '1130 Kobenhavn'
}, {
lat: 51.958332,
"long": -1.080278,
name: 'Diana Meyer',
street: 'Slude Strand 27',
location: '1130 Kobenhavn'
}, {
lat: 53.958332,
"long": -1.080278,
name: 'Diana Meyer',
street: 'Slude Strand 27',
location: '1130 Kobenhavn'
}, {
lat: 54.958332,
"long": -1.080278,
name: 'Diana Meyer',
street: 'Slude Strand 27',
location: '1130 Kobenhavn'
}, {
lat: 55.958332,
"long": -1.080278,
name: 'Diana Meyer',
street: 'Slude Strand 27',
location: '1130 Kobenhavn'
}, {
lat: 53.908332,
"long": -1.080278,
name: 'Diana Meyer',
street: 'Slude Strand 27',
location: '1130 Kobenhavn'
}, {
lat: 53.008332,
"long": -1.080278,
name: 'Diana Meyer',
street: 'Slude Strand 27',
location: '1130 Kobenhavn'
}, {
lat: 53.158332,
"long": -1.080278,
name: 'Diana Meyer',
street: 'Slude Strand 27',
location: '1130 Kobenhavn'
}, {
lat: 53.000032,
"long": -1.080278,
name: 'Diana Meyer',
street: 'Slude Strand 27',
location: '1130 Kobenhavn'
}, {
lat: 52.292001,
"long": -2.22,
name: 'Anke Schroder',
street: 'Industrivej 54',
location: '4140 Borup'
}, {
lat: 52.392001,
"long": -2.22,
name: 'Anke Schroder',
street: 'Industrivej 54',
location: '4140 Borup'
}, {
lat: 51.492001,
"long": -2.22,
name: 'Anke Schroder',
street: 'Industrivej 54',
location: '4140 Borup'
}, {
lat: 51.192001,
"long": -2.22,
name: 'Anke Schroder',
street: 'Industrivej 54',
location: '4140 Borup'
}, {
lat: 52.292001,
"long": -2.22,
name: 'Anke Schroder',
street: 'Industrivej 54',
location: '4140 Borup'
}, {
lat: 54.392001,
"long": -2.22,
name: 'Anke Schroder',
street: 'Industrivej 54',
location: '4140 Borup'
}, {
lat: 51.292001,
"long": -2.22,
name: 'Anke Schroder',
street: 'Industrivej 54',
location: '4140 Borup'
}, {
lat: 52.102001,
"long": -2.22,
name: 'Anke Schroder',
street: 'Industrivej 54',
location: '4140 Borup'
}, {
lat: 52.202001,
"long": -2.22,
name: 'Anke Schroder',
street: 'Industrivej 54',
location: '4140 Borup'
}, {
lat: 51.063202,
"long": -1.308,
name: 'Tobias Vogel',
street: 'Mollebakken 33',
location: '3650 Olstykke'
}, {
lat: 51.363202,
"long": -1.308,
name: 'Tobias Vogel',
street: 'Mollebakken 33',
location: '3650 Olstykke'
}, {
lat: 51.463202,
"long": -1.308,
name: 'Tobias Vogel',
street: 'Mollebakken 33',
location: '3650 Olstykke'
}, {
lat: 51.563202,
"long": -1.308,
name: 'Tobias Vogel',
street: 'Mollebakken 33',
location: '3650 Olstykke'
}, {
lat: 51.763202,
"long": -1.308,
name: 'Tobias Vogel',
street: 'Mollebakken 33',
location: '3650 Olstykke'
}, {
lat: 51.863202,
"long": -1.308,
name: 'Tobias Vogel',
street: 'Mollebakken 33',
location: '3650 Olstykke'
}, {
lat: 51.963202,
"long": -1.308,
name: 'Tobias Vogel',
street: 'Mollebakken 33',
location: '3650 Olstykke'
}, {
lat: 51.000202,
"long": -1.308,
name: 'Tobias Vogel',
street: 'Mollebakken 33',
location: '3650 Olstykke'
}, {
lat: 51.000202,
"long": -1.308,
name: 'Tobias Vogel',
street: 'Mollebakken 33',
location: '3650 Olstykke'
}, {
lat: 51.163202,
"long": -1.308,
name: 'Tobias Vogel',
street: 'Mollebakken 33',
location: '3650 Olstykke'
}, {
lat: 52.263202,
"long": -1.308,
name: 'Tobias Vogel',
street: 'Mollebakken 33',
location: '3650 Olstykke'
}, {
lat: 53.463202,
"long": -1.308,
name: 'Tobias Vogel',
street: 'Mollebakken 33',
location: '3650 Olstykke'
}, {
lat: 55.163202,
"long": -1.308,
name: 'Tobias Vogel',
street: 'Mollebakken 33',
location: '3650 Olstykke'
}, {
lat: 56.263202,
"long": -1.308,
name: 'Tobias Vogel',
street: 'Mollebakken 33',
location: '3650 Olstykke'
}, {
lat: 56.463202,
"long": -1.308,
name: 'Tobias Vogel',
street: 'Mollebakken 33',
location: '3650 Olstykke'
}, {
lat: 56.563202,
"long": -1.308,
name: 'Tobias Vogel',
street: 'Mollebakken 33',
location: '3650 Olstykke'
}, {
lat: 56.663202,
"long": -1.308,
name: 'Tobias Vogel',
street: 'Mollebakken 33',
location: '3650 Olstykke'
}, {
lat: 56.763202,
"long": -1.308,
name: 'Tobias Vogel',
street: 'Mollebakken 33',
location: '3650 Olstykke'
}, {
lat: 56.863202,
"long": -1.308,
name: 'Tobias Vogel',
street: 'Mollebakken 33',
location: '3650 Olstykke'
}, {
lat: 56.963202,
"long": -1.308,
name: 'Tobias Vogel',
street: 'Mollebakken 33',
location: '3650 Olstykke'
}, {
lat: 57.973202,
"long": -1.308,
name: 'Tobias Vogel',
street: 'Mollebakken 33',
location: '3650 Olstykke'
}, {
lat: 57.163202,
"long": -1.308,
name: 'Tobias Vogel',
street: 'Mollebakken 33',
location: '3650 Olstykke'
}, {
lat: 51.163202,
"long": -1.308,
name: 'Tobias Vogel',
street: 'Mollebakken 33',
location: '3650 Olstykke'
}, {
lat: 51.263202,
"long": -1.308,
name: 'Tobias Vogel',
street: 'Mollebakken 33',
location: '3650 Olstykke'
}, {
lat: 51.363202,
"long": -1.308,
name: 'Tobias Vogel',
street: 'Mollebakken 33',
location: '3650 Olstykke'
}, {
lat: 51.409,
"long": -2.647,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 53.68,
"long": -1.49,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 50.259998,
"long": -5.051,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 54.906101,
"long": -1.38113,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 53.383331,
"long": -1.466667,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 53.483002,
"long": -2.2931,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 51.509865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 51.109865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 51.209865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 51.309865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 51.409865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 51.609865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 51.709865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 51.809865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 51.909865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 52.109865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 52.209865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 52.309865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 52.409865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 52.509865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 52.609865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 52.709865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 52.809865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 52.909865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 52.519865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 52.529865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 52.539865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 53.549865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 52.549865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 53.109865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 53.209865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 53.319865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 53.329865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 53.409865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 53.559865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 53.619865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 53.629865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 53.639865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 53.649865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 53.669865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 53.669865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 53.719865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 53.739865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 53.749865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 53.759865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 53.769865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 53.769865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 53.819865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 53.829865,
"long": -0.118092,
name: 'Richard Hendricks',
street: '37 Seafield Place',
location: 'London'
}, {
lat: 53.483959,
"long": -2.244644,
name: 'Ethel B. Brooks',
street: '2576 Sun Valley Road'
}, {
lat: 40.737,
"long": -73.923,
name: 'Marshall D. Lewis',
street: '1489 Michigan Avenue',
location: 'Michigan'
}, {
lat: 39.737,
"long": -73.923,
name: 'Marshall D. Lewis',
street: '1489 Michigan Avenue',
location: 'Michigan'
}, {
lat: 38.737,
"long": -73.923,
name: 'Marshall D. Lewis',
street: '1489 Michigan Avenue',
location: 'Michigan'
}, {
lat: 37.737,
"long": -73.923,
name: 'Marshall D. Lewis',
street: '1489 Michigan Avenue',
location: 'Michigan'
}, {
lat: 40.737,
"long": -73.923,
name: 'Marshall D. Lewis',
street: '1489 Michigan Avenue',
location: 'Michigan'
}, {
lat: 41.737,
"long": -73.923,
name: 'Marshall D. Lewis',
street: '1489 Michigan Avenue',
location: 'Michigan'
}, {
lat: 42.737,
"long": -73.923,
name: 'Marshall D. Lewis',
street: '1489 Michigan Avenue',
location: 'Michigan'
}, {
lat: 43.737,
"long": -73.923,
name: 'Marshall D. Lewis',
street: '1489 Michigan Avenue',
location: 'Michigan'
}, {
lat: 44.737,
"long": -73.923,
name: 'Marshall D. Lewis',
street: '1489 Michigan Avenue',
location: 'Michigan'
}, {
lat: 45.737,
"long": -73.923,
name: 'Marshall D. Lewis',
street: '1489 Michigan Avenue',
location: 'Michigan'
}, {
lat: 46.7128,
"long": 74.006,
name: 'Elizabeth C. Lyons',
street: '4553 Kenwood Place',
location: 'Fort Lauderdale'
}, {
lat: 40.7128,
"long": 74.1181,
name: 'Elizabeth C. Lyons',
street: '4553 Kenwood Place',
location: 'Fort Lauderdale'
}, {
lat: 14.235,
"long": 51.9253,
name: 'Ralph D. Wylie',
street: '3186 Levy Court',
location: 'North Reading'
}, {
lat: 15.235,
"long": 51.9253,
name: 'Ralph D. Wylie',
street: '3186 Levy Court',
location: 'North Reading'
}, {
lat: 16.235,
"long": 51.9253,
name: 'Ralph D. Wylie',
street: '3186 Levy Court',
location: 'North Reading'
}, {
lat: 14.235,
"long": 51.9253,
name: 'Ralph D. Wylie',
street: '3186 Levy Court',
location: 'North Reading'
}, {
lat: 15.8267,
"long": 47.9218,
name: 'Hope A. Atkins',
street: '3715 Hillcrest Drive',
location: 'Seattle'
}, {
lat: 15.9267,
"long": 47.9218,
name: 'Hope A. Atkins',
street: '3715 Hillcrest Drive',
location: 'Seattle'
}, {
lat: 23.4425,
"long": 58.4438,
name: 'Samuel R. Bailey',
street: '2883 Raoul Wallenberg Place',
location: 'Cheshire'
}, {
lat: 23.5425,
"long": 58.3438,
name: 'Samuel R. Bailey',
street: '2883 Raoul Wallenberg Place',
location: 'Cheshire'
}, {
lat: -37.8927369333,
"long": 175.4087452333,
name: 'Samuel R. Bailey',
street: '3228 Glory Road',
location: 'Nashville'
}, {
lat: -38.9064188833,
"long": 175.4441556833,
name: 'Samuel R. Bailey',
street: '3228 Glory Road',
location: 'Nashville'
}, {
lat: -12.409874,
"long": -65.596832,
name: 'Ann J. Perdue',
street: '921 Ella Street',
location: 'Dublin'
}, {
lat: -22.090887,
"long": -57.411827,
name: 'Jorge C. Woods',
street: '4800 North Bend River Road',
location: 'Allen'
}, {
lat: -19.019585,
"long": -65.261963,
name: 'Russ E. Panek',
street: '4068 Hartland Avenue',
location: 'Appleton'
}, {
lat: -16.500093,
"long": -68.214684,
name: 'Russ E. Panek',
street: '4068 Hartland Avenue',
location: 'Appleton'
}, {
lat: -17.413977,
"long": -66.165321,
name: 'Russ E. Panek',
street: '4068 Hartland Avenue',
location: 'Appleton'
}, {
lat: -16.489689,
"long": -68.119293,
name: 'Russ E. Panek',
street: '4068 Hartland Avenue',
location: 'Appleton'
}, {
lat: 54.766323,
"long": 3.08603729,
name: 'Russ E. Panek',
street: '4068 Hartland Avenue',
location: 'Appleton'
}, {
lat: 54.866323,
"long": 3.08603729,
name: 'Russ E. Panek',
street: '4068 Hartland Avenue',
location: 'Appleton'
}, {
lat: 49.537685,
"long": 3.08603729,
name: 'Russ E. Panek',
street: '4068 Hartland Avenue',
location: 'Appleton'
}, {
lat: 54.715424,
"long": 0.509207,
name: 'Russ E. Panek',
street: '4068 Hartland Avenue',
location: 'Appleton'
}, {
lat: 44.891666,
"long": 10.136665,
name: 'Russ E. Panek',
street: '4068 Hartland Avenue',
location: 'Appleton'
}, {
lat: 48.078335,
"long": 14.535004,
name: 'Russ E. Panek',
street: '4068 Hartland Avenue',
location: 'Appleton'
}, {
lat: -26.358055,
"long": 27.398056,
name: 'Russ E. Panek',
street: '4068 Hartland Avenue',
location: 'Appleton'
}, {
lat: -29.1,
"long": 26.2167,
name: 'Wilbur J. Dry',
street: '2043 Jadewood Drive',
location: 'Northbrook'
}, {
lat: -29.883333,
"long": 31.049999,
name: 'Wilbur J. Dry',
street: '2043 Jadewood Drive',
location: 'Northbrook'
}, {
lat: -26.266111,
"long": 27.865833,
name: 'Wilbur J. Dry',
street: '2043 Jadewood Drive',
location: 'Northbrook'
}, {
lat: -29.087217,
"long": 26.154898,
name: 'Wilbur J. Dry',
street: '2043 Jadewood Drive',
location: 'Northbrook'
}, {
lat: -33.958252,
"long": 25.619022,
name: 'Wilbur J. Dry',
street: '2043 Jadewood Drive',
location: 'Northbrook'
}, {
lat: -33.977074,
"long": 22.457581,
name: 'Wilbur J. Dry',
street: '2043 Jadewood Drive',
location: 'Northbrook'
}, {
lat: -26.563404,
"long": 27.844164,
name: 'Wilbur J. Dry',
street: '2043 Jadewood Drive',
location: 'Northbrook'
}, {
lat: 51.21389,
"long": -102.462776,
name: 'Joseph B. Poole',
street: '3364 Lunetta Street',
location: 'Wichita Falls'
}, {
lat: 52.321945,
"long": -106.584167,
name: 'Joseph B. Poole',
street: '3364 Lunetta Street',
location: 'Wichita Falls'
}, {
lat: 50.288055,
"long": -107.793892,
name: 'Joseph B. Poole',
street: '3364 Lunetta Street',
location: 'Wichita Falls'
}, {
lat: 52.7575,
"long": -108.28611,
name: 'Joseph B. Poole',
street: '3364 Lunetta Street',
location: 'Wichita Falls'
}, {
lat: 50.393333,
"long": -105.551941,
name: 'Joseph B. Poole',
street: '3364 Lunetta Street',
location: 'Wichita Falls'
}, {
lat: 50.930557,
"long": -102.807777,
name: 'Joseph B. Poole',
street: '3364 Lunetta Street',
location: 'Wichita Falls'
}, {
lat: 52.856388,
"long": -104.610001,
name: 'Joseph B. Poole',
street: '3364 Lunetta Street',
location: 'Wichita Falls'
}, {
lat: 52.289722,
"long": -106.666664,
name: 'Joseph B. Poole',
street: '3364 Lunetta Street',
location: 'Wichita Falls'
}, {
lat: 52.201942,
"long": -105.123055,
name: 'Joseph B. Poole',
street: '3364 Lunetta Street',
location: 'Wichita Falls'
}, {
lat: 53.278046,
"long": -110.00547,
name: 'Joseph B. Poole',
street: '3364 Lunetta Street',
location: 'Wichita Falls'
}, {
lat: 49.13673,
"long": -102.990959,
name: 'Joseph B. Poole',
street: '3364 Lunetta Street',
location: 'Wichita Falls'
}, {
lat: 45.484531,
"long": -73.597023,
name: 'Claudette D. Nowakowski',
street: '3742 Farland Avenue',
location: 'San Antonio'
}, {
lat: 45.266666,
"long": -71.900002,
name: 'Claudette D. Nowakowski',
street: '3742 Farland Avenue',
location: 'San Antonio'
}, {
lat: 45.349998,
"long": -72.51667,
name: 'Claudette D. Nowakowski',
street: '3742 Farland Avenue',
location: 'San Antonio'
}, {
lat: 47.333332,
"long": -79.433334,
name: 'Claudette D. Nowakowski',
street: '3742 Farland Avenue',
location: 'San Antonio'
}, {
lat: 45.400002,
"long": -74.033333,
name: 'Claudette D. Nowakowski',
street: '3742 Farland Avenue',
location: 'San Antonio'
}, {
lat: 45.683334,
"long": -73.433334,
name: 'Claudette D. Nowakowski',
street: '3742 Farland Avenue',
location: 'San Antonio'
}, {
lat: 48.099998,
"long": -77.783333,
name: 'Claudette D. Nowakowski',
street: '3742 Farland Avenue',
location: 'San Antonio'
}, {
lat: 45.5,
"long": -72.316666,
name: 'Claudette D. Nowakowski',
street: '3742 Farland Avenue',
location: 'San Antonio'
}, {
lat: 46.349998,
"long": -72.550003,
name: 'Claudette D. Nowakowski',
street: '3742 Farland Avenue',
location: 'San Antonio'
}, {
lat: 48.119999,
"long": -69.18,
name: 'Claudette D. Nowakowski',
street: '3742 Farland Avenue',
location: 'San Antonio'
}, {
lat: 45.599998,
"long": -75.25,
name: 'Claudette D. Nowakowski',
street: '3742 Farland Avenue',
location: 'San Antonio'
}, {
lat: 46.099998,
"long": -71.300003,
name: 'Claudette D. Nowakowski',
street: '3742 Farland Avenue',
location: 'San Antonio'
}, {
lat: 45.700001,
"long": -73.633331,
name: 'Claudette D. Nowakowski',
street: '3742 Farland Avenue',
location: 'San Antonio'
}, {
lat: 47.68,
"long": -68.879997,
name: 'Claudette D. Nowakowski',
street: '3742 Farland Avenue',
location: 'San Antonio'
}, {
lat: 46.716667,
"long": -79.099998,
name: '299'
}, {
lat: 45.016666,
"long": -72.099998,
name: '299'
}];
var _window2 = window,
L = _window2.L;
var mapContainer = document.getElementById('map');
if (L && mapContainer) {
var getFilterColor = function getFilterColor() {
return localStorage.getItem('theme') === 'dark' ? ['invert:98%', 'grayscale:69%', 'bright:89%', 'contrast:111%', 'hue:205deg', 'saturate:1000%'] : ['bright:101%', 'contrast:101%', 'hue:23deg', 'saturate:225%'];
};
var tileLayerTheme = 'https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png';
var tiles = L.tileLayer.colorFilter(tileLayerTheme, {
attribution: null,
transparent: true,
filter: getFilterColor()
});
var map = L.map('map', {
center: L.latLng(10.737, 0),
zoom: 0,
layers: [tiles],
minZoom: 1.3,
zoomSnap: 0.5,
dragging: !L.Browser.mobile,
tap: !L.Browser.mobile
});
var mcg = L.markerClusterGroup({
chunkedLoading: false,
spiderfyOnMaxZoom: false
});
points.map(function (point) {
var name = point.name,
location = point.location,
street = point.street;
var icon = L.icon({
iconUrl: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAACXBIWXMAAAFgAAABYAEg2RPaAAADpElEQVRYCZ1XS1LbQBBtybIdiMEJKSpUqihgEW/xDdARyAnirOIl3MBH8NK7mBvkBpFv4Gy9IRSpFIQiRPyNfqkeZkY9HwmFt7Lm06+7p/vN2MmyDIrQ6QebALAHAD4AbFuWfQeAAACGs5H/w5jlsJJw4wMA+GhMFuMA99jIDJJOP+ihZwDQFmNuowWO1wS3viDXpdEdZPEc0odruj0EgN5s5H8tJOEEX8R3rbkMtcU34NTqhe5nSQTJ7Tkk80s6/Gk28scGiULguFBffgdufdEwWoQ0uoXo8hdAlooVH0REjISfwZSlyHGh0V5n6aHAtKTxXI5g6nQnMH0P4bEgwtR18Yw8Pj8QZ4ARUAI0Hl+fQZZGisGEBVwHr7XKzox57DXZ/ij8Cdwe2u057z9/wygOxRl4S2vSUHx1oucaMQGAHTrgtdag9mK5aN+Wx/uAAQ9Zenp/SRce4TpaNbQK4+sTcGqeTB/aIXv3XN5oj2VKqii++U0JunpZ8urxee4hvjqVc2hHpBDXuKKT9XMgVYJ1/1fPGSeaikzgmWWkMIi9bVf8UhotXxzORn5gWFchI8QyttlzjS0qpsaIGY2MMsujV/AUSdcY0dDpB6/EiOPYzclR1CI5mOez3ekHvrFLxa7cR5pTscfrXjk0Vhm5V2PqLUWnH3R5GbPGpMVD7E1ckXesKBQ7AS/vmQ1c0+kHuxpBj98lTCm8pbc5QRJRdZ6qHb/wGryXq3Lxszv+5gySuwvxueXySwYvHEjuQ9ofTGKYlrmK1EsCHMd5SoD7mZ1HHFCBHLNbMEshvrugqWLn01hpVVJhFgVGkDvK7hR6n2B+d9C7xsqWsbkqHv4cCsWezEb+o2SR+SFweUBxfA5wH7kShjKt2vWL57Px3GhIFEezkb8pxvUWHYhotAfCk2AtkEcxoOttrxUWDR5svb1emSQKj0WXK1HYIgFREbiBqmoZcB2RkbE+byMZiosorVgAZF1ID7yQhEs38wa7nUqNDezdlavC2HbBGSQkGgZ8uJVBmzeiKCRRpEa9ilWghORVeGB7BxeSKF5xqbFBkxBrFKUk/JHA7ppENQaCnCjthK+3opCEYyANztXmZN858cDYWSUSHk3A311GAZDvo6deNKUk1EsqnJoQlkYBNlmxQZeaMgmxoUokICoHDce351RCCiuKoirJWEgNOYvQplM2VCLhUqF7jf94rW9kHVUjQeheV4riv0i4ZOzzz/2y/+0KAOAfr4EE4HpCFhwAAAAASUVORK5CYII=\n "
});
var marker = L.marker(new L.LatLng(point.lat, point["long"]), {
icon: icon
}, {
name: name,
location: location
});
var popupContent = "\n ".concat(name, " \n ").concat(street, ", ").concat(location, "
\n ");
var popup = L.popup({
minWidth: 180
}).setContent(popupContent);
marker.bindPopup(popup);
mcg.addLayer(marker);
return true;
});
map.addLayer(mcg);
var themeController = document.body;
themeController.addEventListener('clickControl', function (_ref9) {
var _ref9$detail = _ref9.detail,
control = _ref9$detail.control,
value = _ref9$detail.value;
if (control === 'theme') {
tiles.updateFilter(value === 'dark' ? ['invert:98%', 'grayscale:69%', 'bright:89%', 'contrast:111%', 'hue:205deg', 'saturate:1000%'] : ['bright:101%', 'contrast:101%', 'hue:23deg', 'saturate:225%']);
}
});
}
};
/* -------------------------------------------------------------------------- */
/* Data Table */
/* -------------------------------------------------------------------------- */
/* eslint-disable */
var togglePaginationButtonDisable = function togglePaginationButtonDisable(button, disabled) {
button.disabled = disabled;
button.classList[disabled ? 'add' : 'remove']('disabled');
};
var listInit = function listInit() {
if (window.List) {
var lists = document.querySelectorAll('[data-list]');
if (lists.length) {
lists.forEach(function (el) {
var bulkSelect = el.querySelector('[data-bulk-select]');
var options = utils.getData(el, 'list');
if (options.pagination) {
options = _objectSpread(_objectSpread({}, options), {}, {
pagination: _objectSpread({
item: "\n
\n
\n ".concat(navbarTopContent, "\n
\n
\n
".concat(slides, "
");
if (thumbsOptions.parent) {
var parent = document.querySelector(thumbsOptions.parent);
parent.parentNode.appendChild(thumbs);
} else {
swiper.parentNode.appendChild(thumbs);
}
thumbsInit = new window.Swiper(thumbs, thumbsOptions);
}
var swiperNav = swiper.querySelector('.swiper-nav');
var newSwiper = new window.Swiper(swiper, _objectSpread(_objectSpread({}, options), {}, {
navigation: {
nextEl: swiperNav === null || swiperNav === void 0 ? void 0 : swiperNav.querySelector('.swiper-button-next'),
prevEl: swiperNav === null || swiperNav === void 0 ? void 0 : swiperNav.querySelector('.swiper-button-prev')
},
thumbs: {
swiper: thumbsInit
}
}));
if (navbarVerticalToggle) {
navbarVerticalToggle.addEventListener('navbar.vertical.toggle', function () {
newSwiper.update();
});
}
});
};
// export default themeControl;
// eslint-disable-next-line
/* -------------------------------------------------------------------------- */
/* Theme Control */
/* -------------------------------------------------------------------------- */
/* eslint-disable no-param-reassign */
/* eslint-disable */
var initialDomSetup = function initialDomSetup(element) {
if (!element) return;
var dataUrlDom = element.querySelector('[data-theme-control = "navbarPosition"]');
var hasDataUrl = dataUrlDom ? getData(dataUrlDom, 'page-url') : null;
element.querySelectorAll('[data-theme-control]').forEach(function (el) {
var inputDataAttributeValue = getData(el, 'theme-control');
var localStorageValue = getItemFromStore(inputDataAttributeValue);
if (inputDataAttributeValue === 'navbarStyle' && !hasDataUrl && (getItemFromStore('navbarPosition') === 'top' || getItemFromStore('navbarPosition') === 'double-top')) {
el.setAttribute('disabled', true);
}
if (el.type === 'select-one' && inputDataAttributeValue === 'navbarPosition') {
el.value = localStorageValue;
}
if (el.type === 'checkbox') {
if (inputDataAttributeValue === 'theme') {
if (localStorageValue === 'auto' ? getSystemTheme() === 'dark' : localStorageValue === 'dark') {
el.setAttribute('checked', true);
}
} else {
localStorageValue && el.setAttribute('checked', true);
}
} else if (el.type === 'radio') {
var isChecked = localStorageValue === el.value;
isChecked && el.setAttribute('checked', true);
} else {
var isActive = localStorageValue === el.value;
isActive && el.classList.add('active');
}
});
};
var changeTheme = function changeTheme(element) {
element.querySelectorAll('[data-theme-control = "theme"]').forEach(function (el) {
var inputDataAttributeValue = getData(el, 'theme-control');
var localStorageValue = getItemFromStore(inputDataAttributeValue);
if (el.type === 'checkbox') {
if (localStorageValue === 'auto') {
getSystemTheme() === 'dark' ? el.checked = true : el.checked = false;
} else {
localStorageValue === 'dark' ? el.checked = true : el.checked = false;
}
} else if (el.type === 'radio') {
localStorageValue === el.value ? el.checked = true : el.checked = false;
} else {
localStorageValue === el.value ? el.classList.add('active') : el.classList.remove('active');
}
});
};
var localStorageValue = getItemFromStore('theme');
var handleThemeDropdownIcon = function handleThemeDropdownIcon(value) {
document.querySelectorAll('[data-theme-dropdown-toggle-icon]').forEach(function (el) {
var theme = getData(el, 'theme-dropdown-toggle-icon');
if (value === theme) {
el.classList.remove('d-none');
} else {
el.classList.add('d-none');
}
});
};
handleThemeDropdownIcon(localStorageValue);
var themeControl = function themeControl() {
var themeController = new DomNode(document.body);
var navbarVertical = document.querySelector('.navbar-vertical');
initialDomSetup(themeController.node);
themeController.on('click', function (e) {
var target = new DomNode(e.target);
if (target.data('theme-control')) {
var control = target.data('theme-control');
var value = e.target[e.target.type === 'checkbox' ? 'checked' : 'value'];
if (control === 'theme') {
typeof value === 'boolean' && (value = value ? 'dark' : 'light');
}
if (control !== 'navbarPosition') {
CONFIG.hasOwnProperty(control) && setItemToStore(control, value);
switch (control) {
case 'theme':
{
document.documentElement.setAttribute('data-bs-theme', value === 'auto' ? getSystemTheme() : value);
var clickControl = new CustomEvent('clickControl', {
detail: {
control: control,
value: value
}
});
e.currentTarget.dispatchEvent(clickControl);
changeTheme(themeController.node);
break;
}
case 'navbarStyle':
{
navbarVertical.classList.remove('navbar-card');
navbarVertical.classList.remove('navbar-inverted');
navbarVertical.classList.remove('navbar-vibrant');
if (value !== 'transparent') {
navbarVertical.classList.add("navbar-".concat(value));
}
break;
}
case 'reset':
{
Object.keys(CONFIG).forEach(function (key) {
localStorage.setItem(key, CONFIG[key]);
});
window.location.reload();
break;
}
default:
window.location.reload();
}
}
}
});
// control navbar position
themeController.on('change', function (e) {
var target = new DomNode(e.target);
if (target.data('theme-control') === 'navbarPosition') {
CONFIG.hasOwnProperty('navbarPosition') && setItemToStore('navbarPosition', e.target.value);
var pageUrl = getData(target.node.selectedOptions[0], 'page-url');
!!pageUrl ? window.location.replace(pageUrl) : window.location.replace(window.location.href.split('#')[0]);
}
});
themeController.on('clickControl', function (_ref12) {
var _ref12$detail = _ref12.detail,
control = _ref12$detail.control,
value = _ref12$detail.value;
if (control === 'theme') {
handleThemeDropdownIcon(value);
}
});
};
/* -------------------------------------------------------------------------- */
/* Tinymce */
/* -------------------------------------------------------------------------- */
var tinymceInit = function tinymceInit() {
if (window.tinymce) {
var tinymces = document.querySelectorAll('[data-tinymce]');
if (tinymces.length) {
window.tinymce.execCommand('mceFocus', false, 'course-description');
window.tinymce.init({
selector: '.tinymce',
height: '50vh',
menubar: false,
skin: utils.settings.tinymce.theme,
content_style: ".mce-content-body { color: ".concat(utils.getColors().emphasis, "; background-color: ").concat(utils.getColor('tinymce-bg'), " }"),
mobile: {
theme: 'mobile',
toolbar: ['undo', 'bold']
},
statusbar: false,
plugins: 'link,image,lists,table,media',
toolbar: 'styleselect | bold italic link bullist numlist image blockquote table media undo redo',
directionality: utils.getItemFromStore('isRTL') ? 'rtl' : 'ltr',
theme_advanced_toolbar_align: 'center',
setup: function setup(editor) {
editor.on('change', function () {
window.tinymce.triggerSave();
});
}
});
}
var themeController = document.body;
themeController && themeController.addEventListener('clickControl', function (_ref13) {
var control = _ref13.detail.control;
if (control === 'theme') {
window.tinyMCE.editors.forEach(function (el) {
el.dom.addStyle(".mce-content-body{color: ".concat(utils.getColors().emphasis, " !important; background-color: ").concat(utils.getColor('tinymce-bg'), " !important;}"));
});
}
});
}
};
/* -------------------------------------------------------------------------- */
/* Toast */
/* -------------------------------------------------------------------------- */
var toastInit = function toastInit() {
var toastElList = [].slice.call(document.querySelectorAll('.toast'));
toastElList.map(function (toastEl) {
return new window.bootstrap.Toast(toastEl);
});
var liveToastBtn = document.getElementById('liveToastBtn');
if (liveToastBtn) {
var liveToast = new window.bootstrap.Toast(document.getElementById('liveToast'));
liveToastBtn.addEventListener('click', function () {
liveToast && liveToast.show();
});
}
};
/* -------------------------------------------------------------------------- */
/* Tooltip */
/* -------------------------------------------------------------------------- */
var tooltipInit = function tooltipInit() {
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
tooltipTriggerList.map(function (tooltipTriggerEl) {
return new window.bootstrap.Tooltip(tooltipTriggerEl, {
trigger: 'hover'
});
});
};
/* eslint-disable no-param-reassign */
/* -------------------------------------------------------------------------- */
/* Treeview */
/* -------------------------------------------------------------------------- */
var treeviewInit = function treeviewInit() {
var Events = {
CHANGE: 'change',
SHOW_BS_COLLAPSE: 'show.bs.collapse',
HIDE_BS_COLLAPSE: 'hide.bs.collapse'
};
var Selector = {
TREEVIEW_ROW: '.treeview > li > .treeview-row,.treeview-list.collapse-show > li > .treeview-row',
TREEVIEW: '.treeview',
TREEVIEW_LIST: '.treeview-list',
TOGGLE_ELEMENT: "[data-bs-toggle='collapse']",
INPUT: 'input',
TREEVIEW_LIST_ITEM: '.treeview-list-item',
CHILD_SELECTOR: ':scope > li > .collapse.collapse-show'
};
var ClassName = {
TREEVIEW: 'treeview',
TREEVIEW_LIST: 'treeview-list',
TREEVIEW_BORDER: 'treeview-border',
TREEVIEW_BORDER_TRANSPARENT: 'treeview-border-transparent',
COLLAPSE_SHOW: 'collapse-show',
COLLAPSE_HIDDEN: 'collapse-hidden',
TREEVIEW_ROW: 'treeview-row',
TREEVIEW_ROW_ODD: 'treeview-row-odd',
TREEVIEW_ROW_EVEN: 'treeview-row-even'
};
var treeviews = document.querySelectorAll(Selector.TREEVIEW);
var makeStriped = function makeStriped(treeview) {
var tags = Array.from(treeview.querySelectorAll(Selector.TREEVIEW_ROW));
var uTags = tags.filter(function (tag) {
var result = true;
while (tag.parentElement) {
if (tag.parentElement.classList.contains(ClassName.COLLAPSE_HIDDEN)) {
result = false;
break;
}
tag = tag.parentElement;
}
return result;
});
uTags.forEach(function (tag, index) {
if (index % 2 === 0) {
tag.classList.add(ClassName.TREEVIEW_ROW_EVEN);
tag.classList.remove(ClassName.TREEVIEW_ROW_ODD);
} else {
tag.classList.add(ClassName.TREEVIEW_ROW_ODD);
tag.classList.remove(ClassName.TREEVIEW_ROW_EVEN);
}
});
};
if (treeviews.length) {
treeviews.forEach(function (treeview) {
var options = utils.getData(treeview, 'options');
var striped = options === null || options === void 0 ? void 0 : options.striped;
var select = options === null || options === void 0 ? void 0 : options.select;
if (striped) {
makeStriped(treeview);
}
var collapseElementList = Array.from(treeview.querySelectorAll(Selector.TREEVIEW_LIST));
var collapseListItem = Array.from(treeview.querySelectorAll(Selector.TREEVIEW_LIST_ITEM));
collapseListItem.forEach(function (item) {
var wholeRow = document.createElement('div');
wholeRow.setAttribute('class', ClassName.TREEVIEW_ROW);
item.prepend(wholeRow);
});
collapseElementList.forEach(function (collapse) {
var collapseId = collapse.id;
if (!striped) {
collapse.classList.add(ClassName.TREEVIEW_BORDER);
}
collapse.addEventListener(Events.SHOW_BS_COLLAPSE, function (e) {
e.target.classList.remove(ClassName.COLLAPSE_HIDDEN);
e.target.classList.add(ClassName.COLLAPSE_SHOW);
if (striped) {
makeStriped(treeview);
} else {
e.composedPath()[2].classList.add(ClassName.TREEVIEW_BORDER_TRANSPARENT);
}
});
collapse.addEventListener(Events.HIDE_BS_COLLAPSE, function (e) {
e.target.classList.add(ClassName.COLLAPSE_HIDDEN);
e.target.classList.remove(ClassName.COLLAPSE_SHOW);
if (striped) {
makeStriped(treeview);
} else {
var childs = e.composedPath()[2].querySelectorAll(Selector.CHILD_SELECTOR);
// eslint-disable-next-line
if (!e.composedPath()[2].classList.contains(ClassName.TREEVIEW) && childs.length === 0) {
e.composedPath()[2].classList.remove(ClassName.TREEVIEW_BORDER_TRANSPARENT);
}
}
});
if (collapse.dataset.show === 'true') {
var parents = [collapse];
while (collapse.parentElement) {
if (collapse.parentElement.classList.contains(ClassName.TREEVIEW_LIST)) {
parents.unshift(collapse.parentElement);
}
collapse = collapse.parentElement;
}
parents.forEach(function (collapseEl) {
// eslint-disable-next-line no-new
new window.bootstrap.Collapse(collapseEl, {
show: true
});
});
}
if (select) {
var inputElement = treeview.querySelector("input[data-target='#".concat(collapseId, "']"));
inputElement.addEventListener(Events.CHANGE, function (e) {
var childInputElements = Array.from(treeview.querySelector("#".concat(collapseId)).querySelectorAll(Selector.INPUT));
childInputElements.forEach(function (input) {
input.checked = e.target.checked;
});
});
}
});
});
}
};
/* -------------------------------------------------------------------------- */
/* Typed Text */
/* -------------------------------------------------------------------------- */
var typedTextInit = function typedTextInit() {
var typedTexts = document.querySelectorAll('.typed-text');
if (typedTexts.length && window.Typed) {
typedTexts.forEach(function (typedText) {
return new window.Typed(typedText, {
strings: utils.getData(typedText, 'typedText'),
typeSpeed: 100,
loop: true,
backDelay: 1500
});
});
}
};
var unresolvedTicketsTabInit = function unresolvedTicketsTabInit() {
var dropdownToggle = document.querySelectorAll('.dropdown-toggle-item a');
var layout = document.querySelector('.table-layout');
dropdownToggle.forEach(function (item) {
item.addEventListener('shown.bs.tab', function (e) {
layout.innerText = e.target.innerText;
});
});
};
/* -------------------------------------------------------------------------- */
/* step wizard */
/* -------------------------------------------------------------------------- */
/* eslint-disable no-restricted-syntax */
/* -------------------------------------------------------------------------- */
/* step wizard */
/* -------------------------------------------------------------------------- */
var wizardInit = function wizardInit() {
var getData = utils.getData;
var selectors = {
WIZARDS: '.theme-wizard',
TOGGLE_BUTTON_EL: '[data-wizard-step]',
FORMS: '[data-wizard-form]',
PASSWORD_INPUT: '[data-wizard-password]',
CONFIRM_PASSWORD_INPUT: '[data-wizard-confirm-password]',
NEXT_BTN: '.next button',
PREV_BTN: '.previous button',
FOOTER: '.theme-wizard .card-footer'
};
var events = {
SUBMIT: 'submit',
SHOW: 'show.bs.tab',
SHOWN: 'shown.bs.tab',
CLICK: 'click'
};
var wizards = document.querySelectorAll(selectors.WIZARDS);
wizards.forEach(function (wizard) {
var tabToggleButtonEl = wizard.querySelectorAll(selectors.TOGGLE_BUTTON_EL);
var forms = wizard.querySelectorAll(selectors.FORMS);
var passwordInput = wizard.querySelector(selectors.PASSWORD_INPUT);
var confirmPasswordInput = wizard.querySelector(selectors.CONFIRM_PASSWORD_INPUT);
var nextButton = wizard.querySelector(selectors.NEXT_BTN);
var prevButton = wizard.querySelector(selectors.PREV_BTN);
var wizardFooter = wizard.querySelector(selectors.FOOTER);
var submitEvent = new Event(events.SUBMIT, {
bubbles: true,
cancelable: true
});
// eslint-disable-next-line
var tabs = Array.from(tabToggleButtonEl).map(function (item) {
return window.bootstrap.Tab.getOrCreateInstance(item);
});
var count = 0;
var showEvent = null;
forms.forEach(function (form) {
form.addEventListener(events.SUBMIT, function (e) {
e.preventDefault();
if (form.classList.contains('needs-validation')) {
if (passwordInput && confirmPasswordInput) {
if (passwordInput.value !== confirmPasswordInput.value) {
confirmPasswordInput.setCustomValidity('Invalid field.');
} else {
confirmPasswordInput.setCustomValidity('');
}
}
if (!form.checkValidity()) {
showEvent.preventDefault();
return false;
}
}
count += 1;
return null;
});
});
nextButton.addEventListener(events.CLICK, function () {
if (count + 1 < tabs.length) {
tabs[count + 1].show();
}
});
prevButton.addEventListener(events.CLICK, function () {
count -= 1;
tabs[count].show();
});
if (tabToggleButtonEl.length) {
tabToggleButtonEl.forEach(function (item, index) {
item.addEventListener(events.SHOW, function (e) {
var step = getData(item, 'wizard-step');
showEvent = e;
if (step > count) {
forms[count].dispatchEvent(submitEvent);
}
});
item.addEventListener(events.SHOWN, function () {
count = index;
// can't go back tab
if (count === tabToggleButtonEl.length - 1) {
tabToggleButtonEl.forEach(function (tab) {
tab.setAttribute('data-bs-toggle', 'modal');
tab.setAttribute('data-bs-target', '#error-modal');
});
}
// add done class
for (var i = 0; i < count; i += 1) {
tabToggleButtonEl[i].classList.add('done');
if (i > 0) {
tabToggleButtonEl[i - 1].classList.add('complete');
}
}
// remove done class
for (var j = count; j < tabToggleButtonEl.length; j += 1) {
tabToggleButtonEl[j].classList.remove('done');
if (j > 0) {
tabToggleButtonEl[j - 1].classList.remove('complete');
}
}
// card footer remove at last step
if (count > tabToggleButtonEl.length - 2) {
wizardFooter.classList.add('d-none');
} else {
wizardFooter.classList.remove('d-none');
}
// prev-button removing
if (count > 0 && count !== tabToggleButtonEl.length - 1) {
prevButton.classList.remove('d-none');
} else {
prevButton.classList.add('d-none');
}
});
});
}
});
};
var _window3 = window,
dayjs = _window3.dayjs;
var currentDay = dayjs && dayjs().format('DD');
var currentMonth = dayjs && dayjs().format('MM');
var prevMonth = dayjs && dayjs().subtract(1, 'month').format('MM');
var nextMonth = dayjs && dayjs().add(1, 'month').format('MM');
var currentYear = dayjs && dayjs().format('YYYY');
var events = [{
title: 'Boot Camp',
start: "".concat(currentYear, "-").concat(currentMonth, "-01 10:00:00"),
end: "".concat(currentYear, "-").concat(currentMonth, "-03 16:00:00"),
description: "Boston Harbor Now in partnership with the Friends of Christopher Columbus Park, the Wharf District Council and the City of Boston is proud to announce the New Year's Eve Midnight Harbor Fireworks! This beloved nearly 40-year old tradition is made possible by the generous support of local waterfront organizations and businesses and the support of the City of Boston and the Office of Mayor Marty Walsh.",
className: 'bg-success-subtle',
location: 'Boston Harborwalk, Christopher Columbus Park, \n \n
").concat(e.title, " \n
").concat(e.startTime || '', " ").concat(e.endTime ? '-' : '', " ").concat(e.endTime || '', "
\n
");
});
}
var eventManagementInfo = document.querySelectorAll(Selectors.EVENT_MANAGEMENT_INFO);
if (eventManagementInfo) {
eventManagementInfo.forEach(function (li, index) {
li.addEventListener(Events.CLICK, function () {
var event = managementEvents[index];
var template = getTemplate(event);
document.querySelector(Selectors.EVENT_DETAILS_MODAL_CONTENT).innerHTML = template;
var modal = new window.bootstrap.Modal(eventDetailsModal);
modal.show();
});
});
}
if (managementCalendar) {
var calendar = renderCalendar(managementCalendar, {
headerToolbar: false,
dayMaxEvents: 2,
height: 360,
stickyHeaderDates: false,
dateClick: function dateClick(info) {
var modal = new window.bootstrap.Modal(addEventModal);
modal.show();
/*eslint-disable-next-line*/
var flatpickr = document.querySelector(Selectors.EVENT_START_DATE)._flatpickr;
flatpickr.setDate([info.dateStr]);
},
events: managementEventList
});
updateTitle(calendar.currentData.viewTitle);
updateDay(calendar.currentData.currentDate.getDay());
document.querySelectorAll(Selectors.DATA_EVENT).forEach(function (button) {
button.addEventListener(Events.CLICK, function (e) {
var el = e.currentTarget;
var type = utils.getData(el, DataKeys.EVENT);
switch (type) {
case 'prev':
calendar.prev();
updateTitle(calendar.currentData.viewTitle);
break;
case 'next':
calendar.next();
updateTitle(calendar.currentData.viewTitle);
break;
case 'today':
calendar.today();
updateTitle(calendar.currentData.viewTitle);
break;
default:
calendar.today();
updateTitle(calendar.currentData.viewTitle);
break;
}
});
});
if (addEventForm) {
addEventForm.addEventListener(Events.SUBMIT, function (e) {
e.preventDefault();
e.target.reset();
window.bootstrap.Modal.getInstance(addEventModal).hide();
});
}
}
}
};
var thisDay = window.dayjs && window.dayjs().format('DD');
var plus2Day = window.dayjs && window.dayjs().add(2, 'day').format('DD');
var thisMonthNumber = window.dayjs && window.dayjs().format('MM');
var thisMonthName = window.dayjs && window.dayjs().format('MMM');
var upcomingMonthNumber = window.dayjs && window.dayjs().add(1, 'month').format('MM');
var upcomingMonthName = window.dayjs && window.dayjs().format('MMM');
var thisYear = window.dayjs && window.dayjs().format('YYYY');
var managementEvents = [{
title: 'Monthly team meeting for Falcon React Project',
start: "".concat(thisYear, "-").concat(thisMonthNumber, "-07"),
end: "".concat(thisYear, "-").concat(thisMonthNumber, "-09"),
startTime: "07 ".concat(thisMonthName, ", ").concat(thisYear),
endTime: "10 ".concat(thisMonthName, ", ").concat(thisYear),
classNames: 'primary',
extendedProps: {
description: 'Boston Harbor Now in partnership with the Friends of Christopher Columbus Park, the Wharf District Council.',
location: 'Boston Harborwalk, Christopher Columbus Park, \n \n");
};
var getTemplate = function getTemplate(event) {
return "\n\n\n ").concat(event.extendedProps.description ? "\n
\n ".concat(getStackIcon('fas fa-align-left'), "\n
\n
Description \n
\n \n ").concat(event.extendedProps.description.split(' ').slice(0, 30).join(' '), "\n
\n
\n
\n ") : '', " \n
\n ").concat(getStackIcon('fas fa-calendar-check'), "\n
\n
Date and Time \n
\n ").concat(window.dayjs && window.dayjs(event.start).format('dddd, MMMM D, YYYY, h:mm A'), " \n ").concat(event.end ? "\u2013
\n
\n
\n ").concat(event.extendedProps.location ? "\n
\n ".concat(getStackIcon('fas fa-map-marker-alt'), "\n
\n
Location \n
").concat(event.extendedProps.location, "
\n
\n
\n ") : '', "\n ").concat(event.schedules ? "\n
\n ".concat(getStackIcon('fas fa-clock'), "\n
\n
Schedule \n \n
\n ").concat(event.schedules.map(function (schedule) {
return "".concat(schedule.title, " ");
}).join(''), "\n \n
\n ") : '', "\n
\n
\n
".concat(window.dayjs(params[0].axisValue).format('MMM DD, YYYY'), "
\n
\n
\n
".concat(params.data.name, ": ").concat(params.data.value, " courses");
}
},
position: function position(pos, params, dom, rect, size) {
return getPosition(pos, params, dom, rect, size);
},
legend: {
show: false
},
series: [{
type: 'pie',
radius: ['85%', '60%'],
avoidLabelOverlap: false,
hoverAnimation: false,
itemStyle: {
borderWidth: 2,
borderColor: utils.getColor('gray-100')
},
label: {
normal: {
show: false,
position: 'center',
textStyle: {
fontSize: '20',
fontWeight: '500',
color: utils.getGrays()['700']
}
},
emphasis: {
show: false
}
},
labelLine: {
normal: {
show: false
}
},
data: data
}]
};
};
echartSetOption(chart, userOptions, getDefaultOptions);
}
};
/* -------------------------------------------------------------------------- */
/* Audience Chart */
/* -------------------------------------------------------------------------- */
var audienceChartInit = function audienceChartInit() {
var data = {
dates: utils.getPastDates(7),
dataset: {
users: [[504, 333, 400, 606, 451, 685, 404], [237, 229, 707, 575, 420, 536, 258]],
sessions: [[322, 694, 235, 537, 791, 292, 806], [584, 661, 214, 286, 526, 707, 627]],
rate: [[789, 749, 412, 697, 633, 254, 472], [276, 739, 525, 394, 643, 653, 719]],
duration: [[625, 269, 479, 654, 549, 305, 671], [499, 670, 550, 222, 696, 695, 469]]
}
};
var tooltipFormatter = function tooltipFormatter(params) {
var percentage = (params[0].value - params[1].value) / params[1].value * 100;
var perTemp = "\n \n
").concat(Math.abs(percentage).toFixed(2), " % \n \n ");
var currentDate = new Date(params[0].axisValue);
var prevDate = new Date(new Date().setDate(currentDate.getDate() - 7));
return "\n
".concat(window.dayjs(params[0].axisValue).format('MMM DD'), " vs ").concat(window.dayjs(prevDate).format('MMM DD'), "
\n
\n
\n Users: ").concat(params[0].data, " \n
\n ").concat(perTemp, "\n
\n
\n ").concat(seriesName, " : ").concat(value, " \n ");
}).join('\n
".concat(window.dayjs(params[0].axisValue).format('DD, MMMM'), "
\n
\n
\n Rate : ").concat(params[0].value, "% \n
\n
\n
\n
\n ".concat(window.dayjs(params[0].axisValue).isValid() ? window.dayjs(params[0].axisValue).format('MMMM YYYY') : params[0].axisValue, "\n
\n ").concat(params.map(function (_ref17) {
var seriesName = _ref17.seriesName,
value = _ref17.value,
borderColor = _ref17.borderColor;
return "
\n
\n ").concat(seriesName, " : ").concat(value, " \n ");
}).join('
'), "\n
".concat(params.seriesName, "
").concat(params.name, ": ").concat(params.value[params.componentIndex + 1], "
");
}
},
legend: {
data: ['Free Course', 'Paid Course', 'On sale Course'],
left: 'left',
itemWidth: 10,
itemHeight: 10,
borderRadius: 0,
icon: 'circle',
inactiveColor: utils.getGrays()['400'],
textStyle: {
color: utils.getGrays()['700']
}
},
xAxis: {
type: 'category',
axisLabel: {
color: utils.getGrays()['400']
},
axisLine: {
lineStyle: {
color: utils.getGrays()['300'],
type: 'line'
}
},
splitLine: {
show: true,
lineStyle: {
color: utils.getGrays()['200'],
type: 'line',
width: 0.5
}
},
axisTick: {
show: false
},
boundaryGap: true
},
yAxis: {
axisPointer: {
type: 'none'
},
axisTick: 'none',
splitLine: {
lineStyle: {
color: utils.getGrays()['200'],
type: 'dashed'
}
},
axisLine: {
show: false
},
axisLabel: {
color: utils.getGrays()['400'],
formatter: function formatter(value) {
return "".concat(Math.round(value / 1000 * 10) / 10, "k");
}
}
},
series: [{
type: 'bar',
barWidth: '15%',
barGap: '30%',
label: {
normal: {
show: false
}
},
z: 10,
emphasis: {
focus: 'series'
},
itemStyle: {
normal: {
barBorderRadius: [2, 2, 0, 0]
}
}
}, {
type: 'bar',
barWidth: '15%',
barGap: '30%',
label: {
normal: {
show: false
}
},
z: 10,
emphasis: {
focus: 'series'
},
itemStyle: {
normal: {
barBorderRadius: [2, 2, 0, 0]
}
}
}, {
type: 'bar',
barWidth: '15%',
barGap: '30%',
label: {
normal: {
show: false
}
},
z: 10,
emphasis: {
focus: 'series'
},
itemStyle: {
normal: {
barBorderRadius: [2, 2, 0, 0]
}
}
}],
grid: {
right: '1px',
left: '30px',
bottom: '10%',
top: '20%'
}
};
};
var initChart = function initChart() {
if (utils.isScrolledIntoView($echartBarCourseEnrollments)) {
echartSetOption(chart, userOptions, getDefaultOptions);
window.removeEventListener('scroll', initChart);
}
};
window.addEventListener('scroll', initChart);
}
};
/* -------------------------------------------------------------------------- */
/* Echarts Pie Chart */
/* -------------------------------------------------------------------------- */
var courseStatusInit = function courseStatusInit() {
var $echartsCourseStatus = document.querySelector('.echart-course-status');
var data = [{
value: 13,
name: 'Completed',
itemStyle: {
color: utils.getColor('primary')
}
}, {
value: 20,
name: 'On going',
itemStyle: {
color: utils.getColor('info')
}
}, {
value: 10,
name: 'Droped',
itemStyle: {
color: utils.getColor('warning')
}
}, {
value: 7,
name: 'Refunded',
itemStyle: {
color: utils.getColor('success')
}
}];
if ($echartsCourseStatus) {
var userOptions = utils.getData($echartsCourseStatus, 'options');
var chart = window.echarts.init($echartsCourseStatus);
var getDefaultOptions = function getDefaultOptions() {
return {
legend: {
show: false
},
series: [{
type: 'pie',
radius: '70%',
itemStyle: {
borderWidth: 2,
borderColor: utils.getColor('gray-100')
},
label: {
show: false
},
center: ['50%', '50%'],
data: data
}],
tooltip: {
trigger: 'item',
padding: [7, 10],
backgroundColor: utils.getGrays()['100'],
borderColor: utils.getGrays()['300'],
textStyle: {
color: utils.getGrays()['1100']
},
borderWidth: 1,
transitionDuration: 0,
axisPointer: {
type: 'none'
}
}
};
};
var initChart = function initChart() {
if (utils.isScrolledIntoView($echartsCourseStatus)) {
echartSetOption(chart, userOptions, getDefaultOptions);
window.removeEventListener('scroll', initChart);
}
};
window.addEventListener('scroll', initChart);
}
};
/* -------------------------------------------------------------------------- */
/* Audience Chart */
/* -------------------------------------------------------------------------- */
var revenueChartInit = function revenueChartInit() {
var data = {
dates: utils.getDates(new Date('5-6-2019'), new Date('5-6-2021'), 1000 * 60 * 60 * 24 * 30),
dataset: {
revenue: [[645, 500, 550, 550, 473, 405, 286, 601, 743, 450, 604, 815, 855, 722, 700, 896, 866, 952, 719, 558, 737, 885, 972, 650, 600], [440, 250, 270, 400, 175, 180, 200, 400, 600, 380, 340, 550, 650, 450, 400, 688, 650, 721, 500, 300, 445, 680, 568, 400, 371]],
users: [[545, 500, 650, 727, 773, 705, 686, 501, 643, 580, 604, 615, 755, 722, 727, 816, 836, 952, 719, 758, 937, 785, 872, 850, 800], [340, 360, 230, 250, 410, 430, 450, 200, 220, 540, 500, 250, 355, 320, 500, 630, 680, 500, 520, 550, 750, 720, 700, 780, 750]],
deals: [[545, 400, 450, 627, 473, 450, 460, 780, 770, 800, 504, 550, 500, 530, 727, 716, 736, 820, 719, 758, 737, 885, 872, 850, 800], [245, 300, 450, 427, 273, 250, 260, 580, 570, 500, 402, 450, 400, 330, 527, 516, 536, 620, 519, 558, 537, 483, 472, 250, 300]],
profit: [[545, 400, 450, 627, 673, 605, 686, 501, 843, 518, 504, 715, 955, 622, 627, 716, 736, 952, 619, 558, 937, 785, 872, 550, 400], [340, 360, 330, 300, 410, 380, 450, 400, 420, 240, 200, 250, 355, 320, 500, 630, 680, 400, 420, 450, 650, 620, 700, 450, 340]]
}
};
var tooltipFormatter = function tooltipFormatter(params) {
return "\n \n
\n
\n $").concat(params[0].data, " \n \n $").concat(params[1].data, " \n \n
\n
\n
\n ".concat(window.dayjs(params[0].axisValue).isValid() ? window.dayjs(params[0].axisValue).format('MMMM DD') : params[0].axisValue, "\n
\n ").concat(tooltipItem, "\n
\n ".concat(tooltipItem, "\n
");
};
var getDefaultOptions = function getDefaultOptions() {
return {
title: {
text: 'Sales over time',
textStyle: {
fontWeight: 500,
fontSize: 13,
fontFamily: 'poppins'
}
},
legend: {
show: false,
data: ['currentMonth', 'prevMonth']
},
color: utils.getColors().white,
tooltip: {
trigger: 'axis',
padding: [7, 10],
backgroundColor: utils.getGrays()['100'],
borderColor: utils.getGrays()['300'],
textStyle: {
color: utils.getGrays()['1100']
},
borderWidth: 1,
formatter: _tooltipFormatter2,
transitionDuration: 0,
position: function position(pos, params, dom, rect, size) {
return getPosition(pos, params, dom, rect, size);
}
},
xAxis: {
type: 'category',
data: dates(0),
boundaryGap: false,
axisPointer: {
lineStyle: {
color: utils.getGrays()['300'],
type: 'dashed'
}
},
axisLine: {
lineStyle: {
color: utils.getGrays()['300'],
type: 'solid'
}
},
axisTick: {
show: false
},
axisLabel: {
color: utils.getGrays()['400'],
formatter: function formatter(value) {
var date = new Date(value);
return "".concat(months[date.getMonth()].substring(0, 3), " ").concat(date.getDate());
},
margin: 15
},
splitLine: {
show: true,
lineStyle: {
color: utils.getGrays()['300'],
type: 'dashed'
}
}
},
yAxis: {
type: 'value',
axisPointer: {
show: false
},
splitLine: {
lineStyle: {
color: utils.getGrays()['300']
}
},
boundaryGap: false,
axisLabel: {
show: true,
color: utils.getGrays()['400'],
margin: 15
},
axisTick: {
show: false
},
axisLine: {
show: false
}
},
series: [{
name: 'prevMonth',
type: 'line',
data: monthsnumber[0],
lineStyle: {
color: utils.getGrays()['300']
},
itemStyle: {
borderColor: utils.getGrays()['300'],
borderWidth: 2
},
symbol: 'none',
smooth: false,
hoverAnimation: true
}, {
name: 'currentMonth',
type: 'line',
data: monthsnumber[1],
lineStyle: {
color: utils.getColors().primary
},
itemStyle: {
borderColor: utils.getColors().primary,
borderWidth: 2
},
symbol: 'none',
smooth: false,
hoverAnimation: true
}],
grid: {
right: '8px',
left: '40px',
bottom: '15%',
top: '20%'
}
};
};
echartSetOption(chart, userOptions, getDefaultOptions);
// Change chart options accordiong to the selected month
var monthSelect = document.querySelector(SELECT_MONTH);
var month = 0;
var currentMonthData = monthsnumber[Number(month) + 1];
var prevMonthData = monthsnumber[monthSelect.selectedIndex];
monthSelect.addEventListener('change', function (e) {
month = e.currentTarget.value;
currentMonthData = monthsnumber[Number(month) + 1];
prevMonthData = monthsnumber[month];
$legendCurrentMonth.querySelector('.text').innerText = months[month];
$legendPrevMonth.querySelector('.text').innerText = months[month - 1] ? months[month - 1] : 'Dec';
chart.setOption({
xAxis: {
data: dates(month)
},
series: [{
data: currentMonthData
}, {
data: prevMonthData
}]
});
});
$legendCurrentMonth.addEventListener('click', function () {
$legendCurrentMonth.classList.toggle('opacity-50');
chart.dispatchAction({
type: 'legendToggleSelect',
name: 'currentMonth'
});
});
$legendPrevMonth.addEventListener('click', function () {
$legendPrevMonth.classList.toggle('opacity-50');
chart.dispatchAction({
type: 'legendToggleSelect',
name: 'prevMonth'
});
});
}
};
/* -------------------------------------------------------------------------- */
/* Traffic Channels */
/* -------------------------------------------------------------------------- */
var leadConversionInit = function leadConversionInit() {
var $leadConversion = document.querySelector('.echart-lead-conversion');
if ($leadConversion) {
var userOptions = utils.getData($leadConversion, 'options');
var chart = window.echarts.init($leadConversion);
var getDefaultOptions = function getDefaultOptions() {
return {
color: [utils.rgbaColor(utils.getColors().primary, 0.7), utils.rgbaColor(utils.getColors().info, 0.6), utils.rgbaColor(utils.getColors().secondary, 0.2), utils.rgbaColor(utils.getColors().warning, 0.6)],
legend: {
data: ['Campaigns', 'Lead', 'Opportunity', 'Deal'],
left: '0%',
icon: 'circle',
inactiveColor: utils.getGrays()['400'],
textStyle: {
color: utils.getGrays()['700']
},
itemGap: 10
},
yAxis: {
type: 'category',
data: ['kerry Ingram', 'Bradie Pitter', 'Harrington', 'Ashley Shaw', 'Jenny Horas', 'Chris Pratt'],
axisLine: {
show: false
},
boundaryGap: false,
splitLine: {
lineStyle: {
color: utils.getGrays()['200']
}
},
axisTick: {
show: false
},
axisLabel: {
color: utils.getGrays()['600']
}
},
xAxis: {
type: 'value',
splitLine: {
lineStyle: {
color: utils.getGrays()['200']
}
},
axisLine: {
show: false
},
axisTick: {
show: false
},
axisLabel: {
show: false
}
},
tooltip: {
trigger: 'axis',
padding: [7, 10],
axisPointer: {
type: 'none'
},
backgroundColor: utils.getGrays()['100'],
borderColor: utils.getGrays()['300'],
textStyle: {
color: utils.getGrays()['1100']
},
borderWidth: 1,
transitionDuration: 0,
position: function position(pos, params, dom, rect, size) {
return getPosition(pos, params, dom, rect, size);
},
formatter: tooltipFormatter
},
series: [{
name: 'Campaigns',
type: 'bar',
stack: 'total',
data: [1405, 1300, 1620, 1430, 1500, 1520],
barWidth: '20%'
}, {
name: 'Lead',
type: 'bar',
stack: 'total',
data: [320, 302, 301, 334, 340, 390],
barWidth: '20%'
}, {
name: 'Opportunity',
type: 'bar',
stack: 'total',
data: [220, 182, 351, 234, 290, 300],
barWidth: '20%'
}, {
name: 'Deal',
type: 'bar',
stack: 'total',
data: [120, 182, 191, 134, 190, 170],
barWidth: '20%'
}],
grid: {
right: 5,
left: 5,
bottom: 8,
top: 60,
containLabel: true
}
};
};
echartSetOption(chart, userOptions, getDefaultOptions);
}
};
/* -------------------------------------------------------------------------- */
/* Echarts Line Payment */
/* -------------------------------------------------------------------------- */
var linePaymentChartInit = function linePaymentChartInit() {
var $echartsLinePaymentChart = document.querySelector('.echart-line-payment');
var dataset = {
all: [4, 1, 6, 2, 7, 12, 4, 6, 5, 4, 5, 10],
successful: [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5, 8],
failed: [1, 0, 2, 1, 2, 1, 1, 0, 0, 1, 0, 2]
};
var labels = ['9:00 AM', '10:00 AM', '11:00 AM', '12:00 PM', '1:00 PM', '2:00 PM', '3:00 PM', '4:00 PM', '5:00 PM', '6:00 PM', '7:00 PM', '8:00 PM'];
if ($echartsLinePaymentChart) {
var userOptions = utils.getData($echartsLinePaymentChart, 'options');
var chart = window.echarts.init($echartsLinePaymentChart);
var getDefaultOptions = function getDefaultOptions() {
return {
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'none'
},
padding: [7, 10],
backgroundColor: utils.getGrays()['100'],
borderColor: utils.getGrays()['300'],
borderWidth: 1,
transitionDuration: 0,
formatter: function formatter(params) {
return "".concat(params[0].axisValue, " - ").concat(params[0].value, " USD");
},
textStyle: {
fontWeight: 500,
fontSize: 12,
color: utils.getGrays()['1100']
}
},
xAxis: {
type: 'category',
data: labels,
splitLine: {
show: true,
lineStyle: {
color: utils.rgbaColor('#fff', 0.1)
},
interval: 0
},
axisLine: {
lineStyle: {
color: utils.rgbaColor('#fff', 0.1)
}
},
axisTick: {
show: true,
length: 10,
lineStyle: {
color: utils.rgbaColor('#fff', 0.1)
}
},
axisLabel: {
color: utils.getGrays()['400'],
fontWeight: 600,
formatter: function formatter(value) {
return value.substring(0, value.length - 3);
},
fontSize: 12,
interval: window.innerWidth < 768 ? 'auto' : 0,
margin: 15
},
boundaryGap: false
},
yAxis: {
type: 'value',
axisPointer: {
show: false
},
splitLine: {
show: false
},
axisLabel: {
show: false
},
axisTick: {
show: false
},
axisLine: {
show: false
}
},
series: [{
type: 'line',
smooth: true,
data: dataset.successful.map(function (d) {
return (d * 3.14).toFixed(2);
}),
symbol: 'emptyCircle',
itemStyle: {
color: localStorage.getItem('theme') === 'light' ? utils.getColors().white : utils.getColors().primary
},
lineStyle: {
color: localStorage.getItem('theme') === 'light' ? utils.rgbaColor(utils.getColors().white, 0.8) : utils.getColors().primary
},
areaStyle: {
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [{
offset: 0,
color: localStorage.getItem('theme') === 'light' ? 'rgba(255, 255, 255, 0.5)' : utils.rgbaColor(utils.getColors().primary, 0.5)
}, {
offset: 1,
color: localStorage.getItem('theme') === 'light' ? 'rgba(255, 255, 255, 0)' : utils.rgbaColor(utils.getColors().primary, 0)
}]
}
},
emphasis: {
lineStyle: {
width: 2
}
}
}],
grid: {
right: 15,
left: 15,
bottom: '15%',
top: 0
}
};
};
echartSetOption(chart, userOptions, getDefaultOptions);
utils.resize(function () {
if (window.innerWidth < 768) {
chart.setOption({
xAxis: {
axisLabel: {
interval: 'auto'
}
}
});
}
});
var selectMenu = document.querySelector('#dashboard-chart-select');
if (selectMenu) {
selectMenu.addEventListener('change', function (e) {
var value = e.currentTarget.value;
chart.setOption({
series: [{
data: dataset[value].map(function (d) {
return (d * 3.14).toFixed(2);
})
}]
});
});
}
}
};
/* -------------------------------------------------------------------------- */
/* Session By Country Map */
/* -------------------------------------------------------------------------- */
var locationBySessionInit = function locationBySessionInit() {
var $locationBySessionMap = document.querySelector('.echart-location-by-session-map');
var data = [{
name: 'Afghanistan',
value: 28397.812
}, {
name: 'Angola',
value: 19549.124
}, {
name: 'Albania',
value: 3150.143
}, {
name: 'United Arab Emirates',
value: 8441.537
}, {
name: 'Argentina',
value: 40374.224
}, {
name: 'Armenia',
value: 2963.496
}, {
name: 'French Southern and Antarctic Lands',
value: 268.065
}, {
name: 'Australia',
value: 22404.488
}, {
name: 'Austria',
value: 8401.924
}, {
name: 'Azerbaijan',
value: 9094.718
}, {
name: 'Burundi',
value: 9232.753
}, {
name: 'Belgium',
value: 10941.288
}, {
name: 'Benin',
value: 9509.798
}, {
name: 'Burkina Faso',
value: 15540.284
}, {
name: 'Bangladesh',
value: 151125.475
}, {
name: 'Bulgaria',
value: 7389.175
}, {
name: 'The Bahamas',
value: 66402.316
}, {
name: 'Bosnia and Herzegovina',
value: 3845.929
}, {
name: 'Belarus',
value: 9491.07
}, {
name: 'Belize',
value: 308.595
}, {
name: 'Bermuda',
value: 64.951
}, {
name: 'Bolivia',
value: 716.939
}, {
name: 'Brazil',
value: 195210.154
}, {
name: 'Brunei',
value: 27.223
}, {
name: 'Bhutan',
value: 716.939
}, {
name: 'Botswana',
value: 1969.341
}, {
name: 'Central African Rep.',
value: 4349.921
}, {
name: 'Canada',
value: 34126.24
}, {
name: 'Switzerland',
value: 7830.534
}, {
name: 'Chile',
value: 17150.76
}, {
name: 'China',
value: 1359821.465
}, {
name: "Côte d'Ivoire",
value: 60508.978
}, {
name: 'Cameroon',
value: 20624.343
}, {
name: 'Dem. Rep. Congo',
value: 62191.161
}, {
name: 'Congo',
value: 3573.024
}, {
name: 'Colombia',
value: 46444.798
}, {
name: 'Costa Rica',
value: 4669.685
}, {
name: 'Cuba',
value: 11281.768
}, {
name: 'Northern Cyprus',
value: 1.468
}, {
name: 'Cyprus',
value: 1103.685
}, {
name: 'Czech Republic',
value: 10553.701
}, {
name: 'Germany',
value: 83017.404
}, {
name: 'Djibouti',
value: 834.036
}, {
name: 'Denmark',
value: 5550.959
}, {
name: 'Dominican Republic',
value: 10016.797
}, {
name: 'Algeria',
value: 37062.82
}, {
name: 'Ecuador',
value: 15001.072
}, {
name: 'Egypt',
value: 78075.705
}, {
name: 'Eritrea',
value: 5741.159
}, {
name: 'Spain',
value: 46182.038
}, {
name: 'Estonia',
value: 1298.533
}, {
name: 'Ethiopia',
value: 87095.281
}, {
name: 'Finland',
value: 5367.693
}, {
name: 'Fiji',
value: 860.559
}, {
name: 'Falkland Islands',
value: 49.581
}, {
name: 'France',
value: 63230.866
}, {
name: 'Gabon',
value: 1556.222
}, {
name: 'United Kingdom',
value: 62066.35
}, {
name: 'Georgia',
value: 4388.674
}, {
name: 'Ghana',
value: 24262.901
}, {
name: 'Eq. Guinea',
value: 10876.033
}, {
name: 'Guinea',
value: 10876.033
}, {
name: 'Gambia',
value: 1680.64
}, {
name: 'Guinea Bissau',
value: 10876.033
}, {
name: 'Equatorial Guinea',
value: 696.167
}, {
name: 'Greece',
value: 11109.999
}, {
name: 'Greenland',
value: 56.546
}, {
name: 'Guatemala',
value: 14341.576
}, {
name: 'French Guiana',
value: 231.169
}, {
name: 'Guyana',
value: 786.126
}, {
name: 'Honduras',
value: 7621.204
}, {
name: 'Croatia',
value: 4338.027
}, {
name: 'Haiti',
value: 9896.4
}, {
name: 'Hungary',
value: 10014.633
}, {
name: 'Indonesia',
value: 240676.485
}, {
name: 'India',
value: 1205624.648
}, {
name: 'Ireland',
value: 4467.561
}, {
name: 'Iran',
value: 240676.485
}, {
name: 'Iraq',
value: 30962.38
}, {
name: 'Iceland',
value: 318.042
}, {
name: 'Israel',
value: 7420.368
}, {
name: 'Italy',
value: 60508.978
}, {
name: 'Jamaica',
value: 2741.485
}, {
name: 'Jordan',
value: 6454.554
}, {
name: 'Japan',
value: 127352.833
}, {
name: 'Kazakhstan',
value: 15921.127
}, {
name: 'Kenya',
value: 40909.194
}, {
name: 'Kyrgyzstan',
value: 5334.223
}, {
name: 'Cambodia',
value: 14364.931
}, {
name: 'South Korea',
value: 51452.352
}, {
name: 'Kosovo',
value: 97.743
}, {
name: 'Kuwait',
value: 2991.58
}, {
name: 'Laos',
value: 6395.713
}, {
name: 'Lebanon',
value: 4341.092
}, {
name: 'Liberia',
value: 3957.99
}, {
name: 'Libya',
value: 6040.612
}, {
name: 'Sri Lanka',
value: 20758.779
}, {
name: 'Lesotho',
value: 2008.921
}, {
name: 'Lithuania',
value: 3068.457
}, {
name: 'Luxembourg',
value: 507.885
}, {
name: 'Latvia',
value: 2090.519
}, {
name: 'Morocco',
value: 31642.36
}, {
name: 'Moldova',
value: 103.619
}, {
name: 'Madagascar',
value: 21079.532
}, {
name: 'Mexico',
value: 117886.404
}, {
name: 'Macedonia',
value: 507.885
}, {
name: 'Mali',
value: 13985.961
}, {
name: 'Myanmar',
value: 51931.231
}, {
name: 'Montenegro',
value: 620.078
}, {
name: 'Mongolia',
value: 2712.738
}, {
name: 'Mozambique',
value: 23967.265
}, {
name: 'Mauritania',
value: 3609.42
}, {
name: 'Malawi',
value: 15013.694
}, {
name: 'Malaysia',
value: 28275.835
}, {
name: 'Namibia',
value: 2178.967
}, {
name: 'New Caledonia',
value: 246.379
}, {
name: 'Niger',
value: 15893.746
}, {
name: 'Nigeria',
value: 159707.78
}, {
name: 'Nicaragua',
value: 5822.209
}, {
name: 'Netherlands',
value: 16615.243
}, {
name: 'Norway',
value: 4891.251
}, {
name: 'Nepal',
value: 26846.016
}, {
name: 'New Zealand',
value: 4368.136
}, {
name: 'Oman',
value: 2802.768
}, {
name: 'Pakistan',
value: 173149.306
}, {
name: 'Panama',
value: 3678.128
}, {
name: 'Peru',
value: 29262.83
}, {
name: 'Philippines',
value: 93444.322
}, {
name: 'Papua New Guinea',
value: 6858.945
}, {
name: 'Poland',
value: 38198.754
}, {
name: 'Puerto Rico',
value: 3709.671
}, {
name: 'North Korea',
value: 1.468
}, {
name: 'Portugal',
value: 10589.792
}, {
name: 'Paraguay',
value: 6459.721
}, {
name: 'Qatar',
value: 1749.713
}, {
name: 'Romania',
value: 21861.476
}, {
name: 'Russia',
value: 21861.476
}, {
name: 'Rwanda',
value: 10836.732
}, {
name: 'Western Sahara',
value: 514.648
}, {
name: 'Saudi Arabia',
value: 27258.387
}, {
name: 'Sudan',
value: 35652.002
}, {
name: 'S. Sudan',
value: 9940.929
}, {
name: 'Senegal',
value: 12950.564
}, {
name: 'Solomon Islands',
value: 526.447
}, {
name: 'Sierra Leone',
value: 5751.976
}, {
name: 'El Salvador',
value: 6218.195
}, {
name: 'Somaliland',
value: 9636.173
}, {
name: 'Somalia',
value: 9636.173
}, {
name: 'Republic of Serbia',
value: 3573.024
}, {
name: 'Suriname',
value: 524.96
}, {
name: 'Slovakia',
value: 5433.437
}, {
name: 'Slovenia',
value: 2054.232
}, {
name: 'Sweden',
value: 9382.297
}, {
name: 'Swaziland',
value: 1193.148
}, {
name: 'Syria',
value: 7830.534
}, {
name: 'Chad',
value: 11720.781
}, {
name: 'Togo',
value: 6306.014
}, {
name: 'Thailand',
value: 66402.316
}, {
name: 'Tajikistan',
value: 7627.326
}, {
name: 'Turkmenistan',
value: 5041.995
}, {
name: 'East Timor',
value: 10016.797
}, {
name: 'Trinidad and Tobago',
value: 1328.095
}, {
name: 'Tunisia',
value: 10631.83
}, {
name: 'Turkey',
value: 72137.546
}, {
name: 'Tanzania',
value: 44973.33
}, {
name: 'Uganda',
value: 33987.213
}, {
name: 'Ukraine',
value: 46050.22
}, {
name: 'Uruguay',
value: 3371.982
}, {
name: 'United States',
value: 312247.116
}, {
name: 'Uzbekistan',
value: 27769.27
}, {
name: 'Venezuela',
value: 236.299
}, {
name: 'Vietnam',
value: 89047.397
}, {
name: 'Vanuatu',
value: 236.299
}, {
name: 'West Bank',
value: 13.565
}, {
name: 'Yemen',
value: 22763.008
}, {
name: 'South Africa',
value: 51452.352
}, {
name: 'Zambia',
value: 13216.985
}, {
name: 'Zimbabwe',
value: 13076.978
}];
var total = 6961500;
var maxZoomLevel = 5;
var minZoomLevel = 1;
if ($locationBySessionMap) {
var _document$querySelect2, _document$querySelect3, _document$querySelect4;
var userOptions = utils.getData($locationBySessionMap, 'options');
var chart = window.echarts.init($locationBySessionMap);
var getDefaultOptions = function getDefaultOptions() {
return {
tooltip: {
trigger: 'item',
padding: [7, 10],
backgroundColor: utils.getGrays()['100'],
borderColor: utils.getGrays()['300'],
textStyle: {
color: utils.getGrays()['1100']
},
borderWidth: 1,
transitionDuration: 0,
formatter: function formatter(params) {
var _params$data, _params$data2;
return "".concat((_params$data = params.data) === null || _params$data === void 0 ? void 0 : _params$data.name, " : ").concat((((_params$data2 = params.data) === null || _params$data2 === void 0 ? void 0 : _params$data2.value) / total * 100).toFixed(2), "%");
}
},
visualMap: {
show: false,
min: 800,
max: 50000,
inRange: {
color: [utils.getColors().primary, utils.rgbaColor(utils.getColors().primary, 0.8), utils.rgbaColor(utils.getColors().primary, 0.6), utils.rgbaColor(utils.getColors().primary, 0.4), utils.rgbaColor(utils.getColors().primary, 0.2)].reverse()
}
},
series: [{
type: 'map',
map: 'world',
data: data,
roam: 'move',
scaleLimit: {
min: minZoomLevel,
max: maxZoomLevel
},
left: 0,
right: 0,
label: {
show: false
},
itemStyle: {
borderColor: utils.getGrays()['300']
},
emphasis: {
label: {
show: false
},
itemStyle: {
areaColor: utils.getColor('warning')
}
}
}]
};
};
echartSetOption(chart, userOptions, getDefaultOptions);
var zoomLevel = 1;
(_document$querySelect2 = document.querySelector('.location-by-session-map-reset')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.addEventListener('click', function () {
zoomLevel = 1;
chart.dispatchAction({
type: 'restore'
});
chart.setOption({
series: {
zoom: 1
}
});
});
(_document$querySelect3 = document.querySelector('.location-by-session-map-zoom')) === null || _document$querySelect3 === void 0 ? void 0 : _document$querySelect3.addEventListener('click', function () {
if (zoomLevel < maxZoomLevel) {
zoomLevel += 1;
}
chart.setOption({
series: {
zoom: zoomLevel
}
});
});
(_document$querySelect4 = document.querySelector('.location-by-session-map-zoomOut')) === null || _document$querySelect4 === void 0 ? void 0 : _document$querySelect4.addEventListener('click', function () {
if (zoomLevel > minZoomLevel) {
zoomLevel -= 1;
}
chart.setOption({
series: {
zoom: zoomLevel
}
});
});
}
};
/* -------------------------------------------------------------------------- */
/* Product Share */
/* -------------------------------------------------------------------------- */
var marketShareEcommerceInit = function marketShareEcommerceInit() {
var ECHART_PRODUCT_SHARE = '.echart-product-share';
var $echartProductShare = document.querySelector(ECHART_PRODUCT_SHARE);
if ($echartProductShare) {
var userOptions = utils.getData($echartProductShare, 'options');
var chart = window.echarts.init($echartProductShare);
var getDefaultOptions = function getDefaultOptions() {
return {
color: [utils.getColors().primary, utils.getColors().info, utils.getColors().warning],
tooltip: {
trigger: 'item',
padding: [7, 10],
backgroundColor: utils.getGrays()['100'],
borderColor: utils.getGrays()['300'],
textStyle: {
color: utils.getGrays()['1100']
},
borderWidth: 1,
transitionDuration: 0,
formatter: function formatter(params) {
return "".concat(params.data.name, ": ").concat(params.percent, "%");
}
},
position: function position(pos, params, dom, rect, size) {
return getPosition(pos, params, dom, rect, size);
},
legend: {
show: false
},
series: [{
type: 'pie',
radius: ['100%', '80%'],
avoidLabelOverlap: false,
hoverAnimation: false,
itemStyle: {
borderWidth: 2,
borderColor: utils.getColor('gray-100')
},
label: {
normal: {
show: false,
position: 'center',
textStyle: {
fontSize: '20',
fontWeight: '500',
color: utils.getGrays()['700']
}
},
emphasis: {
show: false
}
},
labelLine: {
normal: {
show: false
}
},
data: [{
value: 5300000,
name: 'Falcon'
}, {
value: 1900000,
name: 'Sparrow'
}, {
value: 2000000,
name: 'Phoenix'
}]
}]
};
};
echartSetOption(chart, userOptions, getDefaultOptions);
}
};
/* -------------------------------------------------------------------------- */
/* Market Share */
/* -------------------------------------------------------------------------- */
var marketShareInit = function marketShareInit() {
var ECHART_MARKET_SHARE = '.echart-market-share';
var $echartMarketShare = document.querySelector(ECHART_MARKET_SHARE);
if ($echartMarketShare) {
var userOptions = utils.getData($echartMarketShare, 'options');
var chart = window.echarts.init($echartMarketShare);
var getDefaultOptions = function getDefaultOptions() {
return {
color: [utils.getColors().primary, utils.getColors().info, utils.getGrays()[300]],
tooltip: {
trigger: 'item',
padding: [7, 10],
backgroundColor: utils.getGrays()['100'],
borderColor: utils.getGrays()['300'],
textStyle: {
color: utils.getGrays()['1100']
},
borderWidth: 1,
transitionDuration: 0,
formatter: function formatter(params) {
return "".concat(params.data.name, ": ").concat(params.percent, "%");
}
},
position: function position(pos, params, dom, rect, size) {
return getPosition(pos, params, dom, rect, size);
},
legend: {
show: false
},
series: [{
type: 'pie',
radius: ['100%', '87%'],
avoidLabelOverlap: false,
hoverAnimation: false,
itemStyle: {
borderWidth: 2,
borderColor: utils.getColor('gray-100')
},
label: {
normal: {
show: false,
position: 'center',
textStyle: {
fontSize: '20',
fontWeight: '500',
color: utils.getGrays()['100']
}
},
emphasis: {
show: false
}
},
labelLine: {
normal: {
show: false
}
},
data: [{
value: 5300000,
name: 'Samsung'
}, {
value: 1900000,
name: 'Huawei'
}, {
value: 2000000,
name: 'Apple'
}]
}]
};
};
echartSetOption(chart, userOptions, getDefaultOptions);
}
};
/* -------------------------------------------------------------------------- */
/* Bandwidth Saved */
/* -------------------------------------------------------------------------- */
var marketingExpensesInit = function marketingExpensesInit() {
var $echartsMarketingExp = document.querySelector('.echart-marketing-expenses');
if ($echartsMarketingExp) {
var userOptions = utils.getData($echartsMarketingExp, 'options');
var chart = window.echarts.init($echartsMarketingExp);
var marketingExpenses = [{
value: 412600,
name: 'Offline Marketing',
itemStyle: {
color: utils.getColor('primary')
},
label: {
rich: {
per: {
color: '#1C4F93'
}
}
}
}, {
value: 641500,
name: 'Digital Marketing',
itemStyle: {
color: utils.rgbaColor(utils.getColor('info'), 0.35)
},
label: {
rich: {
per: {
color: '#1978A2'
}
}
}
}];
var detailedExpenses = [{
value: 91600,
name: 'Event Sponsorship',
itemStyle: {
color: utils.rgbaColor(utils.getColor('primary'), 0.4)
}
}, {
value: 183000,
name: 'Outrich Event',
itemStyle: {
color: utils.rgbaColor(utils.getColor('primary'), 0.6)
}
}, {
value: 138000,
name: 'Ad Campaign',
itemStyle: {
color: utils.rgbaColor(utils.getColor('primary'), 0.8)
}
}, {
value: 183000,
name: 'Social Media',
itemStyle: {
color: utils.rgbaColor(utils.getColor('info'), 0.2)
}
}, {
value: 45900,
name: 'Google Ads',
itemStyle: {
color: utils.rgbaColor(utils.getColor('info'), 0.35)
}
}, {
value: 138000,
name: 'Influencer Marketing',
itemStyle: {
color: utils.rgbaColor(utils.getColor('info'), 0.5)
}
}, {
value: 183000,
name: 'Email Marketing',
itemStyle: {
color: utils.rgbaColor(utils.getColor('info'), 0.7)
}
}, {
value: 91600,
name: 'Generate Backlinks',
itemStyle: {
color: utils.rgbaColor(utils.getColor('info'), 0.8)
}
}];
var getDefaultOptions = function getDefaultOptions() {
return {
tooltip: {
trigger: 'item',
backgroundColor: utils.getGrays()['100'],
textStyle: {
color: utils.getGrays()['1100']
},
formatter: '{b}".concat(params.data.name, ": ").concat(params.percent, "%");
}
},
position: function position(pos, params, dom, rect, size) {
return getPosition(pos, params, dom, rect, size);
},
legend: {
show: false
},
series: [{
type: 'pie',
radius: ['100%', '67%'],
avoidLabelOverlap: false,
hoverAnimation: false,
itemStyle: {
borderWidth: 2,
borderColor: utils.getColor('gray-100')
},
label: {
normal: {
show: false,
position: 'center',
textStyle: {
fontSize: '20',
fontWeight: '500',
color: utils.getGrays()['700']
}
},
emphasis: {
show: false
}
},
labelLine: {
normal: {
show: false
}
},
data: [{
value: 60,
name: 'Social'
}, {
value: 30,
name: 'Other'
}, {
value: 10,
name: 'Call'
}, {
value: 120,
name: 'Email'
}]
}]
};
};
echartSetOption(chart, userOptions, getDefaultOptions);
}
};
var echartsNumberOfTicketsInit = function echartsNumberOfTicketsInit() {
var $numberOfTickets = document.querySelector('.echart-number-of-tickets');
if ($numberOfTickets) {
var userOptions = utils.getData($numberOfTickets, 'options');
var chart = window.echarts.init($numberOfTickets);
var numberOfTicketsLegend = document.querySelectorAll('[data-number-of-tickets]');
var xAxisData = ['Mar 01', 'Mar 02', 'Mar 03', 'Mar 04', 'Mar 05', 'Mar 06'];
var data1 = [45, 35, 55, 55, 55, 45];
var data2 = [58, 42, 65, 65, 65, 30];
var data3 = [38, 25, 42, 42, 42, 45];
var data4 = [62, 45, 75, 75, 75, 55];
var emphasisStyle = {
itemStyle: {
shadowColor: utils.rgbaColor(utils.getColor('dark'), 0.3),
borderRadius: [5, 5, 5, 5]
}
};
var getDefaultOptions = function getDefaultOptions() {
return {
color: [utils.getColor('primary'), localStorage.getItem('theme') === 'dark' ? '#1E4C88' : '#94BCF1', localStorage.getItem('theme') === 'dark' ? '#1A3A64' : '#C0D8F7', localStorage.getItem('theme') === 'dark' ? '#225FAE' : '#6AA3ED'],
tooltip: {
trigger: 'item',
padding: [7, 10],
backgroundColor: utils.getGrays()['100'],
borderColor: utils.getGrays()['300'],
textStyle: {
color: utils.getGrays()['900']
},
borderWidth: 1,
transitionDuration: 0,
axisPointer: {
type: 'none'
}
},
legend: {
data: ['On Hold Tickets', 'Open Tickets', 'Due Tickets', 'Unassigned Tickets'],
show: false
},
xAxis: {
data: xAxisData,
splitLine: {
show: false
},
splitArea: {
show: false
},
axisLabel: {
color: utils.getGrays()['600']
},
axisLine: {
lineStyle: {
color: utils.getGrays()['300'],
type: 'dashed'
}
},
axisTick: {
show: false
}
},
yAxis: {
splitLine: {
lineStyle: {
color: utils.getGrays()['300'],
type: 'dashed'
}
},
axisLabel: {
color: utils.getGrays()['600']
}
},
series: [{
name: 'On Hold Tickets',
type: 'bar',
stack: 'one',
emphasis: emphasisStyle,
data: data1
}, {
name: 'Open Tickets',
type: 'bar',
stack: 'two',
emphasis: emphasisStyle,
data: data2
}, {
name: 'Due Tickets',
type: 'bar',
stack: 'three',
emphasis: emphasisStyle,
data: data3
}, {
name: 'Unassigned Tickets',
type: 'bar',
stack: 'four',
emphasis: emphasisStyle,
data: data4
}],
itemStyle: {
borderRadius: [3, 3, 0, 0]
},
barWidth: '12px',
grid: {
top: '10%',
bottom: 0,
left: 0,
right: 0,
containLabel: true
}
};
};
echartSetOption(chart, userOptions, getDefaultOptions);
numberOfTicketsLegend.forEach(function (el) {
el.addEventListener('change', function () {
chart.dispatchAction({
type: 'legendToggleSelect',
name: utils.getData(el, 'number-of-tickets')
});
});
});
}
};
/* -------------------------------------------------------------------------- */
/* Echarts Real Time Users */
/* -------------------------------------------------------------------------- */
var realTimeUsersChartInit = function realTimeUsersChartInit() {
var $echartsRealTimeUsers = document.querySelector('.echart-real-time-users');
if ($echartsRealTimeUsers) {
var userOptions = utils.getData($echartsRealTimeUsers, 'options');
var chart = window.echarts.init($echartsRealTimeUsers);
var data = [921, 950, 916, 913, 909, 962, 926, 936, 977, 976, 999, 981, 998, 1000, 900, 906, 973, 911, 994, 982, 917, 972, 952, 963, 991];
var axisData = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25];
var _tooltipFormatter3 = function _tooltipFormatter3(params) {
return "\n \n
".concat(params.seriesName, "
").concat(params.name, ": ").concat(params.value[params.componentIndex + 1], "
");
}
},
legend: {
show: false
},
xAxis: {
type: 'category',
axisLabel: {
color: utils.getGrays()['400']
},
axisLine: {
lineStyle: {
color: utils.getGrays()['300'],
type: 'dashed'
}
},
axisTick: false,
boundaryGap: true
},
yAxis: {
axisPointer: {
type: 'none'
},
axisTick: 'none',
splitLine: {
lineStyle: {
color: utils.getGrays()['300'],
type: 'dashed'
}
},
axisLine: {
show: false
},
axisLabel: {
color: utils.getGrays()['400'],
formatter: function formatter(value) {
return "".concat(value, " hr");
}
}
},
series: [{
type: 'bar',
name: '',
barWidth: '12%',
barGap: '30%',
label: {
normal: {
show: false
}
},
z: 10,
itemStyle: {
normal: {
barBorderRadius: [10, 10, 0, 0],
color: utils.getColors().primary
}
}
}, {
type: 'bar',
barWidth: '12%',
barGap: '30%',
label: {
normal: {
show: false
}
},
itemStyle: {
normal: {
barBorderRadius: [4, 4, 0, 0],
color: utils.getGrays()[300]
}
}
}],
grid: {
right: '0',
left: '40px',
bottom: '10%',
top: '15%'
}
};
};
legendLastWeek && legendLastWeek.addEventListener('click', function () {
legendLastWeek.classList.toggle('opacity-50');
chart.dispatchAction({
type: 'legendToggleSelect',
name: 'Last Week'
});
});
legendThisWeek && legendThisWeek.addEventListener('click', function () {
legendThisWeek.classList.toggle('opacity-50');
chart.dispatchAction({
type: 'legendToggleSelect',
name: 'This Week'
});
});
echartSetOption(chart, userOptions, getDefaultOptions);
}
};
/* -------------------------------------------------------------------------- */
/* Echarts Line Returing Customer Rate */
/* -------------------------------------------------------------------------- */
var returningCustomerRateInit = function returningCustomerRateInit() {
var ECHART_LINE_RETURNING_CUSTOMER_RATE = '.echart-line-returning-customer-rate';
var $echartsLineReturningCustomerRate = document.querySelector(ECHART_LINE_RETURNING_CUSTOMER_RATE);
var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
if ($echartsLineReturningCustomerRate) {
// Get options from data attribute
var userOptions = utils.getData($echartsLineReturningCustomerRate, 'options');
var LEGEND_MONTH_TARGET = userOptions.target;
var SELECT_MONTH = "#".concat(userOptions.monthSelect);
var LEGEND_NEW_MONTH = "#".concat(userOptions.optionOne);
var LEGEND_RETURNING_MONTH = "#".concat(userOptions.optionTwo);
var $legendNewMonth = document.getElementById(LEGEND_MONTH_TARGET).querySelector(LEGEND_NEW_MONTH);
var $legendReturningMonth = document.getElementById(LEGEND_MONTH_TARGET).querySelector(LEGEND_RETURNING_MONTH);
var chart = window.echarts.init($echartsLineReturningCustomerRate);
var monthNumbers = [[20, 40, 20, 80, 50, 80, 120, 80, 50, 120, 110, 110], [60, 80, 60, 80, 65, 130, 120, 100, 30, 40, 30, 70], [100, 70, 80, 50, 120, 100, 130, 140, 90, 100, 40, 50], [80, 50, 60, 40, 60, 120, 100, 130, 60, 80, 50, 60], [70, 80, 100, 70, 90, 60, 80, 130, 40, 60, 50, 80], [90, 40, 80, 80, 100, 140, 100, 130, 90, 60, 70, 50], [80, 60, 80, 60, 40, 100, 120, 100, 30, 40, 30, 70], [20, 40, 20, 50, 70, 60, 110, 80, 90, 30, 50, 50], [60, 70, 30, 40, 80, 140, 80, 140, 120, 130, 100, 110], [90, 90, 40, 60, 40, 110, 90, 110, 60, 80, 60, 70], [50, 80, 50, 80, 50, 80, 120, 80, 50, 120, 110, 110], [60, 90, 60, 70, 40, 70, 100, 140, 30, 40, 30, 70], [20, 40, 20, 50, 30, 80, 120, 100, 30, 40, 30, 70]];
var dates = function dates(month) {
return utils.getDates(window.dayjs().month(month).date(1), window.dayjs().month(Number(month) + 1).date(0), 1000 * 60 * 60 * 24 * 3);
};
var getDefaultOptions = function getDefaultOptions() {
return {
title: {
text: 'Customers',
textStyle: {
fontWeight: 500,
fontSize: 13,
fontFamily: 'poppins',
color: utils.getColor('gray-900')
}
},
legend: {
show: false,
data: ['New', 'Returning']
},
tooltip: {
trigger: 'axis',
padding: [7, 10],
backgroundColor: utils.getGrays()['100'],
borderColor: utils.getGrays()['300'],
textStyle: {
color: utils.getGrays()['1100']
},
borderWidth: 1,
transitionDuration: 0,
position: function position(pos, params, dom, rect, size) {
return getPosition(pos, params, dom, rect, size);
},
formatter: tooltipFormatter
},
xAxis: {
type: 'category',
data: dates(0),
boundaryGap: false,
axisPointer: {
lineStyle: {
color: utils.getColor('gray-300'),
type: 'dashed'
}
},
axisLine: {
lineStyle: {
color: utils.getColor('gray-300'),
type: 'solid'
}
},
axisTick: {
show: false
},
axisLabel: {
color: utils.getColor('gray-400'),
formatter: function formatter(value) {
var date = new Date(value);
if (date.getDate() === 1) {
return "".concat(months[date.getMonth()].substring(0, 3), " ").concat(date.getDate());
}
return "".concat(date.getDate());
},
margin: 15
},
splitLine: {
show: true,
lineStyle: {
color: utils.getGrays()['300'],
type: 'dashed'
}
}
},
yAxis: {
type: 'value',
axisPointer: {
show: false
},
splitLine: {
lineStyle: {
color: utils.getGrays()['300']
}
},
boundaryGap: false,
axisLabel: {
show: true,
color: utils.getGrays()['400'],
margin: 15
},
axisTick: {
show: false
},
axisLine: {
show: false
}
},
series: [{
name: 'New',
type: 'line',
data: monthNumbers[1],
lineStyle: {
color: utils.getColors().primary
},
itemStyle: {
borderColor: utils.getColors().primary,
borderWidth: 2
},
areaStyle: {
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [{
offset: 0,
color: utils.rgbaColor(utils.getColor('primary'), 0.2)
}, {
offset: 1,
color: utils.rgbaColor(utils.getColor('primary'), 0.01)
}]
}
},
symbol: 'none',
smooth: false,
hoverAnimation: true
}, {
name: 'Returning',
type: 'line',
data: monthNumbers[0],
lineStyle: {
color: utils.getColor('warning')
},
itemStyle: {
borderColor: utils.getColor('warning'),
borderWidth: 2
},
areaStyle: {
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [{
offset: 0,
color: utils.rgbaColor(utils.getColor('warning'), 0.2)
}, {
offset: 1,
color: utils.rgbaColor(utils.getColor('warning'), 0.01)
}]
}
},
symbol: 'none',
smooth: false,
hoverAnimation: true
}],
grid: {
right: '7px',
left: '35px',
bottom: '8%',
top: '15%'
}
};
};
echartSetOption(chart, userOptions, getDefaultOptions);
// Change chart options accordiong to the selected month
var monthSelect = document.querySelector(SELECT_MONTH);
monthSelect.addEventListener('change', function (e) {
var month = e.currentTarget.value;
var dataNewMonth = monthNumbers[Number(month) + 1];
var dataReturningMonth = monthNumbers[month];
chart.setOption({
xAxis: {
data: dates(month)
},
series: [{
data: dataNewMonth
}, {
data: dataReturningMonth
}]
});
});
$legendNewMonth.addEventListener('click', function () {
$legendNewMonth.classList.toggle('opacity-50');
chart.dispatchAction({
type: 'legendToggleSelect',
name: 'New'
});
});
$legendReturningMonth.addEventListener('click', function () {
$legendReturningMonth.classList.toggle('opacity-50');
chart.dispatchAction({
type: 'legendToggleSelect',
name: 'Returning'
});
});
}
};
/* -------------------------------------------------------------------------- */
/* Echarts Sales Pos Location */
/* -------------------------------------------------------------------------- */
var salesByPosLocationInit = function salesByPosLocationInit() {
var ECHART_RADAR_SALES_BY_POS_LOCATION = '.echart-radar-sales-by-pos-location';
// eslint-disable-next-line
var $echartsRadarSalesByPosLocation = document.querySelector(ECHART_RADAR_SALES_BY_POS_LOCATION);
function getformatter(params) {
//const indicators = ['Marketing','Sales', 'Dev', 'Support', 'Tech', 'Admin']
return " ".concat(params.name, " \n \n Marketing : ").concat(params.value[0], " Sales : ").concat(params.value[1], " Dev : ").concat(params.value[2], " Support : ").concat(params.value[3], " Tech : ").concat(params.value[4], " Admin : ").concat(params.value[5], "
");
}
if ($echartsRadarSalesByPosLocation) {
// Get options from data attribute
var userOptions = utils.getData($echartsRadarSalesByPosLocation, 'options');
var chart = window.echarts.init($echartsRadarSalesByPosLocation);
var getDefaultOptions = function getDefaultOptions() {
return {
tooltip: {
trigger: 'item',
padding: [7, 10],
backgroundColor: utils.getColor('gray-100'),
borderColor: utils.getColor('gray-300'),
textStyle: {
color: utils.getGrays()['1100']
},
borderWidth: 1,
transitionDuration: 0,
formatter: getformatter
},
radar: {
splitNumber: 7,
radius: '75%',
axisLine: {
show: true,
symbol: 'circle',
symbolSize: [13, 13],
lineStyle: {
color: {
type: 'radial',
x: 0.5,
y: 0.5,
r: 0.5,
colorStops: [{
offset: 0.7,
color: utils.getColor('gray-100')
}, {
offset: 1,
color: utils.getColor('gray-400')
}]
}
}
},
splitArea: {
show: false
},
splitLine: {
lineStyle: {
color: utils.getColor('gray-300')
}
},
name: {
textStyle: {
color: utils.getColor('gray-600'),
fontWeight: 500
}
},
indicator: [{
name: 'Marketing',
max: 70
}, {
name: 'Admin',
max: 70
}, {
name: 'Tech',
max: 70
}, {
name: 'Support',
max: 70
}, {
name: 'Dev',
max: 70
}, {
name: 'Sales',
max: 70
}]
},
series: [{
name: 'Budget vs spending',
type: 'radar',
symbol: 'pin',
data: [{
value: [20, 50, 60, 50, 60, 60],
name: 'Budget',
itemStyle: {
color: utils.rgbaColor(utils.getColors().warning, 0.5)
},
areaStyle: {
color: utils.rgbaColor(utils.getColors().warning, 0.24)
},
symbol: 'circle',
symbolSize: 8
}, {
value: [40, 60, 30, 15, 60, 35],
name: 'Spending',
areaStyle: {
color: utils.rgbaColor(utils.getColors().primary, 0.24)
},
symbol: 'circle',
symbolSize: 8,
itemStyle: {
color: utils.rgbaColor(utils.getColors().primary)
}
}]
}],
grid: {
top: 0,
bottom: '100px'
}
};
};
echartSetOption(chart, userOptions, getDefaultOptions);
}
};
var echartsSatisfactionSurveyInit = function echartsSatisfactionSurveyInit() {
var $satisfactionSurvey = document.querySelector('.echart-satisfaction-survey');
if ($satisfactionSurvey) {
var userOptions = utils.getData($satisfactionSurvey, 'options');
var chart = window.echarts.init($satisfactionSurvey);
var xAxisData = ['05 April', '06 April', '07 April', '08 April', '09 April', '10 April', '11 April', '12 April', '13 April', '14 April', '15 April'];
var data1 = [98, 105, 65, 110, 75, 55, 95, 75, 90, 45, 70];
var data2 = [80, 60, 78, 58, 65, 65, 75, 110, 40, 60, 60];
var emphasisStyle1 = {
itemStyle: {
shadowColor: utils.rgbaColor(utils.getColor('dark'), 0.3),
color: utils.rgbaColor(utils.getColor('primary'), 0.8)
}
};
var emphasisStyle2 = {
itemStyle: {
shadowColor: utils.rgbaColor(utils.getColor('dark'), 0.3),
color: utils.getGrays()['300']
}
};
var getDefaultOptions = function getDefaultOptions() {
return {
color: [utils.getColor('primary'), utils.getGrays()['200']],
legend: {
data: ['Satisfied', 'Dissatisfied'],
icon: 'circle',
itemWidth: 10,
itemHeight: 10,
padding: [0, 0, 0, 0],
textStyle: {
color: utils.getGrays()['700'],
fontWeight: '500',
fontSize: '13px'
},
left: 0,
itemGap: 16
},
tooltip: {
trigger: 'item',
padding: [7, 10],
backgroundColor: utils.getGrays()['100'],
borderColor: utils.getGrays()['300'],
textStyle: {
color: utils.getGrays()['900']
},
borderWidth: 1,
transitionDuration: 0,
axisPointer: {
type: 'none'
}
},
xAxis: {
data: xAxisData,
splitLine: {
show: false
},
splitArea: {
show: false
},
axisLabel: {
color: utils.getGrays()['600']
},
axisLine: {
lineStyle: {
color: utils.getGrays()['300']
}
},
axisTick: {
show: false
}
},
yAxis: {
splitLine: {
lineStyle: {
color: utils.getGrays()['300'],
type: 'dashed'
}
},
axisLabel: {
color: utils.getGrays()['600']
}
},
series: [{
name: 'Satisfied',
type: 'bar',
stack: 'one',
emphasis: emphasisStyle1,
data: data1
}, {
name: 'Dissatisfied',
type: 'bar',
stack: 'two',
emphasis: emphasisStyle2,
data: data2
}],
itemStyle: {
borderRadius: [3, 3, 0, 0]
},
barWidth: '13.03px',
grid: {
top: '13%',
bottom: 0,
left: 0,
right: 0,
containLabel: true
}
};
};
echartSetOption(chart, userOptions, getDefaultOptions);
}
};
/* -------------------------------------------------------------------------- */
/* Session By Device */
/* -------------------------------------------------------------------------- */
var sessionByBrowserChartInit = function sessionByBrowserChartInit() {
var $sessionByBroswser = document.querySelector('.echart-session-by-browser');
if ($sessionByBroswser) {
var userOptions = utils.getData($sessionByBroswser, 'options');
var chart = window.echarts.init($sessionByBroswser);
var dataset = {
week: [{
value: 50.3,
name: 'Chrome'
}, {
value: 20.6,
name: 'Safari'
}, {
value: 30.1,
name: 'Mozilla'
}],
month: [{
value: 35.1,
name: 'Chrome'
}, {
value: 25.6,
name: 'Safari'
}, {
value: 40.3,
name: 'Mozilla'
}],
year: [{
value: 26.1,
name: 'Chrome'
}, {
value: 10.6,
name: 'Safari'
}, {
value: 64.3,
name: 'Mozilla'
}]
};
var getDefaultOptions = function getDefaultOptions() {
return {
color: [utils.getColors().primary, utils.getColors().success, utils.getColors().info],
tooltip: {
trigger: 'item',
padding: [7, 10],
backgroundColor: utils.getGrays()['100'],
borderColor: utils.getGrays()['300'],
textStyle: {
color: utils.getGrays()['1100']
},
borderWidth: 1,
transitionDuration: 0,
formatter: function formatter(params) {
return "".concat(params.data.name, ": ").concat(params.data.value, "%");
},
position: function position(pos, params, dom, rect, size) {
return getPosition(pos, params, dom, rect, size);
}
},
legend: {
show: false
},
series: [{
type: 'pie',
radius: ['100%', '65%'],
avoidLabelOverlap: false,
hoverAnimation: false,
itemStyle: {
borderWidth: 2,
borderColor: utils.getColor('gray-100')
},
label: {
normal: {
show: false
},
emphasis: {
show: false
}
},
labelLine: {
normal: {
show: false
}
},
data: dataset.week
}]
};
};
echartSetOption(chart, userOptions, getDefaultOptions);
var selectMenu = document.querySelector("[data-target='.echart-session-by-browser']");
if (selectMenu) {
selectMenu.addEventListener('change', function (e) {
var value = e.currentTarget.value;
chart.setOption({
series: [{
data: dataset[value]
}]
});
});
}
}
};
/* -------------------------------------------------------------------------- */
/* Session By Country Map */
/* -------------------------------------------------------------------------- */
var sessionByCountryMapInit = function sessionByCountryMapInit() {
var $sessionByCountryMap = document.querySelector('.echart-session-by-country-map');
var data = [{
name: 'Afghanistan',
value: 28397.812
}, {
name: 'Angola',
value: 19549.124
}, {
name: 'Albania',
value: 3150.143
}, {
name: 'United Arab Emirates',
value: 8441.537
}, {
name: 'Argentina',
value: 40374.224
}, {
name: 'Armenia',
value: 2963.496
}, {
name: 'French Southern and Antarctic Lands',
value: 268.065
}, {
name: 'Australia',
value: 22404.488
}, {
name: 'Austria',
value: 8401.924
}, {
name: 'Azerbaijan',
value: 9094.718
}, {
name: 'Burundi',
value: 9232.753
}, {
name: 'Belgium',
value: 10941.288
}, {
name: 'Benin',
value: 9509.798
}, {
name: 'Burkina Faso',
value: 15540.284
}, {
name: 'Bangladesh',
value: 151125.475
}, {
name: 'Bulgaria',
value: 7389.175
}, {
name: 'The Bahamas',
value: 66402.316
}, {
name: 'Bosnia and Herzegovina',
value: 3845.929
}, {
name: 'Belarus',
value: 9491.07
}, {
name: 'Belize',
value: 308.595
}, {
name: 'Bermuda',
value: 64.951
}, {
name: 'Bolivia',
value: 716.939
}, {
name: 'Brazil',
value: 195210.154
}, {
name: 'Brunei',
value: 27.223
}, {
name: 'Bhutan',
value: 716.939
}, {
name: 'Botswana',
value: 1969.341
}, {
name: 'Central African Rep.',
value: 4349.921
}, {
name: 'Canada',
value: 34126.24
}, {
name: 'Switzerland',
value: 7830.534
}, {
name: 'Chile',
value: 17150.76
}, {
name: 'China',
value: 1359821.465
}, {
name: "Côte d'Ivoire",
value: 60508.978
}, {
name: 'Cameroon',
value: 20624.343
}, {
name: 'Dem. Rep. Congo',
value: 62191.161
}, {
name: 'Congo',
value: 3573.024
}, {
name: 'Colombia',
value: 46444.798
}, {
name: 'Costa Rica',
value: 4669.685
}, {
name: 'Cuba',
value: 11281.768
}, {
name: 'Northern Cyprus',
value: 1.468
}, {
name: 'Cyprus',
value: 1103.685
}, {
name: 'Czech Republic',
value: 10553.701
}, {
name: 'Germany',
value: 83017.404
}, {
name: 'Djibouti',
value: 834.036
}, {
name: 'Denmark',
value: 5550.959
}, {
name: 'Dominican Republic',
value: 10016.797
}, {
name: 'Algeria',
value: 37062.82
}, {
name: 'Ecuador',
value: 15001.072
}, {
name: 'Egypt',
value: 78075.705
}, {
name: 'Eritrea',
value: 5741.159
}, {
name: 'Spain',
value: 46182.038
}, {
name: 'Estonia',
value: 1298.533
}, {
name: 'Ethiopia',
value: 87095.281
}, {
name: 'Finland',
value: 5367.693
}, {
name: 'Fiji',
value: 860.559
}, {
name: 'Falkland Islands',
value: 49.581
}, {
name: 'France',
value: 63230.866
}, {
name: 'Gabon',
value: 1556.222
}, {
name: 'United Kingdom',
value: 62066.35
}, {
name: 'Georgia',
value: 4388.674
}, {
name: 'Ghana',
value: 24262.901
}, {
name: 'Eq. Guinea',
value: 10876.033
}, {
name: 'Guinea',
value: 10876.033
}, {
name: 'Gambia',
value: 1680.64
}, {
name: 'Guinea Bissau',
value: 10876.033
}, {
name: 'Equatorial Guinea',
value: 696.167
}, {
name: 'Greece',
value: 11109.999
}, {
name: 'Greenland',
value: 56.546
}, {
name: 'Guatemala',
value: 14341.576
}, {
name: 'French Guiana',
value: 231.169
}, {
name: 'Guyana',
value: 786.126
}, {
name: 'Honduras',
value: 7621.204
}, {
name: 'Croatia',
value: 4338.027
}, {
name: 'Haiti',
value: 9896.4
}, {
name: 'Hungary',
value: 10014.633
}, {
name: 'Indonesia',
value: 240676.485
}, {
name: 'India',
value: 1205624.648
}, {
name: 'Ireland',
value: 4467.561
}, {
name: 'Iran',
value: 240676.485
}, {
name: 'Iraq',
value: 30962.38
}, {
name: 'Iceland',
value: 318.042
}, {
name: 'Israel',
value: 7420.368
}, {
name: 'Italy',
value: 60508.978
}, {
name: 'Jamaica',
value: 2741.485
}, {
name: 'Jordan',
value: 6454.554
}, {
name: 'Japan',
value: 127352.833
}, {
name: 'Kazakhstan',
value: 15921.127
}, {
name: 'Kenya',
value: 40909.194
}, {
name: 'Kyrgyzstan',
value: 5334.223
}, {
name: 'Cambodia',
value: 14364.931
}, {
name: 'South Korea',
value: 51452.352
}, {
name: 'Kosovo',
value: 97.743
}, {
name: 'Kuwait',
value: 2991.58
}, {
name: 'Laos',
value: 6395.713
}, {
name: 'Lebanon',
value: 4341.092
}, {
name: 'Liberia',
value: 3957.99
}, {
name: 'Libya',
value: 6040.612
}, {
name: 'Sri Lanka',
value: 20758.779
}, {
name: 'Lesotho',
value: 2008.921
}, {
name: 'Lithuania',
value: 3068.457
}, {
name: 'Luxembourg',
value: 507.885
}, {
name: 'Latvia',
value: 2090.519
}, {
name: 'Morocco',
value: 31642.36
}, {
name: 'Moldova',
value: 103.619
}, {
name: 'Madagascar',
value: 21079.532
}, {
name: 'Mexico',
value: 117886.404
}, {
name: 'Macedonia',
value: 507.885
}, {
name: 'Mali',
value: 13985.961
}, {
name: 'Myanmar',
value: 51931.231
}, {
name: 'Montenegro',
value: 620.078
}, {
name: 'Mongolia',
value: 2712.738
}, {
name: 'Mozambique',
value: 23967.265
}, {
name: 'Mauritania',
value: 3609.42
}, {
name: 'Malawi',
value: 15013.694
}, {
name: 'Malaysia',
value: 28275.835
}, {
name: 'Namibia',
value: 2178.967
}, {
name: 'New Caledonia',
value: 246.379
}, {
name: 'Niger',
value: 15893.746
}, {
name: 'Nigeria',
value: 159707.78
}, {
name: 'Nicaragua',
value: 5822.209
}, {
name: 'Netherlands',
value: 16615.243
}, {
name: 'Norway',
value: 4891.251
}, {
name: 'Nepal',
value: 26846.016
}, {
name: 'New Zealand',
value: 4368.136
}, {
name: 'Oman',
value: 2802.768
}, {
name: 'Pakistan',
value: 173149.306
}, {
name: 'Panama',
value: 3678.128
}, {
name: 'Peru',
value: 29262.83
}, {
name: 'Philippines',
value: 93444.322
}, {
name: 'Papua New Guinea',
value: 6858.945
}, {
name: 'Poland',
value: 38198.754
}, {
name: 'Puerto Rico',
value: 3709.671
}, {
name: 'North Korea',
value: 1.468
}, {
name: 'Portugal',
value: 10589.792
}, {
name: 'Paraguay',
value: 6459.721
}, {
name: 'Qatar',
value: 1749.713
}, {
name: 'Romania',
value: 21861.476
}, {
name: 'Russia',
value: 21861.476
}, {
name: 'Rwanda',
value: 10836.732
}, {
name: 'Western Sahara',
value: 514.648
}, {
name: 'Saudi Arabia',
value: 27258.387
}, {
name: 'Sudan',
value: 35652.002
}, {
name: 'S. Sudan',
value: 9940.929
}, {
name: 'Senegal',
value: 12950.564
}, {
name: 'Solomon Islands',
value: 526.447
}, {
name: 'Sierra Leone',
value: 5751.976
}, {
name: 'El Salvador',
value: 6218.195
}, {
name: 'Somaliland',
value: 9636.173
}, {
name: 'Somalia',
value: 9636.173
}, {
name: 'Republic of Serbia',
value: 3573.024
}, {
name: 'Suriname',
value: 524.96
}, {
name: 'Slovakia',
value: 5433.437
}, {
name: 'Slovenia',
value: 2054.232
}, {
name: 'Sweden',
value: 9382.297
}, {
name: 'Swaziland',
value: 1193.148
}, {
name: 'Syria',
value: 7830.534
}, {
name: 'Chad',
value: 11720.781
}, {
name: 'Togo',
value: 6306.014
}, {
name: 'Thailand',
value: 66402.316
}, {
name: 'Tajikistan',
value: 7627.326
}, {
name: 'Turkmenistan',
value: 5041.995
}, {
name: 'East Timor',
value: 10016.797
}, {
name: 'Trinidad and Tobago',
value: 1328.095
}, {
name: 'Tunisia',
value: 10631.83
}, {
name: 'Turkey',
value: 72137.546
}, {
name: 'Tanzania',
value: 44973.33
}, {
name: 'Uganda',
value: 33987.213
}, {
name: 'Ukraine',
value: 46050.22
}, {
name: 'Uruguay',
value: 3371.982
}, {
name: 'United States',
value: 312247.116
}, {
name: 'Uzbekistan',
value: 27769.27
}, {
name: 'Venezuela',
value: 236.299
}, {
name: 'Vietnam',
value: 89047.397
}, {
name: 'Vanuatu',
value: 236.299
}, {
name: 'West Bank',
value: 13.565
}, {
name: 'Yemen',
value: 22763.008
}, {
name: 'South Africa',
value: 51452.352
}, {
name: 'Zambia',
value: 13216.985
}, {
name: 'Zimbabwe',
value: 13076.978
}];
var total = 6961500;
if ($sessionByCountryMap) {
var _document$querySelect5;
var userOptions = utils.getData($sessionByCountryMap, 'options');
var chart = window.echarts.init($sessionByCountryMap);
var getDefaultOptions = function getDefaultOptions() {
return {
tooltip: {
trigger: 'item',
padding: [7, 10],
backgroundColor: utils.getGrays()['100'],
borderColor: utils.getGrays()['300'],
textStyle: {
color: utils.getGrays()['1100']
},
borderWidth: 1,
transitionDuration: 0,
formatter: function formatter(params) {
var _params$data3, _params$data4;
return "".concat((_params$data3 = params.data) === null || _params$data3 === void 0 ? void 0 : _params$data3.name, " : ").concat((((_params$data4 = params.data) === null || _params$data4 === void 0 ? void 0 : _params$data4.value) / total * 100).toFixed(2), "%");
}
},
toolbox: {
show: false,
feature: {
restore: {}
}
},
visualMap: {
show: false,
min: 800,
max: 50000,
inRange: {
color: [utils.getColors().primary, utils.rgbaColor(utils.getColors().primary, 0.8), utils.rgbaColor(utils.getColors().primary, 0.6), utils.rgbaColor(utils.getColors().primary, 0.4), utils.rgbaColor(utils.getColors().primary, 0.2)].reverse()
}
},
series: [{
type: 'map',
map: 'world',
data: data,
roam: true,
scaleLimit: {
min: 1,
max: 5
},
left: 0,
right: 0,
label: {
show: false
},
itemStyle: {
borderColor: utils.getGrays()['300']
},
emphasis: {
label: {
show: false
},
itemStyle: {
areaColor: utils.getColor('warning')
}
}
}]
};
};
echartSetOption(chart, userOptions, getDefaultOptions);
(_document$querySelect5 = document.querySelector('.session-by-country-map-reset')) === null || _document$querySelect5 === void 0 ? void 0 : _document$querySelect5.addEventListener('click', function () {
chart.dispatchAction({
type: 'restore'
});
});
}
};
/* -------------------------------------------------------------------------- */
/* Session By Country */
/* -------------------------------------------------------------------------- */
var sessionByCountryChartInit = function sessionByCountryChartInit() {
var $sessionByCountry = document.querySelector('.echart-session-by-country');
var data = [['CHINA', 'INDIA', 'USA', 'IRAN', 'BRAZIL', 'PAKISTAN'], [19.53, 17.32, 4.49, 3.46, 2.8, 1.7]];
if ($sessionByCountry) {
var userOptions = utils.getData($sessionByCountry, 'options');
var chart = window.echarts.init($sessionByCountry);
var getDefaultOptions = function getDefaultOptions() {
return {
tooltip: {
trigger: 'axis',
padding: [7, 10],
axisPointer: {
type: 'none'
},
backgroundColor: utils.getGrays()['100'],
borderColor: utils.getGrays()['300'],
textStyle: {
color: utils.getGrays()['1100']
},
borderWidth: 1,
transitionDuration: 0,
position: function position(pos, params, dom, rect, size) {
return getPosition(pos, params, dom, rect, size);
} // formatter: tooltipFormatter
},
xAxis: {
type: 'category',
data: data[0],
axisLabel: {
color: utils.getGrays()['600'],
formatter: function formatter(value) {
return value.substring(0, 3);
}
},
axisLine: {
lineStyle: {
color: utils.getGrays()['400']
}
},
axisTick: {
show: true,
// length: 8,
alignWithLabel: true,
lineStyle: {
color: utils.getGrays()['200']
}
}
},
yAxis: {
type: 'value',
// inverse: true,
axisTick: {
show: false
},
splitLine: {
lineStyle: {
color: utils.getGrays()['300'],
type: 'dashed'
}
},
axisLabel: {
color: utils.getGrays()['600'],
formatter: function formatter(value) {
return "".concat(value, "%");
},
fontWeight: 500,
padding: [3, 0, 0, 0],
margin: 12
},
axisLine: {
show: false
}
},
series: [{
type: 'bar',
data: data[1],
itemStyle: {
barBorderRadius: [3, 3, 0, 0],
color: utils.getColors().primary
},
barWidth: 15
}],
grid: {
right: '12px',
left: '40px',
bottom: '10%',
top: '16px'
}
};
};
echartSetOption(chart, userOptions, getDefaultOptions);
}
};
var echartTicketPriority = function echartTicketPriority() {
var $paginationBtnNext = document.querySelector('[data-list-pagination-chart="next"]');
var $paginationBtnPrev = document.querySelector('[data-list-pagination-chart="prev"]');
var $paginationContainer = document.querySelector('[data-list-pagination-chart]');
if ($paginationBtnNext) {
$paginationBtnNext.addEventListener('click', function () {
basicEchartsInit();
});
}
if ($paginationBtnPrev) {
$paginationBtnPrev.addEventListener('click', function () {
basicEchartsInit();
});
}
if ($paginationContainer) {
$paginationContainer.addEventListener('click', function (e) {
if (e.target.tagName === 'BUTTON') {
setTimeout(function () {
basicEchartsInit();
});
}
});
}
};
/* -------------------------------------------------------------------------- */
/* Traffic Channels */
/* -------------------------------------------------------------------------- */
var ticketVolumeChartInit = function ticketVolumeChartInit() {
var $ticketVolume = document.querySelector('.echart-ticket-volume');
if ($ticketVolume) {
var userOptions = utils.getData($ticketVolume, 'options');
var chart = window.echarts.init($ticketVolume);
var ticketVolumeLegend = document.querySelectorAll('[data-ticket-volume]');
var getDefaultOptions = function getDefaultOptions() {
return {
color: [utils.getColors().primary, localStorage.getItem('theme') === 'dark' ? '#235FAD' : '#6AA2EC', localStorage.getItem('theme') === 'dark' ? '#1C4477' : '#AACAF4', localStorage.getItem('theme') === 'dark' ? '#152C48' : '#DFEBFB'],
legend: {
data: ['On Hold Tickets', 'Open Tickets', 'Due Tickets', 'Unassigned Tickets'],
show: false
},
xAxis: {
type: 'category',
data: utils.getPastDates(10),
axisLine: {
show: false
},
splitLine: {
lineStyle: {
color: utils.getGrays()['300']
}
},
axisTick: {
show: false
},
axisLabel: {
color: utils.getGrays()['600'],
formatter: function formatter(value) {
return window.dayjs(value).format('MMM DD');
}
}
},
yAxis: {
type: 'value',
splitLine: {
lineStyle: {
color: utils.getGrays()['300']
}
},
axisLine: {
show: false
},
axisTick: {
show: false
},
axisLabel: {
show: true,
color: utils.getGrays()['600']
}
},
tooltip: {
trigger: 'axis',
padding: [7, 10],
axisPointer: {
type: 'none'
},
backgroundColor: utils.getGrays()['100'],
borderColor: utils.getGrays()['300'],
textStyle: {
color: utils.getGrays()['1100']
},
borderWidth: 1,
transitionDuration: 0,
position: function position(pos, params, dom, rect, size) {
return getPosition(pos, params, dom, rect, size);
},
formatter: tooltipFormatter
},
series: [{
name: 'On Hold Tickets',
type: 'bar',
stack: 'total',
data: [8, 6, 5, 12, 9, 6, 9, 6, 4, 7],
emphasis: {
itemStyle: {
color: utils.getColor('primary')
}
}
}, {
name: 'Open Tickets',
type: 'bar',
stack: 'total',
data: [15, 10, 7, 7, 5, 6, 15, 10, 7, 12],
emphasis: {
itemStyle: {
color: localStorage.getItem('theme') === 'dark' ? '#2567BD' : '#5595E9'
}
}
}, {
name: 'Due Tickets',
type: 'bar',
stack: 'total',
data: [5, 4, 4, 6, 6, 8, 7, 4, 3, 5],
emphasis: {
itemStyle: {
color: localStorage.getItem('theme') === 'dark' ? '#205396' : '#7FB0EF'
}
}
}, {
name: 'Unassigned Tickets',
type: 'bar',
stack: 'total',
data: [6, 3, 6, 4, 12, 7, 5, 3, 2, 4],
itemStyle: {
barBorderRadius: [2, 2, 0, 0]
},
emphasis: {
itemStyle: {
color: localStorage.getItem('theme') === 'dark' ? '#1A3F6F' : '#AACAF4'
}
}
}],
grid: {
right: '0px',
left: '23px',
bottom: '6%',
top: '10%'
}
};
};
echartSetOption(chart, userOptions, getDefaultOptions);
ticketVolumeLegend.forEach(function (el) {
el.addEventListener('change', function () {
chart.dispatchAction({
type: 'legendToggleSelect',
name: utils.getData(el, 'ticket-volume')
});
});
});
}
};
/* -------------------------------------------------------------------------- */
/* Audience Chart */
/* -------------------------------------------------------------------------- */
var topCustomersChartInit = function topCustomersChartInit() {
var data = {
hours: ['1H', '2H', '3H', '4H', '5H', '6H', '7H', '8H', '9H', '10H'],
dataset: {
monday: [[18, 50, 45, 80, 45, 60, 55, 82, 61, 50]],
tuesday: [[50, 45, 32, 74, 45, 55, 85, 30, 25, 50]],
wednesday: [[88, 70, 75, 54, 45, 44, 25, 65, 11, 20]],
thursday: [[20, 30, 40, 50, 70, 80, 85, 40, 30, 20]],
friday: [[18, 50, 45, 75, 45, 80, 85, 65, 61, 50]],
saturday: [[25, 50, 45, 75, 80, 44, 55, 85, 61, 45]],
sunday: [[11, 50, 45, 78, 45, 54, 80, 90, 50, 65]]
}
};
var getDefaultOptions = function getDefaultOptions(data1) {
return function () {
return {
color: utils.getGrays()['100'],
tooltip: {
trigger: 'item',
padding: [7, 10],
backgroundColor: utils.getGrays()['100'],
borderColor: utils.getGrays()['300'],
textStyle: {
color: utils.getGrays()['1100']
},
borderWidth: 1,
transitionDuration: 0,
position: function position(pos, params, dom, rect, size) {
return getPosition(pos, params, dom, rect, size);
},
axisPointer: {
type: 'none'
}
},
xAxis: {
type: 'category',
data: data.hours,
axisLabel: {
color: utils.getGrays()['600'],
margin: 15
},
axisLine: {
lineStyle: {
color: utils.getGrays()['300'],
type: 'dashed'
}
},
axisTick: {
show: false
},
boundaryGap: false
},
yAxis: {
type: 'value',
axisPointer: {
show: false
},
splitLine: {
lineStyle: {
color: utils.getGrays()['300'],
type: 'dashed'
}
},
boundaryGap: false,
axisLabel: {
show: true,
color: utils.getGrays()['600'],
margin: 25
},
axisTick: {
show: false
},
axisLine: {
show: false
}
},
series: [{
type: 'line',
data: data1,
symbol: 'circle',
symbolSize: 10,
itemStyle: {
borderColor: utils.getColors().primary,
borderWidth: 2
},
lineStyle: {
color: utils.getColors().primary
},
areaStyle: {
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [{
offset: 0,
color: utils.rgbaColor(utils.getColors().primary, 0.1)
}, {
offset: 1,
color: utils.rgbaColor(utils.getColors().primary, 0)
}]
}
}
}],
grid: {
right: '12px',
left: '46px',
bottom: '12%',
top: '3%'
}
};
};
};
var initChart = function initChart(el, options) {
var userOptions = utils.getData(el, 'options');
var chart = window.echarts.init(el);
echartSetOption(chart, userOptions, options);
};
var tab = document.querySelector('#top-customers-chart-tab');
if (tab) {
initChart(document.querySelector('.echart-top-customers'), getDefaultOptions(data.dataset.monday[0]));
var triggerTabList = Array.from(tab.querySelectorAll('[data-bs-toggle="tab"]'));
triggerTabList.forEach(function (triggerEl) {
triggerEl.addEventListener('shown.bs.tab', function () {
var key = triggerEl.href.split('#').pop();
var $echartTopCustomers = document.getElementById(key).querySelector('.echart-top-customers');
initChart($echartTopCustomers, getDefaultOptions(data.dataset[key][0]));
});
});
}
};
/* -------------------------------------------------------------------------- */
/* Top Products */
/* -------------------------------------------------------------------------- */
var topProductsInit = function topProductsInit() {
var ECHART_BAR_TOP_PRODUCTS = '.echart-bar-top-products';
var $echartBarTopProducts = document.querySelector(ECHART_BAR_TOP_PRODUCTS);
if ($echartBarTopProducts) {
var data = [['product', '2019', '2018'], ['Boots4', 43, 85], ['Reign Pro', 83, 73], ['Slick', 86, 62], ['Falcon', 72, 53], ['Sparrow', 80, 50], ['Hideway', 50, 70], ['Freya', 80, 90]];
var userOptions = utils.getData($echartBarTopProducts, 'options');
var chart = window.echarts.init($echartBarTopProducts);
var getDefaultOptions = function getDefaultOptions() {
return {
color: [utils.getColors().primary, utils.getGrays()['300']],
dataset: {
source: data
},
tooltip: {
trigger: 'item',
padding: [7, 10],
backgroundColor: utils.getGrays()['100'],
borderColor: utils.getGrays()['300'],
textStyle: {
color: utils.getGrays()['1100']
},
borderWidth: 1,
transitionDuration: 0,
position: function position(pos, params, dom, rect, size) {
return getPosition(pos, params, dom, rect, size);
},
formatter: function formatter(params) {
return "".concat(params.seriesName, "
").concat(params.name, ": ").concat(params.value[params.componentIndex + 1], "
");
}
},
legend: {
data: ['2019', '2018'],
left: 'left',
itemWidth: 10,
itemHeight: 10,
borderRadius: 0,
icon: 'circle',
inactiveColor: utils.getGrays()['400'],
textStyle: {
color: utils.getGrays()['700']
}
},
xAxis: {
type: 'category',
axisLabel: {
color: utils.getGrays()['400']
},
axisLine: {
lineStyle: {
color: utils.getGrays()['300'],
type: 'dashed'
}
},
axisTick: false,
boundaryGap: true
},
yAxis: {
axisPointer: {
type: 'none'
},
axisTick: 'none',
splitLine: {
lineStyle: {
color: utils.getGrays()['300'],
type: 'dashed'
}
},
axisLine: {
show: false
},
axisLabel: {
color: utils.getGrays()['400']
}
},
series: [{
type: 'bar',
barWidth: '10px',
barGap: '30%',
label: {
normal: {
show: false
}
},
z: 10,
itemStyle: {
normal: {
barBorderRadius: [10, 10, 0, 0],
color: utils.getColors().primary
}
}
}, {
type: 'bar',
barWidth: '10px',
barGap: '30%',
label: {
normal: {
show: false
}
},
itemStyle: {
normal: {
barBorderRadius: [4, 4, 0, 0],
color: utils.getGrays()[300]
}
}
}],
grid: {
right: '0',
left: '30px',
bottom: '10%',
top: '20%'
}
};
};
echartSetOption(chart, userOptions, getDefaultOptions);
}
};
/* -------------------------------------------------------------------------- */
/* Total Order */
/* -------------------------------------------------------------------------- */
var totalOrderInit = function totalOrderInit() {
var ECHART_LINE_TOTAL_ORDER = '.echart-line-total-order';
//
// ─── TOTAL ORDER CHART ──────────────────────────────────────────────────────────
//
var $echartLineTotalOrder = document.querySelector(ECHART_LINE_TOTAL_ORDER);
if ($echartLineTotalOrder) {
// Get options from data attribute
var userOptions = utils.getData($echartLineTotalOrder, 'options');
var chart = window.echarts.init($echartLineTotalOrder);
// Default options
var getDefaultOptions = function getDefaultOptions() {
return {
tooltip: {
triggerOn: 'mousemove',
trigger: 'axis',
padding: [7, 10],
formatter: '{b0}: {c0}',
backgroundColor: utils.getGrays()['100'],
borderColor: utils.getGrays()['300'],
textStyle: {
color: utils.getColors().dark
},
borderWidth: 1,
transitionDuration: 0,
position: function position(pos, params, dom, rect, size) {
return getPosition(pos, params, dom, rect, size);
}
},
xAxis: {
type: 'category',
data: ['Week 4', 'Week 5', 'Week 6', 'Week 7'],
boundaryGap: false,
splitLine: {
show: false
},
axisLine: {
show: false,
lineStyle: {
color: utils.getGrays()['300'],
type: 'dashed'
}
},
axisLabel: {
show: false
},
axisTick: {
show: false
},
axisPointer: {
type: 'none'
}
},
yAxis: {
type: 'value',
splitLine: {
show: false
},
axisLine: {
show: false
},
axisLabel: {
show: false
},
axisTick: {
show: false
},
axisPointer: {
show: false
}
},
series: [{
type: 'line',
lineStyle: {
color: utils.getColors().primary,
width: 3
},
itemStyle: {
color: utils.getColors().white,
borderColor: utils.getColors().primary,
borderWidth: 2
},
hoverAnimation: true,
data: [20, 40, 100, 120],
// connectNulls: true,
smooth: 0.6,
smoothMonotone: 'x',
showSymbol: false,
symbol: 'circle',
symbolSize: 8,
areaStyle: {
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [{
offset: 0,
color: utils.rgbaColor(utils.getColors().primary, 0.25)
}, {
offset: 1,
color: utils.rgbaColor(utils.getColors().primary, 0)
}]
}
}
}],
grid: {
bottom: '2%',
top: '0%',
right: '10px',
left: '10px'
}
};
};
echartSetOption(chart, userOptions, getDefaultOptions);
}
};
/* -------------------------------------------------------------------------- */
/* Echarts Total Sales E-commerce */
/* -------------------------------------------------------------------------- */
var totalSalesEcommerce = function totalSalesEcommerce() {
var ECHART_LINE_TOTAL_SALES_ECOMM = '.echart-line-total-sales-ecommerce';
var $echartsLineTotalSalesEcomm = document.querySelector(ECHART_LINE_TOTAL_SALES_ECOMM);
var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
function getFormatter(params) {
return params.map(function (_ref19) {
var value = _ref19.value,
borderColor = _ref19.borderColor,
seriesName = _ref19.seriesName;
return "").concat(seriesName === 'lastMonth' ? 'Last Month' : 'Previous Year', ": ").concat(value, " ");
}).join('".concat((_params$data5 = params.data) === null || _params$data5 === void 0 ? void 0 : _params$data5.name, " : ").concat((_params$data6 = params.data) === null || _params$data6 === void 0 ? void 0 : _params$data6.value);
}
},
visualMap: {
show: false,
min: 800,
max: 50000,
inRange: {
color: [utils.getColors().primary, utils.rgbaColor(utils.getColors().primary, 0.8), utils.rgbaColor(utils.getColors().primary, 0.6), utils.rgbaColor(utils.getColors().primary, 0.4), utils.rgbaColor(utils.getColors().primary, 0.2)].reverse()
}
},
series: [{
type: 'map',
map: 'world',
data: data,
roam: 'move',
scaleLimit: {
min: minZoomLevel,
max: maxZoomLevel
},
left: 0,
right: 0,
label: {
show: false
},
itemStyle: {
borderColor: utils.getGrays()['300']
},
emphasis: {
label: {
show: false
},
itemStyle: {
areaColor: utils.getColor('warning')
}
}
}]
};
};
echartSetOption(chart, userOptions, getDefaultOptions);
var zoomLevel = 1;
(_document$querySelect6 = document.querySelector('.user-by-location-map-zoom')) === null || _document$querySelect6 === void 0 ? void 0 : _document$querySelect6.addEventListener('click', function () {
if (zoomLevel < maxZoomLevel) {
zoomLevel += 1;
}
chart.setOption({
series: {
zoom: zoomLevel
}
});
});
(_document$querySelect7 = document.querySelector('.user-by-location-map-zoomOut')) === null || _document$querySelect7 === void 0 ? void 0 : _document$querySelect7.addEventListener('click', function () {
if (zoomLevel > minZoomLevel) {
zoomLevel -= 1;
}
chart.setOption({
series: {
zoom: zoomLevel
}
});
});
}
};
/* -------------------------------------------------------------------------- */
/* Echarts Users By Time */
/* -------------------------------------------------------------------------- */
var usersByTimeChartInit = function usersByTimeChartInit() {
var $echartUsersByTimeChart = document.querySelector('.echart-users-by-time');
var hours = ['12 AM', '1 AM', '2 AM', '3 AM', '4 AM', '5 AM', '6 AM', '7 AM', '8 AM', '9 AM', '10 AM', '11 AM', '12 PM', '1 PM', '2 PM', '3 PM', '4 PM', '5 PM', '6 PM', '7 PM', '8 PM', '9 PM', '10 PM', '11 PM'];
var data = [];
for (var i = 0; i < 24; i += 1) {
for (var j = 0; j < 7; j += 1) {
data.push([j, i, utils.getRandomNumber(20, 300)]);
}
}
var tooltipFormatter = function tooltipFormatter(params) {
return "\n
".concat(window.dayjs(params.name).format('MMM DD, YYYY'), "
\n
\n
\n ").concat(window.dayjs().hour(params.data[1]).format('hA'), " : ").concat(params.data[2], " \n
\n
\n