Training Part 1;
This commit is contained in:
kagir committed
1 parent
6627021355
commit
5d05167492
40 files changed
+26497
-105
No files matched your search
File diff suppressed because it is too large.
Load diff
@@ -0,0 +1 @@
|
||||
.ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;height:15px;bottom:0;position:absolute}.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:15px;right:0;position:absolute}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y{opacity:.6}.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover{background-color:#eee;opacity:.9}.ps__thumb-x{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px;position:absolute}.ps__thumb-y{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px;position:absolute}.ps__rail-x.ps--clicking .ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x{background-color:#999;height:11px}.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y{background-color:#999;width:11px}@supports (-ms-overflow-style:none){.ps{overflow:auto!important}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ps{overflow:auto!important}}
|
||||
@@ -0,0 +1,37 @@
|
||||
/*! jQuery v3.6.0 | (c) OpenJS Foundation and other contributors | jquery.org/license */
|
||||
!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(C,e){"use strict";var t=[],r=Object.getPrototypeOf,s=t.slice,g=t.flat?function(e){return t.flat.call(e)}:function(e){return t.concat.apply([],e)},u=t.push,i=t.indexOf,n={},o=n.toString,v=n.hasOwnProperty,a=v.toString,l=a.call(Object),y={},m=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType&&"function"!=typeof e.item},x=function(e){return null!=e&&e===e.window},E=C.document,c={type:!0,src:!0,nonce:!0,noModule:!0};function b(e,t,n){var r,i,o=(n=n||E).createElement("script");if(o.text=e,t)for(r in c)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function w(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[o.call(e)]||"object":typeof e}var f="3.6.0",S=function(e,t){return new S.fn.init(e,t)};function p(e){var t=!!e&&"length"in e&&e.length,n=w(e);return!m(e)&&!x(e)&&("array"===n||0===t||"number"==typeof t&&0<t&&t-1 in e)}S.fn=S.prototype={jquery:f,constructor:S,length:0,toArray:function(){return s.call(this)},get:function(e){return null==e?s.call(this):e<0?this[e+this.length]:this[e]},pushStack:function(e){var t=S.merge(this.constructor(),e);return t.prevObject=this,t},each:function(e){return S.each(this,e)},map:function(n){return this.pushStack(S.map(this,function(e,t){return n.call(e,t,e)}))},slice:function(){return this.pushStack(s.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},even:function(){return this.pushStack(S.grep(this,function(e,t){return(t+1)%2}))},odd:function(){return this.pushStack(S.grep(this,function(e,t){return t%2}))},eq:function(e){var t=this.length,n=+e+(e<0?t:0);return this.pushStack(0<=n&&n<t?[this[n]]:[])},end:function(){return this.prevObject||this.constructor()},push:u,sort:t.sort,splice:t.splice},S.extend=S.fn.extend=function(){var e,t,n,r,i,o,a=arguments[0]||{},s=1,u=arguments.length,l=!1;for("boolean"==typeof a&&(l=a,a=arguments[s]||{},s++),"object"==typeof a||m(a)||(a={}),s===u&&(a=this,s--);s<u;s++)if(null!=(e=arguments[s]))for(t in e)r=e[t],"__proto__"!==t&&a!==r&&(l&&r&&(S.isPlainObject(r)||(i=Array.isArray(r)))?(n=a[t],o=i&&!Array.isArray(n)?[]:i||S.isPlainObject(n)?n:{},i=!1,a[t]=S.extend(l,o,r)):void 0!==r&&(a[t]=r));return a},S.extend({expando:"jQuery"+(f+Math.random()).replace(/\D/g,""),isReady:!0,error:function(e){throw new Error(e)},noop:function(){},isPlainObject:function(e){var t,n;return!(!e||"[object Object]"!==o.call(e))&&(!(t=r(e))||"function"==typeof(n=v.call(t,"constructor")&&t.constructor)&&a.call(n)===l)},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},globalEval:function(e,t,n){b(e,{nonce:t&&t.nonce},n)},each:function(e,t){var n,r=0;if(p(e)){for(n=e.length;r<n;r++)if(!1===t.call(e[r],r,e[r]))break}else for(r in e)if(!1===t.call(e[r],r,e[r]))break;return e},makeArray:function(e,t){var n=t||[];return null!=e&&(p(Object(e))?S.merge(n,"string"==typeof e?[e]:e):u.call(n,e)),n},inArray:function(e,t,n){return null==t?-1:i.call(t,e,n)},merge:function(e,t){for(var n=+t.length,r=0,i=e.length;r<n;r++)e[i++]=t[r];return e.length=i,e},grep:function(e,t,n){for(var r=[],i=0,o=e.length,a=!n;i<o;i++)!t(e[i],i)!==a&&r.push(e[i]);return r},map:function(e,t,n){var r,i,o=0,a=[];if(p(e))for(r=e.length;o<r;o++)null!=(i=t(e[o],o,n))&&a.push(i);else for(o in e)null!=(i=t(e[o],o,n))&&a.push(i);return g(a)},guid:1,support:y}),"function"==typeof Symbol&&(S.fn[Symbol.iterator]=t[Symbol.iterator]),S.each("Boolean Number String Function Array Date RegExp Object Error Symbol".split(" "),function(e,t){n["[object "+t+"]"]=t.toLowerCase()});var d=function(n){var e,d,b,o,i,h,f,g,w,u,l,T,C,a,E,v,s,c,y,S="sizzle"+1*new Date,p=n.document,k=0,r=0,m=ue(),x=ue(),A=ue(),N=ue(),j=function(e,t){return e===t&&(l=!0),0},D={}.hasOwnProperty,t=[],q=t.pop,L=t.push,H=t.push,O=t.slice,P=function(e,t){for(var n=0,r=e.length;n<r;n++)if(e[n]===t)return n;return-1},R="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",M="[\\x20\\t\\r\\n\\f]",I="(?:\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\[^\\r\\n\\f]|[\\w-]|[^\0-\\x7f])+",W="\\["+M+"*("+I+")(?:"+M+"*([*^$|!~]?=)"+M+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+I+"))|)"+M+"*\\]",F=":("+I+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+W+")*)|.*)\\)|)",B=new RegExp(M+"+","g"),$=new RegExp("^"+M+"+|((?:^|[^\\\\])(?:\\\\.)*)"+M+"+$","g"),_=new RegExp("^"+M+"*,"+M+"*"),z=new RegExp("^"+M+"*([>+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp(F),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+F),CHILD:new RegExp("^Line truncated
|
||||
|
||||
/**
|
||||
* @popperjs/core v2.11.5 - MIT License
|
||||
*/
|
||||
|
||||
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).Popper={})}(this,(function(e){"use strict";function t(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function n(e){return e instanceof t(e).Element||e instanceof Element}function r(e){return e instanceof t(e).HTMLElement||e instanceof HTMLElement}function o(e){return"undefined"!=typeof ShadowRoot&&(e instanceof t(e).ShadowRoot||e instanceof ShadowRoot)}var i=Math.max,a=Math.min,s=Math.round;function f(e,t){void 0===t&&(t=!1);var n=e.getBoundingClientRect(),o=1,i=1;if(r(e)&&t){var a=e.offsetHeight,f=e.offsetWidth;f>0&&(o=s(n.width)/f||1),a>0&&(i=s(n.height)/a||1)}return{width:n.width/o,height:n.height/i,top:n.top/i,right:n.right/o,bottom:n.bottom/i,left:n.left/o,x:n.left/o,y:n.top/i}}function c(e){var n=t(e);return{scrollLeft:n.pageXOffset,scrollTop:n.pageYOffset}}function p(e){return e?(e.nodeName||"").toLowerCase():null}function u(e){return((n(e)?e.ownerDocument:e.document)||window.document).documentElement}function l(e){return f(u(e)).left+c(e).scrollLeft}function d(e){return t(e).getComputedStyle(e)}function h(e){var t=d(e),n=t.overflow,r=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(n+o+r)}function m(e,n,o){void 0===o&&(o=!1);var i,a,d=r(n),m=r(n)&&function(e){var t=e.getBoundingClientRect(),n=s(t.width)/e.offsetWidth||1,r=s(t.height)/e.offsetHeight||1;return 1!==n||1!==r}(n),v=u(n),g=f(e,m),y={scrollLeft:0,scrollTop:0},b={x:0,y:0};return(d||!d&&!o)&&(("body"!==p(n)||h(v))&&(y=(i=n)!==t(i)&&r(i)?{scrollLeft:(a=i).scrollLeft,scrollTop:a.scrollTop}:c(i)),r(n)?((b=f(n,!0)).x+=n.clientLeft,b.y+=n.clientTop):v&&(b.x=l(v))),{x:g.left+y.scrollLeft-b.x,y:g.top+y.scrollTop-b.y,width:g.width,height:g.height}}function v(e){var t=f(e),n=e.offsetWidth,r=e.offsetHeight;return Math.abs(t.width-n)<=1&&(n=t.width),Math.abs(t.height-r)<=1&&(r=t.height),{x:e.offsetLeft,y:e.offsetTop,width:n,height:r}}function g(e){return"html"===p(e)?e:e.assignedSlot||e.parentNode||(o(e)?e.host:null)||u(e)}function y(e){return["html","body","#document"].indexOf(p(e))>=0?e.ownerDocument.body:r(e)&&h(e)?e:y(g(e))}function b(e,n){var r;void 0===n&&(n=[]);var o=y(e),i=o===(null==(r=e.ownerDocument)?void 0:r.body),a=t(o),s=i?[a].concat(a.visualViewport||[],h(o)?o:[]):o,f=n.concat(s);return i?f:f.concat(b(g(s)))}function x(e){return["table","td","th"].indexOf(p(e))>=0}function w(e){return r(e)&&"fixed"!==d(e).position?e.offsetParent:null}function O(e){for(var n=t(e),i=w(e);i&&x(i)&&"static"===d(i).position;)i=w(i);return i&&("html"===p(i)||"body"===p(i)&&"static"===d(i).position)?n:i||function(e){var t=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&r(e)&&"fixed"===d(e).position)return null;var n=g(e);for(o(n)&&(n=n.host);r(n)&&["html","body"].indexOf(p(n))<0;){var i=d(n);if("none"!==i.transform||"none"!==i.perspective||"paint"===i.contain||-1!==["transform","perspective"].indexOf(i.willChange)||t&&"filter"===i.willChange||t&&i.filter&&"none"!==i.filter)return n;n=n.parentNode}return null}(e)||n}var j="top",E="bottom",D="right",A="left",L="auto",P=[j,E,D,A],M="start",k="end",W="viewport",B="popper",H=P.reduce((function(e,t){return e.concat([t+"-"+M,t+"-"+k])}),[]),T=[].concat(P,[L]).reduce((function(e,t){return e.concat([t,t+"-"+M,t+"-"+k])}),[]),R=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function S(e){var t=new Map,n=new Set,r=[];function o(e){n.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach((function(e){if(!n.has(e)){var r=t.get(e);r&&o(r)}})),r.push(e)}return e.forEach((function(e){t.set(e.name,e)})),e.forEach((function(e){n.has(e.name)||o(e)})),r}function C(e){return e.split("-")[0]}function q(e,t){var n=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(n&&o(n)){var r=t;do{if(r&&e.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}function V(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function N(e,r){return r===W?V(function(e){var n=t(e),r=u(e),o=n.visualViewport,i=r.clientWidth,a=r.clientHeight,s=0,f=0;return o&&(i=o.width,a=o.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(s=o.offsetLeft,f=o.offsetTop)),{width:i,height:a,x:s+l(e),y:f}}(e)):n(r)?function(e){var t=f(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}(r):V(function(e){var t,n=u(e),r=c(e),o=null==(t=e.ownerDocument)?void 0:t.body,a=i(n.scrollWidth,n.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),s=i(n.scrollHeight,n.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),f=-r.scrollLeft+l(e),p=-r.scrollTop;return"rtl"===d(o||n).dLine truncated
|
||||
//# sourceMappingURL=popper.min.js.map
|
||||
|
||||
/*!
|
||||
* Bootstrap v5.2.0 (https://getbootstrap.com/)
|
||||
* Copyright 2011-2022 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
||||
*/
|
||||
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("@popperjs/core")):"function"==typeof define&&define.amd?define(["@popperjs/core"],e):(t="undefined"!=typeof globalThis?globalThis:t||self).bootstrap=e(t.Popper)}(this,(function(t){"use strict";function e(t){if(t&&t.__esModule)return t;const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t)for(const i in t)if("default"!==i){const s=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(e,i,s.get?s:{enumerable:!0,get:()=>t[i]})}return e.default=t,Object.freeze(e)}const i=e(t),s="transitionend",n=t=>{let e=t.getAttribute("data-bs-target");if(!e||"#"===e){let i=t.getAttribute("href");if(!i||!i.includes("#")&&!i.startsWith("."))return null;i.includes("#")&&!i.startsWith("#")&&(i=`#${i.split("#")[1]}`),e=i&&"#"!==i?i.trim():null}return e},o=t=>{const e=n(t);return e&&document.querySelector(e)?e:null},r=t=>{const e=n(t);return e?document.querySelector(e):null},a=t=>{t.dispatchEvent(new Event(s))},l=t=>!(!t||"object"!=typeof t)&&(void 0!==t.jquery&&(t=t[0]),void 0!==t.nodeType),c=t=>l(t)?t.jquery?t[0]:t:"string"==typeof t&&t.length>0?document.querySelector(t):null,h=t=>{if(!l(t)||0===t.getClientRects().length)return!1;const e="visible"===getComputedStyle(t).getPropertyValue("visibility"),i=t.closest("details:not([open])");if(!i)return e;if(i!==t){const e=t.closest("summary");if(e&&e.parentNode!==i)return!1;if(null===e)return!1}return e},d=t=>!t||t.nodeType!==Node.ELEMENT_NODE||!!t.classList.contains("disabled")||(void 0!==t.disabled?t.disabled:t.hasAttribute("disabled")&&"false"!==t.getAttribute("disabled")),u=t=>{if(!document.documentElement.attachShadow)return null;if("function"==typeof t.getRootNode){const e=t.getRootNode();return e instanceof ShadowRoot?e:null}return t instanceof ShadowRoot?t:t.parentNode?u(t.parentNode):null},_=()=>{},g=t=>{t.offsetHeight},f=()=>window.jQuery&&!document.body.hasAttribute("data-bs-no-jquery")?window.jQuery:null,p=[],m=()=>"rtl"===document.documentElement.dir,b=t=>{var e;e=()=>{const e=f();if(e){const i=t.NAME,s=e.fn[i];e.fn[i]=t.jQueryInterface,e.fn[i].Constructor=t,e.fn[i].noConflict=()=>(e.fn[i]=s,t.jQueryInterface)}},"loading"===document.readyState?(p.length||document.addEventListener("DOMContentLoaded",(()=>{for(const t of p)t()})),p.push(e)):e()},v=t=>{"function"==typeof t&&t()},y=(t,e,i=!0)=>{if(!i)return void v(t);const n=(t=>{if(!t)return 0;let{transitionDuration:e,transitionDelay:i}=window.getComputedStyle(t);const s=Number.parseFloat(e),n=Number.parseFloat(i);return s||n?(e=e.split(",")[0],i=i.split(",")[0],1e3*(Number.parseFloat(e)+Number.parseFloat(i))):0})(e)+5;let o=!1;const r=({target:i})=>{i===e&&(o=!0,e.removeEventListener(s,r),v(t))};e.addEventListener(s,r),setTimeout((()=>{o||a(e)}),n)},w=(t,e,i,s)=>{const n=t.length;let o=t.indexOf(e);return-1===o?!i&&s?t[n-1]:t[0]:(o+=i?1:-1,s&&(o=(o+n)%n),t[Math.max(0,Math.min(o,n-1))])},A=/[^.]*(?=\..*)\.|.*/,T=/\..*/,E=/::\d+$/,C={};let k=1;const L={mouseenter:"mouseover",mouseleave:"mouseout"},O=new Set(["click","dblclick","mouseup","mousedown","contextmenu","mousewheel","DOMMouseScroll","mouseover","mouseout","mousemove","selectstart","selectend","keydown","keypress","keyup","orientationchange","touchstart","touchmove","touchend","touchcancel","pointerdown","pointermove","pointerup","pointerleave","pointercancel","gesturestart","gesturechange","gestureend","focus","blur","change","reset","select","submit","focusin","focusout","load","unload","beforeunload","resize","move","DOMContentLoaded","readystatechange","error","abort","scroll"]);function I(t,e){return e&&`${e}::${k++}`||t.uidEvent||k++}function S(t){const e=I(t);return t.uidEvent=e,C[e]=C[e]||{},C[e]}function D(t,e,i=null){return Object.values(t).find((t=>t.callable===e&&t.delegationSelector===i))}function N(t,e,i){const s="string"==typeof e,n=s?i:e||i;let o=j(t);return O.has(o)||(o=t),[s,n,o]}function P(t,e,i,s,n){if("string"!=typeof e||!t)return;let[o,r,a]=N(e,i,s);if(e in L){const t=t=>function(e){if(!e.relatedTarget||e.relatedTarget!==e.delegateTarget&&!e.delegateTarget.contains(e.relatedTarget))return t.call(this,e)};r=t(r)}const l=S(t),c=l[a]||(l[a]={}),h=D(c,r,o?i:null);if(h)return void(h.oneOff=h.oneOff&&n);const d=I(r,e.replace(A,"")),u=o?function(t,e,i){return function s(n){const o=t.querySelectorAll(e);for(let{target:r}=n;r&&r!==this;r=r.parentNode)for(const a of o)if(a===r)return F(n,{delegateTarget:r}),s.oneOff&&$.off(t,n.type,e,i),i.apply(r,[n])}}(t,i,r):function(t,e){return function i(s){return F(s,{delegateTarget:t}),i.oneOff&&$.off(t,s.type,e),e.apply(t,[s])}}(t,r);u.delegationSelector=o?i:null,u.callable=r,u.oneOff=n,u.uidEvent=d,c[d]=u,t.addEventListener(a,u,o)}function x(t,e,i,s,n){const o=D(e[i],s,n);o&&(t.removeEventListener(i,o,Boolean(n)),delete e[i][o.uidEvent])}function M(t,e,i,s){const n=e[i]||{};for(const o of Object.keys(n))if(o.includes(s)){const s=n[o];x(t,e,i,s.callable,s.delegationSelector)}}function j(t){return t=Line truncated
|
||||
//# sourceMappingURL=bootstrap.min.js.map
|
||||
/*!
|
||||
* perfect-scrollbar v1.5.3
|
||||
* Copyright 2021 Hyunje Jun, MDBootstrap and Contributors
|
||||
* Licensed under MIT
|
||||
*/(function(a,b){"object"==typeof exports&&"undefined"!=typeof module?module.exports=b():"function"==typeof define&&define.amd?define(b):(a=a||self,a.PerfectScrollbar=b())})(this,function(){'use strict';var u=Math.abs,v=Math.floor;function a(a){return getComputedStyle(a)}function b(a,b){for(var c in b){var d=b[c];"number"==typeof d&&(d+="px"),a.style[c]=d}return a}function c(a){var b=document.createElement("div");return b.className=a,b}function d(a,b){if(!w)throw new Error("No element matching method supported");return w.call(a,b)}function e(a){a.remove?a.remove():a.parentNode&&a.parentNode.removeChild(a)}function f(a,b){return Array.prototype.filter.call(a.children,function(a){return d(a,b)})}function g(a,b){var c=a.element.classList,d=z.state.scrolling(b);c.contains(d)?clearTimeout(A[b]):c.add(d)}function h(a,b){A[b]=setTimeout(function(){return a.isAlive&&a.element.classList.remove(z.state.scrolling(b))},a.settings.scrollingThreshold)}function j(a,b){g(a,b),h(a,b)}function k(a){if("function"==typeof window.CustomEvent)return new CustomEvent(a);var b=document.createEvent("CustomEvent");return b.initCustomEvent(a,!1,!1,void 0),b}function l(a,b,c,d,e){void 0===d&&(d=!0),void 0===e&&(e=!1);var f;if("top"===b)f=["contentHeight","containerHeight","scrollTop","y","up","down"];else if("left"===b)f=["contentWidth","containerWidth","scrollLeft","x","left","right"];else throw new Error("A proper axis should be provided");m(a,c,f,d,e)}function m(a,b,c,d,e){var f=c[0],g=c[1],h=c[2],i=c[3],l=c[4],m=c[5];void 0===d&&(d=!0),void 0===e&&(e=!1);var n=a.element;// reset reach
|
||||
a.reach[i]=null,1>n[h]&&(a.reach[i]="start"),n[h]>a[f]-a[g]-1&&(a.reach[i]="end"),b&&(n.dispatchEvent(k("ps-scroll-"+i)),0>b?n.dispatchEvent(k("ps-scroll-"+l)):0<b&&n.dispatchEvent(k("ps-scroll-"+m)),d&&j(a,i)),a.reach[i]&&(b||e)&&n.dispatchEvent(k("ps-"+i+"-reach-"+a.reach[i]))}function n(a){return parseInt(a,10)||0}function o(a){return d(a,"input,[contenteditable]")||d(a,"select,[contenteditable]")||d(a,"textarea,[contenteditable]")||d(a,"button,[contenteditable]")}function p(b){var c=a(b);return n(c.width)+n(c.paddingLeft)+n(c.paddingRight)+n(c.borderLeftWidth)+n(c.borderRightWidth)}function q(a){var b=Math.round,c=a.element,d=v(c.scrollTop),g=c.getBoundingClientRect();a.containerWidth=b(g.width),a.containerHeight=b(g.height),a.contentWidth=c.scrollWidth,a.contentHeight=c.scrollHeight,c.contains(a.scrollbarXRail)||(f(c,z.element.rail("x")).forEach(function(a){return e(a)}),c.appendChild(a.scrollbarXRail)),c.contains(a.scrollbarYRail)||(f(c,z.element.rail("y")).forEach(function(a){return e(a)}),c.appendChild(a.scrollbarYRail)),!a.settings.suppressScrollX&&a.containerWidth+a.settings.scrollXMarginOffset<a.contentWidth?(a.scrollbarXActive=!0,a.railXWidth=a.containerWidth-a.railXMarginWidth,a.railXRatio=a.containerWidth/a.railXWidth,a.scrollbarXWidth=r(a,n(a.railXWidth*a.containerWidth/a.contentWidth)),a.scrollbarXLeft=n((a.negativeScrollAdjustment+c.scrollLeft)*(a.railXWidth-a.scrollbarXWidth)/(a.contentWidth-a.containerWidth))):a.scrollbarXActive=!1,!a.settings.suppressScrollY&&a.containerHeight+a.settings.scrollYMarginOffset<a.contentHeight?(a.scrollbarYActive=!0,a.railYHeight=a.containerHeight-a.railYMarginHeight,a.railYRatio=a.containerHeight/a.railYHeight,a.scrollbarYHeight=r(a,n(a.railYHeight*a.containerHeight/a.contentHeight)),a.scrollbarYTop=n(d*(a.railYHeight-a.scrollbarYHeight)/(a.contentHeight-a.containerHeight))):a.scrollbarYActive=!1,a.scrollbarXLeft>=a.railXWidth-a.scrollbarXWidth&&(a.scrollbarXLeft=a.railXWidth-a.scrollbarXWidth),a.scrollbarYTop>=a.railYHeight-a.scrollbarYHeight&&(a.scrollbarYTop=a.railYHeight-a.scrollbarYHeight),s(c,a),a.scrollbarXActive?c.classList.add(z.state.active("x")):(c.classList.remove(z.state.active("x")),a.scrollbarXWidth=0,a.scrollbarXLeft=0,c.scrollLeft=!0===a.isRtl?a.contentWidth:0),a.scrollbarYActive?c.classList.add(z.state.active("y")):(c.classList.remove(z.state.active("y")),a.scrollbarYHeight=0,a.scrollbarYTop=0,c.scrollTop=0)}function r(a,b){var c=Math.min,d=Math.max;return a.settings.minScrollbarLength&&(b=d(b,a.settings.minScrollbarLength)),a.settings.maxScrollbarLength&&(b=c(b,a.settings.maxScrollbarLength)),b}function s(a,c){var d={width:c.railXWidth},e=v(a.scrollTop);d.left=c.isRtl?c.negativeScrollAdjustment+a.scrollLeft+c.containerWidth-c.contentWidth:a.scrollLeft,c.isScrollbarXUsingBottom?d.bottom=c.scrollbarXBottom-e:d.top=c.scrollbarXTop+e,b(c.scrollbarXRail,d);var f={top:e,height:c.railYHeight};c.isScrollbarYUsingRight?c.isRtl?f.right=c.contentWidth-(c.negativeScrollAdjustment+a.scrollLeft)-c.scrollbarYRight-c.scrollbarYOuterWidth-9:f.right=c.scrollbarYRight-a.scrollLeft:c.isRtl?f.left=c.negativeScrollAdjustment+a.scrollLeft+2*c.containerWidth-c.contentWidth-c.scrollbarYLeft-c.scrollbarYOuterWidth:f.left=c.scrollbarYLeft+a.scrollLeft,b(c.scrollbarYRail,f),b(c.scrollbarX,{left:c.scrollbarXLeft,width:c.scrollbarXWidth-c.railBorderXWidth}),b(c.scrollbarY,{top:c.scrollbarYTop,height:c.scrollbarYHeight-c.railBorderYWidth})}function t(a,b){function c(b){b.touches&&b.touches[0]&&(b[k]=b.touches[0].pageY),s[o]=t+v*(b[k]-u),g(a,p),q(a),b.stopPropagation(),b.type.startsWith("touch")&&1<b.changedTouches.length&&b.preventDefault()}function d(){h(a,p),a[r].classList.remove(z.state.clicking),a.event.unbind(a.ownerDocument,"mousemove",c)}function f(b,e){t=s[o],e&&b.touches&&(b[k]=b.touches[0].pageY),u=b[k],v=(a[j]-a[i])/(a[l]-a[n]),e?a.event.bind(a.ownerDocument,"touchmove",c):(a.event.bind(a.ownerDocument,"mousemove",c),a.event.once(a.ownerDocument,"mouseup",d),b.preventDefault()),a[r].classList.add(z.state.clicking),b.stopPropagation()}var i=b[0],j=b[1],k=b[2],l=b[3],m=b[4],n=b[5],o=b[6],p=b[7],r=b[8],s=a.element,t=null,u=null,v=null;a.event.bind(a[m],"mousedown",function(a){f(a)}),a.event.bind(a[m],"touchstart",function(a){f(a,!0)})}var w="undefined"!=typeof Element&&(Element.prototype.matches||Element.prototype.webkitMatchesSelector||Element.prototype.mozMatchesSelector||Element.prototype.msMatchesSelector),z={main:"ps",rtl:"ps__rtl",element:{thumb:function(a){return"ps__thumb-"+a},rail:function(a){return"ps__rail-"+a},consuming:"ps__child--consume"},state:{focus:"ps--focus",clicking:"ps--clicking",active:function(a){return"ps--active-"+a},scrolling:function(a){return"ps--scrolling-"+a}}},A={x:null,y:null},B=function(a){this.element=a,this.handlers={}},C={isEmpty:{configurable:!0}};B.prototype.bind=function(a,b){"undefined"==typeof this.handlers[a]&&(this.handlers[a]=[]),this.handlers[a].push(b),this.element.addEventListener(a,b,!1)},B.prototype.unbind=funcLine truncated
|
||||
for(;e.shadowRoot;)e=e.shadowRoot.activeElement;if(o(e))return}var h=0,i=0;switch(d.which){case 37:h=d.metaKey?-a.contentWidth:d.altKey?-a.containerWidth:-30;break;case 38:i=d.metaKey?a.contentHeight:d.altKey?a.containerHeight:30;break;case 39:h=d.metaKey?a.contentWidth:d.altKey?a.containerWidth:30;break;case 40:i=d.metaKey?-a.contentHeight:d.altKey?-a.containerHeight:-30;break;case 32:i=d.shiftKey?a.containerHeight:-a.containerHeight;break;case 33:i=a.containerHeight;break;case 34:i=-a.containerHeight;break;case 36:i=a.contentHeight;break;case 35:i=-a.contentHeight;break;default:return;}a.settings.suppressScrollX&&0!==h||a.settings.suppressScrollY&&0!==i||(c.scrollTop-=i,c.scrollLeft+=h,q(a),b(h,i)&&d.preventDefault())}})},wheel:function(b){function c(a,c){var d,e=v(h.scrollTop),f=0===h.scrollTop,g=e+h.offsetHeight===h.scrollHeight,i=0===h.scrollLeft,j=h.scrollLeft+h.offsetWidth===h.scrollWidth;return d=u(c)>u(a)?f||g:i||j,!d||!b.settings.wheelPropagation}function d(a){var b=a.deltaX,c=-1*a.deltaY;return("undefined"==typeof b||"undefined"==typeof c)&&(b=-1*a.wheelDeltaX/6,c=a.wheelDeltaY/6),a.deltaMode&&1===a.deltaMode&&(b*=10,c*=10),b!==b&&c!==c/* NaN checks */&&(b=0,c=a.wheelDelta),a.shiftKey?[-c,-b]:[b,c]}function f(b,c,d){// FIXME: this is a workaround for <select> issue in FF and IE #571
|
||||
if(!E.isWebKit&&h.querySelector("select:focus"))return!0;if(!h.contains(b))return!1;for(var e=b;e&&e!==h;){if(e.classList.contains(z.element.consuming))return!0;var f=a(e);// if deltaY && vertical scrollable
|
||||
if(d&&f.overflowY.match(/(scroll|auto)/)){var g=e.scrollHeight-e.clientHeight;if(0<g&&(0<e.scrollTop&&0>d||e.scrollTop<g&&0<d))return!0}// if deltaX && horizontal scrollable
|
||||
if(c&&f.overflowX.match(/(scroll|auto)/)){var i=e.scrollWidth-e.clientWidth;if(0<i&&(0<e.scrollLeft&&0>c||e.scrollLeft<i&&0<c))return!0}e=e.parentNode}return!1}function g(a){var e=d(a),g=e[0],i=e[1];if(!f(a.target,g,i)){var j=!1;b.settings.useBothWheelAxes?b.scrollbarYActive&&!b.scrollbarXActive?(i?h.scrollTop-=i*b.settings.wheelSpeed:h.scrollTop+=g*b.settings.wheelSpeed,j=!0):b.scrollbarXActive&&!b.scrollbarYActive&&(g?h.scrollLeft+=g*b.settings.wheelSpeed:h.scrollLeft-=i*b.settings.wheelSpeed,j=!0):(h.scrollTop-=i*b.settings.wheelSpeed,h.scrollLeft+=g*b.settings.wheelSpeed),q(b),j=j||c(g,i),j&&!a.ctrlKey&&(a.stopPropagation(),a.preventDefault())}}var h=b.element;"undefined"==typeof window.onwheel?"undefined"!=typeof window.onmousewheel&&b.event.bind(h,"mousewheel",g):b.event.bind(h,"wheel",g)},touch:function(b){function c(a,c){var d=v(l.scrollTop),e=l.scrollLeft,f=u(a),g=u(c);if(g>f){// user is perhaps trying to swipe up/down the page
|
||||
if(0>c&&d===b.contentHeight-b.containerHeight||0<c&&0===d)// set prevent for mobile Chrome refresh
|
||||
return 0===window.scrollY&&0<c&&E.isChrome;}else if(f>g&&(0>a&&e===b.contentWidth-b.containerWidth||0<a&&0===e))// user is perhaps trying to swipe left/right across the page
|
||||
return!0;return!0}function d(a,c){l.scrollTop-=c,l.scrollLeft-=a,q(b)}function f(a){return a.targetTouches?a.targetTouches[0]:a}function g(a){return!(a.pointerType&&"pen"===a.pointerType&&0===a.buttons)&&(!!(a.targetTouches&&1===a.targetTouches.length)||!!(a.pointerType&&"mouse"!==a.pointerType&&a.pointerType!==a.MSPOINTER_TYPE_MOUSE))}function h(a){if(g(a)){var b=f(a);m.pageX=b.pageX,m.pageY=b.pageY,n=new Date().getTime(),null!==p&&clearInterval(p)}}function i(b,c,d){if(!l.contains(b))return!1;for(var e=b;e&&e!==l;){if(e.classList.contains(z.element.consuming))return!0;var f=a(e);// if deltaY && vertical scrollable
|
||||
if(d&&f.overflowY.match(/(scroll|auto)/)){var g=e.scrollHeight-e.clientHeight;if(0<g&&(0<e.scrollTop&&0>d||e.scrollTop<g&&0<d))return!0}// if deltaX && horizontal scrollable
|
||||
if(c&&f.overflowX.match(/(scroll|auto)/)){var h=e.scrollWidth-e.clientWidth;if(0<h&&(0<e.scrollLeft&&0>c||e.scrollLeft<h&&0<c))return!0}e=e.parentNode}return!1}function j(a){if(g(a)){var b=f(a),e={pageX:b.pageX,pageY:b.pageY},h=e.pageX-m.pageX,j=e.pageY-m.pageY;if(i(a.target,h,j))return;d(h,j),m=e;var k=new Date().getTime(),l=k-n;0<l&&(o.x=h/l,o.y=j/l,n=k),c(h,j)&&a.preventDefault()}}function k(){b.settings.swipeEasing&&(clearInterval(p),p=setInterval(function(){return b.isInitialized?void clearInterval(p):o.x||o.y?.01>u(o.x)&&.01>u(o.y)?void clearInterval(p):b.element?void(d(30*o.x,30*o.y),o.x*=.8,o.y*=.8):void clearInterval(p):void clearInterval(p)},10))}if(E.supportsTouch||E.supportsIePointer){var l=b.element,m={},n=0,o={},p=null;E.supportsTouch?(b.event.bind(l,"touchstart",h),b.event.bind(l,"touchmove",j),b.event.bind(l,"touchend",k)):E.supportsIePointer&&(window.PointerEvent?(b.event.bind(l,"pointerdown",h),b.event.bind(l,"pointermove",j),b.event.bind(l,"pointerup",k)):window.MSPointerEvent&&(b.event.bind(l,"MSPointerDown",h),b.event.bind(l,"MSPointerMove",j),b.event.bind(l,"MSPointerUp",k)))}}},H=function(d,e){var f=this;if(void 0===e&&(e={}),"string"==typeof d&&(d=document.querySelector(d)),!d||!d.nodeName)throw new Error("no element is specified to initialize PerfectScrollbar");for(var g in this.element=d,d.classList.add(z.main),this.settings=F(),e)this.settings[g]=e[g];this.containerWidth=null,this.containerHeight=null,this.contentWidth=null,this.contentHeight=null;var h=function(){return d.classList.add(z.state.focus)},i=function(){return d.classList.remove(z.state.focus)};this.isRtl="rtl"===a(d).direction,!0===this.isRtl&&d.classList.add(z.rtl),this.isNegativeScroll=function(){var a=d.scrollLeft,b=null;return d.scrollLeft=-1,b=0>d.scrollLeft,d.scrollLeft=a,b}(),this.negativeScrollAdjustment=this.isNegativeScroll?d.scrollWidth-d.clientWidth:0,this.event=new D,this.ownerDocument=d.ownerDocument||document,this.scrollbarXRail=c(z.element.rail("x")),d.appendChild(this.scrollbarXRail),this.scrollbarX=c(z.element.thumb("x")),this.scrollbarXRail.appendChild(this.scrollbarX),this.scrollbarX.setAttribute("tabindex",0),this.event.bind(this.scrollbarX,"focus",h),this.event.bind(this.scrollbarX,"blur",i),this.scrollbarXActive=null,this.scrollbarXWidth=null,this.scrollbarXLeft=null;var j=a(this.scrollbarXRail);this.scrollbarXBottom=parseInt(j.bottom,10),isNaN(this.scrollbarXBottom)?(this.isScrollbarXUsingBottom=!1,this.scrollbarXTop=n(j.top)):this.isScrollbarXUsingBottom=!0,this.railBorderXWidth=n(j.borderLeftWidth)+n(j.borderRightWidth),b(this.scrollbarXRail,{display:"block"}),this.railXMarginWidth=n(j.marginLeft)+n(j.marginRight),b(this.scrollbarXRail,{display:""}),this.railXWidth=null,this.railXRatio=null,this.scrollbarYRail=c(z.element.rail("y")),d.appendChild(this.scrollbarYRail),this.scrollbarY=c(z.element.thumb("y")),this.scrollbarYRail.appendChild(this.scrollbarY),this.scrollbarY.setAttribute("tabindex",0),this.event.bind(this.scrollbarY,"focus",h),this.event.bind(this.scrollbarY,"blur",i),this.scrollbarYActive=null,this.scrollbarYHeight=null,this.scrollbarYTop=null;var k=a(this.scrollbarYRail);this.scrollbarYRight=parseInt(k.right,10),isNaN(this.scrollbarYRight)?(this.isScrollbarYUsingRight=!1,this.scrollbarYLeft=n(k.left)):this.isScrollbarYUsingRight=!0,this.scrollbarYOuterWidth=this.isRtl?p(this.scrollbarY):null,this.railBorderYWidth=n(k.borderTopWidth)+n(k.borderBottomWidth),b(this.scrollbarYRail,{display:"block"}),this.railYMarginHeight=n(k.marginTop)+n(k.marginBottom),b(this.scrollbarYRail,{display:""}),this.railYHeight=null,this.railYRatio=null,this.reach={x:0>=d.scrollLeft?"start":d.scrollLeft>=this.contentWidth-this.containerWidth?"end":null,y:0>=d.scrollTop?"start":d.scrollTop>=this.contentHeight-this.containerHeight?"end":null},this.isAlive=!0,this.settings.handlers.forEach(function(a){return G[a](f)}),this.lastScrollTop=v(d.scrollTop),this.lastScrollLeft=d.scrollLeft,this.event.bind(this.element,"scroll",function(a){return f.onScroll(a)}),q(this)};return H.prototype.update=function(){this.isAlive&&(// Recalcuate negative scrollLeft adjustment
|
||||
// Recalculate rail margins
|
||||
// Hide scrollbars not to affect scrollWidth and scrollHeight
|
||||
this.negativeScrollAdjustment=this.isNegativeScroll?this.element.scrollWidth-this.element.clientWidth:0,b(this.scrollbarXRail,{display:"block"}),b(this.scrollbarYRail,{display:"block"}),this.railXMarginWidth=n(a(this.scrollbarXRail).marginLeft)+n(a(this.scrollbarXRail).marginRight),this.railYMarginHeight=n(a(this.scrollbarYRail).marginTop)+n(a(this.scrollbarYRail).marginBottom),b(this.scrollbarXRail,{display:"none"}),b(this.scrollbarYRail,{display:"none"}),q(this),l(this,"top",0,!1,!0),l(this,"left",0,!1,!0),b(this.scrollbarXRail,{display:""}),b(this.scrollbarYRail,{display:""}))},H.prototype.onScroll=function(){this.isAlive&&(q(this),l(this,"top",this.element.scrollTop-this.lastScrollTop),l(this,"left",this.element.scrollLeft-this.lastScrollLeft),this.lastScrollTop=v(this.element.scrollTop),this.lastScrollLeft=this.element.scrollLeft)},H.prototype.destroy=function(){this.isAlive&&(// unset elements
|
||||
this.event.unbindAll(),e(this.scrollbarX),e(this.scrollbarY),e(this.scrollbarXRail),e(this.scrollbarYRail),this.removePsClasses(),this.element=null,this.scrollbarX=null,this.scrollbarY=null,this.scrollbarXRail=null,this.scrollbarYRail=null,this.isAlive=!1)},H.prototype.removePsClasses=function(){this.element.className=this.element.className.split(" ").filter(function(a){return!a.match(/^ps([-_].+|)$/)}).join(" ")},H});
|
||||
//# sourceMappingURL=perfect-scrollbar.min.js.map
|
||||
@@ -0,0 +1,747 @@
|
||||
$(function() {
|
||||
'use strict'
|
||||
|
||||
|
||||
|
||||
var colors = {
|
||||
primary : "#6571ff",
|
||||
secondary : "#7987a1",
|
||||
success : "#05a34a",
|
||||
info : "#66d1d1",
|
||||
warning : "#fbbc06",
|
||||
danger : "#ff3366",
|
||||
light : "#e9ecef",
|
||||
dark : "#060c17",
|
||||
muted : "#7987a1",
|
||||
gridBorder : "rgba(77, 138, 240, .15)",
|
||||
bodyColor : "#b8c3d9",
|
||||
cardBg : "#0c1427"
|
||||
}
|
||||
|
||||
var fontFamily = "'Roboto', Helvetica, sans-serif"
|
||||
|
||||
var revenueChartData = [
|
||||
49.33,
|
||||
48.79,
|
||||
50.61,
|
||||
53.31,
|
||||
54.78,
|
||||
53.84,
|
||||
54.68,
|
||||
56.74,
|
||||
56.99,
|
||||
56.14,
|
||||
56.56,
|
||||
60.35,
|
||||
58.74,
|
||||
61.44,
|
||||
61.11,
|
||||
58.57,
|
||||
54.72,
|
||||
52.07,
|
||||
51.09,
|
||||
47.48,
|
||||
48.57,
|
||||
48.99,
|
||||
53.58,
|
||||
50.28,
|
||||
46.24,
|
||||
48.61,
|
||||
51.75,
|
||||
51.34,
|
||||
50.21,
|
||||
54.65,
|
||||
52.44,
|
||||
53.06,
|
||||
57.07,
|
||||
52.97,
|
||||
48.72,
|
||||
52.69,
|
||||
53.59,
|
||||
58.52,
|
||||
55.10,
|
||||
58.05,
|
||||
61.35,
|
||||
57.74,
|
||||
60.27,
|
||||
61.00,
|
||||
57.78,
|
||||
56.80,
|
||||
58.90,
|
||||
62.45,
|
||||
58.75,
|
||||
58.40,
|
||||
56.74,
|
||||
52.76,
|
||||
52.30,
|
||||
50.56,
|
||||
55.40,
|
||||
50.49,
|
||||
52.49,
|
||||
48.79,
|
||||
47.46,
|
||||
43.31,
|
||||
38.96,
|
||||
34.73,
|
||||
31.03,
|
||||
32.63,
|
||||
36.89,
|
||||
35.89,
|
||||
32.74,
|
||||
33.20,
|
||||
30.82,
|
||||
28.64,
|
||||
28.44,
|
||||
27.73,
|
||||
27.75,
|
||||
25.96,
|
||||
24.38,
|
||||
21.95,
|
||||
22.08,
|
||||
23.54,
|
||||
27.30,
|
||||
30.27,
|
||||
27.25,
|
||||
29.92,
|
||||
25.14,
|
||||
23.09,
|
||||
23.79,
|
||||
23.46,
|
||||
27.99,
|
||||
23.21,
|
||||
23.91,
|
||||
19.21,
|
||||
15.13,
|
||||
15.08,
|
||||
11.00,
|
||||
9.20,
|
||||
7.47,
|
||||
11.64,
|
||||
15.76,
|
||||
13.99,
|
||||
12.59,
|
||||
13.53,
|
||||
15.01,
|
||||
13.95,
|
||||
13.23,
|
||||
18.10,
|
||||
20.63,
|
||||
21.06,
|
||||
25.37,
|
||||
25.32,
|
||||
20.94,
|
||||
18.75,
|
||||
15.38,
|
||||
14.56,
|
||||
17.94,
|
||||
15.96,
|
||||
16.35,
|
||||
14.16,
|
||||
12.10,
|
||||
14.84,
|
||||
17.24,
|
||||
17.79,
|
||||
14.03,
|
||||
18.65,
|
||||
18.46,
|
||||
22.68,
|
||||
25.08,
|
||||
28.18,
|
||||
28.03,
|
||||
24.11,
|
||||
24.28,
|
||||
28.23,
|
||||
26.24,
|
||||
29.33,
|
||||
26.07,
|
||||
23.92,
|
||||
28.82,
|
||||
25.14,
|
||||
21.79,
|
||||
23.05,
|
||||
20.71,
|
||||
29.72,
|
||||
30.21,
|
||||
32.56,
|
||||
31.46,
|
||||
33.69,
|
||||
30.05,
|
||||
34.20,
|
||||
36.93,
|
||||
35.50,
|
||||
34.78,
|
||||
36.97
|
||||
];
|
||||
|
||||
var revenueChartCategories = [
|
||||
"Jan 01 2022", "Jan 02 2022", "jan 03 2022", "Jan 04 2022", "Jan 05 2022", "Jan 06 2022", "Jan 07 2022", "Jan 08 2022", "Jan 09 2022", "Jan 10 2022", "Jan 11 2022", "Jan 12 2022", "Jan 13 2022", "Jan 14 2022", "Jan 15 2022", "Jan 16 2022", "Jan 17 2022", "Jan 18 2022", "Jan 19 2022", "Jan 20 2022","Jan 21 2022", "Jan 22 2022", "Jan 23 2022", "Jan 24 2022", "Jan 25 2022", "Jan 26 2022", "Jan 27 2022", "Jan 28 2022", "Jan 29 2022", "Jan 30 2022", "Jan 31 2022",
|
||||
"Feb 01 2022", "Feb 02 2022", "Feb 03 2022", "Feb 04 2022", "Feb 05 2022", "Feb 06 2022", "Feb 07 2022", "Feb 08 2022", "Feb 09 2022", "Feb 10 2022", "Feb 11 2022", "Feb 12 2022", "Feb 13 2022", "Feb 14 2022", "Feb 15 2022", "Feb 16 2022", "Feb 17 2022", "Feb 18 2022", "Feb 19 2022", "Feb 20 2022","Feb 21 2022", "Feb 22 2022", "Feb 23 2022", "Feb 24 2022", "Feb 25 2022", "Feb 26 2022", "Feb 27 2022", "Feb 28 2022",
|
||||
"Mar 01 2022", "Mar 02 2022", "Mar 03 2022", "Mar 04 2022", "Mar 05 2022", "Mar 06 2022", "Mar 07 2022", "Mar 08 2022", "Mar 09 2022", "Mar 10 2022", "Mar 11 2022", "Mar 12 2022", "Mar 13 2022", "Mar 14 2022", "Mar 15 2022", "Mar 16 2022", "Mar 17 2022", "Mar 18 2022", "Mar 19 2022", "Mar 20 2022","Mar 21 2022", "Mar 22 2022", "Mar 23 2022", "Mar 24 2022", "Mar 25 2022", "Mar 26 2022", "Mar 27 2022", "Mar 28 2022", "Mar 29 2022", "Mar 30 2022", "Mar 31 2022",
|
||||
"Apr 01 2022", "Apr 02 2022", "Apr 03 2022", "Apr 04 2022", "Apr 05 2022", "Apr 06 2022", "Apr 07 2022", "Apr 08 2022", "Apr 09 2022", "Apr 10 2022", "Apr 11 2022", "Apr 12 2022", "Apr 13 2022", "Apr 14 2022", "Apr 15 2022", "Apr 16 2022", "Apr 17 2022", "Apr 18 2022", "Apr 19 2022", "Apr 20 2022","Apr 21 2022", "Apr 22 2022", "Apr 23 2022", "Apr 24 2022", "Apr 25 2022", "Apr 26 2022", "Apr 27 2022", "Apr 28 2022", "Apr 29 2022", "Apr 30 2022",
|
||||
"May 01 2022", "May 02 2022", "May 03 2022", "May 04 2022", "May 05 2022", "May 06 2022", "May 07 2022", "May 08 2022", "May 09 2022", "May 10 2022", "May 11 2022", "May 12 2022", "May 13 2022", "May 14 2022", "May 15 2022", "May 16 2022", "May 17 2022", "May 18 2022", "May 19 2022", "May 20 2022","May 21 2022", "May 22 2022", "May 23 2022", "May 24 2022", "May 25 2022", "May 26 2022", "May 27 2022", "May 28 2022", "May 29 2022", "May 30 2022",
|
||||
]
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// Date Picker
|
||||
if($('#dashboardDate').length) {
|
||||
flatpickr("#dashboardDate", {
|
||||
wrap: true,
|
||||
dateFormat: "d-M-Y",
|
||||
defaultDate: "today",
|
||||
});
|
||||
}
|
||||
// Date Picker - END
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// New Customers Chart
|
||||
if($('#customersChart').length) {
|
||||
var options1 = {
|
||||
chart: {
|
||||
type: "line",
|
||||
height: 60,
|
||||
sparkline: {
|
||||
enabled: !0
|
||||
}
|
||||
},
|
||||
series: [{
|
||||
name: '',
|
||||
data: [3844, 3855, 3841, 3867, 3822, 3843, 3821, 3841, 3856, 3827, 3843]
|
||||
}],
|
||||
xaxis: {
|
||||
type: 'datetime',
|
||||
categories: ["Jan 01 2022", "Jan 02 2022", "Jan 03 2022", "Jan 04 2022", "Jan 05 2022", "Jan 06 2022", "Jan 07 2022", "Jan 08 2022", "Jan 09 2022", "Jan 10 2022", "Jan 11 2022",],
|
||||
},
|
||||
stroke: {
|
||||
width: 2,
|
||||
curve: "smooth"
|
||||
},
|
||||
markers: {
|
||||
size: 0
|
||||
},
|
||||
colors: [colors.primary],
|
||||
};
|
||||
new ApexCharts(document.querySelector("#customersChart"),options1).render();
|
||||
}
|
||||
// New Customers Chart - END
|
||||
|
||||
|
||||
|
||||
|
||||
// Orders Chart
|
||||
if($('#ordersChart').length) {
|
||||
var options2 = {
|
||||
chart: {
|
||||
type: "bar",
|
||||
height: 60,
|
||||
sparkline: {
|
||||
enabled: !0
|
||||
}
|
||||
},
|
||||
plotOptions: {
|
||||
bar: {
|
||||
borderRadius: 2,
|
||||
columnWidth: "60%"
|
||||
}
|
||||
},
|
||||
colors: [colors.primary],
|
||||
series: [{
|
||||
name: '',
|
||||
data: [36, 77, 52, 90, 74, 35, 55, 23, 47, 10, 63]
|
||||
}],
|
||||
xaxis: {
|
||||
type: 'datetime',
|
||||
categories: ["Jan 01 2022", "Jan 02 2022", "Jan 03 2022", "Jan 04 2022", "Jan 05 2022", "Jan 06 2022", "Jan 07 2022", "Jan 08 2022", "Jan 09 2022", "Jan 10 2022", "Jan 11 2022",],
|
||||
},
|
||||
};
|
||||
new ApexCharts(document.querySelector("#ordersChart"),options2).render();
|
||||
}
|
||||
// Orders Chart - END
|
||||
|
||||
|
||||
|
||||
|
||||
// Growth Chart
|
||||
if($('#growthChart').length) {
|
||||
var options3 = {
|
||||
chart: {
|
||||
type: "line",
|
||||
height: 60,
|
||||
sparkline: {
|
||||
enabled: !0
|
||||
}
|
||||
},
|
||||
series: [{
|
||||
name: '',
|
||||
data: [41, 45, 44, 46, 52, 54, 43, 74, 82, 82, 89]
|
||||
}],
|
||||
xaxis: {
|
||||
type: 'datetime',
|
||||
categories: ["Jan 01 2022", "Jan 02 2022", "Jan 03 2022", "Jan 04 2022", "Jan 05 2022", "Jan 06 2022", "Jan 07 2022", "Jan 08 2022", "Jan 09 2022", "Jan 10 2022", "Jan 11 2022",],
|
||||
},
|
||||
stroke: {
|
||||
width: 2,
|
||||
curve: "smooth"
|
||||
},
|
||||
markers: {
|
||||
size: 0
|
||||
},
|
||||
colors: [colors.primary],
|
||||
};
|
||||
new ApexCharts(document.querySelector("#growthChart"),options3).render();
|
||||
}
|
||||
// Growth Chart - END
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// Revenue Chart
|
||||
if ($('#revenueChart').length) {
|
||||
var lineChartOptions = {
|
||||
chart: {
|
||||
type: "line",
|
||||
height: '400',
|
||||
parentHeightOffset: 0,
|
||||
foreColor: colors.bodyColor,
|
||||
background: colors.cardBg,
|
||||
toolbar: {
|
||||
show: false
|
||||
},
|
||||
},
|
||||
theme: {
|
||||
mode: 'light'
|
||||
},
|
||||
tooltip: {
|
||||
theme: 'light'
|
||||
},
|
||||
colors: [colors.primary, colors.danger, colors.warning],
|
||||
grid: {
|
||||
padding: {
|
||||
bottom: -4,
|
||||
},
|
||||
borderColor: colors.gridBorder,
|
||||
xaxis: {
|
||||
lines: {
|
||||
show: true
|
||||
}
|
||||
}
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: "Revenue",
|
||||
data: revenueChartData
|
||||
},
|
||||
],
|
||||
xaxis: {
|
||||
type: "datetime",
|
||||
categories: revenueChartCategories,
|
||||
lines: {
|
||||
show: true
|
||||
},
|
||||
axisBorder: {
|
||||
color: colors.gridBorder,
|
||||
},
|
||||
axisTicks: {
|
||||
color: colors.gridBorder,
|
||||
},
|
||||
crosshairs: {
|
||||
stroke: {
|
||||
color: colors.secondary,
|
||||
},
|
||||
},
|
||||
},
|
||||
yaxis: {
|
||||
title: {
|
||||
text: 'Revenue ( $1000 x )',
|
||||
style:{
|
||||
size: 9,
|
||||
color: colors.muted
|
||||
}
|
||||
},
|
||||
tickAmount: 4,
|
||||
tooltip: {
|
||||
enabled: true
|
||||
},
|
||||
crosshairs: {
|
||||
stroke: {
|
||||
color: colors.secondary,
|
||||
},
|
||||
},
|
||||
},
|
||||
markers: {
|
||||
size: 0,
|
||||
},
|
||||
stroke: {
|
||||
width: 2,
|
||||
curve: "straight",
|
||||
},
|
||||
};
|
||||
var apexLineChart = new ApexCharts(document.querySelector("#revenueChart"), lineChartOptions);
|
||||
apexLineChart.render();
|
||||
}
|
||||
// Revenue Chart - END
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// Revenue Chart - RTL
|
||||
if ($('#revenueChartRTL').length) {
|
||||
var lineChartOptions = {
|
||||
chart: {
|
||||
type: "line",
|
||||
height: '400',
|
||||
parentHeightOffset: 0,
|
||||
foreColor: colors.bodyColor,
|
||||
background: colors.cardBg,
|
||||
toolbar: {
|
||||
show: false
|
||||
},
|
||||
},
|
||||
theme: {
|
||||
mode: 'light'
|
||||
},
|
||||
tooltip: {
|
||||
theme: 'light'
|
||||
},
|
||||
colors: [colors.primary, colors.danger, colors.warning],
|
||||
grid: {
|
||||
padding: {
|
||||
bottom: -4,
|
||||
},
|
||||
borderColor: colors.gridBorder,
|
||||
xaxis: {
|
||||
lines: {
|
||||
show: true
|
||||
}
|
||||
}
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: "Revenue",
|
||||
data: revenueChartData
|
||||
},
|
||||
],
|
||||
xaxis: {
|
||||
type: "datetime",
|
||||
categories: revenueChartCategories,
|
||||
lines: {
|
||||
show: true
|
||||
},
|
||||
axisBorder: {
|
||||
color: colors.gridBorder,
|
||||
},
|
||||
axisTicks: {
|
||||
color: colors.gridBorder,
|
||||
},
|
||||
crosshairs: {
|
||||
stroke: {
|
||||
color: colors.secondary,
|
||||
},
|
||||
},
|
||||
},
|
||||
yaxis: {
|
||||
opposite: true,
|
||||
title: {
|
||||
text: 'Revenue ( $1000 x )',
|
||||
offsetX: -135,
|
||||
style:{
|
||||
size: 9,
|
||||
color: colors.muted
|
||||
}
|
||||
},
|
||||
labels: {
|
||||
align: 'left',
|
||||
offsetX: -20,
|
||||
},
|
||||
tickAmount: 4,
|
||||
tooltip: {
|
||||
enabled: true
|
||||
},
|
||||
crosshairs: {
|
||||
stroke: {
|
||||
color: colors.secondary,
|
||||
},
|
||||
},
|
||||
},
|
||||
markers: {
|
||||
size: 0,
|
||||
},
|
||||
stroke: {
|
||||
width: 2,
|
||||
curve: "straight",
|
||||
},
|
||||
};
|
||||
var apexLineChart = new ApexCharts(document.querySelector("#revenueChartRTL"), lineChartOptions);
|
||||
apexLineChart.render();
|
||||
}
|
||||
// Revenue Chart - RTL - END
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// Monthly Sales Chart
|
||||
if($('#monthlySalesChart').length) {
|
||||
var options = {
|
||||
chart: {
|
||||
type: 'bar',
|
||||
height: '318',
|
||||
parentHeightOffset: 0,
|
||||
foreColor: colors.bodyColor,
|
||||
background: colors.cardBg,
|
||||
toolbar: {
|
||||
show: false
|
||||
},
|
||||
},
|
||||
theme: {
|
||||
mode: 'light'
|
||||
},
|
||||
tooltip: {
|
||||
theme: 'light'
|
||||
},
|
||||
colors: [colors.primary],
|
||||
fill: {
|
||||
opacity: .9
|
||||
} ,
|
||||
grid: {
|
||||
padding: {
|
||||
bottom: -4
|
||||
},
|
||||
borderColor: colors.gridBorder,
|
||||
xaxis: {
|
||||
lines: {
|
||||
show: true
|
||||
}
|
||||
}
|
||||
},
|
||||
series: [{
|
||||
name: 'Sales',
|
||||
data: [152,109,93,113,126,161,188,143,102,113,116,124]
|
||||
}],
|
||||
xaxis: {
|
||||
type: 'datetime',
|
||||
categories: ['01/01/2022','02/01/2022','03/01/2022','04/01/2022','05/01/2022','06/01/2022','07/01/2022', '08/01/2022','09/01/2022','10/01/2022', '11/01/2022', '12/01/2022'],
|
||||
axisBorder: {
|
||||
color: colors.gridBorder,
|
||||
},
|
||||
axisTicks: {
|
||||
color: colors.gridBorder,
|
||||
},
|
||||
},
|
||||
yaxis: {
|
||||
title: {
|
||||
text: 'Number of Sales',
|
||||
style:{
|
||||
size: 9,
|
||||
color: colors.muted
|
||||
}
|
||||
},
|
||||
},
|
||||
legend: {
|
||||
show: true,
|
||||
position: "top",
|
||||
horizontalAlign: 'center',
|
||||
fontFamily: fontFamily,
|
||||
itemMargin: {
|
||||
horizontal: 8,
|
||||
vertical: 0
|
||||
},
|
||||
},
|
||||
stroke: {
|
||||
width: 0
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: true,
|
||||
style: {
|
||||
fontSize: '10px',
|
||||
fontFamily: fontFamily,
|
||||
},
|
||||
offsetY: -27
|
||||
},
|
||||
plotOptions: {
|
||||
bar: {
|
||||
columnWidth: "50%",
|
||||
borderRadius: 4,
|
||||
dataLabels: {
|
||||
position: 'top',
|
||||
orientation: 'vertical',
|
||||
}
|
||||
},
|
||||
},
|
||||
}
|
||||
|
||||
var apexBarChart = new ApexCharts(document.querySelector("#monthlySalesChart"), options);
|
||||
apexBarChart.render();
|
||||
}
|
||||
// Monthly Sales Chart - END
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// Monthly Sales Chart - RTL
|
||||
if($('#monthlySalesChartRTL').length) {
|
||||
var options = {
|
||||
chart: {
|
||||
type: 'bar',
|
||||
height: '318',
|
||||
parentHeightOffset: 0,
|
||||
foreColor: colors.bodyColor,
|
||||
background: colors.cardBg,
|
||||
toolbar: {
|
||||
show: false
|
||||
},
|
||||
},
|
||||
theme: {
|
||||
mode: 'light'
|
||||
},
|
||||
tooltip: {
|
||||
theme: 'light'
|
||||
},
|
||||
colors: [colors.primary],
|
||||
fill: {
|
||||
opacity: .9
|
||||
} ,
|
||||
grid: {
|
||||
padding: {
|
||||
bottom: -4
|
||||
},
|
||||
borderColor: colors.gridBorder,
|
||||
xaxis: {
|
||||
lines: {
|
||||
show: true
|
||||
}
|
||||
}
|
||||
},
|
||||
series: [{
|
||||
name: 'Sales',
|
||||
data: [152,109,93,113,126,161,188,143,102,113,116,124]
|
||||
}],
|
||||
xaxis: {
|
||||
type: 'datetime',
|
||||
categories: ['01/01/2022','02/01/2022','03/01/2022','04/01/2022','05/01/2022','06/01/2022','07/01/2022', '08/01/2022','09/01/2022','10/01/2022', '11/01/2022', '12/01/2022'],
|
||||
axisBorder: {
|
||||
color: colors.gridBorder,
|
||||
},
|
||||
axisTicks: {
|
||||
color: colors.gridBorder,
|
||||
},
|
||||
},
|
||||
yaxis: {
|
||||
opposite: true,
|
||||
title: {
|
||||
text: 'Number of Sales',
|
||||
offsetX: -108,
|
||||
style:{
|
||||
size: 9,
|
||||
color: colors.muted
|
||||
}
|
||||
},
|
||||
labels: {
|
||||
align: 'left',
|
||||
offsetX: -20,
|
||||
}
|
||||
},
|
||||
legend: {
|
||||
show: true,
|
||||
position: "top",
|
||||
horizontalAlign: 'center',
|
||||
fontFamily: fontFamily,
|
||||
itemMargin: {
|
||||
horizontal: 8,
|
||||
vertical: 0
|
||||
},
|
||||
},
|
||||
stroke: {
|
||||
width: 0
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: true,
|
||||
style: {
|
||||
fontSize: '10px',
|
||||
fontFamily: fontFamily,
|
||||
},
|
||||
offsetY: -27
|
||||
},
|
||||
plotOptions: {
|
||||
bar: {
|
||||
columnWidth: "50%",
|
||||
borderRadius: 4,
|
||||
dataLabels: {
|
||||
position: 'top',
|
||||
orientation: 'vertical',
|
||||
}
|
||||
},
|
||||
},
|
||||
}
|
||||
|
||||
var apexBarChart = new ApexCharts(document.querySelector("#monthlySalesChartRTL"), options);
|
||||
apexBarChart.render();
|
||||
}
|
||||
// Monthly Sales Chart - RTL - END
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// Cloud Storage Chart
|
||||
if ($('#storageChart').length) {
|
||||
var options = {
|
||||
chart: {
|
||||
height: 260,
|
||||
type: "radialBar"
|
||||
},
|
||||
series: [67],
|
||||
colors: [colors.primary],
|
||||
plotOptions: {
|
||||
radialBar: {
|
||||
hollow: {
|
||||
margin: 15,
|
||||
size: "70%"
|
||||
},
|
||||
track: {
|
||||
show: true,
|
||||
background: colors.dark,
|
||||
strokeWidth: '100%',
|
||||
opacity: 1,
|
||||
margin: 5,
|
||||
},
|
||||
dataLabels: {
|
||||
showOn: "always",
|
||||
name: {
|
||||
offsetY: -11,
|
||||
show: true,
|
||||
color: colors.muted,
|
||||
fontSize: "13px"
|
||||
},
|
||||
value: {
|
||||
color: colors.bodyColor,
|
||||
fontSize: "30px",
|
||||
show: true
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
fill: {
|
||||
opacity: 1
|
||||
},
|
||||
stroke: {
|
||||
lineCap: "round",
|
||||
},
|
||||
labels: ["Storage Used"]
|
||||
};
|
||||
|
||||
var chart = new ApexCharts(document.querySelector("#storageChart"), options);
|
||||
chart.render();
|
||||
}
|
||||
// Cloud Storage Chart - END
|
||||
|
||||
|
||||
});
|
||||
@@ -0,0 +1,746 @@
|
||||
$(function() {
|
||||
'use strict'
|
||||
|
||||
|
||||
|
||||
var colors = {
|
||||
primary : "#6571ff",
|
||||
secondary : "#7987a1",
|
||||
success : "#05a34a",
|
||||
info : "#66d1d1",
|
||||
warning : "#fbbc06",
|
||||
danger : "#ff3366",
|
||||
light : "#e9ecef",
|
||||
dark : "#060c17",
|
||||
muted : "#7987a1",
|
||||
gridBorder : "rgba(77, 138, 240, .15)",
|
||||
bodyColor : "#000",
|
||||
cardBg : "#fff"
|
||||
}
|
||||
|
||||
var fontFamily = "'Roboto', Helvetica, sans-serif"
|
||||
|
||||
var revenueChartData = [
|
||||
49.33,
|
||||
48.79,
|
||||
50.61,
|
||||
53.31,
|
||||
54.78,
|
||||
53.84,
|
||||
54.68,
|
||||
56.74,
|
||||
56.99,
|
||||
56.14,
|
||||
56.56,
|
||||
60.35,
|
||||
58.74,
|
||||
61.44,
|
||||
61.11,
|
||||
58.57,
|
||||
54.72,
|
||||
52.07,
|
||||
51.09,
|
||||
47.48,
|
||||
48.57,
|
||||
48.99,
|
||||
53.58,
|
||||
50.28,
|
||||
46.24,
|
||||
48.61,
|
||||
51.75,
|
||||
51.34,
|
||||
50.21,
|
||||
54.65,
|
||||
52.44,
|
||||
53.06,
|
||||
57.07,
|
||||
52.97,
|
||||
48.72,
|
||||
52.69,
|
||||
53.59,
|
||||
58.52,
|
||||
55.10,
|
||||
58.05,
|
||||
61.35,
|
||||
57.74,
|
||||
60.27,
|
||||
61.00,
|
||||
57.78,
|
||||
56.80,
|
||||
58.90,
|
||||
62.45,
|
||||
58.75,
|
||||
58.40,
|
||||
56.74,
|
||||
52.76,
|
||||
52.30,
|
||||
50.56,
|
||||
55.40,
|
||||
50.49,
|
||||
52.49,
|
||||
48.79,
|
||||
47.46,
|
||||
43.31,
|
||||
38.96,
|
||||
34.73,
|
||||
31.03,
|
||||
32.63,
|
||||
36.89,
|
||||
35.89,
|
||||
32.74,
|
||||
33.20,
|
||||
30.82,
|
||||
28.64,
|
||||
28.44,
|
||||
27.73,
|
||||
27.75,
|
||||
25.96,
|
||||
24.38,
|
||||
21.95,
|
||||
22.08,
|
||||
23.54,
|
||||
27.30,
|
||||
30.27,
|
||||
27.25,
|
||||
29.92,
|
||||
25.14,
|
||||
23.09,
|
||||
23.79,
|
||||
23.46,
|
||||
27.99,
|
||||
23.21,
|
||||
23.91,
|
||||
19.21,
|
||||
15.13,
|
||||
15.08,
|
||||
11.00,
|
||||
9.20,
|
||||
7.47,
|
||||
11.64,
|
||||
15.76,
|
||||
13.99,
|
||||
12.59,
|
||||
13.53,
|
||||
15.01,
|
||||
13.95,
|
||||
13.23,
|
||||
18.10,
|
||||
20.63,
|
||||
21.06,
|
||||
25.37,
|
||||
25.32,
|
||||
20.94,
|
||||
18.75,
|
||||
15.38,
|
||||
14.56,
|
||||
17.94,
|
||||
15.96,
|
||||
16.35,
|
||||
14.16,
|
||||
12.10,
|
||||
14.84,
|
||||
17.24,
|
||||
17.79,
|
||||
14.03,
|
||||
18.65,
|
||||
18.46,
|
||||
22.68,
|
||||
25.08,
|
||||
28.18,
|
||||
28.03,
|
||||
24.11,
|
||||
24.28,
|
||||
28.23,
|
||||
26.24,
|
||||
29.33,
|
||||
26.07,
|
||||
23.92,
|
||||
28.82,
|
||||
25.14,
|
||||
21.79,
|
||||
23.05,
|
||||
20.71,
|
||||
29.72,
|
||||
30.21,
|
||||
32.56,
|
||||
31.46,
|
||||
33.69,
|
||||
30.05,
|
||||
34.20,
|
||||
36.93,
|
||||
35.50,
|
||||
34.78,
|
||||
36.97
|
||||
];
|
||||
|
||||
var revenueChartCategories = [
|
||||
"Jan 01 2022", "Jan 02 2022", "jan 03 2022", "Jan 04 2022", "Jan 05 2022", "Jan 06 2022", "Jan 07 2022", "Jan 08 2022", "Jan 09 2022", "Jan 10 2022", "Jan 11 2022", "Jan 12 2022", "Jan 13 2022", "Jan 14 2022", "Jan 15 2022", "Jan 16 2022", "Jan 17 2022", "Jan 18 2022", "Jan 19 2022", "Jan 20 2022","Jan 21 2022", "Jan 22 2022", "Jan 23 2022", "Jan 24 2022", "Jan 25 2022", "Jan 26 2022", "Jan 27 2022", "Jan 28 2022", "Jan 29 2022", "Jan 30 2022", "Jan 31 2022",
|
||||
"Feb 01 2022", "Feb 02 2022", "Feb 03 2022", "Feb 04 2022", "Feb 05 2022", "Feb 06 2022", "Feb 07 2022", "Feb 08 2022", "Feb 09 2022", "Feb 10 2022", "Feb 11 2022", "Feb 12 2022", "Feb 13 2022", "Feb 14 2022", "Feb 15 2022", "Feb 16 2022", "Feb 17 2022", "Feb 18 2022", "Feb 19 2022", "Feb 20 2022","Feb 21 2022", "Feb 22 2022", "Feb 23 2022", "Feb 24 2022", "Feb 25 2022", "Feb 26 2022", "Feb 27 2022", "Feb 28 2022",
|
||||
"Mar 01 2022", "Mar 02 2022", "Mar 03 2022", "Mar 04 2022", "Mar 05 2022", "Mar 06 2022", "Mar 07 2022", "Mar 08 2022", "Mar 09 2022", "Mar 10 2022", "Mar 11 2022", "Mar 12 2022", "Mar 13 2022", "Mar 14 2022", "Mar 15 2022", "Mar 16 2022", "Mar 17 2022", "Mar 18 2022", "Mar 19 2022", "Mar 20 2022","Mar 21 2022", "Mar 22 2022", "Mar 23 2022", "Mar 24 2022", "Mar 25 2022", "Mar 26 2022", "Mar 27 2022", "Mar 28 2022", "Mar 29 2022", "Mar 30 2022", "Mar 31 2022",
|
||||
"Apr 01 2022", "Apr 02 2022", "Apr 03 2022", "Apr 04 2022", "Apr 05 2022", "Apr 06 2022", "Apr 07 2022", "Apr 08 2022", "Apr 09 2022", "Apr 10 2022", "Apr 11 2022", "Apr 12 2022", "Apr 13 2022", "Apr 14 2022", "Apr 15 2022", "Apr 16 2022", "Apr 17 2022", "Apr 18 2022", "Apr 19 2022", "Apr 20 2022","Apr 21 2022", "Apr 22 2022", "Apr 23 2022", "Apr 24 2022", "Apr 25 2022", "Apr 26 2022", "Apr 27 2022", "Apr 28 2022", "Apr 29 2022", "Apr 30 2022",
|
||||
"May 01 2022", "May 02 2022", "May 03 2022", "May 04 2022", "May 05 2022", "May 06 2022", "May 07 2022", "May 08 2022", "May 09 2022", "May 10 2022", "May 11 2022", "May 12 2022", "May 13 2022", "May 14 2022", "May 15 2022", "May 16 2022", "May 17 2022", "May 18 2022", "May 19 2022", "May 20 2022","May 21 2022", "May 22 2022", "May 23 2022", "May 24 2022", "May 25 2022", "May 26 2022", "May 27 2022", "May 28 2022", "May 29 2022", "May 30 2022",
|
||||
]
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// Date Picker
|
||||
if($('#dashboardDate').length) {
|
||||
flatpickr("#dashboardDate", {
|
||||
wrap: true,
|
||||
dateFormat: "d-M-Y",
|
||||
defaultDate: "today",
|
||||
});
|
||||
}
|
||||
// Date Picker - END
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// New Customers Chart
|
||||
if($('#customersChart').length) {
|
||||
var options1 = {
|
||||
chart: {
|
||||
type: "line",
|
||||
height: 60,
|
||||
sparkline: {
|
||||
enabled: !0
|
||||
}
|
||||
},
|
||||
series: [{
|
||||
name: '',
|
||||
data: [3844, 3855, 3841, 3867, 3822, 3843, 3821, 3841, 3856, 3827, 3843]
|
||||
}],
|
||||
xaxis: {
|
||||
type: 'datetime',
|
||||
categories: ["Jan 01 2022", "Jan 02 2022", "Jan 03 2022", "Jan 04 2022", "Jan 05 2022", "Jan 06 2022", "Jan 07 2022", "Jan 08 2022", "Jan 09 2022", "Jan 10 2022", "Jan 11 2022",],
|
||||
},
|
||||
stroke: {
|
||||
width: 2,
|
||||
curve: "smooth"
|
||||
},
|
||||
markers: {
|
||||
size: 0
|
||||
},
|
||||
colors: [colors.primary],
|
||||
};
|
||||
new ApexCharts(document.querySelector("#customersChart"),options1).render();
|
||||
}
|
||||
// New Customers Chart - END
|
||||
|
||||
|
||||
|
||||
|
||||
// Orders Chart
|
||||
if($('#ordersChart').length) {
|
||||
var options2 = {
|
||||
chart: {
|
||||
type: "bar",
|
||||
height: 60,
|
||||
sparkline: {
|
||||
enabled: !0
|
||||
}
|
||||
},
|
||||
plotOptions: {
|
||||
bar: {
|
||||
borderRadius: 2,
|
||||
columnWidth: "60%"
|
||||
}
|
||||
},
|
||||
colors: [colors.primary],
|
||||
series: [{
|
||||
name: '',
|
||||
data: [36, 77, 52, 90, 74, 35, 55, 23, 47, 10, 63]
|
||||
}],
|
||||
xaxis: {
|
||||
type: 'datetime',
|
||||
categories: ["Jan 01 2022", "Jan 02 2022", "Jan 03 2022", "Jan 04 2022", "Jan 05 2022", "Jan 06 2022", "Jan 07 2022", "Jan 08 2022", "Jan 09 2022", "Jan 10 2022", "Jan 11 2022",],
|
||||
},
|
||||
};
|
||||
new ApexCharts(document.querySelector("#ordersChart"),options2).render();
|
||||
}
|
||||
// Orders Chart - END
|
||||
|
||||
|
||||
|
||||
|
||||
// Growth Chart
|
||||
if($('#growthChart').length) {
|
||||
var options3 = {
|
||||
chart: {
|
||||
type: "line",
|
||||
height: 60,
|
||||
sparkline: {
|
||||
enabled: !0
|
||||
}
|
||||
},
|
||||
series: [{
|
||||
name: '',
|
||||
data: [41, 45, 44, 46, 52, 54, 43, 74, 82, 82, 89]
|
||||
}],
|
||||
xaxis: {
|
||||
type: 'datetime',
|
||||
categories: ["Jan 01 2022", "Jan 02 2022", "Jan 03 2022", "Jan 04 2022", "Jan 05 2022", "Jan 06 2022", "Jan 07 2022", "Jan 08 2022", "Jan 09 2022", "Jan 10 2022", "Jan 11 2022",],
|
||||
},
|
||||
stroke: {
|
||||
width: 2,
|
||||
curve: "smooth"
|
||||
},
|
||||
markers: {
|
||||
size: 0
|
||||
},
|
||||
colors: [colors.primary],
|
||||
};
|
||||
new ApexCharts(document.querySelector("#growthChart"),options3).render();
|
||||
}
|
||||
// Growth Chart - END
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// Revenue Chart
|
||||
if ($('#revenueChart').length) {
|
||||
var lineChartOptions = {
|
||||
chart: {
|
||||
type: "line",
|
||||
height: '400',
|
||||
parentHeightOffset: 0,
|
||||
foreColor: colors.bodyColor,
|
||||
background: colors.cardBg,
|
||||
toolbar: {
|
||||
show: false
|
||||
},
|
||||
},
|
||||
theme: {
|
||||
mode: 'light'
|
||||
},
|
||||
tooltip: {
|
||||
theme: 'light'
|
||||
},
|
||||
colors: [colors.primary, colors.danger, colors.warning],
|
||||
grid: {
|
||||
padding: {
|
||||
bottom: -4,
|
||||
},
|
||||
borderColor: colors.gridBorder,
|
||||
xaxis: {
|
||||
lines: {
|
||||
show: true
|
||||
}
|
||||
}
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: "Revenue",
|
||||
data: revenueChartData
|
||||
},
|
||||
],
|
||||
xaxis: {
|
||||
type: "datetime",
|
||||
categories: revenueChartCategories,
|
||||
lines: {
|
||||
show: true
|
||||
},
|
||||
axisBorder: {
|
||||
color: colors.gridBorder,
|
||||
},
|
||||
axisTicks: {
|
||||
color: colors.gridBorder,
|
||||
},
|
||||
crosshairs: {
|
||||
stroke: {
|
||||
color: colors.secondary,
|
||||
},
|
||||
},
|
||||
},
|
||||
yaxis: {
|
||||
title: {
|
||||
text: 'Revenue ( $1000 x )',
|
||||
style:{
|
||||
size: 9,
|
||||
color: colors.muted
|
||||
}
|
||||
},
|
||||
tickAmount: 4,
|
||||
tooltip: {
|
||||
enabled: true
|
||||
},
|
||||
crosshairs: {
|
||||
stroke: {
|
||||
color: colors.secondary,
|
||||
},
|
||||
},
|
||||
},
|
||||
markers: {
|
||||
size: 0,
|
||||
},
|
||||
stroke: {
|
||||
width: 2,
|
||||
curve: "straight",
|
||||
},
|
||||
};
|
||||
var apexLineChart = new ApexCharts(document.querySelector("#revenueChart"), lineChartOptions);
|
||||
apexLineChart.render();
|
||||
}
|
||||
// Revenue Chart - END
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// Revenue Chart - RTL
|
||||
if ($('#revenueChartRTL').length) {
|
||||
var lineChartOptions = {
|
||||
chart: {
|
||||
type: "line",
|
||||
height: '400',
|
||||
parentHeightOffset: 0,
|
||||
foreColor: colors.bodyColor,
|
||||
background: colors.cardBg,
|
||||
toolbar: {
|
||||
show: false
|
||||
},
|
||||
},
|
||||
theme: {
|
||||
mode: 'light'
|
||||
},
|
||||
tooltip: {
|
||||
theme: 'light'
|
||||
},
|
||||
colors: [colors.primary, colors.danger, colors.warning],
|
||||
grid: {
|
||||
padding: {
|
||||
bottom: -4,
|
||||
},
|
||||
borderColor: colors.gridBorder,
|
||||
xaxis: {
|
||||
lines: {
|
||||
show: true
|
||||
}
|
||||
}
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: "Revenue",
|
||||
data: revenueChartData
|
||||
},
|
||||
],
|
||||
xaxis: {
|
||||
type: "datetime",
|
||||
categories: revenueChartCategories,
|
||||
lines: {
|
||||
show: true
|
||||
},
|
||||
axisBorder: {
|
||||
color: colors.gridBorder,
|
||||
},
|
||||
axisTicks: {
|
||||
color: colors.gridBorder,
|
||||
},
|
||||
crosshairs: {
|
||||
stroke: {
|
||||
color: colors.secondary,
|
||||
},
|
||||
},
|
||||
},
|
||||
yaxis: {
|
||||
opposite: true,
|
||||
title: {
|
||||
text: 'Revenue ( $1000 x )',
|
||||
offsetX: -130,
|
||||
style:{
|
||||
size: 9,
|
||||
color: colors.muted
|
||||
}
|
||||
},
|
||||
labels: {
|
||||
align: 'left',
|
||||
offsetX: -20,
|
||||
},
|
||||
tickAmount: 4,
|
||||
tooltip: {
|
||||
enabled: true
|
||||
},
|
||||
crosshairs: {
|
||||
stroke: {
|
||||
color: colors.secondary,
|
||||
},
|
||||
},
|
||||
},
|
||||
markers: {
|
||||
size: 0,
|
||||
},
|
||||
stroke: {
|
||||
width: 2,
|
||||
curve: "straight",
|
||||
},
|
||||
};
|
||||
var apexLineChart = new ApexCharts(document.querySelector("#revenueChartRTL"), lineChartOptions);
|
||||
apexLineChart.render();
|
||||
}
|
||||
// Revenue Chart - RTL - END
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// Monthly Sales Chart
|
||||
if($('#monthlySalesChart').length) {
|
||||
var options = {
|
||||
chart: {
|
||||
type: 'bar',
|
||||
height: '318',
|
||||
parentHeightOffset: 0,
|
||||
foreColor: colors.bodyColor,
|
||||
background: colors.cardBg,
|
||||
toolbar: {
|
||||
show: false
|
||||
},
|
||||
},
|
||||
theme: {
|
||||
mode: 'light'
|
||||
},
|
||||
tooltip: {
|
||||
theme: 'light'
|
||||
},
|
||||
colors: [colors.primary],
|
||||
fill: {
|
||||
opacity: .9
|
||||
} ,
|
||||
grid: {
|
||||
padding: {
|
||||
bottom: -4
|
||||
},
|
||||
borderColor: colors.gridBorder,
|
||||
xaxis: {
|
||||
lines: {
|
||||
show: true
|
||||
}
|
||||
}
|
||||
},
|
||||
series: [{
|
||||
name: 'Sales',
|
||||
data: [152,109,93,113,126,161,188,143,102,113,116,124]
|
||||
}],
|
||||
xaxis: {
|
||||
type: 'datetime',
|
||||
categories: ['01/01/2022','02/01/2022','03/01/2022','04/01/2022','05/01/2022','06/01/2022','07/01/2022', '08/01/2022','09/01/2022','10/01/2022', '11/01/2022', '12/01/2022'],
|
||||
axisBorder: {
|
||||
color: colors.gridBorder,
|
||||
},
|
||||
axisTicks: {
|
||||
color: colors.gridBorder,
|
||||
},
|
||||
},
|
||||
yaxis: {
|
||||
title: {
|
||||
text: 'Number of Sales',
|
||||
style:{
|
||||
size: 9,
|
||||
color: colors.muted
|
||||
}
|
||||
},
|
||||
},
|
||||
legend: {
|
||||
show: true,
|
||||
position: "top",
|
||||
horizontalAlign: 'center',
|
||||
fontFamily: fontFamily,
|
||||
itemMargin: {
|
||||
horizontal: 8,
|
||||
vertical: 0
|
||||
},
|
||||
},
|
||||
stroke: {
|
||||
width: 0
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: true,
|
||||
style: {
|
||||
fontSize: '10px',
|
||||
fontFamily: fontFamily,
|
||||
},
|
||||
offsetY: -27
|
||||
},
|
||||
plotOptions: {
|
||||
bar: {
|
||||
columnWidth: "50%",
|
||||
borderRadius: 4,
|
||||
dataLabels: {
|
||||
position: 'top',
|
||||
orientation: 'vertical',
|
||||
}
|
||||
},
|
||||
},
|
||||
}
|
||||
|
||||
var apexBarChart = new ApexCharts(document.querySelector("#monthlySalesChart"), options);
|
||||
apexBarChart.render();
|
||||
}
|
||||
// Monthly Sales Chart - END
|
||||
|
||||
|
||||
|
||||
|
||||
// Monthly Sales Chart - RTL
|
||||
if($('#monthlySalesChartRTL').length) {
|
||||
var options = {
|
||||
chart: {
|
||||
type: 'bar',
|
||||
height: '318',
|
||||
parentHeightOffset: 0,
|
||||
foreColor: colors.bodyColor,
|
||||
background: colors.cardBg,
|
||||
toolbar: {
|
||||
show: false
|
||||
},
|
||||
},
|
||||
theme: {
|
||||
mode: 'light'
|
||||
},
|
||||
tooltip: {
|
||||
theme: 'light'
|
||||
},
|
||||
colors: [colors.primary],
|
||||
fill: {
|
||||
opacity: .9
|
||||
} ,
|
||||
grid: {
|
||||
padding: {
|
||||
bottom: -4
|
||||
},
|
||||
borderColor: colors.gridBorder,
|
||||
xaxis: {
|
||||
lines: {
|
||||
show: true
|
||||
}
|
||||
}
|
||||
},
|
||||
series: [{
|
||||
name: 'Sales',
|
||||
data: [152,109,93,113,126,161,188,143,102,113,116,124]
|
||||
}],
|
||||
xaxis: {
|
||||
type: 'datetime',
|
||||
categories: ['01/01/2022','02/01/2022','03/01/2022','04/01/2022','05/01/2022','06/01/2022','07/01/2022', '08/01/2022','09/01/2022','10/01/2022', '11/01/2022', '12/01/2022'],
|
||||
axisBorder: {
|
||||
color: colors.gridBorder,
|
||||
},
|
||||
axisTicks: {
|
||||
color: colors.gridBorder,
|
||||
},
|
||||
},
|
||||
yaxis: {
|
||||
opposite: true,
|
||||
title: {
|
||||
text: 'Number of Sales',
|
||||
offsetX: -100,
|
||||
style:{
|
||||
size: 9,
|
||||
color: colors.muted
|
||||
}
|
||||
},
|
||||
labels: {
|
||||
align: 'left',
|
||||
offsetX: -20,
|
||||
},
|
||||
},
|
||||
legend: {
|
||||
show: true,
|
||||
position: "top",
|
||||
horizontalAlign: 'center',
|
||||
fontFamily: fontFamily,
|
||||
itemMargin: {
|
||||
horizontal: 8,
|
||||
vertical: 0
|
||||
},
|
||||
},
|
||||
stroke: {
|
||||
width: 0
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: true,
|
||||
style: {
|
||||
fontSize: '10px',
|
||||
fontFamily: fontFamily,
|
||||
},
|
||||
offsetY: -27
|
||||
},
|
||||
plotOptions: {
|
||||
bar: {
|
||||
columnWidth: "50%",
|
||||
borderRadius: 4,
|
||||
dataLabels: {
|
||||
position: 'top',
|
||||
orientation: 'vertical',
|
||||
}
|
||||
},
|
||||
},
|
||||
}
|
||||
|
||||
var apexBarChart = new ApexCharts(document.querySelector("#monthlySalesChartRTL"), options);
|
||||
apexBarChart.render();
|
||||
}
|
||||
// Monthly Sales Chart - RTL - END
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// Cloud Storage Chart
|
||||
if ($('#storageChart').length) {
|
||||
var options = {
|
||||
chart: {
|
||||
height: 260,
|
||||
type: "radialBar"
|
||||
},
|
||||
series: [67],
|
||||
colors: [colors.primary],
|
||||
plotOptions: {
|
||||
radialBar: {
|
||||
hollow: {
|
||||
margin: 15,
|
||||
size: "70%"
|
||||
},
|
||||
track: {
|
||||
show: true,
|
||||
background: colors.light,
|
||||
strokeWidth: '100%',
|
||||
opacity: 1,
|
||||
margin: 5,
|
||||
},
|
||||
dataLabels: {
|
||||
showOn: "always",
|
||||
name: {
|
||||
offsetY: -11,
|
||||
show: true,
|
||||
color: colors.muted,
|
||||
fontSize: "13px"
|
||||
},
|
||||
value: {
|
||||
color: colors.bodyColor,
|
||||
fontSize: "30px",
|
||||
show: true
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
fill: {
|
||||
opacity: 1
|
||||
},
|
||||
stroke: {
|
||||
lineCap: "round",
|
||||
},
|
||||
labels: ["Storage Used"]
|
||||
};
|
||||
|
||||
var chart = new ApexCharts(document.querySelector("#storageChart"), options);
|
||||
chart.render();
|
||||
}
|
||||
// Cloud Storage Chart - END
|
||||
|
||||
|
||||
});
|
||||
@@ -0,0 +1,26 @@
|
||||
// npm package: flatpickr
|
||||
// github link: https://github.com/flatpickr/flatpickr
|
||||
|
||||
$(function() {
|
||||
'use strict';
|
||||
|
||||
// date picker
|
||||
if($('#flatpickr-date').length) {
|
||||
flatpickr("#flatpickr-date", {
|
||||
wrap: true,
|
||||
dateFormat: "Y-m-d",
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// time picker
|
||||
if($('#flatpickr-time').length) {
|
||||
flatpickr("#flatpickr-time", {
|
||||
wrap: true,
|
||||
enableTime: true,
|
||||
noCalendar: true,
|
||||
dateFormat: "H:i",
|
||||
});
|
||||
}
|
||||
|
||||
});
|
||||
@@ -0,0 +1,211 @@
|
||||
|
||||
(function($) {
|
||||
'use strict';
|
||||
$(function() {
|
||||
var body = $('body');
|
||||
var mainWrapper = $('.main-wrapper');
|
||||
var footer = $('footer');
|
||||
var sidebar = $('.sidebar');
|
||||
var navbar = $('.navbar').not('.top-navbar');
|
||||
|
||||
|
||||
// Enable feather-icons with SVG markup
|
||||
feather.replace();
|
||||
|
||||
|
||||
// initialize clipboard plugin
|
||||
if ($('.btn-clipboard').length) {
|
||||
// Enabling tooltip to all clipboard buttons
|
||||
$('.btn-clipboard').attr('data-bs-toggle', 'tooltip').attr('title', 'Copy to clipboard');
|
||||
|
||||
var clipboard = new ClipboardJS('.btn-clipboard');
|
||||
|
||||
clipboard.on('success', function(e) {
|
||||
console.log(e);
|
||||
e.trigger.innerHTML = 'copied';
|
||||
setTimeout(function() {
|
||||
e.trigger.innerHTML = 'copy';
|
||||
e.clearSelection();
|
||||
},700)
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// initializing bootstrap tooltip
|
||||
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
|
||||
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
|
||||
return new bootstrap.Tooltip(tooltipTriggerEl)
|
||||
})
|
||||
|
||||
|
||||
// initializing bootstrap popover
|
||||
var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
|
||||
var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
|
||||
return new bootstrap.Popover(popoverTriggerEl)
|
||||
})
|
||||
|
||||
|
||||
// Applying perfect-scrollbar
|
||||
if ($('.sidebar .sidebar-body').length) {
|
||||
const sidebarBodyScroll = new PerfectScrollbar('.sidebar-body');
|
||||
}
|
||||
// commented beacuse of hang (scroll from dropdown.html with small height)
|
||||
// if ($('.content-nav-wrapper').length) {
|
||||
// const contentNavWrapper = new PerfectScrollbar('.content-nav-wrapper');
|
||||
// }
|
||||
|
||||
|
||||
// Close other submenu in sidebar on opening any
|
||||
sidebar.on('show.bs.collapse', '.collapse', function() {
|
||||
sidebar.find('.collapse.show').collapse('hide');
|
||||
});
|
||||
|
||||
|
||||
// Sidebar toggle to sidebar-folded
|
||||
$('.sidebar-toggler').on('click', function(e) {
|
||||
e.preventDefault();
|
||||
$('.sidebar-header .sidebar-toggler').toggleClass('active not-active');
|
||||
if (window.matchMedia('(min-width: 992px)').matches) {
|
||||
e.preventDefault();
|
||||
body.toggleClass('sidebar-folded');
|
||||
} else if (window.matchMedia('(max-width: 991px)').matches) {
|
||||
e.preventDefault();
|
||||
body.toggleClass('sidebar-open');
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// commmented because of apex chart width issue in desktop (in lg not in xl)
|
||||
// // sidebar-folded on large devices
|
||||
// function iconSidebar(e) {
|
||||
// if (e.matches) {
|
||||
// body.addClass('sidebar-folded');
|
||||
// } else {
|
||||
// body.removeClass('sidebar-folded');
|
||||
// }
|
||||
// }
|
||||
// var desktopMedium = window.matchMedia('(min-width:992px) and (max-width: 1199px)');
|
||||
// desktopMedium.addListener(iconSidebar);
|
||||
// iconSidebar(desktopMedium);
|
||||
|
||||
|
||||
// Settings sidebar toggle
|
||||
$('.settings-sidebar-toggler').on('click', function(e) {
|
||||
$('body').toggleClass('settings-open');
|
||||
});
|
||||
|
||||
|
||||
// Sidebar theme settings
|
||||
$("input:radio[name=sidebarThemeSettings]").click(function() {
|
||||
$('body').removeClass('sidebar-light sidebar-dark');
|
||||
$('body').addClass($(this).val());
|
||||
})
|
||||
|
||||
|
||||
|
||||
//Add active class to nav-link based on url dynamically
|
||||
function addActiveClass(element) {
|
||||
if (current === "") {
|
||||
//for root url
|
||||
if (element.attr('href').indexOf("index.html") !== -1) {
|
||||
element.parents('.nav-item').last().addClass('active');
|
||||
if (element.parents('.sub-menu').length) {
|
||||
element.closest('.collapse').addClass('show');
|
||||
element.addClass('active');
|
||||
}
|
||||
}
|
||||
} else {
|
||||
//for other url
|
||||
if (element.attr('href').indexOf(current) !== -1) {
|
||||
element.parents('.nav-item').last().addClass('active');
|
||||
if (element.parents('.sub-menu').length) {
|
||||
element.closest('.collapse').addClass('show');
|
||||
element.addClass('active');
|
||||
}
|
||||
if (element.parents('.submenu-item').length) {
|
||||
element.addClass('active');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var current = location.pathname.split("/").slice(-1)[0].replace(/^\/|\/$/g, '');
|
||||
$('.nav li a', sidebar).each(function() {
|
||||
var $this = $(this);
|
||||
addActiveClass($this);
|
||||
});
|
||||
|
||||
$('.horizontal-menu .nav li a').each(function() {
|
||||
var $this = $(this);
|
||||
addActiveClass($this);
|
||||
})
|
||||
|
||||
|
||||
// open sidebar-folded when hover
|
||||
$(".sidebar .sidebar-body").hover(
|
||||
function () {
|
||||
if (body.hasClass('sidebar-folded')){
|
||||
body.addClass("open-sidebar-folded");
|
||||
}
|
||||
},
|
||||
function () {
|
||||
if (body.hasClass('sidebar-folded')){
|
||||
body.removeClass("open-sidebar-folded");
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// close sidebar when click outside on mobile/table
|
||||
$(document).on('click touchstart', function(e){
|
||||
e.stopPropagation();
|
||||
|
||||
// closing of sidebar menu when clicking outside of it
|
||||
if (!$(e.target).closest('.sidebar-toggler').length) {
|
||||
var sidebar = $(e.target).closest('.sidebar').length;
|
||||
var sidebarBody = $(e.target).closest('.sidebar-body').length;
|
||||
if (!sidebar && !sidebarBody) {
|
||||
if ($('body').hasClass('sidebar-open')) {
|
||||
$('body').removeClass('sidebar-open');
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
//Horizontal menu in mobile
|
||||
$('[data-toggle="horizontal-menu-toggle"]').on("click", function() {
|
||||
$(".horizontal-menu .bottom-navbar").toggleClass("header-toggled");
|
||||
});
|
||||
// Horizontal menu navigation in mobile menu on click
|
||||
var navItemClicked = $('.horizontal-menu .page-navigation >.nav-item');
|
||||
navItemClicked.on("click", function(event) {
|
||||
if(window.matchMedia('(max-width: 991px)').matches) {
|
||||
if(!($(this).hasClass('show-submenu'))) {
|
||||
navItemClicked.removeClass('show-submenu');
|
||||
}
|
||||
$(this).toggleClass('show-submenu');
|
||||
}
|
||||
})
|
||||
|
||||
$(window).scroll(function() {
|
||||
if(window.matchMedia('(min-width: 992px)').matches) {
|
||||
var header = $('.horizontal-menu');
|
||||
if ($(window).scrollTop() >= 60) {
|
||||
$(header).addClass('fixed-on-scroll');
|
||||
} else {
|
||||
$(header).removeClass('fixed-on-scroll');
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// Prevent body scrolling while sidebar scroll
|
||||
$('.sidebar .sidebar-body').hover(function () {
|
||||
$('body').addClass('overflow-hidden');
|
||||
}, function () {
|
||||
$('body').removeClass('overflow-hidden');
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
})(jQuery);
|
||||
+13
@@ -0,0 +1,13 @@
|
||||
.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
|
||||
/*rtl:begin:ignore*/left:0/*
|
||||
/*rtl:end:ignore*/}/*
|
||||
/*rtl:begin:ignore*/
|
||||
/*
|
||||
/*rtl:end:ignore*/
|
||||
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
|
||||
/*rtl:begin:ignore*/right:0/*
|
||||
/*rtl:end:ignore*/}/*
|
||||
/*rtl:begin:ignore*/
|
||||
/*
|
||||
/*rtl:end:ignore*/
|
||||
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875pLine truncated
|
||||
@@ -0,0 +1,2 @@
|
||||
/* flatpickr v4.6.13,, @license MIT */
|
||||
!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):(e="undefined"!=typeof globalThis?globalThis:e||self).flatpickr=n()}(this,(function(){"use strict";var e=function(){return(e=Object.assign||function(e){for(var n,t=1,a=arguments.length;t<a;t++)for(var i in n=arguments[t])Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);return e}).apply(this,arguments)};function n(){for(var e=0,n=0,t=arguments.length;n<t;n++)e+=arguments[n].length;var a=Array(e),i=0;for(n=0;n<t;n++)for(var o=arguments[n],r=0,l=o.length;r<l;r++,i++)a[i]=o[r];return a}var t=["onChange","onClose","onDayCreate","onDestroy","onKeyDown","onMonthChange","onOpen","onParseConfig","onReady","onValueUpdate","onYearChange","onPreCalendarPosition"],a={_disable:[],allowInput:!1,allowInvalidPreload:!1,altFormat:"F j, Y",altInput:!1,altInputClass:"form-control input",animate:"object"==typeof window&&-1===window.navigator.userAgent.indexOf("MSIE"),ariaDateFormat:"F j, Y",autoFillDefaultTime:!0,clickOpens:!0,closeOnSelect:!0,conjunction:", ",dateFormat:"Y-m-d",defaultHour:12,defaultMinute:0,defaultSeconds:0,disable:[],disableMobile:!1,enableSeconds:!1,enableTime:!1,errorHandler:function(e){return"undefined"!=typeof console&&console.warn(e)},getWeek:function(e){var n=new Date(e.getTime());n.setHours(0,0,0,0),n.setDate(n.getDate()+3-(n.getDay()+6)%7);var t=new Date(n.getFullYear(),0,4);return 1+Math.round(((n.getTime()-t.getTime())/864e5-3+(t.getDay()+6)%7)/7)},hourIncrement:1,ignoredFocusElements:[],inline:!1,locale:"default",minuteIncrement:5,mode:"single",monthSelectorType:"dropdown",nextArrow:"<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 17 17'><g></g><path d='M13.207 8.472l-7.854 7.854-0.707-0.707 7.146-7.146-7.146-7.148 0.707-0.707 7.854 7.854z' /></svg>",noCalendar:!1,now:new Date,onChange:[],onClose:[],onDayCreate:[],onDestroy:[],onKeyDown:[],onMonthChange:[],onOpen:[],onParseConfig:[],onReady:[],onValueUpdate:[],onYearChange:[],onPreCalendarPosition:[],plugins:[],position:"auto",positionElement:void 0,prevArrow:"<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 17 17'><g></g><path d='M5.207 8.471l7.146 7.147-0.707 0.707-7.853-7.854 7.854-7.853 0.707 0.707-7.147 7.146z' /></svg>",shorthandCurrentMonth:!1,showMonths:1,static:!1,time_24hr:!1,weekNumbers:!1,wrap:!1},i={weekdays:{shorthand:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],longhand:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},months:{shorthand:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],longhand:["January","February","March","April","May","June","July","August","September","October","November","December"]},daysInMonth:[31,28,31,30,31,30,31,31,30,31,30,31],firstDayOfWeek:0,ordinal:function(e){var n=e%100;if(n>3&&n<21)return"th";switch(n%10){case 1:return"st";case 2:return"nd";case 3:return"rd";default:return"th"}},rangeSeparator:" to ",weekAbbreviation:"Wk",scrollTitle:"Scroll to increment",toggleTitle:"Click to toggle",amPM:["AM","PM"],yearAriaLabel:"Year",monthAriaLabel:"Month",hourAriaLabel:"Hour",minuteAriaLabel:"Minute",time_24hr:!1},o=function(e,n){return void 0===n&&(n=2),("000"+e).slice(-1*n)},r=function(e){return!0===e?1:0};function l(e,n){var t;return function(){var a=this,i=arguments;clearTimeout(t),t=setTimeout((function(){return e.apply(a,i)}),n)}}var c=function(e){return e instanceof Array?e:[e]};function s(e,n,t){if(!0===t)return e.classList.add(n);e.classList.remove(n)}function d(e,n,t){var a=window.document.createElement(e);return n=n||"",t=t||"",a.className=n,void 0!==t&&(a.textContent=t),a}function u(e){for(;e.firstChild;)e.removeChild(e.firstChild)}function f(e,n){return n(e)?e:e.parentNode?f(e.parentNode,n):void 0}function m(e,n){var t=d("div","numInputWrapper"),a=d("input","numInput "+e),i=d("span","arrowUp"),o=d("span","arrowDown");if(-1===navigator.userAgent.indexOf("MSIE 9.0")?a.type="number":(a.type="text",a.pattern="\\d*"),void 0!==n)for(var r in n)a.setAttribute(r,n[r]);return t.appendChild(a),t.appendChild(i),t.appendChild(o),t}function g(e){try{return"function"==typeof e.composedPath?e.composedPath()[0]:e.target}catch(n){return e.target}}var p=function(){},h=function(e,n,t){return t.months[n?"shorthand":"longhand"][e]},v={D:p,F:function(e,n,t){e.setMonth(t.months.longhand.indexOf(n))},G:function(e,n){e.setHours((e.getHours()>=12?12:0)+parseFloat(n))},H:function(e,n){e.setHours(parseFloat(n))},J:function(e,n){e.setDate(parseFloat(n))},K:function(e,n,t){e.setHours(e.getHours()%12+12*r(new RegExp(t.amPM[1],"i").test(n)))},M:function(e,n,t){e.setMonth(t.months.shorthand.indexOf(n))},S:function(e,n){e.setSeconds(parseFloat(n))},U:function(e,n){return new Date(1e3*parseFloat(n))},W:function(e,n,t){var a=parseInt(n),i=new Date(e.getFullYear(),0,2+7*(a-1),0,0,0,0);return i.setDate(i.getDate()-i.getDay()+t.fLine truncated
|
||||
@@ -1,7 +1,7 @@
|
||||
@props(['messages'])
|
||||
|
||||
@if ($messages)
|
||||
<ul {{ $attributes->merge(['class' => 'text-sm text-red-600 dark:text-red-400 space-y-1']) }}>
|
||||
<ul {{ $attributes->merge(['class' => 'text-danger text-sm text-red-600 dark:text-red-400 space-y-1']) }}>
|
||||
@foreach ((array) $messages as $message)
|
||||
<li>{{ $message }}</li>
|
||||
@endforeach
|
||||
|
||||
@@ -1,3 +1,8 @@
|
||||
@props(['disabled' => false])
|
||||
@props(['notvalid' =>false])
|
||||
|
||||
<input {{ $disabled ? 'disabled' : '' }} {!! $attributes->merge(['class' => 'border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 focus:border-indigo-500 dark:focus:border-indigo-600 focus:ring-indigo-500 dark:focus:ring-indigo-600 rounded-md shadow-sm']) !!}>
|
||||
@php
|
||||
$class = sprintf('form-control%s',($notvalid ? ' is-invalid' : ''));
|
||||
@endphp
|
||||
|
||||
<input {{ $disabled ? 'disabled' : '' }} {!! $attributes->merge(['class' =>$class ])!!}>
|
||||
@@ -1,36 +1,40 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
|
||||
<title>{{ config('app.name', 'Laravel') }}</title>
|
||||
<title>{{ config('app.name', 'Laravel') }}</title>
|
||||
|
||||
<!-- Fonts -->
|
||||
<link rel="preconnect" href="https://fonts.bunny.net">
|
||||
<link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
|
||||
<!-- Fonts -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap" rel="stylesheet">
|
||||
<!-- End fonts -->
|
||||
|
||||
<!-- Scripts -->
|
||||
@vite(['resources/css/app.css', 'resources/js/app.js'])
|
||||
</head>
|
||||
<body class="font-sans antialiased">
|
||||
<div class="min-h-screen bg-gray-100 dark:bg-gray-900">
|
||||
@include('layouts.navigation')
|
||||
<!-- Styles -->
|
||||
@vite([
|
||||
'resources/css/core.css',
|
||||
'resources/css/app_style.css',
|
||||
'resources/vendors/flatpickr/flatpickr.min.css',
|
||||
])
|
||||
</head>
|
||||
<body class="font-sans antialiased sidebar-dark">
|
||||
<div class="main-wrapper">
|
||||
@include('layouts.partials.sidebar')
|
||||
|
||||
<!-- Page Heading -->
|
||||
@if (isset($header))
|
||||
<header class="bg-white dark:bg-gray-800 shadow">
|
||||
<div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
|
||||
{{ $header }}
|
||||
</div>
|
||||
</header>
|
||||
@endif
|
||||
|
||||
<!-- Page Content -->
|
||||
<main>
|
||||
{{ $slot }}
|
||||
</main>
|
||||
<div class="page-wrapper">
|
||||
@include('layouts.partials.navbar')
|
||||
<div class="page-content">
|
||||
{{ $slot }}
|
||||
</div>
|
||||
</body>
|
||||
|
||||
@include('layouts.partials.footer')
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@include('layouts.partials.scripts')
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,44 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
|
||||
<title>{{ config('app.name', 'Laravel') }}</title>
|
||||
|
||||
<!-- Fonts -->
|
||||
<link rel="preconnect" href="https://fonts.bunny.net">
|
||||
<link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
|
||||
|
||||
<!-- Scripts -->
|
||||
@vite(['resources/css/app.css', 'resources/js/app.js'])
|
||||
</head>
|
||||
<body class="font-sans antialiased">
|
||||
<div class="min-h-screen bg-gray-100 dark:bg-gray-900">
|
||||
@include('layouts.navigation')
|
||||
|
||||
<!-- Page Heading -->
|
||||
@if (isset($header))
|
||||
<header class="bg-white dark:bg-gray-800 shadow">
|
||||
<div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
|
||||
{{ $header }}
|
||||
</div>
|
||||
</header>
|
||||
@endif
|
||||
|
||||
@if (isset($pippo))
|
||||
<header class="bg-white dark:bg-gray-800 shadow">
|
||||
<div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
|
||||
{{ $pippo }}
|
||||
</div>
|
||||
</header>
|
||||
@endif
|
||||
|
||||
<!-- Page Content -->
|
||||
<main>
|
||||
{{ $slot }}
|
||||
</main>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -21,7 +21,6 @@
|
||||
<x-application-logo class="w-20 h-20 fill-current text-gray-500" />
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="w-full sm:max-w-md mt-6 px-6 py-4 bg-white dark:bg-gray-800 shadow-md overflow-hidden sm:rounded-lg">
|
||||
{{ $slot }}
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,7 @@
|
||||
<footer
|
||||
class="footer d-flex flex-column flex-md-row align-items-center justify-content-between px-4 py-3 border-top small">
|
||||
<p class="text-muted mb-1 mb-md-0">Copyright © 2022 <a href="https://www.nobleui.com" target="_blank">NobleUI</a>.
|
||||
</p>
|
||||
<p class="text-muted">Handcrafted With <i class="mb-1 text-primary ms-1 icon-sm" data-feather="heart"></i>
|
||||
</p>
|
||||
</footer>
|
||||
@@ -0,0 +1,280 @@
|
||||
<nav class="navbar">
|
||||
<a href="#" class="sidebar-toggler">
|
||||
<i data-feather="menu"></i>
|
||||
</a>
|
||||
<div class="navbar-content">
|
||||
<form class="search-form">
|
||||
<div class="input-group">
|
||||
<div class="input-group-text">
|
||||
<i data-feather="search"></i>
|
||||
</div>
|
||||
<input type="text" class="form-control" id="navbarForm" placeholder="Search here...">
|
||||
</div>
|
||||
</form>
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="languageDropdown" role="button"
|
||||
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="flag-icon flag-icon-us mt-1" title="us"></i> <span
|
||||
class="ms-1 me-1 d-none d-md-inline-block">English</span>
|
||||
</a>
|
||||
<div class="dropdown-menu" aria-labelledby="languageDropdown">
|
||||
<a href="javascript:;" class="dropdown-item py-2"><i class="flag-icon flag-icon-us"
|
||||
title="us" id="us"></i> <span
|
||||
class="ms-1"> English </span></a>
|
||||
<a href="javascript:;" class="dropdown-item py-2"><i class="flag-icon flag-icon-fr"
|
||||
title="fr" id="fr"></i> <span
|
||||
class="ms-1"> French </span></a>
|
||||
<a href="javascript:;" class="dropdown-item py-2"><i class="flag-icon flag-icon-de"
|
||||
title="de" id="de"></i> <span
|
||||
class="ms-1"> German </span></a>
|
||||
<a href="javascript:;" class="dropdown-item py-2"><i class="flag-icon flag-icon-pt"
|
||||
title="pt" id="pt"></i> <span
|
||||
class="ms-1"> Portuguese </span></a>
|
||||
<a href="javascript:;" class="dropdown-item py-2"><i class="flag-icon flag-icon-es"
|
||||
title="es" id="es"></i> <span
|
||||
class="ms-1"> Spanish </span></a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="appsDropdown" role="button"
|
||||
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i data-feather="grid"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu p-0" aria-labelledby="appsDropdown">
|
||||
<div class="px-3 py-2 d-flex align-items-center justify-content-between border-bottom">
|
||||
<p class="mb-0 fw-bold">Web Apps</p>
|
||||
<a href="javascript:;" class="text-muted">Edit</a>
|
||||
</div>
|
||||
<div class="row g-0 p-1">
|
||||
<div class="col-3 text-center">
|
||||
<a href="pages/apps/chat.html"
|
||||
class="dropdown-item d-flex flex-column align-items-center justify-content-center wd-70 ht-70"><i
|
||||
data-feather="message-square" class="icon-lg mb-1"></i>
|
||||
<p class="tx-12">Chat</p></a>
|
||||
</div>
|
||||
<div class="col-3 text-center">
|
||||
<a href="pages/apps/calendar.html"
|
||||
class="dropdown-item d-flex flex-column align-items-center justify-content-center wd-70 ht-70"><i
|
||||
data-feather="calendar" class="icon-lg mb-1"></i>
|
||||
<p class="tx-12">Calendar</p></a>
|
||||
</div>
|
||||
<div class="col-3 text-center">
|
||||
<a href="pages/email/inbox.html"
|
||||
class="dropdown-item d-flex flex-column align-items-center justify-content-center wd-70 ht-70"><i
|
||||
data-feather="mail" class="icon-lg mb-1"></i>
|
||||
<p class="tx-12">Email</p></a>
|
||||
</div>
|
||||
<div class="col-3 text-center">
|
||||
<a href="pages/general/profile.html"
|
||||
class="dropdown-item d-flex flex-column align-items-center justify-content-center wd-70 ht-70"><i
|
||||
data-feather="instagram" class="icon-lg mb-1"></i>
|
||||
<p class="tx-12">Profile</p></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="px-3 py-2 d-flex align-items-center justify-content-center border-top">
|
||||
<a href="javascript:;">View all</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="messageDropdown" role="button"
|
||||
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i data-feather="mail"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu p-0" aria-labelledby="messageDropdown">
|
||||
<div class="px-3 py-2 d-flex align-items-center justify-content-between border-bottom">
|
||||
<p>9 New Messages</p>
|
||||
<a href="javascript:;" class="text-muted">Clear all</a>
|
||||
</div>
|
||||
<div class="p-1">
|
||||
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
|
||||
<div class="me-3">
|
||||
<img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30"
|
||||
alt="userr">
|
||||
</div>
|
||||
<div class="d-flex justify-content-between flex-grow-1">
|
||||
<div class="me-4">
|
||||
<p>Leonardo Payne</p>
|
||||
<p class="tx-12 text-muted">Project status</p>
|
||||
</div>
|
||||
<p class="tx-12 text-muted">2 min ago</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
|
||||
<div class="me-3">
|
||||
<img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30"
|
||||
alt="userr">
|
||||
</div>
|
||||
<div class="d-flex justify-content-between flex-grow-1">
|
||||
<div class="me-4">
|
||||
<p>Carl Henson</p>
|
||||
<p class="tx-12 text-muted">Client meeting</p>
|
||||
</div>
|
||||
<p class="tx-12 text-muted">30 min ago</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
|
||||
<div class="me-3">
|
||||
<img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30"
|
||||
alt="userr">
|
||||
</div>
|
||||
<div class="d-flex justify-content-between flex-grow-1">
|
||||
<div class="me-4">
|
||||
<p>Jensen Combs</p>
|
||||
<p class="tx-12 text-muted">Project updates</p>
|
||||
</div>
|
||||
<p class="tx-12 text-muted">1 hrs ago</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
|
||||
<div class="me-3">
|
||||
<img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30"
|
||||
alt="userr">
|
||||
</div>
|
||||
<div class="d-flex justify-content-between flex-grow-1">
|
||||
<div class="me-4">
|
||||
<p>Amiah Burton</p>
|
||||
<p class="tx-12 text-muted">Project deatline</p>
|
||||
</div>
|
||||
<p class="tx-12 text-muted">2 hrs ago</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
|
||||
<div class="me-3">
|
||||
<img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30"
|
||||
alt="userr">
|
||||
</div>
|
||||
<div class="d-flex justify-content-between flex-grow-1">
|
||||
<div class="me-4">
|
||||
<p>Yaretzi Mayo</p>
|
||||
<p class="tx-12 text-muted">New record</p>
|
||||
</div>
|
||||
<p class="tx-12 text-muted">5 hrs ago</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="px-3 py-2 d-flex align-items-center justify-content-center border-top">
|
||||
<a href="javascript:;">View all</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="notificationDropdown" role="button"
|
||||
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i data-feather="bell"></i>
|
||||
<div class="indicator">
|
||||
<div class="circle"></div>
|
||||
</div>
|
||||
</a>
|
||||
<div class="dropdown-menu p-0" aria-labelledby="notificationDropdown">
|
||||
<div class="px-3 py-2 d-flex align-items-center justify-content-between border-bottom">
|
||||
<p>6 New Notifications</p>
|
||||
<a href="javascript:;" class="text-muted">Clear all</a>
|
||||
</div>
|
||||
<div class="p-1">
|
||||
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
|
||||
<div
|
||||
class="wd-30 ht-30 d-flex align-items-center justify-content-center bg-primary rounded-circle me-3">
|
||||
<i class="icon-sm text-white" data-feather="gift"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1 me-2">
|
||||
<p>New Order Recieved</p>
|
||||
<p class="tx-12 text-muted">30 min ago</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
|
||||
<div
|
||||
class="wd-30 ht-30 d-flex align-items-center justify-content-center bg-primary rounded-circle me-3">
|
||||
<i class="icon-sm text-white" data-feather="alert-circle"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1 me-2">
|
||||
<p>Server Limit Reached!</p>
|
||||
<p class="tx-12 text-muted">1 hrs ago</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
|
||||
<div
|
||||
class="wd-30 ht-30 d-flex align-items-center justify-content-center bg-primary rounded-circle me-3">
|
||||
<img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30"
|
||||
alt="userr">
|
||||
</div>
|
||||
<div class="flex-grow-1 me-2">
|
||||
<p>New customer registered</p>
|
||||
<p class="tx-12 text-muted">2 sec ago</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
|
||||
<div
|
||||
class="wd-30 ht-30 d-flex align-items-center justify-content-center bg-primary rounded-circle me-3">
|
||||
<i class="icon-sm text-white" data-feather="layers"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1 me-2">
|
||||
<p>Apps are ready for update</p>
|
||||
<p class="tx-12 text-muted">5 hrs ago</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
|
||||
<div
|
||||
class="wd-30 ht-30 d-flex align-items-center justify-content-center bg-primary rounded-circle me-3">
|
||||
<i class="icon-sm text-white" data-feather="download"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1 me-2">
|
||||
<p>Download completed</p>
|
||||
<p class="tx-12 text-muted">6 hrs ago</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="px-3 py-2 d-flex align-items-center justify-content-center border-top">
|
||||
<a href="javascript:;">View all</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="profileDropdown" role="button"
|
||||
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30"
|
||||
alt="profile">
|
||||
</a>
|
||||
<div class="dropdown-menu p-0" aria-labelledby="profileDropdown">
|
||||
<div class="d-flex flex-column align-items-center border-bottom px-5 py-3">
|
||||
<div class="mb-3">
|
||||
<img class="wd-80 ht-80 rounded-circle" src="https://via.placeholder.com/80x80"
|
||||
alt="">
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<p class="tx-16 fw-bolder">Amiah Burton</p>
|
||||
<p class="tx-12 text-muted">amiahburton@gmail.com</p>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="list-unstyled p-1">
|
||||
<li class="dropdown-item py-2">
|
||||
<a href="{{route('profile.edit')}}" class="text-body ms-0">
|
||||
<i class="me-2 icon-md" data-feather="user"></i>
|
||||
<span>Profile</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="dropdown-item py-2">
|
||||
<a href="javascript:;" class="text-body ms-0">
|
||||
<i class="me-2 icon-md" data-feather="edit"></i>
|
||||
<span>Edit Profile</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="dropdown-item py-2">
|
||||
<a href="javascript:;" class="text-body ms-0">
|
||||
<i class="me-2 icon-md" data-feather="repeat"></i>
|
||||
<span>Switch User</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="dropdown-item py-2">
|
||||
<a href="javascript:;" class="text-body ms-0">
|
||||
<i class="me-2 icon-md" data-feather="log-out"></i>
|
||||
<span>Log Out</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
@@ -0,0 +1,16 @@
|
||||
<!-- core:js -->
|
||||
<script src="assets/vendors/core/core.js"></script>
|
||||
<!-- endinject -->
|
||||
|
||||
<!-- Plugin js for this page -->
|
||||
<script src="assets/vendors/flatpickr/flatpickr.min.js"></script>
|
||||
<!-- End plugin js for this page -->
|
||||
|
||||
<!-- inject:js -->
|
||||
<script src="assets/vendors/feather-icons/feather.min.js"></script>
|
||||
<script src="assets/js/template.js"></script>
|
||||
<!-- endinject -->
|
||||
|
||||
<!-- Custom js for this page -->
|
||||
<script src="assets/js/dashboard-dark.js"></script>
|
||||
<!-- End custom js for this page -->
|
||||
@@ -0,0 +1,330 @@
|
||||
<nav class="sidebar">
|
||||
<div class="sidebar-header">
|
||||
<a href="#" class="sidebar-brand">
|
||||
Noble<span>UI</span>
|
||||
</a>
|
||||
<div class="sidebar-toggler not-active">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-body">
|
||||
<ul class="nav">
|
||||
<li class="nav-item nav-category">Main</li>
|
||||
<li class="nav-item">
|
||||
<a href="dashboard.html" class="nav-link">
|
||||
<i class="link-icon" data-feather="box"></i>
|
||||
<span class="link-title">Dashboard</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item nav-category">web apps</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-bs-toggle="collapse" href="#emails" role="button" aria-expanded="false"
|
||||
aria-controls="emails">
|
||||
<i class="link-icon" data-feather="mail"></i>
|
||||
<span class="link-title">Email</span>
|
||||
<i class="link-arrow" data-feather="chevron-down"></i>
|
||||
</a>
|
||||
<div class="collapse" id="emails">
|
||||
<ul class="nav sub-menu">
|
||||
<li class="nav-item">
|
||||
<a href="pages/email/inbox.html" class="nav-link">Inbox</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/email/read.html" class="nav-link">Read</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/email/compose.html" class="nav-link">Compose</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/apps/chat.html" class="nav-link">
|
||||
<i class="link-icon" data-feather="message-square"></i>
|
||||
<span class="link-title">Chat</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/apps/calendar.html" class="nav-link">
|
||||
<i class="link-icon" data-feather="calendar"></i>
|
||||
<span class="link-title">Calendar</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item nav-category">Components</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-bs-toggle="collapse" href="#uiComponents" role="button"
|
||||
aria-expanded="false" aria-controls="uiComponents">
|
||||
<i class="link-icon" data-feather="feather"></i>
|
||||
<span class="link-title">UI Kit</span>
|
||||
<i class="link-arrow" data-feather="chevron-down"></i>
|
||||
</a>
|
||||
<div class="collapse" id="uiComponents">
|
||||
<ul class="nav sub-menu">
|
||||
<li class="nav-item">
|
||||
<a href="pages/ui-components/accordion.html" class="nav-link">Accordion</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/ui-components/alerts.html" class="nav-link">Alerts</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/ui-components/badges.html" class="nav-link">Badges</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/ui-components/breadcrumbs.html" class="nav-link">Breadcrumbs</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/ui-components/buttons.html" class="nav-link">Buttons</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/ui-components/button-group.html" class="nav-link">Button group</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/ui-components/cards.html" class="nav-link">Cards</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/ui-components/carousel.html" class="nav-link">Carousel</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/ui-components/collapse.html" class="nav-link">Collapse</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/ui-components/dropdowns.html" class="nav-link">Dropdowns</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/ui-components/list-group.html" class="nav-link">List group</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/ui-components/media-object.html" class="nav-link">Media object</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/ui-components/modal.html" class="nav-link">Modal</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/ui-components/navs.html" class="nav-link">Navs</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/ui-components/navbar.html" class="nav-link">Navbar</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/ui-components/pagination.html" class="nav-link">Pagination</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/ui-components/popover.html" class="nav-link">Popovers</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/ui-components/progress.html" class="nav-link">Progress</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/ui-components/scrollbar.html" class="nav-link">Scrollbar</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/ui-components/scrollspy.html" class="nav-link">Scrollspy</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/ui-components/spinners.html" class="nav-link">Spinners</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/ui-components/tabs.html" class="nav-link">Tabs</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/ui-components/tooltips.html" class="nav-link">Tooltips</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-bs-toggle="collapse" href="#advancedUI" role="button" aria-expanded="false"
|
||||
aria-controls="advancedUI">
|
||||
<i class="link-icon" data-feather="anchor"></i>
|
||||
<span class="link-title">Advanced UI</span>
|
||||
<i class="link-arrow" data-feather="chevron-down"></i>
|
||||
</a>
|
||||
<div class="collapse" id="advancedUI">
|
||||
<ul class="nav sub-menu">
|
||||
<li class="nav-item">
|
||||
<a href="pages/advanced-ui/cropper.html" class="nav-link">Cropper</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/advanced-ui/owl-carousel.html" class="nav-link">Owl carousel</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/advanced-ui/sortablejs.html" class="nav-link">SortableJs</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/advanced-ui/sweet-alert.html" class="nav-link">Sweet Alert</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-bs-toggle="collapse" href="#forms" role="button" aria-expanded="false"
|
||||
aria-controls="forms">
|
||||
<i class="link-icon" data-feather="inbox"></i>
|
||||
<span class="link-title">Forms</span>
|
||||
<i class="link-arrow" data-feather="chevron-down"></i>
|
||||
</a>
|
||||
<div class="collapse" id="forms">
|
||||
<ul class="nav sub-menu">
|
||||
<li class="nav-item">
|
||||
<a href="pages/forms/basic-elements.html" class="nav-link">Basic Elements</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/forms/advanced-elements.html" class="nav-link">Advanced Elements</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/forms/editors.html" class="nav-link">Editors</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/forms/wizard.html" class="nav-link">Wizard</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-bs-toggle="collapse" href="#charts" role="button" aria-expanded="false"
|
||||
aria-controls="charts">
|
||||
<i class="link-icon" data-feather="pie-chart"></i>
|
||||
<span class="link-title">Charts</span>
|
||||
<i class="link-arrow" data-feather="chevron-down"></i>
|
||||
</a>
|
||||
<div class="collapse" id="charts">
|
||||
<ul class="nav sub-menu">
|
||||
<li class="nav-item">
|
||||
<a href="pages/charts/apex.html" class="nav-link">Apex</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/charts/chartjs.html" class="nav-link">ChartJs</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/charts/flot.html" class="nav-link">Flot</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/charts/morrisjs.html" class="nav-link">Morris</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/charts/peity.html" class="nav-link">Peity</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/charts/sparkline.html" class="nav-link">Sparkline</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-bs-toggle="collapse" href="#tables" role="button" aria-expanded="false"
|
||||
aria-controls="tables">
|
||||
<i class="link-icon" data-feather="layout"></i>
|
||||
<span class="link-title">Table</span>
|
||||
<i class="link-arrow" data-feather="chevron-down"></i>
|
||||
</a>
|
||||
<div class="collapse" id="tables">
|
||||
<ul class="nav sub-menu">
|
||||
<li class="nav-item">
|
||||
<a href="pages/tables/basic-table.html" class="nav-link">Basic Tables</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/tables/data-table.html" class="nav-link">Data Table</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-bs-toggle="collapse" href="#icons" role="button" aria-expanded="false"
|
||||
aria-controls="icons">
|
||||
<i class="link-icon" data-feather="smile"></i>
|
||||
<span class="link-title">Icons</span>
|
||||
<i class="link-arrow" data-feather="chevron-down"></i>
|
||||
</a>
|
||||
<div class="collapse" id="icons">
|
||||
<ul class="nav sub-menu">
|
||||
<li class="nav-item">
|
||||
<a href="pages/icons/feather-icons.html" class="nav-link">Feather Icons</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/icons/flag-icons.html" class="nav-link">Flag Icons</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/icons/mdi-icons.html" class="nav-link">Mdi Icons</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item nav-category">Pages</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-bs-toggle="collapse" href="#general-pages" role="button"
|
||||
aria-expanded="false" aria-controls="general-pages">
|
||||
<i class="link-icon" data-feather="book"></i>
|
||||
<span class="link-title">Special pages</span>
|
||||
<i class="link-arrow" data-feather="chevron-down"></i>
|
||||
</a>
|
||||
<div class="collapse" id="general-pages">
|
||||
<ul class="nav sub-menu">
|
||||
<li class="nav-item">
|
||||
<a href="pages/general/blank-page.html" class="nav-link">Blank page</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/general/faq.html" class="nav-link">Faq</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/general/invoice.html" class="nav-link">Invoice</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/general/profile.html" class="nav-link">Profile</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/general/pricing.html" class="nav-link">Pricing</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/general/timeline.html" class="nav-link">Timeline</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-bs-toggle="collapse" href="#authPages" role="button" aria-expanded="false"
|
||||
aria-controls="authPages">
|
||||
<i class="link-icon" data-feather="unlock"></i>
|
||||
<span class="link-title">Authentication</span>
|
||||
<i class="link-arrow" data-feather="chevron-down"></i>
|
||||
</a>
|
||||
<div class="collapse" id="authPages">
|
||||
<ul class="nav sub-menu">
|
||||
<li class="nav-item">
|
||||
<a href="pages/auth/login.html" class="nav-link">Login</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/auth/register.html" class="nav-link">Register</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-bs-toggle="collapse" href="#errorPages" role="button" aria-expanded="false"
|
||||
aria-controls="errorPages">
|
||||
<i class="link-icon" data-feather="cloud-off"></i>
|
||||
<span class="link-title">Error</span>
|
||||
<i class="link-arrow" data-feather="chevron-down"></i>
|
||||
</a>
|
||||
<div class="collapse" id="errorPages">
|
||||
<ul class="nav sub-menu">
|
||||
<li class="nav-item">
|
||||
<a href="pages/error/404.html" class="nav-link">404</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="pages/error/500.html" class="nav-link">500</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item nav-category">Docs</li>
|
||||
<li class="nav-item">
|
||||
<a href="https://www.nobleui.com/html/documentation/docs.html" target="_blank" class="nav-link">
|
||||
<i class="link-icon" data-feather="hash"></i>
|
||||
<span class="link-title">Documentation</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
Whitespace-only changes.
@@ -0,0 +1,46 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
|
||||
<title>{{ config('app.name', 'Laravel') }}</title>
|
||||
|
||||
<!-- Fonts -->
|
||||
<link rel="preconnect" href="https://fonts.bunny.net">
|
||||
<link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
|
||||
|
||||
<!-- Scripts -->
|
||||
@vite(['resources/css/app.css', 'resources/js/app.js'])
|
||||
</head>
|
||||
<body class="font-sans antialiased">
|
||||
<div class="min-h-screen bg-gray-100 dark:bg-gray-900">
|
||||
@include('layouts.navigation')
|
||||
|
||||
<!-- Page Heading -->
|
||||
@if (isset($header))
|
||||
<header class="bg-white dark:bg-gray-800 shadow">
|
||||
<div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
|
||||
{{ $header }}
|
||||
</div>
|
||||
</header>
|
||||
@endif
|
||||
|
||||
@if (isset($pippo))
|
||||
<header class="bg-white dark:bg-gray-800 shadow">
|
||||
<div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
|
||||
{{ $pippo }}
|
||||
</div>
|
||||
</header>
|
||||
@endif
|
||||
|
||||
<!-- Page Content -->
|
||||
<main>
|
||||
{{ $slot }}
|
||||
</main>
|
||||
|
||||
<div style="background-color: red">asdjdaklhd</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -27,3 +27,4 @@
|
||||
</div>
|
||||
</div>
|
||||
</x-app-layout>
|
||||
|
||||
@@ -13,21 +13,22 @@
|
||||
@csrf
|
||||
@method('put')
|
||||
|
||||
|
||||
<div>
|
||||
<x-input-label for="update_password_current_password" :value="__('Current Password')" />
|
||||
<x-text-input id="update_password_current_password" name="current_password" type="password" class="mt-1 block w-full" autocomplete="current-password" />
|
||||
<x-text-input :notvalid="$errors->updatePassword->has('current_password')" id="update_password_current_password" name="current_password" type="password" class="mt-1 block w-full" autocomplete="current-password" />
|
||||
<x-input-error :messages="$errors->updatePassword->get('current_password')" class="mt-2" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<x-input-label for="update_password_password" :value="__('New Password')" />
|
||||
<x-text-input id="update_password_password" name="password" type="password" class="mt-1 block w-full" autocomplete="new-password" />
|
||||
<x-text-input :notvalid="$errors->updatePassword->has('password')" id="update_password_password" name="password" type="password" class="mt-1 block w-full" autocomplete="new-password" />
|
||||
<x-input-error :messages="$errors->updatePassword->get('password')" class="mt-2" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<x-input-label for="update_password_password_confirmation" :value="__('Confirm Password')" />
|
||||
<x-text-input id="update_password_password_confirmation" name="password_confirmation" type="password" class="mt-1 block w-full" autocomplete="new-password" />
|
||||
<x-text-input :notvalid="$errors->updatePassword->has('password_confirmation')" id="update_password_password_confirmation" name="password_confirmation" type="password" class="mt-1 block w-full" autocomplete="new-password" />
|
||||
<x-input-error :messages="$errors->updatePassword->get('password_confirmation')" class="mt-2" />
|
||||
</div>
|
||||
|
||||
|
||||
@@ -0,0 +1,23 @@
|
||||
<x-app-layout>
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Word</th>
|
||||
<th>Translation</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
||||
@forelse ($words as $word)
|
||||
<tr>
|
||||
<td>{{$word->name}}</td>
|
||||
<td>{{$word->translation}}</td>
|
||||
</tr>
|
||||
@empty
|
||||
<tr>
|
||||
<td class="text-center" colspan="2">No words</td>
|
||||
</tr>
|
||||
@endforelse
|
||||
</tbody>
|
||||
</table>
|
||||
</x-app-layout>
|
||||
Reference in new issue
Block a user