sleek-dashboard - npm Package Compare versions

dist/404.html

dist/assets/js/sleek.bundle.js

dist/assets/js/sleek.bundle.js.map

dist/assets/js/sleek.bundle.min.js

dist/assets/plugins/toastr/toastr.css

dist/assets/plugins/toastr/toastr.js.map

dist/assets/plugins/toastr/toastr.min.css

dist/assets/plugins/toastr/toastr.min.js

dist/assets/scss/_github.scss

dist/quick-start.html

dist/sidebar-fixed-default.html

dist/sidebar-fixed-minified.html

dist/sidebar-fixed-offcanvas.html

dist/sidebar-static-default.html

dist/sidebar-static-minified.html

dist/sidebar-static-offcanvas.html

rollup.config.js

src/404.html

src/assets/js/charts/chart-js.js

src/assets/js/charts/index.js

src/assets/js/index.js

src/assets/js/maps/google-map.js

src/assets/js/maps/index.js

src/assets/js/maps/vector-map.js

src/assets/plugins/toastr/toastr.css

src/assets/plugins/toastr/toastr.js.map

src/assets/plugins/toastr/toastr.min.css

src/assets/plugins/toastr/toastr.min.js

src/assets/scss/_github.scss

src/quick-start.html

src/sidebar-fixed-default.html

src/sidebar-fixed-minified.html

src/sidebar-fixed-offcanvas.html

src/sidebar-static-default.html

src/sidebar-static-minified.html

src/sidebar-static-offcanvas.html

61

dist/assets/data/search.json

		@@ -314,4 +314,4 @@ [
		{
		"label": "Error",
		"link": "error.html",
		"label": "404 Page",
		"link": "404.html",
		"tags": "",
		@@ -346,4 +346,4 @@ "location": "Others"
		{
		"label": "Setup",
		"link": "setup.html",
		"label": "Quick Start",
		"link": "quick-start.html",
		"tags": "",
		@@ -378,3 +378,3 @@ "location": "Documentation"
		"tags": "",
		"location": "Layout Headers"
		"location": "Header Variations"
		} ,
		@@ -386,3 +386,3 @@
		"tags": "",
		"location": "Layout Headers"
		"location": "Header Variations"
		} ,
		@@ -394,3 +394,3 @@
		"tags": "",
		"location": "Layout Headers"
		"location": "Header Variations"
		} ,
		@@ -402,3 +402,3 @@
		"tags": "",
		"location": "Layout Headers"
		"location": "Header Variations"
		} ,
		@@ -411,27 +411,48 @@
		{
		"label": "Sidebar Open",
		"link": "sidebar-open.html",
		"label": "Sidebar Fixed Default",
		"link": "sidebar-fixed-default.html",
		"tags": "",
		"location": "layout Sidebars"
		"location": "Sidebar Variations"
		} ,

		{
		"label": "Sidebar Minimized",
		"link": "sidebar-minimized.html",
		"label": "Sidebar Fixed Minified",
		"link": "sidebar-fixed-minified.html",
		"tags": "",
		"location": "layout Sidebars"
		"location": "Sidebar Variations"
		} ,

		{
		"label": "Sidebar Offcanvas",
		"link": "sidebar-offcanvas.html",
		"label": "Sidebar Fixed Offcanvas",
		"link": "sidebar-fixed-offcanvas.html",
		"tags": "",
		"location": "layout Sidebars"
		"location": "Sidebar Variations"
		} ,

		{
		"label": "Sidebar Static Default",
		"link": "sidebar-static-default.html",
		"tags": "",
		"location": "Sidebar Variations"
		} ,

		{
		"label": "Sidebar Static Minified",
		"link": "sidebar-static-minified.html",
		"tags": "",
		"location": "Sidebar Variations"
		} ,

		{
		"label": "Sidebar Static Offcanvas",
		"link": "sidebar-static-offcanvas.html",
		"tags": "",
		"location": "Sidebar Variations"
		} ,

		{
		"label": "Sidebar With Footer",
		"link": "sidebar-with-footer.html",
		"tags": "",
		"location": "layout Sidebars"
		"location": "Sidebar Variations"
		} ,
		@@ -443,3 +464,3 @@
		"tags": "",
		"location": "layout Sidebars"
		"location": "Sidebar Variations"
		} ,
		@@ -451,3 +472,3 @@
		"tags": "",
		"location": "layout Sidebars"
		"location": "Sidebar Variations"
		} ,
		@@ -454,0 +475,0 @@

27

package.json

		{
		"name": "sleek-dashboard",
		"version": "1.0.0-beta.1",
		"version": "1.0.0-beta.2",
		"description": "Premium & Free Bootstrap 4 admin dashboard template by TAFcoder.com",
		@@ -35,6 +35,5 @@ "author": "TAF Coder<hello@tafcoder.com> (https://tafcoder.com/)",
		"scripts": {

		"start": "npm-run-all --parallel serve css:watch",
		"demo": "npm-run-all --parallel serve:demo css:watch",
		"demo:build": "npm-run-all build:demo css",
		"start": "npm-run-all --parallel serve css:watch js:watch",
		"demo": "npm-run-all --parallel serve:demo css:watch js:watch",
		"demo:build": "npm-run-all clean:dist build:demo css:build js js:min site:copy",
		"serve": "bundle exec jekyll serve",
		@@ -44,4 +43,3 @@ "serve:demo": "bundle exec jekyll serve --config _config.yaml,_config.demo.yaml",
		"build:demo": "bundle exec jekyll build --config _config.yaml,_config.demo.yaml",
		"dist": "npm-run-all clean:dist build css:build site:copy",
		"dist:demo": "npm-run-all clean:dist build:demo css:build site:copy",
		"dist": "npm-run-all clean:dist build css:build js js:min site:copy",
		"clean:dist": "rm -rf dist",
		@@ -54,6 +52,11 @@ "css": "node-sass src/assets/scss/sleek.scss _site/assets/css/sleek.css --source-map true && npm run rtl",
		"css:build": "npm-run-all css css:prod",
		"site:copy" : "cp -rf _site/ dist/ && cp -r src/assets/scss/ dist/assets/scss/"
		"site:copy": "cp -rf _site/ dist/ && cp -r src/assets/scss/ dist/assets/scss/",
		"js": "rollup -c --sourcemap",
		"js:watch": "rollup -c --sourcemap -w",
		"js:min": "uglifyjs _site/assets/js/sleek.bundle.js --output _site/assets/js/sleek.bundle.min.js"
		},
		"dependencies": {
		"bootstrap": "^4.1.3"
		"bootstrap": "^4.3.1",
		"jquery": "^3.3.1",
		"popper.js": "^1.14.6"
		},
		@@ -63,4 +66,8 @@ "devDependencies": {
		"npm-run-all": "^4.1.5",
		"rtlcss": "^2.4.0"
		"rollup": "^1.1.2",
		"rollup-plugin-commonjs": "^9.2.0",
		"rollup-plugin-node-resolve": "^4.0.0",
		"rtlcss": "^2.4.0",
		"uglify-js": "^3.4.9"
		}
		}

96

README.md

		<div align="center">

		# <a href="https://sleek.tafcoder.com/" target="_blank" rel="noopener noreferrer">Sleek Dashboard</a> [![Twitter](https://img.shields.io/twitter/url/https/github.com/tafcoder/sleek-dashboard.svg?style=social)](https://twitter.com/intent/tweet?text=Wow:&url=https%3A%2F%2Fgithub.com%2Ftafcoder%2Fsleek-dashboard)
		# <a href="https://sleek.tafcoder.com/" target="_blank" rel="noopener noreferrer">Sleek Dashboard</a>

		@@ -9,7 +9,8 @@ </div>

		[![GitHub stars](https://img.shields.io/github/stars/tafcoder/sleek-dashboard.svg)](https://github.com/tafcoder/sleek-dashboard/stargazers)
		[![GitHub issues](https://img.shields.io/github/issues/tafcoder/sleek-dashboard.svg)](https://github.com/tafcoder/sleek-dashboard/issues)
		[![GitHub issues closed](https://img.shields.io/github/issues-closed-raw/tafcoder/sleek-dashboard.svg?maxAge=2592000)]()
		[![GitHub forks](https://img.shields.io/github/forks/tafcoder/sleek-dashboard.svg)](https://github.com/tafcoder/sleek-dashboard/network)
		![license](https://img.shields.io/badge/license-MIT-blue.svg)
		[![GitHub stars](https://img.shields.io/github/stars/tafcoder/sleek-dashboard.svg?color="brightgreen"&style=flat-square)](https://github.com/tafcoder/sleek-dashboard/stargazers)
		[![GitHub forks](https://img.shields.io/github/forks/tafcoder/sleek-dashboard.svg?color="success"&style=flat-square)](https://github.com/tafcoder/sleek-dashboard/network)
		[![GitHub issues closed](https://img.shields.io/github/issues-closed-raw/tafcoder/sleek-dashboard.svg?color="orange"&style=flat-square)]()
		<a href="https://coveralls.io/github/chartjs/Chart.js?branch=master"><img src="https://img.shields.io/coveralls/chartjs/Chart.js.svg?&style=flat-square&maxAge=600" alt="Coverage"></a>
		<a href="https://github.com/chartjs/awesome"><img src="https://awesome.re/badge-flat2.svg?&style=flat-square" alt="Awesome"></a>
		![license](https://img.shields.io/badge/license-MIT-blue.svg?&style=flat-square)

		@@ -24,5 +25,5 @@ </div>

		`Sleek Dashboard` - Free Bootstrap 4 Admin Dashboard Template and UI Kit. It is very powerful bootstrap admin dashboard, which allows you to build products like admin panels, content managements systems and CRMs.
		Sleek Dashboard - Free Bootstrap 4 Admin Dashboard Template and UI Kit. It is very powerful bootstrap admin dashboard, which allows you to build products like admin panels, content managements systems and CRMs.

		Bootstrap is world's most popular front-end component library for developing with HTML, CSS, and JS. It is open source, sleek, intuitive, and powerful front-end framework for faster and easier web development. [Bootstrap](https://getbootstrap.com/).
		[Bootstrap](https://getbootstrap.com/) is world's most popular front-end component library for developing with HTML, CSS, and JS. It is open source, intuitive, and powerful front-end framework for faster and easier web development.

		@@ -35,5 +36,5 @@ We are very excited to share this dashboard with you and we look forward to hearing your feedback!
		- [Demo](#demo)
		- [Npm Install](#npm-install)
		- [Development](#development)
		- [File Structure](#file-structure)
		- [Quick Start](#quick-start)
		- [Contribution](#contribution)
		- [Plugins](#plugins)
		- [Browser Support](#browser-support)
		@@ -52,10 +53,26 @@ - [Reporting Issues](#reporting-issues)

		## Quick Start
		Please visit [Documentation](https://sleek.tafcoder.com/installation.html) for more detailed information.

		## Npm Install
		Install `Sleek Dashboard` from npm
		```
		npm i sleek-dashboard --save
		```
		### Option 1: From CDN
		```
		<link href="https://unpkg.com/sleek-dashboard/dist/assets/css/sleek.min.css" rel="stylesheet"/>
		```
		```
		<script src="https://unpkg.com/sleek-dashboard/dist/assets/js/sleek.bundle.js"></script>
		```
		[View Codepen Example](https://codepen.com/)

		## Development
		### Option 2: From NPM
		Install Sleek Dashboard from npm
		```
		npm i sleek-dashboard --save
		```

		### Option 3: Download
		You can download ready to use Sleek Dashboard admin template from our [Latest Release](https://github.com/tafcoder/sleek-dashboard/releases)

		Please visit [Documentation](https://sleek.tafcoder.com/installation.html) for more detailed information.

		## Contribution
		To use our build system and run project locally follow these instructions -
		@@ -83,42 +100,11 @@

		## File Structure
		## Plugins
		* Bootstrap - http://getbootstrap.com
		* Chart.js - http://www.chartjs.org/
		* Select 2 - https://select2.org/
		* Slim Scrol - http://rocha.la/jQuery-slimScroll

		Within the download you'll find the following directories and files:
		[See All Plugins](https://sleek.tafcoder.com/introduction.html)

		```
		sleek-dashboard/
		\|
		\|--- dist/ (Distrubution only)
		\| \|--- assets/
		\| \|--- css/ (CSS files)
		\| \|--- img/ (All images)
		\| \|--- js/ (All images)
		\| \|--- options/ (for theme option files)
		\| \|--- plugins/ (for all necessary plugins)
		\| \|--- scss/ (SCSS files)
		\| \|--- All html files (index.html, card.html etc.)
		\|
		\|--- src/
		\| \|--- _data/ (for data to use with Jekyll)
		\| \|--- _includes/ (for Jekyll include files)
		\| \|--- _layouts/ (for layout files)
		\| \|--- _plugins/ (contains some Ruby files)
		\| \|--- assets/
		\| \|--- css/ (CSS files)
		\| \|--- img/ (All images)
		\| \|--- js/ (All images)
		\| \|--- options/ (for theme option files)
		\| \|--- plugins/ (for all necessary plugins)
		\| \|--- scss/ (SCSS files)
		\| \|--- All html files (index.html, card.html etc.)
		\|
		\|--- _config.yaml
		\|--- Gemfile
		\|--- Gemfile.lock
		\|--- package.json
		\|--- ......
		\|--- ....

		```

		## Browser Support
		@@ -132,3 +118,3 @@

		We use GitHub Issues as the official bug tracker for the Sleek Dashboard. Please Search [existing issues](https://github.com/tafcoder/sleek-dashboard/issues). It’s possible someone has already reported the same problem.
		We use GitHub Issues as the official bug tracker for the Sleek Dashboard. Please Search [existing issues](https://github.com/tafcoder/sleek-dashboard/issues). It’s possible someone has already reported the same problem.
		If your problem or idea is not addressed yet, [open a new issue](https://github.com/tafcoder/sleek-dashboard/issues)
		@@ -135,0 +121,0 @@

49

src/_data/sidenavItems.json

		@@ -265,5 +265,5 @@ [
		{
		"name": "error",
		"label": "Error",
		"link": "error.html"
		"name": "404",
		"label": "404 Page",
		"link": "404.html"
		}
		@@ -290,5 +290,5 @@ ]
		{
		"name": "setup",
		"label": "Setup",
		"link": "setup.html"
		"name": "quick-start",
		"label": "Quick Start",
		"link": "quick-start.html"
		},
		@@ -306,3 +306,3 @@ {
		"name": "headers",
		"label": "Layout Headers",
		"label": "Header Variations",
		"child": [
		@@ -333,20 +333,35 @@ {
		"name": "sidebar-navs",
		"label": "layout Sidebars",
		"label": "Sidebar Variations",
		"child": [
		{
		"name": "sidebar-open",
		"label": "Sidebar Open",
		"link": "sidebar-open.html"
		"name": "sidebar-fixed-default",
		"label": "Sidebar Fixed Default",
		"link": "sidebar-fixed-default.html"
		},
		{
		"name": "sidebar-minimized",
		"label": "Sidebar Minimized",
		"link": "sidebar-minimized.html"
		"name": "sidebar-fixed-minified",
		"label": "Sidebar Fixed Minified",
		"link": "sidebar-fixed-minified.html"
		},
		{
		"name": "sidebar-offcanvas",
		"label": "Sidebar Offcanvas",
		"link": "sidebar-offcanvas.html"
		"name": "sidebar-fixed-offcanvas",
		"label": "Sidebar Fixed Offcanvas",
		"link": "sidebar-fixed-offcanvas.html"
		},
		{
		"name": "sidebar-static-default",
		"label": "Sidebar Static Default",
		"link": "sidebar-static-default.html"
		},
		{
		"name": "sidebar-static-minified",
		"label": "Sidebar Static Minified",
		"link": "sidebar-static-minified.html"
		},
		{
		"name": "sidebar-static-offcanvas",
		"label": "Sidebar Static Offcanvas",
		"link": "sidebar-static-offcanvas.html"
		},
		{
		"name": "sidebar-with-footer",
		@@ -353,0 +368,0 @@ "label": "Sidebar With Footer",

275

src/assets/js/custom.js

		@@ -6,11 +6,6 @@ /* ====== Index ======
		3. TOOLTIPS AND POPOVER
		4. JVECTORMAP DASHBOARD
		5. JVECTORMAP ANALYTICS
		6. JVECTORMAP WIDGET
		7. MULTIPLE SELECT
		8. LOADING BUTTON
		8.1. BIND NORMAL BUTTONS
		8.2. BIND PROGRESS BUTTONS AND SIMULATE LOADING PROGRESS
		9. TOASTER
		10. PROGRESS BAR
		4. MULTIPLE SELECT
		4. LOADING BUTTON
		5. TOASTER
		6. PROGRESS BAR

		@@ -24,11 +19,14 @@ ====== End ======*/

		SimpleJekyllSearch.init({
		searchInput: document.getElementById('search-input'),
		resultsContainer: document.getElementById('search-results'),
		dataSource: '/assets/data/search.json',
		searchResultTemplate: '<li><div class="link"><a href="{link}">{label}</a></div><div class="location">{location}</div><\/li>',
		noResultsText: '<li>No results found</li>',
		limit: 10,
		fuzzy: true,
		});
		var searchInput = $('#search-input');
		if(searchInput.length != 0){
		SimpleJekyllSearch.init({
		searchInput: document.getElementById('search-input'),
		resultsContainer: document.getElementById('search-results'),
		dataSource: '/assets/data/search.json',
		searchResultTemplate: '<li><div class="link"><a href="{link}">{label}</a></div><div class="location">{location}</div><\/li>',
		noResultsText: '<li>No results found</li>',
		limit: 10,
		fuzzy: true,
		});
		}

		@@ -38,7 +36,7 @@

		var dataScrollHeight = $("[data-scroll-height]");
		function scrollWithBigMedia(media) {
		var $elDataScrollHeight = $("[data-scroll-height]");
		if (media.matches) {
		/* The viewport is greater than, or equal to media screen size */
		$elDataScrollHeight.each(function() {
		dataScrollHeight.each(function () {
		var scrollHeight = $(this).attr("data-scroll-height");
		@@ -57,3 +55,3 @@ $(this).css({ height: scrollHeight + "px", overflow: "hidden" });
		})
		.mouseover(function() {
		.mouseover(function () {
		$(this)
		@@ -65,133 +63,56 @@ .next(".slimScrollBar")
		/* The viewport is less than media screen size */
		$elDataScrollHeight.css({ height: "auto", overflow: "auto" });
		dataScrollHeight.css({ height: "auto", overflow: "auto" });
		}
		}

		var media = window.matchMedia("(min-width: 992px)");
		scrollWithBigMedia(media); // Call listener function at run time
		media.addListener(scrollWithBigMedia); // Attach listener function on state changes
		if (dataScrollHeight.length != 0) {
		var media = window.matchMedia("(min-width: 992px)");
		scrollWithBigMedia(media); // Call listener function at run time
		media.addListener(scrollWithBigMedia); // Attach listener function on state changes
		}

		/======== 3. TOOLTIPS AND POPOVER ========/
		$('[data-toggle="tooltip"]').tooltip({
		container: "body",
		template:
		'<div class="tooltip" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>'
		});
		$('[data-toggle="popover"]').popover();
		var tooltip = $('[data-toggle="tooltip"]')
		if(tooltip.length != 0){
		tooltip.tooltip({
		container: "body",
		template:
		'<div class="tooltip" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>'
		});
		}

		/======== 4. JVECTORMAP DASHBOARD ========/
		var mapData = {
		US: 1298,
		FR: 540,
		DE: 350,
		BW: 450,
		NA: 250,
		ZW: 300,
		AU: 760,
		GB: 120,
		ZA: 450
		};
		var popover = $('[data-toggle="popover"]')

		if (document.getElementById("world")) {
		$("#world").vectorMap({
		map: "world_mill",
		backgroundColor: "transparent",
		zoomOnScroll: false,
		regionStyle: {
		initial: {
		fill: "#e4e4e4",
		"fill-opacity": 0.9,
		stroke: "none",
		"stroke-width": 0,
		"stroke-opacity": 0
		}
		},
		markerStyle: {
		initial: {
		stroke: "transparent"
		},
		hover: {
		stroke: "rgba(112, 112, 112, 0.30)"
		}
		},
		if(popover.length != 0){
		popover.popover();
		}

		markers: [
		{
		latLng: [54.673629, -62.347026],
		name: "America",
		style: {
		fill: "limegreen"
		}
		},
		{
		latLng: [62.466943, 11.797592],
		name: "Europe",
		style: {
		fill: "orange"
		}
		},
		{
		latLng: [23.956725, -8.768815],
		name: "Africa",
		style: {
		fill: "red"
		}
		},
		{
		latLng: [-21.943369, 123.102198],
		name: "Australia",
		style: {
		fill: "royalblue"
		}
		}
		]
		});

		/======== 4. MULTIPLE SELECT ========/
		var multipleSelect = $(".js-example-basic-multiple");
		if(multipleSelect.length != 0){
		multipleSelect.select2();
		}

		/======== 5. JVECTORMAP ANALYTICS ========/
		var mapData2 = {
		IN: 19000,
		US: 13000,
		TR: 9500,
		DO: 7500,
		PL: 4600,
		UK: 4000
		};
		/======== 4. LOADING BUTTON ========/

		if (document.getElementById("analytic-world")) {
		$("#analytic-world").vectorMap({
		map: "world_mill",
		backgroundColor: "transparent",
		zoomOnScroll: false,
		regionStyle: {
		initial: {
		fill: "#e4e4e4",
		"fill-opacity": 0.9,
		stroke: "none",
		"stroke-width": 0,
		"stroke-opacity": 0
		}
		},
		var laddaButton = $('.ladda-button');

		series: {
		regions: [
		{
		values: mapData2,
		scale: ["#6a9ef9", "#b6d0ff"],
		normalizeFunction: "polynomial"
		}
		]
		}
		if(laddaButton.length != 0){
		Ladda.bind(".ladda-button", {
		timeout: 5000
		});
		}

		/======== 6. JVECTORMAP WIDGET ========/
		if (document.getElementById("demoworld")) {
		$("#demoworld").vectorMap({
		map: "world_mill",
		backgroundColor: "transparent",
		regionStyle: {
		initial: {
		fill: "#9c9c9c"
		}
		Ladda.bind(".progress-demo button", {
		callback: function (instance) {
		var progress = 0;
		var interval = setInterval(function () {
		progress = Math.min(progress + Math.random() * 0.1, 1);
		instance.setProgress(progress);

		if (progress === 1) {
		instance.stop();
		clearInterval(interval);
		}
		}, 200);
		}
		@@ -201,59 +122,39 @@ });

		/======== 7. MULTIPLE SELECT ========/
		$(".js-example-basic-multiple").select2();
		/======== 5. TOASTER ========/

		/======== 8. LOADING BUTTON ========/
		/* 8.1. BIND NORMAL BUTTONS */
		Ladda.bind(".ladda-button", {
		timeout: 5000
		});
		var toaster = $('#toaster')

		/* 7.2. BIND PROGRESS BUTTONS AND SIMULATE LOADING PROGRESS */
		Ladda.bind(".progress-demo button", {
		callback: function(instance) {
		var progress = 0;
		var interval = setInterval(function() {
		progress = Math.min(progress + Math.random() * 0.1, 1);
		instance.setProgress(progress);
		function callToaster(positionClass) {
		toastr.options = {
		closeButton: true,
		debug: false,
		newestOnTop: false,
		progressBar: true,
		positionClass: positionClass,
		preventDuplicates: false,
		onclick: null,
		showDuration: "300",
		hideDuration: "1000",
		timeOut: "5000",
		extendedTimeOut: "1000",
		showEasing: "swing",
		hideEasing: "linear",
		showMethod: "fadeIn",
		hideMethod: "fadeOut"
		};
		toastr.success("Welcome to Sleek Dashboard", "Howdy!");
		}

		if (progress === 1) {
		instance.stop();
		clearInterval(interval);
		}
		}, 200);
		if(toaster.length != 0){

		if (document.dir != "rtl") {
		callToaster("toast-top-right");
		} else {
		callToaster("toast-top-left");
		}
		});

		/======== 9. TOASTER ========/
		function callToaster(positionClass) {
		if (document.getElementById("toaster")) {
		toastr.options = {
		closeButton: true,
		debug: false,
		newestOnTop: false,
		progressBar: true,
		positionClass: positionClass,
		preventDuplicates: false,
		onclick: null,
		showDuration: "300",
		hideDuration: "1000",
		timeOut: "5000",
		extendedTimeOut: "1000",
		showEasing: "swing",
		hideEasing: "linear",
		showMethod: "fadeIn",
		hideMethod: "fadeOut"
		};
		toastr.success("Welcome to sleek", "Howdy!");
		}
		}

		if (document.dir != "rtl" ){
		callToaster("toast-top-right");
		}else {
		callToaster("toast-top-left");
		}

		/======== 10. PROGRESS BAR ========/
		/======== 6. PROGRESS BAR ========/
		NProgress.done();
		});

12

src/assets/js/date-range.js

		@@ -12,5 +12,5 @@ /* ====== Index ======
		"use strict";


		/======== 1. RECNT ORDERS ========/
		if ($("#recent-orders")) {
		if ($("#recent-orders").length != 0) {
		var start = moment().subtract(29, "days");
		@@ -54,3 +54,3 @@ var end = moment();
		/======== 2. USER ACTIVITY ========/
		if ($("#user-activity")) {
		if ($("#user-activity").length != 0) {
		var start = moment().subtract(1, "days");
		@@ -94,3 +94,3 @@ var end = moment().subtract(1, "days");
		/======== 3. ANALYTICS COUNTRY ========/
		if ($("#analytics-country")) {
		if ($("#analytics-country").length != 0) {
		var start = moment();
		@@ -134,3 +134,3 @@ var end = moment();
		/======== 4. PAGE VIEWS ========/
		if ($("#page-views")) {
		if ($("#page-views").length != 0) {
		var start = moment();
		@@ -173,3 +173,3 @@ var end = moment();
		/======== 5. ACTIVITY USER ========/
		if ($("#activity-user")) {
		if ($("#activity-user").length != 0) {
		var start = moment();
		@@ -176,0 +176,0 @@ var end = moment();

142

src/assets/js/sleek.js

		@@ -13,8 +13,9 @@ /* ====== Index ======

		$(document).ready(function() {
		$(document).ready(function () {
		"use strict";

		/======== 1. SCROLLBAR SIDEBAR ========/
		$(".sidebar-scrollbar")
		.slimScroll({
		var sidebarScrollbar = $(".sidebar-scrollbar");
		if (sidebarScrollbar.length != 0) {
		sidebarScrollbar.slimScroll({
		opacity: 0,
		@@ -26,7 +27,8 @@ height: "100%",
		})
		.mouseover(function () {
		$(this)
		.next(".slimScrollBar")
		.css("opacity", 0.5);
		});
		.mouseover(function () {
		$(this)
		.next(".slimScrollBar")
		.css("opacity", 0.5);
		});
		}

		@@ -36,23 +38,28 @@ /======== 2. BACKDROP ========/
		var shadowClass = $(".mobile-sticky-body-overlay");
		$(".sidebar-toggle").on("click", function() {
		shadowClass.addClass("active");
		$("body").css("overflow", "hidden");
		});
		if (shadowClass.length != 0) {
		$(".sidebar-toggle").on("click", function () {
		shadowClass.addClass("active");
		$("body").css("overflow", "hidden");
		});

		$(".mobile-sticky-body-overlay").on("click", function(e) {
		$(this).removeClass("active");
		$("#body").removeClass("sidebar-minified").addClass("sidebar-minified-out");
		$("body").css("overflow", "auto");
		});
		shadowClass.on("click", function (e) {
		$(this).removeClass("active");
		$("#body").removeClass("sidebar-minified").addClass("sidebar-minified-out");
		$("body").css("overflow", "auto");
		});
		}
		}

		/======== 3. SIDEBAR MENU ========/
		$(".sidebar .nav > .has-sub > a").click(function(){
		$(this).parent().siblings().removeClass('expand')
		$(this).parent().toggleClass('expand')
		})
		var sidebar = $(".sidebar")
		if (sidebar.length != 0) {
		$(".sidebar .nav > .has-sub > a").click(function () {
		$(this).parent().siblings().removeClass('expand')
		$(this).parent().toggleClass('expand')
		})

		$(".sidebar .nav > .has-sub .has-sub > a").click(function(){
		$(this).parent().toggleClass('expand')
		})
		$(".sidebar .nav > .has-sub .has-sub > a").click(function () {
		$(this).parent().toggleClass('expand')
		})
		}

		@@ -62,15 +69,19 @@
		if ($(window).width() < 768) {
		$(document).on("click", ".sidebar-toggle", function(e) {
		e.preventDefault();
		var min = "sidebar-minified",
		min_out = "sidebar-minified-out",
		body = "#body";
		$(body).hasClass(min)
		? $(body)

		var sidebarToggle = $(".sidebar-toggle");
		if(sidebarToggle.length != 0){
		$(document).on("click", ".sidebar-toggle", function (e) {
		e.preventDefault();
		var min = "sidebar-minified",
		min_out = "sidebar-minified-out",
		body = "#body";
		$(body).hasClass(min)
		? $(body)
		.removeClass(min)
		.addClass(min_out)
		: $(body)
		: $(body)
		.addClass(min)
		.removeClass(min_out)
		});
		});
		}
		}
		@@ -81,5 +92,10 @@
		if ($(window).width() >= 768) {
		window.isMinified = false;
		window.isCollapsed = false;

		if (typeof window.isMinified === "undefined") {
		window.isMinified = false;
		}
		if (typeof window.isCollapsed === "undefined") {
		window.isCollapsed = false;
		}

		$("#sidebar-toggler").on("click", function () {
		@@ -145,4 +161,4 @@ if (
		var mdis = document.querySelectorAll(".todo-single-item .mdi");
		mdis.forEach(function(fa) {
		fa.addEventListener("click", function(e) {
		mdis.forEach(function (fa) {
		fa.addEventListener("click", function (e) {
		e.stopPropagation();
		@@ -160,3 +176,3 @@ e.target.parentElement.classList.toggle("finished");

		document.querySelector("#add-task").addEventListener("click", function(e) {
		document.querySelector("#add-task").addEventListener("click", function (e) {
		e.preventDefault();
		@@ -167,3 +183,3 @@ todoInput.classList.toggle("d-block");

		todoInputForm.addEventListener("submit", function(e) {
		todoInputForm.addEventListener("submit", function (e) {
		e.preventDefault();
		@@ -192,36 +208,36 @@ if (item.value.length <= 0) {
		/======== 7. RIGHT SIDEBAR ========/
		if ($(window).width() < 1025) {
		body.addClass('right-sidebar-toggoler-out');

		var btnRightSidebarToggler = $('.btn-right-sidebar-toggler');
		var rightSidebarIn = 'right-sidebar-in';
		var rightSidebarOut = 'right-sidebar-out';

		btnRightSidebarToggler.on('click', function () {
		$('.nav-right-sidebar .nav-link').on('click', function () {

		if (!body.hasClass('right-sidebar-toggoler-out')) {
		body.addClass('right-sidebar-toggoler-out').removeClass('right-sidebar-toggoler-in');
		} else {
		body.addClass('right-sidebar-toggoler-in').removeClass('right-sidebar-toggoler-out')
		}
		if (!body.hasClass(rightSidebarIn)) {
		body.addClass(rightSidebarIn).removeClass(rightSidebarOut);

		});
		} else if ($(this).hasClass('show')) {
		body.addClass(rightSidebarOut).removeClass(rightSidebarIn);
		}
		});

		}
		$('.card-right-sidebar .close').on('click', function () {
		body.removeClass(rightSidebarIn).addClass(rightSidebarOut);
		})

		var navRightSidebarLink = $('.nav-right-sidebar .nav-link');
		if ($(window).width() <= 1024) {

		navRightSidebarLink.on('click', function () {
		var togglerInClass = "right-sidebar-toggoler-in"
		var togglerOutClass = "right-sidebar-toggoler-out"

		if(!body.hasClass('right-sidebar-in')){
		body.addClass('right-sidebar-in').removeClass('right-sidebar-out');
		body.addClass(togglerOutClass);

		} else if ($(this).hasClass('show')){
		body.addClass('right-sidebar-out').removeClass('right-sidebar-in');
		}
		});
		$('.btn-right-sidebar-toggler').on('click', function () {
		if (body.hasClass(togglerOutClass)) {
		body.addClass(togglerInClass).removeClass(togglerOutClass)
		} else {
		body.addClass(togglerOutClass).removeClass(togglerInClass);
		}
		});
		}


		var cardClosebutton = $('.card-right-sidebar .close');
		cardClosebutton.on('click', function () {
		body.removeClass('right-sidebar-in').addClass('right-sidebar-out');
		})
		});

364

src/assets/options/optionswitcher.js

		@@ -1,6 +0,8 @@
		if($(window).width() > 750) {
		$(document).ready(function () {

		$('#body').each(function() {
		'use strict';
		var themeOption = $(`<div class="theme-option">
		if ($(window).width() > 750) {

		$('#body').each(function () {
		'use strict';
		var themeOption = $(`<div class="theme-option">
		<div class="theme-option-switcher">
		@@ -15,3 +17,3 @@ <div class="theme-option-switcher-btn theme-icon-option">

		<span class="theme-subtitle">Header</span>
		<span class="theme-subtitle">Header Layout</span>
		<div class="no-col-space">
		@@ -22,8 +24,10 @@ <a href="javascript:void(0);" class="theme-btn header-fixed-to theme-active-switcher-btn">Fixed</a>

		<span class="theme-subtitle">Navigation</span>
		<span class="theme-subtitle">Sidebar Layout</span>
		<div class="no-col-space">
		<select class="theme-select" id="sidebar-option-select">
		<option value="sidebar-fixed" selected>Fixed</option>
		<option value="sidebar-fixed">Fixed Default</option>
		<option value="sidebar-fixed-minified">Fixed Minified</option>
		<option value="sidebar-fixed-offcanvas">Fixed Offcanvas</option>
		<option value="sidebar-static">Static</option>
		<option value="sidebar-static">Static Default</option>
		<option value="sidebar-static-minified">Static Minified</option>
		<option value="sidebar-static-offcanvas">Static Offcanvas</option>
		@@ -50,42 +54,110 @@ </select>
		</div>

		</div>
		</div>
		<div style="display: flex; justify-content: center; padding-top: 30px">
		<div id="reset-options" style="width: auto; cursor: pointer" class="theme-btn theme-active-switcher-btn">Reset Settings</div>
		</div>
		</div>
		</div>`);
		$('#body').prepend(themeOption);
		});
		}
		//option Switcher
		var panel = jQuery('.theme-option-switcher');
		$('#body').prepend(themeOption);
		});
		}

		$('.theme-option-switcher-btn').on('click', function () {
		'use strict';
		$(this).toggleClass('theme-cross');
		jQuery('.theme-option-switcher').toggleClass('theme-option-visible');
		});
		//Option Switcher


		// Store object for local storage data
		var currentOptions = {
		headerType: "header-fixed",
		headerBackground: "header-light",
		navigationType: "sidebar-fixed",
		navigationBackground: "sidebar-dark",
		direction: "ltr"
		}

		/**
		* Get local storage value
		*/
		function getOptions() {
		return JSON.parse(localStorage.getItem("optionsObject"))
		}

		/**
		* Set local storage property value
		*/
		function setOptions(propertyName, propertyValue) {

		//Store in local storage
		var optionsCopy = Object.assign({}, currentOptions);
		optionsCopy[propertyName] = propertyValue

		//Store in local storage
		localStorage.setItem("optionsObject", JSON.stringify(optionsCopy));
		}

		if (getOptions() != null) {
		currentOptions = getOptions()
		} else {
		localStorage.setItem("optionsObject", JSON.stringify(currentOptions));
		}

		/**
		* Clear local storage
		*/
		function clearOptions() {
		localStorage.removeItem("optionsObject");
		}

		// Set localstorage value to variable
		if (getOptions() != null) {
		currentOptions = getOptions()
		} else {
		localStorage.setItem("optionsObject", JSON.stringify(currentOptions));
		}



		$('.theme-option-switcher-btn').on('click', function () {
		'use strict';
		$(this).toggleClass('theme-cross');
		jQuery('.theme-option-switcher').toggleClass('theme-option-visible');
		});

		//VARIABLE
		var body = jQuery('#body');
		var header_static = jQuery('.header-static-to');
		var header_fixed = jQuery('.header-fixed-to');
		var body = jQuery('#body');
		var header_static = jQuery('.header-static-to');
		var header_fixed = jQuery('.header-fixed-to');



		//NAVBAR OPTION
		header_static.click(function(){
		'use strict';
		jQuery(this).addClass('theme-active-switcher-btn');
		header_fixed.removeClass('theme-active-switcher-btn');
		//NAVBAR OPTION
		header_static.click(function () {
		'use strict';
		jQuery(this).addClass('theme-active-switcher-btn');
		header_fixed.removeClass('theme-active-switcher-btn');
		body.removeClass('header-fixed')
		body.addClass('header-static')
		});

		header_fixed.click(function(){
		'use strict';
		jQuery(this).addClass('theme-active-switcher-btn');
		header_static.removeClass('theme-active-switcher-btn');
		//Store in local storage
		setOptions("headerType", "header-static")
		});

		//Click for current options
		if (currentOptions.headerType === "header-static") {
		header_static.trigger("click")
		}

		header_fixed.click(function () {
		'use strict';
		jQuery(this).addClass('theme-active-switcher-btn');
		header_static.removeClass('theme-active-switcher-btn');
		body.removeClass('header-static')
		body.addClass('header-fixed')
		});
		//Store in local storage
		setOptions("headerType", "header-fixed")
		});

		//Click for current options
		if (currentOptions.headerType === "header-fixed") {
		header_fixed.trigger("click")
		}

		@@ -95,27 +167,55 @@

		// SIDEBAR OPTION

		// SIDEBAR OPTION

		if ($(window).width() > 750) {
		$('#sidebar-option-select').change(function () {
		'use strict';
		if ($(window).width() > 750) {
		$('#sidebar-option-select').change(function () {
		'use strict';
		var optionSelected = $(this).find("option:selected");
		var valueSelected = optionSelected.val();
		var valueSelected = optionSelected.val();

		if(valueSelected === "sidebar-fixed"){
		if (valueSelected === "sidebar-fixed") {
		body.removeClass('sidebar-fixed-offcanvas sidebar-static sidebar-static-offcanvas sidebar-collapse sidebar-collapse-out sidebar-minified sidebar-minified-out').addClass('sidebar-fixed')
		window.isMinified = false; // Because It is not minified (aka it is opened)
		window.isCollapsed = false;

		//Store in local storage
		setOptions("navigationType", "sidebar-fixed")
		}

		if(valueSelected === "sidebar-fixed-offcanvas"){
		if (valueSelected === "sidebar-fixed-minified") {
		body.removeClass('sidebar-fixed-offcanvas sidebar-static sidebar-static-offcanvas sidebar-collapse sidebar-collapse-out sidebar-minified sidebar-minified-out').addClass('sidebar-fixed sidebar-minified')
		window.isMinified = true; // Because It is minified
		window.isCollapsed = false;

		//Store in local storage
		setOptions("navigationType", "sidebar-fixed-minified")
		}



		if (valueSelected === "sidebar-fixed-offcanvas") {
		body.removeClass('sidebar-static sidebar-static-offcanvas sidebar-collapse-out sidebar-minified sidebar-minified-out sidebar-fixed').addClass('sidebar-fixed-offcanvas sidebar-collapse')
		window.isCollapsed = true;
		window.isMinified = false;

		//Store in local storage
		setOptions("navigationType", "sidebar-fixed-offcanvas")
		}

		if (valueSelected === "sidebar-static") {
		body.removeClass('sidebar-fixed-offcanvas sidebar-static-offcanvas sidebar-collapse sidebar-collapse-out sidebar-minified-out sidebar-fixed').addClass('sidebar-static')
		window.isMinified = false;
		window.isCollapsed = false;

		//Store in local storage
		setOptions("navigationType", "sidebar-static")
		}

		if (valueSelected === "sidebar-static-minified") {
		body.removeClass('sidebar-fixed-offcanvas sidebar-static-offcanvas sidebar-collapse sidebar-collapse-out sidebar-minified-out sidebar-fixed').addClass('sidebar-static sidebar-minified')
		window.isMinified = true;
		window.isCollapsed = false;

		//Store in local storage
		setOptions("navigationType", "sidebar-static-minified")
		}
		@@ -127,64 +227,144 @@
		window.isMinified = false;

		//Store in local storage
		setOptions("navigationType", "sidebar-static-offcanvas")
		}
		});
		}
		});


		// Trigger Change for current options
		if (currentOptions.navigationType === "sidebar-fixed") {
		$('#sidebar-option-select').val('sidebar-fixed').change();
		}
		if (currentOptions.navigationType === "sidebar-fixed-minified") {
		$('#sidebar-option-select').val('sidebar-fixed-minified').change();
		}
		if (currentOptions.navigationType === "sidebar-fixed-offcanvas") {
		$('#sidebar-option-select').val('sidebar-fixed-offcanvas').change();
		}
		if (currentOptions.navigationType === "sidebar-static") {
		$('#sidebar-option-select').val('sidebar-static').change();
		}
		if (currentOptions.navigationType === "sidebar-static-minified") {
		$('#sidebar-option-select').val('sidebar-static-minified').change();
		}
		if (currentOptions.navigationType === "sidebar-static-offcanvas") {
		$('#sidebar-option-select').val('sidebar-static-offcanvas').change();
		}
		}

		// Header Background
		var header_dark = jQuery('.header-dark-to');
		var header_light = jQuery('.header-light-to');
		header_dark.click(function(){
		'use strict';
		jQuery(this).addClass('theme-active-switcher-btn');
		header_light.removeClass('theme-active-switcher-btn');
		body.removeClass('header-light').addClass('header-dark');
		});

		header_light.click(function(){
		'use strict';
		jQuery(this).addClass('theme-active-switcher-btn');
		header_dark.removeClass('theme-active-switcher-btn');
		body.removeClass('header-dark').addClass('header-light');
		});

		// Sidebar Background
		var sidebar_dark = jQuery('.sidebar-dark-to');
		var sidebar_light = jQuery('.sidebar-light-to');
		// Header Background
		var header_dark = jQuery('.header-dark-to');
		var header_light = jQuery('.header-light-to');

		sidebar_dark.click(function(){
		'use strict';
		jQuery(this).addClass('theme-active-switcher-btn');
		sidebar_light.removeClass('theme-active-switcher-btn');
		body.removeClass('sidebar-light').addClass('sidebar-dark');
		});
		header_dark.click(function () {
		'use strict';
		jQuery(this).addClass('theme-active-switcher-btn');
		header_light.removeClass('theme-active-switcher-btn');
		body.removeClass('header-light').addClass('header-dark');

		sidebar_light.click(function(){
		'use strict';
		jQuery(this).addClass('theme-active-switcher-btn');
		sidebar_dark.removeClass('theme-active-switcher-btn');
		body.removeClass('sidebar-dark').addClass('sidebar-light');
		});
		//Store in local storage
		setOptions("headerBackground", "header-dark")
		});

		//Click for current options
		if (currentOptions.headerBackground === "header-dark") {
		header_dark.trigger("click");
		}

		// Direction
		var ltr = jQuery('.ltr-to');
		var rtl = jQuery('.rtl-to');
		header_light.click(function () {
		'use strict';
		jQuery(this).addClass('theme-active-switcher-btn');
		header_dark.removeClass('theme-active-switcher-btn');
		body.removeClass('header-dark').addClass('header-light');

		ltr.click(function(){
		'use strict';
		jQuery(this).addClass('theme-active-switcher-btn');
		rtl.removeClass('theme-active-switcher-btn');
		$('html').attr('dir', 'ltr')
		$("#sleek-css").attr("href", "assets/css/sleek.css");
		window.dir = 'ltr'
		});
		//Store in local storage
		setOptions("headerBackground", "header-light")
		});

		rtl.click(function(){
		'use strict';
		jQuery(this).addClass('theme-active-switcher-btn');
		ltr.removeClass('theme-active-switcher-btn');
		$('html').attr('dir', 'rtl')
		$("#sleek-css").attr("href", "assets/css/sleek.rtl.css");
		window.dir = 'rtl'
		//Click for current options
		if (currentOptions.headerBackground === "header-light") {
		header_light.trigger("click")
		}

		// Sidebar Background
		var sidebar_dark = jQuery('.sidebar-dark-to');
		var sidebar_light = jQuery('.sidebar-light-to');

		sidebar_dark.click(function () {
		'use strict';
		jQuery(this).addClass('theme-active-switcher-btn');
		sidebar_light.removeClass('theme-active-switcher-btn');
		body.removeClass('sidebar-light').addClass('sidebar-dark');

		//Store in local storage
		setOptions("navigationBackground", "sidebar-dark")
		});

		//Click for current options
		if (currentOptions.navigationBackground === "sidebar-dark") {
		sidebar_dark.trigger("click")
		}

		sidebar_light.click(function () {
		'use strict';
		jQuery(this).addClass('theme-active-switcher-btn');
		sidebar_dark.removeClass('theme-active-switcher-btn');
		body.removeClass('sidebar-dark').addClass('sidebar-light');

		//Store in local storage
		setOptions("navigationBackground", "sidebar-light")
		});

		//Click for current options
		if (currentOptions.navigationBackground === "sidebar-light") {
		sidebar_light.trigger("click")
		}


		// Direction
		var ltr = jQuery('.ltr-to');
		var rtl = jQuery('.rtl-to');

		ltr.click(function () {
		'use strict';
		jQuery(this).addClass('theme-active-switcher-btn');
		rtl.removeClass('theme-active-switcher-btn');
		$('html').attr('dir', 'ltr')
		$("#sleek-css").attr("href", "assets/css/sleek.css");
		window.dir = 'ltr'

		//Store in local storage
		setOptions("direction", "ltr")
		});

		//Click for current options
		if (currentOptions.direction === "ltr") {
		ltr.trigger("click")
		}

		rtl.click(function () {
		'use strict';
		jQuery(this).addClass('theme-active-switcher-btn');
		ltr.removeClass('theme-active-switcher-btn');
		$('html').attr('dir', 'rtl')
		$("#sleek-css").attr("href", "assets/css/sleek.rtl.css");
		window.dir = 'rtl'

		//Store in local storage
		setOptions("direction", "rtl")
		});

		//Click for current options
		if (currentOptions.direction === "rtl") {
		rtl.trigger("click")
		}

		$('#reset-options').click(function () {
		clearOptions();
		location.reload();
		})

		});

dist.zip

dist/assets/plugins/toaster/toastr.css

dist/assets/plugins/toaster/toastr.js.map

dist/assets/plugins/toaster/toastr.min.css

dist/assets/plugins/toaster/toastr.min.js

dist/error.html

dist/setup.html

dist/sidebar-minimized.html

dist/sidebar-offcanvas.html

dist/sidebar-open.html

src/assets/js/chart.js

src/assets/js/map.js

src/assets/options/animate.css

src/assets/options/pattern1.png

src/assets/options/pattern2.png

src/assets/options/pattern3.png

src/assets/options/pattern4.png

src/assets/options/pattern5.png

src/assets/plugins/toaster/toastr.css

src/assets/plugins/toaster/toastr.js.map

src/assets/plugins/toaster/toastr.min.css

src/assets/plugins/toaster/toastr.min.js

src/error.html

src/setup.html

src/sidebar-minimized.html

src/sidebar-offcanvas.html

src/sidebar-open.html

_config.demo.yaml