From 0ddb4fbd3a69e47c822aa94ed526b27eb2dea071 Mon Sep 17 00:00:00 2001 From: Clivern Date: Mon, 20 Nov 2023 18:21:10 +0100 Subject: [PATCH] fix GHSA-vcr7-g458-c933 --- lib/lynx/middleware/api_auth.ex | 18 +- lib/lynx/middleware/ui_auth.ex | 16 +- lib/lynx_web/controllers/misc_controller.ex | 10 +- lib/lynx_web/endpoint.ex | 7 +- lib/lynx_web/views/misc_view.ex | 6 +- ...ckend-1647f9ea7953bcb7b41de6539835e9fe.js} | 6 +- ...end-1647f9ea7953bcb7b41de6539835e9fe.js.gz | Bin 0 -> 3394 bytes ...ackend-4b0b74945d23b8bb81b2986c5d4a55eb.js | 934 -- ...end-4b0b74945d23b8bb81b2986c5d4a55eb.js.gz | Bin 2932 -> 0 bytes ...ackend-8f5d7492349ff2c522dfe70491c110f8.js | 907 -- ...end-8f5d7492349ff2c522dfe70491c110f8.js.gz | Bin 2874 -> 0 bytes ...end-c667d27bf700df80fc3df5b1bdb62d5d.js.gz | Bin 3454 -> 0 bytes priv/static/theme/app/backend.js | 6 +- priv/static/theme/app/backend.js.gz | Bin 3454 -> 3394 bytes .../app-17cbc1c31d946fb8f7ad7214b57779a8.js | 10670 ---------------- ...app-17cbc1c31d946fb8f7ad7214b57779a8.js.gz | Bin 34420 -> 0 bytes priv/static/theme/app/js/app.js | 10670 ---------------- priv/static/theme/app/js/app.js.gz | Bin 34420 -> 0 bytes ...pp.min-7f90d67d87dc45bbf065bc92ca7b66f6.js | 52 - ...min-7f90d67d87dc45bbf065bc92ca7b66f6.js.gz | Bin 29980 -> 0 bytes priv/static/theme/app/js/app.min.js | 52 - priv/static/theme/app/js/app.min.js.gz | Bin 29980 -> 0 bytes 22 files changed, 33 insertions(+), 23321 deletions(-) rename priv/static/theme/app/{backend-c667d27bf700df80fc3df5b1bdb62d5d.js => backend-1647f9ea7953bcb7b41de6539835e9fe.js} (99%) create mode 100644 priv/static/theme/app/backend-1647f9ea7953bcb7b41de6539835e9fe.js.gz delete mode 100644 priv/static/theme/app/backend-4b0b74945d23b8bb81b2986c5d4a55eb.js delete mode 100644 priv/static/theme/app/backend-4b0b74945d23b8bb81b2986c5d4a55eb.js.gz delete mode 100644 priv/static/theme/app/backend-8f5d7492349ff2c522dfe70491c110f8.js delete mode 100644 priv/static/theme/app/backend-8f5d7492349ff2c522dfe70491c110f8.js.gz delete mode 100644 priv/static/theme/app/backend-c667d27bf700df80fc3df5b1bdb62d5d.js.gz delete mode 100644 priv/static/theme/app/js/app-17cbc1c31d946fb8f7ad7214b57779a8.js delete mode 100644 priv/static/theme/app/js/app-17cbc1c31d946fb8f7ad7214b57779a8.js.gz delete mode 100644 priv/static/theme/app/js/app.js delete mode 100644 priv/static/theme/app/js/app.js.gz delete mode 100644 priv/static/theme/app/js/app.min-7f90d67d87dc45bbf065bc92ca7b66f6.js delete mode 100644 priv/static/theme/app/js/app.min-7f90d67d87dc45bbf065bc92ca7b66f6.js.gz delete mode 100644 priv/static/theme/app/js/app.min.js delete mode 100644 priv/static/theme/app/js/app.min.js.gz diff --git a/lib/lynx/middleware/api_auth.ex b/lib/lynx/middleware/api_auth.ex index 80d0476..529e2d2 100644 --- a/lib/lynx/middleware/api_auth.ex +++ b/lib/lynx/middleware/api_auth.ex @@ -20,13 +20,9 @@ defmodule Lynx.Middleware.APIAuthMiddleware do Trigger the API Auth Middleware """ def call(conn, _opts) do - {_, user_token} = - Enum.find(conn.req_headers, fn {key, _value} -> String.downcase(key) == "x-user-token" end) || - {nil, nil} - - {_, user_id} = - Enum.find(conn.req_headers, fn {key, _value} -> String.downcase(key) == "x-user-id" end) || - {nil, nil} + conn = fetch_session(conn) + user_token = get_session(conn, :token) + user_id = get_session(conn, :uid) {_, api_key} = Enum.find(conn.req_headers, fn {key, _value} -> String.downcase(key) == "x-api-key" end) || @@ -34,15 +30,15 @@ defmodule Lynx.Middleware.APIAuthMiddleware do # Logging if is_nil(user_token) do - Logger.info("X-USER-TOKEN header is not in the request") + Logger.info("User token is not in the request") else - Logger.info("X-USER-TOKEN header is in the request") + Logger.info("User token is in the request") end if is_nil(user_id) do - Logger.info("X-USER-ID header is not in the request") + Logger.info("User id is not in the request") else - Logger.info("X-USER-ID header is in the request") + Logger.info("User id is in the request") end if is_nil(api_key) do diff --git a/lib/lynx/middleware/ui_auth.ex b/lib/lynx/middleware/ui_auth.ex index aec72e1..4bc297f 100644 --- a/lib/lynx/middleware/ui_auth.ex +++ b/lib/lynx/middleware/ui_auth.ex @@ -11,6 +11,8 @@ defmodule Lynx.Middleware.UIAuthMiddleware do require Logger + import Plug.Conn + alias Lynx.Module.UserModule alias Lynx.Service.AuthService @@ -24,20 +26,22 @@ defmodule Lynx.Middleware.UIAuthMiddleware do _token: the session value """ def call(conn, _opts) do - uid = conn.req_cookies["_uid"] - token = conn.req_cookies["_token"] + conn = fetch_session(conn) + + token = get_session(conn, :token) + uid = get_session(conn, :uid) # Logging if is_nil(uid) do - Logger.info("_uid cookie is not in the request") + Logger.info("uid cookie is not in the request") else - Logger.info("_uid cookie is in the request") + Logger.info("uid cookie is in the request") end if is_nil(token) do - Logger.info("_token cookie is not in the request") + Logger.info("token cookie is not in the request") else - Logger.info("_token cookie is in the request") + Logger.info("token cookie is in the request") end result = AuthService.is_authenticated(uid, token) diff --git a/lib/lynx_web/controllers/misc_controller.ex b/lib/lynx_web/controllers/misc_controller.ex index 9548ed3..3ba66c6 100644 --- a/lib/lynx_web/controllers/misc_controller.ex +++ b/lib/lynx_web/controllers/misc_controller.ex @@ -14,6 +14,8 @@ defmodule LynxWeb.MiscController do @app_name_min_length 2 @app_name_max_length 60 + import Plug.Conn + alias Lynx.Module.InstallModule alias Lynx.Service.ValidatorService alias Lynx.Service.AuthService @@ -70,14 +72,16 @@ defmodule LynxWeb.MiscController do # Authenticate case AuthService.login(email, password) do {:success, session} -> + conn = fetch_session(conn) + conn |> put_status(:ok) + |> put_session(:token, session.value) + |> put_session(:uid, session.user_id) |> render( "token_success.json", %{ - message: "User logged in successfully!", - token: session.value, - user: session.user_id + message: "User logged in successfully!" } ) diff --git a/lib/lynx_web/endpoint.ex b/lib/lynx_web/endpoint.ex index b50d646..fe0dfb0 100644 --- a/lib/lynx_web/endpoint.ex +++ b/lib/lynx_web/endpoint.ex @@ -10,8 +10,11 @@ defmodule LynxWeb.Endpoint do # Set :encryption_salt if you would also like to encrypt it. @session_options [ store: :cookie, - key: "_lynx_key", - signing_salt: "Z+Rs6bdk" + key: "_lynx_bag", + signing_salt: "Z+Rs6bdk", + encryption_salt: + System.get_env("APP_SECRET") || + "koPmu7TJCwD8mttV9vgWUeU7iuu/zTPOR3sX4UalM9KkYEVGPfyi0PeTVzu1TT8C" ] socket "/live", Phoenix.LiveView.Socket, websocket: [connect_info: [session: @session_options]] diff --git a/lib/lynx_web/views/misc_view.ex b/lib/lynx_web/views/misc_view.ex index 6f1cfac..5ce8cf2 100644 --- a/lib/lynx_web/views/misc_view.ex +++ b/lib/lynx_web/views/misc_view.ex @@ -13,11 +13,9 @@ defmodule LynxWeb.MiscView do %{successMessage: message} end - def render("token_success.json", %{message: message, token: token, user: user}) do + def render("token_success.json", %{message: message}) do %{ - successMessage: message, - token: token, - user: user + successMessage: message } end end diff --git a/priv/static/theme/app/backend-c667d27bf700df80fc3df5b1bdb62d5d.js b/priv/static/theme/app/backend-1647f9ea7953bcb7b41de6539835e9fe.js similarity index 99% rename from priv/static/theme/app/backend-c667d27bf700df80fc3df5b1bdb62d5d.js rename to priv/static/theme/app/backend-1647f9ea7953bcb7b41de6539835e9fe.js index 3cef8d5..35ed4d9 100644 --- a/priv/static/theme/app/backend-c667d27bf700df80fc3df5b1bdb62d5d.js +++ b/priv/static/theme/app/backend-1647f9ea7953bcb7b41de6539835e9fe.js @@ -136,8 +136,6 @@ lynx_app.login_screen = (Vue, axios, $) => { .then((response) => { if (response.status >= 200) { show_notification(response.data.successMessage); - Cookies.set('_token', response.data.token); - Cookies.set('_uid', response.data.user); location.reload(); } }) @@ -1067,9 +1065,7 @@ lynx_app.add_snapshot_modal = (Vue, axios, $) => { $(document).ready(() => { axios.defaults.headers.common = { 'X-Requested-With': 'XMLHttpRequest', - 'X-CSRF-Token': csrfToken, - 'X-User-Token': Cookies.get('_token') || '', - 'X-User-Id': Cookies.get('_uid') || '' + 'X-CSRF-Token': csrfToken }; if (document.getElementById("app_install")) { diff --git a/priv/static/theme/app/backend-1647f9ea7953bcb7b41de6539835e9fe.js.gz b/priv/static/theme/app/backend-1647f9ea7953bcb7b41de6539835e9fe.js.gz new file mode 100644 index 0000000000000000000000000000000000000000..45acddedb7356383639ab4119964fbac2f99390e GIT binary patch literal 3394 zcmV-I4ZZRoiwFP!000006YX7XciXlV{_bDFDn1ikTZ)~oU1rxgbM16>mtQ_fv%F%_;V=!w9uoBh1kI0FCf|n-}jeUcUXIwb315cEA|*E+U5QmO}yt)ms~T zYipN?TK-LN-9zIsG@X9@;}7fe1oHb);4qH_RyZVAy?`*U?>UHHu^GN*8`kGF3(~sX zdcp__nN|cOQ#>M<_|QjTXt#!*i@DUw8pw5%;#}m^;(af0?N(RhbuNf|1J}4_v3h%J z6QvIW9AJtVev1N^j1DPw!3-YqLp$yV7$#&^6k^J)csN8f1e>(ch2!G>VCen!(H{k5 z{E3Dvy1cr+`F(rm**Aaw_Pf74|7&|Mtv?3kuLyN#sDJRo;nB+<|NhhQ&;NM!`prL2 z{`L0s?EIHs-~IbPS<7Gj?aBZC^tHVK5%jP*AT-x4)f8Sfr;os(_ z9G|qx=Dyy)t^bvd(k8k~fTAPBdM(IFmfCmhHaBbvsle8(vqoZllFQe z_=5&G0bDgrEbNE4N-I#Sk32u3cwuVs_OLr$tHnqggNwj?tPm$!#q12GJBgTW$L=x3 zLnm9-ciZ3{2JP3(-zJJbg67W9wlSrI8ocr8Q|lDEX^DJ&Y8HAg%5?S76W3lBIy{M2 zO=$fX&KwP{z*Gcd_q{Jcenw zYrSu;e{OGC?MeGXh9KAnV0i-KdWkp%UAXdg-pwTD7w1xV9Gp-xfWCvUK8!xzDzkl- z0bFWGT&R!(fLNIWCpPLO@CTE>i;V7=ivLHrk0PJh1}9)cFYKxcf;Bl_8X!R|rolL3 zybPyirUJbX`+dk?k5vNZ(98fyeg z2esQs3`u)qE0MBc)L=TqYx>Rw_iCC7{W0biC!Z<#ByIzyuTPL`a-`H^#+*rsF{a>) znoOQ5=2E#Xq0dtZ#95TYSUoby<=PSML=7FRoVA)tb#uDVPl_zs&Ra^E~HAt ztp-pf$}~82?>O~^aIglbvhU?Ub>O))IuS{9m4o0pn$M3&!q4RM5hh3O#*p>}$t`t-ly=FgdlyVee%#rA^0 zq9!aB!zVlz#!?3XarGXsZ+Q@<4-^f4p>=$;8%L=X7CG&E96@)a z1Ti8th|$n>L);@uA{na$frDa(r*?^>D0Hju(UFdVas8OnAsgT;`w;(~FXi$YyYFpnn&m3T0Gycyu|Ef7G# zNvmV+@ZjSN8A_>&+`nW%z3jb9{C}nmOs4+>+{Fls7Irb>YV|zGdR?g9<3F4bpOR6X z+D_^uWevpzW@t%SbIM!G3O(}qc>)_Sk3=D#ZnxdC85g6%TzmqaKb;n09|N6^&sZBeoztb-ckhEwXGq=f=_K99sX$u0 z;nQ(il?keTZTR#T&8JT&`3*ZPPpQYr<>j+#P0|VyYpGwutwrM8I`Nq~>2+er)nwS0 z9=@8TTUTD-lB;gY<%SgVb6JfoCLQhZHhW_jF%##Vh49a!&@|33m8qZhOUaLc`OCgE zXCnKL23AZlJ3a=rBMrPS!Oi50K?VQo~i2BW*6{9?*e#KZo)Q9fw}4OS4(WJ zCT+RlxoHqeDeo_j&`k=gLXhrBrfYeeuA;9D)m8dfbF{8D#!bL(?MK}Ye!&7K(zi!V z%x?1&BXgP|;x>V!Cg}E&1l>;IGdQ^PC<*w(QETEf1&Pb$HHx@$0;3d?B&M>^dGeIZ z>8)Xh@^$xqNzqH)2Ia&kX9r1+ayDElLE=k*lRak^RH%3ctpSJg3d^B_hLmQz@;Rp^ zi(g>~bJgX;QF96uS7ycZ&Fb8&&Uam%6~Am&=tr_bD-e-CdsK$IhV#dQv|F#tYD;yU z7FL|n6+w8`lRBj%t9e@IlB9jP8gxrdI zM{57-IXJAoZIqZij5%ZOAvjHilNl}QtMg%ElVW^6Mg+jy+%ME54ZEr7Usu&EqcrJZBph5o08HFK%pKgq?Vo zvEP0oC|B{O0RMHn<9p7>X*5(OGuhNi%rJlFAfakn7;n_|t+4Qeylt&h7ZFf0D;<~? z-J^O?{SiJ@gyJDa`DpX8iS)_oa_2}N{S>gU?`lo~?{W&LnzO)J)XYcagogVI$)m25 z*RAC5Ey&lf)No@#7qx{=$!~a`dXp-SN~M>V_5pr&NSC;Zy7o>h{>p z7>noOx8%xYc8Xjz9#SQ$=|Eyo9oTV*=Tt?-u3M<18D!pjcn><9SuO}oEc0WCWnQ;k z;zS}g9fTnFMjI`8iXuQY><*y-Y*D)o8I1^ke`RK&_Pfqo{3!xd!*1tSj}6t<$}ElAFA3)7H$vcj)?pBX;ZBrSlYKfPPmnfyafW1bQF157x5teAC7phS+^+i#onq`G*(oB5>yiu#HKusE{579JglohB+ zqui5y${ao`Q=?bq9%xYNSX#Ln^((}hR_ItLTa%uKkT9c;g>p6Nmp}e9uLN458b>&P YpP_Vk^@0o0kdvYR0{~J3?0=E~08$;TtpET3 literal 0 HcmV?d00001 diff --git a/priv/static/theme/app/backend-4b0b74945d23b8bb81b2986c5d4a55eb.js b/priv/static/theme/app/backend-4b0b74945d23b8bb81b2986c5d4a55eb.js deleted file mode 100644 index a1a1926..0000000 --- a/priv/static/theme/app/backend-4b0b74945d23b8bb81b2986c5d4a55eb.js +++ /dev/null @@ -1,934 +0,0 @@ -let csrfToken = document.querySelector("meta[name='csrf-token']").getAttribute("content"); - -var lynx_app = lynx_app || {}; - -function show_notification(text) { - $("#toast_notification").removeClass("hide"); - $("#toast_notification").addClass("show"); - $("#toast_notification").find(".toast-body").text(text); -} - -function generateRandomCredentials() { - const usernameChars = 'abcdefghijklmnopqrstuvwxyz0123456789'; - const passwordChars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#^&*()'; - - let username = ''; - for (let i = 0; i < 8; i++) { - username += usernameChars.charAt(Math.floor(Math.random() * usernameChars.length)); - } - - let password = ''; - for (let i = 0; i < 12; i++) { - password += passwordChars.charAt(Math.floor(Math.random() * passwordChars.length)); - } - - return { username, password }; -} - -function format_datetime(datetime) { - const originalDate = new Date(datetime); - - const formattedDate = originalDate.toLocaleString( - 'en-US', - { - year: 'numeric', - month: '2-digit', - day: '2-digit', - hour: '2-digit', - minute: '2-digit', - second: '2-digit', - hour12: true - } - ); - - return formattedDate; -} - -// Install Page -lynx_app.install_screen = (Vue, axios, $) => { - - return new Vue({ - delimiters: ['${', '}'], - el: '#app_install', - data() { - return { - isInProgress: false, - } - }, - methods: { - installAction(event) { - event.preventDefault(); - this.isInProgress = true; - - let inputs = {}; - let _self = $(event.target); - let _form = _self.closest("form"); - - _form.serializeArray().map((item, index) => { - inputs[item.name] = item.value; - }); - - axios.post(_form.attr('action'), inputs) - .then((response) => { - if (response.status >= 200) { - show_notification(response.data.successMessage); - location.reload(); - } - }) - .catch((error) => { - this.isInProgress = false; - // Show error - show_notification(error.response.data.errorMessage); - }); - } - } - }); - -} - -// Login Page -lynx_app.login_screen = (Vue, axios, $) => { - - return new Vue({ - delimiters: ['${', '}'], - el: '#app_login', - data() { - return { - isInProgress: false, - } - }, - methods: { - loginAction(event) { - event.preventDefault(); - this.isInProgress = true; - - let inputs = {}; - let _self = $(event.target); - let _form = _self.closest("form"); - - _form.serializeArray().map((item, index) => { - inputs[item.name] = item.value; - }); - - axios.post(_form.attr('action'), inputs) - .then((response) => { - if (response.status >= 200) { - show_notification(response.data.successMessage); - Cookies.set('_token', response.data.token); - Cookies.set('_uid', response.data.user); - location.reload(); - } - }) - .catch((error) => { - this.isInProgress = false; - // Show error - show_notification(error.response.data.errorMessage); - }); - } - } - }); - -} - -// Settings Page -lynx_app.settings_screen = (Vue, axios, $) => { - - return new Vue({ - delimiters: ['${', '}'], - el: '#app_settings', - data() { - return { - isInProgress: false, - } - }, - methods: { - settingsAction(event) { - event.preventDefault(); - this.isInProgress = true; - - let inputs = {}; - let _self = $(event.target); - let _form = _self.closest("form"); - - _form.serializeArray().map((item, index) => { - inputs[item.name] = item.value; - }); - - axios.put(_form.attr('action'), inputs) - .then((response) => { - if (response.status >= 200) { - show_notification(response.data.successMessage); - } - }) - .catch((error) => { - this.isInProgress = false; - // Show error - show_notification(error.response.data.errorMessage); - }); - } - } - }); - -} - -// Profile Page -lynx_app.profile_screen = (Vue, axios, $) => { - - return new Vue({ - delimiters: ['${', '}'], - el: '#app_profile', - data() { - return { - isInProgress: false, - } - }, - methods: { - profileAction(event) { - event.preventDefault(); - this.isInProgress = true; - - let inputs = {}; - let _self = $(event.target); - let _form = _self.closest("form"); - - _form.serializeArray().map((item, index) => { - inputs[item.name] = item.value; - }); - - axios.post(_form.attr('action'), inputs) - .then((response) => { - if (response.status >= 200) { - show_notification(response.data.successMessage); - } - }) - .catch((error) => { - this.isInProgress = false; - // Show error - show_notification(error.response.data.errorMessage); - }); - } - } - }); - -} - -// Add User Modal -lynx_app.add_user_modal = (Vue, axios, $) => { - - return new Vue({ - delimiters: ['${', '}'], - el: '#add_user_modal', - data() { - return { - isInProgress: false, - } - }, - methods: { - addUserAction(event) { - event.preventDefault(); - this.isInProgress = true; - - let inputs = {}; - let _self = $(event.target); - let _form = _self.closest("form"); - - _form.serializeArray().map((item, index) => { - inputs[item.name] = item.value; - }); - - axios.post(_form.attr('action'), inputs) - .then((response) => { - if (response.status >= 200) { - show_notification(i18n_globals.new_user); - setTimeout(() => { - location.reload(); - }, 2000); - } - }) - .catch((error) => { - this.isInProgress = false; - // Show error - show_notification(error.response.data.errorMessage); - }); - } - } - }); - -} - -// Add Team Modal -lynx_app.add_team_modal = (Vue, axios, $) => { - - return new Vue({ - delimiters: ['${', '}'], - el: '#add_team_modal', - data() { - return { - isInProgress: false, - users: [], - teamName: '', - teamSlug: '' - } - }, - mounted() { - this.loadData(); - }, - methods: { - slugifyTeamName() { - this.teamSlug = this.teamName.toLowerCase().replace(/\s+/g, '-'); - }, - loadData() { - axios.get($("#add_team_modal").attr("data-action"), { - params: { - offset: 0, - limit: 10000 - } - }) - .then((response) => { - if (response.status >= 200) { - this.users = response.data.users; - } - }) - .catch((error) => { - show_notification(error.response.data.errorMessage); - }); - }, - addTeamAction(event) { - event.preventDefault(); - this.isInProgress = true; - - let inputs = {}; - let _self = $(event.target); - let _form = _self.closest("form"); - - _form.serializeArray().map((item, index) => { - inputs[item.name] = item.value; - }); - - inputs["members"] = $("[name='members']").val(); - - axios.post(_form.attr('action'), inputs) - .then((response) => { - if (response.status >= 200) { - show_notification(i18n_globals.new_team); - setTimeout(() => { - location.reload(); - }, 2000); - } - }) - .catch((error) => { - this.isInProgress = false; - // Show error - show_notification(error.response.data.errorMessage); - }); - } - } - }); - -} - -// Teams list -lynx_app.teams_list = (Vue, axios, $) => { - - return new Vue({ - delimiters: ['${', '}'], - el: '#teams_list', - data() { - return { - currentPage: 1, - limit: 10, - totalCount: 5, - teams: [] - } - }, - mounted() { - this.loadDataAction(); - }, - computed: { - totalPages() { - return Math.ceil(this.totalCount / this.limit); - } - }, - methods: { - editTeamAction(id) { - console.log("Edit team with ID:", id); - }, - - formatDatetime(datatime) { - return format_datetime(datatime); - }, - - deleteTeamAction(id) { - if (confirm(i18n_globals.delete_team_alert) != true) { - return; - } - - axios.delete(i18n_globals.delete_team_endpoint.replace("UUID", id), {}) - .then((response) => { - if (response.status >= 200) { - show_notification(i18n_globals.delete_team_message); - setTimeout(() => { location.reload(); }, 2000); - } - }) - .catch((error) => { - show_notification(error.response.data.errorMessage); - }); - }, - loadDataAction() { - var offset = (this.currentPage - 1) * this.limit; - - axios.get($("#teams_list").attr("data-action"), { - params: { - offset: offset, - limit: this.limit - } - }) - .then((response) => { - if (response.status >= 200) { - this.teams = response.data.teams; - this.limit = response.data._metadata.limit; - this.offset = response.data._metadata.offset; - this.totalCount = response.data._metadata.totalCount; - } - }) - .catch((error) => { - show_notification(error.response.data.errorMessage); - }); - }, - loadPreviousPageAction(event) { - event.preventDefault(); - - if (this.currentPage > 1) { - this.currentPage--; - this.loadDataAction(); - } - }, - loadNextPageAction(event) { - event.preventDefault(); - - if (this.currentPage < this.totalPages) { - this.currentPage++; - this.loadDataAction(); - } - } - } - }); -} - -// Users list -lynx_app.users_list = (Vue, axios, $) => { - - return new Vue({ - delimiters: ['${', '}'], - el: '#users_list', - data() { - return { - currentPage: 1, - limit: 10, - totalCount: 5, - users: [] - } - }, - mounted() { - this.loadDataAction(); - }, - computed: { - totalPages() { - return Math.ceil(this.totalCount / this.limit); - } - }, - methods: { - editUserAction(id) { - console.log("Edit user with ID:", id); - }, - - formatDatetime(datatime) { - return format_datetime(datatime); - }, - - deleteUserAction(id) { - if (confirm(i18n_globals.delete_user_alert) != true) { - return; - } - - axios.delete(i18n_globals.delete_user_endpoint.replace("UUID", id), {}) - .then((response) => { - if (response.status >= 200) { - show_notification(i18n_globals.delete_user_message); - setTimeout(() => { location.reload(); }, 2000); - } - }) - .catch((error) => { - show_notification(error.response.data.errorMessage); - }); - }, - - loadDataAction() { - var offset = (this.currentPage - 1) * this.limit; - - axios.get($("#users_list").attr("data-action"), { - params: { - offset: offset, - limit: this.limit - } - }) - .then((response) => { - if (response.status >= 200) { - this.users = response.data.users; - this.limit = response.data._metadata.limit; - this.offset = response.data._metadata.offset; - this.totalCount = response.data._metadata.totalCount; - } - }) - .catch((error) => { - show_notification(error.response.data.errorMessage); - }); - }, - loadPreviousPageAction(event) { - event.preventDefault(); - - if (this.currentPage > 1) { - this.currentPage--; - this.loadDataAction(); - } - }, - loadNextPageAction(event) { - event.preventDefault(); - - if (this.currentPage < this.totalPages) { - this.currentPage++; - this.loadDataAction(); - } - } - } - }); -} - -// Projects list -lynx_app.projects_list = (Vue, axios, $) => { - - return new Vue({ - delimiters: ['${', '}'], - el: '#projects_list', - data() { - return { - currentPage: 1, - limit: 10, - totalCount: 5, - projects: [] - } - }, - mounted() { - this.loadDataAction(); - }, - computed: { - totalPages() { - return Math.ceil(this.totalCount / this.limit); - } - }, - methods: { - editProjectAction(id) { - console.log("Edit project with ID:", id); - }, - - formatDatetime(datatime) { - return format_datetime(datatime); - }, - - viewProjectAction(id) { - window.location.href = i18n_globals.project_view_page.replace("UUID", id); - }, - - deleteProjectAction(id) { - if (confirm(i18n_globals.delete_project_alert) != true) { - return; - } - - axios.delete(i18n_globals.delete_project_endpoint.replace("UUID", id), {}) - .then((response) => { - if (response.status >= 200) { - show_notification(i18n_globals.delete_project_message); - setTimeout(() => { location.reload(); }, 2000); - } - }) - .catch((error) => { - show_notification(error.response.data.errorMessage); - }); - }, - - loadDataAction() { - var offset = (this.currentPage - 1) * this.limit; - - axios.get($("#projects_list").attr("data-action"), { - params: { - offset: offset, - limit: this.limit - } - }) - .then((response) => { - if (response.status >= 200) { - this.projects = response.data.projects; - this.limit = response.data._metadata.limit; - this.offset = response.data._metadata.offset; - this.totalCount = response.data._metadata.totalCount; - } - }) - .catch((error) => { - show_notification(error.response.data.errorMessage); - }); - }, - loadPreviousPageAction(event) { - event.preventDefault(); - - if (this.currentPage > 1) { - this.currentPage--; - this.loadDataAction(); - } - }, - loadNextPageAction(event) { - event.preventDefault(); - - if (this.currentPage < this.totalPages) { - this.currentPage++; - this.loadDataAction(); - } - } - } - }); -} - -// Add Project Modal -lynx_app.add_project_modal = (Vue, axios, $) => { - - return new Vue({ - delimiters: ['${', '}'], - el: '#add_project_modal', - data() { - return { - isInProgress: false, - teams: [], - projectName: '', - projectSlug: '' - } - }, - mounted() { - this.loadData(); - }, - methods: { - slugifyProjectName() { - this.projectSlug = this.projectName.toLowerCase().replace(/\s+/g, '-'); - }, - loadData() { - axios.get($("#add_project_modal").attr("data-action"), { - params: { - offset: 0, - limit: 10000 - } - }) - .then((response) => { - if (response.status >= 200) { - this.teams = response.data.teams; - } - }) - .catch((error) => { - show_notification(error.response.data.errorMessage); - }); - }, - addProjectAction(event) { - event.preventDefault(); - this.isInProgress = true; - - let inputs = {}; - let _self = $(event.target); - let _form = _self.closest("form"); - - _form.serializeArray().map((item, index) => { - inputs[item.name] = item.value; - }); - - axios.post(_form.attr('action'), inputs) - .then((response) => { - if (response.status >= 200) { - show_notification(i18n_globals.new_project); - setTimeout(() => { - location.reload(); - }, 2000); - } - }) - .catch((error) => { - this.isInProgress = false; - // Show error - show_notification(error.response.data.errorMessage); - }); - } - } - }); - -} - -// Add Project Modal -lynx_app.add_environment_modal = (Vue, axios, $) => { - - return new Vue({ - delimiters: ['${', '}'], - el: '#add_environment_modal', - data() { - return { - isInProgress: false, - environmentName: '', - environmentSlug: '', - environmentUsername: '', - environmentSecret: '' - } - }, - mounted() { - this.loadData(); - }, - methods: { - slugifyEnvironmentName() { - this.environmentSlug = this.environmentName.toLowerCase().replace(/\s+/g, '-'); - }, - loadData() { - let credentials = generateRandomCredentials(); - - this.environmentUsername = credentials.username; - this.environmentSecret = credentials.password; - - }, - addEnvironmentAction(event) { - event.preventDefault(); - this.isInProgress = true; - - let inputs = {}; - let _self = $(event.target); - let _form = _self.closest("form"); - - _form.serializeArray().map((item, index) => { - inputs[item.name] = item.value; - }); - - axios.post(_form.attr('action'), inputs) - .then((response) => { - if (response.status >= 200) { - show_notification(i18n_globals.new_environment); - setTimeout(() => { - location.reload(); - }, 2000); - } - }) - .catch((error) => { - this.isInProgress = false; - // Show error - show_notification(error.response.data.errorMessage); - }); - } - } - }); - -} - -// Environments list -lynx_app.environments_list = (Vue, axios, $) => { - - return new Vue({ - delimiters: ['${', '}'], - el: '#environments_list', - data() { - return { - environments: [] - } - }, - mounted() { - this.loadDataAction(); - }, - methods: { - editEnvironmentAction(id) { - console.log("Edit environment with ID:", id); - }, - - formatDatetime(datatime) { - return format_datetime(datatime); - }, - - viewEnvironmentAction(id) { - let data = $("#proto_env_data").text(); - let env_endpoint = i18n_globals.get_environment_endpoint.replaceAll("UUID", id); - let project_endpoint = i18n_globals.get_project_endpoint.replaceAll("UUID", i18n_globals.project_uuid); - - axios.get(env_endpoint, {}) - .then((response) => { - if (response.status >= 200) { - - let env_slug = response.data.slug; - let env_username = response.data.username; - let env_secret = response.data.secret; - - axios.get(project_endpoint, {}) - .then((response) => { - if (response.status >= 200) { - let project_slug = response.data.slug; - let team_slug = response.data.team.slug; - - data = data.replaceAll("$team", team_slug); - data = data.replaceAll("$project", project_slug); - data = data.replaceAll("$env", env_slug); - data = data.replaceAll("$username", env_username); - data = data.replaceAll("$secret", env_secret); - - $("#env_data").text(data); - - $("button[data-bs-target='#show_environment_modal']").click(); - } - }) - .catch((error) => { - show_notification(error.response.data.errorMessage); - }); - - } - }) - .catch((error) => { - show_notification(error.response.data.errorMessage); - }); - }, - - deleteEnvironmentAction(id) { - if (confirm(i18n_globals.delete_environment_alert) != true) { - return; - } - - axios.delete(i18n_globals.delete_environment_endpoint.replace("UUID", id), {}) - .then((response) => { - if (response.status >= 200) { - show_notification(i18n_globals.delete_environment_message); - setTimeout(() => { location.reload(); }, 2000); - } - }) - .catch((error) => { - show_notification(error.response.data.errorMessage); - }); - }, - - loadDataAction() { - axios.get($("#environments_list").attr("data-action"), { - params: { - offset: 0, - limit: 10000 - } - }) - .then((response) => { - if (response.status >= 200) { - this.environments = response.data.environments; - } - }) - .catch((error) => { - show_notification(error.response.data.errorMessage); - }); - } - } - }); -} - -$(document).ready(() => { - axios.defaults.headers.common = { - 'X-Requested-With': 'XMLHttpRequest', - 'X-CSRF-Token': csrfToken, - 'X-User-Token': Cookies.get('_token') || '', - 'X-User-Id': Cookies.get('_uid') || '' - }; - - if (document.getElementById("app_install")) { - lynx_app.install_screen( - Vue, - axios, - $ - ); - } - - if (document.getElementById("app_login")) { - lynx_app.login_screen( - Vue, - axios, - $ - ); - } - - if (document.getElementById("app_settings")) { - lynx_app.settings_screen( - Vue, - axios, - $ - ); - } - - if (document.getElementById("app_profile")) { - lynx_app.profile_screen( - Vue, - axios, - $ - ); - } - - if (document.getElementById("add_user_modal")) { - lynx_app.add_user_modal( - Vue, - axios, - $ - ); - } - - if (document.getElementById("add_team_modal")) { - lynx_app.add_team_modal( - Vue, - axios, - $ - ); - } - - if (document.getElementById("teams_list")) { - lynx_app.teams_list( - Vue, - axios, - $ - ); - } - - if (document.getElementById("users_list")) { - lynx_app.users_list( - Vue, - axios, - $ - ); - } - - if (document.getElementById("projects_list")) { - lynx_app.projects_list( - Vue, - axios, - $ - ); - } - - if (document.getElementById("add_project_modal")) { - lynx_app.add_project_modal( - Vue, - axios, - $ - ); - } - - if (document.getElementById("add_environment_modal")) { - lynx_app.add_environment_modal( - Vue, - axios, - $ - ); - } - - if (document.getElementById("environments_list")) { - lynx_app.environments_list( - Vue, - axios, - $ - ); - } -}); diff --git a/priv/static/theme/app/backend-4b0b74945d23b8bb81b2986c5d4a55eb.js.gz b/priv/static/theme/app/backend-4b0b74945d23b8bb81b2986c5d4a55eb.js.gz deleted file mode 100644 index aa1274ac17d53785effd3696899ef92e46a74527..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2932 zcmV-)3ybt0iwFP!000006YX7XciXlV{_bDFDn27sTa2BpTjta~b?tQZmSkQWx7o5x zhbAG34M`{@=$EGY@4FWyNPq+-Ik9NPAH2nR-t) zW>Oo*BqFiH$V(^kXm}VC56s{@L1Ja?0K+8AND~sH6%Qv)oPbSC=iK$kXgu+MeHVlg zoxYC~mR?+5UH`VT`{<8<`sUAndHh%NNs)gF%3sphTO$9#4~IujfBf4|$AACFv*$1V zdGfE9r?1X_{^j+*|5KLy)%Oqn_lK{oKGXnJ1f*0D%jWftXlz)R;zQKV6ZrG3@fiMW zZHfLVvTW_E?Xz9@|A1M~9X7E?0R=zeA7gGJu*=sK`G7=YHtF+jnF)Jp%6=&+#&Ucvm3SmJ}wGV4+r`(rlRg?;9bVmC1;gi_5veQJ+!Q3CJl7$7pQvY#2-u4bD!@?IPks@d?8J(@aa-!m-f$IfdSJu6&wo8=HM&|2r_8 zTsZa>$XKO0Jrek#&q$o?8E?$Z59YRE&dj%^_9TEtJ%H+ld393DpvN7nU+Em-Z%QNv zKRJ$0VmgjV0+o#bX^3j1S!tOv0dRamJ;V;x zU{;Qza$plbv1J9pn%Gx)-^hUvOe zA>l35&L1wE02^JEpXt=#er8W8=$dH+ZW~*s!@I=nZ|Al2wHnxLLL$ooQ%?aV$Q)g{ zz9XX$wV~r#ni${h8;^E&be%4T`b=GvgWhW=sp~>_KZk!Xwlp0ihk#~fz(gKU$J04d zVKHsWtic#itUIwR62~-NU<#e5^0Cyc3joL|n8D!1H%iql#pP|)UOaBTwPuxgX;^QF z^c>foQJ4!Vs1{&cTbRZxTMtCzs&shP;aPilc1Y7 zrde!TNR?N&9zc~V)8W*eI2s@xEpPPZ|!1IhV@J!=5^_-xDD#!DNNOFfE#;+Et zl&aPPtw1NVN{3b*THO$>{N2aVa2(Kca6lWz#BhnFB9Qo3en==VNNa(rBHUngiD9;l zt=Z||Qs2lM!R0IBggUrn5Z@A9mQ}3|E-|3*qBd{qNvOgL7~7zdsZTu((lMqk0m3wm z81ZV#bJs!lKH^P#qRrc|E{4ke(e$>C)uy1t`rFJ5C5PEt?SMH9k z(h zXk7YiVjLgs^#Io$ax9bh@I;eBZqbK3yVp$EWjf7rO#Q?v77qVO<8O{Mhm7FPcxE#PnC< zvMQyX=FzKX)k;lkNUVi^9k=EIxpnR{H>B6OA=i^(U-;y5nPy%3kw-7>g3C=}g8Q-x zTg)3e#4?9d=rJAVU54;4qtGJGFO+GY_KTYD1M?Sc>BxUom-Qq6%7oJK|2%vm{})EB zv1O6atpYT$>pfEC$8HtyMXv(zRBp~TbO&>b>93Wuxk_!TJ)T<}LTTjv%_nqofps{f zds6D!d`?%=R~*%q+Su}GU8Rq^1G}wnb$|8~7C4c*JnGKuc3&~lhb2zj=5W*)K6sXV4lIgqI zxtpCob#|8gvYVmr$qX$)M0M{`>h2cyA8WOJ^vo=m)Yfj{oL#y)2rs)+CpBb!ck7mI z9^y9^n|+%QcLx|nM8QfOaT|66?xUF4zN+r>!EB+hy6QI9K@c?W_lXLsdt|ywn)cC@ z3UvFAY0B%J^EO6qUprfI^Iyc|CQmXJR=KtYBIiT1$Sz#~UO%p+r$1UP1O=+-!J{>1 zl|yObYVS3hSq?Wdxg0)zBCgs%X#SDCQ7w*t7fD+drsM@KU1C0>d4733Y+_+BAd1=+ zOy^6LnOg#im2GkxC4-+qslw-PqeS83d9mX0Hj2(XU+Bvpbnwy?5Phq-i=S^;#(ByZ zjo$EA#plT&O056pXG~S zO@~Eepm`bp9Ta!{&0QlSv~2uPu6eyN`aO%s+^H+a`;lFMX#zH4Qg~OMXp8tYHQ3n eI@V-c(o;hPwK~@1Zbd&N4gUww*GF@faR2}dtg}e~ diff --git a/priv/static/theme/app/backend-8f5d7492349ff2c522dfe70491c110f8.js b/priv/static/theme/app/backend-8f5d7492349ff2c522dfe70491c110f8.js deleted file mode 100644 index ce59a04..0000000 --- a/priv/static/theme/app/backend-8f5d7492349ff2c522dfe70491c110f8.js +++ /dev/null @@ -1,907 +0,0 @@ -let csrfToken = document.querySelector("meta[name='csrf-token']").getAttribute("content"); - -var lynx_app = lynx_app || {}; - -function show_notification(text) { - $("#toast_notification").removeClass("hide"); - $("#toast_notification").addClass("show"); - $("#toast_notification").find(".toast-body").text(text); -} - -function generateRandomCredentials() { - // Define character sets for username and password - const usernameChars = 'abcdefghijklmnopqrstuvwxyz0123456789'; - const passwordChars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#^&*()'; - - // Generate random username - let username = ''; - for (let i = 0; i < 8; i++) { - username += usernameChars.charAt(Math.floor(Math.random() * usernameChars.length)); - } - - // Generate random password - let password = ''; - for (let i = 0; i < 12; i++) { - password += passwordChars.charAt(Math.floor(Math.random() * passwordChars.length)); - } - - return { username, password }; -} - -// Install Page -lynx_app.install_screen = (Vue, axios, $) => { - - return new Vue({ - delimiters: ['${', '}'], - el: '#app_install', - data() { - return { - isInProgress: false, - } - }, - methods: { - installAction(event) { - event.preventDefault(); - this.isInProgress = true; - - let inputs = {}; - let _self = $(event.target); - let _form = _self.closest("form"); - - _form.serializeArray().map((item, index) => { - inputs[item.name] = item.value; - }); - - axios.post(_form.attr('action'), inputs) - .then((response) => { - if (response.status >= 200) { - show_notification(response.data.successMessage); - location.reload(); - } - }) - .catch((error) => { - this.isInProgress = false; - // Show error - show_notification(error.response.data.errorMessage); - }); - } - } - }); - -} - -// Login Page -lynx_app.login_screen = (Vue, axios, $) => { - - return new Vue({ - delimiters: ['${', '}'], - el: '#app_login', - data() { - return { - isInProgress: false, - } - }, - methods: { - loginAction(event) { - event.preventDefault(); - this.isInProgress = true; - - let inputs = {}; - let _self = $(event.target); - let _form = _self.closest("form"); - - _form.serializeArray().map((item, index) => { - inputs[item.name] = item.value; - }); - - axios.post(_form.attr('action'), inputs) - .then((response) => { - if (response.status >= 200) { - show_notification(response.data.successMessage); - Cookies.set('_token', response.data.token); - Cookies.set('_uid', response.data.user); - location.reload(); - } - }) - .catch((error) => { - this.isInProgress = false; - // Show error - show_notification(error.response.data.errorMessage); - }); - } - } - }); - -} - -// Settings Page -lynx_app.settings_screen = (Vue, axios, $) => { - - return new Vue({ - delimiters: ['${', '}'], - el: '#app_settings', - data() { - return { - isInProgress: false, - } - }, - methods: { - settingsAction(event) { - event.preventDefault(); - this.isInProgress = true; - - let inputs = {}; - let _self = $(event.target); - let _form = _self.closest("form"); - - _form.serializeArray().map((item, index) => { - inputs[item.name] = item.value; - }); - - axios.put(_form.attr('action'), inputs) - .then((response) => { - if (response.status >= 200) { - show_notification(response.data.successMessage); - } - }) - .catch((error) => { - this.isInProgress = false; - // Show error - show_notification(error.response.data.errorMessage); - }); - } - } - }); - -} - -// Profile Page -lynx_app.profile_screen = (Vue, axios, $) => { - - return new Vue({ - delimiters: ['${', '}'], - el: '#app_profile', - data() { - return { - isInProgress: false, - } - }, - methods: { - profileAction(event) { - event.preventDefault(); - this.isInProgress = true; - - let inputs = {}; - let _self = $(event.target); - let _form = _self.closest("form"); - - _form.serializeArray().map((item, index) => { - inputs[item.name] = item.value; - }); - - axios.post(_form.attr('action'), inputs) - .then((response) => { - if (response.status >= 200) { - show_notification(response.data.successMessage); - } - }) - .catch((error) => { - this.isInProgress = false; - // Show error - show_notification(error.response.data.errorMessage); - }); - } - } - }); - -} - -// Add User Modal -lynx_app.add_user_modal = (Vue, axios, $) => { - - return new Vue({ - delimiters: ['${', '}'], - el: '#add_user_modal', - data() { - return { - isInProgress: false, - } - }, - methods: { - addUserAction(event) { - event.preventDefault(); - this.isInProgress = true; - - let inputs = {}; - let _self = $(event.target); - let _form = _self.closest("form"); - - _form.serializeArray().map((item, index) => { - inputs[item.name] = item.value; - }); - - axios.post(_form.attr('action'), inputs) - .then((response) => { - if (response.status >= 200) { - show_notification(i18n_globals.new_user); - setTimeout(() => { - location.reload(); - }, 2000); - } - }) - .catch((error) => { - this.isInProgress = false; - // Show error - show_notification(error.response.data.errorMessage); - }); - } - } - }); - -} - -// Add Team Modal -lynx_app.add_team_modal = (Vue, axios, $) => { - - return new Vue({ - delimiters: ['${', '}'], - el: '#add_team_modal', - data() { - return { - isInProgress: false, - users: [], - teamName: '', - teamSlug: '' - } - }, - mounted() { - this.loadData(); - }, - methods: { - slugifyTeamName() { - this.teamSlug = this.teamName.toLowerCase().replace(/\s+/g, '-'); - }, - loadData() { - axios.get($("#add_team_modal").attr("data-action"), { - params: { - offset: 0, - limit: 10000 - } - }) - .then((response) => { - if (response.status >= 200) { - this.users = response.data.users; - } - }) - .catch((error) => { - show_notification(error.response.data.errorMessage); - }); - }, - addTeamAction(event) { - event.preventDefault(); - this.isInProgress = true; - - let inputs = {}; - let _self = $(event.target); - let _form = _self.closest("form"); - - _form.serializeArray().map((item, index) => { - inputs[item.name] = item.value; - }); - - inputs["members"] = $("[name='members']").val(); - - axios.post(_form.attr('action'), inputs) - .then((response) => { - if (response.status >= 200) { - show_notification(i18n_globals.new_team); - setTimeout(() => { - location.reload(); - }, 2000); - } - }) - .catch((error) => { - this.isInProgress = false; - // Show error - show_notification(error.response.data.errorMessage); - }); - } - } - }); - -} - -// Teams list -lynx_app.teams_list = (Vue, axios, $) => { - - return new Vue({ - delimiters: ['${', '}'], - el: '#teams_list', - data() { - return { - currentPage: 1, - limit: 10, - totalCount: 5, - teams: [] - } - }, - mounted() { - this.loadDataAction(); - }, - computed: { - totalPages() { - return Math.ceil(this.totalCount / this.limit); - } - }, - methods: { - editTeamAction(id) { - console.log("Edit team with ID:", id); - }, - - deleteTeamAction(id) { - if (confirm(i18n_globals.delete_team_alert) != true) { - return; - } - - axios.delete(i18n_globals.delete_team_endpoint.replace("UUID", id), {}) - .then((response) => { - if (response.status >= 200) { - show_notification(i18n_globals.delete_team_message); - setTimeout(() => { location.reload(); }, 2000); - } - }) - .catch((error) => { - show_notification(error.response.data.errorMessage); - }); - }, - loadDataAction() { - var offset = (this.currentPage - 1) * this.limit; - - axios.get($("#teams_list").attr("data-action"), { - params: { - offset: offset, - limit: this.limit - } - }) - .then((response) => { - if (response.status >= 200) { - this.teams = response.data.teams; - this.limit = response.data._metadata.limit; - this.offset = response.data._metadata.offset; - this.totalCount = response.data._metadata.totalCount; - } - }) - .catch((error) => { - show_notification(error.response.data.errorMessage); - }); - }, - loadPreviousPageAction(event) { - event.preventDefault(); - - if (this.currentPage > 1) { - this.currentPage--; - this.loadDataAction(); - } - }, - loadNextPageAction(event) { - event.preventDefault(); - - if (this.currentPage < this.totalPages) { - this.currentPage++; - this.loadDataAction(); - } - } - } - }); -} - -// Users list -lynx_app.users_list = (Vue, axios, $) => { - - return new Vue({ - delimiters: ['${', '}'], - el: '#users_list', - data() { - return { - currentPage: 1, - limit: 10, - totalCount: 5, - users: [] - } - }, - mounted() { - this.loadDataAction(); - }, - computed: { - totalPages() { - return Math.ceil(this.totalCount / this.limit); - } - }, - methods: { - editUserAction(id) { - console.log("Edit user with ID:", id); - }, - - deleteUserAction(id) { - if (confirm(i18n_globals.delete_user_alert) != true) { - return; - } - - axios.delete(i18n_globals.delete_user_endpoint.replace("UUID", id), {}) - .then((response) => { - if (response.status >= 200) { - show_notification(i18n_globals.delete_user_message); - setTimeout(() => { location.reload(); }, 2000); - } - }) - .catch((error) => { - show_notification(error.response.data.errorMessage); - }); - }, - - loadDataAction() { - var offset = (this.currentPage - 1) * this.limit; - - axios.get($("#users_list").attr("data-action"), { - params: { - offset: offset, - limit: this.limit - } - }) - .then((response) => { - if (response.status >= 200) { - this.users = response.data.users; - this.limit = response.data._metadata.limit; - this.offset = response.data._metadata.offset; - this.totalCount = response.data._metadata.totalCount; - } - }) - .catch((error) => { - show_notification(error.response.data.errorMessage); - }); - }, - loadPreviousPageAction(event) { - event.preventDefault(); - - if (this.currentPage > 1) { - this.currentPage--; - this.loadDataAction(); - } - }, - loadNextPageAction(event) { - event.preventDefault(); - - if (this.currentPage < this.totalPages) { - this.currentPage++; - this.loadDataAction(); - } - } - } - }); -} - -// Projects list -lynx_app.projects_list = (Vue, axios, $) => { - - return new Vue({ - delimiters: ['${', '}'], - el: '#projects_list', - data() { - return { - currentPage: 1, - limit: 10, - totalCount: 5, - projects: [] - } - }, - mounted() { - this.loadDataAction(); - }, - computed: { - totalPages() { - return Math.ceil(this.totalCount / this.limit); - } - }, - methods: { - editProjectAction(id) { - console.log("Edit project with ID:", id); - }, - - viewProjectAction(id) { - window.location.href = i18n_globals.project_view_page.replace("UUID", id); - }, - - deleteProjectAction(id) { - if (confirm(i18n_globals.delete_project_alert) != true) { - return; - } - - axios.delete(i18n_globals.delete_project_endpoint.replace("UUID", id), {}) - .then((response) => { - if (response.status >= 200) { - show_notification(i18n_globals.delete_project_message); - setTimeout(() => { location.reload(); }, 2000); - } - }) - .catch((error) => { - show_notification(error.response.data.errorMessage); - }); - }, - - loadDataAction() { - var offset = (this.currentPage - 1) * this.limit; - - axios.get($("#projects_list").attr("data-action"), { - params: { - offset: offset, - limit: this.limit - } - }) - .then((response) => { - if (response.status >= 200) { - this.projects = response.data.projects; - this.limit = response.data._metadata.limit; - this.offset = response.data._metadata.offset; - this.totalCount = response.data._metadata.totalCount; - } - }) - .catch((error) => { - show_notification(error.response.data.errorMessage); - }); - }, - loadPreviousPageAction(event) { - event.preventDefault(); - - if (this.currentPage > 1) { - this.currentPage--; - this.loadDataAction(); - } - }, - loadNextPageAction(event) { - event.preventDefault(); - - if (this.currentPage < this.totalPages) { - this.currentPage++; - this.loadDataAction(); - } - } - } - }); -} - -// Add Project Modal -lynx_app.add_project_modal = (Vue, axios, $) => { - - return new Vue({ - delimiters: ['${', '}'], - el: '#add_project_modal', - data() { - return { - isInProgress: false, - teams: [], - projectName: '', - projectSlug: '' - } - }, - mounted() { - this.loadData(); - }, - methods: { - slugifyProjectName() { - this.projectSlug = this.projectName.toLowerCase().replace(/\s+/g, '-'); - }, - loadData() { - axios.get($("#add_project_modal").attr("data-action"), { - params: { - offset: 0, - limit: 10000 - } - }) - .then((response) => { - if (response.status >= 200) { - this.teams = response.data.teams; - } - }) - .catch((error) => { - show_notification(error.response.data.errorMessage); - }); - }, - addProjectAction(event) { - event.preventDefault(); - this.isInProgress = true; - - let inputs = {}; - let _self = $(event.target); - let _form = _self.closest("form"); - - _form.serializeArray().map((item, index) => { - inputs[item.name] = item.value; - }); - - axios.post(_form.attr('action'), inputs) - .then((response) => { - if (response.status >= 200) { - show_notification(i18n_globals.new_project); - setTimeout(() => { - location.reload(); - }, 2000); - } - }) - .catch((error) => { - this.isInProgress = false; - // Show error - show_notification(error.response.data.errorMessage); - }); - } - } - }); - -} - -// Add Project Modal -lynx_app.add_environment_modal = (Vue, axios, $) => { - - return new Vue({ - delimiters: ['${', '}'], - el: '#add_environment_modal', - data() { - return { - isInProgress: false, - environmentName: '', - environmentSlug: '', - environmentUsername: '', - environmentSecret: '' - } - }, - mounted() { - this.loadData(); - }, - methods: { - slugifyEnvironmentName() { - this.environmentSlug = this.environmentName.toLowerCase().replace(/\s+/g, '-'); - }, - loadData() { - let credentials = generateRandomCredentials(); - - this.environmentUsername = credentials.username; - this.environmentSecret = credentials.password; - - }, - addEnvironmentAction(event) { - event.preventDefault(); - this.isInProgress = true; - - let inputs = {}; - let _self = $(event.target); - let _form = _self.closest("form"); - - _form.serializeArray().map((item, index) => { - inputs[item.name] = item.value; - }); - - axios.post(_form.attr('action'), inputs) - .then((response) => { - if (response.status >= 200) { - show_notification(i18n_globals.new_environment); - setTimeout(() => { - location.reload(); - }, 2000); - } - }) - .catch((error) => { - this.isInProgress = false; - // Show error - show_notification(error.response.data.errorMessage); - }); - } - } - }); - -} - -// Environments list -lynx_app.environments_list = (Vue, axios, $) => { - - return new Vue({ - delimiters: ['${', '}'], - el: '#environments_list', - data() { - return { - environments: [] - } - }, - mounted() { - this.loadDataAction(); - }, - methods: { - editEnvironmentAction(id) { - console.log("Edit environment with ID:", id); - }, - - viewEnvironmentAction(id) { - let data = $("#proto_env_data").text(); - let env_endpoint = i18n_globals.get_environment_endpoint.replaceAll("UUID", id); - let project_endpoint = i18n_globals.get_project_endpoint.replaceAll("UUID", i18n_globals.project_uuid); - - axios.get(env_endpoint, {}) - .then((response) => { - if (response.status >= 200) { - - let env_slug = response.data.slug; - let env_username = response.data.username; - let env_secret = response.data.secret; - - axios.get(project_endpoint, {}) - .then((response) => { - if (response.status >= 200) { - let project_slug = response.data.slug; - let team_slug = response.data.team.slug; - - data = data.replaceAll("$team", team_slug); - data = data.replaceAll("$project", project_slug); - data = data.replaceAll("$env", env_slug); - data = data.replaceAll("$username", env_username); - data = data.replaceAll("$secret", env_secret); - - $("#env_data").text(data); - - $("button[data-bs-target='#show_environment_modal']").click(); - } - }) - .catch((error) => { - show_notification(error.response.data.errorMessage); - }); - - } - }) - .catch((error) => { - show_notification(error.response.data.errorMessage); - }); - }, - - deleteEnvironmentAction(id) { - if (confirm(i18n_globals.delete_environment_alert) != true) { - return; - } - - axios.delete(i18n_globals.delete_environment_endpoint.replace("UUID", id), {}) - .then((response) => { - if (response.status >= 200) { - show_notification(i18n_globals.delete_environment_message); - setTimeout(() => { location.reload(); }, 2000); - } - }) - .catch((error) => { - show_notification(error.response.data.errorMessage); - }); - }, - - loadDataAction() { - axios.get($("#environments_list").attr("data-action"), { - params: { - offset: 0, - limit: 10000 - } - }) - .then((response) => { - if (response.status >= 200) { - this.environments = response.data.environments; - } - }) - .catch((error) => { - show_notification(error.response.data.errorMessage); - }); - } - } - }); -} - -$(document).ready(() => { - axios.defaults.headers.common = { - 'X-Requested-With': 'XMLHttpRequest', - 'X-CSRF-Token': csrfToken, - 'X-User-Token': Cookies.get('_token') || '', - 'X-User-Id': Cookies.get('_uid') || '' - }; - - if (document.getElementById("app_install")) { - lynx_app.install_screen( - Vue, - axios, - $ - ); - } - - if (document.getElementById("app_login")) { - lynx_app.login_screen( - Vue, - axios, - $ - ); - } - - if (document.getElementById("app_settings")) { - lynx_app.settings_screen( - Vue, - axios, - $ - ); - } - - if (document.getElementById("app_profile")) { - lynx_app.profile_screen( - Vue, - axios, - $ - ); - } - - if (document.getElementById("add_user_modal")) { - lynx_app.add_user_modal( - Vue, - axios, - $ - ); - } - - if (document.getElementById("add_team_modal")) { - lynx_app.add_team_modal( - Vue, - axios, - $ - ); - } - - if (document.getElementById("teams_list")) { - lynx_app.teams_list( - Vue, - axios, - $ - ); - } - - if (document.getElementById("users_list")) { - lynx_app.users_list( - Vue, - axios, - $ - ); - } - - if (document.getElementById("projects_list")) { - lynx_app.projects_list( - Vue, - axios, - $ - ); - } - - if (document.getElementById("add_project_modal")) { - lynx_app.add_project_modal( - Vue, - axios, - $ - ); - } - - if (document.getElementById("add_environment_modal")) { - lynx_app.add_environment_modal( - Vue, - axios, - $ - ); - } - - if (document.getElementById("environments_list")) { - lynx_app.environments_list( - Vue, - axios, - $ - ); - } - /* - if (document.querySelector("#hosts_chart")) { - let chart = new ApexCharts(document.querySelector("#hosts_chart"), hostsChart); - chart.render(); - }*/ -}); diff --git a/priv/static/theme/app/backend-8f5d7492349ff2c522dfe70491c110f8.js.gz b/priv/static/theme/app/backend-8f5d7492349ff2c522dfe70491c110f8.js.gz deleted file mode 100644 index 1f56e6bb14baf0ec3e056f5262e7a7c15f527d8c..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2874 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 YfS<_s0rQ7jYshl`57-2wSaojz0M+5R761SM diff --git a/priv/static/theme/app/backend-c667d27bf700df80fc3df5b1bdb62d5d.js.gz b/priv/static/theme/app/backend-c667d27bf700df80fc3df5b1bdb62d5d.js.gz deleted file mode 100644 index 3d26f2b4fb90b304d03affbeb7308ec64a26e818..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 3454 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 diff --git a/priv/static/theme/app/backend.js b/priv/static/theme/app/backend.js index 3cef8d5..35ed4d9 100644 --- a/priv/static/theme/app/backend.js +++ b/priv/static/theme/app/backend.js @@ -136,8 +136,6 @@ lynx_app.login_screen = (Vue, axios, $) => { .then((response) => { if (response.status >= 200) { show_notification(response.data.successMessage); - Cookies.set('_token', response.data.token); - Cookies.set('_uid', response.data.user); location.reload(); } }) @@ -1067,9 +1065,7 @@ lynx_app.add_snapshot_modal = (Vue, axios, $) => { $(document).ready(() => { axios.defaults.headers.common = { 'X-Requested-With': 'XMLHttpRequest', - 'X-CSRF-Token': csrfToken, - 'X-User-Token': Cookies.get('_token') || '', - 'X-User-Id': Cookies.get('_uid') || '' + 'X-CSRF-Token': csrfToken }; if (document.getElementById("app_install")) { diff --git a/priv/static/theme/app/backend.js.gz b/priv/static/theme/app/backend.js.gz index 3d26f2b4fb90b304d03affbeb7308ec64a26e818..45acddedb7356383639ab4119964fbac2f99390e 100644 GIT binary patch literal 3394 zcmV-I4ZZRoiwFP!000006YX7XciXlV{_bDFDn1ikTZ)~oU1rxgbM16>mtQ_fv%F%_;V=!w9uoBh1kI0FCf|n-}jeUcUXIwb315cEA|*E+U5QmO}yt)ms~T zYipN?TK-LN-9zIsG@X9@;}7fe1oHb);4qH_RyZVAy?`*U?>UHHu^GN*8`kGF3(~sX zdcp__nN|cOQ#>M<_|QjTXt#!*i@DUw8pw5%;#}m^;(af0?N(RhbuNf|1J}4_v3h%J z6QvIW9AJtVev1N^j1DPw!3-YqLp$yV7$#&^6k^J)csN8f1e>(ch2!G>VCen!(H{k5 z{E3Dvy1cr+`F(rm**Aaw_Pf74|7&|Mtv?3kuLyN#sDJRo;nB+<|NhhQ&;NM!`prL2 z{`L0s?EIHs-~IbPS<7Gj?aBZC^tHVK5%jP*AT-x4)f8Sfr;os(_ z9G|qx=Dyy)t^bvd(k8k~fTAPBdM(IFmfCmhHaBbvsle8(vqoZllFQe z_=5&G0bDgrEbNE4N-I#Sk32u3cwuVs_OLr$tHnqggNwj?tPm$!#q12GJBgTW$L=x3 zLnm9-ciZ3{2JP3(-zJJbg67W9wlSrI8ocr8Q|lDEX^DJ&Y8HAg%5?S76W3lBIy{M2 zO=$fX&KwP{z*Gcd_q{Jcenw zYrSu;e{OGC?MeGXh9KAnV0i-KdWkp%UAXdg-pwTD7w1xV9Gp-xfWCvUK8!xzDzkl- z0bFWGT&R!(fLNIWCpPLO@CTE>i;V7=ivLHrk0PJh1}9)cFYKxcf;Bl_8X!R|rolL3 zybPyirUJbX`+dk?k5vNZ(98fyeg z2esQs3`u)qE0MBc)L=TqYx>Rw_iCC7{W0biC!Z<#ByIzyuTPL`a-`H^#+*rsF{a>) znoOQ5=2E#Xq0dtZ#95TYSUoby<=PSML=7FRoVA)tb#uDVPl_zs&Ra^E~HAt ztp-pf$}~82?>O~^aIglbvhU?Ub>O))IuS{9m4o0pn$M3&!q4RM5hh3O#*p>}$t`t-ly=FgdlyVee%#rA^0 zq9!aB!zVlz#!?3XarGXsZ+Q@<4-^f4p>=$;8%L=X7CG&E96@)a z1Ti8th|$n>L);@uA{na$frDa(r*?^>D0Hju(UFdVas8OnAsgT;`w;(~FXi$YyYFpnn&m3T0Gycyu|Ef7G# zNvmV+@ZjSN8A_>&+`nW%z3jb9{C}nmOs4+>+{Fls7Irb>YV|zGdR?g9<3F4bpOR6X z+D_^uWevpzW@t%SbIM!G3O(}qc>)_Sk3=D#ZnxdC85g6%TzmqaKb;n09|N6^&sZBeoztb-ckhEwXGq=f=_K99sX$u0 z;nQ(il?keTZTR#T&8JT&`3*ZPPpQYr<>j+#P0|VyYpGwutwrM8I`Nq~>2+er)nwS0 z9=@8TTUTD-lB;gY<%SgVb6JfoCLQhZHhW_jF%##Vh49a!&@|33m8qZhOUaLc`OCgE zXCnKL23AZlJ3a=rBMrPS!Oi50K?VQo~i2BW*6{9?*e#KZo)Q9fw}4OS4(WJ zCT+RlxoHqeDeo_j&`k=gLXhrBrfYeeuA;9D)m8dfbF{8D#!bL(?MK}Ye!&7K(zi!V z%x?1&BXgP|;x>V!Cg}E&1l>;IGdQ^PC<*w(QETEf1&Pb$HHx@$0;3d?B&M>^dGeIZ z>8)Xh@^$xqNzqH)2Ia&kX9r1+ayDElLE=k*lRak^RH%3ctpSJg3d^B_hLmQz@;Rp^ zi(g>~bJgX;QF96uS7ycZ&Fb8&&Uam%6~Am&=tr_bD-e-CdsK$IhV#dQv|F#tYD;yU z7FL|n6+w8`lRBj%t9e@IlB9jP8gxrdI zM{57-IXJAoZIqZij5%ZOAvjHilNl}QtMg%ElVW^6Mg+jy+%ME54ZEr7Usu&EqcrJZBph5o08HFK%pKgq?Vo zvEP0oC|B{O0RMHn<9p7>X*5(OGuhNi%rJlFAfakn7;n_|t+4Qeylt&h7ZFf0D;<~? z-J^O?{SiJ@gyJDa`DpX8iS)_oa_2}N{S>gU?`lo~?{W&LnzO)J)XYcagogVI$)m25 z*RAC5Ey&lf)No@#7qx{=$!~a`dXp-SN~M>V_5pr&NSC;Zy7o>h{>p z7>noOx8%xYc8Xjz9#SQ$=|Eyo9oTV*=Tt?-u3M<18D!pjcn><9SuO}oEc0WCWnQ;k z;zS}g9fTnFMjI`8iXuQY><*y-Y*D)o8I1^ke`RK&_Pfqo{3!xd!*1tSj}6t<$}ElAFA3)7H$vcj)?pBX;ZBrSlYKfPPmnfyafW1bQF157x5teAC7phS+^+i#onq`G*(oB5>yiu#HKusE{579JglohB+ zqui5y${ao`Q=?bq9%xYNSX#Ln^((}hR_ItLTa%uKkT9c;g>p6Nmp}e9uLN458b>&P YpP_Vk^@0o0kdvYR0{~J3?0=E~08$;TtpET3 literal 3454 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 diff --git a/priv/static/theme/app/js/app-17cbc1c31d946fb8f7ad7214b57779a8.js b/priv/static/theme/app/js/app-17cbc1c31d946fb8f7ad7214b57779a8.js deleted file mode 100644 index 7639925..0000000 --- a/priv/static/theme/app/js/app-17cbc1c31d946fb8f7ad7214b57779a8.js +++ /dev/null @@ -1,10670 +0,0 @@ -// Config -function themeConfig(data) { - // Light & Dark - if (localStorage.getItem('theme')) { - if (localStorage.getItem('theme') === 'dark') { - $("body").addClass("dark") - $("body").removeClass("light") - - $('.hp-theme-customizer-container-body-item-svg[data-theme="light"]').removeClass("active") - $('.hp-theme-customizer-container-body-item-svg[data-theme="dark"]').addClass("active") - - localStorage.setItem('theme', 'dark'); - } else if (localStorage.getItem('theme') === 'light') { - $("body").addClass("light") - $("body").removeClass("dark") - - $('.hp-theme-customizer-container-body-item-svg[data-theme="dark"]').removeClass("active") - $('.hp-theme-customizer-container-body-item-svg[data-theme="light"]').addClass("active") - - localStorage.setItem('theme', 'light'); - } - } else { - if (!$("body").hasClass("dark")) { - $("body").addClass("light") - $("body").removeClass("dark") - - $('.hp-theme-customizer-container-body-item-svg[data-theme="dark"]').removeClass("active") - $('.hp-theme-customizer-container-body-item-svg[data-theme="light"]').addClass("active") - } else if ($("body").hasClass("dark")) { - $("body").addClass("dark") - $("body").removeClass("light") - - $('.hp-theme-customizer-container-body-item-svg[data-theme="light"]').removeClass("active") - $('.hp-theme-customizer-container-body-item-svg[data-theme="dark"]').addClass("active") - } - } - - // Content Width - if (data.contentWidth === "boxed") { - $("body").addClass("content-width-boxed") - - $('.hp-theme-customizer-container-body-item-svg[data-content="full"]').removeClass("active") - $('.hp-theme-customizer-container-body-item-svg[data-content="boxed"]').addClass("active") - } else if (data.contentWidth === "full") { - $('.hp-theme-customizer-container-body-item-svg[data-content="boxed"]').removeClass("active") - $('.hp-theme-customizer-container-body-item-svg[data-content="full"]').addClass("active") - } - - if ($("body").hasClass("content-width-boxed")) { - $('.hp-theme-customizer-container-body-item-svg[data-content="full"]').removeClass("active") - $('.hp-theme-customizer-container-body-item-svg[data-content="boxed"]').addClass("active") - } -} - -themeConfig({ - contentWidth: 'full' // boxed - full -}); - -// Open & Close -$(".hp-theme-customizer-button").click(function () { - $(".hp-theme-customizer").toggleClass("active") -}) - -$(".hp-theme-customizer-container-header button").click(function () { - $(".hp-theme-customizer").removeClass("active") -}) - -// Click Item -$(".hp-theme-customizer-container-body-item-svg").click(function () { - $(this).addClass("active") - $(this).parent().siblings().children(".hp-theme-customizer-container-body-item-svg").removeClass("active") - - // Light & Dark - if ($(this).data("theme") === "light") { - localStorage.setItem('theme', 'light'); - - $("body").addClass("light") - $("body").removeClass("dark") - } else if ($(this).data("theme") === "dark") { - localStorage.setItem('theme', 'dark'); - - $("body").addClass("dark") - $("body").removeClass("light") - } - - // Content Width - if ($(this).data("content") === "full") { - $("body").removeClass("content-width-boxed") - } else if ($(this).data("content") === "boxed") { - $("body").addClass("content-width-boxed") - } -}) -// Scroll to Top -$(".scroll-to-top").click(function () { - $(window).scrollTop(0) -}); - -$(window).scroll(function () { - if ($(this).scrollTop() > (window.innerHeight / 3)) { - $(".scroll-to-top").addClass("active") - } else { - $(".scroll-to-top").removeClass("active") - } -}); - -// Wish Button -$(".hp-wish-button").click(function(){ - $(this).toggleClass("text-danger bg-danger-4 hp-bg-color-dark-danger") - $(this).toggleClass("text-black-40 hp-text-color-dark-70 bg-black-10 hp-bg-color-dark-90") -}); - -// Date Timer (Page Error Coming Soon) -$(".data-date-timer").each(function () { - if ($(this).data("date-timer")) { - setInterval(() => { - let future = Date.parse($(this).data("date-timer")), - now = new Date(), - diff = future - now, - days = Math.floor(diff / (1000 * 60 * 60 * 24)), - hours = Math.floor(diff / (1000 * 60 * 60)), - mins = Math.floor(diff / (1000 * 60)), - secs = Math.floor(diff / 1000), - d = days, - h = hours - days * 24, - m = mins - hours * 60, - s = secs - mins * 60; - - $(this).find("*[data-date-timer-day]").text(d) - $(this).find("*[data-date-timer-hours]").text(h) - $(this).find("*[data-date-timer-minutes]").text(m) - $(this).find("*[data-date-timer-seconds]").text(s) - }, 1000); - } -}); - -// Search (Icon Search) -$("*[data-search]").keyup(function () { - let value = $(this).val(); - let patt = new RegExp(value, "i"); - - $("*[data-search-item]").each(function () { - if (!($(this).find("*[data-search-item-text]").text().search(patt) >= 0)) { - $(this).hide(); - } - if (($(this).find("*[data-search-item-text]").text().search(patt) >= 0)) { - $(this).show(); - } - }); -}); - -// Copy Text -setTimeout(() => { - $("*[data-copy-click]").each(function () { - let itemId = $(this).find("*[data-copy-id]") - - if ($(this).data("copy-click") === "value") { - $(this).find("*[data-copy-click-id]").click(function (e) { - if ($(this).data("copy-click-id") === itemId.data("copy-id")) { - let copyText = itemId.val(); - - navigator.clipboard.writeText(copyText); - } - }) - } else { - $(this).find("*[data-copy-click-id]").click(function (e) { - if ($(this).data("copy-click-id") === itemId.data("copy-id")) { - if (itemId.find("*[data-copy]")) { - navigator.clipboard.writeText(itemId.find("*[data-copy]").data("copy")); - } else { - navigator.clipboard.writeText(itemId.text()); - } - } - }) - } - }); -}, 300); - -// Payment Input Mask -$('#payment-cardnumber').mask('0000 0000 0000 0000'); -$('#payment-date').mask('00/00'); -$('#payment-cvc').mask('000'); -$('#phone').mask('(000) 000-0000'); - -// Tooltip -let tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')) -tooltipTriggerList.map(function (tooltipTriggerEl) { - return new bootstrap.Tooltip(tooltipTriggerEl) -}) - -// Browser Chrome Chart -let optionsBrowserChromeChart = { - series: [50.2], - chart: { - type: "radialBar", - width: 24, - height: 22, - }, - grid: { - show: false, - padding: { - left: -15, - right: -15, - top: -12, - bottom: -15, - }, - }, - colors: ["#C903FF"], - plotOptions: { - radialBar: { - hollow: { - size: "20%", - }, - track: { - background: "#DFE6E9", - }, - dataLabels: { - showOn: "always", - name: { - show: false, - }, - value: { - show: false, - }, - }, - }, - }, - stroke: { - lineCap: "round", - }, -}; - -if (document.querySelector("#browser-chrome-chart")) { - let chart = new ApexCharts(document.querySelector("#browser-chrome-chart"), optionsBrowserChromeChart); - chart.render(); -} - -// Browser Edge Chart -let optionsBrowserEdgeChart = { - series: [4.7], - chart: { - type: "radialBar", - width: 24, - height: 22, - }, - grid: { - show: false, - padding: { - left: -15, - right: -15, - top: -12, - bottom: -15, - }, - }, - colors: ["#0010F7"], - plotOptions: { - radialBar: { - hollow: { - size: "20%", - }, - track: { - background: "#DFE6E9", - }, - dataLabels: { - showOn: "always", - name: { - show: false, - }, - value: { - show: false, - }, - }, - }, - }, - stroke: { - lineCap: "round", - }, -}; - -if (document.querySelector("#browser-edge-chart")) { - let chart = new ApexCharts(document.querySelector("#browser-edge-chart"), optionsBrowserEdgeChart); - chart.render(); -} - -// Browser Firefox Chart -let optionsBrowserFirefoxChart = { - series: [12.5], - chart: { - type: "radialBar", - width: 24, - height: 22, - }, - grid: { - show: false, - padding: { - left: -15, - right: -15, - top: -12, - bottom: -15, - }, - }, - colors: ["#FFC700"], - plotOptions: { - radialBar: { - hollow: { - size: "20%", - }, - track: { - background: "#DFE6E9", - }, - dataLabels: { - showOn: "always", - name: { - show: false, - }, - value: { - show: false, - }, - }, - }, - }, - stroke: { - lineCap: "round", - }, -}; - -if (document.querySelector("#browser-firefox-chart")) { - let chart = new ApexCharts(document.querySelector("#browser-firefox-chart"), optionsBrowserFirefoxChart); - chart.render(); -} - -// Browser Opera Chart -let optionsBrowserOperaChart = { - series: [7.8], - chart: { - type: "radialBar", - width: 24, - height: 22, - }, - grid: { - show: false, - padding: { - left: -15, - right: -15, - top: -12, - bottom: -15, - }, - }, - colors: ["#FF0022"], - plotOptions: { - radialBar: { - hollow: { - size: "20%", - }, - track: { - background: "#DFE6E9", - }, - dataLabels: { - showOn: "always", - name: { - show: false, - }, - value: { - show: false, - }, - }, - }, - }, - stroke: { - lineCap: "round", - }, -}; - -if (document.querySelector("#browser-opera-chart")) { - let chart = new ApexCharts(document.querySelector("#browser-opera-chart"), optionsBrowserOperaChart); - chart.render(); -} - -// Browser Other Chart -let optionsBrowserOtherChart = { - series: [2.2], - chart: { - type: "radialBar", - width: 24, - height: 22, - }, - grid: { - show: false, - padding: { - left: -15, - right: -15, - top: -12, - bottom: -15, - }, - }, - colors: ["#111314"], - plotOptions: { - radialBar: { - hollow: { - size: "20%", - }, - track: { - background: "#DFE6E9", - }, - dataLabels: { - showOn: "always", - name: { - show: false, - }, - value: { - show: false, - }, - }, - }, - }, - stroke: { - lineCap: "round", - }, -}; - -if (document.querySelector("#browser-other-chart")) { - let chart = new ApexCharts(document.querySelector("#browser-other-chart"), optionsBrowserOtherChart); - chart.render(); -} - -// Browser Safari Chart -let optionsBrowserSafariChart = { - series: [24.8], - chart: { - type: "radialBar", - width: 24, - height: 22, - }, - grid: { - show: false, - padding: { - left: -15, - right: -15, - top: -12, - bottom: -15, - }, - }, - colors: ["#1BE7FF"], - plotOptions: { - radialBar: { - hollow: { - size: "20%", - }, - track: { - background: "#DFE6E9", - }, - dataLabels: { - showOn: "always", - name: { - show: false, - }, - value: { - show: false, - }, - }, - }, - }, - stroke: { - lineCap: "round", - }, -}; - -if (document.querySelector("#browser-safari-chart")) { - let chart = new ApexCharts(document.querySelector("#browser-safari-chart"), optionsBrowserSafariChart); - chart.render(); -} - -// Expenses Donut Card -let optionsExpensesDonutCard = { - series: [1244, 2155, 1541], - chart: { - id: "expenses-donut-card", - fontFamily: "Manrope, sans-serif", - type: "donut", - height: 350, - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - colors: ["#0010F7", "#55B1F3", "#1BE7FF"], - - labels: ["Marketing", "Payments", "Bills"], - - dataLabels: { - enabled: false, - }, - plotOptions: { - pie: { - donut: { - size: "90%", - labels: { - show: true, - name: { - fontSize: "2rem", - }, - value: { - fontSize: "24px", - fontWeight: "medium", - color: "#2D3436", - formatter(val) { - return `$${val}`; - }, - }, - total: { - show: true, - fontSize: "24px", - fontWeight: "medium", - label: "Total", - color: "#636E72", - - formatter: function (w) { - return `$${w.globals.seriesTotals.reduce((a, b) => { - return a + b; - }, 0)}`; - }, - }, - }, - }, - }, - }, - responsive: [ - { - breakpoint: 426, - options: { - legend: { - itemMargin: { - horizontal: 16, - vertical: 8, - }, - }, - }, - }, - ], - - legend: { - itemMargin: { - horizontal: 12, - vertical: 24, - }, - horizontalAlign: "center", - position: "bottom", - fontSize: "12px", - labels: { - colors: "#2D3436", - }, - - markers: { - radius: 12, - }, - }, -}; - -if (document.querySelector("#expenses-donut-card")) { - let chart = new ApexCharts(document.querySelector("#expenses-donut-card"), optionsExpensesDonutCard); - chart.render(); -} -// Analytics Energy -let optionsAnalyticsEnergy = { - series: [91], - chart: { - fontFamily: "Manrope, sans-serif", - type: "radialBar", - id: "analytics-energy-chart", - height: 335, - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - - plotOptions: { - radialBar: { - startAngle: -135, - endAngle: 135, - track: { - background: "transparent", - }, - dataLabels: { - name: { - show: true, - fontSize: "12px", - fontWeight: "400", - color: "#636E72", - }, - value: { - fontSize: "24px", - fontWeight: "500", - color: undefined, - formatter: function (val) { - return val + "%"; - }, - }, - }, - }, - }, - - stroke: { - dashArray: 6, - }, - labels: ["Completed"], - - fill: { - type: "gradient", - gradient: { - shade: "dark", - type: "horizontal", - shadeIntensity: 1, - gradientToColors: ["#0010F7", "#1BE7FF"], - inverseColors: true, - opacityFrom: 1, - opacityTo: 1, - stops: [0, 50, 100], - }, - }, -}; - -if (document.querySelector("#analytics-energy-chart")) { - let chart = new ApexCharts(document.querySelector("#analytics-energy-chart"), optionsAnalyticsEnergy); - chart.render(); -} - -// Analytics Expenses -let optionsAnalyticsExpenses = { - series: [1244, 2155, 1541], - chart: { - id: "analytics-expenses-chart", - fontFamily: "Manrope, sans-serif", - type: "donut", - height: 350, - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - colors: ["#0010F7", "#55B1F3", "#1BE7FF"], - - labels: ["Marketing", "Payments", "Bills"], - - dataLabels: { - enabled: false, - }, - plotOptions: { - pie: { - donut: { - size: "85%", - labels: { - show: true, - name: { - fontSize: "2rem", - }, - value: { - fontSize: "24px", - fontWeight: "medium", - color: "#2D3436", - formatter(val) { - return `$${val}`; - }, - }, - total: { - show: true, - fontSize: "24px", - fontWeight: "medium", - label: "Total", - color: "#636E72", - - formatter: function (w) { - return `$${w.globals.seriesTotals.reduce((a, b) => { - return a + b; - }, 0)}`; - }, - }, - }, - }, - }, - }, - responsive: [ - { - breakpoint: 426, - options: { - legend: { - itemMargin: { - horizontal: 16, - vertical: 8, - }, - }, - }, - }, - ], - - legend: { - itemMargin: { - horizontal: 12, - vertical: 24, - }, - horizontalAlign: "center", - position: "bottom", - fontSize: "14px", - - markers: { - radius: 12, - }, - }, -}; - -if (document.querySelector("#analytics-expenses-chart")) { - let chart = new ApexCharts(document.querySelector("#analytics-expenses-chart"), optionsAnalyticsExpenses); - chart.render(); -} - -// Analytics Marketplace -let optionsAnalyticsMarketplace = { - series: [61, 82, 65], - chart: { - height: 184, - id: "analytics-marketplace-chart", - fontFamily: "Manrope, sans-serif", - type: "radialBar", - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - colors: ["#00F7BF", "#0010F7", "#FFC700"], - - labels: ["Ebay", "Web", "Amazon"], - - dataLabels: { - enabled: false, - }, - stroke: { - lineCap: "round", - }, - - plotOptions: { - radialBar: { - dataLabels: { - show: true, - name: { - fontSize: "10px", - }, - value: { - fontSize: "10px", - offsetY: 0, - }, - total: { - show: true, - fontSize: "10px", - label: "Total", - formatter: function (w) { - return 7400; - }, - }, - }, - }, - }, - - legend: { - show: true, - itemMargin: { - horizontal: 0, - vertical: 6, - }, - - horizontalAlign: "center", - position: "left", - fontSize: "14px", - - markers: { - radius: 12, - }, - }, - - responsive: [ - { - breakpoint: 325, - options: { - legend: { - itemMargin: { - horizontal: 8, - vertical: 0, - }, - horizontalAlign: "center", - position: "bottom", - fontSize: "14px", - }, - }, - }, - ], -}; - -if (document.querySelector("#analytics-marketplace-chart")) { - let chart = new ApexCharts(document.querySelector("#analytics-marketplace-chart"), optionsAnalyticsMarketplace); - chart.render(); -} - -// Analytics Revenue 1 -let optionsAnalyticsRevenue1 = { - series: [ - { - name: "Earning", - data: [ - 28877, 29334, 33233, 36439, 32675, 32333, 33457, 38345, 36783, 39457, - 22459, 39840, - ], - }, - { - name: "Expense", - data: [ - 12010, 11313, 14623, 18935, 17345, 13465, 17813, 19125, 16256, 20356, - 12233, 14570, - ], - }, - ], - chart: { - id: "analytics-revenue-chart", - fontFamily: "Manrope, sans-serif", - type: "bar", - height: 300, - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - labels: { - style: { - fontSize: "14px", - }, - }, - - dataLabels: { - enabled: false, - }, - - grid: { - borderColor: "#DFE6E9", - row: { - opacity: 0.5, - }, - }, - plotOptions: { - bar: { - horizontal: false, - borderRadius: 2, - columnWidth: "45%", - endingShape: "rounded", - }, - colors: { - backgroundBarColors: ["#0063F7", "#00F7BF"], - }, - }, - - stroke: { - show: true, - width: 4, - colors: ["transparent"], - }, - xaxis: { - axisTicks: { - show: false, - borderType: "solid", - color: "#78909C", - height: 6, - offsetX: 0, - offsetY: 0, - }, - - tickPlacement: "between", - labels: { - style: { - colors: ["636E72"], - fontSize: "14px", - }, - }, - categories: [ - "Jan", - "Feb", - "Mar", - "Apr", - "May", - "Jun", - "Jul", - "Aug", - "Sep", - "Oct", - "Nov", - "Dec", - ], - }, - legend: { - horizontalAlign: "right", - offsetX: 40, - position: "top", - markers: { - radius: 12, - }, - }, - yaxis: { - labels: { - style: { - colors: ["636E72"], - fontSize: "14px", - }, - formatter: (value) => { - return value / 1000 + "K"; - }, - }, - - min: 0, - max: 40000, - tickAmount: 4, - }, -}; - -if (document.querySelector("#analytics-revenue-chart")) { - let chart = new ApexCharts(document.querySelector("#analytics-revenue-chart"), optionsAnalyticsRevenue1); - chart.render(); -} - -// Analytics Revenue 2 -let optionsAnalyticsRevenue2 = { - series: [ - { - name: "Sales", - data: [80, 50, 30, 40, 100, 20], - }, - { - name: "Expense", - data: [20, 30, 40, 80, 20, 80], - }, - ], - chart: { - id: "analytics-revenue-2-chart", - fontFamily: "Manrope, sans-serif", - height: "85%", - - type: "radar", - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - dropShadow: { - enabled: true, - blur: 4, - left: 1, - top: 1, - opacity: 0.1, - }, - }, - fill: { - opacity: [1, 1], - }, - stroke: { - show: false, - width: 0, - }, - markers: { - size: 0, - }, - - colors: ["rgba(85, 177, 243, 0.8)", "rgba(0, 247, 191, 0.8)"], - - labels: ["Marketing", "Payments", "Bills"], - - dataLabels: { - enabled: false, - }, - yaxis: { - show: false, - }, - xaxis: { - categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun"], - }, - - plotOptions: { - radar: { - polygons: { - connectorColors: "#fff", - }, - }, - }, - legend: { - itemMargin: { - horizontal: 12, - vertical: 16, - }, - horizontalAlign: "center", - position: "bottom", - fontSize: "12px", - fontWeight: "medium", - - markers: { - radius: 12, - }, - }, -}; - -if (document.querySelector("#analytics-revenue-2-chart")) { - let chart = new ApexCharts(document.querySelector("#analytics-revenue-2-chart"), optionsAnalyticsRevenue2); - chart.render(); -} - -// Analytics Revenue 3 -let optionsAnalyticsRevenue3 = { - series: [ - { - data: [0, 20, 10, 40, 50, 30], - }, - ], - chart: { - fontFamily: "Manrope, sans-serif", - type: "line", - id: "analytics-revenue-3-chart", - - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - colors: ["#0063F7"], - labels: { - style: { - fontSize: "14px", - }, - }, - stroke: { - curve: "smooth", - lineCap: "round", - }, - - tooltip: { - enabled: false, - }, - - dataLabels: { - enabled: false, - }, - - grid: { - show: false, - }, - - markers: { - strokeWidth: 0, - size: 0, - colors: ["#0063F7", "#1BE7FF"], - hover: { - sizeOffset: 1, - }, - }, - xaxis: { - axisTicks: { - show: false, - }, - labels: { - show: false, - }, - axisBorder: { - show: false, - }, - }, - responsive: [ - { - breakpoint: 426, - options: { - legend: { - itemMargin: { - horizontal: 16, - vertical: 8, - }, - }, - }, - }, - ], - - yaxis: { - show: false, - }, -}; - -document.querySelectorAll("*[data-chart-id]").forEach((e) => { - if (e.getAttribute("data-chart-id") === "analytics-revenue-3-chart") { - let chart = new ApexCharts(e, optionsAnalyticsRevenue3); - chart.render(); - } -}); - -// Analytics Traffic -let optionsAnalyticsTraffic = { - series: [ - { - name: "SEO Visits", - data: [20, 50, 60, 80, 90, 55], - }, - { - name: "Organic", - data: [35, 35, 35, 15, 35, 15], - }, - { - name: "Sponsored", - data: [100, 15, 60, 40, 50, 80], - }, - ], - chart: { - id: "analytics-Traffic-chart", - fontFamily: "Manrope, sans-serif", - type: "radar", - height: "100%", - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - fill: { - opacity: [0.2, 0.2, 0.2], - }, - stroke: { - show: true, - width: 3, - }, - markers: { - size: 0, - }, - - colors: ["#0063F7", "#FF0022", "#00F7BF"], - - labels: ["Marketing", "Payments", "Bills"], - - yaxis: { - show: false, - }, - xaxis: { - categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun"], - }, - - plotOptions: { - radar: { - polygons: { - connectorColors: "#fff", - }, - }, - }, - legend: { - itemMargin: { - horizontal: 32, - vertical: 16, - }, - horizontalAlign: "center", - position: "bottom", - fontSize: "24px", - fontWeight: 500, - markers: { - radius: 12, - }, - }, -}; - -if (document.querySelector("#analytics-Traffic-chart")) { - let chart = new ApexCharts(document.querySelector("#analytics-Traffic-chart"), optionsAnalyticsTraffic); - chart.render(); -} - -// Analytics Visit -let optionsAnalyticsVisit = { - series: [35, 25, 45], - chart: { - id: "analytics-visit-chart", - fontFamily: "Manrope, sans-serif", - type: "donut", - height: 184, - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - colors: ["#1BE7FF", "#0010F7", "#00F7BF"], - - labels: ["Desktop", "Tablet", "Mobile"], - - dataLabels: { - enabled: false, - }, - plotOptions: { - pie: { - donut: { - size: "75%", - labels: { - show: true, - name: { - fontSize: "12px", - offsetY: 0, - }, - value: { - fontSize: "12px", - offsetY: 0, - formatter(val) { - return `% ${val}`; - }, - }, - total: { - show: true, - fontSize: "16px", - label: "Total", - - formatter: function (w) { - return "2400"; - }, - }, - }, - }, - }, - }, - - legend: { - itemMargin: { - horizontal: 0, - vertical: 6, - }, - horizontalAlign: "center", - position: "left", - fontSize: "14px", - - markers: { - radius: 12, - }, - }, - responsive: [ - { - breakpoint: 325, - options: { - legend: { - itemMargin: { - horizontal: 4, - vertical: 0, - }, - horizontalAlign: "center", - position: "bottom", - fontSize: "14px", - }, - }, - }, - ], -}; - -if (document.querySelector("#analytics-visit-chart")) { - let chart = new ApexCharts(document.querySelector("#analytics-visit-chart"), optionsAnalyticsVisit); - chart.render(); -} - -// Analytics Visiters -let optionsAnalyticsVisiters = { - series: [ - { - name: "Ads", - data: [8245, 14452, 8545, 14452, 6012, 22333], - }, - { - name: "Organic", - data: [12245, 7952, 10623, 7935, 14345, 4002], - }, - ], - chart: { - fontFamily: "Manrope, sans-serif", - type: "area", - id: "analytics-visiters-chart", - height: "100%", - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - colors: ["#0063F7", "#00F7BF"], - labels: { - style: { - fontSize: "14px", - }, - }, - fill: { - opacity: 0.3, - }, - - dataLabels: { - enabled: false, - }, - - grid: { - borderColor: "#DFE6E9", - row: { - opacity: 0.5, - }, - }, - - markers: { - strokeWidth: 0, - size: 0, - colors: ["rgba(0, 255, 198, 0.17)", "rgba(45, 125, 239, 0.17)"], - hover: { - sizeOffset: 1, - }, - }, - xaxis: { - axisTicks: { - show: false, - borderType: "solid", - color: "#78909C", - height: 6, - offsetX: 0, - offsetY: 0, - }, - labels: { - style: { - colors: ["636E72"], - fontSize: "14px", - }, - }, - categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun"], - }, - legend: { - position: 'top', - horizontalAlign: 'right', - offsetX: 40 - }, - yaxis: { - labels: { - style: { - colors: ["636E72"], - fontSize: "14px", - }, - formatter: (value) => { - return value / 1000 + "K"; - }, - }, - - min: 0, - max: 30000, - tickAmount: 3, - }, -}; - -if (document.querySelector("#analytics-visiters-chart")) { - let chart = new ApexCharts(document.querySelector("#analytics-visiters-chart"), optionsAnalyticsVisiters); - chart.render(); -} -// Statistics Revenue 1 -let optionsStatisticsRevenue1 = { - series: [ - { - data: [0, 20, 10, 40, 50, 30], - }, - ], - chart: { - type: "line", - id: "revenue-line-1", - height: 100, - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - legend: { - show: false, - }, - markers: { - size: 1, - strokeColors: "#FF8B9A", - strokeOpacity: 0, - }, - - colors: ["#FF8B9A"], - stroke: { - lineCap: "round", - width: 2, - }, - tooltip: { - enabled: false, - }, - dataLabels: { - enabled: false, - }, - grid: { - show: true, - borderColor: "#B2BEC3", - strokeDashArray: 6, - position: "back", - xaxis: { - lines: { - show: true, - }, - }, - yaxis: { - lines: { - show: false, - }, - }, - }, - xaxis: { - show: false, - labels: { - show: false, - }, - axisTicks: { - show: false, - }, - axisBorder: { - show: false, - }, - }, - responsive: [ - { - breakpoint: 426, - options: { - legend: { - itemMargin: { - horizontal: 16, - vertical: 8, - }, - }, - }, - }, - ], - yaxis: { - show: false, - }, -}; - -if (document.querySelector("#statistics-revenue-1")) { - let chart = new ApexCharts(document.querySelector("#statistics-revenue-1"), optionsStatisticsRevenue1); - chart.render(); -} - -// Statistics Revenue 2 -let optionsStatisticsRevenue2 = { - series: [ - { - data: [0, 20, 10, 40, 50, 30], - }, - ], - chart: { - type: "line", - id: "revenue-line-2", - height: 100, - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - colors: ["#0063F7"], - stroke: { - lineCap: "round", - width: 2, - }, - markers: { - size: 1, - strokeColors: "#0063F7", - strokeOpacity: 0, - }, - tooltip: { - enabled: false, - }, - dataLabels: { - enabled: false, - }, - grid: { - show: true, - borderColor: "#B2BEC3", - strokeDashArray: 6, - position: "back", - xaxis: { - lines: { - show: true, - }, - }, - yaxis: { - lines: { - show: false, - }, - }, - }, - xaxis: { - show: false, - labels: { - show: false, - }, - axisTicks: { - show: false, - }, - axisBorder: { - show: false, - }, - }, - responsive: [ - { - breakpoint: 426, - options: { - legend: { - itemMargin: { - horizontal: 16, - vertical: 8, - }, - }, - }, - }, - ], - yaxis: { - show: false, - }, -}; - -if (document.querySelector("#statistics-revenue-2")) { - let chart = new ApexCharts(document.querySelector("#statistics-revenue-2"), optionsStatisticsRevenue2); - chart.render(); -} - -// Statistics Revenue 3 -let optionsStatisticsRevenue3 = { - series: [ - { - data: [0, 20, 10, 40, 50, 30], - }, - ], - chart: { - type: "line", - id: "revenue-line-3", - height: 100, - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - colors: ["#FFE393"], - stroke: { - lineCap: "round", - width: 2, - }, - markers: { - size: 1, - strokeColors: "#FFE393", - strokeOpacity: 0, - }, - tooltip: { - enabled: false, - }, - dataLabels: { - enabled: false, - }, - grid: { - show: true, - borderColor: "#B2BEC3", - strokeDashArray: 6, - position: "back", - xaxis: { - lines: { - show: true, - }, - }, - yaxis: { - lines: { - show: false, - }, - }, - }, - xaxis: { - show: false, - labels: { - show: false, - }, - axisTicks: { - show: false, - }, - axisBorder: { - show: false, - }, - }, - responsive: [ - { - breakpoint: 426, - options: { - legend: { - itemMargin: { - horizontal: 16, - vertical: 8, - }, - }, - }, - }, - ], - yaxis: { - show: false, - }, -}; - -if (document.querySelector("#statistics-revenue-3")) { - let chart = new ApexCharts(document.querySelector("#statistics-revenue-3"), optionsStatisticsRevenue3); - chart.render(); -} - -// Statistics Order -let optionsStatisticsOrder = { - series: [ - { - name: "Earning", - data: [50, 70, 100, 60], - }, - ], - chart: { - type: "bar", - height: "80", - stacked: true, - toolbar: { - show: false, - }, - }, - grid: { - show: false, - padding: { - left: 0, - right: 10, - top: -10, - bottom: -10, - }, - }, - plotOptions: { - bar: { - horizontal: false, - columnWidth: "65%", - borderRadius: 2, - colors: { - backgroundBarColors: [], - backgroundBarRadius: 5, - }, - }, - }, - legend: { - show: false, - }, - dataLabels: { - enabled: false, - }, - colors: ["#0010F7"], - xaxis: { - labels: { - show: false, - }, - axisBorder: { - show: false, - }, - axisTicks: { - show: false, - }, - }, - yaxis: { - show: false, - max: 100, - }, - tooltip: { - x: { - show: false, - }, - }, -}; - -if (document.querySelector("#statistics-order")) { - let chart = new ApexCharts(document.querySelector("#statistics-order"), optionsStatisticsOrder); - chart.render(); -} - -// Statistics Order Vertical -let optionsStatisticsOrderVertical = { - series: [ - { - name: "Earning", - data: [50, 70, 100, 60], - }, - ], - chart: { - type: "bar", - height: "80", - stacked: true, - toolbar: { - show: false, - }, - }, - grid: { - show: false, - padding: { - left: 8, - right: 15, - top: -10, - bottom: -10, - }, - }, - plotOptions: { - bar: { - horizontal: false, - columnWidth: "60%", - borderRadius: 2, - colors: { - backgroundBarColors: [], - backgroundBarRadius: 5, - }, - }, - }, - legend: { - show: false, - }, - dataLabels: { - enabled: false, - }, - colors: ["#0010F7"], - xaxis: { - labels: { - show: false, - }, - axisBorder: { - show: false, - }, - axisTicks: { - show: false, - }, - }, - yaxis: { - show: false, - max: 100, - }, - tooltip: { - x: { - show: false, - }, - }, -}; - -if (document.querySelector("#statistics-order-vertical")) { - let chart = new ApexCharts(document.querySelector("#statistics-order-vertical"), optionsStatisticsOrderVertical); - chart.render(); -} - -// Statistics Subscribe -let optionsStatisticsSubscribe = { - series: [ - { - name: "Earning", - data: [50, 70, 100, 60], - }, - ], - chart: { - type: "bar", - height: 80, - stacked: true, - toolbar: { - show: false, - }, - }, - grid: { - show: false, - padding: { - left: 0, - right: 10, - top: -10, - bottom: -10, - }, - }, - plotOptions: { - bar: { - horizontal: false, - columnWidth: "65%", - borderRadius: 2, - colors: { - backgroundBarColors: [], - backgroundBarRadius: 5, - }, - }, - }, - legend: { - show: false, - }, - dataLabels: { - enabled: false, - }, - colors: ["#00F7BF"], - xaxis: { - labels: { - show: false, - }, - axisBorder: { - show: false, - }, - axisTicks: { - show: false, - }, - }, - yaxis: { - show: false, - max: 100, - }, - tooltip: { - x: { - show: false, - }, - }, -}; - -if (document.querySelector("#statistics-subscribe")) { - let chart = new ApexCharts(document.querySelector("#statistics-subscribe"), optionsStatisticsSubscribe); - chart.render(); -} - -// Statistics Subscribe Vertical -let optionsStatisticsSubscribeVertical = { - series: [ - { - name: "Earning", - data: [50, 70, 100, 60], - }, - ], - chart: { - type: "bar", - height: "80", - stacked: true, - toolbar: { - show: false, - }, - }, - grid: { - show: false, - padding: { - left: 8, - right: 15, - top: -10, - bottom: -10, - }, - }, - plotOptions: { - bar: { - horizontal: false, - columnWidth: "60%", - borderRadius: 2, - colors: { - backgroundBarColors: [], - backgroundBarRadius: 5, - }, - }, - }, - legend: { - show: false, - }, - dataLabels: { - enabled: false, - }, - colors: ["#00F7BF"], - xaxis: { - labels: { - show: false, - }, - axisBorder: { - show: false, - }, - axisTicks: { - show: false, - }, - }, - yaxis: { - show: false, - max: 100, - }, - tooltip: { - x: { - show: false, - }, - }, -}; - -if (document.querySelector("#statistics-subscribe-vertical")) { - let chart = new ApexCharts(document.querySelector("#statistics-subscribe-vertical"), optionsStatisticsSubscribeVertical); - chart.render(); -} - -// Statistics Ticket -let optionsStatisticsTicket = { - series: [76], - chart: { - type: "radialBar", - height: "80", - stacked: true, - toolbar: { - show: false, - }, - }, - grid: { - show: false, - padding: { - left: -24, - right: -24, - top: -16, - bottom: -16, - }, - }, - plotOptions: { - radialBar: { - startAngle: 0, - endAngle: 360, - hollow: { - size: "45%", - }, - track: { - show: true, - background: "#ffffff", - strokeWidth: "100%", - opacity: 1, - margin: 0, - }, - dataLabels: { - show: true, - value: { - fontSize: "12px", - color: "#FF455E", - fontWeight: 500, - offsetY: -11, - }, - total: { - show: true, - fontSize: "12px", - label: "", - formatter: function (w) { - return "%" + 76; - }, - }, - }, - }, - }, - legend: { - show: false, - }, - dataLabels: { - enabled: false, - }, - colors: ["#FF455E"], - xaxis: { - labels: { - show: false, - }, - axisBorder: { - show: false, - }, - axisTicks: { - show: false, - }, - }, - yaxis: { - show: false, - max: 100, - }, - tooltip: { - x: { - show: false, - }, - }, -}; - -if (document.querySelector("#statistics-ticket")) { - let chart = new ApexCharts(document.querySelector("#statistics-ticket"), optionsStatisticsTicket); - chart.render(); -} - -// Statistics Ticket Vertical -let optionsStatisticsTicketVertical = { - series: [76], - chart: { - type: "radialBar", - height: "92", - stacked: true, - toolbar: { - show: false, - }, - }, - grid: { - show: false, - padding: { - left: -24, - right: -24, - top: -12, - bottom: -16, - }, - }, - plotOptions: { - radialBar: { - startAngle: 0, - endAngle: 360, - hollow: { - size: "45%", - }, - track: { - show: true, - background: "#ffffff", - strokeWidth: "100%", - opacity: 1, - margin: 0, - }, - dataLabels: { - show: true, - value: { - fontSize: "12px", - color: "#FF455E", - fontWeight: 500, - offsetY: -11, - }, - total: { - show: true, - fontSize: "12px", - label: "", - formatter: function (w) { - return "%" + 76; - }, - }, - }, - }, - }, - legend: { - show: false, - }, - dataLabels: { - enabled: false, - }, - colors: ["#FF455E"], - xaxis: { - labels: { - show: false, - }, - axisBorder: { - show: false, - }, - axisTicks: { - show: false, - }, - }, - yaxis: { - show: false, - max: 100, - }, - tooltip: { - x: { - show: false, - }, - }, -}; - -if (document.querySelector("#statistics-ticket-vertical")) { - let chart = new ApexCharts(document.querySelector("#statistics-ticket-vertical"), optionsStatisticsTicketVertical); - chart.render(); -} - -// Statistics Traffic -let optionsStatisticsTraffic = { - series: [ - { - data: [31, 10, 109, 60, 140, 40, 150], - }, - ], - chart: { - fontFamily: "Manrope, sans-serif", - type: "line", - height: "70%", - stacked: true, - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - colors: ["#0063F7"], - labels: { - style: { - fontSize: "14px", - }, - }, - stroke: { - curve: "smooth", - lineCap: "round", - }, - - tooltip: { - enabled: false, - }, - - dataLabels: { - enabled: false, - }, - - grid: { - show: false, - padding: { - left: 0, - right: 0, - }, - }, - - markers: { - strokeWidth: 0, - size: 0, - colors: ["#0063F7", "#1BE7FF"], - hover: { - sizeOffset: 1, - }, - }, - xaxis: { - lines: { - show: false, - }, - axisBorder: { - show: false, - }, - axisTicks: { - show: false, - }, - - labels: { - show: false, - }, - }, - responsive: [ - { - breakpoint: 426, - options: { - legend: { - itemMargin: { - horizontal: 16, - vertical: 8, - }, - }, - }, - }, - ], - - yaxis: [ - { - show: false, - offsetX: 0, - offsetY: 0, - padding: { - left: 0, - right: 0, - }, - }, - ], -}; - -if (document.querySelector("#statistics-traffic")) { - let chart = new ApexCharts(document.querySelector("#statistics-traffic"), optionsStatisticsTraffic); - chart.render(); -} - -// Statistics Users -let optionsStatisticsUsers = { - series: [40], - chart: { - type: "radialBar", - height: "92", - stacked: true, - toolbar: { - show: false, - }, - }, - grid: { - show: false, - padding: { - left: -24, - right: -24, - top: -12, - bottom: -16, - }, - }, - plotOptions: { - radialBar: { - startAngle: 0, - endAngle: 360, - hollow: { - size: "45%", - }, - track: { - show: true, - background: "#ffffff", - strokeWidth: "100%", - opacity: 1, - margin: 0, - }, - dataLabels: { - show: true, - value: { - fontSize: "12px", - color: "#FFC700", - fontWeight: 500, - offsetY: -11, - }, - total: { - show: true, - fontSize: "12px", - label: "", - formatter: function (w) { - return "%" + 40; - }, - }, - }, - }, - }, - legend: { - show: false, - }, - dataLabels: { - enabled: false, - }, - colors: ["#FFD252"], - xaxis: { - labels: { - show: false, - }, - axisBorder: { - show: false, - }, - axisTicks: { - show: false, - }, - }, - yaxis: { - show: false, - max: 100, - }, - tooltip: { - x: { - show: false, - }, - }, -}; - -if (document.querySelector("#statistics-users")) { - let chart = new ApexCharts(document.querySelector("#statistics-users"), optionsStatisticsUsers); - chart.render(); -} - -// Statistics Users Vertical -let optionsStatisticsUsersVertical = { - series: [40], - chart: { - type: "radialBar", - height: "92", - stacked: true, - toolbar: { - show: false, - }, - }, - grid: { - show: false, - padding: { - left: -24, - right: -24, - top: -12, - bottom: -16, - }, - }, - plotOptions: { - radialBar: { - startAngle: 0, - endAngle: 360, - hollow: { - size: "45%", - }, - track: { - show: true, - background: "#ffffff", - strokeWidth: "100%", - opacity: 1, - margin: 0, - }, - dataLabels: { - show: true, - value: { - fontSize: "12px", - color: "#FFC700", - fontWeight: 500, - offsetY: -11, - }, - total: { - show: true, - fontSize: "12px", - label: "", - formatter: function (w) { - return "%" + 40; - }, - }, - }, - }, - }, - legend: { - show: false, - }, - dataLabels: { - enabled: false, - }, - colors: ["#FFD252"], - xaxis: { - labels: { - show: false, - }, - axisBorder: { - show: false, - }, - axisTicks: { - show: false, - }, - }, - yaxis: { - show: false, - max: 100, - }, - tooltip: { - x: { - show: false, - }, - }, -}; - -if (document.querySelector("#statistics-users-vertical")) { - let chart = new ApexCharts(document.querySelector("#statistics-users-vertical"), optionsStatisticsUsersVertical); - chart.render(); -} - -// Header Search -$(function () { - $(".hp-header-search-button").click(function () { - $("header .hp-header-text-info").toggleClass("d-none") - $("header .hp-header-search").toggleClass("d-none") - $(this).find("button .hp-header-search-button-icon-1").toggleClass("d-none") - $(this).find("button .hp-header-search-button-icon-2").toggleClass("d-none") - - $("header .hp-horizontal-menu").toggleClass("search-active") - - setTimeout(() => { - $("header .hp-header-search").toggleClass("active") - - if (!$("header .hp-header-search").hasClass("active")) { - $("#header-search").val("") - } - - setTimeout(() => { - $("#header-search").focus() - }, 300); - }, 100); - }); - - $("#header-search").keyup(function () { - $(".autocomplete-suggestions").css("width", $("header .hp-header-search").width() + "px") - }); - - //-- - - let data = [ - { - value: "Components", - url: "components-page" - }, - - { - value: "Dashboard Analytics", - url: "dashboard-analytics" - }, - { - value: "Dashboard Ecommerce", - url: "dashboard-ecommerce" - }, - - { - value: "Advance Cards", - url: "advance-cards" - }, - { - value: "Statistics Cards", - url: "statistics-cards" - }, - { - value: "Analytics Cards", - url: "analytics-cards" - }, - { - value: "Charts", - url: "charts" - }, - { - value: "Illustration Set", - url: "illustration-set" - }, - { - value: "Crypto Icons", - url: "crypto-icons" - }, - { - value: "User Icons", - url: "user-icons" - }, - { - value: "Flags", - url: "flags" - }, - - { - value: "Divider", - url: "divider" - }, - { - value: "Grid System", - url: "grid-system" - }, - - { - value: "Contact", - url: "app-contact" - }, - { - value: "Ecommerce Shop", - url: "ecommerce-shop" - }, - { - value: "Ecommerce Wishlist", - url: "ecommerce-wishlist" - }, - { - value: "Ecommerce Detail", - url: "ecommerce-product-detail" - }, - { - value: "Ecommerce Checkout", - url: "ecommerce-checkout" - }, - - { - value: "404 Error Page", - url: "error-404" - }, - { - value: "403 Error Page", - url: "error-403" - }, - { - value: "500 Error Page", - url: "error-500" - }, - { - value: "503 Error Page", - url: "error-503" - }, - { - value: "502 Error Page", - url: "error-502" - }, - { - value: "Maintenance", - url: "error-maintenance" - }, - { - value: "Coming Soon", - url: "error-coming-soon" - }, - - { - value: "Pricing", - url: "pricing" - }, - - { - value: "Profile", - url: "profile-information" - }, - { - value: "Profile Notification", - url: "profile-notifications" - }, - { - value: "Profile Activity", - url: "profile-activity" - }, - { - value: "Profile Security", - url: "profile-security" - }, - { - value: "Profile Password Change", - url: "profile-password" - }, - { - value: "Profile Social", - url: "profile-connect" - }, - - { - value: "Invoice", - url: "invoice-page" - }, - - { - value: "FAQ", - url: "faq-page" - }, - - { - value: "Knowledge Base 1", - url: "knowledge-base-1" - }, - { - value: "Knowledge Base 2", - url: "knowledge-base-2" - }, - - { - value: "Blank", - url: "blank-page" - }, - - { - value: "Login", - url: "auth-login" - }, - { - value: "Register", - url: "auth-register" - }, - { - value: "Recover Password", - url: "auth-recover" - }, - { - value: "Reset Password", - url: "auth-reset" - }, - - { - value: "Welcome", - url: "lock-welcome" - }, - { - value: "Password is changed", - url: "lock-password" - }, - { - value: "Deactivated", - url: "lock-deactivated" - }, - { - value: "Lock", - url: "lock" - }, - - { - value: "StyleGuide", - url: "general-style-guide" - }, - { - value: "Buttons", - url: "general-buttons" - }, - { - value: "Remix Icons", - url: "general-remix-icons" - }, - { - value: "Iconly Icons", - url: "general-iconly-icons" - }, - - { - value: "Breadcrumb", - url: "component-breadcrumb" - }, - { - value: "Dropdown", - url: "component-dropdown" - }, - { - value: "Menu", - url: "component-menu" - }, - { - value: "Pagination", - url: "component-pagination" - }, - - { - value: "Checkbox", - url: "component-checkbox" - }, - { - value: "Form", - url: "component-form" - }, - { - value: "Input", - url: "component-input" - }, - { - value: "Input Number", - url: "component-input-number" - }, - { - value: "Radio", - url: "component-radio" - }, - { - value: "Select", - url: "component-select" - }, - { - value: "Slider", - url: "component-slider" - }, - { - value: "Switch", - url: "component-switch" - }, - - { - value: "Avatar", - url: "component-avatar" - }, - { - value: "Badge", - url: "component-badge" - }, - { - value: "Card", - url: "component-card" - }, - { - value: "Carousel", - url: "component-carousel" - }, - { - value: "Accordion", - url: "component-accordion" - }, - { - value: "Collapse", - url: "component-collapse" - }, - { - value: "List", - url: "component-list" - }, - { - value: "Popover", - url: "component-popover" - }, - { - value: "Table", - url: "component-table" - }, - { - value: "Tabs", - url: "component-tabs" - }, - { - value: "Tooltip", - url: "component-tooltip" - }, - - { - value: "Alert", - url: "component-alert" - }, - { - value: "Drawer", - url: "component-drawer" - }, - { - value: "Modal", - url: "component-modal" - }, - { - value: "Notification", - url: "component-notification" - }, - { - value: "Progress", - url: "component-progress" - }, - { - value: "Spinner", - url: "component-spinner" - } - ]; - - $('#header-search').autocomplete({ - lookup: data, - onSelect: function (event) { - window.location.href = event.url + ".html" - } - }); -}); - -// Horizontal Menu -$(function () { - // Menu Link - $(".hp-horizontal-menu ul li a").each(function () { - if (window.location.pathname.split("/")[window.location.pathname.split("/").length - 1] == $(this).attr("href")) { - $(this).addClass("active") - $(this).parent().parent().prev(".dropdown-item").addClass("active") - $(this).parents(".dropdown-menu").prev("a").addClass("active") - } - }); -}) - -// Sider -$(function () { - // Menu Link - $(".hp-sidebar-container li a").each(function () { - if (window.location.pathname.split("/")[window.location.pathname.split("/").length - 1] == $(this).attr("href")) { - $(this).addClass("active") - - $(this).parents(".submenu-children").slideDown() - $(this).parents(".submenu-children").addClass("active") - $(this).parents(".submenu-children").prev("a").addClass("active arrow-active") - } - }); - - // Menu Dropdown - $(".hp-sidebar-container li a").click(function () { - if ($(this).next(".submenu-children").length) { - $(this).toggleClass("arrow-active") - $(this).next(".submenu-children").slideToggle(300) - } - }); - - // Mobile Button - $(".hp-mobile-sidebar-button").click(function () { - $("body").removeClass("collapsed-active collapse-btn-none") - }); - - // Collapsed - $(".hp-sidebar .hp-sidebar-collapse-button").click(function () { - $("body").toggleClass("collapsed-active") - $(".hp-sidebar .submenu-children").slideUp() - $(".hp-sidebar li a").removeClass("arrow-active") - $(".hp-sidebar .tooltip-item").toggleClass("in-active") - - if ($("body").hasClass("collapsed-active")) { - $(".hp-sidebar .submenu-children").addClass("d-none") - } else { - $(".hp-sidebar .submenu-children").removeClass("d-none") - $(".hp-sidebar .submenu-children").css("display", "none") - } - }); - - if ($("body").hasClass("collapsed-active")) { - $(".hp-sidebar .submenu-children").addClass("d-none") - $(".hp-sidebar .tooltip-item").removeClass("in-active") - } - - // Collapsed Menu Dropdown - let position = "left"; - let sidebarWidth; - - if ($("html").attr("dir") === "rtl") { - position = "right"; - } - - $(".hp-sidebar-container li a").mouseenter(function () { - if ($("body").hasClass("collapsed-active")) { - sidebarWidth = parseInt($(this).parents(".hp-sidebar").width()) + 38; - - $(".hp-sidebar-dropdown-container").remove(); - - if ($(this).next(".submenu-children").length) { - $("body").append( - ` -
-
    ` + - $(this).next(".submenu-children").html() + - `
-
- ` - ); - - if ($(this).offset().top + $(".hp-sidebar-dropdown-container").height() > $(window).height()) { - $(".hp-sidebar-dropdown-container > ul").css({ - maxHeight: "calc(100vh - " + ($(window).height() - $(this).offset().top) + "px)", - }); - - $(".hp-sidebar-dropdown-container").css( - "top", $(this).offset().top - $(".hp-sidebar-dropdown-container").height() + 50 + "px" - ); - if (position === "right") { - $(".hp-sidebar-dropdown-container").css( - position, (sidebarWidth - 38) + "px" - ); - } else { - $(".hp-sidebar-dropdown-container").css( - position, "calc(" + $(this).offset().left + "px + " + sidebarWidth + "px)" - ); - } - } else { - $(".hp-sidebar-dropdown-container > ul").css({ - maxHeight: "none", - }); - - $(".hp-sidebar-dropdown-container").css( - "top", $(this).offset().top + "px" - ); - if (position === "right") { - $(".hp-sidebar-dropdown-container").css( - position, (sidebarWidth - 38) + "px" - ); - } else { - $(".hp-sidebar-dropdown-container").css( - position, "calc(" + $(this).offset().left + "px + " + sidebarWidth + "px)" - ); - } - } - - //-- - - let levelNumber; - $(".hp-sidebar-dropdown-container li a").mouseenter(function () { - if ($(this).next(".submenu-children").length) { - $(this).css("pointer-events", "none"); - - levelNumber = $(this) - .next(".collapse") - .find(".submenu-children") - .data("level"); - - $("body").append( - ` -
-
    ` + - $(this).next(".submenu-children").html() + - `
-
- ` - ); - - if ($(this).offset().top + $(".hp-sidebar-dropdown-container[data-level=" + levelNumber + "]").height() > $(window).height()) { - $(".hp-sidebar-dropdown-container[data-level=" + levelNumber + "] > ul").css({ - maxHeight: "calc(100vh - " + ($(window).height() - $(this).offset().top) + "px)", - }); - - $(".hp-sidebar-dropdown-container[data-level=" + levelNumber + "]").css( - "top", $(this).offset().top - $(".hp-sidebar-dropdown-container[data-level=" + levelNumber + "]").height() + 50 + "px" - ); - - if (position === "right") { - $(".hp-sidebar-dropdown-container[data-level=" + levelNumber + "]").css( - position, "calc(" + ($(this).width() + sidebarWidth - 38 + 27) + "px)" - ); - } else { - $(".hp-sidebar-dropdown-container[data-level=" + levelNumber + "]").css( - position, "calc(" + $(this).offset().left + "px + " + (sidebarWidth - 37) * parseInt(levelNumber) + "px)" - ); - } - } else { - $(".hp-sidebar-dropdown-container[data-level=" + levelNumber + "] > ul").css({ - maxHeight: "none", - }); - - $(".hp-sidebar-dropdown-container[data-level=" + levelNumber + "]").css("top", $(this).offset().top + "px"); - if (position === "right") { - $(".hp-sidebar-dropdown-container[data-level=" + levelNumber + "]").css( - position, "calc(" + ($(this).width() + sidebarWidth - 38 + 27) + "px)" - ); - } else { - $(".hp-sidebar-dropdown-container[data-level=" + levelNumber + "]").css( - position, "calc(" + $(this).offset().left + "px + " + (sidebarWidth - 37) * parseInt(levelNumber) + "px)" - ); - } - } - } else { - $(".hp-sidebar-dropdown-container li a").css("pointer-events", "all"); - $(".hp-sidebar-dropdown-container[data-level=" + levelNumber + "]").remove(); - } - }); - } - } else { - $(".hp-sidebar-dropdown-container").remove(); - } - }); - - $(window).mousemove(function (e) { - let menuItem = $(".hp-sidebar-container li a"); - let dropdownContainer = $(".hp-sidebar-dropdown-container"); - - if ( - !menuItem.is(event.target) && - !menuItem.has(event.target).length && - !dropdownContainer.is(event.target) && - !dropdownContainer.has(event.target).length - ) { - $(".hp-sidebar-dropdown-container").remove(); - $(".hp-sidebar-dropdown-container li a").css("pointer-events", "all"); - } - }); -}) - -// Avatar Component -$(function () { - // Max Count - $(".avatar-group").each(function (index) { - let maxValue = $(this).data("max"); - - if (maxValue) { - if ($(this).children("div").length > maxValue) { - $(this).find(".avatar-item-max-count").removeClass("d-none") - } - - $(this).children("div").each(function (index) { - if (!$(this).hasClass("avatar-item-max-count")) { - if ((index + 1) > maxValue) { - $(this).parent().find(".avatar-group-dropdown-container").append($(this)) - } - } - }); - - $(this).find(".avatar-item-max-count > span").text("+" + ($(this).parent().find(".avatar-group-dropdown-container > div").length)) - } - }); -}) - -// Carousel -new bootstrap.Carousel() - -// Input Number Component -$(".input-number .input-number-input").focusin(function () { - $(this).parent().parent().addClass("input-number-focused") -}); - -$(".input-number .input-number-input").focusout(function () { - $(this).parent().parent().removeClass("input-number-focused") -}); - -$(".input-number .input-number-input").keyup(function () { - let inputNumberUp = $(this).parents(".input-number").find(".input-number-handler-up"), - inputNumberDown = $(this).parents(".input-number").find(" .input-number-handler-down"); - - if (Number($(this).val()) >= $(this).attr("max")) { - $(this).val($(this).attr("max")) - - inputNumberUp.addClass("input-number-handler-up-disabled") - inputNumberDown.removeClass("input-number-handler-down-disabled") - } else { - inputNumberDown.removeClass("input-number-handler-down-disabled") - inputNumberUp.removeClass("input-number-handler-up-disabled") - } - - if ($(this).val() !== "") { - if (Number($(this).val()) <= $(this).attr("min")) { - $(this).val($(this).attr("min")) - - inputNumberDown.addClass("input-number-handler-down-disabled") - inputNumberUp.removeClass("input-number-handler-up-disabled") - } - } -}); - -$(".input-number .input-number-handler").click(function () { - let inputNumberInput = $(this).parents(".input-number").find(".input-number-input"), - inputNumberUp = $(this).parents(".input-number").find(".input-number-handler-up"), - inputNumberDown = $(this).parents(".input-number").find(".input-number-handler-down"), - inputNumberValue = Number(inputNumberInput.val()), - inputNumberStep = Number(inputNumberInput.attr("step")) ? Number(inputNumberInput.attr("step")) : 1, - inputNumberMin = Number(inputNumberInput.attr("min")), - inputNumberMax = Number(inputNumberInput.attr("max")); - - if (!$(this).hasClass("input-number-handler-up-disabled")) { - if ($(this).hasClass("input-number-handler-up")) { - if (inputNumberValue < inputNumberMax) { - inputNumberValue += inputNumberStep; - inputNumberDown.removeClass("input-number-handler-down-disabled") - } - - if (inputNumberValue === inputNumberMax) { - inputNumberUp.addClass("input-number-handler-up-disabled") - } - } - } - - if (!$(this).hasClass("input-number-handler-down-disabled")) { - if ($(this).hasClass("input-number-handler-down")) { - if (inputNumberValue > inputNumberMin) { - inputNumberValue -= inputNumberStep; - inputNumberUp.removeClass("input-number-handler-up-disabled") - } - - if (inputNumberValue === inputNumberMin) { - inputNumberDown.addClass("input-number-handler-down-disabled") - } - } - } - - inputNumberInput.val(inputNumberValue) -}); - -// Modal Component -var varyingModal = document.getElementById('varyingModal') -if (varyingModal) { - varyingModal.addEventListener('show.bs.modal', function (event) { - // Button that triggered the modal - var button = event.relatedTarget - // Extract info from data-bs-* attributes - var recipient = button.getAttribute('data-bs-whatever') - // If necessary, you could initiate an AJAX request here - // and then do the updating in a callback. - // - // Update the modal's content. - var modalTitle = varyingModal.querySelector('.modal-title') - var modalBodyInput = varyingModal.querySelector('.modal-body input') - - modalTitle.textContent = 'New message to ' + recipient - modalBodyInput.value = recipient - }) -} - -// Notification -$(".toast-btn").click(function () { - let btnItem = $(this), - btnId = btnItem.data("id"); - - $(".toast").each(function () { - let eachItem = $(this), - eachItemId = eachItem.data("id"); - - if (eachItemId) { - if (btnId === eachItemId) { - new bootstrap.Toast($(this)).show(); - } - } - }); -}); - -// Popover -var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]')) -var popoverList = popoverTriggerList.map(function (popoverTriggerEl) { - return new bootstrap.Popover(popoverTriggerEl) -}) - -// Area Chart -let optionsAreaChart = { - series: [ - { - name: "Visit", - data: [ - 10877, 29334, 33233, 36439, 32675, 32333, 33457, 38345, 36783, 30457, - 28459, 29840, - ], - }, - { - name: "Click", - data: [ - 8753, 21313, 24623, 28935, 27345, 23465, 27813, 29125, 26256, 24356, - 20233, 24570, - ], - }, - { - name: "Sales", - data: [ - 6000, 11313, 14623, 18935, 17345, 13465, 17813, 19125, 16256, 20356, - 16233, 14570, - ], - }, - ], - chart: { - fontFamily: "Manrope, sans-serif", - type: "area", - height: 350, - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - labels: { - style: { - fontSize: "14px", - }, - }, - - dataLabels: { - enabled: false, - }, - - grid: { - borderColor: "#DFE6E9", - row: { - opacity: 0.5, - }, - }, - fill: { - opacity: 1, - type: "solid", - }, - stroke: { - show: true, - width: 4, - curve: "straight", - colors: ["transparent"], - }, - xaxis: { - axisTicks: { - show: false, - borderType: "solid", - color: "#78909C", - height: 6, - offsetX: 0, - offsetY: 0, - }, - - labels: { - style: { - colors: ["636E72"], - fontSize: "14px", - }, - }, - categories: [ - "Jan", - "Feb", - "Mar", - "Apr", - "May", - "Jun", - "Jul", - "Aug", - "Sep", - "Oct", - "Nov", - "Dec", - ], - }, - legend: { - horizontalAlign: "right", - offsetX: 40, - position: "top", - markers: { - radius: 12, - }, - }, - colors: ["#EBFAFA", "#55B1F3", "#0010F7"], - - yaxis: { - labels: { - style: { - colors: ["636E72"], - fontSize: "14px", - }, - formatter: (value) => { - return value / 1000 + "K"; - }, - }, - - min: 0, - max: 40000, - tickAmount: 4, - }, -}; - -if (document.querySelector("#area-chart")) { - let chart = new ApexCharts(document.querySelector("#area-chart"), optionsAreaChart); - chart.render(); -} - -// Bar Chart -let optionsBarChart = { - series: [ - { - name: "Expenses", - data: [4477, 7834, 8233, 6039, 5575, 6933, 6357], - }, - ], - chart: { - fontFamily: "Manrope, sans-serif", - type: "bar", - height: 350, - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - plotOptions: { - bar: { - borderRadius: 4, - horizontal: true, - }, - }, - labels: { - style: { - fontSize: "14px", - }, - }, - dataLabels: { - enabled: false, - }, - - grid: { - borderColor: "#DFE6E9", - row: { - opacity: 0.5, - }, - }, - fill: { - opacity: 1, - type: "solid", - }, - stroke: { - show: true, - width: 4, - curve: "straight", - colors: ["transparent"], - }, - xaxis: { - axisTicks: { - show: false, - }, - tickAmount: 5, - labels: { - style: { - colors: ["636E72"], - fontSize: "14px", - }, - }, - categories: [ - "Sun, 23", - "Sat, 22", - "Fri, 21", - "Thu, 20", - "Wed, 19", - "Tue, 18", - "Mon, 17", - ], - }, - legend: { - horizontalAlign: "right", - offsetX: 40, - position: "top", - markers: { - radius: 12, - }, - }, - colors: ["#0063F7"], - - yaxis: { - reversed: $("body").hasClass("direction-end") ? true : false, - labels: { - style: { - colors: ["636E72"], - fontSize: "14px", - }, - }, - }, -}; - -if (document.querySelector("#bar-chart")) { - setTimeout(() => { - let chart = new ApexCharts(document.querySelector("#bar-chart"), optionsBarChart); - chart.render(); - }, 300); -} - -// Candlestick Chart -let optionsCandlestickChart = { - series: [ - { - data: [ - { - x: new Date(1538778600000), - y: [6629.81, 6650.5, 6623.04, 6633.33], - }, - { - x: new Date(1538780400000), - y: [6632.01, 6643.59, 6620, 6630.11], - }, - { - x: new Date(1538782200000), - y: [6630.71, 6648.95, 6623.34, 6635.65], - }, - { - x: new Date(1538784000000), - y: [6635.65, 6651, 6629.67, 6638.24], - }, - { - x: new Date(1538785800000), - y: [6638.24, 6640, 6620, 6624.47], - }, - { - x: new Date(1538787600000), - y: [6624.53, 6636.03, 6621.68, 6624.31], - }, - { - x: new Date(1538789400000), - y: [6624.61, 6632.2, 6617, 6626.02], - }, - { - x: new Date(1538791200000), - y: [6627, 6627.62, 6584.22, 6603.02], - }, - { - x: new Date(1538793000000), - y: [6605, 6608.03, 6598.95, 6604.01], - }, - { - x: new Date(1538794800000), - y: [6604.5, 6614.4, 6602.26, 6608.02], - }, - { - x: new Date(1538796600000), - y: [6608.02, 6610.68, 6601.99, 6608.91], - }, - { - x: new Date(1538798400000), - y: [6608.91, 6618.99, 6608.01, 6612], - }, - { - x: new Date(1538800200000), - y: [6612, 6615.13, 6605.09, 6612], - }, - { - x: new Date(1538802000000), - y: [6612, 6624.12, 6608.43, 6622.95], - }, - { - x: new Date(1538803800000), - y: [6623.91, 6623.91, 6615, 6615.67], - }, - { - x: new Date(1538805600000), - y: [6618.69, 6618.74, 6610, 6610.4], - }, - { - x: new Date(1538807400000), - y: [6611, 6622.78, 6610.4, 6614.9], - }, - { - x: new Date(1538809200000), - y: [6614.9, 6626.2, 6613.33, 6623.45], - }, - { - x: new Date(1538811000000), - y: [6623.48, 6627, 6618.38, 6620.35], - }, - { - x: new Date(1538812800000), - y: [6619.43, 6620.35, 6610.05, 6615.53], - }, - { - x: new Date(1538814600000), - y: [6615.53, 6617.93, 6610, 6615.19], - }, - { - x: new Date(1538816400000), - y: [6615.19, 6621.6, 6608.2, 6620], - }, - { - x: new Date(1538818200000), - y: [6619.54, 6625.17, 6614.15, 6620], - }, - { - x: new Date(1538820000000), - y: [6620.33, 6634.15, 6617.24, 6624.61], - }, - { - x: new Date(1538821800000), - y: [6625.95, 6626, 6611.66, 6617.58], - }, - { - x: new Date(1538823600000), - y: [6619, 6625.97, 6595.27, 6598.86], - }, - { - x: new Date(1538825400000), - y: [6598.86, 6598.88, 6570, 6587.16], - }, - { - x: new Date(1538827200000), - y: [6588.86, 6600, 6580, 6593.4], - }, - ], - }, - ], - chart: { - fontFamily: "Manrope, sans-serif", - type: "candlestick", - height: 350, - toolbar: { - show: false, - }, - zoom: { - enabled: true, - }, - }, - plotOptions: { - candlestick: { - colors: { - upward: "#00F7BF", - downward: "#FF0022", - }, - wick: { - useFillColor: true, - }, - }, - }, - - labels: { - style: { - fontSize: "14px", - }, - }, - - dataLabels: { - enabled: false, - }, - - grid: { - borderColor: "#DFE6E9", - }, - fill: { - opacity: 1, - type: "solid", - }, - - xaxis: { - type: "datetime", - axisTicks: { - show: false, - }, - - labels: { - style: { - colors: ["636E72"], - fontSize: "14px", - }, - }, - }, - legend: { - horizontalAlign: "right", - offsetX: 40, - position: "top", - markers: { - radius: 12, - }, - }, - yaxis: { - labels: { - style: { - colors: ["636E72"], - fontSize: "14px", - }, - }, - }, -}; - -if (document.querySelector("#candlestick-chart")) { - let chart = new ApexCharts(document.querySelector("#candlestick-chart"), optionsCandlestickChart); - chart.render(); -} - -// Column Chart -let optionsColumnChart = { - series: [ - { - name: "Earning", - data: [ - 28877, 29334, 33233, 36439, 32675, 32333, 33457, 38345, 36783, 39457, - 22459, 39840, - ], - }, - { - name: "Expense", - data: [ - 12010, 11313, 14623, 18935, 17345, 13465, 17813, 19125, 16256, 20356, - 12233, 14570, - ], - }, - ], - chart: { - fontFamily: "Manrope, sans-serif", - type: "bar", - height: 350, - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - labels: { - style: { - fontSize: "14px", - }, - }, - - dataLabels: { - enabled: false, - }, - - grid: { - borderColor: "#DFE6E9", - row: { - opacity: 0.5, - }, - }, - plotOptions: { - bar: { - horizontal: false, - borderRadius: 2, - columnWidth: "45%", - endingShape: "rounded", - }, - colors: { - backgroundBarColors: ["#0063F7", "#00F7BF"], - }, - }, - - stroke: { - show: true, - width: 4, - colors: ["transparent"], - }, - xaxis: { - axisTicks: { - show: false, - borderType: "solid", - color: "#78909C", - height: 6, - offsetX: 0, - offsetY: 0, - }, - - tickPlacement: "between", - labels: { - style: { - colors: ["636E72"], - fontSize: "14px", - }, - }, - categories: [ - "Jan", - "Feb", - "Mar", - "Apr", - "May", - "Jun", - "Jul", - "Aug", - "Sep", - "Oct", - "Nov", - "Dec", - ], - }, - legend: { - horizontalAlign: "right", - offsetX: 40, - position: "top", - markers: { - radius: 12, - }, - }, - yaxis: { - labels: { - style: { - colors: ["636E72"], - fontSize: "14px", - }, - formatter: (value) => { - return value / 1000 + "K"; - }, - }, - - min: 0, - max: 40000, - tickAmount: 4, - }, -}; - -if (document.querySelector("#column-chart")) { - let chart = new ApexCharts(document.querySelector("#column-chart"), optionsColumnChart); - chart.render(); -} - -// Donut Chart -let optionsDonutChart = { - series: [1244, 2155, 1541], - chart: { - fontFamily: "Manrope, sans-serif", - type: "donut", - height: 398, - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - colors: ["#0010F7", "#55B1F3", "#1BE7FF"], - - labels: ["Marketing", "Payments", "Bills"], - - dataLabels: { - enabled: false, - }, - plotOptions: { - pie: { - donut: { - size: "85%", - labels: { - show: true, - name: { - fontSize: "2rem", - }, - value: { - fontSize: "16px", - formatter(val) { - return `$ ${val}`; - }, - }, - total: { - show: true, - fontSize: "16px", - label: "Total", - formatter: function (w) { - return `$ ${w.globals.seriesTotals.reduce((a, b) => { - return a + b; - }, 0)}`; - }, - }, - }, - }, - }, - }, - - legend: { - itemMargin: { - horizontal: 24, - vertical: 0, - }, - horizontalAlign: "center", - position: "bottom", - fontSize: "14px", - - markers: { - radius: 12, - }, - }, -}; - -if (document.querySelector("#donut-chart")) { - let chart = new ApexCharts(document.querySelector("#donut-chart"), optionsDonutChart); - chart.render(); -} - -// Heatmap Chart -function generateData(count, yrange) { - let i = 0; - const series = []; - while (i < count) { - const x = `w${(i + 1).toString()}`; - const y = - Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min; - - series.push({ - x, - y, - }); - i++; - } - return series; -} - -let optionsHeatmapChart = { - series: [ - { - name: "SUN", - data: generateData(24, { - min: 0, - max: 40, - }), - }, - { - name: "MON", - data: generateData(24, { - min: 0, - max: 40, - }), - }, - { - name: "TUE", - data: generateData(24, { - min: 0, - max: 40, - }), - }, - { - name: "WED", - data: generateData(24, { - min: 0, - max: 40, - }), - }, - { - name: "THU", - data: generateData(24, { - min: 0, - max: 40, - }), - }, - { - name: "FRI", - data: generateData(24, { - min: 0, - max: 40, - }), - }, - { - name: "SAT", - data: generateData(24, { - min: 0, - max: 40, - }), - }, - ], - chart: { - fontFamily: "Manrope, sans-serif", - type: "heatmap", - height: 350, - toolbar: { - show: false, - }, - zoom: { - enabled: true, - }, - }, - plotOptions: { - heatmap: { - enableShades: false, - colorScale: { - ranges: [ - { - from: 0, - to: 10, - name: "0-10", - color: "#EBFAFA", - }, - { - from: 11, - to: 20, - name: "10-20", - color: "#55B1F3", - }, - { - from: 21, - to: 30, - name: "20-30", - color: "#0063F7", - }, - { - from: 31, - to: 40, - name: "30-40", - color: "#0010F7", - }, - ], - }, - }, - }, - - labels: { - style: { - fontSize: "14px", - }, - }, - - dataLabels: { - enabled: false, - }, - - grid: { - borderColor: "#DFE6E9", - }, - fill: { - opacity: 1, - type: "solid", - }, - - xaxis: { - labels: { - show: false, - }, - axisBorder: { - show: false, - }, - axisTicks: { - show: false, - }, - }, - legend: { - horizontalAlign: "center", - position: "bottom", - fontSize: "14px", - markers: { - radius: 12, - }, - }, - yaxis: { - labels: { - style: { - colors: ["636E72"], - fontSize: "14px", - }, - }, - }, -}; - -if (document.querySelector("#heatmap-chart")) { - let chart = new ApexCharts(document.querySelector("#heatmap-chart"), optionsHeatmapChart); - chart.render(); -} - -// Line Chart -let optionsLineChart = { - series: [ - { - name: "Ads", - data: [ - 28877, 29334, 33233, 36439, 32675, 32333, 33457, 38345, 36783, 39457, - 22459, 39840, - ], - }, - { - name: "Organic", - data: [ - 12010, 11313, 14623, 18935, 17345, 13465, 17813, 19125, 16256, 20356, - 12233, 14570, - ], - }, - ], - chart: { - fontFamily: "Manrope, sans-serif", - type: "line", - height: 350, - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - colors: ["#0063F7", "#1BE7FF"], - labels: { - style: { - fontSize: "14px", - }, - }, - - dataLabels: { - enabled: false, - }, - - grid: { - borderColor: "#DFE6E9", - row: { - opacity: 0.5, - }, - }, - - markers: { - strokeWidth: 0, - size: 6, - colors: ["#0063F7", "#1BE7FF"], - hover: { - sizeOffset: 1, - }, - }, - xaxis: { - axisTicks: { - show: false, - borderType: "solid", - color: "#78909C", - height: 6, - offsetX: 0, - offsetY: 0, - }, - - tickPlacement: "between", - labels: { - style: { - colors: ["636E72"], - fontSize: "14px", - }, - }, - categories: [ - "Jan", - "Feb", - "Mar", - "Apr", - "May", - "Jun", - "Jul", - "Aug", - "Sep", - "Oct", - "Nov", - "Dec", - ], - }, - legend: { - horizontalAlign: "right", - offsetX: 40, - position: "top", - }, - yaxis: { - labels: { - style: { - colors: ["636E72"], - fontSize: "14px", - }, - formatter: (value) => { - return value / 1000 + "K"; - }, - }, - - min: 0, - max: 40000, - tickAmount: 4, - }, -}; - -if (document.querySelector("#line-chart")) { - let chart = new ApexCharts(document.querySelector("#line-chart"), optionsLineChart); - chart.render(); -} - -// Radar Chart -let optionsRadarChart = { - series: [ - { - name: "Sales", - data: [80, 50, 30, 40, 100, 20], - }, - { - name: "Expense", - data: [20, 30, 40, 80, 20, 80], - }, - ], - chart: { - fontFamily: "Manrope, sans-serif", - height: 350, - type: "radar", - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - dropShadow: { - enabled: true, - blur: 4, - left: 1, - top: 1, - opacity: 0.1, - }, - }, - fill: { - opacity: [1, 1], - }, - stroke: { - show: false, - width: 0, - }, - markers: { - size: 0, - }, - - colors: ["#0010F7", "#1BE7FF"], - - labels: ["Marketing", "Payments", "Bills"], - - dataLabels: { - enabled: false, - }, - yaxis: { - show: false, - }, - xaxis: { - categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun"], - }, - - plotOptions: { - radar: { - polygons: { - connectorColors: "#fff", - }, - }, - }, - - legend: { - itemMargin: { - horizontal: 24, - vertical: 0, - }, - horizontalAlign: "center", - position: "bottom", - fontSize: "16px", - - markers: { - radius: 12, - }, - }, -}; - -if (document.querySelector("#radar-chart")) { - let chart = new ApexCharts(document.querySelector("#radar-chart"), optionsRadarChart); - chart.render(); -} - -// Radialbar Chart -let optionsRadialbarChart = { - series: [61, 82, 65], - chart: { - fontFamily: "Manrope, sans-serif", - type: "radialBar", - height: 398, - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - colors: ["#00F7BF", "#0010F7", "#FFC700"], - - labels: ["Ebay", "Amazon", "Web"], - - dataLabels: { - enabled: false, - }, - stroke: { - lineCap: "round", - }, - - plotOptions: { - radialBar: { - size: 185, - hollow: { - size: "25%", - }, - - track: { - margin: 16, - }, - dataLabels: { - show: true, - name: { - fontSize: "16px", - }, - value: { - fontSize: "16px", - }, - total: { - show: true, - fontSize: "16px", - label: "Total", - formatter: function (w) { - return 7400; - }, - }, - }, - }, - }, - - legend: { - show: true, - itemMargin: { - horizontal: 24, - vertical: 0, - }, - horizontalAlign: "center", - position: "bottom", - fontSize: "16px", - - markers: { - radius: 12, - }, - }, -}; - -if (document.querySelector("#radialbar-chart")) { - let chart = new ApexCharts(document.querySelector("#radialbar-chart"), optionsRadialbarChart); - chart.render(); -} - -// Scatter Chart -let optionsScatterChart = { - series: [ - { - name: "Nike", - data: [ - [16.4, 5.4], - [21.7, 2], - [25.4, 3], - [19, 2], - [10.9, 1], - [13.6, 3.2], - [10.9, 7.4], - [10.9, 0], - [10.9, 8.2], - [16.4, 0], - [16.4, 1.8], - [13.6, 0.3], - [13.6, 0], - [29.9, 0], - [27.1, 2.3], - [16.4, 0], - [13.6, 3.7], - [10.9, 5.2], - [16.4, 6.5], - [10.9, 0], - [24.5, 7.1], - [10.9, 0], - [8.1, 4.7], - [19, 0], - [21.7, 1.8], - [27.1, 0], - [24.5, 0], - [27.1, 0], - [29.9, 1.5], - [27.1, 0.8], - [22.1, 2], - ], - }, - { - name: "Adidas", - data: [ - [36.4, 13.4], - [1.7, 11], - [5.4, 8], - [9, 17], - [1.9, 4], - [3.6, 12.2], - [1.9, 14.4], - [1.9, 9], - [1.9, 13.2], - [1.4, 7], - [6.4, 8.8], - [3.6, 4.3], - [1.6, 10], - [9.9, 2], - [7.1, 15], - [1.4, 0], - [3.6, 13.7], - [1.9, 15.2], - [6.4, 16.5], - [0.9, 10], - [4.5, 17.1], - [10.9, 10], - [0.1, 14.7], - [9, 10], - [12.7, 11.8], - [2.1, 10], - [2.5, 10], - [27.1, 10], - [2.9, 11.5], - [7.1, 10.8], - [2.1, 12], - ], - }, - { - name: "Puma", - data: [ - [21.7, 3], - [23.6, 3.5], - [24.6, 3], - [29.9, 3], - [21.7, 20], - [23, 2], - [10.9, 3], - [28, 4], - [27.1, 0.3], - [16.4, 4], - [13.6, 0], - [19, 5], - [22.4, 3], - [24.5, 3], - [32.6, 3], - [27.1, 4], - [29.6, 6], - [31.6, 8], - [21.6, 5], - [20.9, 4], - [22.4, 0], - [32.6, 10.3], - [29.7, 20.8], - [24.5, 0.8], - [21.4, 0], - [21.7, 6.9], - [28.6, 7.7], - [15.4, 0], - [18.1, 0], - [33.4, 0], - [16.4, 0], - ], - }, - ], - chart: { - fontFamily: "Manrope, sans-serif", - type: "scatter", - height: 350, - toolbar: { - show: false, - }, - zoom: { - enabled: true, - }, - }, - labels: { - style: { - fontSize: "14px", - }, - }, - - dataLabels: { - enabled: false, - }, - - grid: { - borderColor: "#DFE6E9", - row: { - opacity: 0.5, - }, - }, - fill: { - opacity: 1, - type: "solid", - }, - stroke: { - show: true, - width: 4, - curve: "straight", - colors: ["transparent"], - }, - xaxis: { - axisTicks: { - show: false, - }, - - tickAmount: 10, - labels: { - style: { - colors: ["636E72"], - fontSize: "14px", - }, - formatter: function (val) { - return parseFloat(val).toFixed(1); - }, - }, - }, - - legend: { - horizontalAlign: "right", - offsetX: 40, - position: "top", - markers: { - radius: 12, - }, - }, - colors: ["#00F7BF", "#55B1F3", "#0010F7"], - - yaxis: { - labels: { - style: { - colors: ["636E72"], - fontSize: "14px", - }, - }, - - tickAmount: 7, - }, -}; - -if (document.querySelector("#scatter-chart")) { - let chart = new ApexCharts(document.querySelector("#scatter-chart"), optionsScatterChart); - chart.render(); -} - -// Dashboard Ecommerce Earning Donut Card -let optionsEcommerceEarningDonutCard = { - series: [1244, 2155, 1541], - chart: { - id: "earnings-donut-card", - fontFamily: "Manrope, sans-serif", - type: "donut", - height: 350, - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - colors: ["#0063F7", "#98FFE0", "#1BE7FF"], - - labels: ["Online", "Offline", "Marketing"], - - dataLabels: { - enabled: false, - }, - - plotOptions: { - pie: { - donut: { - size: "90%", - labels: { - show: true, - name: { - fontSize: "2rem", - }, - value: { - fontSize: "24px", - fontWeight: "regular", - color: "B2BEC3", - formatter(val) { - return `%${Math.round(val / 100)}`; - }, - }, - total: { - show: true, - fontSize: "24px", - fontWeight: "regular", - label: "Kitchen", - color: "#636E72", - - formatter: function (w) { - return `%${w.globals.seriesTotals.reduce((a, b) => { - return Math.round((a + b) / 100); - }, 0)}`; - }, - }, - }, - }, - }, - }, - responsive: [ - { - breakpoint: 426, - options: { - legend: { - itemMargin: { - horizontal: 16, - vertical: 8, - }, - }, - }, - }, - ], - - legend: { - itemMargin: { - horizontal: 12, - vertical: 24, - }, - horizontalAlign: "center", - position: "bottom", - fontSize: "12px", - inverseOrder: true, - markers: { - radius: 12, - }, - }, -}; - -if (document.querySelector("#earnings-donut-card")) { - let chart = new ApexCharts(document.querySelector("#earnings-donut-card"), optionsEcommerceEarningDonutCard); - chart.render(); -} - -// Dashboard Analytics -let optionsAnalyticsBalanceChart = { - series: [ - { - name: "Balance", - data: [ - 28877, 29334, 33233, 36439, 32675, 32333, 33457, 38345, 36783, - 39457, 22459, 39840, - ], - }, - ], - fill: { - opacity: 1, - colors: [ - document.body.classList.contains("dark") ? "#ffffff" : "#2D3436" - ], - }, - chart: { - fontFamily: "Manrope, sans-serif", - type: "bar", - height: "250", - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - labels: { - style: { - fontSize: "14px", - }, - }, - dataLabels: { - enabled: false, - }, - grid: { - borderColor: "#B2BEC3", - opacity: 1, - }, - plotOptions: { - bar: { - horizontal: false, - borderRadius: 2, - columnWidth: "60%", - colors: { - backgroundBarColors: ["#B2BEC3"], - backgroundBarOpacity: 0.2, - }, - }, - }, - stroke: { - show: true, - width: 4, - colors: ["transparent"], - }, - xaxis: { - axisTicks: { - show: false, - borderType: "solid", - height: 6, - offsetX: 0, - offsetY: 0, - }, - tickPlacement: "between", - labels: { - style: { - colors: [ - "#B2BEC3", - "#B2BEC3", - "#B2BEC3", - "#B2BEC3", - "#B2BEC3", - "#B2BEC3", - "#B2BEC3", - "#B2BEC3", - "#B2BEC3", - "#B2BEC3", - "#B2BEC3", - "#B2BEC3", - ], - fontSize: "12px", - }, - }, - categories: [ - "Jan", - "Feb", - "Mar", - "Apr", - "May", - "Jun", - "Jul", - "Aug", - "Sep", - "Oct", - "Nov", - "Dec", - ], - }, - legend: { - horizontalAlign: "right", - offsetX: 40, - position: "top", - markers: { - radius: 12, - }, - }, - yaxis: { - labels: { - style: { - colors: ["#636E72"], - fontSize: "14px", - }, - formatter: (value) => { - return value == "0" ? value / 1000 : value / 1000 + "K"; - }, - }, - min: 0, - max: 60000, - tickAmount: 4, - } -}; - -if (document.querySelector("#dashboard-analytics-balance-chart")) { - let chart = new ApexCharts(document.querySelector("#dashboard-analytics-balance-chart"), optionsAnalyticsBalanceChart); - chart.render(); -} - -// Ecommerce Detail Other Slider -setTimeout(() => { - new Swiper('.hp-ecommerce-app-detail-other-slider .swiper', { - slidesPerView: 2, - spaceBetween: 24, - navigation: { - nextEl: '.hp-ecommerce-app-detail-other-slider .btn-next', - prevEl: '.hp-ecommerce-app-detail-other-slider .btn-prev', - }, - breakpoints: { - 1200: { - slidesPerView: 6, - }, - 768: { - slidesPerView: 3, - }, - } - }); -}, 500); - -// Ecommerce Detail Slider -setTimeout(() => { - let ecommerceAppDetailSlider1 = new Swiper(".hp-ecommerce-app-detail-slider-1", { - loop: true, - slidesPerView: 1, - watchSlidesProgress: true, - }); - - new Swiper(".hp-ecommerce-app-detail-slider-2", { - slidesPerView: 3, - loop: true, - thumbs: { - swiper: ecommerceAppDetailSlider1, - }, - breakpoints: { - 768: { - slidesPerView: 4, - } - } - }); -}, 500); - -// Auth V2 -if ($(".hp-authentication-page-register").length) { - $(".hp-authentication-page-register *[data-button-step]").click(function () { - let buttonItem = $(this); - - if (buttonItem.attr("data-button-step") === "register-step-1") { - $(this).addClass("d-none") - $(".hp-authentication-page-register *[data-button-step='register-step-2']").removeClass("d-none") - - $(".hp-authentication-page-register *[data-step]").each(function () { - if ("register-step-1" === $(this).attr("data-step")) { - $(this).removeClass("d-none") - } - }); - } - - if (buttonItem.attr("data-button-step") === "register-step-2") { - $(this).addClass("d-none") - $(".hp-authentication-page-register *[data-button-step='register-step-3']").removeClass("d-none") - - $(".hp-authentication-page-register *[data-step]").each(function () { - if ("register-step-2" === $(this).attr("data-step")) { - $(this).removeClass("d-none") - } - }); - } - - if (buttonItem.attr("data-button-step") === "register-step-3") { - $(this).addClass("d-none") - $(".hp-authentication-page-register *[data-button-step='register-step-4']").removeClass("d-none") - - $(".hp-authentication-page-register *[data-step]").each(function () { - if ("register-step-3" === $(this).attr("data-step")) { - $(this).removeClass("d-none") - } - }); - } - }); -} else { - $(".hp-authentication-page *[data-button-step]").click(function () { - let buttonItem = $(this); - - $(".hp-authentication-page *[data-step]").each(function () { - if (buttonItem.attr("data-button-step") === $(this).attr("data-step")) { - $(this).removeClass("d-none") - buttonItem.addClass("d-none") - } - }); - }); -} - -// Dashboard Ecommerce Products Slide -setTimeout(() => { - new Swiper('.best-selling-product-slide .swiper', { - slidesPerView: 1, - spaceBetween: 32, - speed: 800, - navigation: { - nextEl: '.best-selling-product-slide .slide-btn-next', - prevEl: '.best-selling-product-slide .slide-btn-prev', - }, - breakpoints: { - 992: { - slidesPerView: 3, - }, - 768: { - slidesPerView: 2, - }, - } - }); -}, 500); - -$(function () { - // Slide - new Swiper('.hp-landing-features-slide', { - slidesPerView: 1, - spaceBetween: 32, - centeredSlides: true, - loop: true, - speed: 800, - autoplay: { - delay: 5000, - disableOnInteraction: false, - }, - breakpoints: { - 1200: { - slidesPerView: 3, - }, - 768: { - slidesPerView: 2, - }, - } - }); - - // Pricing - $(".hp-landing-pricing .form-switch input").change(function (e) { - $(this).parent().next("span").toggleClass("text-primary text-black-100 hp-text-color-dark-0") - $(this).parent().prev("span").toggleClass("text-primary text-black-100 hp-text-color-dark-0") - - $(".monthly-text").toggleClass("d-none") - $(".annually-text").toggleClass("d-none") - }) -}) -// Components Page Menu -setTimeout(() => { - new Swiper('.hp-components-menu .swiper', { - slidesPerView: 'auto', - speed: 800, - }); -}, 500); -// Pricing Page -$(function () { - $("#pricing-billed").change(function (e) { - if (e.target.checked) { - $(".hp-pricing-billed-yearly-text").addClass("active"); - $(".hp-pricing-billed-monthly-text").removeClass("active"); - - $(".hp-pricing-billed-active").removeClass("d-none") - $(".hp-pricing-billed-inactive").addClass("d-none") - } else { - $(".hp-pricing-billed-monthly-text").addClass("active"); - $(".hp-pricing-billed-yearly-text").removeClass("active"); - - $(".hp-pricing-billed-active").addClass("d-none") - $(".hp-pricing-billed-inactive").removeClass("d-none") - } - }) -}) - -const defaultButtons = ` - - - - - - - - -`; - -const largeButtons = ` - - - - - - - - -`; - -const smallButtons = ` - - - - - - - - -`; - -const textButtons = ` - - - - - - - - -`; - -const linkButtons = ` - - - - - - - - -`; - -const dashedButtons = ` - - - - - - - - -`; - -const disabledButtons = ` - - - - - - -`; - -const outlineButtons = ` - - - - - - - - -`; - -const ghostButtons = ` - - - - - - - - -`; - -const gradientButtons = ` - - - - - - - - -`; - -const iconButtons = ` - - - - - - --- - - - - - - - --- - - - - - - - --- - - - - - - - --- - - - - - - - --- - - - - - - - -`; - -const iconOnlyButtons = ` - - - - - - - - - - - - --- - - - - - - - - - - - - - --- - - - - - - - - - - - - - --- - - - - - - - - - - - - - --- - - - - - - - - - - - - - --- - - - - - - - - - - - - - -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "buttons") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "default-buttons") { - $(this).text(defaultButtons) - } - - if ($(this).data("code") === "large-buttons") { - $(this).text(largeButtons) - } - - if ($(this).data("code") === "small-buttons") { - $(this).text(smallButtons) - } - - if ($(this).data("code") === "text-buttons") { - $(this).text(textButtons) - } - - if ($(this).data("code") === "link-buttons") { - $(this).text(linkButtons) - } - - if ($(this).data("code") === "dashed-buttons") { - $(this).text(dashedButtons) - } - - if ($(this).data("code") === "disabled-buttons") { - $(this).text(disabledButtons) - } - - if ($(this).data("code") === "outline-buttons") { - $(this).text(outlineButtons) - } - - if ($(this).data("code") === "ghost-buttons") { - $(this).text(ghostButtons) - } - - if ($(this).data("code") === "gradient-buttons") { - $(this).text(gradientButtons) - } - - if ($(this).data("code") === "icon-buttons") { - $(this).text(iconButtons) - } - - if ($(this).data("code") === "icon-only-buttons") { - $(this).text(iconOnlyButtons) - } - } -}); - -const basicAccordion = ` -
-
-

- -

- -
-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget eleifend lectus. Sed quis nisi lectus. Quisque vel leo diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet nisi eu nisi tincidunt facilisis. Sed mollis nisl dui, a sodales massa sodales sit amet. Sed nisl est, volutpat sed feugiat non, maximus id orci. Fusce placerat congue nulla, a consectetur massa hendrerit a. -

-
-
-
- -
-

- -

- -
-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget eleifend lectus. Sed quis nisi lectus. Quisque vel leo diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet nisi eu nisi tincidunt facilisis. Sed mollis nisl dui, a sodales massa sodales sit amet. Sed nisl est, volutpat sed feugiat non, maximus id orci. Fusce placerat congue nulla, a consectetur massa hendrerit a. -

-
-
-
- -
-

- -

- -
-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget eleifend lectus. Sed quis nisi lectus. Quisque vel leo diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet nisi eu nisi tincidunt facilisis. Sed mollis nisl dui, a sodales massa sodales sit amet. Sed nisl est, volutpat sed feugiat non, maximus id orci. Fusce placerat congue nulla, a consectetur massa hendrerit a. -

-
-
-
-
- -`; - -const flushAccordion = ` -
-
-

- -

- -
-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget eleifend lectus. Sed quis nisi lectus. Quisque vel leo diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet nisi eu nisi tincidunt facilisis. Sed mollis nisl dui, a sodales massa sodales sit amet. Sed nisl est, volutpat sed feugiat non, maximus id orci. Fusce placerat congue nulla, a consectetur massa hendrerit a. -

-
-
-
- -
-

- -

- -
-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget eleifend lectus. Sed quis nisi lectus. Quisque vel leo diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet nisi eu nisi tincidunt facilisis. Sed mollis nisl dui, a sodales massa sodales sit amet. Sed nisl est, volutpat sed feugiat non, maximus id orci. Fusce placerat congue nulla, a consectetur massa hendrerit a. -

-
-
-
- -
-

- -

- -
-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget eleifend lectus. Sed quis nisi lectus. Quisque vel leo diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet nisi eu nisi tincidunt facilisis. Sed mollis nisl dui, a sodales massa sodales sit amet. Sed nisl est, volutpat sed feugiat non, maximus id orci. Fusce placerat congue nulla, a consectetur massa hendrerit a. -

-
-
-
-
- -`; - -const openData = ` -
-
-

- -

- -
-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget eleifend lectus. Sed quis nisi lectus. Quisque vel leo diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet nisi eu nisi tincidunt facilisis. Sed mollis nisl dui, a sodales massa sodales sit amet. Sed nisl est, volutpat sed feugiat non, maximus id orci. Fusce placerat congue nulla, a consectetur massa hendrerit a. -

-
-
-
- -
-

- -

- -
-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget eleifend lectus. Sed quis nisi lectus. Quisque vel leo diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet nisi eu nisi tincidunt facilisis. Sed mollis nisl dui, a sodales massa sodales sit amet. Sed nisl est, volutpat sed feugiat non, maximus id orci. Fusce placerat congue nulla, a consectetur massa hendrerit a. -

-
-
-
- -
-

- -

- -
-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget eleifend lectus. Sed quis nisi lectus. Quisque vel leo diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet nisi eu nisi tincidunt facilisis. Sed mollis nisl dui, a sodales massa sodales sit amet. Sed nisl est, volutpat sed feugiat non, maximus id orci. Fusce placerat congue nulla, a consectetur massa hendrerit a. -

-
-
-
-
- -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "accordion") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "example") { - $(this).text(basicAccordion) - } - - if ($(this).data("code") === "flush") { - $(this).text(flushAccordion) - } - - if ($(this).data("code") === "open") { - $(this).text(openData) - } - } -}); - -const examplesAlert = ` - - - - - - - - - - - - - - - - -`; - -const linkColor = ` - - - - - - - - - - - - - - - - -`; - -const additional = ` - - -`; - -const iconsAlert = ` - - -`; - -const icons2Alert = ` - - - - - - - - - - - - - - - - - - - - - - -`; - -const dismissing = ` - - -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "alert") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "examples") { - $(this).text(examplesAlert) - } - - if ($(this).data("code") === "link-color") { - $(this).text(linkColor) - } - - if ($(this).data("code") === "additional") { - $(this).text(additional) - } - - if ($(this).data("code") === "icons") { - $(this).text(iconsAlert) - } - - if ($(this).data("code") === "icons2") { - $(this).text(icons2Alert) - } - - if ($(this).data("code") === "dismissing") { - $(this).text(dismissing) - } - } -}); - -const basicAvatar = ` -
-
- -
- -
- -
- -
- -
- -
- -
-
- -
-
- -
- -
- -
- -
- -
- -
- -
-
- -`; - -const avatarGroup = ` -
-
- User -
- -
K
- -
-
- -
-
- -
- -
-
- -
- -
-
- User -
- -
K
- -
-
- -
-
- -
- -
- -
- - -
-
-
-
-
- -
- -
-
- User -
- -
K
- -
- +2 - -
-
-
-
- -
-
- -
- -
-
-
-
-
- -`; - -const avatarType = ` -
- -
- -
S
- -
- USER -
- -
D
- -
- -
- -`; - -const avatarBadge = ` -
-
- -
- - 1 -
- -
-
- -
- - -
- -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "avatar") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "basic") { - $(this).text(basicAvatar) - } - - if ($(this).data("code") === "avatar-group") { - $(this).text(avatarGroup) - } - - if ($(this).data("code") === "avatar-type") { - $(this).text(avatarType) - } - - if ($(this).data("code") === "avatar-badge") { - $(this).text(avatarBadge) - } - } -}); - -const headings = ` -

Example heading New

-

Example heading New

-

Example heading New

-

Example heading New

-
Example heading New
-
Example heading New
- -`; - -const buttons = ` - - -`; - -const positioned = ` - - - - -`; - -const background = ` -Primary -Secondary -Success -Danger -Warning -Info -Light -Dark - -`; - -const pillBadges = ` -Primary -Secondary -Success -Danger -Warning -Info -Light -Dark - -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "badge") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "headings") { - $(this).text(headings) - } - - if ($(this).data("code") === "buttons") { - $(this).text(buttons) - } - - if ($(this).data("code") === "positioned") { - $(this).text(positioned) - } - - if ($(this).data("code") === "background") { - $(this).text(background) - } - - if ($(this).data("code") === "pill-badges") { - $(this).text(pillBadges) - } - } -}); - -const basicBreadcrumb = ` - - - - - - -`; - -const divider = ` - - - - - - -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "breadcrumb") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "basic") { - $(this).text(basicBreadcrumb) - } - - if ($(this).data("code") === "divider") { - $(this).text(divider) - } - } -}); - -const exampleCard = ` -
- ... - -
-
Card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

- Go somewhere -
-
- -`; - -const bodyCard = ` -
-
- This is some text within a card body. -
-
- -`; - -const titlesTextLinks = ` -
-
-
Card title
-
Card subtitle
-

Some quick example text to build on the card title and make up the bulk of the card's content.

- Card link - Another link -
-
- -`; - -const imagesCard = ` -
- ... - -
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
- -`; - -const listGroups = ` -
-
    -
  • An item
    • -
  • A second item
    • -
  • A third item
    • -
-
- -
-
- Featured -
-
    -
  • An item
    • -
  • A second item
    • -
  • A third item
    • -
-
- -
-
    -
  • An item
    • -
  • A second item
    • -
  • A third item
    • -
-
- Card footer -
-
- -`; - -const kitchenSink = ` -
- ... - -
-
Card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
- -
    -
  • An item
    • -
  • A second item
    • -
  • A third item
    • -
- -
- Card link - Another link -
-
- -`; - -const headerAndFooter = ` -
-
- Featured -
- -
-
Special title treatment
-

With supporting text below as a natural lead-in to additional content.

- Go somewhere -
-
- -
-
- Featured -
- -
-
Special title treatment
-

With supporting text below as a natural lead-in to additional content.

- Go somewhere -
- -
- 2 days ago -
-
- -`; - -const navigation = ` -
-
- -
- -
-
Special title treatment
-

With supporting text below as a natural lead-in to additional content.

- Go somewhere -
-
- -
-
- -
- -
-
Special title treatment
-

With supporting text below as a natural lead-in to additional content.

- Go somewhere -
-
- -`; - -const imageCaps = ` -
- ... - -
-
Card title
-

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

-

- Last updated 3 mins ago -

-
-
- -
-
-
Card title
-

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

-

- Last updated 3 mins ago -

-
- - ... -
- -`; - -const imageOverlay = ` -
- ... - -
-
Card title
-

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

-

Last updated 3 mins ago

-
-
- -`; - -const horizontalCard = ` -
-
-
- ... -
- -
-
-
Card title
-

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

-

- Last updated 3 mins ago -

-
-
-
-
- -`; - -const backgroundColor = ` -
-
Header
-
-
Primary card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
- -
-
Header
-
-
Secondary card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
- -
-
Header
-
-
Success card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
- -
-
Header
-
-
Danger card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
- -
-
Header
-
-
Warning card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
- -
-
Header
-
-
Info card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
- -
-
Header
-
-
Light card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
- -
-
Header
-
-
Dark card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
- -`; - -const cardBorder = ` -
-
Header
-
-
Primary card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
- -
-
Header
-
-
Secondary card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
- -
-
Header
-
-
Success card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
- -
-
Header
-
-
Danger card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
- -
-
Header
-
-
Warning card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
- -
-
Header
-
-
Info card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
- -
-
Header
-
-
Light card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
- -
-
Header
-
-
Dark card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
- -`; - -const cardGroups = ` -
-
- ... - -
-
Card title
-

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

-

- Last updated 3 mins ago -

-
-
- -
- ... - -
-
Card title
-

This card has supporting text below as a natural lead-in to additional content.

-

- Last updated 3 mins ago -

-
-
- -
- ... - -
-
Card title
-

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.

-

- Last updated 3 mins ago -

-
-
-
- -
-
- ... - -
-
Card title
-

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

-
-
- Last updated 3 mins ago -
-
- -
- ... - -
-
Card title
-

This card has supporting text below as a natural lead-in to additional content.

-
-
- Last updated 3 mins ago -
-
- -
- ... - -
-
Card title
-

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action. This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.

-
-
- Last updated 3 mins ago -
-
-
- -`; - -const cardGrid = ` -
-
-
- ... - -
-
Card title
-

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

-
-
-
- -
-
- ... - -
-
Card title
-

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer. This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer. This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

-
-
-
- -
-
- ... - -
-
Card title
-

This is a longer card with supporting text below as a natural lead-in to additional content.

-
-
-
- -
-
- ... - -
-
Card title
-

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

-
-
-
-
- -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "card") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "example") { - $(this).text(exampleCard) - } - - if ($(this).data("code") === "body") { - $(this).text(bodyCard) - } - - if ($(this).data("code") === "titles-text-links") { - $(this).text(titlesTextLinks) - } - - if ($(this).data("code") === "images") { - $(this).text(imagesCard) - } - - if ($(this).data("code") === "list-groups") { - $(this).text(listGroups) - } - - if ($(this).data("code") === "kitchen-sink") { - $(this).text(kitchenSink) - } - - if ($(this).data("code") === "header-and-footer") { - $(this).text(headerAndFooter) - } - - if ($(this).data("code") === "navigation") { - $(this).text(navigation) - } - - if ($(this).data("code") === "image-caps") { - $(this).text(imageCaps) - } - - if ($(this).data("code") === "image-overlay") { - $(this).text(imageOverlay) - } - - if ($(this).data("code") === "horizontal") { - $(this).text(horizontalCard) - } - - if ($(this).data("code") === "background-color") { - $(this).text(backgroundColor) - } - - if ($(this).data("code") === "card-border") { - $(this).text(cardBorder) - } - - if ($(this).data("code") === "card-groups") { - $(this).text(cardGroups) - } - - if ($(this).data("code") === "card-grid") { - $(this).text(cardGrid) - } - } -}); - -const basicCarousel = ` - - -`; - -const controls = ` - - -`; - -const indicators = ` - - -`; - -const captionsCarousel = ` - - -`; - -const crossfade = ` - - -`; - -const interval = ` - - -`; - -const touch = ` - - -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "carousel") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "basic") { - $(this).text(basicCarousel) - } - - if ($(this).data("code") === "controls") { - $(this).text(controls) - } - - if ($(this).data("code") === "indicators") { - $(this).text(indicators) - } - - if ($(this).data("code") === "captions") { - $(this).text(captionsCarousel) - } - - if ($(this).data("code") === "crossfade") { - $(this).text(crossfade) - } - - if ($(this).data("code") === "interval") { - $(this).text(interval) - } - - if ($(this).data("code") === "touch") { - $(this).text(touch) - } - } -}); - -const basicCheckbox = ` -
- - -
- -
- - -
- -`; - -const disabledCheckbox = ` -
- - -
- -
- - -
-`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "checkbox") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "basic") { - $(this).text(basicCheckbox) - } - - if ($(this).data("code") === "disabled") { - $(this).text(disabledCheckbox) - } - } -}); - -const exampleCollapse = ` - - - - -
-
-

- Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger. -

-
-
- -`; - -const multipleCollapse = ` - - - - - - -
-
-
-
-

- Some placeholder content for the first collapse component of this multi-collapse example. This panel is hidden by default but revealed when the user activates the relevant trigger. -

-
-
-
- -
-
-
-

- Some placeholder content for the first collapse component of this multi-collapse example. This panel is hidden by default but revealed when the user activates the relevant trigger. -

-
-
-
-
- -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "collapse") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "example") { - $(this).text(exampleCollapse) - } - - if ($(this).data("code") === "multiple") { - $(this).text(multipleCollapse) - } - } -}); - -const demoDrawer = ` - - Link with href - - - - -
-
-
Offcanvas
- -
- -
-
- Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc. -
- -
- - - -
-
-
- -`; - -const placement = ` - - - - - - -
-
-
Offcanvas top
- -
- -
- ... -
-
- -
-
-
Offcanvas right
- -
- -
- ... -
-
- -
-
-
Offcanvas bottom
- -
- -
- ... -
-
- -`; - -const backdrop = ` - - - - -
-
-
Colored with scrolling
- -
-
-

Try scrolling the rest of the page to see this option in action.

-
-
- -
-
-
Offcanvas with backdrop
- -
-
-

.....

-
-
- -
-
-
Backdroped with scrolling
- -
-
-

Try scrolling the rest of the page to see this option in action.

-
-
- -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "drawer") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "demo") { - $(this).text(demoDrawer) - } - - if ($(this).data("code") === "placement") { - $(this).text(placement) - } - - if ($(this).data("code") === "backdrop") { - $(this).text(backdrop) - } - } -}); - -const singleButton = ` -
- - - -
- -
- - - -
- -
- - - - - - - - - - - - - -
- -`; - -const splitButton = ` -
- - - - -
- -`; - -const sizing = ` -
- - -
    - ... -
-
- -
- - - -
    - ... -
-
- -
- - -
    - ... -
-
- -
- - - -
    - ... -
-
- -`; - -const dropup = ` -
- - -
    -
  • ...
    • -
-
- -
- - - - -
    -
  • ...
    • -
-
- -`; - -const dropright = ` -
- - -
    -
  • ...
    • -
-
- -
- - - -
    -
  • ...
    • -
-
- -`; - -const dropleft = ` -
- - -
    -
  • ...
    • -
-
- -
- - - -
    -
  • ...
    • -
-
- -`; - -const responsiveDropdown = ` -
- -
    -
    • -
    • -
    • -
-
- -
- - -
    -
    • -
    • -
    • -
-
- -`; - -const alignment = ` -
- - -
- -
- - -
- -
- - -
- -
- - -
- -
- - -
- -
- - -
- -`; - -const dropdownOptions = ` -
- - - -
- -
- - - - -
- -`; - -const autoClose = ` -
- - -
- -
- - -
- -
- - -
- -
- - -
- -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "dropdown") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "single-button") { - $(this).text(singleButton) - } - - if ($(this).data("code") === "split-button") { - $(this).text(splitButton) - } - - if ($(this).data("code") === "sizing") { - $(this).text(sizing) - } - - if ($(this).data("code") === "dropup") { - $(this).text(dropup) - } - - if ($(this).data("code") === "dropright") { - $(this).text(dropright) - } - - if ($(this).data("code") === "dropleft") { - $(this).text(dropleft) - } - - if ($(this).data("code") === "responsive") { - $(this).text(responsiveDropdown) - } - - if ($(this).data("code") === "alignment") { - $(this).text(alignment) - } - - if ($(this).data("code") === "dropdown-options") { - $(this).text(dropdownOptions) - } - - if ($(this).data("code") === "auto-close") { - $(this).text(autoClose) - } - } -}); - -const basicForm = ` -
-
- - -
We'll never share your email with anyone else.
-
- -
- - -
- -
- - -
- - -
- -`; - -const disabledForm = ` -
-
- - -
- -
- - -
- -
-
- - -
-
- - -
- -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "form") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "basic") { - $(this).text(basicForm) - } - - if ($(this).data("code") === "disabled") { - $(this).text(disabledForm) - } - } -}); - -const basicInputNumber = ` -
-
- - - - - - - - - - - - - - - -
- -
- -
-
- -`; - -const disabledInputNumber = ` -
-
- - - - - - - - - - - - - - - -
- -
- -
-
- -`; - -const sizesInputNumber = ` -
-
- - - - - - - - - - - - - - - -
- -
- -
-
- -
-
- - - - - - - - - - - - - - - -
- -
- -
-
- -
-
- - - - - - - - - - - - - - - -
- -
- -
-
- -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "input-number") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "basic") { - $(this).text(basicInputNumber) - } - - if ($(this).data("code") === "disabled") { - $(this).text(disabledInputNumber) - } - - if ($(this).data("code") === "sizes") { - $(this).text(sizesInputNumber) - } - } -}); - -const basicInput = ` - - -
- @ - -
- -
- - @example.com -
- - -
- https://example.com/users/ - -
- -
- $ - - .00 -
- -
- - @ - -
- -
- With textarea - -
- -`; - -const sizingInput = ` -
- Small - -
- -
- Default - -
- -
- Large - -
- -`; - -const checkboxesRadios = ` -
-
- -
- -
- -
-
- -
- -
- -`; - -const multipleInput = ` -
- First and last name - - -
- -`; - -const addons = ` -
- $ - 0.00 - -
- -
- - $ - 0.00 -
- -`; - -const buttonAddons = ` -
- - -
- -
- - -
- -
- - - -
- -
- - - -
- -`; - -const buttonDropdowns = ` -
- - - -
- -
- - - -
- -
- - - - - -
- -`; - -const segmented = ` -
- - - - -
- -
- - - - -
- -`; - -const selectInput = ` -
- - -
- -
- - -
- -
- - -
- -
- - -
- -`; - -const fileInput = ` -
- - -
- -
- - -
- -
- - -
- -
- - -
- -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "input") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "basic") { - $(this).text(basicInput) - } - - if ($(this).data("code") === "sizing") { - $(this).text(sizingInput) - } - - if ($(this).data("code") === "checkboxes-radios") { - $(this).text(checkboxesRadios) - } - - if ($(this).data("code") === "multiple") { - $(this).text(multipleInput) - } - - if ($(this).data("code") === "button-addons") { - $(this).text(buttonAddons) - } - - if ($(this).data("code") === "button-dropdowns") { - $(this).text(buttonDropdowns) - } - - if ($(this).data("code") === "segmented") { - $(this).text(segmented) - } - - if ($(this).data("code") === "select") { - $(this).text(selectInput) - } - - if ($(this).data("code") === "file-input") { - $(this).text(fileInput) - } - } -}); - -const basicList = ` -
    -
  • An item
    • -
  • A second item
    • -
  • A third item
    • -
  • A fourth item
    • -
  • And a fifth one
    • -
- -`; - -const activeItems = ` -
    -
  • An active item
    • -
  • A second item
    • -
  • A third item
    • -
  • A fourth item
    • -
  • And a fifth one
    • -
- -`; - -const disabledList = ` -
    -
  • A disabled item
    • -
  • A second item
    • -
  • A third item
    • -
  • A fourth item
    • -
  • And a fifth one
    • -
- -`; - -const linksAndButtons = ` -
- - The current link item - - A second link item - A third link item - A fourth link item - A disabled link item -
- -
- - - - - -
- -`; - -const flushList = ` -
    -
  • An item
    • -
  • A second item
    • -
  • A third item
    • -
  • A fourth item
    • -
  • And a fifth one
    • -
- -`; - -const numbered = ` -
    -
  1. Cras justo odio
    2. -
  2. Cras justo odio
    3. -
  3. Cras justo odio
    4. -
- -
    -
  1. -
    -
    Subheading
    - Cras justo odio -
    - 14 -
    2. - -
  2. -
    -
    Subheading
    - Cras justo odio -
    - 14 -
    3. - -
  3. -
    -
    Subheading
    - Cras justo odio -
    - 14 -
    4. -
- -`; - -const horizontalList = ` -
    -
  • An item
    • -
  • A second item
    • -
  • A third item
    • -
- -
    -
  • An item
    • -
  • A second item
    • -
  • A third item
    • -
- -
    -
  • An item
    • -
  • A second item
    • -
  • A third item
    • -
- -
    -
  • An item
    • -
  • A second item
    • -
  • A third item
    • -
- -
    -
  • An item
    • -
  • A second item
    • -
  • A third item
    • -
- -
    -
  • An item
    • -
  • A second item
    • -
  • A third item
    • -
- -`; - -const contextual = ` -
    -
  • A simple default list group item
    • - -
  • A simple primary list group item
    • -
  • A simple secondary list group item
    • -
  • A simple success list group item
    • -
  • A simple danger list group item
    • -
  • A simple warning list group item
    • -
  • A simple info list group item
    • -
  • A simple light list group item
    • -
  • A simple dark list group item
    • -
- -
- A simple default list group item - - A simple primary list group item - A simple secondary list group item - A simple success list group item - A simple danger list group item - A simple warning list group item - A simple info list group item - A simple light list group item - A simple dark list group item -
- -`; - -const badges = ` -
    -
  • - A list item - 14 -
    • - -
  • - A second list item - 2 -
    • - -
  • - A third list item - 1 -
    • -
- -`; - -const customContent = ` -
- -
-
List group item heading
- 3 days ago -
-

Some placeholder content in a paragraph.

- And some small print. - - - -
-
List group item heading
- 3 days ago -
-

Some placeholder content in a paragraph.

- And some muted small print. - - - -
-
List group item heading
- 3 days ago -
-

Some placeholder content in a paragraph.

- And some muted small print. - -
- -`; - -const checkboxesAndRadios = ` -
    -
  • - - First checkbox -
    • - -
  • - - Second checkbox -
    • - -
  • - - Third checkbox -
    • - -
  • - - Fourth checkbox -
    • - -
  • - - Fifth checkbox -
    • -
- -
- - - - - - - - - -
- -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "list") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "basic") { - $(this).text(basicList) - } - - if ($(this).data("code") === "active-items") { - $(this).text(activeItems) - } - - if ($(this).data("code") === "disabled") { - $(this).text(disabledList) - } - - if ($(this).data("code") === "links-and-buttons") { - $(this).text(linksAndButtons) - } - - if ($(this).data("code") === "flush") { - $(this).text(flushList) - } - - if ($(this).data("code") === "numbered") { - $(this).text(numbered) - } - - if ($(this).data("code") === "horizontal") { - $(this).text(horizontalList) - } - - if ($(this).data("code") === "contextual") { - $(this).text(contextual) - } - - if ($(this).data("code") === "badges") { - $(this).text(badges) - } - - if ($(this).data("code") === "custom-content") { - $(this).text(customContent) - } - - if ($(this).data("code") === "checkboxes-and-radios") { - $(this).text(checkboxesAndRadios) - } - } -}); - -const supportedContent = ` - - -`; - -const textMenu = ` - - - - -`; - -const imageMenu = ` - - -`; - -const navMenu = ` - - - - -`; - -const colorSchemeMenu = ` - - - - -`; - -const scrollingMenu = ` - - -`; - -const toggler = ` - - - - - - -`; - -const externalContent = ` - - -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "menu") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "supported-content") { - $(this).text(supportedContent) - } - - if ($(this).data("code") === "text-menu") { - $(this).text(textMenu) - } - - if ($(this).data("code") === "image-menu") { - $(this).text(imageMenu) - } - - if ($(this).data("code") === "nav-menu") { - $(this).text(navMenu) - } - - if ($(this).data("code") === "color-scheme-menu") { - $(this).text(colorSchemeMenu) - } - - if ($(this).data("code") === "scrolling-menu") { - $(this).text(scrollingMenu) - } - - if ($(this).data("code") === "toggler") { - $(this).text(toggler) - } - - if ($(this).data("code") === "external-content") { - $(this).text(externalContent) - } - } -}); - -const demoModal = ` - - - - -`; - -const staticModal = ` - - - - -`; - -const scrolling = ` - - - - - - - - -`; - -const vertically = ` - - - - - - - - -`; - -const tooltipPopovers = ` - - - - -`; - -const grid = ` - - - - -`; - -const varying = ` - - - - - - - - -var varyingModal = document.getElementById('varyingModal') -if (varyingModal) { - varyingModal.addEventListener('show.bs.modal', function (event) { - // Button that triggered the modal - var button = event.relatedTarget - // Extract info from data-bs-* attributes - var recipient = button.getAttribute('data-bs-whatever') - // If necessary, you could initiate an AJAX request here - // and then do the updating in a callback. - // - // Update the modal's content. - var modalTitle = varyingModal.querySelector('.modal-title') - var modalBodyInput = varyingModal.querySelector('.modal-body input') - - modalTitle.textContent = 'New message to ' + recipient - modalBodyInput.value = recipient - }) -} - -`; - -const between = ` -Open first modal - - - - - -`; - -const remove = ` - - -`; - -const sizes = ` - - - - - - - - - - - - -`; - -const fullscreen = ` - - - - - - - - - - - - - - - - - - - - - - - - -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "modal") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "demo") { - $(this).text(demoModal) - } - - if ($(this).data("code") === "static") { - $(this).text(staticModal) - } - - if ($(this).data("code") === "scrolling") { - $(this).text(scrolling) - } - - if ($(this).data("code") === "vertically") { - $(this).text(vertically) - } - - if ($(this).data("code") === "tooltip-popovers") { - $(this).text(tooltipPopovers) - } - - if ($(this).data("code") === "grid") { - $(this).text(grid) - } - - if ($(this).data("code") === "varying") { - $(this).text(varying) - } - - if ($(this).data("code") === "between") { - $(this).text(between) - } - - if ($(this).data("code") === "remove") { - $(this).text(remove) - } - - if ($(this).data("code") === "sizes") { - $(this).text(sizes) - } - - if ($(this).data("code") === "fullscreen") { - $(this).text(fullscreen) - } - } -}); - -const basicNotification = ` - - -`; - -const live = ` - - -
- -
- -`; - -const translucent = ` -
- -
- -`; - -const stacking = ` - - - - -
-
- - - -
-
- -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "notification") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "basic") { - $(this).text(basicNotification) - } - - if ($(this).data("code") === "live") { - $(this).text(live) - } - - if ($(this).data("code") === "translucent") { - $(this).text(translucent) - } - - if ($(this).data("code") === "stacking") { - $(this).text(stacking) - } - } -}); - -const basicPagination = ` - - -`; - -const iconsPagination = ` - - -`; - -const disabledActive = ` - - -`; - -const sizingPagination = ` - - - - -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "pagination") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "basic") { - $(this).text(basicPagination) - } - - if ($(this).data("code") === "icons") { - $(this).text(iconsPagination) - } - - if ($(this).data("code") === "disabled-active") { - $(this).text(disabledActive) - } - - if ($(this).data("code") === "sizing") { - $(this).text(sizingPagination) - } - } -}); - -const basicPopover = ` - - -`; - -const directions = ` - - - - - - - - -`; - -const dismiss = ` - - Dismissible popover - - -`; - -const disabledPopover = ` - - - - -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "popover") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "basic") { - $(this).text(basicPopover) - } - - if ($(this).data("code") === "directions") { - $(this).text(directions) - } - - if ($(this).data("code") === "dismiss") { - $(this).text(dismiss) - } - - if ($(this).data("code") === "disabled") { - $(this).text(disabledPopover) - } - } -}); - -const basicProgress = ` -
-
-
- -
-
-
- -
-
-
- -
-
-
- -
-
-
- -`; - -const labels = ` -
-
25%
-
- -`; - -const height = ` -
-
-
- -
-
-
- -`; - -const backgrounds = ` -
-
-
- -
-
-
- -
-
-
- -
-
-
- -`; - -const multiplebars = ` -
-
-
-
-
- -`; - -const striped = ` -
-
-
- -
-
-
- -
-
-
- -
-
-
- -
-
-
- -`; - -const animatedStriped = ` -
-
-
- -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "progress") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "basic") { - $(this).text(basicProgress) - } - - if ($(this).data("code") === "labels") { - $(this).text(labels) - } - - if ($(this).data("code") === "height") { - $(this).text(height) - } - - if ($(this).data("code") === "backgrounds") { - $(this).text(backgrounds) - } - - if ($(this).data("code") === "multiplebars") { - $(this).text(multiplebars) - } - - if ($(this).data("code") === "striped") { - $(this).text(striped) - } - - if ($(this).data("code") === "animated-striped") { - $(this).text(animatedStriped) - } - } -}); - -const basicRadio = ` -
- - -
- -
- - -
- -`; - -const disabledRadio = ` -
- - -
- -
- - -
- -`; - -const toggleButtons = ` - - - - - - - - - - - - -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "radio") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "basic") { - $(this).text(basicRadio) - } - - if ($(this).data("code") === "disabled") { - $(this).text(disabledRadio) - } - - if ($(this).data("code") === "toggle-buttons") { - $(this).text(toggleButtons) - } - } -}); - -const basicSelect = ` - - -`; - -const sizingSelect = ` - - - - - - - - -`; - -const disabledSelect = ` - - -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "select") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "basic") { - $(this).text(basicSelect) - } - - if ($(this).data("code") === "sizing") { - $(this).text(sizingSelect) - } - - if ($(this).data("code") === "disabled") { - $(this).text(disabledSelect) - } - } -}); - -const basicSlider = ` - - -`; - -const disabledSlider = ` - - -`; - -const minAndMax = ` - - -`; - -const step = ` - - -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "slider") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "basic") { - $(this).text(basicSlider) - } - - if ($(this).data("code") === "disabled") { - $(this).text(disabledSlider) - } - - if ($(this).data("code") === "min-and-max") { - $(this).text(minAndMax) - } - - if ($(this).data("code") === "step") { - $(this).text(step) - } - } -}); - -const borderSpinner = ` - - -`; - -const colors = ` - - - - - - - - - - - - - - - - -`; - -const growingSpinner = ` - - - - - - - - - - - - - - - - -`; - -const flex = ` -
- -
- -
- Loading... - -
- -`; - -const float = ` -
- -
- -`; - -const textAlign = ` -
- -
- -`; - -const size = ` - - - - - - - - -`; - -const buttonSpinner = ` - - - - - - - - -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "spinner") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "border-spinner") { - $(this).text(borderSpinner) - } - - if ($(this).data("code") === "colors") { - $(this).text(colors) - } - - if ($(this).data("code") === "growing-spinner") { - $(this).text(growingSpinner) - } - - if ($(this).data("code") === "flex") { - $(this).text(flex) - } - - if ($(this).data("code") === "float") { - $(this).text(float) - } - - if ($(this).data("code") === "text-align") { - $(this).text(textAlign) - } - - if ($(this).data("code") === "size") { - $(this).text(size) - } - - if ($(this).data("code") === "button-spinner") { - $(this).text(buttonSpinner) - } - } -}); - -const basicSwitch = ` -
- - -
- -
- - -
- -
- - -
- -
- - -
- -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "switch") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "basic") { - $(this).text(basicSwitch) - } - } -}); - -const overview = ` - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
#FirstLastHandle
1MarkOtto@mdo
2JacobThornton@fat
3Larry the Bird@twitter
- -`; - -const variants = ` - -...
-...
-...
-...
-...
-...
-...
-...
- - -... -... -... -... -... -... -... -... - - - - ... - ... - ... - ... - ... - ... - ... - ... - - - - - ... - - - ... - -
- -`; - -const stripedRows = ` - - ... -
- -`; - -const hoverableRows = ` - - ... -
- -`; - -const activeTables = ` - - - ... - - - - ... - - - ... - - - - - - - -
3Larry the Bird@twitter
- -`; - -const bordered = ` - - ... -
- - - ... -
- -`; - -const borderless = ` - - ... -
- -`; - -const smallTables = ` - - ... -
- -`; - -const nesting = ` - - - ... - - - ... - - - - ... - -
- - ... -
-
- -`; - -const foot = ` - - - ... - - - ... - - - ... - -
- -`; - -const captionsTable = ` - - - - ... - - - ... - -
List of users
- - - - - ... - - - ... - -
List of users
- -`; - -const responsiveTable = ` -
- - ... -
-
- -`; - -const breakpoint = ` -
- - ... -
-
- -
- - ... -
-
- -
- - ... -
-
- -
- - ... -
-
- -
- - ... -
-
- -
- - ... -
-
- -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "table") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "overview") { - $(this).text(overview) - } - - if ($(this).data("code") === "variants") { - $(this).text(variants) - } - - if ($(this).data("code") === "striped-rows") { - $(this).text(stripedRows) - } - - if ($(this).data("code") === "active-tables") { - $(this).text(activeTables) - } - - if ($(this).data("code") === "bordered") { - $(this).text(bordered) - } - - if ($(this).data("code") === "borderless") { - $(this).text(borderless) - } - - if ($(this).data("code") === "small-tables") { - $(this).text(smallTables) - } - - if ($(this).data("code") === "nesting") { - $(this).text(nesting) - } - - if ($(this).data("code") === "foot") { - $(this).text(foot) - } - - if ($(this).data("code") === "captions") { - $(this).text(captionsTable) - } - - if ($(this).data("code") === "responsive") { - $(this).text(responsiveTable) - } - - if ($(this).data("code") === "breakpoint") { - $(this).text(breakpoint) - } - } -}); - -const basicTabs = ` - - -
-
-

- Content of Tab Pane 1 -

-
-
-

- Content of Tab Pane 2 -

-
-
-

- Content of Tab Pane 3 -

-
-
- -//- - - - -
-
-

- Content of Tab Pane 1 -

-
-
-

- Content of Tab Pane 2 -

-
-
-

- Content of Tab Pane 3 -

-
-
- -`; - -const vertical = ` -
- - -
-
-

- Content of Tab Pane 1 -

-
-
-

- Content of Tab Pane 2 -

-
-
-

- Content of Tab Pane 3 -

-
-
-

- Content of Tab Pane 4 -

-
-
-
- -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "tabs") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "basic") { - $(this).text(basicTabs) - } - - if ($(this).data("code") === "vertical") { - $(this).text(vertical) - } - } -}); - -const basicTooltip = ` - - - - -`; - -const direction = ` - - - - - - - - -`; - -const svg = ` -
- ... -
- -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "tooltip") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "basic") { - $(this).text(basicTooltip) - } - - if ($(this).data("code") === "direction") { - $(this).text(direction) - } - - if ($(this).data("code") === "svg") { - $(this).text(svg) - } - } -}); - -// Show Code Btn -$(".show-code-btn").click(function () { - $(this).parent().nextAll(".hljs-container").fadeToggle(300) -}) diff --git a/priv/static/theme/app/js/app-17cbc1c31d946fb8f7ad7214b57779a8.js.gz b/priv/static/theme/app/js/app-17cbc1c31d946fb8f7ad7214b57779a8.js.gz deleted file mode 100644 index 57ea45b016c6975aa045085d6eb38d6ff83ca5d4..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 34420 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 (window.innerHeight / 3)) { - $(".scroll-to-top").addClass("active") - } else { - $(".scroll-to-top").removeClass("active") - } -}); - -// Wish Button -$(".hp-wish-button").click(function(){ - $(this).toggleClass("text-danger bg-danger-4 hp-bg-color-dark-danger") - $(this).toggleClass("text-black-40 hp-text-color-dark-70 bg-black-10 hp-bg-color-dark-90") -}); - -// Date Timer (Page Error Coming Soon) -$(".data-date-timer").each(function () { - if ($(this).data("date-timer")) { - setInterval(() => { - let future = Date.parse($(this).data("date-timer")), - now = new Date(), - diff = future - now, - days = Math.floor(diff / (1000 * 60 * 60 * 24)), - hours = Math.floor(diff / (1000 * 60 * 60)), - mins = Math.floor(diff / (1000 * 60)), - secs = Math.floor(diff / 1000), - d = days, - h = hours - days * 24, - m = mins - hours * 60, - s = secs - mins * 60; - - $(this).find("*[data-date-timer-day]").text(d) - $(this).find("*[data-date-timer-hours]").text(h) - $(this).find("*[data-date-timer-minutes]").text(m) - $(this).find("*[data-date-timer-seconds]").text(s) - }, 1000); - } -}); - -// Search (Icon Search) -$("*[data-search]").keyup(function () { - let value = $(this).val(); - let patt = new RegExp(value, "i"); - - $("*[data-search-item]").each(function () { - if (!($(this).find("*[data-search-item-text]").text().search(patt) >= 0)) { - $(this).hide(); - } - if (($(this).find("*[data-search-item-text]").text().search(patt) >= 0)) { - $(this).show(); - } - }); -}); - -// Copy Text -setTimeout(() => { - $("*[data-copy-click]").each(function () { - let itemId = $(this).find("*[data-copy-id]") - - if ($(this).data("copy-click") === "value") { - $(this).find("*[data-copy-click-id]").click(function (e) { - if ($(this).data("copy-click-id") === itemId.data("copy-id")) { - let copyText = itemId.val(); - - navigator.clipboard.writeText(copyText); - } - }) - } else { - $(this).find("*[data-copy-click-id]").click(function (e) { - if ($(this).data("copy-click-id") === itemId.data("copy-id")) { - if (itemId.find("*[data-copy]")) { - navigator.clipboard.writeText(itemId.find("*[data-copy]").data("copy")); - } else { - navigator.clipboard.writeText(itemId.text()); - } - } - }) - } - }); -}, 300); - -// Payment Input Mask -$('#payment-cardnumber').mask('0000 0000 0000 0000'); -$('#payment-date').mask('00/00'); -$('#payment-cvc').mask('000'); -$('#phone').mask('(000) 000-0000'); - -// Tooltip -let tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')) -tooltipTriggerList.map(function (tooltipTriggerEl) { - return new bootstrap.Tooltip(tooltipTriggerEl) -}) - -// Browser Chrome Chart -let optionsBrowserChromeChart = { - series: [50.2], - chart: { - type: "radialBar", - width: 24, - height: 22, - }, - grid: { - show: false, - padding: { - left: -15, - right: -15, - top: -12, - bottom: -15, - }, - }, - colors: ["#C903FF"], - plotOptions: { - radialBar: { - hollow: { - size: "20%", - }, - track: { - background: "#DFE6E9", - }, - dataLabels: { - showOn: "always", - name: { - show: false, - }, - value: { - show: false, - }, - }, - }, - }, - stroke: { - lineCap: "round", - }, -}; - -if (document.querySelector("#browser-chrome-chart")) { - let chart = new ApexCharts(document.querySelector("#browser-chrome-chart"), optionsBrowserChromeChart); - chart.render(); -} - -// Browser Edge Chart -let optionsBrowserEdgeChart = { - series: [4.7], - chart: { - type: "radialBar", - width: 24, - height: 22, - }, - grid: { - show: false, - padding: { - left: -15, - right: -15, - top: -12, - bottom: -15, - }, - }, - colors: ["#0010F7"], - plotOptions: { - radialBar: { - hollow: { - size: "20%", - }, - track: { - background: "#DFE6E9", - }, - dataLabels: { - showOn: "always", - name: { - show: false, - }, - value: { - show: false, - }, - }, - }, - }, - stroke: { - lineCap: "round", - }, -}; - -if (document.querySelector("#browser-edge-chart")) { - let chart = new ApexCharts(document.querySelector("#browser-edge-chart"), optionsBrowserEdgeChart); - chart.render(); -} - -// Browser Firefox Chart -let optionsBrowserFirefoxChart = { - series: [12.5], - chart: { - type: "radialBar", - width: 24, - height: 22, - }, - grid: { - show: false, - padding: { - left: -15, - right: -15, - top: -12, - bottom: -15, - }, - }, - colors: ["#FFC700"], - plotOptions: { - radialBar: { - hollow: { - size: "20%", - }, - track: { - background: "#DFE6E9", - }, - dataLabels: { - showOn: "always", - name: { - show: false, - }, - value: { - show: false, - }, - }, - }, - }, - stroke: { - lineCap: "round", - }, -}; - -if (document.querySelector("#browser-firefox-chart")) { - let chart = new ApexCharts(document.querySelector("#browser-firefox-chart"), optionsBrowserFirefoxChart); - chart.render(); -} - -// Browser Opera Chart -let optionsBrowserOperaChart = { - series: [7.8], - chart: { - type: "radialBar", - width: 24, - height: 22, - }, - grid: { - show: false, - padding: { - left: -15, - right: -15, - top: -12, - bottom: -15, - }, - }, - colors: ["#FF0022"], - plotOptions: { - radialBar: { - hollow: { - size: "20%", - }, - track: { - background: "#DFE6E9", - }, - dataLabels: { - showOn: "always", - name: { - show: false, - }, - value: { - show: false, - }, - }, - }, - }, - stroke: { - lineCap: "round", - }, -}; - -if (document.querySelector("#browser-opera-chart")) { - let chart = new ApexCharts(document.querySelector("#browser-opera-chart"), optionsBrowserOperaChart); - chart.render(); -} - -// Browser Other Chart -let optionsBrowserOtherChart = { - series: [2.2], - chart: { - type: "radialBar", - width: 24, - height: 22, - }, - grid: { - show: false, - padding: { - left: -15, - right: -15, - top: -12, - bottom: -15, - }, - }, - colors: ["#111314"], - plotOptions: { - radialBar: { - hollow: { - size: "20%", - }, - track: { - background: "#DFE6E9", - }, - dataLabels: { - showOn: "always", - name: { - show: false, - }, - value: { - show: false, - }, - }, - }, - }, - stroke: { - lineCap: "round", - }, -}; - -if (document.querySelector("#browser-other-chart")) { - let chart = new ApexCharts(document.querySelector("#browser-other-chart"), optionsBrowserOtherChart); - chart.render(); -} - -// Browser Safari Chart -let optionsBrowserSafariChart = { - series: [24.8], - chart: { - type: "radialBar", - width: 24, - height: 22, - }, - grid: { - show: false, - padding: { - left: -15, - right: -15, - top: -12, - bottom: -15, - }, - }, - colors: ["#1BE7FF"], - plotOptions: { - radialBar: { - hollow: { - size: "20%", - }, - track: { - background: "#DFE6E9", - }, - dataLabels: { - showOn: "always", - name: { - show: false, - }, - value: { - show: false, - }, - }, - }, - }, - stroke: { - lineCap: "round", - }, -}; - -if (document.querySelector("#browser-safari-chart")) { - let chart = new ApexCharts(document.querySelector("#browser-safari-chart"), optionsBrowserSafariChart); - chart.render(); -} - -// Expenses Donut Card -let optionsExpensesDonutCard = { - series: [1244, 2155, 1541], - chart: { - id: "expenses-donut-card", - fontFamily: "Manrope, sans-serif", - type: "donut", - height: 350, - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - colors: ["#0010F7", "#55B1F3", "#1BE7FF"], - - labels: ["Marketing", "Payments", "Bills"], - - dataLabels: { - enabled: false, - }, - plotOptions: { - pie: { - donut: { - size: "90%", - labels: { - show: true, - name: { - fontSize: "2rem", - }, - value: { - fontSize: "24px", - fontWeight: "medium", - color: "#2D3436", - formatter(val) { - return `$${val}`; - }, - }, - total: { - show: true, - fontSize: "24px", - fontWeight: "medium", - label: "Total", - color: "#636E72", - - formatter: function (w) { - return `$${w.globals.seriesTotals.reduce((a, b) => { - return a + b; - }, 0)}`; - }, - }, - }, - }, - }, - }, - responsive: [ - { - breakpoint: 426, - options: { - legend: { - itemMargin: { - horizontal: 16, - vertical: 8, - }, - }, - }, - }, - ], - - legend: { - itemMargin: { - horizontal: 12, - vertical: 24, - }, - horizontalAlign: "center", - position: "bottom", - fontSize: "12px", - labels: { - colors: "#2D3436", - }, - - markers: { - radius: 12, - }, - }, -}; - -if (document.querySelector("#expenses-donut-card")) { - let chart = new ApexCharts(document.querySelector("#expenses-donut-card"), optionsExpensesDonutCard); - chart.render(); -} -// Analytics Energy -let optionsAnalyticsEnergy = { - series: [91], - chart: { - fontFamily: "Manrope, sans-serif", - type: "radialBar", - id: "analytics-energy-chart", - height: 335, - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - - plotOptions: { - radialBar: { - startAngle: -135, - endAngle: 135, - track: { - background: "transparent", - }, - dataLabels: { - name: { - show: true, - fontSize: "12px", - fontWeight: "400", - color: "#636E72", - }, - value: { - fontSize: "24px", - fontWeight: "500", - color: undefined, - formatter: function (val) { - return val + "%"; - }, - }, - }, - }, - }, - - stroke: { - dashArray: 6, - }, - labels: ["Completed"], - - fill: { - type: "gradient", - gradient: { - shade: "dark", - type: "horizontal", - shadeIntensity: 1, - gradientToColors: ["#0010F7", "#1BE7FF"], - inverseColors: true, - opacityFrom: 1, - opacityTo: 1, - stops: [0, 50, 100], - }, - }, -}; - -if (document.querySelector("#analytics-energy-chart")) { - let chart = new ApexCharts(document.querySelector("#analytics-energy-chart"), optionsAnalyticsEnergy); - chart.render(); -} - -// Analytics Expenses -let optionsAnalyticsExpenses = { - series: [1244, 2155, 1541], - chart: { - id: "analytics-expenses-chart", - fontFamily: "Manrope, sans-serif", - type: "donut", - height: 350, - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - colors: ["#0010F7", "#55B1F3", "#1BE7FF"], - - labels: ["Marketing", "Payments", "Bills"], - - dataLabels: { - enabled: false, - }, - plotOptions: { - pie: { - donut: { - size: "85%", - labels: { - show: true, - name: { - fontSize: "2rem", - }, - value: { - fontSize: "24px", - fontWeight: "medium", - color: "#2D3436", - formatter(val) { - return `$${val}`; - }, - }, - total: { - show: true, - fontSize: "24px", - fontWeight: "medium", - label: "Total", - color: "#636E72", - - formatter: function (w) { - return `$${w.globals.seriesTotals.reduce((a, b) => { - return a + b; - }, 0)}`; - }, - }, - }, - }, - }, - }, - responsive: [ - { - breakpoint: 426, - options: { - legend: { - itemMargin: { - horizontal: 16, - vertical: 8, - }, - }, - }, - }, - ], - - legend: { - itemMargin: { - horizontal: 12, - vertical: 24, - }, - horizontalAlign: "center", - position: "bottom", - fontSize: "14px", - - markers: { - radius: 12, - }, - }, -}; - -if (document.querySelector("#analytics-expenses-chart")) { - let chart = new ApexCharts(document.querySelector("#analytics-expenses-chart"), optionsAnalyticsExpenses); - chart.render(); -} - -// Analytics Marketplace -let optionsAnalyticsMarketplace = { - series: [61, 82, 65], - chart: { - height: 184, - id: "analytics-marketplace-chart", - fontFamily: "Manrope, sans-serif", - type: "radialBar", - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - colors: ["#00F7BF", "#0010F7", "#FFC700"], - - labels: ["Ebay", "Web", "Amazon"], - - dataLabels: { - enabled: false, - }, - stroke: { - lineCap: "round", - }, - - plotOptions: { - radialBar: { - dataLabels: { - show: true, - name: { - fontSize: "10px", - }, - value: { - fontSize: "10px", - offsetY: 0, - }, - total: { - show: true, - fontSize: "10px", - label: "Total", - formatter: function (w) { - return 7400; - }, - }, - }, - }, - }, - - legend: { - show: true, - itemMargin: { - horizontal: 0, - vertical: 6, - }, - - horizontalAlign: "center", - position: "left", - fontSize: "14px", - - markers: { - radius: 12, - }, - }, - - responsive: [ - { - breakpoint: 325, - options: { - legend: { - itemMargin: { - horizontal: 8, - vertical: 0, - }, - horizontalAlign: "center", - position: "bottom", - fontSize: "14px", - }, - }, - }, - ], -}; - -if (document.querySelector("#analytics-marketplace-chart")) { - let chart = new ApexCharts(document.querySelector("#analytics-marketplace-chart"), optionsAnalyticsMarketplace); - chart.render(); -} - -// Analytics Revenue 1 -let optionsAnalyticsRevenue1 = { - series: [ - { - name: "Earning", - data: [ - 28877, 29334, 33233, 36439, 32675, 32333, 33457, 38345, 36783, 39457, - 22459, 39840, - ], - }, - { - name: "Expense", - data: [ - 12010, 11313, 14623, 18935, 17345, 13465, 17813, 19125, 16256, 20356, - 12233, 14570, - ], - }, - ], - chart: { - id: "analytics-revenue-chart", - fontFamily: "Manrope, sans-serif", - type: "bar", - height: 300, - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - labels: { - style: { - fontSize: "14px", - }, - }, - - dataLabels: { - enabled: false, - }, - - grid: { - borderColor: "#DFE6E9", - row: { - opacity: 0.5, - }, - }, - plotOptions: { - bar: { - horizontal: false, - borderRadius: 2, - columnWidth: "45%", - endingShape: "rounded", - }, - colors: { - backgroundBarColors: ["#0063F7", "#00F7BF"], - }, - }, - - stroke: { - show: true, - width: 4, - colors: ["transparent"], - }, - xaxis: { - axisTicks: { - show: false, - borderType: "solid", - color: "#78909C", - height: 6, - offsetX: 0, - offsetY: 0, - }, - - tickPlacement: "between", - labels: { - style: { - colors: ["636E72"], - fontSize: "14px", - }, - }, - categories: [ - "Jan", - "Feb", - "Mar", - "Apr", - "May", - "Jun", - "Jul", - "Aug", - "Sep", - "Oct", - "Nov", - "Dec", - ], - }, - legend: { - horizontalAlign: "right", - offsetX: 40, - position: "top", - markers: { - radius: 12, - }, - }, - yaxis: { - labels: { - style: { - colors: ["636E72"], - fontSize: "14px", - }, - formatter: (value) => { - return value / 1000 + "K"; - }, - }, - - min: 0, - max: 40000, - tickAmount: 4, - }, -}; - -if (document.querySelector("#analytics-revenue-chart")) { - let chart = new ApexCharts(document.querySelector("#analytics-revenue-chart"), optionsAnalyticsRevenue1); - chart.render(); -} - -// Analytics Revenue 2 -let optionsAnalyticsRevenue2 = { - series: [ - { - name: "Sales", - data: [80, 50, 30, 40, 100, 20], - }, - { - name: "Expense", - data: [20, 30, 40, 80, 20, 80], - }, - ], - chart: { - id: "analytics-revenue-2-chart", - fontFamily: "Manrope, sans-serif", - height: "85%", - - type: "radar", - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - dropShadow: { - enabled: true, - blur: 4, - left: 1, - top: 1, - opacity: 0.1, - }, - }, - fill: { - opacity: [1, 1], - }, - stroke: { - show: false, - width: 0, - }, - markers: { - size: 0, - }, - - colors: ["rgba(85, 177, 243, 0.8)", "rgba(0, 247, 191, 0.8)"], - - labels: ["Marketing", "Payments", "Bills"], - - dataLabels: { - enabled: false, - }, - yaxis: { - show: false, - }, - xaxis: { - categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun"], - }, - - plotOptions: { - radar: { - polygons: { - connectorColors: "#fff", - }, - }, - }, - legend: { - itemMargin: { - horizontal: 12, - vertical: 16, - }, - horizontalAlign: "center", - position: "bottom", - fontSize: "12px", - fontWeight: "medium", - - markers: { - radius: 12, - }, - }, -}; - -if (document.querySelector("#analytics-revenue-2-chart")) { - let chart = new ApexCharts(document.querySelector("#analytics-revenue-2-chart"), optionsAnalyticsRevenue2); - chart.render(); -} - -// Analytics Revenue 3 -let optionsAnalyticsRevenue3 = { - series: [ - { - data: [0, 20, 10, 40, 50, 30], - }, - ], - chart: { - fontFamily: "Manrope, sans-serif", - type: "line", - id: "analytics-revenue-3-chart", - - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - colors: ["#0063F7"], - labels: { - style: { - fontSize: "14px", - }, - }, - stroke: { - curve: "smooth", - lineCap: "round", - }, - - tooltip: { - enabled: false, - }, - - dataLabels: { - enabled: false, - }, - - grid: { - show: false, - }, - - markers: { - strokeWidth: 0, - size: 0, - colors: ["#0063F7", "#1BE7FF"], - hover: { - sizeOffset: 1, - }, - }, - xaxis: { - axisTicks: { - show: false, - }, - labels: { - show: false, - }, - axisBorder: { - show: false, - }, - }, - responsive: [ - { - breakpoint: 426, - options: { - legend: { - itemMargin: { - horizontal: 16, - vertical: 8, - }, - }, - }, - }, - ], - - yaxis: { - show: false, - }, -}; - -document.querySelectorAll("*[data-chart-id]").forEach((e) => { - if (e.getAttribute("data-chart-id") === "analytics-revenue-3-chart") { - let chart = new ApexCharts(e, optionsAnalyticsRevenue3); - chart.render(); - } -}); - -// Analytics Traffic -let optionsAnalyticsTraffic = { - series: [ - { - name: "SEO Visits", - data: [20, 50, 60, 80, 90, 55], - }, - { - name: "Organic", - data: [35, 35, 35, 15, 35, 15], - }, - { - name: "Sponsored", - data: [100, 15, 60, 40, 50, 80], - }, - ], - chart: { - id: "analytics-Traffic-chart", - fontFamily: "Manrope, sans-serif", - type: "radar", - height: "100%", - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - fill: { - opacity: [0.2, 0.2, 0.2], - }, - stroke: { - show: true, - width: 3, - }, - markers: { - size: 0, - }, - - colors: ["#0063F7", "#FF0022", "#00F7BF"], - - labels: ["Marketing", "Payments", "Bills"], - - yaxis: { - show: false, - }, - xaxis: { - categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun"], - }, - - plotOptions: { - radar: { - polygons: { - connectorColors: "#fff", - }, - }, - }, - legend: { - itemMargin: { - horizontal: 32, - vertical: 16, - }, - horizontalAlign: "center", - position: "bottom", - fontSize: "24px", - fontWeight: 500, - markers: { - radius: 12, - }, - }, -}; - -if (document.querySelector("#analytics-Traffic-chart")) { - let chart = new ApexCharts(document.querySelector("#analytics-Traffic-chart"), optionsAnalyticsTraffic); - chart.render(); -} - -// Analytics Visit -let optionsAnalyticsVisit = { - series: [35, 25, 45], - chart: { - id: "analytics-visit-chart", - fontFamily: "Manrope, sans-serif", - type: "donut", - height: 184, - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - colors: ["#1BE7FF", "#0010F7", "#00F7BF"], - - labels: ["Desktop", "Tablet", "Mobile"], - - dataLabels: { - enabled: false, - }, - plotOptions: { - pie: { - donut: { - size: "75%", - labels: { - show: true, - name: { - fontSize: "12px", - offsetY: 0, - }, - value: { - fontSize: "12px", - offsetY: 0, - formatter(val) { - return `% ${val}`; - }, - }, - total: { - show: true, - fontSize: "16px", - label: "Total", - - formatter: function (w) { - return "2400"; - }, - }, - }, - }, - }, - }, - - legend: { - itemMargin: { - horizontal: 0, - vertical: 6, - }, - horizontalAlign: "center", - position: "left", - fontSize: "14px", - - markers: { - radius: 12, - }, - }, - responsive: [ - { - breakpoint: 325, - options: { - legend: { - itemMargin: { - horizontal: 4, - vertical: 0, - }, - horizontalAlign: "center", - position: "bottom", - fontSize: "14px", - }, - }, - }, - ], -}; - -if (document.querySelector("#analytics-visit-chart")) { - let chart = new ApexCharts(document.querySelector("#analytics-visit-chart"), optionsAnalyticsVisit); - chart.render(); -} - -// Analytics Visiters -let optionsAnalyticsVisiters = { - series: [ - { - name: "Ads", - data: [8245, 14452, 8545, 14452, 6012, 22333], - }, - { - name: "Organic", - data: [12245, 7952, 10623, 7935, 14345, 4002], - }, - ], - chart: { - fontFamily: "Manrope, sans-serif", - type: "area", - id: "analytics-visiters-chart", - height: "100%", - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - colors: ["#0063F7", "#00F7BF"], - labels: { - style: { - fontSize: "14px", - }, - }, - fill: { - opacity: 0.3, - }, - - dataLabels: { - enabled: false, - }, - - grid: { - borderColor: "#DFE6E9", - row: { - opacity: 0.5, - }, - }, - - markers: { - strokeWidth: 0, - size: 0, - colors: ["rgba(0, 255, 198, 0.17)", "rgba(45, 125, 239, 0.17)"], - hover: { - sizeOffset: 1, - }, - }, - xaxis: { - axisTicks: { - show: false, - borderType: "solid", - color: "#78909C", - height: 6, - offsetX: 0, - offsetY: 0, - }, - labels: { - style: { - colors: ["636E72"], - fontSize: "14px", - }, - }, - categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun"], - }, - legend: { - position: 'top', - horizontalAlign: 'right', - offsetX: 40 - }, - yaxis: { - labels: { - style: { - colors: ["636E72"], - fontSize: "14px", - }, - formatter: (value) => { - return value / 1000 + "K"; - }, - }, - - min: 0, - max: 30000, - tickAmount: 3, - }, -}; - -if (document.querySelector("#analytics-visiters-chart")) { - let chart = new ApexCharts(document.querySelector("#analytics-visiters-chart"), optionsAnalyticsVisiters); - chart.render(); -} -// Statistics Revenue 1 -let optionsStatisticsRevenue1 = { - series: [ - { - data: [0, 20, 10, 40, 50, 30], - }, - ], - chart: { - type: "line", - id: "revenue-line-1", - height: 100, - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - legend: { - show: false, - }, - markers: { - size: 1, - strokeColors: "#FF8B9A", - strokeOpacity: 0, - }, - - colors: ["#FF8B9A"], - stroke: { - lineCap: "round", - width: 2, - }, - tooltip: { - enabled: false, - }, - dataLabels: { - enabled: false, - }, - grid: { - show: true, - borderColor: "#B2BEC3", - strokeDashArray: 6, - position: "back", - xaxis: { - lines: { - show: true, - }, - }, - yaxis: { - lines: { - show: false, - }, - }, - }, - xaxis: { - show: false, - labels: { - show: false, - }, - axisTicks: { - show: false, - }, - axisBorder: { - show: false, - }, - }, - responsive: [ - { - breakpoint: 426, - options: { - legend: { - itemMargin: { - horizontal: 16, - vertical: 8, - }, - }, - }, - }, - ], - yaxis: { - show: false, - }, -}; - -if (document.querySelector("#statistics-revenue-1")) { - let chart = new ApexCharts(document.querySelector("#statistics-revenue-1"), optionsStatisticsRevenue1); - chart.render(); -} - -// Statistics Revenue 2 -let optionsStatisticsRevenue2 = { - series: [ - { - data: [0, 20, 10, 40, 50, 30], - }, - ], - chart: { - type: "line", - id: "revenue-line-2", - height: 100, - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - colors: ["#0063F7"], - stroke: { - lineCap: "round", - width: 2, - }, - markers: { - size: 1, - strokeColors: "#0063F7", - strokeOpacity: 0, - }, - tooltip: { - enabled: false, - }, - dataLabels: { - enabled: false, - }, - grid: { - show: true, - borderColor: "#B2BEC3", - strokeDashArray: 6, - position: "back", - xaxis: { - lines: { - show: true, - }, - }, - yaxis: { - lines: { - show: false, - }, - }, - }, - xaxis: { - show: false, - labels: { - show: false, - }, - axisTicks: { - show: false, - }, - axisBorder: { - show: false, - }, - }, - responsive: [ - { - breakpoint: 426, - options: { - legend: { - itemMargin: { - horizontal: 16, - vertical: 8, - }, - }, - }, - }, - ], - yaxis: { - show: false, - }, -}; - -if (document.querySelector("#statistics-revenue-2")) { - let chart = new ApexCharts(document.querySelector("#statistics-revenue-2"), optionsStatisticsRevenue2); - chart.render(); -} - -// Statistics Revenue 3 -let optionsStatisticsRevenue3 = { - series: [ - { - data: [0, 20, 10, 40, 50, 30], - }, - ], - chart: { - type: "line", - id: "revenue-line-3", - height: 100, - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - colors: ["#FFE393"], - stroke: { - lineCap: "round", - width: 2, - }, - markers: { - size: 1, - strokeColors: "#FFE393", - strokeOpacity: 0, - }, - tooltip: { - enabled: false, - }, - dataLabels: { - enabled: false, - }, - grid: { - show: true, - borderColor: "#B2BEC3", - strokeDashArray: 6, - position: "back", - xaxis: { - lines: { - show: true, - }, - }, - yaxis: { - lines: { - show: false, - }, - }, - }, - xaxis: { - show: false, - labels: { - show: false, - }, - axisTicks: { - show: false, - }, - axisBorder: { - show: false, - }, - }, - responsive: [ - { - breakpoint: 426, - options: { - legend: { - itemMargin: { - horizontal: 16, - vertical: 8, - }, - }, - }, - }, - ], - yaxis: { - show: false, - }, -}; - -if (document.querySelector("#statistics-revenue-3")) { - let chart = new ApexCharts(document.querySelector("#statistics-revenue-3"), optionsStatisticsRevenue3); - chart.render(); -} - -// Statistics Order -let optionsStatisticsOrder = { - series: [ - { - name: "Earning", - data: [50, 70, 100, 60], - }, - ], - chart: { - type: "bar", - height: "80", - stacked: true, - toolbar: { - show: false, - }, - }, - grid: { - show: false, - padding: { - left: 0, - right: 10, - top: -10, - bottom: -10, - }, - }, - plotOptions: { - bar: { - horizontal: false, - columnWidth: "65%", - borderRadius: 2, - colors: { - backgroundBarColors: [], - backgroundBarRadius: 5, - }, - }, - }, - legend: { - show: false, - }, - dataLabels: { - enabled: false, - }, - colors: ["#0010F7"], - xaxis: { - labels: { - show: false, - }, - axisBorder: { - show: false, - }, - axisTicks: { - show: false, - }, - }, - yaxis: { - show: false, - max: 100, - }, - tooltip: { - x: { - show: false, - }, - }, -}; - -if (document.querySelector("#statistics-order")) { - let chart = new ApexCharts(document.querySelector("#statistics-order"), optionsStatisticsOrder); - chart.render(); -} - -// Statistics Order Vertical -let optionsStatisticsOrderVertical = { - series: [ - { - name: "Earning", - data: [50, 70, 100, 60], - }, - ], - chart: { - type: "bar", - height: "80", - stacked: true, - toolbar: { - show: false, - }, - }, - grid: { - show: false, - padding: { - left: 8, - right: 15, - top: -10, - bottom: -10, - }, - }, - plotOptions: { - bar: { - horizontal: false, - columnWidth: "60%", - borderRadius: 2, - colors: { - backgroundBarColors: [], - backgroundBarRadius: 5, - }, - }, - }, - legend: { - show: false, - }, - dataLabels: { - enabled: false, - }, - colors: ["#0010F7"], - xaxis: { - labels: { - show: false, - }, - axisBorder: { - show: false, - }, - axisTicks: { - show: false, - }, - }, - yaxis: { - show: false, - max: 100, - }, - tooltip: { - x: { - show: false, - }, - }, -}; - -if (document.querySelector("#statistics-order-vertical")) { - let chart = new ApexCharts(document.querySelector("#statistics-order-vertical"), optionsStatisticsOrderVertical); - chart.render(); -} - -// Statistics Subscribe -let optionsStatisticsSubscribe = { - series: [ - { - name: "Earning", - data: [50, 70, 100, 60], - }, - ], - chart: { - type: "bar", - height: 80, - stacked: true, - toolbar: { - show: false, - }, - }, - grid: { - show: false, - padding: { - left: 0, - right: 10, - top: -10, - bottom: -10, - }, - }, - plotOptions: { - bar: { - horizontal: false, - columnWidth: "65%", - borderRadius: 2, - colors: { - backgroundBarColors: [], - backgroundBarRadius: 5, - }, - }, - }, - legend: { - show: false, - }, - dataLabels: { - enabled: false, - }, - colors: ["#00F7BF"], - xaxis: { - labels: { - show: false, - }, - axisBorder: { - show: false, - }, - axisTicks: { - show: false, - }, - }, - yaxis: { - show: false, - max: 100, - }, - tooltip: { - x: { - show: false, - }, - }, -}; - -if (document.querySelector("#statistics-subscribe")) { - let chart = new ApexCharts(document.querySelector("#statistics-subscribe"), optionsStatisticsSubscribe); - chart.render(); -} - -// Statistics Subscribe Vertical -let optionsStatisticsSubscribeVertical = { - series: [ - { - name: "Earning", - data: [50, 70, 100, 60], - }, - ], - chart: { - type: "bar", - height: "80", - stacked: true, - toolbar: { - show: false, - }, - }, - grid: { - show: false, - padding: { - left: 8, - right: 15, - top: -10, - bottom: -10, - }, - }, - plotOptions: { - bar: { - horizontal: false, - columnWidth: "60%", - borderRadius: 2, - colors: { - backgroundBarColors: [], - backgroundBarRadius: 5, - }, - }, - }, - legend: { - show: false, - }, - dataLabels: { - enabled: false, - }, - colors: ["#00F7BF"], - xaxis: { - labels: { - show: false, - }, - axisBorder: { - show: false, - }, - axisTicks: { - show: false, - }, - }, - yaxis: { - show: false, - max: 100, - }, - tooltip: { - x: { - show: false, - }, - }, -}; - -if (document.querySelector("#statistics-subscribe-vertical")) { - let chart = new ApexCharts(document.querySelector("#statistics-subscribe-vertical"), optionsStatisticsSubscribeVertical); - chart.render(); -} - -// Statistics Ticket -let optionsStatisticsTicket = { - series: [76], - chart: { - type: "radialBar", - height: "80", - stacked: true, - toolbar: { - show: false, - }, - }, - grid: { - show: false, - padding: { - left: -24, - right: -24, - top: -16, - bottom: -16, - }, - }, - plotOptions: { - radialBar: { - startAngle: 0, - endAngle: 360, - hollow: { - size: "45%", - }, - track: { - show: true, - background: "#ffffff", - strokeWidth: "100%", - opacity: 1, - margin: 0, - }, - dataLabels: { - show: true, - value: { - fontSize: "12px", - color: "#FF455E", - fontWeight: 500, - offsetY: -11, - }, - total: { - show: true, - fontSize: "12px", - label: "", - formatter: function (w) { - return "%" + 76; - }, - }, - }, - }, - }, - legend: { - show: false, - }, - dataLabels: { - enabled: false, - }, - colors: ["#FF455E"], - xaxis: { - labels: { - show: false, - }, - axisBorder: { - show: false, - }, - axisTicks: { - show: false, - }, - }, - yaxis: { - show: false, - max: 100, - }, - tooltip: { - x: { - show: false, - }, - }, -}; - -if (document.querySelector("#statistics-ticket")) { - let chart = new ApexCharts(document.querySelector("#statistics-ticket"), optionsStatisticsTicket); - chart.render(); -} - -// Statistics Ticket Vertical -let optionsStatisticsTicketVertical = { - series: [76], - chart: { - type: "radialBar", - height: "92", - stacked: true, - toolbar: { - show: false, - }, - }, - grid: { - show: false, - padding: { - left: -24, - right: -24, - top: -12, - bottom: -16, - }, - }, - plotOptions: { - radialBar: { - startAngle: 0, - endAngle: 360, - hollow: { - size: "45%", - }, - track: { - show: true, - background: "#ffffff", - strokeWidth: "100%", - opacity: 1, - margin: 0, - }, - dataLabels: { - show: true, - value: { - fontSize: "12px", - color: "#FF455E", - fontWeight: 500, - offsetY: -11, - }, - total: { - show: true, - fontSize: "12px", - label: "", - formatter: function (w) { - return "%" + 76; - }, - }, - }, - }, - }, - legend: { - show: false, - }, - dataLabels: { - enabled: false, - }, - colors: ["#FF455E"], - xaxis: { - labels: { - show: false, - }, - axisBorder: { - show: false, - }, - axisTicks: { - show: false, - }, - }, - yaxis: { - show: false, - max: 100, - }, - tooltip: { - x: { - show: false, - }, - }, -}; - -if (document.querySelector("#statistics-ticket-vertical")) { - let chart = new ApexCharts(document.querySelector("#statistics-ticket-vertical"), optionsStatisticsTicketVertical); - chart.render(); -} - -// Statistics Traffic -let optionsStatisticsTraffic = { - series: [ - { - data: [31, 10, 109, 60, 140, 40, 150], - }, - ], - chart: { - fontFamily: "Manrope, sans-serif", - type: "line", - height: "70%", - stacked: true, - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - colors: ["#0063F7"], - labels: { - style: { - fontSize: "14px", - }, - }, - stroke: { - curve: "smooth", - lineCap: "round", - }, - - tooltip: { - enabled: false, - }, - - dataLabels: { - enabled: false, - }, - - grid: { - show: false, - padding: { - left: 0, - right: 0, - }, - }, - - markers: { - strokeWidth: 0, - size: 0, - colors: ["#0063F7", "#1BE7FF"], - hover: { - sizeOffset: 1, - }, - }, - xaxis: { - lines: { - show: false, - }, - axisBorder: { - show: false, - }, - axisTicks: { - show: false, - }, - - labels: { - show: false, - }, - }, - responsive: [ - { - breakpoint: 426, - options: { - legend: { - itemMargin: { - horizontal: 16, - vertical: 8, - }, - }, - }, - }, - ], - - yaxis: [ - { - show: false, - offsetX: 0, - offsetY: 0, - padding: { - left: 0, - right: 0, - }, - }, - ], -}; - -if (document.querySelector("#statistics-traffic")) { - let chart = new ApexCharts(document.querySelector("#statistics-traffic"), optionsStatisticsTraffic); - chart.render(); -} - -// Statistics Users -let optionsStatisticsUsers = { - series: [40], - chart: { - type: "radialBar", - height: "92", - stacked: true, - toolbar: { - show: false, - }, - }, - grid: { - show: false, - padding: { - left: -24, - right: -24, - top: -12, - bottom: -16, - }, - }, - plotOptions: { - radialBar: { - startAngle: 0, - endAngle: 360, - hollow: { - size: "45%", - }, - track: { - show: true, - background: "#ffffff", - strokeWidth: "100%", - opacity: 1, - margin: 0, - }, - dataLabels: { - show: true, - value: { - fontSize: "12px", - color: "#FFC700", - fontWeight: 500, - offsetY: -11, - }, - total: { - show: true, - fontSize: "12px", - label: "", - formatter: function (w) { - return "%" + 40; - }, - }, - }, - }, - }, - legend: { - show: false, - }, - dataLabels: { - enabled: false, - }, - colors: ["#FFD252"], - xaxis: { - labels: { - show: false, - }, - axisBorder: { - show: false, - }, - axisTicks: { - show: false, - }, - }, - yaxis: { - show: false, - max: 100, - }, - tooltip: { - x: { - show: false, - }, - }, -}; - -if (document.querySelector("#statistics-users")) { - let chart = new ApexCharts(document.querySelector("#statistics-users"), optionsStatisticsUsers); - chart.render(); -} - -// Statistics Users Vertical -let optionsStatisticsUsersVertical = { - series: [40], - chart: { - type: "radialBar", - height: "92", - stacked: true, - toolbar: { - show: false, - }, - }, - grid: { - show: false, - padding: { - left: -24, - right: -24, - top: -12, - bottom: -16, - }, - }, - plotOptions: { - radialBar: { - startAngle: 0, - endAngle: 360, - hollow: { - size: "45%", - }, - track: { - show: true, - background: "#ffffff", - strokeWidth: "100%", - opacity: 1, - margin: 0, - }, - dataLabels: { - show: true, - value: { - fontSize: "12px", - color: "#FFC700", - fontWeight: 500, - offsetY: -11, - }, - total: { - show: true, - fontSize: "12px", - label: "", - formatter: function (w) { - return "%" + 40; - }, - }, - }, - }, - }, - legend: { - show: false, - }, - dataLabels: { - enabled: false, - }, - colors: ["#FFD252"], - xaxis: { - labels: { - show: false, - }, - axisBorder: { - show: false, - }, - axisTicks: { - show: false, - }, - }, - yaxis: { - show: false, - max: 100, - }, - tooltip: { - x: { - show: false, - }, - }, -}; - -if (document.querySelector("#statistics-users-vertical")) { - let chart = new ApexCharts(document.querySelector("#statistics-users-vertical"), optionsStatisticsUsersVertical); - chart.render(); -} - -// Header Search -$(function () { - $(".hp-header-search-button").click(function () { - $("header .hp-header-text-info").toggleClass("d-none") - $("header .hp-header-search").toggleClass("d-none") - $(this).find("button .hp-header-search-button-icon-1").toggleClass("d-none") - $(this).find("button .hp-header-search-button-icon-2").toggleClass("d-none") - - $("header .hp-horizontal-menu").toggleClass("search-active") - - setTimeout(() => { - $("header .hp-header-search").toggleClass("active") - - if (!$("header .hp-header-search").hasClass("active")) { - $("#header-search").val("") - } - - setTimeout(() => { - $("#header-search").focus() - }, 300); - }, 100); - }); - - $("#header-search").keyup(function () { - $(".autocomplete-suggestions").css("width", $("header .hp-header-search").width() + "px") - }); - - //-- - - let data = [ - { - value: "Components", - url: "components-page" - }, - - { - value: "Dashboard Analytics", - url: "dashboard-analytics" - }, - { - value: "Dashboard Ecommerce", - url: "dashboard-ecommerce" - }, - - { - value: "Advance Cards", - url: "advance-cards" - }, - { - value: "Statistics Cards", - url: "statistics-cards" - }, - { - value: "Analytics Cards", - url: "analytics-cards" - }, - { - value: "Charts", - url: "charts" - }, - { - value: "Illustration Set", - url: "illustration-set" - }, - { - value: "Crypto Icons", - url: "crypto-icons" - }, - { - value: "User Icons", - url: "user-icons" - }, - { - value: "Flags", - url: "flags" - }, - - { - value: "Divider", - url: "divider" - }, - { - value: "Grid System", - url: "grid-system" - }, - - { - value: "Contact", - url: "app-contact" - }, - { - value: "Ecommerce Shop", - url: "ecommerce-shop" - }, - { - value: "Ecommerce Wishlist", - url: "ecommerce-wishlist" - }, - { - value: "Ecommerce Detail", - url: "ecommerce-product-detail" - }, - { - value: "Ecommerce Checkout", - url: "ecommerce-checkout" - }, - - { - value: "404 Error Page", - url: "error-404" - }, - { - value: "403 Error Page", - url: "error-403" - }, - { - value: "500 Error Page", - url: "error-500" - }, - { - value: "503 Error Page", - url: "error-503" - }, - { - value: "502 Error Page", - url: "error-502" - }, - { - value: "Maintenance", - url: "error-maintenance" - }, - { - value: "Coming Soon", - url: "error-coming-soon" - }, - - { - value: "Pricing", - url: "pricing" - }, - - { - value: "Profile", - url: "profile-information" - }, - { - value: "Profile Notification", - url: "profile-notifications" - }, - { - value: "Profile Activity", - url: "profile-activity" - }, - { - value: "Profile Security", - url: "profile-security" - }, - { - value: "Profile Password Change", - url: "profile-password" - }, - { - value: "Profile Social", - url: "profile-connect" - }, - - { - value: "Invoice", - url: "invoice-page" - }, - - { - value: "FAQ", - url: "faq-page" - }, - - { - value: "Knowledge Base 1", - url: "knowledge-base-1" - }, - { - value: "Knowledge Base 2", - url: "knowledge-base-2" - }, - - { - value: "Blank", - url: "blank-page" - }, - - { - value: "Login", - url: "auth-login" - }, - { - value: "Register", - url: "auth-register" - }, - { - value: "Recover Password", - url: "auth-recover" - }, - { - value: "Reset Password", - url: "auth-reset" - }, - - { - value: "Welcome", - url: "lock-welcome" - }, - { - value: "Password is changed", - url: "lock-password" - }, - { - value: "Deactivated", - url: "lock-deactivated" - }, - { - value: "Lock", - url: "lock" - }, - - { - value: "StyleGuide", - url: "general-style-guide" - }, - { - value: "Buttons", - url: "general-buttons" - }, - { - value: "Remix Icons", - url: "general-remix-icons" - }, - { - value: "Iconly Icons", - url: "general-iconly-icons" - }, - - { - value: "Breadcrumb", - url: "component-breadcrumb" - }, - { - value: "Dropdown", - url: "component-dropdown" - }, - { - value: "Menu", - url: "component-menu" - }, - { - value: "Pagination", - url: "component-pagination" - }, - - { - value: "Checkbox", - url: "component-checkbox" - }, - { - value: "Form", - url: "component-form" - }, - { - value: "Input", - url: "component-input" - }, - { - value: "Input Number", - url: "component-input-number" - }, - { - value: "Radio", - url: "component-radio" - }, - { - value: "Select", - url: "component-select" - }, - { - value: "Slider", - url: "component-slider" - }, - { - value: "Switch", - url: "component-switch" - }, - - { - value: "Avatar", - url: "component-avatar" - }, - { - value: "Badge", - url: "component-badge" - }, - { - value: "Card", - url: "component-card" - }, - { - value: "Carousel", - url: "component-carousel" - }, - { - value: "Accordion", - url: "component-accordion" - }, - { - value: "Collapse", - url: "component-collapse" - }, - { - value: "List", - url: "component-list" - }, - { - value: "Popover", - url: "component-popover" - }, - { - value: "Table", - url: "component-table" - }, - { - value: "Tabs", - url: "component-tabs" - }, - { - value: "Tooltip", - url: "component-tooltip" - }, - - { - value: "Alert", - url: "component-alert" - }, - { - value: "Drawer", - url: "component-drawer" - }, - { - value: "Modal", - url: "component-modal" - }, - { - value: "Notification", - url: "component-notification" - }, - { - value: "Progress", - url: "component-progress" - }, - { - value: "Spinner", - url: "component-spinner" - } - ]; - - $('#header-search').autocomplete({ - lookup: data, - onSelect: function (event) { - window.location.href = event.url + ".html" - } - }); -}); - -// Horizontal Menu -$(function () { - // Menu Link - $(".hp-horizontal-menu ul li a").each(function () { - if (window.location.pathname.split("/")[window.location.pathname.split("/").length - 1] == $(this).attr("href")) { - $(this).addClass("active") - $(this).parent().parent().prev(".dropdown-item").addClass("active") - $(this).parents(".dropdown-menu").prev("a").addClass("active") - } - }); -}) - -// Sider -$(function () { - // Menu Link - $(".hp-sidebar-container li a").each(function () { - if (window.location.pathname.split("/")[window.location.pathname.split("/").length - 1] == $(this).attr("href")) { - $(this).addClass("active") - - $(this).parents(".submenu-children").slideDown() - $(this).parents(".submenu-children").addClass("active") - $(this).parents(".submenu-children").prev("a").addClass("active arrow-active") - } - }); - - // Menu Dropdown - $(".hp-sidebar-container li a").click(function () { - if ($(this).next(".submenu-children").length) { - $(this).toggleClass("arrow-active") - $(this).next(".submenu-children").slideToggle(300) - } - }); - - // Mobile Button - $(".hp-mobile-sidebar-button").click(function () { - $("body").removeClass("collapsed-active collapse-btn-none") - }); - - // Collapsed - $(".hp-sidebar .hp-sidebar-collapse-button").click(function () { - $("body").toggleClass("collapsed-active") - $(".hp-sidebar .submenu-children").slideUp() - $(".hp-sidebar li a").removeClass("arrow-active") - $(".hp-sidebar .tooltip-item").toggleClass("in-active") - - if ($("body").hasClass("collapsed-active")) { - $(".hp-sidebar .submenu-children").addClass("d-none") - } else { - $(".hp-sidebar .submenu-children").removeClass("d-none") - $(".hp-sidebar .submenu-children").css("display", "none") - } - }); - - if ($("body").hasClass("collapsed-active")) { - $(".hp-sidebar .submenu-children").addClass("d-none") - $(".hp-sidebar .tooltip-item").removeClass("in-active") - } - - // Collapsed Menu Dropdown - let position = "left"; - let sidebarWidth; - - if ($("html").attr("dir") === "rtl") { - position = "right"; - } - - $(".hp-sidebar-container li a").mouseenter(function () { - if ($("body").hasClass("collapsed-active")) { - sidebarWidth = parseInt($(this).parents(".hp-sidebar").width()) + 38; - - $(".hp-sidebar-dropdown-container").remove(); - - if ($(this).next(".submenu-children").length) { - $("body").append( - ` -
-
    ` + - $(this).next(".submenu-children").html() + - `
-
- ` - ); - - if ($(this).offset().top + $(".hp-sidebar-dropdown-container").height() > $(window).height()) { - $(".hp-sidebar-dropdown-container > ul").css({ - maxHeight: "calc(100vh - " + ($(window).height() - $(this).offset().top) + "px)", - }); - - $(".hp-sidebar-dropdown-container").css( - "top", $(this).offset().top - $(".hp-sidebar-dropdown-container").height() + 50 + "px" - ); - if (position === "right") { - $(".hp-sidebar-dropdown-container").css( - position, (sidebarWidth - 38) + "px" - ); - } else { - $(".hp-sidebar-dropdown-container").css( - position, "calc(" + $(this).offset().left + "px + " + sidebarWidth + "px)" - ); - } - } else { - $(".hp-sidebar-dropdown-container > ul").css({ - maxHeight: "none", - }); - - $(".hp-sidebar-dropdown-container").css( - "top", $(this).offset().top + "px" - ); - if (position === "right") { - $(".hp-sidebar-dropdown-container").css( - position, (sidebarWidth - 38) + "px" - ); - } else { - $(".hp-sidebar-dropdown-container").css( - position, "calc(" + $(this).offset().left + "px + " + sidebarWidth + "px)" - ); - } - } - - //-- - - let levelNumber; - $(".hp-sidebar-dropdown-container li a").mouseenter(function () { - if ($(this).next(".submenu-children").length) { - $(this).css("pointer-events", "none"); - - levelNumber = $(this) - .next(".collapse") - .find(".submenu-children") - .data("level"); - - $("body").append( - ` -
-
    ` + - $(this).next(".submenu-children").html() + - `
-
- ` - ); - - if ($(this).offset().top + $(".hp-sidebar-dropdown-container[data-level=" + levelNumber + "]").height() > $(window).height()) { - $(".hp-sidebar-dropdown-container[data-level=" + levelNumber + "] > ul").css({ - maxHeight: "calc(100vh - " + ($(window).height() - $(this).offset().top) + "px)", - }); - - $(".hp-sidebar-dropdown-container[data-level=" + levelNumber + "]").css( - "top", $(this).offset().top - $(".hp-sidebar-dropdown-container[data-level=" + levelNumber + "]").height() + 50 + "px" - ); - - if (position === "right") { - $(".hp-sidebar-dropdown-container[data-level=" + levelNumber + "]").css( - position, "calc(" + ($(this).width() + sidebarWidth - 38 + 27) + "px)" - ); - } else { - $(".hp-sidebar-dropdown-container[data-level=" + levelNumber + "]").css( - position, "calc(" + $(this).offset().left + "px + " + (sidebarWidth - 37) * parseInt(levelNumber) + "px)" - ); - } - } else { - $(".hp-sidebar-dropdown-container[data-level=" + levelNumber + "] > ul").css({ - maxHeight: "none", - }); - - $(".hp-sidebar-dropdown-container[data-level=" + levelNumber + "]").css("top", $(this).offset().top + "px"); - if (position === "right") { - $(".hp-sidebar-dropdown-container[data-level=" + levelNumber + "]").css( - position, "calc(" + ($(this).width() + sidebarWidth - 38 + 27) + "px)" - ); - } else { - $(".hp-sidebar-dropdown-container[data-level=" + levelNumber + "]").css( - position, "calc(" + $(this).offset().left + "px + " + (sidebarWidth - 37) * parseInt(levelNumber) + "px)" - ); - } - } - } else { - $(".hp-sidebar-dropdown-container li a").css("pointer-events", "all"); - $(".hp-sidebar-dropdown-container[data-level=" + levelNumber + "]").remove(); - } - }); - } - } else { - $(".hp-sidebar-dropdown-container").remove(); - } - }); - - $(window).mousemove(function (e) { - let menuItem = $(".hp-sidebar-container li a"); - let dropdownContainer = $(".hp-sidebar-dropdown-container"); - - if ( - !menuItem.is(event.target) && - !menuItem.has(event.target).length && - !dropdownContainer.is(event.target) && - !dropdownContainer.has(event.target).length - ) { - $(".hp-sidebar-dropdown-container").remove(); - $(".hp-sidebar-dropdown-container li a").css("pointer-events", "all"); - } - }); -}) - -// Avatar Component -$(function () { - // Max Count - $(".avatar-group").each(function (index) { - let maxValue = $(this).data("max"); - - if (maxValue) { - if ($(this).children("div").length > maxValue) { - $(this).find(".avatar-item-max-count").removeClass("d-none") - } - - $(this).children("div").each(function (index) { - if (!$(this).hasClass("avatar-item-max-count")) { - if ((index + 1) > maxValue) { - $(this).parent().find(".avatar-group-dropdown-container").append($(this)) - } - } - }); - - $(this).find(".avatar-item-max-count > span").text("+" + ($(this).parent().find(".avatar-group-dropdown-container > div").length)) - } - }); -}) - -// Carousel -new bootstrap.Carousel() - -// Input Number Component -$(".input-number .input-number-input").focusin(function () { - $(this).parent().parent().addClass("input-number-focused") -}); - -$(".input-number .input-number-input").focusout(function () { - $(this).parent().parent().removeClass("input-number-focused") -}); - -$(".input-number .input-number-input").keyup(function () { - let inputNumberUp = $(this).parents(".input-number").find(".input-number-handler-up"), - inputNumberDown = $(this).parents(".input-number").find(" .input-number-handler-down"); - - if (Number($(this).val()) >= $(this).attr("max")) { - $(this).val($(this).attr("max")) - - inputNumberUp.addClass("input-number-handler-up-disabled") - inputNumberDown.removeClass("input-number-handler-down-disabled") - } else { - inputNumberDown.removeClass("input-number-handler-down-disabled") - inputNumberUp.removeClass("input-number-handler-up-disabled") - } - - if ($(this).val() !== "") { - if (Number($(this).val()) <= $(this).attr("min")) { - $(this).val($(this).attr("min")) - - inputNumberDown.addClass("input-number-handler-down-disabled") - inputNumberUp.removeClass("input-number-handler-up-disabled") - } - } -}); - -$(".input-number .input-number-handler").click(function () { - let inputNumberInput = $(this).parents(".input-number").find(".input-number-input"), - inputNumberUp = $(this).parents(".input-number").find(".input-number-handler-up"), - inputNumberDown = $(this).parents(".input-number").find(".input-number-handler-down"), - inputNumberValue = Number(inputNumberInput.val()), - inputNumberStep = Number(inputNumberInput.attr("step")) ? Number(inputNumberInput.attr("step")) : 1, - inputNumberMin = Number(inputNumberInput.attr("min")), - inputNumberMax = Number(inputNumberInput.attr("max")); - - if (!$(this).hasClass("input-number-handler-up-disabled")) { - if ($(this).hasClass("input-number-handler-up")) { - if (inputNumberValue < inputNumberMax) { - inputNumberValue += inputNumberStep; - inputNumberDown.removeClass("input-number-handler-down-disabled") - } - - if (inputNumberValue === inputNumberMax) { - inputNumberUp.addClass("input-number-handler-up-disabled") - } - } - } - - if (!$(this).hasClass("input-number-handler-down-disabled")) { - if ($(this).hasClass("input-number-handler-down")) { - if (inputNumberValue > inputNumberMin) { - inputNumberValue -= inputNumberStep; - inputNumberUp.removeClass("input-number-handler-up-disabled") - } - - if (inputNumberValue === inputNumberMin) { - inputNumberDown.addClass("input-number-handler-down-disabled") - } - } - } - - inputNumberInput.val(inputNumberValue) -}); - -// Modal Component -var varyingModal = document.getElementById('varyingModal') -if (varyingModal) { - varyingModal.addEventListener('show.bs.modal', function (event) { - // Button that triggered the modal - var button = event.relatedTarget - // Extract info from data-bs-* attributes - var recipient = button.getAttribute('data-bs-whatever') - // If necessary, you could initiate an AJAX request here - // and then do the updating in a callback. - // - // Update the modal's content. - var modalTitle = varyingModal.querySelector('.modal-title') - var modalBodyInput = varyingModal.querySelector('.modal-body input') - - modalTitle.textContent = 'New message to ' + recipient - modalBodyInput.value = recipient - }) -} - -// Notification -$(".toast-btn").click(function () { - let btnItem = $(this), - btnId = btnItem.data("id"); - - $(".toast").each(function () { - let eachItem = $(this), - eachItemId = eachItem.data("id"); - - if (eachItemId) { - if (btnId === eachItemId) { - new bootstrap.Toast($(this)).show(); - } - } - }); -}); - -// Popover -var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]')) -var popoverList = popoverTriggerList.map(function (popoverTriggerEl) { - return new bootstrap.Popover(popoverTriggerEl) -}) - -// Area Chart -let optionsAreaChart = { - series: [ - { - name: "Visit", - data: [ - 10877, 29334, 33233, 36439, 32675, 32333, 33457, 38345, 36783, 30457, - 28459, 29840, - ], - }, - { - name: "Click", - data: [ - 8753, 21313, 24623, 28935, 27345, 23465, 27813, 29125, 26256, 24356, - 20233, 24570, - ], - }, - { - name: "Sales", - data: [ - 6000, 11313, 14623, 18935, 17345, 13465, 17813, 19125, 16256, 20356, - 16233, 14570, - ], - }, - ], - chart: { - fontFamily: "Manrope, sans-serif", - type: "area", - height: 350, - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - labels: { - style: { - fontSize: "14px", - }, - }, - - dataLabels: { - enabled: false, - }, - - grid: { - borderColor: "#DFE6E9", - row: { - opacity: 0.5, - }, - }, - fill: { - opacity: 1, - type: "solid", - }, - stroke: { - show: true, - width: 4, - curve: "straight", - colors: ["transparent"], - }, - xaxis: { - axisTicks: { - show: false, - borderType: "solid", - color: "#78909C", - height: 6, - offsetX: 0, - offsetY: 0, - }, - - labels: { - style: { - colors: ["636E72"], - fontSize: "14px", - }, - }, - categories: [ - "Jan", - "Feb", - "Mar", - "Apr", - "May", - "Jun", - "Jul", - "Aug", - "Sep", - "Oct", - "Nov", - "Dec", - ], - }, - legend: { - horizontalAlign: "right", - offsetX: 40, - position: "top", - markers: { - radius: 12, - }, - }, - colors: ["#EBFAFA", "#55B1F3", "#0010F7"], - - yaxis: { - labels: { - style: { - colors: ["636E72"], - fontSize: "14px", - }, - formatter: (value) => { - return value / 1000 + "K"; - }, - }, - - min: 0, - max: 40000, - tickAmount: 4, - }, -}; - -if (document.querySelector("#area-chart")) { - let chart = new ApexCharts(document.querySelector("#area-chart"), optionsAreaChart); - chart.render(); -} - -// Bar Chart -let optionsBarChart = { - series: [ - { - name: "Expenses", - data: [4477, 7834, 8233, 6039, 5575, 6933, 6357], - }, - ], - chart: { - fontFamily: "Manrope, sans-serif", - type: "bar", - height: 350, - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - plotOptions: { - bar: { - borderRadius: 4, - horizontal: true, - }, - }, - labels: { - style: { - fontSize: "14px", - }, - }, - dataLabels: { - enabled: false, - }, - - grid: { - borderColor: "#DFE6E9", - row: { - opacity: 0.5, - }, - }, - fill: { - opacity: 1, - type: "solid", - }, - stroke: { - show: true, - width: 4, - curve: "straight", - colors: ["transparent"], - }, - xaxis: { - axisTicks: { - show: false, - }, - tickAmount: 5, - labels: { - style: { - colors: ["636E72"], - fontSize: "14px", - }, - }, - categories: [ - "Sun, 23", - "Sat, 22", - "Fri, 21", - "Thu, 20", - "Wed, 19", - "Tue, 18", - "Mon, 17", - ], - }, - legend: { - horizontalAlign: "right", - offsetX: 40, - position: "top", - markers: { - radius: 12, - }, - }, - colors: ["#0063F7"], - - yaxis: { - reversed: $("body").hasClass("direction-end") ? true : false, - labels: { - style: { - colors: ["636E72"], - fontSize: "14px", - }, - }, - }, -}; - -if (document.querySelector("#bar-chart")) { - setTimeout(() => { - let chart = new ApexCharts(document.querySelector("#bar-chart"), optionsBarChart); - chart.render(); - }, 300); -} - -// Candlestick Chart -let optionsCandlestickChart = { - series: [ - { - data: [ - { - x: new Date(1538778600000), - y: [6629.81, 6650.5, 6623.04, 6633.33], - }, - { - x: new Date(1538780400000), - y: [6632.01, 6643.59, 6620, 6630.11], - }, - { - x: new Date(1538782200000), - y: [6630.71, 6648.95, 6623.34, 6635.65], - }, - { - x: new Date(1538784000000), - y: [6635.65, 6651, 6629.67, 6638.24], - }, - { - x: new Date(1538785800000), - y: [6638.24, 6640, 6620, 6624.47], - }, - { - x: new Date(1538787600000), - y: [6624.53, 6636.03, 6621.68, 6624.31], - }, - { - x: new Date(1538789400000), - y: [6624.61, 6632.2, 6617, 6626.02], - }, - { - x: new Date(1538791200000), - y: [6627, 6627.62, 6584.22, 6603.02], - }, - { - x: new Date(1538793000000), - y: [6605, 6608.03, 6598.95, 6604.01], - }, - { - x: new Date(1538794800000), - y: [6604.5, 6614.4, 6602.26, 6608.02], - }, - { - x: new Date(1538796600000), - y: [6608.02, 6610.68, 6601.99, 6608.91], - }, - { - x: new Date(1538798400000), - y: [6608.91, 6618.99, 6608.01, 6612], - }, - { - x: new Date(1538800200000), - y: [6612, 6615.13, 6605.09, 6612], - }, - { - x: new Date(1538802000000), - y: [6612, 6624.12, 6608.43, 6622.95], - }, - { - x: new Date(1538803800000), - y: [6623.91, 6623.91, 6615, 6615.67], - }, - { - x: new Date(1538805600000), - y: [6618.69, 6618.74, 6610, 6610.4], - }, - { - x: new Date(1538807400000), - y: [6611, 6622.78, 6610.4, 6614.9], - }, - { - x: new Date(1538809200000), - y: [6614.9, 6626.2, 6613.33, 6623.45], - }, - { - x: new Date(1538811000000), - y: [6623.48, 6627, 6618.38, 6620.35], - }, - { - x: new Date(1538812800000), - y: [6619.43, 6620.35, 6610.05, 6615.53], - }, - { - x: new Date(1538814600000), - y: [6615.53, 6617.93, 6610, 6615.19], - }, - { - x: new Date(1538816400000), - y: [6615.19, 6621.6, 6608.2, 6620], - }, - { - x: new Date(1538818200000), - y: [6619.54, 6625.17, 6614.15, 6620], - }, - { - x: new Date(1538820000000), - y: [6620.33, 6634.15, 6617.24, 6624.61], - }, - { - x: new Date(1538821800000), - y: [6625.95, 6626, 6611.66, 6617.58], - }, - { - x: new Date(1538823600000), - y: [6619, 6625.97, 6595.27, 6598.86], - }, - { - x: new Date(1538825400000), - y: [6598.86, 6598.88, 6570, 6587.16], - }, - { - x: new Date(1538827200000), - y: [6588.86, 6600, 6580, 6593.4], - }, - ], - }, - ], - chart: { - fontFamily: "Manrope, sans-serif", - type: "candlestick", - height: 350, - toolbar: { - show: false, - }, - zoom: { - enabled: true, - }, - }, - plotOptions: { - candlestick: { - colors: { - upward: "#00F7BF", - downward: "#FF0022", - }, - wick: { - useFillColor: true, - }, - }, - }, - - labels: { - style: { - fontSize: "14px", - }, - }, - - dataLabels: { - enabled: false, - }, - - grid: { - borderColor: "#DFE6E9", - }, - fill: { - opacity: 1, - type: "solid", - }, - - xaxis: { - type: "datetime", - axisTicks: { - show: false, - }, - - labels: { - style: { - colors: ["636E72"], - fontSize: "14px", - }, - }, - }, - legend: { - horizontalAlign: "right", - offsetX: 40, - position: "top", - markers: { - radius: 12, - }, - }, - yaxis: { - labels: { - style: { - colors: ["636E72"], - fontSize: "14px", - }, - }, - }, -}; - -if (document.querySelector("#candlestick-chart")) { - let chart = new ApexCharts(document.querySelector("#candlestick-chart"), optionsCandlestickChart); - chart.render(); -} - -// Column Chart -let optionsColumnChart = { - series: [ - { - name: "Earning", - data: [ - 28877, 29334, 33233, 36439, 32675, 32333, 33457, 38345, 36783, 39457, - 22459, 39840, - ], - }, - { - name: "Expense", - data: [ - 12010, 11313, 14623, 18935, 17345, 13465, 17813, 19125, 16256, 20356, - 12233, 14570, - ], - }, - ], - chart: { - fontFamily: "Manrope, sans-serif", - type: "bar", - height: 350, - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - labels: { - style: { - fontSize: "14px", - }, - }, - - dataLabels: { - enabled: false, - }, - - grid: { - borderColor: "#DFE6E9", - row: { - opacity: 0.5, - }, - }, - plotOptions: { - bar: { - horizontal: false, - borderRadius: 2, - columnWidth: "45%", - endingShape: "rounded", - }, - colors: { - backgroundBarColors: ["#0063F7", "#00F7BF"], - }, - }, - - stroke: { - show: true, - width: 4, - colors: ["transparent"], - }, - xaxis: { - axisTicks: { - show: false, - borderType: "solid", - color: "#78909C", - height: 6, - offsetX: 0, - offsetY: 0, - }, - - tickPlacement: "between", - labels: { - style: { - colors: ["636E72"], - fontSize: "14px", - }, - }, - categories: [ - "Jan", - "Feb", - "Mar", - "Apr", - "May", - "Jun", - "Jul", - "Aug", - "Sep", - "Oct", - "Nov", - "Dec", - ], - }, - legend: { - horizontalAlign: "right", - offsetX: 40, - position: "top", - markers: { - radius: 12, - }, - }, - yaxis: { - labels: { - style: { - colors: ["636E72"], - fontSize: "14px", - }, - formatter: (value) => { - return value / 1000 + "K"; - }, - }, - - min: 0, - max: 40000, - tickAmount: 4, - }, -}; - -if (document.querySelector("#column-chart")) { - let chart = new ApexCharts(document.querySelector("#column-chart"), optionsColumnChart); - chart.render(); -} - -// Donut Chart -let optionsDonutChart = { - series: [1244, 2155, 1541], - chart: { - fontFamily: "Manrope, sans-serif", - type: "donut", - height: 398, - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - colors: ["#0010F7", "#55B1F3", "#1BE7FF"], - - labels: ["Marketing", "Payments", "Bills"], - - dataLabels: { - enabled: false, - }, - plotOptions: { - pie: { - donut: { - size: "85%", - labels: { - show: true, - name: { - fontSize: "2rem", - }, - value: { - fontSize: "16px", - formatter(val) { - return `$ ${val}`; - }, - }, - total: { - show: true, - fontSize: "16px", - label: "Total", - formatter: function (w) { - return `$ ${w.globals.seriesTotals.reduce((a, b) => { - return a + b; - }, 0)}`; - }, - }, - }, - }, - }, - }, - - legend: { - itemMargin: { - horizontal: 24, - vertical: 0, - }, - horizontalAlign: "center", - position: "bottom", - fontSize: "14px", - - markers: { - radius: 12, - }, - }, -}; - -if (document.querySelector("#donut-chart")) { - let chart = new ApexCharts(document.querySelector("#donut-chart"), optionsDonutChart); - chart.render(); -} - -// Heatmap Chart -function generateData(count, yrange) { - let i = 0; - const series = []; - while (i < count) { - const x = `w${(i + 1).toString()}`; - const y = - Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min; - - series.push({ - x, - y, - }); - i++; - } - return series; -} - -let optionsHeatmapChart = { - series: [ - { - name: "SUN", - data: generateData(24, { - min: 0, - max: 40, - }), - }, - { - name: "MON", - data: generateData(24, { - min: 0, - max: 40, - }), - }, - { - name: "TUE", - data: generateData(24, { - min: 0, - max: 40, - }), - }, - { - name: "WED", - data: generateData(24, { - min: 0, - max: 40, - }), - }, - { - name: "THU", - data: generateData(24, { - min: 0, - max: 40, - }), - }, - { - name: "FRI", - data: generateData(24, { - min: 0, - max: 40, - }), - }, - { - name: "SAT", - data: generateData(24, { - min: 0, - max: 40, - }), - }, - ], - chart: { - fontFamily: "Manrope, sans-serif", - type: "heatmap", - height: 350, - toolbar: { - show: false, - }, - zoom: { - enabled: true, - }, - }, - plotOptions: { - heatmap: { - enableShades: false, - colorScale: { - ranges: [ - { - from: 0, - to: 10, - name: "0-10", - color: "#EBFAFA", - }, - { - from: 11, - to: 20, - name: "10-20", - color: "#55B1F3", - }, - { - from: 21, - to: 30, - name: "20-30", - color: "#0063F7", - }, - { - from: 31, - to: 40, - name: "30-40", - color: "#0010F7", - }, - ], - }, - }, - }, - - labels: { - style: { - fontSize: "14px", - }, - }, - - dataLabels: { - enabled: false, - }, - - grid: { - borderColor: "#DFE6E9", - }, - fill: { - opacity: 1, - type: "solid", - }, - - xaxis: { - labels: { - show: false, - }, - axisBorder: { - show: false, - }, - axisTicks: { - show: false, - }, - }, - legend: { - horizontalAlign: "center", - position: "bottom", - fontSize: "14px", - markers: { - radius: 12, - }, - }, - yaxis: { - labels: { - style: { - colors: ["636E72"], - fontSize: "14px", - }, - }, - }, -}; - -if (document.querySelector("#heatmap-chart")) { - let chart = new ApexCharts(document.querySelector("#heatmap-chart"), optionsHeatmapChart); - chart.render(); -} - -// Line Chart -let optionsLineChart = { - series: [ - { - name: "Ads", - data: [ - 28877, 29334, 33233, 36439, 32675, 32333, 33457, 38345, 36783, 39457, - 22459, 39840, - ], - }, - { - name: "Organic", - data: [ - 12010, 11313, 14623, 18935, 17345, 13465, 17813, 19125, 16256, 20356, - 12233, 14570, - ], - }, - ], - chart: { - fontFamily: "Manrope, sans-serif", - type: "line", - height: 350, - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - colors: ["#0063F7", "#1BE7FF"], - labels: { - style: { - fontSize: "14px", - }, - }, - - dataLabels: { - enabled: false, - }, - - grid: { - borderColor: "#DFE6E9", - row: { - opacity: 0.5, - }, - }, - - markers: { - strokeWidth: 0, - size: 6, - colors: ["#0063F7", "#1BE7FF"], - hover: { - sizeOffset: 1, - }, - }, - xaxis: { - axisTicks: { - show: false, - borderType: "solid", - color: "#78909C", - height: 6, - offsetX: 0, - offsetY: 0, - }, - - tickPlacement: "between", - labels: { - style: { - colors: ["636E72"], - fontSize: "14px", - }, - }, - categories: [ - "Jan", - "Feb", - "Mar", - "Apr", - "May", - "Jun", - "Jul", - "Aug", - "Sep", - "Oct", - "Nov", - "Dec", - ], - }, - legend: { - horizontalAlign: "right", - offsetX: 40, - position: "top", - }, - yaxis: { - labels: { - style: { - colors: ["636E72"], - fontSize: "14px", - }, - formatter: (value) => { - return value / 1000 + "K"; - }, - }, - - min: 0, - max: 40000, - tickAmount: 4, - }, -}; - -if (document.querySelector("#line-chart")) { - let chart = new ApexCharts(document.querySelector("#line-chart"), optionsLineChart); - chart.render(); -} - -// Radar Chart -let optionsRadarChart = { - series: [ - { - name: "Sales", - data: [80, 50, 30, 40, 100, 20], - }, - { - name: "Expense", - data: [20, 30, 40, 80, 20, 80], - }, - ], - chart: { - fontFamily: "Manrope, sans-serif", - height: 350, - type: "radar", - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - dropShadow: { - enabled: true, - blur: 4, - left: 1, - top: 1, - opacity: 0.1, - }, - }, - fill: { - opacity: [1, 1], - }, - stroke: { - show: false, - width: 0, - }, - markers: { - size: 0, - }, - - colors: ["#0010F7", "#1BE7FF"], - - labels: ["Marketing", "Payments", "Bills"], - - dataLabels: { - enabled: false, - }, - yaxis: { - show: false, - }, - xaxis: { - categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun"], - }, - - plotOptions: { - radar: { - polygons: { - connectorColors: "#fff", - }, - }, - }, - - legend: { - itemMargin: { - horizontal: 24, - vertical: 0, - }, - horizontalAlign: "center", - position: "bottom", - fontSize: "16px", - - markers: { - radius: 12, - }, - }, -}; - -if (document.querySelector("#radar-chart")) { - let chart = new ApexCharts(document.querySelector("#radar-chart"), optionsRadarChart); - chart.render(); -} - -// Radialbar Chart -let optionsRadialbarChart = { - series: [61, 82, 65], - chart: { - fontFamily: "Manrope, sans-serif", - type: "radialBar", - height: 398, - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - colors: ["#00F7BF", "#0010F7", "#FFC700"], - - labels: ["Ebay", "Amazon", "Web"], - - dataLabels: { - enabled: false, - }, - stroke: { - lineCap: "round", - }, - - plotOptions: { - radialBar: { - size: 185, - hollow: { - size: "25%", - }, - - track: { - margin: 16, - }, - dataLabels: { - show: true, - name: { - fontSize: "16px", - }, - value: { - fontSize: "16px", - }, - total: { - show: true, - fontSize: "16px", - label: "Total", - formatter: function (w) { - return 7400; - }, - }, - }, - }, - }, - - legend: { - show: true, - itemMargin: { - horizontal: 24, - vertical: 0, - }, - horizontalAlign: "center", - position: "bottom", - fontSize: "16px", - - markers: { - radius: 12, - }, - }, -}; - -if (document.querySelector("#radialbar-chart")) { - let chart = new ApexCharts(document.querySelector("#radialbar-chart"), optionsRadialbarChart); - chart.render(); -} - -// Scatter Chart -let optionsScatterChart = { - series: [ - { - name: "Nike", - data: [ - [16.4, 5.4], - [21.7, 2], - [25.4, 3], - [19, 2], - [10.9, 1], - [13.6, 3.2], - [10.9, 7.4], - [10.9, 0], - [10.9, 8.2], - [16.4, 0], - [16.4, 1.8], - [13.6, 0.3], - [13.6, 0], - [29.9, 0], - [27.1, 2.3], - [16.4, 0], - [13.6, 3.7], - [10.9, 5.2], - [16.4, 6.5], - [10.9, 0], - [24.5, 7.1], - [10.9, 0], - [8.1, 4.7], - [19, 0], - [21.7, 1.8], - [27.1, 0], - [24.5, 0], - [27.1, 0], - [29.9, 1.5], - [27.1, 0.8], - [22.1, 2], - ], - }, - { - name: "Adidas", - data: [ - [36.4, 13.4], - [1.7, 11], - [5.4, 8], - [9, 17], - [1.9, 4], - [3.6, 12.2], - [1.9, 14.4], - [1.9, 9], - [1.9, 13.2], - [1.4, 7], - [6.4, 8.8], - [3.6, 4.3], - [1.6, 10], - [9.9, 2], - [7.1, 15], - [1.4, 0], - [3.6, 13.7], - [1.9, 15.2], - [6.4, 16.5], - [0.9, 10], - [4.5, 17.1], - [10.9, 10], - [0.1, 14.7], - [9, 10], - [12.7, 11.8], - [2.1, 10], - [2.5, 10], - [27.1, 10], - [2.9, 11.5], - [7.1, 10.8], - [2.1, 12], - ], - }, - { - name: "Puma", - data: [ - [21.7, 3], - [23.6, 3.5], - [24.6, 3], - [29.9, 3], - [21.7, 20], - [23, 2], - [10.9, 3], - [28, 4], - [27.1, 0.3], - [16.4, 4], - [13.6, 0], - [19, 5], - [22.4, 3], - [24.5, 3], - [32.6, 3], - [27.1, 4], - [29.6, 6], - [31.6, 8], - [21.6, 5], - [20.9, 4], - [22.4, 0], - [32.6, 10.3], - [29.7, 20.8], - [24.5, 0.8], - [21.4, 0], - [21.7, 6.9], - [28.6, 7.7], - [15.4, 0], - [18.1, 0], - [33.4, 0], - [16.4, 0], - ], - }, - ], - chart: { - fontFamily: "Manrope, sans-serif", - type: "scatter", - height: 350, - toolbar: { - show: false, - }, - zoom: { - enabled: true, - }, - }, - labels: { - style: { - fontSize: "14px", - }, - }, - - dataLabels: { - enabled: false, - }, - - grid: { - borderColor: "#DFE6E9", - row: { - opacity: 0.5, - }, - }, - fill: { - opacity: 1, - type: "solid", - }, - stroke: { - show: true, - width: 4, - curve: "straight", - colors: ["transparent"], - }, - xaxis: { - axisTicks: { - show: false, - }, - - tickAmount: 10, - labels: { - style: { - colors: ["636E72"], - fontSize: "14px", - }, - formatter: function (val) { - return parseFloat(val).toFixed(1); - }, - }, - }, - - legend: { - horizontalAlign: "right", - offsetX: 40, - position: "top", - markers: { - radius: 12, - }, - }, - colors: ["#00F7BF", "#55B1F3", "#0010F7"], - - yaxis: { - labels: { - style: { - colors: ["636E72"], - fontSize: "14px", - }, - }, - - tickAmount: 7, - }, -}; - -if (document.querySelector("#scatter-chart")) { - let chart = new ApexCharts(document.querySelector("#scatter-chart"), optionsScatterChart); - chart.render(); -} - -// Dashboard Ecommerce Earning Donut Card -let optionsEcommerceEarningDonutCard = { - series: [1244, 2155, 1541], - chart: { - id: "earnings-donut-card", - fontFamily: "Manrope, sans-serif", - type: "donut", - height: 350, - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - colors: ["#0063F7", "#98FFE0", "#1BE7FF"], - - labels: ["Online", "Offline", "Marketing"], - - dataLabels: { - enabled: false, - }, - - plotOptions: { - pie: { - donut: { - size: "90%", - labels: { - show: true, - name: { - fontSize: "2rem", - }, - value: { - fontSize: "24px", - fontWeight: "regular", - color: "B2BEC3", - formatter(val) { - return `%${Math.round(val / 100)}`; - }, - }, - total: { - show: true, - fontSize: "24px", - fontWeight: "regular", - label: "Kitchen", - color: "#636E72", - - formatter: function (w) { - return `%${w.globals.seriesTotals.reduce((a, b) => { - return Math.round((a + b) / 100); - }, 0)}`; - }, - }, - }, - }, - }, - }, - responsive: [ - { - breakpoint: 426, - options: { - legend: { - itemMargin: { - horizontal: 16, - vertical: 8, - }, - }, - }, - }, - ], - - legend: { - itemMargin: { - horizontal: 12, - vertical: 24, - }, - horizontalAlign: "center", - position: "bottom", - fontSize: "12px", - inverseOrder: true, - markers: { - radius: 12, - }, - }, -}; - -if (document.querySelector("#earnings-donut-card")) { - let chart = new ApexCharts(document.querySelector("#earnings-donut-card"), optionsEcommerceEarningDonutCard); - chart.render(); -} - -// Dashboard Analytics -let optionsAnalyticsBalanceChart = { - series: [ - { - name: "Balance", - data: [ - 28877, 29334, 33233, 36439, 32675, 32333, 33457, 38345, 36783, - 39457, 22459, 39840, - ], - }, - ], - fill: { - opacity: 1, - colors: [ - document.body.classList.contains("dark") ? "#ffffff" : "#2D3436" - ], - }, - chart: { - fontFamily: "Manrope, sans-serif", - type: "bar", - height: "250", - toolbar: { - show: false, - }, - zoom: { - enabled: false, - }, - }, - labels: { - style: { - fontSize: "14px", - }, - }, - dataLabels: { - enabled: false, - }, - grid: { - borderColor: "#B2BEC3", - opacity: 1, - }, - plotOptions: { - bar: { - horizontal: false, - borderRadius: 2, - columnWidth: "60%", - colors: { - backgroundBarColors: ["#B2BEC3"], - backgroundBarOpacity: 0.2, - }, - }, - }, - stroke: { - show: true, - width: 4, - colors: ["transparent"], - }, - xaxis: { - axisTicks: { - show: false, - borderType: "solid", - height: 6, - offsetX: 0, - offsetY: 0, - }, - tickPlacement: "between", - labels: { - style: { - colors: [ - "#B2BEC3", - "#B2BEC3", - "#B2BEC3", - "#B2BEC3", - "#B2BEC3", - "#B2BEC3", - "#B2BEC3", - "#B2BEC3", - "#B2BEC3", - "#B2BEC3", - "#B2BEC3", - "#B2BEC3", - ], - fontSize: "12px", - }, - }, - categories: [ - "Jan", - "Feb", - "Mar", - "Apr", - "May", - "Jun", - "Jul", - "Aug", - "Sep", - "Oct", - "Nov", - "Dec", - ], - }, - legend: { - horizontalAlign: "right", - offsetX: 40, - position: "top", - markers: { - radius: 12, - }, - }, - yaxis: { - labels: { - style: { - colors: ["#636E72"], - fontSize: "14px", - }, - formatter: (value) => { - return value == "0" ? value / 1000 : value / 1000 + "K"; - }, - }, - min: 0, - max: 60000, - tickAmount: 4, - } -}; - -if (document.querySelector("#dashboard-analytics-balance-chart")) { - let chart = new ApexCharts(document.querySelector("#dashboard-analytics-balance-chart"), optionsAnalyticsBalanceChart); - chart.render(); -} - -// Ecommerce Detail Other Slider -setTimeout(() => { - new Swiper('.hp-ecommerce-app-detail-other-slider .swiper', { - slidesPerView: 2, - spaceBetween: 24, - navigation: { - nextEl: '.hp-ecommerce-app-detail-other-slider .btn-next', - prevEl: '.hp-ecommerce-app-detail-other-slider .btn-prev', - }, - breakpoints: { - 1200: { - slidesPerView: 6, - }, - 768: { - slidesPerView: 3, - }, - } - }); -}, 500); - -// Ecommerce Detail Slider -setTimeout(() => { - let ecommerceAppDetailSlider1 = new Swiper(".hp-ecommerce-app-detail-slider-1", { - loop: true, - slidesPerView: 1, - watchSlidesProgress: true, - }); - - new Swiper(".hp-ecommerce-app-detail-slider-2", { - slidesPerView: 3, - loop: true, - thumbs: { - swiper: ecommerceAppDetailSlider1, - }, - breakpoints: { - 768: { - slidesPerView: 4, - } - } - }); -}, 500); - -// Auth V2 -if ($(".hp-authentication-page-register").length) { - $(".hp-authentication-page-register *[data-button-step]").click(function () { - let buttonItem = $(this); - - if (buttonItem.attr("data-button-step") === "register-step-1") { - $(this).addClass("d-none") - $(".hp-authentication-page-register *[data-button-step='register-step-2']").removeClass("d-none") - - $(".hp-authentication-page-register *[data-step]").each(function () { - if ("register-step-1" === $(this).attr("data-step")) { - $(this).removeClass("d-none") - } - }); - } - - if (buttonItem.attr("data-button-step") === "register-step-2") { - $(this).addClass("d-none") - $(".hp-authentication-page-register *[data-button-step='register-step-3']").removeClass("d-none") - - $(".hp-authentication-page-register *[data-step]").each(function () { - if ("register-step-2" === $(this).attr("data-step")) { - $(this).removeClass("d-none") - } - }); - } - - if (buttonItem.attr("data-button-step") === "register-step-3") { - $(this).addClass("d-none") - $(".hp-authentication-page-register *[data-button-step='register-step-4']").removeClass("d-none") - - $(".hp-authentication-page-register *[data-step]").each(function () { - if ("register-step-3" === $(this).attr("data-step")) { - $(this).removeClass("d-none") - } - }); - } - }); -} else { - $(".hp-authentication-page *[data-button-step]").click(function () { - let buttonItem = $(this); - - $(".hp-authentication-page *[data-step]").each(function () { - if (buttonItem.attr("data-button-step") === $(this).attr("data-step")) { - $(this).removeClass("d-none") - buttonItem.addClass("d-none") - } - }); - }); -} - -// Dashboard Ecommerce Products Slide -setTimeout(() => { - new Swiper('.best-selling-product-slide .swiper', { - slidesPerView: 1, - spaceBetween: 32, - speed: 800, - navigation: { - nextEl: '.best-selling-product-slide .slide-btn-next', - prevEl: '.best-selling-product-slide .slide-btn-prev', - }, - breakpoints: { - 992: { - slidesPerView: 3, - }, - 768: { - slidesPerView: 2, - }, - } - }); -}, 500); - -$(function () { - // Slide - new Swiper('.hp-landing-features-slide', { - slidesPerView: 1, - spaceBetween: 32, - centeredSlides: true, - loop: true, - speed: 800, - autoplay: { - delay: 5000, - disableOnInteraction: false, - }, - breakpoints: { - 1200: { - slidesPerView: 3, - }, - 768: { - slidesPerView: 2, - }, - } - }); - - // Pricing - $(".hp-landing-pricing .form-switch input").change(function (e) { - $(this).parent().next("span").toggleClass("text-primary text-black-100 hp-text-color-dark-0") - $(this).parent().prev("span").toggleClass("text-primary text-black-100 hp-text-color-dark-0") - - $(".monthly-text").toggleClass("d-none") - $(".annually-text").toggleClass("d-none") - }) -}) -// Components Page Menu -setTimeout(() => { - new Swiper('.hp-components-menu .swiper', { - slidesPerView: 'auto', - speed: 800, - }); -}, 500); -// Pricing Page -$(function () { - $("#pricing-billed").change(function (e) { - if (e.target.checked) { - $(".hp-pricing-billed-yearly-text").addClass("active"); - $(".hp-pricing-billed-monthly-text").removeClass("active"); - - $(".hp-pricing-billed-active").removeClass("d-none") - $(".hp-pricing-billed-inactive").addClass("d-none") - } else { - $(".hp-pricing-billed-monthly-text").addClass("active"); - $(".hp-pricing-billed-yearly-text").removeClass("active"); - - $(".hp-pricing-billed-active").addClass("d-none") - $(".hp-pricing-billed-inactive").removeClass("d-none") - } - }) -}) - -const defaultButtons = ` - - - - - - - - -`; - -const largeButtons = ` - - - - - - - - -`; - -const smallButtons = ` - - - - - - - - -`; - -const textButtons = ` - - - - - - - - -`; - -const linkButtons = ` - - - - - - - - -`; - -const dashedButtons = ` - - - - - - - - -`; - -const disabledButtons = ` - - - - - - -`; - -const outlineButtons = ` - - - - - - - - -`; - -const ghostButtons = ` - - - - - - - - -`; - -const gradientButtons = ` - - - - - - - - -`; - -const iconButtons = ` - - - - - - --- - - - - - - - --- - - - - - - - --- - - - - - - - --- - - - - - - - --- - - - - - - - -`; - -const iconOnlyButtons = ` - - - - - - - - - - - - --- - - - - - - - - - - - - - --- - - - - - - - - - - - - - --- - - - - - - - - - - - - - --- - - - - - - - - - - - - - --- - - - - - - - - - - - - - -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "buttons") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "default-buttons") { - $(this).text(defaultButtons) - } - - if ($(this).data("code") === "large-buttons") { - $(this).text(largeButtons) - } - - if ($(this).data("code") === "small-buttons") { - $(this).text(smallButtons) - } - - if ($(this).data("code") === "text-buttons") { - $(this).text(textButtons) - } - - if ($(this).data("code") === "link-buttons") { - $(this).text(linkButtons) - } - - if ($(this).data("code") === "dashed-buttons") { - $(this).text(dashedButtons) - } - - if ($(this).data("code") === "disabled-buttons") { - $(this).text(disabledButtons) - } - - if ($(this).data("code") === "outline-buttons") { - $(this).text(outlineButtons) - } - - if ($(this).data("code") === "ghost-buttons") { - $(this).text(ghostButtons) - } - - if ($(this).data("code") === "gradient-buttons") { - $(this).text(gradientButtons) - } - - if ($(this).data("code") === "icon-buttons") { - $(this).text(iconButtons) - } - - if ($(this).data("code") === "icon-only-buttons") { - $(this).text(iconOnlyButtons) - } - } -}); - -const basicAccordion = ` -
-
-

- -

- -
-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget eleifend lectus. Sed quis nisi lectus. Quisque vel leo diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet nisi eu nisi tincidunt facilisis. Sed mollis nisl dui, a sodales massa sodales sit amet. Sed nisl est, volutpat sed feugiat non, maximus id orci. Fusce placerat congue nulla, a consectetur massa hendrerit a. -

-
-
-
- -
-

- -

- -
-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget eleifend lectus. Sed quis nisi lectus. Quisque vel leo diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet nisi eu nisi tincidunt facilisis. Sed mollis nisl dui, a sodales massa sodales sit amet. Sed nisl est, volutpat sed feugiat non, maximus id orci. Fusce placerat congue nulla, a consectetur massa hendrerit a. -

-
-
-
- -
-

- -

- -
-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget eleifend lectus. Sed quis nisi lectus. Quisque vel leo diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet nisi eu nisi tincidunt facilisis. Sed mollis nisl dui, a sodales massa sodales sit amet. Sed nisl est, volutpat sed feugiat non, maximus id orci. Fusce placerat congue nulla, a consectetur massa hendrerit a. -

-
-
-
-
- -`; - -const flushAccordion = ` -
-
-

- -

- -
-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget eleifend lectus. Sed quis nisi lectus. Quisque vel leo diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet nisi eu nisi tincidunt facilisis. Sed mollis nisl dui, a sodales massa sodales sit amet. Sed nisl est, volutpat sed feugiat non, maximus id orci. Fusce placerat congue nulla, a consectetur massa hendrerit a. -

-
-
-
- -
-

- -

- -
-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget eleifend lectus. Sed quis nisi lectus. Quisque vel leo diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet nisi eu nisi tincidunt facilisis. Sed mollis nisl dui, a sodales massa sodales sit amet. Sed nisl est, volutpat sed feugiat non, maximus id orci. Fusce placerat congue nulla, a consectetur massa hendrerit a. -

-
-
-
- -
-

- -

- -
-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget eleifend lectus. Sed quis nisi lectus. Quisque vel leo diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet nisi eu nisi tincidunt facilisis. Sed mollis nisl dui, a sodales massa sodales sit amet. Sed nisl est, volutpat sed feugiat non, maximus id orci. Fusce placerat congue nulla, a consectetur massa hendrerit a. -

-
-
-
-
- -`; - -const openData = ` -
-
-

- -

- -
-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget eleifend lectus. Sed quis nisi lectus. Quisque vel leo diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet nisi eu nisi tincidunt facilisis. Sed mollis nisl dui, a sodales massa sodales sit amet. Sed nisl est, volutpat sed feugiat non, maximus id orci. Fusce placerat congue nulla, a consectetur massa hendrerit a. -

-
-
-
- -
-

- -

- -
-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget eleifend lectus. Sed quis nisi lectus. Quisque vel leo diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet nisi eu nisi tincidunt facilisis. Sed mollis nisl dui, a sodales massa sodales sit amet. Sed nisl est, volutpat sed feugiat non, maximus id orci. Fusce placerat congue nulla, a consectetur massa hendrerit a. -

-
-
-
- -
-

- -

- -
-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget eleifend lectus. Sed quis nisi lectus. Quisque vel leo diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet nisi eu nisi tincidunt facilisis. Sed mollis nisl dui, a sodales massa sodales sit amet. Sed nisl est, volutpat sed feugiat non, maximus id orci. Fusce placerat congue nulla, a consectetur massa hendrerit a. -

-
-
-
-
- -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "accordion") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "example") { - $(this).text(basicAccordion) - } - - if ($(this).data("code") === "flush") { - $(this).text(flushAccordion) - } - - if ($(this).data("code") === "open") { - $(this).text(openData) - } - } -}); - -const examplesAlert = ` - - - - - - - - - - - - - - - - -`; - -const linkColor = ` - - - - - - - - - - - - - - - - -`; - -const additional = ` - - -`; - -const iconsAlert = ` - - -`; - -const icons2Alert = ` - - - - - - - - - - - - - - - - - - - - - - -`; - -const dismissing = ` - - -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "alert") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "examples") { - $(this).text(examplesAlert) - } - - if ($(this).data("code") === "link-color") { - $(this).text(linkColor) - } - - if ($(this).data("code") === "additional") { - $(this).text(additional) - } - - if ($(this).data("code") === "icons") { - $(this).text(iconsAlert) - } - - if ($(this).data("code") === "icons2") { - $(this).text(icons2Alert) - } - - if ($(this).data("code") === "dismissing") { - $(this).text(dismissing) - } - } -}); - -const basicAvatar = ` -
-
- -
- -
- -
- -
- -
- -
- -
-
- -
-
- -
- -
- -
- -
- -
- -
- -
-
- -`; - -const avatarGroup = ` -
-
- User -
- -
K
- -
-
- -
-
- -
- -
-
- -
- -
-
- User -
- -
K
- -
-
- -
-
- -
- -
- -
- - -
-
-
-
-
- -
- -
-
- User -
- -
K
- -
- +2 - -
-
-
-
- -
-
- -
- -
-
-
-
-
- -`; - -const avatarType = ` -
- -
- -
S
- -
- USER -
- -
D
- -
- -
- -`; - -const avatarBadge = ` -
-
- -
- - 1 -
- -
-
- -
- - -
- -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "avatar") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "basic") { - $(this).text(basicAvatar) - } - - if ($(this).data("code") === "avatar-group") { - $(this).text(avatarGroup) - } - - if ($(this).data("code") === "avatar-type") { - $(this).text(avatarType) - } - - if ($(this).data("code") === "avatar-badge") { - $(this).text(avatarBadge) - } - } -}); - -const headings = ` -

Example heading New

-

Example heading New

-

Example heading New

-

Example heading New

-
Example heading New
-
Example heading New
- -`; - -const buttons = ` - - -`; - -const positioned = ` - - - - -`; - -const background = ` -Primary -Secondary -Success -Danger -Warning -Info -Light -Dark - -`; - -const pillBadges = ` -Primary -Secondary -Success -Danger -Warning -Info -Light -Dark - -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "badge") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "headings") { - $(this).text(headings) - } - - if ($(this).data("code") === "buttons") { - $(this).text(buttons) - } - - if ($(this).data("code") === "positioned") { - $(this).text(positioned) - } - - if ($(this).data("code") === "background") { - $(this).text(background) - } - - if ($(this).data("code") === "pill-badges") { - $(this).text(pillBadges) - } - } -}); - -const basicBreadcrumb = ` - - - - - - -`; - -const divider = ` - - - - - - -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "breadcrumb") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "basic") { - $(this).text(basicBreadcrumb) - } - - if ($(this).data("code") === "divider") { - $(this).text(divider) - } - } -}); - -const exampleCard = ` -
- ... - -
-
Card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

- Go somewhere -
-
- -`; - -const bodyCard = ` -
-
- This is some text within a card body. -
-
- -`; - -const titlesTextLinks = ` -
-
-
Card title
-
Card subtitle
-

Some quick example text to build on the card title and make up the bulk of the card's content.

- Card link - Another link -
-
- -`; - -const imagesCard = ` -
- ... - -
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
- -`; - -const listGroups = ` -
-
    -
  • An item
    • -
  • A second item
    • -
  • A third item
    • -
-
- -
-
- Featured -
-
    -
  • An item
    • -
  • A second item
    • -
  • A third item
    • -
-
- -
-
    -
  • An item
    • -
  • A second item
    • -
  • A third item
    • -
-
- Card footer -
-
- -`; - -const kitchenSink = ` -
- ... - -
-
Card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
- -
    -
  • An item
    • -
  • A second item
    • -
  • A third item
    • -
- -
- Card link - Another link -
-
- -`; - -const headerAndFooter = ` -
-
- Featured -
- -
-
Special title treatment
-

With supporting text below as a natural lead-in to additional content.

- Go somewhere -
-
- -
-
- Featured -
- -
-
Special title treatment
-

With supporting text below as a natural lead-in to additional content.

- Go somewhere -
- -
- 2 days ago -
-
- -`; - -const navigation = ` -
-
- -
- -
-
Special title treatment
-

With supporting text below as a natural lead-in to additional content.

- Go somewhere -
-
- -
-
- -
- -
-
Special title treatment
-

With supporting text below as a natural lead-in to additional content.

- Go somewhere -
-
- -`; - -const imageCaps = ` -
- ... - -
-
Card title
-

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

-

- Last updated 3 mins ago -

-
-
- -
-
-
Card title
-

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

-

- Last updated 3 mins ago -

-
- - ... -
- -`; - -const imageOverlay = ` -
- ... - -
-
Card title
-

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

-

Last updated 3 mins ago

-
-
- -`; - -const horizontalCard = ` -
-
-
- ... -
- -
-
-
Card title
-

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

-

- Last updated 3 mins ago -

-
-
-
-
- -`; - -const backgroundColor = ` -
-
Header
-
-
Primary card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
- -
-
Header
-
-
Secondary card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
- -
-
Header
-
-
Success card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
- -
-
Header
-
-
Danger card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
- -
-
Header
-
-
Warning card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
- -
-
Header
-
-
Info card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
- -
-
Header
-
-
Light card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
- -
-
Header
-
-
Dark card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
- -`; - -const cardBorder = ` -
-
Header
-
-
Primary card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
- -
-
Header
-
-
Secondary card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
- -
-
Header
-
-
Success card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
- -
-
Header
-
-
Danger card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
- -
-
Header
-
-
Warning card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
- -
-
Header
-
-
Info card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
- -
-
Header
-
-
Light card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
- -
-
Header
-
-
Dark card title
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
- -`; - -const cardGroups = ` -
-
- ... - -
-
Card title
-

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

-

- Last updated 3 mins ago -

-
-
- -
- ... - -
-
Card title
-

This card has supporting text below as a natural lead-in to additional content.

-

- Last updated 3 mins ago -

-
-
- -
- ... - -
-
Card title
-

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.

-

- Last updated 3 mins ago -

-
-
-
- -
-
- ... - -
-
Card title
-

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

-
-
- Last updated 3 mins ago -
-
- -
- ... - -
-
Card title
-

This card has supporting text below as a natural lead-in to additional content.

-
-
- Last updated 3 mins ago -
-
- -
- ... - -
-
Card title
-

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action. This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.

-
-
- Last updated 3 mins ago -
-
-
- -`; - -const cardGrid = ` -
-
-
- ... - -
-
Card title
-

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

-
-
-
- -
-
- ... - -
-
Card title
-

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer. This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer. This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

-
-
-
- -
-
- ... - -
-
Card title
-

This is a longer card with supporting text below as a natural lead-in to additional content.

-
-
-
- -
-
- ... - -
-
Card title
-

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

-
-
-
-
- -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "card") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "example") { - $(this).text(exampleCard) - } - - if ($(this).data("code") === "body") { - $(this).text(bodyCard) - } - - if ($(this).data("code") === "titles-text-links") { - $(this).text(titlesTextLinks) - } - - if ($(this).data("code") === "images") { - $(this).text(imagesCard) - } - - if ($(this).data("code") === "list-groups") { - $(this).text(listGroups) - } - - if ($(this).data("code") === "kitchen-sink") { - $(this).text(kitchenSink) - } - - if ($(this).data("code") === "header-and-footer") { - $(this).text(headerAndFooter) - } - - if ($(this).data("code") === "navigation") { - $(this).text(navigation) - } - - if ($(this).data("code") === "image-caps") { - $(this).text(imageCaps) - } - - if ($(this).data("code") === "image-overlay") { - $(this).text(imageOverlay) - } - - if ($(this).data("code") === "horizontal") { - $(this).text(horizontalCard) - } - - if ($(this).data("code") === "background-color") { - $(this).text(backgroundColor) - } - - if ($(this).data("code") === "card-border") { - $(this).text(cardBorder) - } - - if ($(this).data("code") === "card-groups") { - $(this).text(cardGroups) - } - - if ($(this).data("code") === "card-grid") { - $(this).text(cardGrid) - } - } -}); - -const basicCarousel = ` - - -`; - -const controls = ` - - -`; - -const indicators = ` - - -`; - -const captionsCarousel = ` - - -`; - -const crossfade = ` - - -`; - -const interval = ` - - -`; - -const touch = ` - - -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "carousel") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "basic") { - $(this).text(basicCarousel) - } - - if ($(this).data("code") === "controls") { - $(this).text(controls) - } - - if ($(this).data("code") === "indicators") { - $(this).text(indicators) - } - - if ($(this).data("code") === "captions") { - $(this).text(captionsCarousel) - } - - if ($(this).data("code") === "crossfade") { - $(this).text(crossfade) - } - - if ($(this).data("code") === "interval") { - $(this).text(interval) - } - - if ($(this).data("code") === "touch") { - $(this).text(touch) - } - } -}); - -const basicCheckbox = ` -
- - -
- -
- - -
- -`; - -const disabledCheckbox = ` -
- - -
- -
- - -
-`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "checkbox") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "basic") { - $(this).text(basicCheckbox) - } - - if ($(this).data("code") === "disabled") { - $(this).text(disabledCheckbox) - } - } -}); - -const exampleCollapse = ` - - - - -
-
-

- Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger. -

-
-
- -`; - -const multipleCollapse = ` - - - - - - -
-
-
-
-

- Some placeholder content for the first collapse component of this multi-collapse example. This panel is hidden by default but revealed when the user activates the relevant trigger. -

-
-
-
- -
-
-
-

- Some placeholder content for the first collapse component of this multi-collapse example. This panel is hidden by default but revealed when the user activates the relevant trigger. -

-
-
-
-
- -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "collapse") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "example") { - $(this).text(exampleCollapse) - } - - if ($(this).data("code") === "multiple") { - $(this).text(multipleCollapse) - } - } -}); - -const demoDrawer = ` - - Link with href - - - - -
-
-
Offcanvas
- -
- -
-
- Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc. -
- -
- - - -
-
-
- -`; - -const placement = ` - - - - - - -
-
-
Offcanvas top
- -
- -
- ... -
-
- -
-
-
Offcanvas right
- -
- -
- ... -
-
- -
-
-
Offcanvas bottom
- -
- -
- ... -
-
- -`; - -const backdrop = ` - - - - -
-
-
Colored with scrolling
- -
-
-

Try scrolling the rest of the page to see this option in action.

-
-
- -
-
-
Offcanvas with backdrop
- -
-
-

.....

-
-
- -
-
-
Backdroped with scrolling
- -
-
-

Try scrolling the rest of the page to see this option in action.

-
-
- -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "drawer") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "demo") { - $(this).text(demoDrawer) - } - - if ($(this).data("code") === "placement") { - $(this).text(placement) - } - - if ($(this).data("code") === "backdrop") { - $(this).text(backdrop) - } - } -}); - -const singleButton = ` -
- - - -
- -
- - - -
- -
- - - - - - - - - - - - - -
- -`; - -const splitButton = ` -
- - - - -
- -`; - -const sizing = ` -
- - -
    - ... -
-
- -
- - - -
    - ... -
-
- -
- - -
    - ... -
-
- -
- - - -
    - ... -
-
- -`; - -const dropup = ` -
- - -
    -
  • ...
    • -
-
- -
- - - - -
    -
  • ...
    • -
-
- -`; - -const dropright = ` -
- - -
    -
  • ...
    • -
-
- -
- - - -
    -
  • ...
    • -
-
- -`; - -const dropleft = ` -
- - -
    -
  • ...
    • -
-
- -
- - - -
    -
  • ...
    • -
-
- -`; - -const responsiveDropdown = ` -
- -
    -
    • -
    • -
    • -
-
- -
- - -
    -
    • -
    • -
    • -
-
- -`; - -const alignment = ` -
- - -
- -
- - -
- -
- - -
- -
- - -
- -
- - -
- -
- - -
- -`; - -const dropdownOptions = ` -
- - - -
- -
- - - - -
- -`; - -const autoClose = ` -
- - -
- -
- - -
- -
- - -
- -
- - -
- -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "dropdown") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "single-button") { - $(this).text(singleButton) - } - - if ($(this).data("code") === "split-button") { - $(this).text(splitButton) - } - - if ($(this).data("code") === "sizing") { - $(this).text(sizing) - } - - if ($(this).data("code") === "dropup") { - $(this).text(dropup) - } - - if ($(this).data("code") === "dropright") { - $(this).text(dropright) - } - - if ($(this).data("code") === "dropleft") { - $(this).text(dropleft) - } - - if ($(this).data("code") === "responsive") { - $(this).text(responsiveDropdown) - } - - if ($(this).data("code") === "alignment") { - $(this).text(alignment) - } - - if ($(this).data("code") === "dropdown-options") { - $(this).text(dropdownOptions) - } - - if ($(this).data("code") === "auto-close") { - $(this).text(autoClose) - } - } -}); - -const basicForm = ` -
-
- - -
We'll never share your email with anyone else.
-
- -
- - -
- -
- - -
- - -
- -`; - -const disabledForm = ` -
-
- - -
- -
- - -
- -
-
- - -
-
- - -
- -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "form") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "basic") { - $(this).text(basicForm) - } - - if ($(this).data("code") === "disabled") { - $(this).text(disabledForm) - } - } -}); - -const basicInputNumber = ` -
-
- - - - - - - - - - - - - - - -
- -
- -
-
- -`; - -const disabledInputNumber = ` -
-
- - - - - - - - - - - - - - - -
- -
- -
-
- -`; - -const sizesInputNumber = ` -
-
- - - - - - - - - - - - - - - -
- -
- -
-
- -
-
- - - - - - - - - - - - - - - -
- -
- -
-
- -
-
- - - - - - - - - - - - - - - -
- -
- -
-
- -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "input-number") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "basic") { - $(this).text(basicInputNumber) - } - - if ($(this).data("code") === "disabled") { - $(this).text(disabledInputNumber) - } - - if ($(this).data("code") === "sizes") { - $(this).text(sizesInputNumber) - } - } -}); - -const basicInput = ` - - -
- @ - -
- -
- - @example.com -
- - -
- https://example.com/users/ - -
- -
- $ - - .00 -
- -
- - @ - -
- -
- With textarea - -
- -`; - -const sizingInput = ` -
- Small - -
- -
- Default - -
- -
- Large - -
- -`; - -const checkboxesRadios = ` -
-
- -
- -
- -
-
- -
- -
- -`; - -const multipleInput = ` -
- First and last name - - -
- -`; - -const addons = ` -
- $ - 0.00 - -
- -
- - $ - 0.00 -
- -`; - -const buttonAddons = ` -
- - -
- -
- - -
- -
- - - -
- -
- - - -
- -`; - -const buttonDropdowns = ` -
- - - -
- -
- - - -
- -
- - - - - -
- -`; - -const segmented = ` -
- - - - -
- -
- - - - -
- -`; - -const selectInput = ` -
- - -
- -
- - -
- -
- - -
- -
- - -
- -`; - -const fileInput = ` -
- - -
- -
- - -
- -
- - -
- -
- - -
- -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "input") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "basic") { - $(this).text(basicInput) - } - - if ($(this).data("code") === "sizing") { - $(this).text(sizingInput) - } - - if ($(this).data("code") === "checkboxes-radios") { - $(this).text(checkboxesRadios) - } - - if ($(this).data("code") === "multiple") { - $(this).text(multipleInput) - } - - if ($(this).data("code") === "button-addons") { - $(this).text(buttonAddons) - } - - if ($(this).data("code") === "button-dropdowns") { - $(this).text(buttonDropdowns) - } - - if ($(this).data("code") === "segmented") { - $(this).text(segmented) - } - - if ($(this).data("code") === "select") { - $(this).text(selectInput) - } - - if ($(this).data("code") === "file-input") { - $(this).text(fileInput) - } - } -}); - -const basicList = ` -
    -
  • An item
    • -
  • A second item
    • -
  • A third item
    • -
  • A fourth item
    • -
  • And a fifth one
    • -
- -`; - -const activeItems = ` -
    -
  • An active item
    • -
  • A second item
    • -
  • A third item
    • -
  • A fourth item
    • -
  • And a fifth one
    • -
- -`; - -const disabledList = ` -
    -
  • A disabled item
    • -
  • A second item
    • -
  • A third item
    • -
  • A fourth item
    • -
  • And a fifth one
    • -
- -`; - -const linksAndButtons = ` -
- - The current link item - - A second link item - A third link item - A fourth link item - A disabled link item -
- -
- - - - - -
- -`; - -const flushList = ` -
    -
  • An item
    • -
  • A second item
    • -
  • A third item
    • -
  • A fourth item
    • -
  • And a fifth one
    • -
- -`; - -const numbered = ` -
    -
  1. Cras justo odio
    2. -
  2. Cras justo odio
    3. -
  3. Cras justo odio
    4. -
- -
    -
  1. -
    -
    Subheading
    - Cras justo odio -
    - 14 -
    2. - -
  2. -
    -
    Subheading
    - Cras justo odio -
    - 14 -
    3. - -
  3. -
    -
    Subheading
    - Cras justo odio -
    - 14 -
    4. -
- -`; - -const horizontalList = ` -
    -
  • An item
    • -
  • A second item
    • -
  • A third item
    • -
- -
    -
  • An item
    • -
  • A second item
    • -
  • A third item
    • -
- -
    -
  • An item
    • -
  • A second item
    • -
  • A third item
    • -
- -
    -
  • An item
    • -
  • A second item
    • -
  • A third item
    • -
- -
    -
  • An item
    • -
  • A second item
    • -
  • A third item
    • -
- -
    -
  • An item
    • -
  • A second item
    • -
  • A third item
    • -
- -`; - -const contextual = ` -
    -
  • A simple default list group item
    • - -
  • A simple primary list group item
    • -
  • A simple secondary list group item
    • -
  • A simple success list group item
    • -
  • A simple danger list group item
    • -
  • A simple warning list group item
    • -
  • A simple info list group item
    • -
  • A simple light list group item
    • -
  • A simple dark list group item
    • -
- -
- A simple default list group item - - A simple primary list group item - A simple secondary list group item - A simple success list group item - A simple danger list group item - A simple warning list group item - A simple info list group item - A simple light list group item - A simple dark list group item -
- -`; - -const badges = ` -
    -
  • - A list item - 14 -
    • - -
  • - A second list item - 2 -
    • - -
  • - A third list item - 1 -
    • -
- -`; - -const customContent = ` -
- -
-
List group item heading
- 3 days ago -
-

Some placeholder content in a paragraph.

- And some small print. - - - -
-
List group item heading
- 3 days ago -
-

Some placeholder content in a paragraph.

- And some muted small print. - - - -
-
List group item heading
- 3 days ago -
-

Some placeholder content in a paragraph.

- And some muted small print. - -
- -`; - -const checkboxesAndRadios = ` -
    -
  • - - First checkbox -
    • - -
  • - - Second checkbox -
    • - -
  • - - Third checkbox -
    • - -
  • - - Fourth checkbox -
    • - -
  • - - Fifth checkbox -
    • -
- -
- - - - - - - - - -
- -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "list") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "basic") { - $(this).text(basicList) - } - - if ($(this).data("code") === "active-items") { - $(this).text(activeItems) - } - - if ($(this).data("code") === "disabled") { - $(this).text(disabledList) - } - - if ($(this).data("code") === "links-and-buttons") { - $(this).text(linksAndButtons) - } - - if ($(this).data("code") === "flush") { - $(this).text(flushList) - } - - if ($(this).data("code") === "numbered") { - $(this).text(numbered) - } - - if ($(this).data("code") === "horizontal") { - $(this).text(horizontalList) - } - - if ($(this).data("code") === "contextual") { - $(this).text(contextual) - } - - if ($(this).data("code") === "badges") { - $(this).text(badges) - } - - if ($(this).data("code") === "custom-content") { - $(this).text(customContent) - } - - if ($(this).data("code") === "checkboxes-and-radios") { - $(this).text(checkboxesAndRadios) - } - } -}); - -const supportedContent = ` - - -`; - -const textMenu = ` - - - - -`; - -const imageMenu = ` - - -`; - -const navMenu = ` - - - - -`; - -const colorSchemeMenu = ` - - - - -`; - -const scrollingMenu = ` - - -`; - -const toggler = ` - - - - - - -`; - -const externalContent = ` - - -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "menu") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "supported-content") { - $(this).text(supportedContent) - } - - if ($(this).data("code") === "text-menu") { - $(this).text(textMenu) - } - - if ($(this).data("code") === "image-menu") { - $(this).text(imageMenu) - } - - if ($(this).data("code") === "nav-menu") { - $(this).text(navMenu) - } - - if ($(this).data("code") === "color-scheme-menu") { - $(this).text(colorSchemeMenu) - } - - if ($(this).data("code") === "scrolling-menu") { - $(this).text(scrollingMenu) - } - - if ($(this).data("code") === "toggler") { - $(this).text(toggler) - } - - if ($(this).data("code") === "external-content") { - $(this).text(externalContent) - } - } -}); - -const demoModal = ` - - - - -`; - -const staticModal = ` - - - - -`; - -const scrolling = ` - - - - - - - - -`; - -const vertically = ` - - - - - - - - -`; - -const tooltipPopovers = ` - - - - -`; - -const grid = ` - - - - -`; - -const varying = ` - - - - - - - - -var varyingModal = document.getElementById('varyingModal') -if (varyingModal) { - varyingModal.addEventListener('show.bs.modal', function (event) { - // Button that triggered the modal - var button = event.relatedTarget - // Extract info from data-bs-* attributes - var recipient = button.getAttribute('data-bs-whatever') - // If necessary, you could initiate an AJAX request here - // and then do the updating in a callback. - // - // Update the modal's content. - var modalTitle = varyingModal.querySelector('.modal-title') - var modalBodyInput = varyingModal.querySelector('.modal-body input') - - modalTitle.textContent = 'New message to ' + recipient - modalBodyInput.value = recipient - }) -} - -`; - -const between = ` -Open first modal - - - - - -`; - -const remove = ` - - -`; - -const sizes = ` - - - - - - - - - - - - -`; - -const fullscreen = ` - - - - - - - - - - - - - - - - - - - - - - - - -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "modal") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "demo") { - $(this).text(demoModal) - } - - if ($(this).data("code") === "static") { - $(this).text(staticModal) - } - - if ($(this).data("code") === "scrolling") { - $(this).text(scrolling) - } - - if ($(this).data("code") === "vertically") { - $(this).text(vertically) - } - - if ($(this).data("code") === "tooltip-popovers") { - $(this).text(tooltipPopovers) - } - - if ($(this).data("code") === "grid") { - $(this).text(grid) - } - - if ($(this).data("code") === "varying") { - $(this).text(varying) - } - - if ($(this).data("code") === "between") { - $(this).text(between) - } - - if ($(this).data("code") === "remove") { - $(this).text(remove) - } - - if ($(this).data("code") === "sizes") { - $(this).text(sizes) - } - - if ($(this).data("code") === "fullscreen") { - $(this).text(fullscreen) - } - } -}); - -const basicNotification = ` - - -`; - -const live = ` - - -
- -
- -`; - -const translucent = ` -
- -
- -`; - -const stacking = ` - - - - -
-
- - - -
-
- -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "notification") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "basic") { - $(this).text(basicNotification) - } - - if ($(this).data("code") === "live") { - $(this).text(live) - } - - if ($(this).data("code") === "translucent") { - $(this).text(translucent) - } - - if ($(this).data("code") === "stacking") { - $(this).text(stacking) - } - } -}); - -const basicPagination = ` - - -`; - -const iconsPagination = ` - - -`; - -const disabledActive = ` - - -`; - -const sizingPagination = ` - - - - -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "pagination") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "basic") { - $(this).text(basicPagination) - } - - if ($(this).data("code") === "icons") { - $(this).text(iconsPagination) - } - - if ($(this).data("code") === "disabled-active") { - $(this).text(disabledActive) - } - - if ($(this).data("code") === "sizing") { - $(this).text(sizingPagination) - } - } -}); - -const basicPopover = ` - - -`; - -const directions = ` - - - - - - - - -`; - -const dismiss = ` - - Dismissible popover - - -`; - -const disabledPopover = ` - - - - -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "popover") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "basic") { - $(this).text(basicPopover) - } - - if ($(this).data("code") === "directions") { - $(this).text(directions) - } - - if ($(this).data("code") === "dismiss") { - $(this).text(dismiss) - } - - if ($(this).data("code") === "disabled") { - $(this).text(disabledPopover) - } - } -}); - -const basicProgress = ` -
-
-
- -
-
-
- -
-
-
- -
-
-
- -
-
-
- -`; - -const labels = ` -
-
25%
-
- -`; - -const height = ` -
-
-
- -
-
-
- -`; - -const backgrounds = ` -
-
-
- -
-
-
- -
-
-
- -
-
-
- -`; - -const multiplebars = ` -
-
-
-
-
- -`; - -const striped = ` -
-
-
- -
-
-
- -
-
-
- -
-
-
- -
-
-
- -`; - -const animatedStriped = ` -
-
-
- -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "progress") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "basic") { - $(this).text(basicProgress) - } - - if ($(this).data("code") === "labels") { - $(this).text(labels) - } - - if ($(this).data("code") === "height") { - $(this).text(height) - } - - if ($(this).data("code") === "backgrounds") { - $(this).text(backgrounds) - } - - if ($(this).data("code") === "multiplebars") { - $(this).text(multiplebars) - } - - if ($(this).data("code") === "striped") { - $(this).text(striped) - } - - if ($(this).data("code") === "animated-striped") { - $(this).text(animatedStriped) - } - } -}); - -const basicRadio = ` -
- - -
- -
- - -
- -`; - -const disabledRadio = ` -
- - -
- -
- - -
- -`; - -const toggleButtons = ` - - - - - - - - - - - - -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "radio") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "basic") { - $(this).text(basicRadio) - } - - if ($(this).data("code") === "disabled") { - $(this).text(disabledRadio) - } - - if ($(this).data("code") === "toggle-buttons") { - $(this).text(toggleButtons) - } - } -}); - -const basicSelect = ` - - -`; - -const sizingSelect = ` - - - - - - - - -`; - -const disabledSelect = ` - - -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "select") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "basic") { - $(this).text(basicSelect) - } - - if ($(this).data("code") === "sizing") { - $(this).text(sizingSelect) - } - - if ($(this).data("code") === "disabled") { - $(this).text(disabledSelect) - } - } -}); - -const basicSlider = ` - - -`; - -const disabledSlider = ` - - -`; - -const minAndMax = ` - - -`; - -const step = ` - - -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "slider") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "basic") { - $(this).text(basicSlider) - } - - if ($(this).data("code") === "disabled") { - $(this).text(disabledSlider) - } - - if ($(this).data("code") === "min-and-max") { - $(this).text(minAndMax) - } - - if ($(this).data("code") === "step") { - $(this).text(step) - } - } -}); - -const borderSpinner = ` - - -`; - -const colors = ` - - - - - - - - - - - - - - - - -`; - -const growingSpinner = ` - - - - - - - - - - - - - - - - -`; - -const flex = ` -
- -
- -
- Loading... - -
- -`; - -const float = ` -
- -
- -`; - -const textAlign = ` -
- -
- -`; - -const size = ` - - - - - - - - -`; - -const buttonSpinner = ` - - - - - - - - -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "spinner") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "border-spinner") { - $(this).text(borderSpinner) - } - - if ($(this).data("code") === "colors") { - $(this).text(colors) - } - - if ($(this).data("code") === "growing-spinner") { - $(this).text(growingSpinner) - } - - if ($(this).data("code") === "flex") { - $(this).text(flex) - } - - if ($(this).data("code") === "float") { - $(this).text(float) - } - - if ($(this).data("code") === "text-align") { - $(this).text(textAlign) - } - - if ($(this).data("code") === "size") { - $(this).text(size) - } - - if ($(this).data("code") === "button-spinner") { - $(this).text(buttonSpinner) - } - } -}); - -const basicSwitch = ` -
- - -
- -
- - -
- -
- - -
- -
- - -
- -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "switch") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "basic") { - $(this).text(basicSwitch) - } - } -}); - -const overview = ` - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
#FirstLastHandle
1MarkOtto@mdo
2JacobThornton@fat
3Larry the Bird@twitter
- -`; - -const variants = ` - -...
-...
-...
-...
-...
-...
-...
-...
- - -... -... -... -... -... -... -... -... - - - - ... - ... - ... - ... - ... - ... - ... - ... - - - - - ... - - - ... - -
- -`; - -const stripedRows = ` - - ... -
- -`; - -const hoverableRows = ` - - ... -
- -`; - -const activeTables = ` - - - ... - - - - ... - - - ... - - - - - - - -
3Larry the Bird@twitter
- -`; - -const bordered = ` - - ... -
- - - ... -
- -`; - -const borderless = ` - - ... -
- -`; - -const smallTables = ` - - ... -
- -`; - -const nesting = ` - - - ... - - - ... - - - - ... - -
- - ... -
-
- -`; - -const foot = ` - - - ... - - - ... - - - ... - -
- -`; - -const captionsTable = ` - - - - ... - - - ... - -
List of users
- - - - - ... - - - ... - -
List of users
- -`; - -const responsiveTable = ` -
- - ... -
-
- -`; - -const breakpoint = ` -
- - ... -
-
- -
- - ... -
-
- -
- - ... -
-
- -
- - ... -
-
- -
- - ... -
-
- -
- - ... -
-
- -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "table") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "overview") { - $(this).text(overview) - } - - if ($(this).data("code") === "variants") { - $(this).text(variants) - } - - if ($(this).data("code") === "striped-rows") { - $(this).text(stripedRows) - } - - if ($(this).data("code") === "active-tables") { - $(this).text(activeTables) - } - - if ($(this).data("code") === "bordered") { - $(this).text(bordered) - } - - if ($(this).data("code") === "borderless") { - $(this).text(borderless) - } - - if ($(this).data("code") === "small-tables") { - $(this).text(smallTables) - } - - if ($(this).data("code") === "nesting") { - $(this).text(nesting) - } - - if ($(this).data("code") === "foot") { - $(this).text(foot) - } - - if ($(this).data("code") === "captions") { - $(this).text(captionsTable) - } - - if ($(this).data("code") === "responsive") { - $(this).text(responsiveTable) - } - - if ($(this).data("code") === "breakpoint") { - $(this).text(breakpoint) - } - } -}); - -const basicTabs = ` - - -
-
-

- Content of Tab Pane 1 -

-
-
-

- Content of Tab Pane 2 -

-
-
-

- Content of Tab Pane 3 -

-
-
- -//- - - - -
-
-

- Content of Tab Pane 1 -

-
-
-

- Content of Tab Pane 2 -

-
-
-

- Content of Tab Pane 3 -

-
-
- -`; - -const vertical = ` -
- - -
-
-

- Content of Tab Pane 1 -

-
-
-

- Content of Tab Pane 2 -

-
-
-

- Content of Tab Pane 3 -

-
-
-

- Content of Tab Pane 4 -

-
-
-
- -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "tabs") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "basic") { - $(this).text(basicTabs) - } - - if ($(this).data("code") === "vertical") { - $(this).text(vertical) - } - } -}); - -const basicTooltip = ` - - - - -`; - -const direction = ` - - - - - - - - -`; - -const svg = ` -
- ... -
- -`; - -//-- - -$("pre code").each(function () { - if ($(this).data("component") === "tooltip") { - $(this).text($.trim($(this).data("code"))) - - if ($(this).data("code") === "basic") { - $(this).text(basicTooltip) - } - - if ($(this).data("code") === "direction") { - $(this).text(direction) - } - - if ($(this).data("code") === "svg") { - $(this).text(svg) - } - } -}); - -// Show Code Btn -$(".show-code-btn").click(function () { - $(this).parent().nextAll(".hljs-container").fadeToggle(300) -}) diff --git a/priv/static/theme/app/js/app.js.gz b/priv/static/theme/app/js/app.js.gz deleted file mode 100644 index 57ea45b016c6975aa045085d6eb38d6ff83ca5d4..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 34420 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.innerHeight/3?$(".scroll-to-top").addClass("active"):$(".scroll-to-top").removeClass("active")})),$(".hp-wish-button").click((function(){$(this).toggleClass("text-danger bg-danger-4 hp-bg-color-dark-danger"),$(this).toggleClass("text-black-40 hp-text-color-dark-70 bg-black-10 hp-bg-color-dark-90")})),$(".data-date-timer").each((function(){$(this).data("date-timer")&&setInterval((()=>{let t=Date.parse($(this).data("date-timer"))-new Date,a=Math.floor(t/864e5),i=Math.floor(t/36e5),e=Math.floor(t/6e4),o=a,c=i-24*a,d=e-60*i,l=Math.floor(t/1e3)-60*e;$(this).find("*[data-date-timer-day]").text(o),$(this).find("*[data-date-timer-hours]").text(c),$(this).find("*[data-date-timer-minutes]").text(d),$(this).find("*[data-date-timer-seconds]").text(l)}),1e3)})),$("*[data-search]").keyup((function(){let t=$(this).val(),a=new RegExp(t,"i");$("*[data-search-item]").each((function(){$(this).find("*[data-search-item-text]").text().search(a)>=0||$(this).hide(),$(this).find("*[data-search-item-text]").text().search(a)>=0&&$(this).show()}))})),setTimeout((()=>{$("*[data-copy-click]").each((function(){let t=$(this).find("*[data-copy-id]");"value"===$(this).data("copy-click")?$(this).find("*[data-copy-click-id]").click((function(a){if($(this).data("copy-click-id")===t.data("copy-id")){let a=t.val();navigator.clipboard.writeText(a)}})):$(this).find("*[data-copy-click-id]").click((function(a){$(this).data("copy-click-id")===t.data("copy-id")&&(t.find("*[data-copy]")?navigator.clipboard.writeText(t.find("*[data-copy]").data("copy")):navigator.clipboard.writeText(t.text()))}))}))}),300),$("#payment-cardnumber").mask("0000 0000 0000 0000"),$("#payment-date").mask("00/00"),$("#payment-cvc").mask("000"),$("#phone").mask("(000) 000-0000");let tooltipTriggerList=[].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));tooltipTriggerList.map((function(t){return new bootstrap.Tooltip(t)})); -let optionsAreaChart={series:[{name:"Visit",data:[10877,29334,33233,36439,32675,32333,33457,38345,36783,30457,28459,29840]},{name:"Click",data:[8753,21313,24623,28935,27345,23465,27813,29125,26256,24356,20233,24570]},{name:"Sales",data:[6e3,11313,14623,18935,17345,13465,17813,19125,16256,20356,16233,14570]}],chart:{fontFamily:"Manrope, sans-serif",type:"area",height:350,toolbar:{show:!1},zoom:{enabled:!1}},labels:{style:{fontSize:"14px"}},dataLabels:{enabled:!1},grid:{borderColor:"#DFE6E9",row:{opacity:.5}},fill:{opacity:1,type:"solid"},stroke:{show:!0,width:4,curve:"straight",colors:["transparent"]},xaxis:{axisTicks:{show:!1,borderType:"solid",color:"#78909C",height:6,offsetX:0,offsetY:0},labels:{style:{colors:["636E72"],fontSize:"14px"}},categories:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]},legend:{horizontalAlign:"right",offsetX:40,position:"top",markers:{radius:12}},colors:["#EBFAFA","#55B1F3","#0010F7"],yaxis:{labels:{style:{colors:["636E72"],fontSize:"14px"},formatter:e=>e/1e3+"K"},min:0,max:4e4,tickAmount:4}};if(document.querySelector("#area-chart")){new ApexCharts(document.querySelector("#area-chart"),optionsAreaChart).render()}let optionsBarChart={series:[{name:"Expenses",data:[4477,7834,8233,6039,5575,6933,6357]}],chart:{fontFamily:"Manrope, sans-serif",type:"bar",height:350,toolbar:{show:!1},zoom:{enabled:!1}},plotOptions:{bar:{borderRadius:4,horizontal:!0}},labels:{style:{fontSize:"14px"}},dataLabels:{enabled:!1},grid:{borderColor:"#DFE6E9",row:{opacity:.5}},fill:{opacity:1,type:"solid"},stroke:{show:!0,width:4,curve:"straight",colors:["transparent"]},xaxis:{axisTicks:{show:!1},tickAmount:5,labels:{style:{colors:["636E72"],fontSize:"14px"}},categories:["Sun, 23","Sat, 22","Fri, 21","Thu, 20","Wed, 19","Tue, 18","Mon, 17"]},legend:{horizontalAlign:"right",offsetX:40,position:"top",markers:{radius:12}},colors:["#0063F7"],yaxis:{reversed:!!$("body").hasClass("direction-end"),labels:{style:{colors:["636E72"],fontSize:"14px"}}}};document.querySelector("#bar-chart")&&setTimeout((()=>{new ApexCharts(document.querySelector("#bar-chart"),optionsBarChart).render()}),300);let optionsCandlestickChart={series:[{data:[{x:new Date(15387786e5),y:[6629.81,6650.5,6623.04,6633.33]},{x:new Date(15387804e5),y:[6632.01,6643.59,6620,6630.11]},{x:new Date(15387822e5),y:[6630.71,6648.95,6623.34,6635.65]},{x:new Date(1538784e6),y:[6635.65,6651,6629.67,6638.24]},{x:new Date(15387858e5),y:[6638.24,6640,6620,6624.47]},{x:new Date(15387876e5),y:[6624.53,6636.03,6621.68,6624.31]},{x:new Date(15387894e5),y:[6624.61,6632.2,6617,6626.02]},{x:new Date(15387912e5),y:[6627,6627.62,6584.22,6603.02]},{x:new Date(1538793e6),y:[6605,6608.03,6598.95,6604.01]},{x:new Date(15387948e5),y:[6604.5,6614.4,6602.26,6608.02]},{x:new Date(15387966e5),y:[6608.02,6610.68,6601.99,6608.91]},{x:new Date(15387984e5),y:[6608.91,6618.99,6608.01,6612]},{x:new Date(15388002e5),y:[6612,6615.13,6605.09,6612]},{x:new Date(1538802e6),y:[6612,6624.12,6608.43,6622.95]},{x:new Date(15388038e5),y:[6623.91,6623.91,6615,6615.67]},{x:new Date(15388056e5),y:[6618.69,6618.74,6610,6610.4]},{x:new Date(15388074e5),y:[6611,6622.78,6610.4,6614.9]},{x:new Date(15388092e5),y:[6614.9,6626.2,6613.33,6623.45]},{x:new Date(1538811e6),y:[6623.48,6627,6618.38,6620.35]},{x:new Date(15388128e5),y:[6619.43,6620.35,6610.05,6615.53]},{x:new Date(15388146e5),y:[6615.53,6617.93,6610,6615.19]},{x:new Date(15388164e5),y:[6615.19,6621.6,6608.2,6620]},{x:new Date(15388182e5),y:[6619.54,6625.17,6614.15,6620]},{x:new Date(153882e7),y:[6620.33,6634.15,6617.24,6624.61]},{x:new Date(15388218e5),y:[6625.95,6626,6611.66,6617.58]},{x:new Date(15388236e5),y:[6619,6625.97,6595.27,6598.86]},{x:new Date(15388254e5),y:[6598.86,6598.88,6570,6587.16]},{x:new Date(15388272e5),y:[6588.86,6600,6580,6593.4]}]}],chart:{fontFamily:"Manrope, sans-serif",type:"candlestick",height:350,toolbar:{show:!1},zoom:{enabled:!0}},plotOptions:{candlestick:{colors:{upward:"#00F7BF",downward:"#FF0022"},wick:{useFillColor:!0}}},labels:{style:{fontSize:"14px"}},dataLabels:{enabled:!1},grid:{borderColor:"#DFE6E9"},fill:{opacity:1,type:"solid"},xaxis:{type:"datetime",axisTicks:{show:!1},labels:{style:{colors:["636E72"],fontSize:"14px"}}},legend:{horizontalAlign:"right",offsetX:40,position:"top",markers:{radius:12}},yaxis:{labels:{style:{colors:["636E72"],fontSize:"14px"}}}};if(document.querySelector("#candlestick-chart")){new ApexCharts(document.querySelector("#candlestick-chart"),optionsCandlestickChart).render()}let optionsColumnChart={series:[{name:"Earning",data:[28877,29334,33233,36439,32675,32333,33457,38345,36783,39457,22459,39840]},{name:"Expense",data:[12010,11313,14623,18935,17345,13465,17813,19125,16256,20356,12233,14570]}],chart:{fontFamily:"Manrope, sans-serif",type:"bar",height:350,toolbar:{show:!1},zoom:{enabled:!1}},labels:{style:{fontSize:"14px"}},dataLabels:{enabled:!1},grid:{borderColor:"#DFE6E9",row:{opacity:.5}},plotOptions:{bar:{horizontal:!1,borderRadius:2,columnWidth:"45%",endingShape:"rounded"},colors:{backgroundBarColors:["#0063F7","#00F7BF"]}},stroke:{show:!0,width:4,colors:["transparent"]},xaxis:{axisTicks:{show:!1,borderType:"solid",color:"#78909C",height:6,offsetX:0,offsetY:0},tickPlacement:"between",labels:{style:{colors:["636E72"],fontSize:"14px"}},categories:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]},legend:{horizontalAlign:"right",offsetX:40,position:"top",markers:{radius:12}},yaxis:{labels:{style:{colors:["636E72"],fontSize:"14px"},formatter:e=>e/1e3+"K"},min:0,max:4e4,tickAmount:4}};if(document.querySelector("#column-chart")){new ApexCharts(document.querySelector("#column-chart"),optionsColumnChart).render()}let optionsDonutChart={series:[1244,2155,1541],chart:{fontFamily:"Manrope, sans-serif",type:"donut",height:398,toolbar:{show:!1},zoom:{enabled:!1}},colors:["#0010F7","#55B1F3","#1BE7FF"],labels:["Marketing","Payments","Bills"],dataLabels:{enabled:!1},plotOptions:{pie:{donut:{size:"85%",labels:{show:!0,name:{fontSize:"2rem"},value:{fontSize:"16px",formatter:e=>`$ ${e}`},total:{show:!0,fontSize:"16px",label:"Total",formatter:function(e){return`$ ${e.globals.seriesTotals.reduce(((e,a)=>e+a),0)}`}}}}}},legend:{itemMargin:{horizontal:24,vertical:0},horizontalAlign:"center",position:"bottom",fontSize:"14px",markers:{radius:12}}};if(document.querySelector("#donut-chart")){new ApexCharts(document.querySelector("#donut-chart"),optionsDonutChart).render()}function generateData(e,a){let t=0;const o=[];for(;te/1e3+"K"},min:0,max:4e4,tickAmount:4}};if(document.querySelector("#line-chart")){new ApexCharts(document.querySelector("#line-chart"),optionsLineChart).render()}let optionsRadarChart={series:[{name:"Sales",data:[80,50,30,40,100,20]},{name:"Expense",data:[20,30,40,80,20,80]}],chart:{fontFamily:"Manrope, sans-serif",height:350,type:"radar",toolbar:{show:!1},zoom:{enabled:!1},dropShadow:{enabled:!0,blur:4,left:1,top:1,opacity:.1}},fill:{opacity:[1,1]},stroke:{show:!1,width:0},markers:{size:0},colors:["#0010F7","#1BE7FF"],labels:["Marketing","Payments","Bills"],dataLabels:{enabled:!1},yaxis:{show:!1},xaxis:{categories:["Jan","Feb","Mar","Apr","May","Jun"]},plotOptions:{radar:{polygons:{connectorColors:"#fff"}}},legend:{itemMargin:{horizontal:24,vertical:0},horizontalAlign:"center",position:"bottom",fontSize:"16px",markers:{radius:12}}};if(document.querySelector("#radar-chart")){new ApexCharts(document.querySelector("#radar-chart"),optionsRadarChart).render()}let optionsRadialbarChart={series:[61,82,65],chart:{fontFamily:"Manrope, sans-serif",type:"radialBar",height:398,toolbar:{show:!1},zoom:{enabled:!1}},colors:["#00F7BF","#0010F7","#FFC700"],labels:["Ebay","Amazon","Web"],dataLabels:{enabled:!1},stroke:{lineCap:"round"},plotOptions:{radialBar:{size:185,hollow:{size:"25%"},track:{margin:16},dataLabels:{show:!0,name:{fontSize:"16px"},value:{fontSize:"16px"},total:{show:!0,fontSize:"16px",label:"Total",formatter:function(e){return 7400}}}}},legend:{show:!0,itemMargin:{horizontal:24,vertical:0},horizontalAlign:"center",position:"bottom",fontSize:"16px",markers:{radius:12}}};if(document.querySelector("#radialbar-chart")){new ApexCharts(document.querySelector("#radialbar-chart"),optionsRadialbarChart).render()}let optionsScatterChart={series:[{name:"Nike",data:[[16.4,5.4],[21.7,2],[25.4,3],[19,2],[10.9,1],[13.6,3.2],[10.9,7.4],[10.9,0],[10.9,8.2],[16.4,0],[16.4,1.8],[13.6,.3],[13.6,0],[29.9,0],[27.1,2.3],[16.4,0],[13.6,3.7],[10.9,5.2],[16.4,6.5],[10.9,0],[24.5,7.1],[10.9,0],[8.1,4.7],[19,0],[21.7,1.8],[27.1,0],[24.5,0],[27.1,0],[29.9,1.5],[27.1,.8],[22.1,2]]},{name:"Adidas",data:[[36.4,13.4],[1.7,11],[5.4,8],[9,17],[1.9,4],[3.6,12.2],[1.9,14.4],[1.9,9],[1.9,13.2],[1.4,7],[6.4,8.8],[3.6,4.3],[1.6,10],[9.9,2],[7.1,15],[1.4,0],[3.6,13.7],[1.9,15.2],[6.4,16.5],[.9,10],[4.5,17.1],[10.9,10],[.1,14.7],[9,10],[12.7,11.8],[2.1,10],[2.5,10],[27.1,10],[2.9,11.5],[7.1,10.8],[2.1,12]]},{name:"Puma",data:[[21.7,3],[23.6,3.5],[24.6,3],[29.9,3],[21.7,20],[23,2],[10.9,3],[28,4],[27.1,.3],[16.4,4],[13.6,0],[19,5],[22.4,3],[24.5,3],[32.6,3],[27.1,4],[29.6,6],[31.6,8],[21.6,5],[20.9,4],[22.4,0],[32.6,10.3],[29.7,20.8],[24.5,.8],[21.4,0],[21.7,6.9],[28.6,7.7],[15.4,0],[18.1,0],[33.4,0],[16.4,0]]}],chart:{fontFamily:"Manrope, sans-serif",type:"scatter",height:350,toolbar:{show:!1},zoom:{enabled:!0}},labels:{style:{fontSize:"14px"}},dataLabels:{enabled:!1},grid:{borderColor:"#DFE6E9",row:{opacity:.5}},fill:{opacity:1,type:"solid"},stroke:{show:!0,width:4,curve:"straight",colors:["transparent"]},xaxis:{axisTicks:{show:!1},tickAmount:10,labels:{style:{colors:["636E72"],fontSize:"14px"},formatter:function(e){return parseFloat(e).toFixed(1)}}},legend:{horizontalAlign:"right",offsetX:40,position:"top",markers:{radius:12}},colors:["#00F7BF","#55B1F3","#0010F7"],yaxis:{labels:{style:{colors:["636E72"],fontSize:"14px"}},tickAmount:7}};if(document.querySelector("#scatter-chart")){new ApexCharts(document.querySelector("#scatter-chart"),optionsScatterChart).render()}let optionsEcommerceEarningDonutCard={series:[1244,2155,1541],chart:{id:"earnings-donut-card",fontFamily:"Manrope, sans-serif",type:"donut",height:350,toolbar:{show:!1},zoom:{enabled:!1}},colors:["#0063F7","#98FFE0","#1BE7FF"],labels:["Online","Offline","Marketing"],dataLabels:{enabled:!1},plotOptions:{pie:{donut:{size:"90%",labels:{show:!0,name:{fontSize:"2rem"},value:{fontSize:"24px",fontWeight:"regular",color:"B2BEC3",formatter:e=>`%${Math.round(e/100)}`},total:{show:!0,fontSize:"24px",fontWeight:"regular",label:"Kitchen",color:"#636E72",formatter:function(e){return`%${e.globals.seriesTotals.reduce(((e,a)=>Math.round((e+a)/100)),0)}`}}}}}},responsive:[{breakpoint:426,options:{legend:{itemMargin:{horizontal:16,vertical:8}}}}],legend:{itemMargin:{horizontal:12,vertical:24},horizontalAlign:"center",position:"bottom",fontSize:"12px",inverseOrder:!0,markers:{radius:12}}};if(document.querySelector("#earnings-donut-card")){new ApexCharts(document.querySelector("#earnings-donut-card"),optionsEcommerceEarningDonutCard).render()}let optionsAnalyticsBalanceChart={series:[{name:"Balance",data:[28877,29334,33233,36439,32675,32333,33457,38345,36783,39457,22459,39840]}],fill:{opacity:1,colors:[document.body.classList.contains("dark")?"#ffffff":"#2D3436"]},chart:{fontFamily:"Manrope, sans-serif",type:"bar",height:"250",toolbar:{show:!1},zoom:{enabled:!1}},labels:{style:{fontSize:"14px"}},dataLabels:{enabled:!1},grid:{borderColor:"#B2BEC3",opacity:1},plotOptions:{bar:{horizontal:!1,borderRadius:2,columnWidth:"60%",colors:{backgroundBarColors:["#B2BEC3"],backgroundBarOpacity:.2}}},stroke:{show:!0,width:4,colors:["transparent"]},xaxis:{axisTicks:{show:!1,borderType:"solid",height:6,offsetX:0,offsetY:0},tickPlacement:"between",labels:{style:{colors:["#B2BEC3","#B2BEC3","#B2BEC3","#B2BEC3","#B2BEC3","#B2BEC3","#B2BEC3","#B2BEC3","#B2BEC3","#B2BEC3","#B2BEC3","#B2BEC3"],fontSize:"12px"}},categories:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]},legend:{horizontalAlign:"right",offsetX:40,position:"top",markers:{radius:12}},yaxis:{labels:{style:{colors:["#636E72"],fontSize:"14px"},formatter:e=>"0"==e?e/1e3:e/1e3+"K"},min:0,max:6e4,tickAmount:4}};if(document.querySelector("#dashboard-analytics-balance-chart")){new ApexCharts(document.querySelector("#dashboard-analytics-balance-chart"),optionsAnalyticsBalanceChart).render()} -$((function(){$(".hp-header-search-button").click((function(){$("header .hp-header-text-info").toggleClass("d-none"),$("header .hp-header-search").toggleClass("d-none"),$(this).find("button .hp-header-search-button-icon-1").toggleClass("d-none"),$(this).find("button .hp-header-search-button-icon-2").toggleClass("d-none"),$("header .hp-horizontal-menu").toggleClass("search-active"),setTimeout((()=>{$("header .hp-header-search").toggleClass("active"),$("header .hp-header-search").hasClass("active")||$("#header-search").val(""),setTimeout((()=>{$("#header-search").focus()}),300)}),100)})),$("#header-search").keyup((function(){$(".autocomplete-suggestions").css("width",$("header .hp-header-search").width()+"px")}));$("#header-search").autocomplete({lookup:[{value:"Components",url:"components-page"},{value:"Dashboard Analytics",url:"dashboard-analytics"},{value:"Dashboard Ecommerce",url:"dashboard-ecommerce"},{value:"Advance Cards",url:"advance-cards"},{value:"Statistics Cards",url:"statistics-cards"},{value:"Analytics Cards",url:"analytics-cards"},{value:"Charts",url:"charts"},{value:"Illustration Set",url:"illustration-set"},{value:"Crypto Icons",url:"crypto-icons"},{value:"User Icons",url:"user-icons"},{value:"Flags",url:"flags"},{value:"Divider",url:"divider"},{value:"Grid System",url:"grid-system"},{value:"Contact",url:"app-contact"},{value:"Ecommerce Shop",url:"ecommerce-shop"},{value:"Ecommerce Wishlist",url:"ecommerce-wishlist"},{value:"Ecommerce Detail",url:"ecommerce-product-detail"},{value:"Ecommerce Checkout",url:"ecommerce-checkout"},{value:"404 Error Page",url:"error-404"},{value:"403 Error Page",url:"error-403"},{value:"500 Error Page",url:"error-500"},{value:"503 Error Page",url:"error-503"},{value:"502 Error Page",url:"error-502"},{value:"Maintenance",url:"error-maintenance"},{value:"Coming Soon",url:"error-coming-soon"},{value:"Pricing",url:"pricing"},{value:"Profile",url:"profile-information"},{value:"Profile Notification",url:"profile-notifications"},{value:"Profile Activity",url:"profile-activity"},{value:"Profile Security",url:"profile-security"},{value:"Profile Password Change",url:"profile-password"},{value:"Profile Social",url:"profile-connect"},{value:"Invoice",url:"invoice-page"},{value:"FAQ",url:"faq-page"},{value:"Knowledge Base 1",url:"knowledge-base-1"},{value:"Knowledge Base 2",url:"knowledge-base-2"},{value:"Blank",url:"blank-page"},{value:"Login",url:"auth-login"},{value:"Register",url:"auth-register"},{value:"Recover Password",url:"auth-recover"},{value:"Reset Password",url:"auth-reset"},{value:"Welcome",url:"lock-welcome"},{value:"Password is changed",url:"lock-password"},{value:"Deactivated",url:"lock-deactivated"},{value:"Lock",url:"lock"},{value:"StyleGuide",url:"general-style-guide"},{value:"Buttons",url:"general-buttons"},{value:"Remix Icons",url:"general-remix-icons"},{value:"Iconly Icons",url:"general-iconly-icons"},{value:"Breadcrumb",url:"component-breadcrumb"},{value:"Dropdown",url:"component-dropdown"},{value:"Menu",url:"component-menu"},{value:"Pagination",url:"component-pagination"},{value:"Checkbox",url:"component-checkbox"},{value:"Form",url:"component-form"},{value:"Input",url:"component-input"},{value:"Input Number",url:"component-input-number"},{value:"Radio",url:"component-radio"},{value:"Select",url:"component-select"},{value:"Slider",url:"component-slider"},{value:"Switch",url:"component-switch"},{value:"Avatar",url:"component-avatar"},{value:"Badge",url:"component-badge"},{value:"Card",url:"component-card"},{value:"Carousel",url:"component-carousel"},{value:"Accordion",url:"component-accordion"},{value:"Collapse",url:"component-collapse"},{value:"List",url:"component-list"},{value:"Popover",url:"component-popover"},{value:"Table",url:"component-table"},{value:"Tabs",url:"component-tabs"},{value:"Tooltip",url:"component-tooltip"},{value:"Alert",url:"component-alert"},{value:"Drawer",url:"component-drawer"},{value:"Modal",url:"component-modal"},{value:"Notification",url:"component-notification"},{value:"Progress",url:"component-progress"},{value:"Spinner",url:"component-spinner"}],onSelect:function(e){window.location.href=e.url+".html"}})})); -$((function(){$(".hp-horizontal-menu ul li a").each((function(){window.location.pathname.split("/")[window.location.pathname.split("/").length-1]==$(this).attr("href")&&($(this).addClass("active"),$(this).parent().parent().prev(".dropdown-item").addClass("active"),$(this).parents(".dropdown-menu").prev("a").addClass("active"))}))})); -$((function(){$(".hp-sidebar-container li a").each((function(){window.location.pathname.split("/")[window.location.pathname.split("/").length-1]==$(this).attr("href")&&($(this).addClass("active"),$(this).parents(".submenu-children").slideDown(),$(this).parents(".submenu-children").addClass("active"),$(this).parents(".submenu-children").prev("a").addClass("active arrow-active"))})),$(".hp-sidebar-container li a").click((function(){$(this).next(".submenu-children").length&&($(this).toggleClass("arrow-active"),$(this).next(".submenu-children").slideToggle(300))})),$(".hp-mobile-sidebar-button").click((function(){$("body").removeClass("collapsed-active collapse-btn-none")})),$(".hp-sidebar .hp-sidebar-collapse-button").click((function(){$("body").toggleClass("collapsed-active"),$(".hp-sidebar .submenu-children").slideUp(),$(".hp-sidebar li a").removeClass("arrow-active"),$(".hp-sidebar .tooltip-item").toggleClass("in-active"),$("body").hasClass("collapsed-active")?$(".hp-sidebar .submenu-children").addClass("d-none"):($(".hp-sidebar .submenu-children").removeClass("d-none"),$(".hp-sidebar .submenu-children").css("display","none"))})),$("body").hasClass("collapsed-active")&&($(".hp-sidebar .submenu-children").addClass("d-none"),$(".hp-sidebar .tooltip-item").removeClass("in-active"));let e,n="left";"rtl"===$("html").attr("dir")&&(n="right"),$(".hp-sidebar-container li a").mouseenter((function(){if($("body").hasClass("collapsed-active")){if(e=parseInt($(this).parents(".hp-sidebar").width())+38,$(".hp-sidebar-dropdown-container").remove(),$(this).next(".submenu-children").length){let t;$("body").append('\n
\n
    '+$(this).next(".submenu-children").html()+"
\n
\n "),$(this).offset().top+$(".hp-sidebar-dropdown-container").height()>$(window).height()?($(".hp-sidebar-dropdown-container > ul").css({maxHeight:"calc(100vh - "+($(window).height()-$(this).offset().top)+"px)"}),$(".hp-sidebar-dropdown-container").css("top",$(this).offset().top-$(".hp-sidebar-dropdown-container").height()+50+"px"),"right"===n?$(".hp-sidebar-dropdown-container").css(n,e-38+"px"):$(".hp-sidebar-dropdown-container").css(n,"calc("+$(this).offset().left+"px + "+e+"px)")):($(".hp-sidebar-dropdown-container > ul").css({maxHeight:"none"}),$(".hp-sidebar-dropdown-container").css("top",$(this).offset().top+"px"),"right"===n?$(".hp-sidebar-dropdown-container").css(n,e-38+"px"):$(".hp-sidebar-dropdown-container").css(n,"calc("+$(this).offset().left+"px + "+e+"px)")),$(".hp-sidebar-dropdown-container li a").mouseenter((function(){$(this).next(".submenu-children").length?($(this).css("pointer-events","none"),t=$(this).next(".collapse").find(".submenu-children").data("level"),$("body").append('\n
\n
    '+$(this).next(".submenu-children").html()+"
\n
\n "),$(this).offset().top+$(".hp-sidebar-dropdown-container[data-level="+t+"]").height()>$(window).height()?($(".hp-sidebar-dropdown-container[data-level="+t+"] > ul").css({maxHeight:"calc(100vh - "+($(window).height()-$(this).offset().top)+"px)"}),$(".hp-sidebar-dropdown-container[data-level="+t+"]").css("top",$(this).offset().top-$(".hp-sidebar-dropdown-container[data-level="+t+"]").height()+50+"px"),"right"===n?$(".hp-sidebar-dropdown-container[data-level="+t+"]").css(n,"calc("+($(this).width()+e-38+27)+"px)"):$(".hp-sidebar-dropdown-container[data-level="+t+"]").css(n,"calc("+$(this).offset().left+"px + "+(e-37)*parseInt(t)+"px)")):($(".hp-sidebar-dropdown-container[data-level="+t+"] > ul").css({maxHeight:"none"}),$(".hp-sidebar-dropdown-container[data-level="+t+"]").css("top",$(this).offset().top+"px"),"right"===n?$(".hp-sidebar-dropdown-container[data-level="+t+"]").css(n,"calc("+($(this).width()+e-38+27)+"px)"):$(".hp-sidebar-dropdown-container[data-level="+t+"]").css(n,"calc("+$(this).offset().left+"px + "+(e-37)*parseInt(t)+"px)"))):($(".hp-sidebar-dropdown-container li a").css("pointer-events","all"),$(".hp-sidebar-dropdown-container[data-level="+t+"]").remove())}))}}else $(".hp-sidebar-dropdown-container").remove()})),$(window).mousemove((function(e){let n=$(".hp-sidebar-container li a"),t=$(".hp-sidebar-dropdown-container");n.is(event.target)||n.has(event.target).length||t.is(event.target)||t.has(event.target).length||($(".hp-sidebar-dropdown-container").remove(),$(".hp-sidebar-dropdown-container li a").css("pointer-events","all"))}))})); -let optionsBrowserChromeChart={series:[50.2],chart:{type:"radialBar",width:24,height:22},grid:{show:!1,padding:{left:-15,right:-15,top:-12,bottom:-15}},colors:["#C903FF"],plotOptions:{radialBar:{hollow:{size:"20%"},track:{background:"#DFE6E9"},dataLabels:{showOn:"always",name:{show:!1},value:{show:!1}}}},stroke:{lineCap:"round"}};if(document.querySelector("#browser-chrome-chart")){new ApexCharts(document.querySelector("#browser-chrome-chart"),optionsBrowserChromeChart).render()}let optionsBrowserEdgeChart={series:[4.7],chart:{type:"radialBar",width:24,height:22},grid:{show:!1,padding:{left:-15,right:-15,top:-12,bottom:-15}},colors:["#0010F7"],plotOptions:{radialBar:{hollow:{size:"20%"},track:{background:"#DFE6E9"},dataLabels:{showOn:"always",name:{show:!1},value:{show:!1}}}},stroke:{lineCap:"round"}};if(document.querySelector("#browser-edge-chart")){new ApexCharts(document.querySelector("#browser-edge-chart"),optionsBrowserEdgeChart).render()}let optionsBrowserFirefoxChart={series:[12.5],chart:{type:"radialBar",width:24,height:22},grid:{show:!1,padding:{left:-15,right:-15,top:-12,bottom:-15}},colors:["#FFC700"],plotOptions:{radialBar:{hollow:{size:"20%"},track:{background:"#DFE6E9"},dataLabels:{showOn:"always",name:{show:!1},value:{show:!1}}}},stroke:{lineCap:"round"}};if(document.querySelector("#browser-firefox-chart")){new ApexCharts(document.querySelector("#browser-firefox-chart"),optionsBrowserFirefoxChart).render()}let optionsBrowserOperaChart={series:[7.8],chart:{type:"radialBar",width:24,height:22},grid:{show:!1,padding:{left:-15,right:-15,top:-12,bottom:-15}},colors:["#FF0022"],plotOptions:{radialBar:{hollow:{size:"20%"},track:{background:"#DFE6E9"},dataLabels:{showOn:"always",name:{show:!1},value:{show:!1}}}},stroke:{lineCap:"round"}};if(document.querySelector("#browser-opera-chart")){new ApexCharts(document.querySelector("#browser-opera-chart"),optionsBrowserOperaChart).render()}let optionsBrowserOtherChart={series:[2.2],chart:{type:"radialBar",width:24,height:22},grid:{show:!1,padding:{left:-15,right:-15,top:-12,bottom:-15}},colors:["#111314"],plotOptions:{radialBar:{hollow:{size:"20%"},track:{background:"#DFE6E9"},dataLabels:{showOn:"always",name:{show:!1},value:{show:!1}}}},stroke:{lineCap:"round"}};if(document.querySelector("#browser-other-chart")){new ApexCharts(document.querySelector("#browser-other-chart"),optionsBrowserOtherChart).render()}let optionsBrowserSafariChart={series:[24.8],chart:{type:"radialBar",width:24,height:22},grid:{show:!1,padding:{left:-15,right:-15,top:-12,bottom:-15}},colors:["#1BE7FF"],plotOptions:{radialBar:{hollow:{size:"20%"},track:{background:"#DFE6E9"},dataLabels:{showOn:"always",name:{show:!1},value:{show:!1}}}},stroke:{lineCap:"round"}};if(document.querySelector("#browser-safari-chart")){new ApexCharts(document.querySelector("#browser-safari-chart"),optionsBrowserSafariChart).render()}let optionsEarningsChart={series:[{name:"Marketing",data:[48]},{name:"Payment",data:[21]},{name:"Bills",data:[31]}],chart:{type:"bar",height:100,stacked:!0,stackType:"100%",toolbar:{show:!1}},grid:{show:!1},plotOptions:{bar:{horizontal:!0,barHeight:"100%",startingShape:"rounded",endingShape:"rounded"}},colors:["#00F7BF","#1BE7FF","#0010F7"],fill:{type:"solid"},xaxis:{type:"datetime",labels:{show:!1},axisBorder:{show:!1},axisTicks:{show:!1}},yaxis:{show:!1},legend:{position:"left"},tooltip:{x:{show:!1}}};if(document.querySelector("#earnings-chart")){new ApexCharts(document.querySelector("#earnings-chart"),optionsEarningsChart).render()}let optionsExpensesDonutCard={series:[1244,2155,1541],chart:{id:"expenses-donut-card",fontFamily:"Manrope, sans-serif",type:"donut",height:350,toolbar:{show:!1},zoom:{enabled:!1}},colors:["#0010F7","#55B1F3","#1BE7FF"],labels:["Marketing","Payments","Bills"],dataLabels:{enabled:!1},plotOptions:{pie:{donut:{size:"90%",labels:{show:!0,name:{fontSize:"2rem"},value:{fontSize:"24px",fontWeight:"medium",color:"#2D3436",formatter:e=>`$${e}`},total:{show:!0,fontSize:"24px",fontWeight:"medium",label:"Total",color:"#636E72",formatter:function(e){return`$${e.globals.seriesTotals.reduce(((e,r)=>e+r),0)}`}}}}}},responsive:[{breakpoint:426,options:{legend:{itemMargin:{horizontal:16,vertical:8}}}}],legend:{itemMargin:{horizontal:12,vertical:24},horizontalAlign:"center",position:"bottom",fontSize:"12px",labels:{colors:"#2D3436"},markers:{radius:12}}};if(document.querySelector("#expenses-donut-card")){new ApexCharts(document.querySelector("#expenses-donut-card"),optionsExpensesDonutCard).render()} -let optionsAnalyticsEnergy={series:[91],chart:{fontFamily:"Manrope, sans-serif",type:"radialBar",id:"analytics-energy-chart",height:335,toolbar:{show:!1},zoom:{enabled:!1}},plotOptions:{radialBar:{startAngle:-135,endAngle:135,track:{background:"transparent"},dataLabels:{name:{show:!0,fontSize:"12px",fontWeight:"400",color:"#636E72"},value:{fontSize:"24px",fontWeight:"500",color:void 0,formatter:function(e){return e+"%"}}}}},stroke:{dashArray:6},labels:["Completed"],fill:{type:"gradient",gradient:{shade:"dark",type:"horizontal",shadeIntensity:1,gradientToColors:["#0010F7","#1BE7FF"],inverseColors:!0,opacityFrom:1,opacityTo:1,stops:[0,50,100]}}};if(document.querySelector("#analytics-energy-chart")){new ApexCharts(document.querySelector("#analytics-energy-chart"),optionsAnalyticsEnergy).render()}let optionsAnalyticsExpenses={series:[1244,2155,1541],chart:{id:"analytics-expenses-chart",fontFamily:"Manrope, sans-serif",type:"donut",height:350,toolbar:{show:!1},zoom:{enabled:!1}},colors:["#0010F7","#55B1F3","#1BE7FF"],labels:["Marketing","Payments","Bills"],dataLabels:{enabled:!1},plotOptions:{pie:{donut:{size:"85%",labels:{show:!0,name:{fontSize:"2rem"},value:{fontSize:"24px",fontWeight:"medium",color:"#2D3436",formatter:e=>`$${e}`},total:{show:!0,fontSize:"24px",fontWeight:"medium",label:"Total",color:"#636E72",formatter:function(e){return`$${e.globals.seriesTotals.reduce(((e,t)=>e+t),0)}`}}}}}},responsive:[{breakpoint:426,options:{legend:{itemMargin:{horizontal:16,vertical:8}}}}],legend:{itemMargin:{horizontal:12,vertical:24},horizontalAlign:"center",position:"bottom",fontSize:"14px",markers:{radius:12}}};if(document.querySelector("#analytics-expenses-chart")){new ApexCharts(document.querySelector("#analytics-expenses-chart"),optionsAnalyticsExpenses).render()}let optionsAnalyticsMarketplace={series:[61,82,65],chart:{height:184,id:"analytics-marketplace-chart",fontFamily:"Manrope, sans-serif",type:"radialBar",toolbar:{show:!1},zoom:{enabled:!1}},colors:["#00F7BF","#0010F7","#FFC700"],labels:["Ebay","Web","Amazon"],dataLabels:{enabled:!1},stroke:{lineCap:"round"},plotOptions:{radialBar:{dataLabels:{show:!0,name:{fontSize:"10px"},value:{fontSize:"10px",offsetY:0},total:{show:!0,fontSize:"10px",label:"Total",formatter:function(e){return 7400}}}}},legend:{show:!0,itemMargin:{horizontal:0,vertical:6},horizontalAlign:"center",position:"left",fontSize:"14px",markers:{radius:12}},responsive:[{breakpoint:325,options:{legend:{itemMargin:{horizontal:8,vertical:0},horizontalAlign:"center",position:"bottom",fontSize:"14px"}}}]};if(document.querySelector("#analytics-marketplace-chart")){new ApexCharts(document.querySelector("#analytics-marketplace-chart"),optionsAnalyticsMarketplace).render()}let optionsAnalyticsRevenue1={series:[{name:"Earning",data:[28877,29334,33233,36439,32675,32333,33457,38345,36783,39457,22459,39840]},{name:"Expense",data:[12010,11313,14623,18935,17345,13465,17813,19125,16256,20356,12233,14570]}],chart:{id:"analytics-revenue-chart",fontFamily:"Manrope, sans-serif",type:"bar",height:300,toolbar:{show:!1},zoom:{enabled:!1}},labels:{style:{fontSize:"14px"}},dataLabels:{enabled:!1},grid:{borderColor:"#DFE6E9",row:{opacity:.5}},plotOptions:{bar:{horizontal:!1,borderRadius:2,columnWidth:"45%",endingShape:"rounded"},colors:{backgroundBarColors:["#0063F7","#00F7BF"]}},stroke:{show:!0,width:4,colors:["transparent"]},xaxis:{axisTicks:{show:!1,borderType:"solid",color:"#78909C",height:6,offsetX:0,offsetY:0},tickPlacement:"between",labels:{style:{colors:["636E72"],fontSize:"14px"}},categories:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]},legend:{horizontalAlign:"right",offsetX:40,position:"top",markers:{radius:12}},yaxis:{labels:{style:{colors:["636E72"],fontSize:"14px"},formatter:e=>e/1e3+"K"},min:0,max:4e4,tickAmount:4}};if(document.querySelector("#analytics-revenue-chart")){new ApexCharts(document.querySelector("#analytics-revenue-chart"),optionsAnalyticsRevenue1).render()}let optionsAnalyticsRevenue2={series:[{name:"Sales",data:[80,50,30,40,100,20]},{name:"Expense",data:[20,30,40,80,20,80]}],chart:{id:"analytics-revenue-2-chart",fontFamily:"Manrope, sans-serif",height:"85%",type:"radar",toolbar:{show:!1},zoom:{enabled:!1},dropShadow:{enabled:!0,blur:4,left:1,top:1,opacity:.1}},fill:{opacity:[1,1]},stroke:{show:!1,width:0},markers:{size:0},colors:["rgba(85, 177, 243, 0.8)","rgba(0, 247, 191, 0.8)"],labels:["Marketing","Payments","Bills"],dataLabels:{enabled:!1},yaxis:{show:!1},xaxis:{categories:["Jan","Feb","Mar","Apr","May","Jun"]},plotOptions:{radar:{polygons:{connectorColors:"#fff"}}},legend:{itemMargin:{horizontal:12,vertical:16},horizontalAlign:"center",position:"bottom",fontSize:"12px",fontWeight:"medium",markers:{radius:12}}};if(document.querySelector("#analytics-revenue-2-chart")){new ApexCharts(document.querySelector("#analytics-revenue-2-chart"),optionsAnalyticsRevenue2).render()}let optionsAnalyticsRevenue3={series:[{data:[0,20,10,40,50,30]}],chart:{fontFamily:"Manrope, sans-serif",type:"line",id:"analytics-revenue-3-chart",toolbar:{show:!1},zoom:{enabled:!1}},colors:["#0063F7"],labels:{style:{fontSize:"14px"}},stroke:{curve:"smooth",lineCap:"round"},tooltip:{enabled:!1},dataLabels:{enabled:!1},grid:{show:!1},markers:{strokeWidth:0,size:0,colors:["#0063F7","#1BE7FF"],hover:{sizeOffset:1}},xaxis:{axisTicks:{show:!1},labels:{show:!1},axisBorder:{show:!1}},responsive:[{breakpoint:426,options:{legend:{itemMargin:{horizontal:16,vertical:8}}}}],yaxis:{show:!1}};document.querySelectorAll("*[data-chart-id]").forEach((e=>{if("analytics-revenue-3-chart"===e.getAttribute("data-chart-id")){new ApexCharts(e,optionsAnalyticsRevenue3).render()}}));let optionsAnalyticsTraffic={series:[{name:"SEO Visits",data:[20,50,60,80,90,55]},{name:"Organic",data:[35,35,35,15,35,15]},{name:"Sponsored",data:[100,15,60,40,50,80]}],chart:{id:"analytics-Traffic-chart",fontFamily:"Manrope, sans-serif",type:"radar",height:"100%",toolbar:{show:!1},zoom:{enabled:!1}},fill:{opacity:[.2,.2,.2]},stroke:{show:!0,width:3},markers:{size:0},colors:["#0063F7","#FF0022","#00F7BF"],labels:["Marketing","Payments","Bills"],yaxis:{show:!1},xaxis:{categories:["Jan","Feb","Mar","Apr","May","Jun"]},plotOptions:{radar:{polygons:{connectorColors:"#fff"}}},legend:{itemMargin:{horizontal:32,vertical:16},horizontalAlign:"center",position:"bottom",fontSize:"24px",fontWeight:500,markers:{radius:12}}};if(document.querySelector("#analytics-Traffic-chart")){new ApexCharts(document.querySelector("#analytics-Traffic-chart"),optionsAnalyticsTraffic).render()}let optionsAnalyticsVisit={series:[35,25,45],chart:{id:"analytics-visit-chart",fontFamily:"Manrope, sans-serif",type:"donut",height:184,toolbar:{show:!1},zoom:{enabled:!1}},colors:["#1BE7FF","#0010F7","#00F7BF"],labels:["Desktop","Tablet","Mobile"],dataLabels:{enabled:!1},plotOptions:{pie:{donut:{size:"75%",labels:{show:!0,name:{fontSize:"12px",offsetY:0},value:{fontSize:"12px",offsetY:0,formatter:e=>`% ${e}`},total:{show:!0,fontSize:"16px",label:"Total",formatter:function(e){return"2400"}}}}}},legend:{itemMargin:{horizontal:0,vertical:6},horizontalAlign:"center",position:"left",fontSize:"14px",markers:{radius:12}},responsive:[{breakpoint:325,options:{legend:{itemMargin:{horizontal:4,vertical:0},horizontalAlign:"center",position:"bottom",fontSize:"14px"}}}]};if(document.querySelector("#analytics-visit-chart")){new ApexCharts(document.querySelector("#analytics-visit-chart"),optionsAnalyticsVisit).render()}let optionsAnalyticsVisiters={series:[{name:"Ads",data:[8245,14452,8545,14452,6012,22333]},{name:"Organic",data:[12245,7952,10623,7935,14345,4002]}],chart:{fontFamily:"Manrope, sans-serif",type:"area",id:"analytics-visiters-chart",height:"100%",toolbar:{show:!1},zoom:{enabled:!1}},colors:["#0063F7","#00F7BF"],labels:{style:{fontSize:"14px"}},fill:{opacity:.3},dataLabels:{enabled:!1},grid:{borderColor:"#DFE6E9",row:{opacity:.5}},markers:{strokeWidth:0,size:0,colors:["rgba(0, 255, 198, 0.17)","rgba(45, 125, 239, 0.17)"],hover:{sizeOffset:1}},xaxis:{axisTicks:{show:!1,borderType:"solid",color:"#78909C",height:6,offsetX:0,offsetY:0},labels:{style:{colors:["636E72"],fontSize:"14px"}},categories:["Jan","Feb","Mar","Apr","May","Jun"]},legend:{position:"top",horizontalAlign:"right",offsetX:40},yaxis:{labels:{style:{colors:["636E72"],fontSize:"14px"},formatter:e=>e/1e3+"K"},min:0,max:3e4,tickAmount:3}};if(document.querySelector("#analytics-visiters-chart")){new ApexCharts(document.querySelector("#analytics-visiters-chart"),optionsAnalyticsVisiters).render()} -let optionsStatisticsRevenue1={series:[{data:[0,20,10,40,50,30]}],chart:{type:"line",id:"revenue-line-1",height:100,toolbar:{show:!1},zoom:{enabled:!1}},legend:{show:!1},markers:{size:1,strokeColors:"#FF8B9A",strokeOpacity:0},colors:["#FF8B9A"],stroke:{lineCap:"round",width:2},tooltip:{enabled:!1},dataLabels:{enabled:!1},grid:{show:!0,borderColor:"#B2BEC3",strokeDashArray:6,position:"back",xaxis:{lines:{show:!0}},yaxis:{lines:{show:!1}}},xaxis:{show:!1,labels:{show:!1},axisTicks:{show:!1},axisBorder:{show:!1}},responsive:[{breakpoint:426,options:{legend:{itemMargin:{horizontal:16,vertical:8}}}}],yaxis:{show:!1}};if(document.querySelector("#statistics-revenue-1")){new ApexCharts(document.querySelector("#statistics-revenue-1"),optionsStatisticsRevenue1).render()}let optionsStatisticsRevenue2={series:[{data:[0,20,10,40,50,30]}],chart:{type:"line",id:"revenue-line-2",height:100,toolbar:{show:!1},zoom:{enabled:!1}},colors:["#0063F7"],stroke:{lineCap:"round",width:2},markers:{size:1,strokeColors:"#0063F7",strokeOpacity:0},tooltip:{enabled:!1},dataLabels:{enabled:!1},grid:{show:!0,borderColor:"#B2BEC3",strokeDashArray:6,position:"back",xaxis:{lines:{show:!0}},yaxis:{lines:{show:!1}}},xaxis:{show:!1,labels:{show:!1},axisTicks:{show:!1},axisBorder:{show:!1}},responsive:[{breakpoint:426,options:{legend:{itemMargin:{horizontal:16,vertical:8}}}}],yaxis:{show:!1}};if(document.querySelector("#statistics-revenue-2")){new ApexCharts(document.querySelector("#statistics-revenue-2"),optionsStatisticsRevenue2).render()}let optionsStatisticsRevenue3={series:[{data:[0,20,10,40,50,30]}],chart:{type:"line",id:"revenue-line-3",height:100,toolbar:{show:!1},zoom:{enabled:!1}},colors:["#FFE393"],stroke:{lineCap:"round",width:2},markers:{size:1,strokeColors:"#FFE393",strokeOpacity:0},tooltip:{enabled:!1},dataLabels:{enabled:!1},grid:{show:!0,borderColor:"#B2BEC3",strokeDashArray:6,position:"back",xaxis:{lines:{show:!0}},yaxis:{lines:{show:!1}}},xaxis:{show:!1,labels:{show:!1},axisTicks:{show:!1},axisBorder:{show:!1}},responsive:[{breakpoint:426,options:{legend:{itemMargin:{horizontal:16,vertical:8}}}}],yaxis:{show:!1}};if(document.querySelector("#statistics-revenue-3")){new ApexCharts(document.querySelector("#statistics-revenue-3"),optionsStatisticsRevenue3).render()}let optionsStatisticsOrder={series:[{name:"Earning",data:[50,70,100,60]}],chart:{type:"bar",height:"80",stacked:!0,toolbar:{show:!1}},grid:{show:!1,padding:{left:0,right:10,top:-10,bottom:-10}},plotOptions:{bar:{horizontal:!1,columnWidth:"65%",borderRadius:2,colors:{backgroundBarColors:[],backgroundBarRadius:5}}},legend:{show:!1},dataLabels:{enabled:!1},colors:["#0010F7"],xaxis:{labels:{show:!1},axisBorder:{show:!1},axisTicks:{show:!1}},yaxis:{show:!1,max:100},tooltip:{x:{show:!1}}};if(document.querySelector("#statistics-order")){new ApexCharts(document.querySelector("#statistics-order"),optionsStatisticsOrder).render()}let optionsStatisticsOrderVertical={series:[{name:"Earning",data:[50,70,100,60]}],chart:{type:"bar",height:"80",stacked:!0,toolbar:{show:!1}},grid:{show:!1,padding:{left:8,right:15,top:-10,bottom:-10}},plotOptions:{bar:{horizontal:!1,columnWidth:"60%",borderRadius:2,colors:{backgroundBarColors:[],backgroundBarRadius:5}}},legend:{show:!1},dataLabels:{enabled:!1},colors:["#0010F7"],xaxis:{labels:{show:!1},axisBorder:{show:!1},axisTicks:{show:!1}},yaxis:{show:!1,max:100},tooltip:{x:{show:!1}}};if(document.querySelector("#statistics-order-vertical")){new ApexCharts(document.querySelector("#statistics-order-vertical"),optionsStatisticsOrderVertical).render()}let optionsStatisticsSubscribe={series:[{name:"Earning",data:[50,70,100,60]}],chart:{type:"bar",height:80,stacked:!0,toolbar:{show:!1}},grid:{show:!1,padding:{left:0,right:10,top:-10,bottom:-10}},plotOptions:{bar:{horizontal:!1,columnWidth:"65%",borderRadius:2,colors:{backgroundBarColors:[],backgroundBarRadius:5}}},legend:{show:!1},dataLabels:{enabled:!1},colors:["#00F7BF"],xaxis:{labels:{show:!1},axisBorder:{show:!1},axisTicks:{show:!1}},yaxis:{show:!1,max:100},tooltip:{x:{show:!1}}};if(document.querySelector("#statistics-subscribe")){new ApexCharts(document.querySelector("#statistics-subscribe"),optionsStatisticsSubscribe).render()}let optionsStatisticsSubscribeVertical={series:[{name:"Earning",data:[50,70,100,60]}],chart:{type:"bar",height:"80",stacked:!0,toolbar:{show:!1}},grid:{show:!1,padding:{left:8,right:15,top:-10,bottom:-10}},plotOptions:{bar:{horizontal:!1,columnWidth:"60%",borderRadius:2,colors:{backgroundBarColors:[],backgroundBarRadius:5}}},legend:{show:!1},dataLabels:{enabled:!1},colors:["#00F7BF"],xaxis:{labels:{show:!1},axisBorder:{show:!1},axisTicks:{show:!1}},yaxis:{show:!1,max:100},tooltip:{x:{show:!1}}};if(document.querySelector("#statistics-subscribe-vertical")){new ApexCharts(document.querySelector("#statistics-subscribe-vertical"),optionsStatisticsSubscribeVertical).render()}let optionsStatisticsTicket={series:[76],chart:{type:"radialBar",height:"80",stacked:!0,toolbar:{show:!1}},grid:{show:!1,padding:{left:-24,right:-24,top:-16,bottom:-16}},plotOptions:{radialBar:{startAngle:0,endAngle:360,hollow:{size:"45%"},track:{show:!0,background:"#ffffff",strokeWidth:"100%",opacity:1,margin:0},dataLabels:{show:!0,value:{fontSize:"12px",color:"#FF455E",fontWeight:500,offsetY:-11},total:{show:!0,fontSize:"12px",label:"",formatter:function(t){return"%76"}}}}},legend:{show:!1},dataLabels:{enabled:!1},colors:["#FF455E"],xaxis:{labels:{show:!1},axisBorder:{show:!1},axisTicks:{show:!1}},yaxis:{show:!1,max:100},tooltip:{x:{show:!1}}};if(document.querySelector("#statistics-ticket")){new ApexCharts(document.querySelector("#statistics-ticket"),optionsStatisticsTicket).render()}let optionsStatisticsTicketVertical={series:[76],chart:{type:"radialBar",height:"92",stacked:!0,toolbar:{show:!1}},grid:{show:!1,padding:{left:-24,right:-24,top:-12,bottom:-16}},plotOptions:{radialBar:{startAngle:0,endAngle:360,hollow:{size:"45%"},track:{show:!0,background:"#ffffff",strokeWidth:"100%",opacity:1,margin:0},dataLabels:{show:!0,value:{fontSize:"12px",color:"#FF455E",fontWeight:500,offsetY:-11},total:{show:!0,fontSize:"12px",label:"",formatter:function(t){return"%76"}}}}},legend:{show:!1},dataLabels:{enabled:!1},colors:["#FF455E"],xaxis:{labels:{show:!1},axisBorder:{show:!1},axisTicks:{show:!1}},yaxis:{show:!1,max:100},tooltip:{x:{show:!1}}};if(document.querySelector("#statistics-ticket-vertical")){new ApexCharts(document.querySelector("#statistics-ticket-vertical"),optionsStatisticsTicketVertical).render()}let optionsStatisticsTraffic={series:[{data:[31,10,109,60,140,40,150]}],chart:{fontFamily:"Manrope, sans-serif",type:"line",height:"70%",stacked:!0,toolbar:{show:!1},zoom:{enabled:!1}},colors:["#0063F7"],labels:{style:{fontSize:"14px"}},stroke:{curve:"smooth",lineCap:"round"},tooltip:{enabled:!1},dataLabels:{enabled:!1},grid:{show:!1,padding:{left:0,right:0}},markers:{strokeWidth:0,size:0,colors:["#0063F7","#1BE7FF"],hover:{sizeOffset:1}},xaxis:{lines:{show:!1},axisBorder:{show:!1},axisTicks:{show:!1},labels:{show:!1}},responsive:[{breakpoint:426,options:{legend:{itemMargin:{horizontal:16,vertical:8}}}}],yaxis:[{show:!1,offsetX:0,offsetY:0,padding:{left:0,right:0}}]};if(document.querySelector("#statistics-traffic")){new ApexCharts(document.querySelector("#statistics-traffic"),optionsStatisticsTraffic).render()}let optionsStatisticsUsers={series:[40],chart:{type:"radialBar",height:"92",stacked:!0,toolbar:{show:!1}},grid:{show:!1,padding:{left:-24,right:-24,top:-12,bottom:-16}},plotOptions:{radialBar:{startAngle:0,endAngle:360,hollow:{size:"45%"},track:{show:!0,background:"#ffffff",strokeWidth:"100%",opacity:1,margin:0},dataLabels:{show:!0,value:{fontSize:"12px",color:"#FFC700",fontWeight:500,offsetY:-11},total:{show:!0,fontSize:"12px",label:"",formatter:function(t){return"%40"}}}}},legend:{show:!1},dataLabels:{enabled:!1},colors:["#FFD252"],xaxis:{labels:{show:!1},axisBorder:{show:!1},axisTicks:{show:!1}},yaxis:{show:!1,max:100},tooltip:{x:{show:!1}}};if(document.querySelector("#statistics-users")){new ApexCharts(document.querySelector("#statistics-users"),optionsStatisticsUsers).render()}let optionsStatisticsUsersVertical={series:[40],chart:{type:"radialBar",height:"92",stacked:!0,toolbar:{show:!1}},grid:{show:!1,padding:{left:-24,right:-24,top:-12,bottom:-16}},plotOptions:{radialBar:{startAngle:0,endAngle:360,hollow:{size:"45%"},track:{show:!0,background:"#ffffff",strokeWidth:"100%",opacity:1,margin:0},dataLabels:{show:!0,value:{fontSize:"12px",color:"#FFC700",fontWeight:500,offsetY:-11},total:{show:!0,fontSize:"12px",label:"",formatter:function(t){return"%40"}}}}},legend:{show:!1},dataLabels:{enabled:!1},colors:["#FFD252"],xaxis:{labels:{show:!1},axisBorder:{show:!1},axisTicks:{show:!1}},yaxis:{show:!1,max:100},tooltip:{x:{show:!1}}};if(document.querySelector("#statistics-users-vertical")){new ApexCharts(document.querySelector("#statistics-users-vertical"),optionsStatisticsUsersVertical).render()} -$((function(){$(".avatar-group").each((function(a){let t=$(this).data("max");t&&($(this).children("div").length>t&&$(this).find(".avatar-item-max-count").removeClass("d-none"),$(this).children("div").each((function(a){$(this).hasClass("avatar-item-max-count")||a+1>t&&$(this).parent().find(".avatar-group-dropdown-container").append($(this))})),$(this).find(".avatar-item-max-count > span").text("+"+$(this).parent().find(".avatar-group-dropdown-container > div").length))}))})); -new bootstrap.Carousel; -$(".input-number .input-number-input").focusin((function(){$(this).parent().parent().addClass("input-number-focused")})),$(".input-number .input-number-input").focusout((function(){$(this).parent().parent().removeClass("input-number-focused")})),$(".input-number .input-number-input").keyup((function(){let n=$(this).parents(".input-number").find(".input-number-handler-up"),e=$(this).parents(".input-number").find(" .input-number-handler-down");Number($(this).val())>=$(this).attr("max")?($(this).val($(this).attr("max")),n.addClass("input-number-handler-up-disabled"),e.removeClass("input-number-handler-down-disabled")):(e.removeClass("input-number-handler-down-disabled"),n.removeClass("input-number-handler-up-disabled")),""!==$(this).val()&&Number($(this).val())<=$(this).attr("min")&&($(this).val($(this).attr("min")),e.addClass("input-number-handler-down-disabled"),n.removeClass("input-number-handler-up-disabled"))})),$(".input-number .input-number-handler").click((function(){let n=$(this).parents(".input-number").find(".input-number-input"),e=$(this).parents(".input-number").find(".input-number-handler-up"),u=$(this).parents(".input-number").find(".input-number-handler-down"),t=Number(n.val()),i=Number(n.attr("step"))?Number(n.attr("step")):1,r=Number(n.attr("min")),a=Number(n.attr("max"));$(this).hasClass("input-number-handler-up-disabled")||$(this).hasClass("input-number-handler-up")&&(tr&&(t-=i,e.removeClass("input-number-handler-up-disabled")),t===r&&u.addClass("input-number-handler-down-disabled")),n.val(t)})); -var varyingModal=document.getElementById("varyingModal");varyingModal&&varyingModal.addEventListener("show.bs.modal",(function(e){var a=e.relatedTarget.getAttribute("data-bs-whatever"),t=varyingModal.querySelector(".modal-title"),o=varyingModal.querySelector(".modal-body input");t.textContent="New message to "+a,o.value=a})); -$(".toast-btn").click((function(){let t=$(this).data("id");$(".toast").each((function(){let a=$(this).data("id");a&&t===a&&new bootstrap.Toast($(this)).show()}))})); -var popoverTriggerList=[].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]')),popoverList=popoverTriggerList.map((function(o){return new bootstrap.Popover(o)})); -setTimeout((()=>{new Swiper(".hp-ecommerce-app-detail-other-slider .swiper",{slidesPerView:2,spaceBetween:24,navigation:{nextEl:".hp-ecommerce-app-detail-other-slider .btn-next",prevEl:".hp-ecommerce-app-detail-other-slider .btn-prev"},breakpoints:{1200:{slidesPerView:6},768:{slidesPerView:3}}})}),500),setTimeout((()=>{let e=new Swiper(".hp-ecommerce-app-detail-slider-1",{loop:!0,slidesPerView:1,watchSlidesProgress:!0});new Swiper(".hp-ecommerce-app-detail-slider-2",{slidesPerView:3,loop:!0,thumbs:{swiper:e},breakpoints:{768:{slidesPerView:4}}})}),500); -$(".hp-authentication-page-register").length?$(".hp-authentication-page-register *[data-button-step]").click((function(){let t=$(this);"register-step-1"===t.attr("data-button-step")&&($(this).addClass("d-none"),$(".hp-authentication-page-register *[data-button-step='register-step-2']").removeClass("d-none"),$(".hp-authentication-page-register *[data-step]").each((function(){"register-step-1"===$(this).attr("data-step")&&$(this).removeClass("d-none")}))),"register-step-2"===t.attr("data-button-step")&&($(this).addClass("d-none"),$(".hp-authentication-page-register *[data-button-step='register-step-3']").removeClass("d-none"),$(".hp-authentication-page-register *[data-step]").each((function(){"register-step-2"===$(this).attr("data-step")&&$(this).removeClass("d-none")}))),"register-step-3"===t.attr("data-button-step")&&($(this).addClass("d-none"),$(".hp-authentication-page-register *[data-button-step='register-step-4']").removeClass("d-none"),$(".hp-authentication-page-register *[data-step]").each((function(){"register-step-3"===$(this).attr("data-step")&&$(this).removeClass("d-none")})))})):$(".hp-authentication-page *[data-button-step]").click((function(){let t=$(this);$(".hp-authentication-page *[data-step]").each((function(){t.attr("data-button-step")===$(this).attr("data-step")&&($(this).removeClass("d-none"),t.addClass("d-none"))}))})); -setTimeout((()=>{new Swiper(".best-selling-product-slide .swiper",{slidesPerView:1,spaceBetween:32,speed:800,navigation:{nextEl:".best-selling-product-slide .slide-btn-next",prevEl:".best-selling-product-slide .slide-btn-prev"},breakpoints:{992:{slidesPerView:3},768:{slidesPerView:2}}})}),500); -$((function(){new Swiper(".hp-landing-features-slide",{slidesPerView:1,spaceBetween:32,centeredSlides:!0,loop:!0,speed:800,autoplay:{delay:5e3,disableOnInteraction:!1},breakpoints:{1200:{slidesPerView:3},768:{slidesPerView:2}}}),$(".hp-landing-pricing .form-switch input").change((function(e){$(this).parent().next("span").toggleClass("text-primary text-black-100 hp-text-color-dark-0"),$(this).parent().prev("span").toggleClass("text-primary text-black-100 hp-text-color-dark-0"),$(".monthly-text").toggleClass("d-none"),$(".annually-text").toggleClass("d-none")}))})); -setTimeout((()=>{new Swiper(".hp-components-menu .swiper",{slidesPerView:"auto",speed:800})}),500); -$((function(){$("#pricing-billed").change((function(e){e.target.checked?($(".hp-pricing-billed-yearly-text").addClass("active"),$(".hp-pricing-billed-monthly-text").removeClass("active"),$(".hp-pricing-billed-active").removeClass("d-none"),$(".hp-pricing-billed-inactive").addClass("d-none")):($(".hp-pricing-billed-monthly-text").addClass("active"),$(".hp-pricing-billed-yearly-text").removeClass("active"),$(".hp-pricing-billed-active").addClass("d-none"),$(".hp-pricing-billed-inactive").removeClass("d-none"))}))})); -const defaultButtons='\n\n\n\n\n\n\n\n\n',largeButtons='\n\n\n\n\n\n\n\n\n',smallButtons='\n\n\n\n\n\n\n\n\n',textButtons='\n\n\n\n\n\n\n\n\n',linkButtons='\n\n\n\n\n\n\n\n\n',dashedButtons='\n\n\n\n\n\n\n\n\n',disabledButtons='\n\n\n\n\n\n\n',outlineButtons='\n\n\n\n\n\n\n\n\n',ghostButtons='\n\n\n\n\n\n\n\n\n',gradientButtons='\n\n\n\n\n\n\n\n\n',iconButtons='\n\n\n\n\n\n\n--\n\n\n\n\n\n\n\n--\n\n\n\n\n\n\n\n--\n\n\n\n\n\n\n\n--\n\n\n\n\n\n\n\n--\n\n\n\n\n\n\n\n',iconOnlyButtons='\n\n\n\n\n\n\n\n\n\n\n\n\n--\n\n\n\n\n\n\n\n\n\n\n\n\n\n--\n\n\n\n\n\n\n\n\n\n\n\n\n\n--\n\n\n\n\n\n\n\n\n\n\n\n\n\n--\n\n\n\n\n\n\n\n\n\n\n\n\n \n--\n\n\n\n\n\n\n\n\n\n\n\n\n\n';$("pre code").each((function(){"buttons"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"default-buttons"===$(this).data("code")&&$(this).text(defaultButtons),"large-buttons"===$(this).data("code")&&$(this).text(largeButtons),"small-buttons"===$(this).data("code")&&$(this).text(smallButtons),"text-buttons"===$(this).data("code")&&$(this).text(textButtons),"link-buttons"===$(this).data("code")&&$(this).text(linkButtons),"dashed-buttons"===$(this).data("code")&&$(this).text(dashedButtons),"disabled-buttons"===$(this).data("code")&&$(this).text(disabledButtons),"outline-buttons"===$(this).data("code")&&$(this).text(outlineButtons),"ghost-buttons"===$(this).data("code")&&$(this).text(ghostButtons),"gradient-buttons"===$(this).data("code")&&$(this).text(gradientButtons),"icon-buttons"===$(this).data("code")&&$(this).text(iconButtons),"icon-only-buttons"===$(this).data("code")&&$(this).text(iconOnlyButtons))})); -const basicAccordion='\n
\n
\n

\n \n

\n\n
\n
\n

\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget eleifend lectus. Sed quis nisi lectus. Quisque vel leo diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet nisi eu nisi tincidunt facilisis. Sed mollis nisl dui, a sodales massa sodales sit amet. Sed nisl est, volutpat sed feugiat non, maximus id orci. Fusce placerat congue nulla, a consectetur massa hendrerit a.\n

\n
\n
\n
\n\n
\n

\n \n

\n\n
\n
\n

\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget eleifend lectus. Sed quis nisi lectus. Quisque vel leo diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet nisi eu nisi tincidunt facilisis. Sed mollis nisl dui, a sodales massa sodales sit amet. Sed nisl est, volutpat sed feugiat non, maximus id orci. Fusce placerat congue nulla, a consectetur massa hendrerit a.\n

\n
\n
\n
\n\n
\n

\n \n

\n\n
\n
\n

\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget eleifend lectus. Sed quis nisi lectus. Quisque vel leo diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet nisi eu nisi tincidunt facilisis. Sed mollis nisl dui, a sodales massa sodales sit amet. Sed nisl est, volutpat sed feugiat non, maximus id orci. Fusce placerat congue nulla, a consectetur massa hendrerit a.\n

\n
\n
\n
\n
\n\n',flushAccordion='\n
\n
\n

\n \n

\n\n
\n
\n

\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget eleifend lectus. Sed quis nisi lectus. Quisque vel leo diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet nisi eu nisi tincidunt facilisis. Sed mollis nisl dui, a sodales massa sodales sit amet. Sed nisl est, volutpat sed feugiat non, maximus id orci. Fusce placerat congue nulla, a consectetur massa hendrerit a.\n

\n
\n
\n
\n\n
\n

\n \n

\n\n
\n
\n

\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget eleifend lectus. Sed quis nisi lectus. Quisque vel leo diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet nisi eu nisi tincidunt facilisis. Sed mollis nisl dui, a sodales massa sodales sit amet. Sed nisl est, volutpat sed feugiat non, maximus id orci. Fusce placerat congue nulla, a consectetur massa hendrerit a.\n

\n
\n
\n
\n\n
\n

\n \n

\n\n
\n
\n

\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget eleifend lectus. Sed quis nisi lectus. Quisque vel leo diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet nisi eu nisi tincidunt facilisis. Sed mollis nisl dui, a sodales massa sodales sit amet. Sed nisl est, volutpat sed feugiat non, maximus id orci. Fusce placerat congue nulla, a consectetur massa hendrerit a.\n

\n
\n
\n
\n
\n\n',openData='\n
\n
\n

\n \n

\n\n
\n
\n

\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget eleifend lectus. Sed quis nisi lectus. Quisque vel leo diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet nisi eu nisi tincidunt facilisis. Sed mollis nisl dui, a sodales massa sodales sit amet. Sed nisl est, volutpat sed feugiat non, maximus id orci. Fusce placerat congue nulla, a consectetur massa hendrerit a.\n

\n
\n
\n
\n\n
\n

\n \n

\n\n
\n
\n

\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget eleifend lectus. Sed quis nisi lectus. Quisque vel leo diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet nisi eu nisi tincidunt facilisis. Sed mollis nisl dui, a sodales massa sodales sit amet. Sed nisl est, volutpat sed feugiat non, maximus id orci. Fusce placerat congue nulla, a consectetur massa hendrerit a.\n

\n
\n
\n
\n\n
\n

\n \n

\n\n
\n
\n

\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget eleifend lectus. Sed quis nisi lectus. Quisque vel leo diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet nisi eu nisi tincidunt facilisis. Sed mollis nisl dui, a sodales massa sodales sit amet. Sed nisl est, volutpat sed feugiat non, maximus id orci. Fusce placerat congue nulla, a consectetur massa hendrerit a.\n

\n
\n
\n
\n
\n\n';$("pre code").each((function(){"accordion"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"example"===$(this).data("code")&&$(this).text(basicAccordion),"flush"===$(this).data("code")&&$(this).text(flushAccordion),"open"===$(this).data("code")&&$(this).text(openData))})); -const examplesAlert='\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n',linkColor='\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n',additional='\n\n\n',iconsAlert='\n\n\n',icons2Alert='\n\n \n \n \n\n \n \n \n\n \n \n \n\n\n\n\n\n\n\n\n\n\n',dismissing='\n\n\n';$("pre code").each((function(){"alert"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"examples"===$(this).data("code")&&$(this).text(examplesAlert),"link-color"===$(this).data("code")&&$(this).text(linkColor),"additional"===$(this).data("code")&&$(this).text(additional),"icons"===$(this).data("code")&&$(this).text(iconsAlert),"icons2"===$(this).data("code")&&$(this).text(icons2Alert),"dismissing"===$(this).data("code")&&$(this).text(dismissing))})); -const basicAvatar='\n
\n
\n \n
\n\n
\n \n
\n\n
\n \n
\n\n
\n \n
\n
\n\n
\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n
\n\n',avatarGroup='\n
\n
\n User\n
\n\n
K
\n \n
\n
\n \n
\n
\n\n
\n \n
\n
\n\n
\n\n
\n
\n User\n
\n\n
K
\n \n
\n
\n \n
\n
\n\n
\n \n
\n\n
\n \n\n
\n
\n
\n
\n
\n\n
\n\n
\n
\n User\n
\n \n
K
\n \n
\n +2\n\n
\n
\n
\n
\n \n
\n
\n\n
\n \n
\n
\n
\n
\n
\n\n',avatarType='\n
\n \n
\n\n
S
\n\n
\n USER\n
\n\n
D
\n\n
\n \n
\n\n',avatarBadge='\n
\n
\n \n
\n\n 1 \n
\n\n
\n
\n \n
\n\n \n
\n\n';$("pre code").each((function(){"avatar"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"basic"===$(this).data("code")&&$(this).text(basicAvatar),"avatar-group"===$(this).data("code")&&$(this).text(avatarGroup),"avatar-type"===$(this).data("code")&&$(this).text(avatarType),"avatar-badge"===$(this).data("code")&&$(this).text(avatarBadge))})); -const headings='\n

Example heading New

\n

Example heading New

\n

Example heading New

\n

Example heading New

\n
Example heading New
\n
Example heading New
\n\n',buttons='\n\n\n',positioned='\n\n\n\n\n',background='\nPrimary\nSecondary\nSuccess\nDanger\nWarning\nInfo\nLight\nDark\n\n',pillBadges='\nPrimary\nSecondary\nSuccess\nDanger\nWarning\nInfo\nLight\nDark\n\n';$("pre code").each((function(){"badge"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"headings"===$(this).data("code")&&$(this).text(headings),"buttons"===$(this).data("code")&&$(this).text(buttons),"positioned"===$(this).data("code")&&$(this).text(positioned),"background"===$(this).data("code")&&$(this).text(background),"pill-badges"===$(this).data("code")&&$(this).text(pillBadges))})); -const basicBreadcrumb='\n\n\n\n\n\n\n',divider='\n\n\n\n\n\n\n';$("pre code").each((function(){"breadcrumb"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"basic"===$(this).data("code")&&$(this).text(basicBreadcrumb),"divider"===$(this).data("code")&&$(this).text(divider))})); -const exampleCard='\n
\n ...\n\n
\n
Card title
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n Go somewhere\n
\n
\n\n',bodyCard='\n
\n
\n This is some text within a card body.\n
\n
\n\n',titlesTextLinks='\n
\n
\n
Card title
\n
Card subtitle
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n Card link\n Another link\n
\n
\n\n',imagesCard='\n
\n ...\n\n
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n
\n
\n\n',listGroups='\n
\n
    \n
  • An item
    • \n
  • A second item
    • \n
  • A third item
    • \n
\n
\n\n
\n
\n Featured\n
\n
    \n
  • An item
    • \n
  • A second item
    • \n
  • A third item
    • \n
\n
\n\n
\n
    \n
  • An item
    • \n
  • A second item
    • \n
  • A third item
    • \n
\n
\n Card footer\n
\n
\n\n',kitchenSink='\n
\n ...\n\n
\n
Card title
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n
\n\n
    \n
  • An item
    • \n
  • A second item
    • \n
  • A third item
    • \n
\n\n
\n Card link\n Another link\n
\n
\n\n',headerAndFooter='\n
\n
\n Featured\n
\n\n
\n
Special title treatment
\n

With supporting text below as a natural lead-in to additional content.

\n Go somewhere\n
\n
\n\n
\n
\n Featured\n
\n\n
\n
Special title treatment
\n

With supporting text below as a natural lead-in to additional content.

\n Go somewhere\n
\n\n
\n 2 days ago\n
\n
\n\n',navigation='\n
\n
\n \n
\n\n
\n
Special title treatment
\n

With supporting text below as a natural lead-in to additional content.

\n Go somewhere\n
\n
\n\n
\n
\n \n
\n\n
\n
Special title treatment
\n

With supporting text below as a natural lead-in to additional content.

\n Go somewhere\n
\n
\n\n',imageCaps='\n
\n ...\n\n
\n
Card title
\n

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

\n

\n Last updated 3 mins ago\n

\n
\n
\n\n
\n
\n
Card title
\n

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

\n

\n Last updated 3 mins ago\n

\n
\n\n ...\n
\n\n',imageOverlay='\n
\n ...\n\n
\n
Card title
\n

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

\n

Last updated 3 mins ago

\n
\n
\n\n',horizontalCard='\n
\n
\n
\n ...\n
\n\n
\n
\n
Card title
\n

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

\n

\n Last updated 3 mins ago\n

\n
\n
\n
\n
\n\n',backgroundColor='\n
\n
Header
\n
\n
Primary card title
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n
\n
\n\n
\n
Header
\n
\n
Secondary card title
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n
\n
\n\n
\n
Header
\n
\n
Success card title
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n
\n
\n\n
\n
Header
\n
\n
Danger card title
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n
\n
\n\n
\n
Header
\n
\n
Warning card title
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n
\n
\n\n
\n
Header
\n
\n
Info card title
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n
\n
\n\n
\n
Header
\n
\n
Light card title
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n
\n
\n\n
\n
Header
\n
\n
Dark card title
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n
\n
\n\n',cardBorder='\n
\n
Header
\n
\n
Primary card title
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n
\n
\n\n
\n
Header
\n
\n
Secondary card title
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n
\n
\n\n
\n
Header
\n
\n
Success card title
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n
\n
\n\n
\n
Header
\n
\n
Danger card title
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n
\n
\n\n
\n
Header
\n
\n
Warning card title
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n
\n
\n\n
\n
Header
\n
\n
Info card title
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n
\n
\n\n
\n
Header
\n
\n
Light card title
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n
\n
\n\n
\n
Header
\n
\n
Dark card title
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n
\n
\n\n',cardGroups='\n
\n
\n ...\n\n
\n
Card title
\n

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

\n

\n Last updated 3 mins ago\n

\n
\n
\n\n
\n ...\n\n
\n
Card title
\n

This card has supporting text below as a natural lead-in to additional content.

\n

\n Last updated 3 mins ago\n

\n
\n
\n\n
\n ...\n\n
\n
Card title
\n

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.

\n

\n Last updated 3 mins ago\n

\n
\n
\n
\n\n
\n
\n ...\n\n
\n
Card title
\n

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

\n
\n
\n Last updated 3 mins ago\n
\n
\n\n
\n ...\n\n
\n
Card title
\n

This card has supporting text below as a natural lead-in to additional content.

\n
\n
\n Last updated 3 mins ago\n
\n
\n\n
\n ...\n\n
\n
Card title
\n

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action. This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.

\n
\n
\n Last updated 3 mins ago\n
\n
\n
\n\n',cardGrid='\n
\n
\n
\n ...\n\n
\n
Card title
\n

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

\n
\n
\n
\n\n
\n
\n ...\n\n
\n
Card title
\n

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer. This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer. This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

\n
\n
\n
\n\n
\n
\n ...\n\n
\n
Card title
\n

This is a longer card with supporting text below as a natural lead-in to additional content.

\n
\n
\n
\n\n
\n
\n ...\n\n
\n
Card title
\n

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

\n
\n
\n
\n
\n\n';$("pre code").each((function(){"card"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"example"===$(this).data("code")&&$(this).text(exampleCard),"body"===$(this).data("code")&&$(this).text(bodyCard),"titles-text-links"===$(this).data("code")&&$(this).text(titlesTextLinks),"images"===$(this).data("code")&&$(this).text(imagesCard),"list-groups"===$(this).data("code")&&$(this).text(listGroups),"kitchen-sink"===$(this).data("code")&&$(this).text(kitchenSink),"header-and-footer"===$(this).data("code")&&$(this).text(headerAndFooter),"navigation"===$(this).data("code")&&$(this).text(navigation),"image-caps"===$(this).data("code")&&$(this).text(imageCaps),"image-overlay"===$(this).data("code")&&$(this).text(imageOverlay),"horizontal"===$(this).data("code")&&$(this).text(horizontalCard),"background-color"===$(this).data("code")&&$(this).text(backgroundColor),"card-border"===$(this).data("code")&&$(this).text(cardBorder),"card-groups"===$(this).data("code")&&$(this).text(cardGroups),"card-grid"===$(this).data("code")&&$(this).text(cardGrid))})); -const basicCarousel='\n\n\n',controls='\n\n\n',indicators='\n\n\n',captionsCarousel='\n\n\n',crossfade='\n\n\n',interval='\n\n\n',touch='\n\n\n';$("pre code").each((function(){"carousel"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"basic"===$(this).data("code")&&$(this).text(basicCarousel),"controls"===$(this).data("code")&&$(this).text(controls),"indicators"===$(this).data("code")&&$(this).text(indicators),"captions"===$(this).data("code")&&$(this).text(captionsCarousel),"crossfade"===$(this).data("code")&&$(this).text(crossfade),"interval"===$(this).data("code")&&$(this).text(interval),"touch"===$(this).data("code")&&$(this).text(touch))})); -const basicCheckbox='\n
\n \n \n
\n\n
\n \n \n
\n\n',disabledCheckbox='\n
\n \n \n
\n\n
\n \n \n
\n';$("pre code").each((function(){"checkbox"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"basic"===$(this).data("code")&&$(this).text(basicCheckbox),"disabled"===$(this).data("code")&&$(this).text(disabledCheckbox))})); -const exampleCollapse='\n\n\n\n\n
\n
\n

\n Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger.\n

\n
\n
\n\n',multipleCollapse='\n\n\n\n\n\n\n
\n
\n
\n
\n

\n Some placeholder content for the first collapse component of this multi-collapse example. This panel is hidden by default but revealed when the user activates the relevant trigger.\n

\n
\n
\n
\n\n
\n
\n
\n

\n Some placeholder content for the first collapse component of this multi-collapse example. This panel is hidden by default but revealed when the user activates the relevant trigger.\n

\n
\n
\n
\n
\n\n';$("pre code").each((function(){"collapse"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"example"===$(this).data("code")&&$(this).text(exampleCollapse),"multiple"===$(this).data("code")&&$(this).text(multipleCollapse))})); -const demoDrawer='\n\n Link with href\n\n\n\n\n
\n
\n
Offcanvas
\n \n
\n\n
\n
\n Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.\n
\n\n
\n \n\n \n
\n
\n
\n\n',placement='\n\n\n\n\n\n\n
\n
\n
Offcanvas top
\n \n
\n\n
\n ...\n
\n
\n\n
\n
\n
Offcanvas right
\n \n
\n\n
\n ...\n
\n
\n\n
\n
\n
Offcanvas bottom
\n \n
\n\n
\n ...\n
\n
\n\n',backdrop='\n\n\n\n\n
\n
\n
Colored with scrolling
\n \n
\n
\n

Try scrolling the rest of the page to see this option in action.

\n
\n
\n\n
\n
\n
Offcanvas with backdrop
\n \n
\n
\n

.....

\n
\n
\n\n
\n
\n
Backdroped with scrolling
\n \n
\n
\n

Try scrolling the rest of the page to see this option in action.

\n
\n
\n\n';$("pre code").each((function(){"drawer"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"demo"===$(this).data("code")&&$(this).text(demoDrawer),"placement"===$(this).data("code")&&$(this).text(placement),"backdrop"===$(this).data("code")&&$(this).text(backdrop))})); -const singleButton='\n
\n \n\n \n
\n\n
\n \n\n \n
\n\n
\n \n\n \n \n \n \n \n\n \n \n \n\n \n
\n\n',splitButton='\n
\n \n \n \n \n
\n\n',sizing='\n
\n \n\n
    \n ...\n
\n
\n\n
\n \n \n\n
    \n ...\n
\n
\n\n
\n \n\n
    \n ...\n
\n
\n\n
\n \n \n\n
    \n ...\n
\n
\n\n',dropup='\n
\n \n\n
    \n
  • ...
    • \n
\n
\n\n
\n \n\n \n\n
    \n
  • ...
    • \n
\n
\n\n',dropright='\n
\n \n\n
    \n
  • ...
    • \n
\n
\n\n
\n \n \n\n
    \n
  • ...
    • \n
\n
\n\n',dropleft='\n
\n \n\n
    \n
  • ...
    • \n
\n
\n\n
\n \n \n\n
    \n
  • ...
    • \n
\n
\n\n',responsiveDropdown='\n
\n \n
    \n
    • \n
    • \n
    • \n
\n
\n\n
\n \n\n
    \n
    • \n
    • \n
    • \n
\n
\n\n',alignment='\n
\n \n \n
\n\n
\n \n \n
\n\n
\n \n \n
\n\n
\n \n \n
\n\n
\n \n \n
\n\n
\n \n \n
\n\n',dropdownOptions='\n
\n \n\n \n
\n\n
\n \n \n\n \n
\n\n',autoClose='\n
\n \n \n
\n\n
\n \n \n
\n\n
\n \n \n
\n\n
\n \n \n
\n\n';$("pre code").each((function(){"dropdown"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"single-button"===$(this).data("code")&&$(this).text(singleButton),"split-button"===$(this).data("code")&&$(this).text(splitButton),"sizing"===$(this).data("code")&&$(this).text(sizing),"dropup"===$(this).data("code")&&$(this).text(dropup),"dropright"===$(this).data("code")&&$(this).text(dropright),"dropleft"===$(this).data("code")&&$(this).text(dropleft),"responsive"===$(this).data("code")&&$(this).text(responsiveDropdown),"alignment"===$(this).data("code")&&$(this).text(alignment),"dropdown-options"===$(this).data("code")&&$(this).text(dropdownOptions),"auto-close"===$(this).data("code")&&$(this).text(autoClose))})); -const basicForm='\n
\n
\n \n \n
We\'ll never share your email with anyone else.
\n
\n\n
\n \n \n
\n\n
\n \n \n
\n\n \n
\n\n',disabledForm='\n
\n
\n \n \n
\n\n
\n \n \n
\n\n
\n
\n \n \n
\n
\n\n \n
\n\n';$("pre code").each((function(){"form"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"basic"===$(this).data("code")&&$(this).text(basicForm),"disabled"===$(this).data("code")&&$(this).text(disabledForm))})); -const basicInputNumber='\n
\n
\n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n
\n\n
\n \n
\n
\n\n',disabledInputNumber='\n
\n
\n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n
\n\n
\n \n
\n
\n\n',sizesInputNumber='\n
\n
\n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n
\n\n
\n \n
\n
\n\n
\n
\n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n
\n\n
\n \n
\n
\n\n
\n
\n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n
\n\n
\n \n
\n
\n\n';$("pre code").each((function(){"input-number"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"basic"===$(this).data("code")&&$(this).text(basicInputNumber),"disabled"===$(this).data("code")&&$(this).text(disabledInputNumber),"sizes"===$(this).data("code")&&$(this).text(sizesInputNumber))})); -const basicInput='\n\n\n
\n @\n \n
\n\n
\n \n @example.com\n
\n\n\n
\n https://example.com/users/\n \n
\n\n
\n $\n \n .00\n
\n\n
\n \n @\n \n
\n\n
\n With textarea\n \n
\n\n',sizingInput='\n
\n Small\n \n
\n\n
\n Default\n \n
\n\n
\n Large\n \n
\n\n',checkboxesRadios='\n
\n
\n \n
\n \n
\n\n
\n
\n \n
\n \n
\n\n',multipleInput='\n
\n First and last name\n \n \n
\n\n',addons='\n
\n $\n 0.00\n \n
\n\n
\n \n $\n 0.00\n
\n\n',buttonAddons='\n
\n \n \n
\n\n
\n \n \n
\n\n
\n \n \n \n
\n\n
\n \n \n \n
\n\n',buttonDropdowns='\n
\n \n \n \n
\n\n
\n \n \n \n
\n\n
\n \n \n \n \n \n
\n\n',segmented='\n
\n \n \n \n \n
\n\n
\n \n \n \n \n
\n\n',selectInput='\n
\n \n \n
\n\n
\n \n \n
\n\n
\n \n \n
\n\n
\n \n \n
\n\n',fileInput='\n
\n \n \n
\n\n
\n \n \n
\n\n
\n \n \n
\n\n
\n \n \n
\n\n';$("pre code").each((function(){"input"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"basic"===$(this).data("code")&&$(this).text(basicInput),"sizing"===$(this).data("code")&&$(this).text(sizingInput),"checkboxes-radios"===$(this).data("code")&&$(this).text(checkboxesRadios),"multiple"===$(this).data("code")&&$(this).text(multipleInput),"button-addons"===$(this).data("code")&&$(this).text(buttonAddons),"button-dropdowns"===$(this).data("code")&&$(this).text(buttonDropdowns),"segmented"===$(this).data("code")&&$(this).text(segmented),"select"===$(this).data("code")&&$(this).text(selectInput),"file-input"===$(this).data("code")&&$(this).text(fileInput))})); -const basicList='\n
    \n
  • An item
    • \n
  • A second item
    • \n
  • A third item
    • \n
  • A fourth item
    • \n
  • And a fifth one
    • \n
\n\n',activeItems='\n
    \n
  • An active item
    • \n
  • A second item
    • \n
  • A third item
    • \n
  • A fourth item
    • \n
  • And a fifth one
    • \n
\n\n',disabledList='\n
    \n
  • A disabled item
    • \n
  • A second item
    • \n
  • A third item
    • \n
  • A fourth item
    • \n
  • And a fifth one
    • \n
\n\n',linksAndButtons='\n
\n \n The current link item\n \n A second link item\n A third link item\n A fourth link item\n A disabled link item\n
\n\n
\n \n \n \n \n \n
\n\n',flushList='\n
    \n
  • An item
    • \n
  • A second item
    • \n
  • A third item
    • \n
  • A fourth item
    • \n
  • And a fifth one
    • \n
\n\n',numbered='\n
    \n
  1. Cras justo odio
    2. \n
  2. Cras justo odio
    3. \n
  3. Cras justo odio
    4. \n
\n\n
    \n
  1. \n
    \n
    Subheading
    \n Cras justo odio\n
    \n 14\n
    2. \n\n
  2. \n
    \n
    Subheading
    \n Cras justo odio\n
    \n 14\n
    3. \n\n
  3. \n
    \n
    Subheading
    \n Cras justo odio\n
    \n 14\n
    4. \n
\n\n',horizontalList='\n
    \n
  • An item
    • \n
  • A second item
    • \n
  • A third item
    • \n
\n\n
    \n
  • An item
    • \n
  • A second item
    • \n
  • A third item
    • \n
\n\n
    \n
  • An item
    • \n
  • A second item
    • \n
  • A third item
    • \n
\n\n
    \n
  • An item
    • \n
  • A second item
    • \n
  • A third item
    • \n
\n\n
    \n
  • An item
    • \n
  • A second item
    • \n
  • A third item
    • \n
\n\n
    \n
  • An item
    • \n
  • A second item
    • \n
  • A third item
    • \n
\n\n',contextual='\n
    \n
  • A simple default list group item
    • \n\n
  • A simple primary list group item
    • \n
  • A simple secondary list group item
    • \n
  • A simple success list group item
    • \n
  • A simple danger list group item
    • \n
  • A simple warning list group item
    • \n
  • A simple info list group item
    • \n
  • A simple light list group item
    • \n
  • A simple dark list group item
    • \n
\n\n
\n A simple default list group item\n\n A simple primary list group item\n A simple secondary list group item\n A simple success list group item\n A simple danger list group item\n A simple warning list group item\n A simple info list group item\n A simple light list group item\n A simple dark list group item\n
\n\n',badges='\n
    \n
  • \n A list item\n 14\n
    • \n\n
  • \n A second list item\n 2\n
    • \n\n
  • \n A third list item\n 1\n
    • \n
\n\n',customContent='\n
\n \n
\n
List group item heading
\n 3 days ago\n
\n

Some placeholder content in a paragraph.

\n And some small print.\n \n \n \n
\n
List group item heading
\n 3 days ago\n
\n

Some placeholder content in a paragraph.

\n And some muted small print.\n \n \n \n
\n
List group item heading
\n 3 days ago\n
\n

Some placeholder content in a paragraph.

\n And some muted small print.\n \n
\n\n',checkboxesAndRadios='\n
    \n
  • \n \n First checkbox\n
    • \n\n
  • \n \n Second checkbox\n
    • \n\n
  • \n \n Third checkbox\n
    • \n\n
  • \n \n Fourth checkbox\n
    • \n\n
  • \n \n Fifth checkbox\n
    • \n
\n\n
\n \n \n \n \n \n \n \n \n \n
\n\n';$("pre code").each((function(){"list"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"basic"===$(this).data("code")&&$(this).text(basicList),"active-items"===$(this).data("code")&&$(this).text(activeItems),"disabled"===$(this).data("code")&&$(this).text(disabledList),"links-and-buttons"===$(this).data("code")&&$(this).text(linksAndButtons),"flush"===$(this).data("code")&&$(this).text(flushList),"numbered"===$(this).data("code")&&$(this).text(numbered),"horizontal"===$(this).data("code")&&$(this).text(horizontalList),"contextual"===$(this).data("code")&&$(this).text(contextual),"badges"===$(this).data("code")&&$(this).text(badges),"custom-content"===$(this).data("code")&&$(this).text(customContent),"checkboxes-and-radios"===$(this).data("code")&&$(this).text(checkboxesAndRadios))})); -const supportedContent='\n\n\n',textMenu='\n\n\n\n\n',imageMenu='\n\n\n',navMenu='\n\n\n\n\n',colorSchemeMenu='\n\n\n\n\n',scrollingMenu='\n\n\n',toggler='\n\n\n\n\n\n\n',externalContent='\n\n\n';$("pre code").each((function(){"menu"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"supported-content"===$(this).data("code")&&$(this).text(supportedContent),"text-menu"===$(this).data("code")&&$(this).text(textMenu),"image-menu"===$(this).data("code")&&$(this).text(imageMenu),"nav-menu"===$(this).data("code")&&$(this).text(navMenu),"color-scheme-menu"===$(this).data("code")&&$(this).text(colorSchemeMenu),"scrolling-menu"===$(this).data("code")&&$(this).text(scrollingMenu),"toggler"===$(this).data("code")&&$(this).text(toggler),"external-content"===$(this).data("code")&&$(this).text(externalContent))})); -const demoModal='\n\n\n\n\n',staticModal='\n\n\n\n\n',scrolling='\n\n\n\n\n\n\n\n\n',vertically='\n\n\n\n\n\n\n\n\n',tooltipPopovers='\n\n\n\n\n',grid='\n\n\n\n\n',varying='\n\n\n\n\n\n\n\n\nvar varyingModal = document.getElementById(\'varyingModal\')\nif (varyingModal) {\n varyingModal.addEventListener(\'show.bs.modal\', function (event) {\n // Button that triggered the modal\n var button = event.relatedTarget\n // Extract info from data-bs-* attributes\n var recipient = button.getAttribute(\'data-bs-whatever\')\n // If necessary, you could initiate an AJAX request here\n // and then do the updating in a callback.\n //\n // Update the modal\'s content.\n var modalTitle = varyingModal.querySelector(\'.modal-title\')\n var modalBodyInput = varyingModal.querySelector(\'.modal-body input\')\n\n modalTitle.textContent = \'New message to \' + recipient\n modalBodyInput.value = recipient\n })\n}\n\n',between='\nOpen first modal\n\n\n\n\n\n',remove='\n\n\n',sizes='\n\n\n\n\n\n\n\n\n\n\n\n\n',fullscreen='\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n';$("pre code").each((function(){"modal"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"demo"===$(this).data("code")&&$(this).text(demoModal),"static"===$(this).data("code")&&$(this).text(staticModal),"scrolling"===$(this).data("code")&&$(this).text(scrolling),"vertically"===$(this).data("code")&&$(this).text(vertically),"tooltip-popovers"===$(this).data("code")&&$(this).text(tooltipPopovers),"grid"===$(this).data("code")&&$(this).text(grid),"varying"===$(this).data("code")&&$(this).text(varying),"between"===$(this).data("code")&&$(this).text(between),"remove"===$(this).data("code")&&$(this).text(remove),"sizes"===$(this).data("code")&&$(this).text(sizes),"fullscreen"===$(this).data("code")&&$(this).text(fullscreen))})); -const basicNotification='\n\n\n',live='\n\n\n
\n \n
\n\n',translucent='\n
\n \n
\n\n',stacking='\n\n\n\n\n
\n
\n \n\n \n
\n
\n\n';$("pre code").each((function(){"notification"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"basic"===$(this).data("code")&&$(this).text(basicNotification),"live"===$(this).data("code")&&$(this).text(live),"translucent"===$(this).data("code")&&$(this).text(translucent),"stacking"===$(this).data("code")&&$(this).text(stacking))})); -const basicPagination='\n\n\n',iconsPagination='\n\n\n',disabledActive='\n\n\n',sizingPagination='\n\n\n\n\n';$("pre code").each((function(){"pagination"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"basic"===$(this).data("code")&&$(this).text(basicPagination),"icons"===$(this).data("code")&&$(this).text(iconsPagination),"disabled-active"===$(this).data("code")&&$(this).text(disabledActive),"sizing"===$(this).data("code")&&$(this).text(sizingPagination))})); -const basicPopover='\n\n\n',directions='\n\n\n\n\n\n\n\n\n',dismiss='\n\n Dismissible popover\n\n\n',disabledPopover='\n\n \n\n\n';$("pre code").each((function(){"popover"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"basic"===$(this).data("code")&&$(this).text(basicPopover),"directions"===$(this).data("code")&&$(this).text(directions),"dismiss"===$(this).data("code")&&$(this).text(dismiss),"disabled"===$(this).data("code")&&$(this).text(disabledPopover))})); -const basicProgress='\n
\n
\n
\n\n
\n
\n
\n\n
\n
\n
\n\n
\n
\n
\n\n
\n
\n
\n\n',labels='\n
\n
25%
\n
\n\n',height='\n
\n
\n
\n\n
\n
\n
\n\n',backgrounds='\n
\n
\n
\n\n
\n
\n
\n\n
\n
\n
\n\n
\n
\n
\n\n',multiplebars='\n
\n
\n
\n
\n
\n\n',striped='\n
\n
\n
\n\n
\n
\n
\n\n
\n
\n
\n\n
\n
\n
\n\n
\n
\n
\n\n',animatedStriped='\n
\n
\n
\n\n';$("pre code").each((function(){"progress"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"basic"===$(this).data("code")&&$(this).text(basicProgress),"labels"===$(this).data("code")&&$(this).text(labels),"height"===$(this).data("code")&&$(this).text(height),"backgrounds"===$(this).data("code")&&$(this).text(backgrounds),"multiplebars"===$(this).data("code")&&$(this).text(multiplebars),"striped"===$(this).data("code")&&$(this).text(striped),"animated-striped"===$(this).data("code")&&$(this).text(animatedStriped))})); -const basicRadio='\n
\n \n \n
\n\n
\n \n \n
\n\n',disabledRadio='\n
\n \n \n
\n\n
\n \n \n
\n\n',toggleButtons='\n\n\n\n\n\n\n\n\n\n\n\n\n';$("pre code").each((function(){"radio"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"basic"===$(this).data("code")&&$(this).text(basicRadio),"disabled"===$(this).data("code")&&$(this).text(disabledRadio),"toggle-buttons"===$(this).data("code")&&$(this).text(toggleButtons))})); -const basicSelect='\n\n\n',sizingSelect='\n\n\n\n\n\n\n\n\n',disabledSelect='\n\n\n';$("pre code").each((function(){"select"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"basic"===$(this).data("code")&&$(this).text(basicSelect),"sizing"===$(this).data("code")&&$(this).text(sizingSelect),"disabled"===$(this).data("code")&&$(this).text(disabledSelect))})); -const basicSlider='\n\n\n',disabledSlider='\n\n\n',minAndMax='\n\n\n',step='\n\n\n';$("pre code").each((function(){"slider"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"basic"===$(this).data("code")&&$(this).text(basicSlider),"disabled"===$(this).data("code")&&$(this).text(disabledSlider),"min-and-max"===$(this).data("code")&&$(this).text(minAndMax),"step"===$(this).data("code")&&$(this).text(step))})); -const borderSpinner='\n\n\n',colors='\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n',growingSpinner='\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n',flex='\n
\n \n
\n\n
\n Loading...\n \n
\n\n',float='\n
\n \n
\n\n',textAlign='\n
\n \n
\n\n',size='\n\n\n\n\n\n\n\n\n',buttonSpinner='\n\n\n\n\n\n\n\n\n';$("pre code").each((function(){"spinner"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"border-spinner"===$(this).data("code")&&$(this).text(borderSpinner),"colors"===$(this).data("code")&&$(this).text(colors),"growing-spinner"===$(this).data("code")&&$(this).text(growingSpinner),"flex"===$(this).data("code")&&$(this).text(flex),"float"===$(this).data("code")&&$(this).text(float),"text-align"===$(this).data("code")&&$(this).text(textAlign),"size"===$(this).data("code")&&$(this).text(size),"button-spinner"===$(this).data("code")&&$(this).text(buttonSpinner))})); -const basicSwitch='\n
\n \n \n
\n\n
\n \n \n
\n\n
\n \n \n
\n\n
\n \n \n
\n\n';$("pre code").each((function(){"switch"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"basic"===$(this).data("code")&&$(this).text(basicSwitch))})); -const overview='\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
#FirstLastHandle
1MarkOtto@mdo
2JacobThornton@fat
3Larry the Bird@twitter
\n\n',variants='\n\x3c!-- On tables --\x3e\n...
\n...
\n...
\n...
\n...
\n...
\n...
\n...
\n\n\x3c!-- On rows --\x3e\n...\n...\n...\n...\n...\n...\n...\n...\n\n\x3c!-- On cells (\'td\' or \'th\') --\x3e\n\n ...\n ...\n ...\n ...\n ...\n ...\n ...\n ...\n\n\n\n \n ...\n \n \n ...\n \n
\n\n',stripedRows='\n\n ...\n
\n\n',hoverableRows='\n\n ...\n
\n\n',activeTables='\n\n \n ...\n \n \n \n ...\n \n \n ...\n \n \n \n \n \n \n \n
3Larry the Bird@twitter
\n\n',bordered='\n\n ...\n
\n\n\n ...\n
\n\n',borderless='\n\n ...\n
\n\n',smallTables='\n\n ...\n
\n\n',nesting='\n\n \n ...\n \n \n ...\n \n \n \n ...\n \n
\n \n ...\n
\n
\n\n',foot='\n\n \n ...\n \n \n ...\n \n \n ...\n \n
\n\n',captionsTable='\n\n \n \n ...\n \n \n ...\n \n
List of users
\n\n\n \n \n ...\n \n \n ...\n \n
List of users
\n\n',responsiveTable='\n
\n \n ...\n
\n
\n\n',breakpoint='\n
\n \n ...\n
\n
\n\n
\n \n ...\n
\n
\n\n
\n \n ...\n
\n
\n\n
\n \n ...\n
\n
\n\n
\n \n ...\n
\n
\n\n
\n \n ...\n
\n
\n\n';$("pre code").each((function(){"table"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"overview"===$(this).data("code")&&$(this).text(overview),"variants"===$(this).data("code")&&$(this).text(variants),"striped-rows"===$(this).data("code")&&$(this).text(stripedRows),"active-tables"===$(this).data("code")&&$(this).text(activeTables),"bordered"===$(this).data("code")&&$(this).text(bordered),"borderless"===$(this).data("code")&&$(this).text(borderless),"small-tables"===$(this).data("code")&&$(this).text(smallTables),"nesting"===$(this).data("code")&&$(this).text(nesting),"foot"===$(this).data("code")&&$(this).text(foot),"captions"===$(this).data("code")&&$(this).text(captionsTable),"responsive"===$(this).data("code")&&$(this).text(responsiveTable),"breakpoint"===$(this).data("code")&&$(this).text(breakpoint))})); -const basicTabs='\n\n\n
\n
\n

\n Content of Tab Pane 1\n

\n
\n
\n

\n Content of Tab Pane 2\n

\n
\n
\n

\n Content of Tab Pane 3\n

\n
\n
\n\n//-\n\n\n\n
\n
\n

\n Content of Tab Pane 1\n

\n
\n
\n

\n Content of Tab Pane 2\n

\n
\n
\n

\n Content of Tab Pane 3\n

\n
\n
\n\n',vertical='\n
\n \n\n
\n
\n

\n Content of Tab Pane 1\n

\n
\n
\n

\n Content of Tab Pane 2\n

\n
\n
\n

\n Content of Tab Pane 3\n

\n
\n
\n

\n Content of Tab Pane 4\n

\n
\n
\n
\n\n';$("pre code").each((function(){"tabs"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"basic"===$(this).data("code")&&$(this).text(basicTabs),"vertical"===$(this).data("code")&&$(this).text(vertical))})); -const basicTooltip='\n\n\n\n\n',direction='\n\n\n\n\n\n\n\n\n',svg='\n
\n ...\n
\n\n';$("pre code").each((function(){"tooltip"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"basic"===$(this).data("code")&&$(this).text(basicTooltip),"direction"===$(this).data("code")&&$(this).text(direction),"svg"===$(this).data("code")&&$(this).text(svg))})); -$(".show-code-btn").click((function(){$(this).parent().nextAll(".hljs-container").fadeToggle(300)})); \ No newline at end of file diff --git a/priv/static/theme/app/js/app.min-7f90d67d87dc45bbf065bc92ca7b66f6.js.gz b/priv/static/theme/app/js/app.min-7f90d67d87dc45bbf065bc92ca7b66f6.js.gz deleted file mode 100644 index c141085956b7e932dda1fa3dff772475fced81ca..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 29980 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

KM+yLtks4iEpwTNO-8cFAETgAyM1kkQ5 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.innerHeight/3?$(".scroll-to-top").addClass("active"):$(".scroll-to-top").removeClass("active")})),$(".hp-wish-button").click((function(){$(this).toggleClass("text-danger bg-danger-4 hp-bg-color-dark-danger"),$(this).toggleClass("text-black-40 hp-text-color-dark-70 bg-black-10 hp-bg-color-dark-90")})),$(".data-date-timer").each((function(){$(this).data("date-timer")&&setInterval((()=>{let t=Date.parse($(this).data("date-timer"))-new Date,a=Math.floor(t/864e5),i=Math.floor(t/36e5),e=Math.floor(t/6e4),o=a,c=i-24*a,d=e-60*i,l=Math.floor(t/1e3)-60*e;$(this).find("*[data-date-timer-day]").text(o),$(this).find("*[data-date-timer-hours]").text(c),$(this).find("*[data-date-timer-minutes]").text(d),$(this).find("*[data-date-timer-seconds]").text(l)}),1e3)})),$("*[data-search]").keyup((function(){let t=$(this).val(),a=new RegExp(t,"i");$("*[data-search-item]").each((function(){$(this).find("*[data-search-item-text]").text().search(a)>=0||$(this).hide(),$(this).find("*[data-search-item-text]").text().search(a)>=0&&$(this).show()}))})),setTimeout((()=>{$("*[data-copy-click]").each((function(){let t=$(this).find("*[data-copy-id]");"value"===$(this).data("copy-click")?$(this).find("*[data-copy-click-id]").click((function(a){if($(this).data("copy-click-id")===t.data("copy-id")){let a=t.val();navigator.clipboard.writeText(a)}})):$(this).find("*[data-copy-click-id]").click((function(a){$(this).data("copy-click-id")===t.data("copy-id")&&(t.find("*[data-copy]")?navigator.clipboard.writeText(t.find("*[data-copy]").data("copy")):navigator.clipboard.writeText(t.text()))}))}))}),300),$("#payment-cardnumber").mask("0000 0000 0000 0000"),$("#payment-date").mask("00/00"),$("#payment-cvc").mask("000"),$("#phone").mask("(000) 000-0000");let tooltipTriggerList=[].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));tooltipTriggerList.map((function(t){return new bootstrap.Tooltip(t)})); -let optionsAreaChart={series:[{name:"Visit",data:[10877,29334,33233,36439,32675,32333,33457,38345,36783,30457,28459,29840]},{name:"Click",data:[8753,21313,24623,28935,27345,23465,27813,29125,26256,24356,20233,24570]},{name:"Sales",data:[6e3,11313,14623,18935,17345,13465,17813,19125,16256,20356,16233,14570]}],chart:{fontFamily:"Manrope, sans-serif",type:"area",height:350,toolbar:{show:!1},zoom:{enabled:!1}},labels:{style:{fontSize:"14px"}},dataLabels:{enabled:!1},grid:{borderColor:"#DFE6E9",row:{opacity:.5}},fill:{opacity:1,type:"solid"},stroke:{show:!0,width:4,curve:"straight",colors:["transparent"]},xaxis:{axisTicks:{show:!1,borderType:"solid",color:"#78909C",height:6,offsetX:0,offsetY:0},labels:{style:{colors:["636E72"],fontSize:"14px"}},categories:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]},legend:{horizontalAlign:"right",offsetX:40,position:"top",markers:{radius:12}},colors:["#EBFAFA","#55B1F3","#0010F7"],yaxis:{labels:{style:{colors:["636E72"],fontSize:"14px"},formatter:e=>e/1e3+"K"},min:0,max:4e4,tickAmount:4}};if(document.querySelector("#area-chart")){new ApexCharts(document.querySelector("#area-chart"),optionsAreaChart).render()}let optionsBarChart={series:[{name:"Expenses",data:[4477,7834,8233,6039,5575,6933,6357]}],chart:{fontFamily:"Manrope, sans-serif",type:"bar",height:350,toolbar:{show:!1},zoom:{enabled:!1}},plotOptions:{bar:{borderRadius:4,horizontal:!0}},labels:{style:{fontSize:"14px"}},dataLabels:{enabled:!1},grid:{borderColor:"#DFE6E9",row:{opacity:.5}},fill:{opacity:1,type:"solid"},stroke:{show:!0,width:4,curve:"straight",colors:["transparent"]},xaxis:{axisTicks:{show:!1},tickAmount:5,labels:{style:{colors:["636E72"],fontSize:"14px"}},categories:["Sun, 23","Sat, 22","Fri, 21","Thu, 20","Wed, 19","Tue, 18","Mon, 17"]},legend:{horizontalAlign:"right",offsetX:40,position:"top",markers:{radius:12}},colors:["#0063F7"],yaxis:{reversed:!!$("body").hasClass("direction-end"),labels:{style:{colors:["636E72"],fontSize:"14px"}}}};document.querySelector("#bar-chart")&&setTimeout((()=>{new ApexCharts(document.querySelector("#bar-chart"),optionsBarChart).render()}),300);let optionsCandlestickChart={series:[{data:[{x:new Date(15387786e5),y:[6629.81,6650.5,6623.04,6633.33]},{x:new Date(15387804e5),y:[6632.01,6643.59,6620,6630.11]},{x:new Date(15387822e5),y:[6630.71,6648.95,6623.34,6635.65]},{x:new Date(1538784e6),y:[6635.65,6651,6629.67,6638.24]},{x:new Date(15387858e5),y:[6638.24,6640,6620,6624.47]},{x:new Date(15387876e5),y:[6624.53,6636.03,6621.68,6624.31]},{x:new Date(15387894e5),y:[6624.61,6632.2,6617,6626.02]},{x:new Date(15387912e5),y:[6627,6627.62,6584.22,6603.02]},{x:new Date(1538793e6),y:[6605,6608.03,6598.95,6604.01]},{x:new Date(15387948e5),y:[6604.5,6614.4,6602.26,6608.02]},{x:new Date(15387966e5),y:[6608.02,6610.68,6601.99,6608.91]},{x:new Date(15387984e5),y:[6608.91,6618.99,6608.01,6612]},{x:new Date(15388002e5),y:[6612,6615.13,6605.09,6612]},{x:new Date(1538802e6),y:[6612,6624.12,6608.43,6622.95]},{x:new Date(15388038e5),y:[6623.91,6623.91,6615,6615.67]},{x:new Date(15388056e5),y:[6618.69,6618.74,6610,6610.4]},{x:new Date(15388074e5),y:[6611,6622.78,6610.4,6614.9]},{x:new Date(15388092e5),y:[6614.9,6626.2,6613.33,6623.45]},{x:new Date(1538811e6),y:[6623.48,6627,6618.38,6620.35]},{x:new Date(15388128e5),y:[6619.43,6620.35,6610.05,6615.53]},{x:new Date(15388146e5),y:[6615.53,6617.93,6610,6615.19]},{x:new Date(15388164e5),y:[6615.19,6621.6,6608.2,6620]},{x:new Date(15388182e5),y:[6619.54,6625.17,6614.15,6620]},{x:new Date(153882e7),y:[6620.33,6634.15,6617.24,6624.61]},{x:new Date(15388218e5),y:[6625.95,6626,6611.66,6617.58]},{x:new Date(15388236e5),y:[6619,6625.97,6595.27,6598.86]},{x:new Date(15388254e5),y:[6598.86,6598.88,6570,6587.16]},{x:new Date(15388272e5),y:[6588.86,6600,6580,6593.4]}]}],chart:{fontFamily:"Manrope, sans-serif",type:"candlestick",height:350,toolbar:{show:!1},zoom:{enabled:!0}},plotOptions:{candlestick:{colors:{upward:"#00F7BF",downward:"#FF0022"},wick:{useFillColor:!0}}},labels:{style:{fontSize:"14px"}},dataLabels:{enabled:!1},grid:{borderColor:"#DFE6E9"},fill:{opacity:1,type:"solid"},xaxis:{type:"datetime",axisTicks:{show:!1},labels:{style:{colors:["636E72"],fontSize:"14px"}}},legend:{horizontalAlign:"right",offsetX:40,position:"top",markers:{radius:12}},yaxis:{labels:{style:{colors:["636E72"],fontSize:"14px"}}}};if(document.querySelector("#candlestick-chart")){new ApexCharts(document.querySelector("#candlestick-chart"),optionsCandlestickChart).render()}let optionsColumnChart={series:[{name:"Earning",data:[28877,29334,33233,36439,32675,32333,33457,38345,36783,39457,22459,39840]},{name:"Expense",data:[12010,11313,14623,18935,17345,13465,17813,19125,16256,20356,12233,14570]}],chart:{fontFamily:"Manrope, sans-serif",type:"bar",height:350,toolbar:{show:!1},zoom:{enabled:!1}},labels:{style:{fontSize:"14px"}},dataLabels:{enabled:!1},grid:{borderColor:"#DFE6E9",row:{opacity:.5}},plotOptions:{bar:{horizontal:!1,borderRadius:2,columnWidth:"45%",endingShape:"rounded"},colors:{backgroundBarColors:["#0063F7","#00F7BF"]}},stroke:{show:!0,width:4,colors:["transparent"]},xaxis:{axisTicks:{show:!1,borderType:"solid",color:"#78909C",height:6,offsetX:0,offsetY:0},tickPlacement:"between",labels:{style:{colors:["636E72"],fontSize:"14px"}},categories:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]},legend:{horizontalAlign:"right",offsetX:40,position:"top",markers:{radius:12}},yaxis:{labels:{style:{colors:["636E72"],fontSize:"14px"},formatter:e=>e/1e3+"K"},min:0,max:4e4,tickAmount:4}};if(document.querySelector("#column-chart")){new ApexCharts(document.querySelector("#column-chart"),optionsColumnChart).render()}let optionsDonutChart={series:[1244,2155,1541],chart:{fontFamily:"Manrope, sans-serif",type:"donut",height:398,toolbar:{show:!1},zoom:{enabled:!1}},colors:["#0010F7","#55B1F3","#1BE7FF"],labels:["Marketing","Payments","Bills"],dataLabels:{enabled:!1},plotOptions:{pie:{donut:{size:"85%",labels:{show:!0,name:{fontSize:"2rem"},value:{fontSize:"16px",formatter:e=>`$ ${e}`},total:{show:!0,fontSize:"16px",label:"Total",formatter:function(e){return`$ ${e.globals.seriesTotals.reduce(((e,a)=>e+a),0)}`}}}}}},legend:{itemMargin:{horizontal:24,vertical:0},horizontalAlign:"center",position:"bottom",fontSize:"14px",markers:{radius:12}}};if(document.querySelector("#donut-chart")){new ApexCharts(document.querySelector("#donut-chart"),optionsDonutChart).render()}function generateData(e,a){let t=0;const o=[];for(;te/1e3+"K"},min:0,max:4e4,tickAmount:4}};if(document.querySelector("#line-chart")){new ApexCharts(document.querySelector("#line-chart"),optionsLineChart).render()}let optionsRadarChart={series:[{name:"Sales",data:[80,50,30,40,100,20]},{name:"Expense",data:[20,30,40,80,20,80]}],chart:{fontFamily:"Manrope, sans-serif",height:350,type:"radar",toolbar:{show:!1},zoom:{enabled:!1},dropShadow:{enabled:!0,blur:4,left:1,top:1,opacity:.1}},fill:{opacity:[1,1]},stroke:{show:!1,width:0},markers:{size:0},colors:["#0010F7","#1BE7FF"],labels:["Marketing","Payments","Bills"],dataLabels:{enabled:!1},yaxis:{show:!1},xaxis:{categories:["Jan","Feb","Mar","Apr","May","Jun"]},plotOptions:{radar:{polygons:{connectorColors:"#fff"}}},legend:{itemMargin:{horizontal:24,vertical:0},horizontalAlign:"center",position:"bottom",fontSize:"16px",markers:{radius:12}}};if(document.querySelector("#radar-chart")){new ApexCharts(document.querySelector("#radar-chart"),optionsRadarChart).render()}let optionsRadialbarChart={series:[61,82,65],chart:{fontFamily:"Manrope, sans-serif",type:"radialBar",height:398,toolbar:{show:!1},zoom:{enabled:!1}},colors:["#00F7BF","#0010F7","#FFC700"],labels:["Ebay","Amazon","Web"],dataLabels:{enabled:!1},stroke:{lineCap:"round"},plotOptions:{radialBar:{size:185,hollow:{size:"25%"},track:{margin:16},dataLabels:{show:!0,name:{fontSize:"16px"},value:{fontSize:"16px"},total:{show:!0,fontSize:"16px",label:"Total",formatter:function(e){return 7400}}}}},legend:{show:!0,itemMargin:{horizontal:24,vertical:0},horizontalAlign:"center",position:"bottom",fontSize:"16px",markers:{radius:12}}};if(document.querySelector("#radialbar-chart")){new ApexCharts(document.querySelector("#radialbar-chart"),optionsRadialbarChart).render()}let optionsScatterChart={series:[{name:"Nike",data:[[16.4,5.4],[21.7,2],[25.4,3],[19,2],[10.9,1],[13.6,3.2],[10.9,7.4],[10.9,0],[10.9,8.2],[16.4,0],[16.4,1.8],[13.6,.3],[13.6,0],[29.9,0],[27.1,2.3],[16.4,0],[13.6,3.7],[10.9,5.2],[16.4,6.5],[10.9,0],[24.5,7.1],[10.9,0],[8.1,4.7],[19,0],[21.7,1.8],[27.1,0],[24.5,0],[27.1,0],[29.9,1.5],[27.1,.8],[22.1,2]]},{name:"Adidas",data:[[36.4,13.4],[1.7,11],[5.4,8],[9,17],[1.9,4],[3.6,12.2],[1.9,14.4],[1.9,9],[1.9,13.2],[1.4,7],[6.4,8.8],[3.6,4.3],[1.6,10],[9.9,2],[7.1,15],[1.4,0],[3.6,13.7],[1.9,15.2],[6.4,16.5],[.9,10],[4.5,17.1],[10.9,10],[.1,14.7],[9,10],[12.7,11.8],[2.1,10],[2.5,10],[27.1,10],[2.9,11.5],[7.1,10.8],[2.1,12]]},{name:"Puma",data:[[21.7,3],[23.6,3.5],[24.6,3],[29.9,3],[21.7,20],[23,2],[10.9,3],[28,4],[27.1,.3],[16.4,4],[13.6,0],[19,5],[22.4,3],[24.5,3],[32.6,3],[27.1,4],[29.6,6],[31.6,8],[21.6,5],[20.9,4],[22.4,0],[32.6,10.3],[29.7,20.8],[24.5,.8],[21.4,0],[21.7,6.9],[28.6,7.7],[15.4,0],[18.1,0],[33.4,0],[16.4,0]]}],chart:{fontFamily:"Manrope, sans-serif",type:"scatter",height:350,toolbar:{show:!1},zoom:{enabled:!0}},labels:{style:{fontSize:"14px"}},dataLabels:{enabled:!1},grid:{borderColor:"#DFE6E9",row:{opacity:.5}},fill:{opacity:1,type:"solid"},stroke:{show:!0,width:4,curve:"straight",colors:["transparent"]},xaxis:{axisTicks:{show:!1},tickAmount:10,labels:{style:{colors:["636E72"],fontSize:"14px"},formatter:function(e){return parseFloat(e).toFixed(1)}}},legend:{horizontalAlign:"right",offsetX:40,position:"top",markers:{radius:12}},colors:["#00F7BF","#55B1F3","#0010F7"],yaxis:{labels:{style:{colors:["636E72"],fontSize:"14px"}},tickAmount:7}};if(document.querySelector("#scatter-chart")){new ApexCharts(document.querySelector("#scatter-chart"),optionsScatterChart).render()}let optionsEcommerceEarningDonutCard={series:[1244,2155,1541],chart:{id:"earnings-donut-card",fontFamily:"Manrope, sans-serif",type:"donut",height:350,toolbar:{show:!1},zoom:{enabled:!1}},colors:["#0063F7","#98FFE0","#1BE7FF"],labels:["Online","Offline","Marketing"],dataLabels:{enabled:!1},plotOptions:{pie:{donut:{size:"90%",labels:{show:!0,name:{fontSize:"2rem"},value:{fontSize:"24px",fontWeight:"regular",color:"B2BEC3",formatter:e=>`%${Math.round(e/100)}`},total:{show:!0,fontSize:"24px",fontWeight:"regular",label:"Kitchen",color:"#636E72",formatter:function(e){return`%${e.globals.seriesTotals.reduce(((e,a)=>Math.round((e+a)/100)),0)}`}}}}}},responsive:[{breakpoint:426,options:{legend:{itemMargin:{horizontal:16,vertical:8}}}}],legend:{itemMargin:{horizontal:12,vertical:24},horizontalAlign:"center",position:"bottom",fontSize:"12px",inverseOrder:!0,markers:{radius:12}}};if(document.querySelector("#earnings-donut-card")){new ApexCharts(document.querySelector("#earnings-donut-card"),optionsEcommerceEarningDonutCard).render()}let optionsAnalyticsBalanceChart={series:[{name:"Balance",data:[28877,29334,33233,36439,32675,32333,33457,38345,36783,39457,22459,39840]}],fill:{opacity:1,colors:[document.body.classList.contains("dark")?"#ffffff":"#2D3436"]},chart:{fontFamily:"Manrope, sans-serif",type:"bar",height:"250",toolbar:{show:!1},zoom:{enabled:!1}},labels:{style:{fontSize:"14px"}},dataLabels:{enabled:!1},grid:{borderColor:"#B2BEC3",opacity:1},plotOptions:{bar:{horizontal:!1,borderRadius:2,columnWidth:"60%",colors:{backgroundBarColors:["#B2BEC3"],backgroundBarOpacity:.2}}},stroke:{show:!0,width:4,colors:["transparent"]},xaxis:{axisTicks:{show:!1,borderType:"solid",height:6,offsetX:0,offsetY:0},tickPlacement:"between",labels:{style:{colors:["#B2BEC3","#B2BEC3","#B2BEC3","#B2BEC3","#B2BEC3","#B2BEC3","#B2BEC3","#B2BEC3","#B2BEC3","#B2BEC3","#B2BEC3","#B2BEC3"],fontSize:"12px"}},categories:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]},legend:{horizontalAlign:"right",offsetX:40,position:"top",markers:{radius:12}},yaxis:{labels:{style:{colors:["#636E72"],fontSize:"14px"},formatter:e=>"0"==e?e/1e3:e/1e3+"K"},min:0,max:6e4,tickAmount:4}};if(document.querySelector("#dashboard-analytics-balance-chart")){new ApexCharts(document.querySelector("#dashboard-analytics-balance-chart"),optionsAnalyticsBalanceChart).render()} -$((function(){$(".hp-header-search-button").click((function(){$("header .hp-header-text-info").toggleClass("d-none"),$("header .hp-header-search").toggleClass("d-none"),$(this).find("button .hp-header-search-button-icon-1").toggleClass("d-none"),$(this).find("button .hp-header-search-button-icon-2").toggleClass("d-none"),$("header .hp-horizontal-menu").toggleClass("search-active"),setTimeout((()=>{$("header .hp-header-search").toggleClass("active"),$("header .hp-header-search").hasClass("active")||$("#header-search").val(""),setTimeout((()=>{$("#header-search").focus()}),300)}),100)})),$("#header-search").keyup((function(){$(".autocomplete-suggestions").css("width",$("header .hp-header-search").width()+"px")}));$("#header-search").autocomplete({lookup:[{value:"Components",url:"components-page"},{value:"Dashboard Analytics",url:"dashboard-analytics"},{value:"Dashboard Ecommerce",url:"dashboard-ecommerce"},{value:"Advance Cards",url:"advance-cards"},{value:"Statistics Cards",url:"statistics-cards"},{value:"Analytics Cards",url:"analytics-cards"},{value:"Charts",url:"charts"},{value:"Illustration Set",url:"illustration-set"},{value:"Crypto Icons",url:"crypto-icons"},{value:"User Icons",url:"user-icons"},{value:"Flags",url:"flags"},{value:"Divider",url:"divider"},{value:"Grid System",url:"grid-system"},{value:"Contact",url:"app-contact"},{value:"Ecommerce Shop",url:"ecommerce-shop"},{value:"Ecommerce Wishlist",url:"ecommerce-wishlist"},{value:"Ecommerce Detail",url:"ecommerce-product-detail"},{value:"Ecommerce Checkout",url:"ecommerce-checkout"},{value:"404 Error Page",url:"error-404"},{value:"403 Error Page",url:"error-403"},{value:"500 Error Page",url:"error-500"},{value:"503 Error Page",url:"error-503"},{value:"502 Error Page",url:"error-502"},{value:"Maintenance",url:"error-maintenance"},{value:"Coming Soon",url:"error-coming-soon"},{value:"Pricing",url:"pricing"},{value:"Profile",url:"profile-information"},{value:"Profile Notification",url:"profile-notifications"},{value:"Profile Activity",url:"profile-activity"},{value:"Profile Security",url:"profile-security"},{value:"Profile Password Change",url:"profile-password"},{value:"Profile Social",url:"profile-connect"},{value:"Invoice",url:"invoice-page"},{value:"FAQ",url:"faq-page"},{value:"Knowledge Base 1",url:"knowledge-base-1"},{value:"Knowledge Base 2",url:"knowledge-base-2"},{value:"Blank",url:"blank-page"},{value:"Login",url:"auth-login"},{value:"Register",url:"auth-register"},{value:"Recover Password",url:"auth-recover"},{value:"Reset Password",url:"auth-reset"},{value:"Welcome",url:"lock-welcome"},{value:"Password is changed",url:"lock-password"},{value:"Deactivated",url:"lock-deactivated"},{value:"Lock",url:"lock"},{value:"StyleGuide",url:"general-style-guide"},{value:"Buttons",url:"general-buttons"},{value:"Remix Icons",url:"general-remix-icons"},{value:"Iconly Icons",url:"general-iconly-icons"},{value:"Breadcrumb",url:"component-breadcrumb"},{value:"Dropdown",url:"component-dropdown"},{value:"Menu",url:"component-menu"},{value:"Pagination",url:"component-pagination"},{value:"Checkbox",url:"component-checkbox"},{value:"Form",url:"component-form"},{value:"Input",url:"component-input"},{value:"Input Number",url:"component-input-number"},{value:"Radio",url:"component-radio"},{value:"Select",url:"component-select"},{value:"Slider",url:"component-slider"},{value:"Switch",url:"component-switch"},{value:"Avatar",url:"component-avatar"},{value:"Badge",url:"component-badge"},{value:"Card",url:"component-card"},{value:"Carousel",url:"component-carousel"},{value:"Accordion",url:"component-accordion"},{value:"Collapse",url:"component-collapse"},{value:"List",url:"component-list"},{value:"Popover",url:"component-popover"},{value:"Table",url:"component-table"},{value:"Tabs",url:"component-tabs"},{value:"Tooltip",url:"component-tooltip"},{value:"Alert",url:"component-alert"},{value:"Drawer",url:"component-drawer"},{value:"Modal",url:"component-modal"},{value:"Notification",url:"component-notification"},{value:"Progress",url:"component-progress"},{value:"Spinner",url:"component-spinner"}],onSelect:function(e){window.location.href=e.url+".html"}})})); -$((function(){$(".hp-horizontal-menu ul li a").each((function(){window.location.pathname.split("/")[window.location.pathname.split("/").length-1]==$(this).attr("href")&&($(this).addClass("active"),$(this).parent().parent().prev(".dropdown-item").addClass("active"),$(this).parents(".dropdown-menu").prev("a").addClass("active"))}))})); -$((function(){$(".hp-sidebar-container li a").each((function(){window.location.pathname.split("/")[window.location.pathname.split("/").length-1]==$(this).attr("href")&&($(this).addClass("active"),$(this).parents(".submenu-children").slideDown(),$(this).parents(".submenu-children").addClass("active"),$(this).parents(".submenu-children").prev("a").addClass("active arrow-active"))})),$(".hp-sidebar-container li a").click((function(){$(this).next(".submenu-children").length&&($(this).toggleClass("arrow-active"),$(this).next(".submenu-children").slideToggle(300))})),$(".hp-mobile-sidebar-button").click((function(){$("body").removeClass("collapsed-active collapse-btn-none")})),$(".hp-sidebar .hp-sidebar-collapse-button").click((function(){$("body").toggleClass("collapsed-active"),$(".hp-sidebar .submenu-children").slideUp(),$(".hp-sidebar li a").removeClass("arrow-active"),$(".hp-sidebar .tooltip-item").toggleClass("in-active"),$("body").hasClass("collapsed-active")?$(".hp-sidebar .submenu-children").addClass("d-none"):($(".hp-sidebar .submenu-children").removeClass("d-none"),$(".hp-sidebar .submenu-children").css("display","none"))})),$("body").hasClass("collapsed-active")&&($(".hp-sidebar .submenu-children").addClass("d-none"),$(".hp-sidebar .tooltip-item").removeClass("in-active"));let e,n="left";"rtl"===$("html").attr("dir")&&(n="right"),$(".hp-sidebar-container li a").mouseenter((function(){if($("body").hasClass("collapsed-active")){if(e=parseInt($(this).parents(".hp-sidebar").width())+38,$(".hp-sidebar-dropdown-container").remove(),$(this).next(".submenu-children").length){let t;$("body").append('\n

\n
    '+$(this).next(".submenu-children").html()+"
\n
\n "),$(this).offset().top+$(".hp-sidebar-dropdown-container").height()>$(window).height()?($(".hp-sidebar-dropdown-container > ul").css({maxHeight:"calc(100vh - "+($(window).height()-$(this).offset().top)+"px)"}),$(".hp-sidebar-dropdown-container").css("top",$(this).offset().top-$(".hp-sidebar-dropdown-container").height()+50+"px"),"right"===n?$(".hp-sidebar-dropdown-container").css(n,e-38+"px"):$(".hp-sidebar-dropdown-container").css(n,"calc("+$(this).offset().left+"px + "+e+"px)")):($(".hp-sidebar-dropdown-container > ul").css({maxHeight:"none"}),$(".hp-sidebar-dropdown-container").css("top",$(this).offset().top+"px"),"right"===n?$(".hp-sidebar-dropdown-container").css(n,e-38+"px"):$(".hp-sidebar-dropdown-container").css(n,"calc("+$(this).offset().left+"px + "+e+"px)")),$(".hp-sidebar-dropdown-container li a").mouseenter((function(){$(this).next(".submenu-children").length?($(this).css("pointer-events","none"),t=$(this).next(".collapse").find(".submenu-children").data("level"),$("body").append('\n
\n
    '+$(this).next(".submenu-children").html()+"
\n
\n "),$(this).offset().top+$(".hp-sidebar-dropdown-container[data-level="+t+"]").height()>$(window).height()?($(".hp-sidebar-dropdown-container[data-level="+t+"] > ul").css({maxHeight:"calc(100vh - "+($(window).height()-$(this).offset().top)+"px)"}),$(".hp-sidebar-dropdown-container[data-level="+t+"]").css("top",$(this).offset().top-$(".hp-sidebar-dropdown-container[data-level="+t+"]").height()+50+"px"),"right"===n?$(".hp-sidebar-dropdown-container[data-level="+t+"]").css(n,"calc("+($(this).width()+e-38+27)+"px)"):$(".hp-sidebar-dropdown-container[data-level="+t+"]").css(n,"calc("+$(this).offset().left+"px + "+(e-37)*parseInt(t)+"px)")):($(".hp-sidebar-dropdown-container[data-level="+t+"] > ul").css({maxHeight:"none"}),$(".hp-sidebar-dropdown-container[data-level="+t+"]").css("top",$(this).offset().top+"px"),"right"===n?$(".hp-sidebar-dropdown-container[data-level="+t+"]").css(n,"calc("+($(this).width()+e-38+27)+"px)"):$(".hp-sidebar-dropdown-container[data-level="+t+"]").css(n,"calc("+$(this).offset().left+"px + "+(e-37)*parseInt(t)+"px)"))):($(".hp-sidebar-dropdown-container li a").css("pointer-events","all"),$(".hp-sidebar-dropdown-container[data-level="+t+"]").remove())}))}}else $(".hp-sidebar-dropdown-container").remove()})),$(window).mousemove((function(e){let n=$(".hp-sidebar-container li a"),t=$(".hp-sidebar-dropdown-container");n.is(event.target)||n.has(event.target).length||t.is(event.target)||t.has(event.target).length||($(".hp-sidebar-dropdown-container").remove(),$(".hp-sidebar-dropdown-container li a").css("pointer-events","all"))}))})); -let optionsBrowserChromeChart={series:[50.2],chart:{type:"radialBar",width:24,height:22},grid:{show:!1,padding:{left:-15,right:-15,top:-12,bottom:-15}},colors:["#C903FF"],plotOptions:{radialBar:{hollow:{size:"20%"},track:{background:"#DFE6E9"},dataLabels:{showOn:"always",name:{show:!1},value:{show:!1}}}},stroke:{lineCap:"round"}};if(document.querySelector("#browser-chrome-chart")){new ApexCharts(document.querySelector("#browser-chrome-chart"),optionsBrowserChromeChart).render()}let optionsBrowserEdgeChart={series:[4.7],chart:{type:"radialBar",width:24,height:22},grid:{show:!1,padding:{left:-15,right:-15,top:-12,bottom:-15}},colors:["#0010F7"],plotOptions:{radialBar:{hollow:{size:"20%"},track:{background:"#DFE6E9"},dataLabels:{showOn:"always",name:{show:!1},value:{show:!1}}}},stroke:{lineCap:"round"}};if(document.querySelector("#browser-edge-chart")){new ApexCharts(document.querySelector("#browser-edge-chart"),optionsBrowserEdgeChart).render()}let optionsBrowserFirefoxChart={series:[12.5],chart:{type:"radialBar",width:24,height:22},grid:{show:!1,padding:{left:-15,right:-15,top:-12,bottom:-15}},colors:["#FFC700"],plotOptions:{radialBar:{hollow:{size:"20%"},track:{background:"#DFE6E9"},dataLabels:{showOn:"always",name:{show:!1},value:{show:!1}}}},stroke:{lineCap:"round"}};if(document.querySelector("#browser-firefox-chart")){new ApexCharts(document.querySelector("#browser-firefox-chart"),optionsBrowserFirefoxChart).render()}let optionsBrowserOperaChart={series:[7.8],chart:{type:"radialBar",width:24,height:22},grid:{show:!1,padding:{left:-15,right:-15,top:-12,bottom:-15}},colors:["#FF0022"],plotOptions:{radialBar:{hollow:{size:"20%"},track:{background:"#DFE6E9"},dataLabels:{showOn:"always",name:{show:!1},value:{show:!1}}}},stroke:{lineCap:"round"}};if(document.querySelector("#browser-opera-chart")){new ApexCharts(document.querySelector("#browser-opera-chart"),optionsBrowserOperaChart).render()}let optionsBrowserOtherChart={series:[2.2],chart:{type:"radialBar",width:24,height:22},grid:{show:!1,padding:{left:-15,right:-15,top:-12,bottom:-15}},colors:["#111314"],plotOptions:{radialBar:{hollow:{size:"20%"},track:{background:"#DFE6E9"},dataLabels:{showOn:"always",name:{show:!1},value:{show:!1}}}},stroke:{lineCap:"round"}};if(document.querySelector("#browser-other-chart")){new ApexCharts(document.querySelector("#browser-other-chart"),optionsBrowserOtherChart).render()}let optionsBrowserSafariChart={series:[24.8],chart:{type:"radialBar",width:24,height:22},grid:{show:!1,padding:{left:-15,right:-15,top:-12,bottom:-15}},colors:["#1BE7FF"],plotOptions:{radialBar:{hollow:{size:"20%"},track:{background:"#DFE6E9"},dataLabels:{showOn:"always",name:{show:!1},value:{show:!1}}}},stroke:{lineCap:"round"}};if(document.querySelector("#browser-safari-chart")){new ApexCharts(document.querySelector("#browser-safari-chart"),optionsBrowserSafariChart).render()}let optionsEarningsChart={series:[{name:"Marketing",data:[48]},{name:"Payment",data:[21]},{name:"Bills",data:[31]}],chart:{type:"bar",height:100,stacked:!0,stackType:"100%",toolbar:{show:!1}},grid:{show:!1},plotOptions:{bar:{horizontal:!0,barHeight:"100%",startingShape:"rounded",endingShape:"rounded"}},colors:["#00F7BF","#1BE7FF","#0010F7"],fill:{type:"solid"},xaxis:{type:"datetime",labels:{show:!1},axisBorder:{show:!1},axisTicks:{show:!1}},yaxis:{show:!1},legend:{position:"left"},tooltip:{x:{show:!1}}};if(document.querySelector("#earnings-chart")){new ApexCharts(document.querySelector("#earnings-chart"),optionsEarningsChart).render()}let optionsExpensesDonutCard={series:[1244,2155,1541],chart:{id:"expenses-donut-card",fontFamily:"Manrope, sans-serif",type:"donut",height:350,toolbar:{show:!1},zoom:{enabled:!1}},colors:["#0010F7","#55B1F3","#1BE7FF"],labels:["Marketing","Payments","Bills"],dataLabels:{enabled:!1},plotOptions:{pie:{donut:{size:"90%",labels:{show:!0,name:{fontSize:"2rem"},value:{fontSize:"24px",fontWeight:"medium",color:"#2D3436",formatter:e=>`$${e}`},total:{show:!0,fontSize:"24px",fontWeight:"medium",label:"Total",color:"#636E72",formatter:function(e){return`$${e.globals.seriesTotals.reduce(((e,r)=>e+r),0)}`}}}}}},responsive:[{breakpoint:426,options:{legend:{itemMargin:{horizontal:16,vertical:8}}}}],legend:{itemMargin:{horizontal:12,vertical:24},horizontalAlign:"center",position:"bottom",fontSize:"12px",labels:{colors:"#2D3436"},markers:{radius:12}}};if(document.querySelector("#expenses-donut-card")){new ApexCharts(document.querySelector("#expenses-donut-card"),optionsExpensesDonutCard).render()} -let optionsAnalyticsEnergy={series:[91],chart:{fontFamily:"Manrope, sans-serif",type:"radialBar",id:"analytics-energy-chart",height:335,toolbar:{show:!1},zoom:{enabled:!1}},plotOptions:{radialBar:{startAngle:-135,endAngle:135,track:{background:"transparent"},dataLabels:{name:{show:!0,fontSize:"12px",fontWeight:"400",color:"#636E72"},value:{fontSize:"24px",fontWeight:"500",color:void 0,formatter:function(e){return e+"%"}}}}},stroke:{dashArray:6},labels:["Completed"],fill:{type:"gradient",gradient:{shade:"dark",type:"horizontal",shadeIntensity:1,gradientToColors:["#0010F7","#1BE7FF"],inverseColors:!0,opacityFrom:1,opacityTo:1,stops:[0,50,100]}}};if(document.querySelector("#analytics-energy-chart")){new ApexCharts(document.querySelector("#analytics-energy-chart"),optionsAnalyticsEnergy).render()}let optionsAnalyticsExpenses={series:[1244,2155,1541],chart:{id:"analytics-expenses-chart",fontFamily:"Manrope, sans-serif",type:"donut",height:350,toolbar:{show:!1},zoom:{enabled:!1}},colors:["#0010F7","#55B1F3","#1BE7FF"],labels:["Marketing","Payments","Bills"],dataLabels:{enabled:!1},plotOptions:{pie:{donut:{size:"85%",labels:{show:!0,name:{fontSize:"2rem"},value:{fontSize:"24px",fontWeight:"medium",color:"#2D3436",formatter:e=>`$${e}`},total:{show:!0,fontSize:"24px",fontWeight:"medium",label:"Total",color:"#636E72",formatter:function(e){return`$${e.globals.seriesTotals.reduce(((e,t)=>e+t),0)}`}}}}}},responsive:[{breakpoint:426,options:{legend:{itemMargin:{horizontal:16,vertical:8}}}}],legend:{itemMargin:{horizontal:12,vertical:24},horizontalAlign:"center",position:"bottom",fontSize:"14px",markers:{radius:12}}};if(document.querySelector("#analytics-expenses-chart")){new ApexCharts(document.querySelector("#analytics-expenses-chart"),optionsAnalyticsExpenses).render()}let optionsAnalyticsMarketplace={series:[61,82,65],chart:{height:184,id:"analytics-marketplace-chart",fontFamily:"Manrope, sans-serif",type:"radialBar",toolbar:{show:!1},zoom:{enabled:!1}},colors:["#00F7BF","#0010F7","#FFC700"],labels:["Ebay","Web","Amazon"],dataLabels:{enabled:!1},stroke:{lineCap:"round"},plotOptions:{radialBar:{dataLabels:{show:!0,name:{fontSize:"10px"},value:{fontSize:"10px",offsetY:0},total:{show:!0,fontSize:"10px",label:"Total",formatter:function(e){return 7400}}}}},legend:{show:!0,itemMargin:{horizontal:0,vertical:6},horizontalAlign:"center",position:"left",fontSize:"14px",markers:{radius:12}},responsive:[{breakpoint:325,options:{legend:{itemMargin:{horizontal:8,vertical:0},horizontalAlign:"center",position:"bottom",fontSize:"14px"}}}]};if(document.querySelector("#analytics-marketplace-chart")){new ApexCharts(document.querySelector("#analytics-marketplace-chart"),optionsAnalyticsMarketplace).render()}let optionsAnalyticsRevenue1={series:[{name:"Earning",data:[28877,29334,33233,36439,32675,32333,33457,38345,36783,39457,22459,39840]},{name:"Expense",data:[12010,11313,14623,18935,17345,13465,17813,19125,16256,20356,12233,14570]}],chart:{id:"analytics-revenue-chart",fontFamily:"Manrope, sans-serif",type:"bar",height:300,toolbar:{show:!1},zoom:{enabled:!1}},labels:{style:{fontSize:"14px"}},dataLabels:{enabled:!1},grid:{borderColor:"#DFE6E9",row:{opacity:.5}},plotOptions:{bar:{horizontal:!1,borderRadius:2,columnWidth:"45%",endingShape:"rounded"},colors:{backgroundBarColors:["#0063F7","#00F7BF"]}},stroke:{show:!0,width:4,colors:["transparent"]},xaxis:{axisTicks:{show:!1,borderType:"solid",color:"#78909C",height:6,offsetX:0,offsetY:0},tickPlacement:"between",labels:{style:{colors:["636E72"],fontSize:"14px"}},categories:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]},legend:{horizontalAlign:"right",offsetX:40,position:"top",markers:{radius:12}},yaxis:{labels:{style:{colors:["636E72"],fontSize:"14px"},formatter:e=>e/1e3+"K"},min:0,max:4e4,tickAmount:4}};if(document.querySelector("#analytics-revenue-chart")){new ApexCharts(document.querySelector("#analytics-revenue-chart"),optionsAnalyticsRevenue1).render()}let optionsAnalyticsRevenue2={series:[{name:"Sales",data:[80,50,30,40,100,20]},{name:"Expense",data:[20,30,40,80,20,80]}],chart:{id:"analytics-revenue-2-chart",fontFamily:"Manrope, sans-serif",height:"85%",type:"radar",toolbar:{show:!1},zoom:{enabled:!1},dropShadow:{enabled:!0,blur:4,left:1,top:1,opacity:.1}},fill:{opacity:[1,1]},stroke:{show:!1,width:0},markers:{size:0},colors:["rgba(85, 177, 243, 0.8)","rgba(0, 247, 191, 0.8)"],labels:["Marketing","Payments","Bills"],dataLabels:{enabled:!1},yaxis:{show:!1},xaxis:{categories:["Jan","Feb","Mar","Apr","May","Jun"]},plotOptions:{radar:{polygons:{connectorColors:"#fff"}}},legend:{itemMargin:{horizontal:12,vertical:16},horizontalAlign:"center",position:"bottom",fontSize:"12px",fontWeight:"medium",markers:{radius:12}}};if(document.querySelector("#analytics-revenue-2-chart")){new ApexCharts(document.querySelector("#analytics-revenue-2-chart"),optionsAnalyticsRevenue2).render()}let optionsAnalyticsRevenue3={series:[{data:[0,20,10,40,50,30]}],chart:{fontFamily:"Manrope, sans-serif",type:"line",id:"analytics-revenue-3-chart",toolbar:{show:!1},zoom:{enabled:!1}},colors:["#0063F7"],labels:{style:{fontSize:"14px"}},stroke:{curve:"smooth",lineCap:"round"},tooltip:{enabled:!1},dataLabels:{enabled:!1},grid:{show:!1},markers:{strokeWidth:0,size:0,colors:["#0063F7","#1BE7FF"],hover:{sizeOffset:1}},xaxis:{axisTicks:{show:!1},labels:{show:!1},axisBorder:{show:!1}},responsive:[{breakpoint:426,options:{legend:{itemMargin:{horizontal:16,vertical:8}}}}],yaxis:{show:!1}};document.querySelectorAll("*[data-chart-id]").forEach((e=>{if("analytics-revenue-3-chart"===e.getAttribute("data-chart-id")){new ApexCharts(e,optionsAnalyticsRevenue3).render()}}));let optionsAnalyticsTraffic={series:[{name:"SEO Visits",data:[20,50,60,80,90,55]},{name:"Organic",data:[35,35,35,15,35,15]},{name:"Sponsored",data:[100,15,60,40,50,80]}],chart:{id:"analytics-Traffic-chart",fontFamily:"Manrope, sans-serif",type:"radar",height:"100%",toolbar:{show:!1},zoom:{enabled:!1}},fill:{opacity:[.2,.2,.2]},stroke:{show:!0,width:3},markers:{size:0},colors:["#0063F7","#FF0022","#00F7BF"],labels:["Marketing","Payments","Bills"],yaxis:{show:!1},xaxis:{categories:["Jan","Feb","Mar","Apr","May","Jun"]},plotOptions:{radar:{polygons:{connectorColors:"#fff"}}},legend:{itemMargin:{horizontal:32,vertical:16},horizontalAlign:"center",position:"bottom",fontSize:"24px",fontWeight:500,markers:{radius:12}}};if(document.querySelector("#analytics-Traffic-chart")){new ApexCharts(document.querySelector("#analytics-Traffic-chart"),optionsAnalyticsTraffic).render()}let optionsAnalyticsVisit={series:[35,25,45],chart:{id:"analytics-visit-chart",fontFamily:"Manrope, sans-serif",type:"donut",height:184,toolbar:{show:!1},zoom:{enabled:!1}},colors:["#1BE7FF","#0010F7","#00F7BF"],labels:["Desktop","Tablet","Mobile"],dataLabels:{enabled:!1},plotOptions:{pie:{donut:{size:"75%",labels:{show:!0,name:{fontSize:"12px",offsetY:0},value:{fontSize:"12px",offsetY:0,formatter:e=>`% ${e}`},total:{show:!0,fontSize:"16px",label:"Total",formatter:function(e){return"2400"}}}}}},legend:{itemMargin:{horizontal:0,vertical:6},horizontalAlign:"center",position:"left",fontSize:"14px",markers:{radius:12}},responsive:[{breakpoint:325,options:{legend:{itemMargin:{horizontal:4,vertical:0},horizontalAlign:"center",position:"bottom",fontSize:"14px"}}}]};if(document.querySelector("#analytics-visit-chart")){new ApexCharts(document.querySelector("#analytics-visit-chart"),optionsAnalyticsVisit).render()}let optionsAnalyticsVisiters={series:[{name:"Ads",data:[8245,14452,8545,14452,6012,22333]},{name:"Organic",data:[12245,7952,10623,7935,14345,4002]}],chart:{fontFamily:"Manrope, sans-serif",type:"area",id:"analytics-visiters-chart",height:"100%",toolbar:{show:!1},zoom:{enabled:!1}},colors:["#0063F7","#00F7BF"],labels:{style:{fontSize:"14px"}},fill:{opacity:.3},dataLabels:{enabled:!1},grid:{borderColor:"#DFE6E9",row:{opacity:.5}},markers:{strokeWidth:0,size:0,colors:["rgba(0, 255, 198, 0.17)","rgba(45, 125, 239, 0.17)"],hover:{sizeOffset:1}},xaxis:{axisTicks:{show:!1,borderType:"solid",color:"#78909C",height:6,offsetX:0,offsetY:0},labels:{style:{colors:["636E72"],fontSize:"14px"}},categories:["Jan","Feb","Mar","Apr","May","Jun"]},legend:{position:"top",horizontalAlign:"right",offsetX:40},yaxis:{labels:{style:{colors:["636E72"],fontSize:"14px"},formatter:e=>e/1e3+"K"},min:0,max:3e4,tickAmount:3}};if(document.querySelector("#analytics-visiters-chart")){new ApexCharts(document.querySelector("#analytics-visiters-chart"),optionsAnalyticsVisiters).render()} -let optionsStatisticsRevenue1={series:[{data:[0,20,10,40,50,30]}],chart:{type:"line",id:"revenue-line-1",height:100,toolbar:{show:!1},zoom:{enabled:!1}},legend:{show:!1},markers:{size:1,strokeColors:"#FF8B9A",strokeOpacity:0},colors:["#FF8B9A"],stroke:{lineCap:"round",width:2},tooltip:{enabled:!1},dataLabels:{enabled:!1},grid:{show:!0,borderColor:"#B2BEC3",strokeDashArray:6,position:"back",xaxis:{lines:{show:!0}},yaxis:{lines:{show:!1}}},xaxis:{show:!1,labels:{show:!1},axisTicks:{show:!1},axisBorder:{show:!1}},responsive:[{breakpoint:426,options:{legend:{itemMargin:{horizontal:16,vertical:8}}}}],yaxis:{show:!1}};if(document.querySelector("#statistics-revenue-1")){new ApexCharts(document.querySelector("#statistics-revenue-1"),optionsStatisticsRevenue1).render()}let optionsStatisticsRevenue2={series:[{data:[0,20,10,40,50,30]}],chart:{type:"line",id:"revenue-line-2",height:100,toolbar:{show:!1},zoom:{enabled:!1}},colors:["#0063F7"],stroke:{lineCap:"round",width:2},markers:{size:1,strokeColors:"#0063F7",strokeOpacity:0},tooltip:{enabled:!1},dataLabels:{enabled:!1},grid:{show:!0,borderColor:"#B2BEC3",strokeDashArray:6,position:"back",xaxis:{lines:{show:!0}},yaxis:{lines:{show:!1}}},xaxis:{show:!1,labels:{show:!1},axisTicks:{show:!1},axisBorder:{show:!1}},responsive:[{breakpoint:426,options:{legend:{itemMargin:{horizontal:16,vertical:8}}}}],yaxis:{show:!1}};if(document.querySelector("#statistics-revenue-2")){new ApexCharts(document.querySelector("#statistics-revenue-2"),optionsStatisticsRevenue2).render()}let optionsStatisticsRevenue3={series:[{data:[0,20,10,40,50,30]}],chart:{type:"line",id:"revenue-line-3",height:100,toolbar:{show:!1},zoom:{enabled:!1}},colors:["#FFE393"],stroke:{lineCap:"round",width:2},markers:{size:1,strokeColors:"#FFE393",strokeOpacity:0},tooltip:{enabled:!1},dataLabels:{enabled:!1},grid:{show:!0,borderColor:"#B2BEC3",strokeDashArray:6,position:"back",xaxis:{lines:{show:!0}},yaxis:{lines:{show:!1}}},xaxis:{show:!1,labels:{show:!1},axisTicks:{show:!1},axisBorder:{show:!1}},responsive:[{breakpoint:426,options:{legend:{itemMargin:{horizontal:16,vertical:8}}}}],yaxis:{show:!1}};if(document.querySelector("#statistics-revenue-3")){new ApexCharts(document.querySelector("#statistics-revenue-3"),optionsStatisticsRevenue3).render()}let optionsStatisticsOrder={series:[{name:"Earning",data:[50,70,100,60]}],chart:{type:"bar",height:"80",stacked:!0,toolbar:{show:!1}},grid:{show:!1,padding:{left:0,right:10,top:-10,bottom:-10}},plotOptions:{bar:{horizontal:!1,columnWidth:"65%",borderRadius:2,colors:{backgroundBarColors:[],backgroundBarRadius:5}}},legend:{show:!1},dataLabels:{enabled:!1},colors:["#0010F7"],xaxis:{labels:{show:!1},axisBorder:{show:!1},axisTicks:{show:!1}},yaxis:{show:!1,max:100},tooltip:{x:{show:!1}}};if(document.querySelector("#statistics-order")){new ApexCharts(document.querySelector("#statistics-order"),optionsStatisticsOrder).render()}let optionsStatisticsOrderVertical={series:[{name:"Earning",data:[50,70,100,60]}],chart:{type:"bar",height:"80",stacked:!0,toolbar:{show:!1}},grid:{show:!1,padding:{left:8,right:15,top:-10,bottom:-10}},plotOptions:{bar:{horizontal:!1,columnWidth:"60%",borderRadius:2,colors:{backgroundBarColors:[],backgroundBarRadius:5}}},legend:{show:!1},dataLabels:{enabled:!1},colors:["#0010F7"],xaxis:{labels:{show:!1},axisBorder:{show:!1},axisTicks:{show:!1}},yaxis:{show:!1,max:100},tooltip:{x:{show:!1}}};if(document.querySelector("#statistics-order-vertical")){new ApexCharts(document.querySelector("#statistics-order-vertical"),optionsStatisticsOrderVertical).render()}let optionsStatisticsSubscribe={series:[{name:"Earning",data:[50,70,100,60]}],chart:{type:"bar",height:80,stacked:!0,toolbar:{show:!1}},grid:{show:!1,padding:{left:0,right:10,top:-10,bottom:-10}},plotOptions:{bar:{horizontal:!1,columnWidth:"65%",borderRadius:2,colors:{backgroundBarColors:[],backgroundBarRadius:5}}},legend:{show:!1},dataLabels:{enabled:!1},colors:["#00F7BF"],xaxis:{labels:{show:!1},axisBorder:{show:!1},axisTicks:{show:!1}},yaxis:{show:!1,max:100},tooltip:{x:{show:!1}}};if(document.querySelector("#statistics-subscribe")){new ApexCharts(document.querySelector("#statistics-subscribe"),optionsStatisticsSubscribe).render()}let optionsStatisticsSubscribeVertical={series:[{name:"Earning",data:[50,70,100,60]}],chart:{type:"bar",height:"80",stacked:!0,toolbar:{show:!1}},grid:{show:!1,padding:{left:8,right:15,top:-10,bottom:-10}},plotOptions:{bar:{horizontal:!1,columnWidth:"60%",borderRadius:2,colors:{backgroundBarColors:[],backgroundBarRadius:5}}},legend:{show:!1},dataLabels:{enabled:!1},colors:["#00F7BF"],xaxis:{labels:{show:!1},axisBorder:{show:!1},axisTicks:{show:!1}},yaxis:{show:!1,max:100},tooltip:{x:{show:!1}}};if(document.querySelector("#statistics-subscribe-vertical")){new ApexCharts(document.querySelector("#statistics-subscribe-vertical"),optionsStatisticsSubscribeVertical).render()}let optionsStatisticsTicket={series:[76],chart:{type:"radialBar",height:"80",stacked:!0,toolbar:{show:!1}},grid:{show:!1,padding:{left:-24,right:-24,top:-16,bottom:-16}},plotOptions:{radialBar:{startAngle:0,endAngle:360,hollow:{size:"45%"},track:{show:!0,background:"#ffffff",strokeWidth:"100%",opacity:1,margin:0},dataLabels:{show:!0,value:{fontSize:"12px",color:"#FF455E",fontWeight:500,offsetY:-11},total:{show:!0,fontSize:"12px",label:"",formatter:function(t){return"%76"}}}}},legend:{show:!1},dataLabels:{enabled:!1},colors:["#FF455E"],xaxis:{labels:{show:!1},axisBorder:{show:!1},axisTicks:{show:!1}},yaxis:{show:!1,max:100},tooltip:{x:{show:!1}}};if(document.querySelector("#statistics-ticket")){new ApexCharts(document.querySelector("#statistics-ticket"),optionsStatisticsTicket).render()}let optionsStatisticsTicketVertical={series:[76],chart:{type:"radialBar",height:"92",stacked:!0,toolbar:{show:!1}},grid:{show:!1,padding:{left:-24,right:-24,top:-12,bottom:-16}},plotOptions:{radialBar:{startAngle:0,endAngle:360,hollow:{size:"45%"},track:{show:!0,background:"#ffffff",strokeWidth:"100%",opacity:1,margin:0},dataLabels:{show:!0,value:{fontSize:"12px",color:"#FF455E",fontWeight:500,offsetY:-11},total:{show:!0,fontSize:"12px",label:"",formatter:function(t){return"%76"}}}}},legend:{show:!1},dataLabels:{enabled:!1},colors:["#FF455E"],xaxis:{labels:{show:!1},axisBorder:{show:!1},axisTicks:{show:!1}},yaxis:{show:!1,max:100},tooltip:{x:{show:!1}}};if(document.querySelector("#statistics-ticket-vertical")){new ApexCharts(document.querySelector("#statistics-ticket-vertical"),optionsStatisticsTicketVertical).render()}let optionsStatisticsTraffic={series:[{data:[31,10,109,60,140,40,150]}],chart:{fontFamily:"Manrope, sans-serif",type:"line",height:"70%",stacked:!0,toolbar:{show:!1},zoom:{enabled:!1}},colors:["#0063F7"],labels:{style:{fontSize:"14px"}},stroke:{curve:"smooth",lineCap:"round"},tooltip:{enabled:!1},dataLabels:{enabled:!1},grid:{show:!1,padding:{left:0,right:0}},markers:{strokeWidth:0,size:0,colors:["#0063F7","#1BE7FF"],hover:{sizeOffset:1}},xaxis:{lines:{show:!1},axisBorder:{show:!1},axisTicks:{show:!1},labels:{show:!1}},responsive:[{breakpoint:426,options:{legend:{itemMargin:{horizontal:16,vertical:8}}}}],yaxis:[{show:!1,offsetX:0,offsetY:0,padding:{left:0,right:0}}]};if(document.querySelector("#statistics-traffic")){new ApexCharts(document.querySelector("#statistics-traffic"),optionsStatisticsTraffic).render()}let optionsStatisticsUsers={series:[40],chart:{type:"radialBar",height:"92",stacked:!0,toolbar:{show:!1}},grid:{show:!1,padding:{left:-24,right:-24,top:-12,bottom:-16}},plotOptions:{radialBar:{startAngle:0,endAngle:360,hollow:{size:"45%"},track:{show:!0,background:"#ffffff",strokeWidth:"100%",opacity:1,margin:0},dataLabels:{show:!0,value:{fontSize:"12px",color:"#FFC700",fontWeight:500,offsetY:-11},total:{show:!0,fontSize:"12px",label:"",formatter:function(t){return"%40"}}}}},legend:{show:!1},dataLabels:{enabled:!1},colors:["#FFD252"],xaxis:{labels:{show:!1},axisBorder:{show:!1},axisTicks:{show:!1}},yaxis:{show:!1,max:100},tooltip:{x:{show:!1}}};if(document.querySelector("#statistics-users")){new ApexCharts(document.querySelector("#statistics-users"),optionsStatisticsUsers).render()}let optionsStatisticsUsersVertical={series:[40],chart:{type:"radialBar",height:"92",stacked:!0,toolbar:{show:!1}},grid:{show:!1,padding:{left:-24,right:-24,top:-12,bottom:-16}},plotOptions:{radialBar:{startAngle:0,endAngle:360,hollow:{size:"45%"},track:{show:!0,background:"#ffffff",strokeWidth:"100%",opacity:1,margin:0},dataLabels:{show:!0,value:{fontSize:"12px",color:"#FFC700",fontWeight:500,offsetY:-11},total:{show:!0,fontSize:"12px",label:"",formatter:function(t){return"%40"}}}}},legend:{show:!1},dataLabels:{enabled:!1},colors:["#FFD252"],xaxis:{labels:{show:!1},axisBorder:{show:!1},axisTicks:{show:!1}},yaxis:{show:!1,max:100},tooltip:{x:{show:!1}}};if(document.querySelector("#statistics-users-vertical")){new ApexCharts(document.querySelector("#statistics-users-vertical"),optionsStatisticsUsersVertical).render()} -$((function(){$(".avatar-group").each((function(a){let t=$(this).data("max");t&&($(this).children("div").length>t&&$(this).find(".avatar-item-max-count").removeClass("d-none"),$(this).children("div").each((function(a){$(this).hasClass("avatar-item-max-count")||a+1>t&&$(this).parent().find(".avatar-group-dropdown-container").append($(this))})),$(this).find(".avatar-item-max-count > span").text("+"+$(this).parent().find(".avatar-group-dropdown-container > div").length))}))})); -new bootstrap.Carousel; -$(".input-number .input-number-input").focusin((function(){$(this).parent().parent().addClass("input-number-focused")})),$(".input-number .input-number-input").focusout((function(){$(this).parent().parent().removeClass("input-number-focused")})),$(".input-number .input-number-input").keyup((function(){let n=$(this).parents(".input-number").find(".input-number-handler-up"),e=$(this).parents(".input-number").find(" .input-number-handler-down");Number($(this).val())>=$(this).attr("max")?($(this).val($(this).attr("max")),n.addClass("input-number-handler-up-disabled"),e.removeClass("input-number-handler-down-disabled")):(e.removeClass("input-number-handler-down-disabled"),n.removeClass("input-number-handler-up-disabled")),""!==$(this).val()&&Number($(this).val())<=$(this).attr("min")&&($(this).val($(this).attr("min")),e.addClass("input-number-handler-down-disabled"),n.removeClass("input-number-handler-up-disabled"))})),$(".input-number .input-number-handler").click((function(){let n=$(this).parents(".input-number").find(".input-number-input"),e=$(this).parents(".input-number").find(".input-number-handler-up"),u=$(this).parents(".input-number").find(".input-number-handler-down"),t=Number(n.val()),i=Number(n.attr("step"))?Number(n.attr("step")):1,r=Number(n.attr("min")),a=Number(n.attr("max"));$(this).hasClass("input-number-handler-up-disabled")||$(this).hasClass("input-number-handler-up")&&(tr&&(t-=i,e.removeClass("input-number-handler-up-disabled")),t===r&&u.addClass("input-number-handler-down-disabled")),n.val(t)})); -var varyingModal=document.getElementById("varyingModal");varyingModal&&varyingModal.addEventListener("show.bs.modal",(function(e){var a=e.relatedTarget.getAttribute("data-bs-whatever"),t=varyingModal.querySelector(".modal-title"),o=varyingModal.querySelector(".modal-body input");t.textContent="New message to "+a,o.value=a})); -$(".toast-btn").click((function(){let t=$(this).data("id");$(".toast").each((function(){let a=$(this).data("id");a&&t===a&&new bootstrap.Toast($(this)).show()}))})); -var popoverTriggerList=[].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]')),popoverList=popoverTriggerList.map((function(o){return new bootstrap.Popover(o)})); -setTimeout((()=>{new Swiper(".hp-ecommerce-app-detail-other-slider .swiper",{slidesPerView:2,spaceBetween:24,navigation:{nextEl:".hp-ecommerce-app-detail-other-slider .btn-next",prevEl:".hp-ecommerce-app-detail-other-slider .btn-prev"},breakpoints:{1200:{slidesPerView:6},768:{slidesPerView:3}}})}),500),setTimeout((()=>{let e=new Swiper(".hp-ecommerce-app-detail-slider-1",{loop:!0,slidesPerView:1,watchSlidesProgress:!0});new Swiper(".hp-ecommerce-app-detail-slider-2",{slidesPerView:3,loop:!0,thumbs:{swiper:e},breakpoints:{768:{slidesPerView:4}}})}),500); -$(".hp-authentication-page-register").length?$(".hp-authentication-page-register *[data-button-step]").click((function(){let t=$(this);"register-step-1"===t.attr("data-button-step")&&($(this).addClass("d-none"),$(".hp-authentication-page-register *[data-button-step='register-step-2']").removeClass("d-none"),$(".hp-authentication-page-register *[data-step]").each((function(){"register-step-1"===$(this).attr("data-step")&&$(this).removeClass("d-none")}))),"register-step-2"===t.attr("data-button-step")&&($(this).addClass("d-none"),$(".hp-authentication-page-register *[data-button-step='register-step-3']").removeClass("d-none"),$(".hp-authentication-page-register *[data-step]").each((function(){"register-step-2"===$(this).attr("data-step")&&$(this).removeClass("d-none")}))),"register-step-3"===t.attr("data-button-step")&&($(this).addClass("d-none"),$(".hp-authentication-page-register *[data-button-step='register-step-4']").removeClass("d-none"),$(".hp-authentication-page-register *[data-step]").each((function(){"register-step-3"===$(this).attr("data-step")&&$(this).removeClass("d-none")})))})):$(".hp-authentication-page *[data-button-step]").click((function(){let t=$(this);$(".hp-authentication-page *[data-step]").each((function(){t.attr("data-button-step")===$(this).attr("data-step")&&($(this).removeClass("d-none"),t.addClass("d-none"))}))})); -setTimeout((()=>{new Swiper(".best-selling-product-slide .swiper",{slidesPerView:1,spaceBetween:32,speed:800,navigation:{nextEl:".best-selling-product-slide .slide-btn-next",prevEl:".best-selling-product-slide .slide-btn-prev"},breakpoints:{992:{slidesPerView:3},768:{slidesPerView:2}}})}),500); -$((function(){new Swiper(".hp-landing-features-slide",{slidesPerView:1,spaceBetween:32,centeredSlides:!0,loop:!0,speed:800,autoplay:{delay:5e3,disableOnInteraction:!1},breakpoints:{1200:{slidesPerView:3},768:{slidesPerView:2}}}),$(".hp-landing-pricing .form-switch input").change((function(e){$(this).parent().next("span").toggleClass("text-primary text-black-100 hp-text-color-dark-0"),$(this).parent().prev("span").toggleClass("text-primary text-black-100 hp-text-color-dark-0"),$(".monthly-text").toggleClass("d-none"),$(".annually-text").toggleClass("d-none")}))})); -setTimeout((()=>{new Swiper(".hp-components-menu .swiper",{slidesPerView:"auto",speed:800})}),500); -$((function(){$("#pricing-billed").change((function(e){e.target.checked?($(".hp-pricing-billed-yearly-text").addClass("active"),$(".hp-pricing-billed-monthly-text").removeClass("active"),$(".hp-pricing-billed-active").removeClass("d-none"),$(".hp-pricing-billed-inactive").addClass("d-none")):($(".hp-pricing-billed-monthly-text").addClass("active"),$(".hp-pricing-billed-yearly-text").removeClass("active"),$(".hp-pricing-billed-active").addClass("d-none"),$(".hp-pricing-billed-inactive").removeClass("d-none"))}))})); -const defaultButtons='\n\n\n\n\n\n\n\n\n',largeButtons='\n\n\n\n\n\n\n\n\n',smallButtons='\n\n\n\n\n\n\n\n\n',textButtons='\n\n\n\n\n\n\n\n\n',linkButtons='\n\n\n\n\n\n\n\n\n',dashedButtons='\n\n\n\n\n\n\n\n\n',disabledButtons='\n\n\n\n\n\n\n',outlineButtons='\n\n\n\n\n\n\n\n\n',ghostButtons='\n\n\n\n\n\n\n\n\n',gradientButtons='\n\n\n\n\n\n\n\n\n',iconButtons='\n\n\n\n\n\n\n--\n\n\n\n\n\n\n\n--\n\n\n\n\n\n\n\n--\n\n\n\n\n\n\n\n--\n\n\n\n\n\n\n\n--\n\n\n\n\n\n\n\n',iconOnlyButtons='\n\n\n\n\n\n\n\n\n\n\n\n\n--\n\n\n\n\n\n\n\n\n\n\n\n\n\n--\n\n\n\n\n\n\n\n\n\n\n\n\n\n--\n\n\n\n\n\n\n\n\n\n\n\n\n\n--\n\n\n\n\n\n\n\n\n\n\n\n\n \n--\n\n\n\n\n\n\n\n\n\n\n\n\n\n';$("pre code").each((function(){"buttons"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"default-buttons"===$(this).data("code")&&$(this).text(defaultButtons),"large-buttons"===$(this).data("code")&&$(this).text(largeButtons),"small-buttons"===$(this).data("code")&&$(this).text(smallButtons),"text-buttons"===$(this).data("code")&&$(this).text(textButtons),"link-buttons"===$(this).data("code")&&$(this).text(linkButtons),"dashed-buttons"===$(this).data("code")&&$(this).text(dashedButtons),"disabled-buttons"===$(this).data("code")&&$(this).text(disabledButtons),"outline-buttons"===$(this).data("code")&&$(this).text(outlineButtons),"ghost-buttons"===$(this).data("code")&&$(this).text(ghostButtons),"gradient-buttons"===$(this).data("code")&&$(this).text(gradientButtons),"icon-buttons"===$(this).data("code")&&$(this).text(iconButtons),"icon-only-buttons"===$(this).data("code")&&$(this).text(iconOnlyButtons))})); -const basicAccordion='\n
\n
\n

\n \n

\n\n
\n
\n

\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget eleifend lectus. Sed quis nisi lectus. Quisque vel leo diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet nisi eu nisi tincidunt facilisis. Sed mollis nisl dui, a sodales massa sodales sit amet. Sed nisl est, volutpat sed feugiat non, maximus id orci. Fusce placerat congue nulla, a consectetur massa hendrerit a.\n

\n
\n
\n
\n\n
\n

\n \n

\n\n
\n
\n

\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget eleifend lectus. Sed quis nisi lectus. Quisque vel leo diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet nisi eu nisi tincidunt facilisis. Sed mollis nisl dui, a sodales massa sodales sit amet. Sed nisl est, volutpat sed feugiat non, maximus id orci. Fusce placerat congue nulla, a consectetur massa hendrerit a.\n

\n
\n
\n
\n\n
\n

\n \n

\n\n
\n
\n

\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget eleifend lectus. Sed quis nisi lectus. Quisque vel leo diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet nisi eu nisi tincidunt facilisis. Sed mollis nisl dui, a sodales massa sodales sit amet. Sed nisl est, volutpat sed feugiat non, maximus id orci. Fusce placerat congue nulla, a consectetur massa hendrerit a.\n

\n
\n
\n
\n
\n\n',flushAccordion='\n
\n
\n

\n \n

\n\n
\n
\n

\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget eleifend lectus. Sed quis nisi lectus. Quisque vel leo diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet nisi eu nisi tincidunt facilisis. Sed mollis nisl dui, a sodales massa sodales sit amet. Sed nisl est, volutpat sed feugiat non, maximus id orci. Fusce placerat congue nulla, a consectetur massa hendrerit a.\n

\n
\n
\n
\n\n
\n

\n \n

\n\n
\n
\n

\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget eleifend lectus. Sed quis nisi lectus. Quisque vel leo diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet nisi eu nisi tincidunt facilisis. Sed mollis nisl dui, a sodales massa sodales sit amet. Sed nisl est, volutpat sed feugiat non, maximus id orci. Fusce placerat congue nulla, a consectetur massa hendrerit a.\n

\n
\n
\n
\n\n
\n

\n \n

\n\n
\n
\n

\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget eleifend lectus. Sed quis nisi lectus. Quisque vel leo diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet nisi eu nisi tincidunt facilisis. Sed mollis nisl dui, a sodales massa sodales sit amet. Sed nisl est, volutpat sed feugiat non, maximus id orci. Fusce placerat congue nulla, a consectetur massa hendrerit a.\n

\n
\n
\n
\n
\n\n',openData='\n
\n
\n

\n \n

\n\n
\n
\n

\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget eleifend lectus. Sed quis nisi lectus. Quisque vel leo diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet nisi eu nisi tincidunt facilisis. Sed mollis nisl dui, a sodales massa sodales sit amet. Sed nisl est, volutpat sed feugiat non, maximus id orci. Fusce placerat congue nulla, a consectetur massa hendrerit a.\n

\n
\n
\n
\n\n
\n

\n \n

\n\n
\n
\n

\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget eleifend lectus. Sed quis nisi lectus. Quisque vel leo diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet nisi eu nisi tincidunt facilisis. Sed mollis nisl dui, a sodales massa sodales sit amet. Sed nisl est, volutpat sed feugiat non, maximus id orci. Fusce placerat congue nulla, a consectetur massa hendrerit a.\n

\n
\n
\n
\n\n
\n

\n \n

\n\n
\n
\n

\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget eleifend lectus. Sed quis nisi lectus. Quisque vel leo diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sit amet nisi eu nisi tincidunt facilisis. Sed mollis nisl dui, a sodales massa sodales sit amet. Sed nisl est, volutpat sed feugiat non, maximus id orci. Fusce placerat congue nulla, a consectetur massa hendrerit a.\n

\n
\n
\n
\n
\n\n';$("pre code").each((function(){"accordion"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"example"===$(this).data("code")&&$(this).text(basicAccordion),"flush"===$(this).data("code")&&$(this).text(flushAccordion),"open"===$(this).data("code")&&$(this).text(openData))})); -const examplesAlert='\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n',linkColor='\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n',additional='\n\n\n',iconsAlert='\n\n\n',icons2Alert='\n\n \n \n \n\n \n \n \n\n \n \n \n\n\n\n\n\n\n\n\n\n\n',dismissing='\n\n\n';$("pre code").each((function(){"alert"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"examples"===$(this).data("code")&&$(this).text(examplesAlert),"link-color"===$(this).data("code")&&$(this).text(linkColor),"additional"===$(this).data("code")&&$(this).text(additional),"icons"===$(this).data("code")&&$(this).text(iconsAlert),"icons2"===$(this).data("code")&&$(this).text(icons2Alert),"dismissing"===$(this).data("code")&&$(this).text(dismissing))})); -const basicAvatar='\n
\n
\n \n
\n\n
\n \n
\n\n
\n \n
\n\n
\n \n
\n
\n\n
\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n
\n\n',avatarGroup='\n
\n
\n User\n
\n\n
K
\n \n
\n
\n \n
\n
\n\n
\n \n
\n
\n\n
\n\n
\n
\n User\n
\n\n
K
\n \n
\n
\n \n
\n
\n\n
\n \n
\n\n
\n \n\n
\n
\n
\n
\n
\n\n
\n\n
\n
\n User\n
\n \n
K
\n \n
\n +2\n\n
\n
\n
\n
\n \n
\n
\n\n
\n \n
\n
\n
\n
\n
\n\n',avatarType='\n
\n \n
\n\n
S
\n\n
\n USER\n
\n\n
D
\n\n
\n \n
\n\n',avatarBadge='\n
\n
\n \n
\n\n 1 \n
\n\n
\n
\n \n
\n\n \n
\n\n';$("pre code").each((function(){"avatar"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"basic"===$(this).data("code")&&$(this).text(basicAvatar),"avatar-group"===$(this).data("code")&&$(this).text(avatarGroup),"avatar-type"===$(this).data("code")&&$(this).text(avatarType),"avatar-badge"===$(this).data("code")&&$(this).text(avatarBadge))})); -const headings='\n

Example heading New

\n

Example heading New

\n

Example heading New

\n

Example heading New

\n
Example heading New
\n
Example heading New
\n\n',buttons='\n\n\n',positioned='\n\n\n\n\n',background='\nPrimary\nSecondary\nSuccess\nDanger\nWarning\nInfo\nLight\nDark\n\n',pillBadges='\nPrimary\nSecondary\nSuccess\nDanger\nWarning\nInfo\nLight\nDark\n\n';$("pre code").each((function(){"badge"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"headings"===$(this).data("code")&&$(this).text(headings),"buttons"===$(this).data("code")&&$(this).text(buttons),"positioned"===$(this).data("code")&&$(this).text(positioned),"background"===$(this).data("code")&&$(this).text(background),"pill-badges"===$(this).data("code")&&$(this).text(pillBadges))})); -const basicBreadcrumb='\n\n\n\n\n\n\n',divider='\n\n\n\n\n\n\n';$("pre code").each((function(){"breadcrumb"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"basic"===$(this).data("code")&&$(this).text(basicBreadcrumb),"divider"===$(this).data("code")&&$(this).text(divider))})); -const exampleCard='\n
\n ...\n\n
\n
Card title
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n Go somewhere\n
\n
\n\n',bodyCard='\n
\n
\n This is some text within a card body.\n
\n
\n\n',titlesTextLinks='\n
\n
\n
Card title
\n
Card subtitle
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n Card link\n Another link\n
\n
\n\n',imagesCard='\n
\n ...\n\n
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n
\n
\n\n',listGroups='\n
\n
    \n
  • An item
    • \n
  • A second item
    • \n
  • A third item
    • \n
\n
\n\n
\n
\n Featured\n
\n
    \n
  • An item
    • \n
  • A second item
    • \n
  • A third item
    • \n
\n
\n\n
\n
    \n
  • An item
    • \n
  • A second item
    • \n
  • A third item
    • \n
\n
\n Card footer\n
\n
\n\n',kitchenSink='\n
\n ...\n\n
\n
Card title
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n
\n\n
    \n
  • An item
    • \n
  • A second item
    • \n
  • A third item
    • \n
\n\n
\n Card link\n Another link\n
\n
\n\n',headerAndFooter='\n
\n
\n Featured\n
\n\n
\n
Special title treatment
\n

With supporting text below as a natural lead-in to additional content.

\n Go somewhere\n
\n
\n\n
\n
\n Featured\n
\n\n
\n
Special title treatment
\n

With supporting text below as a natural lead-in to additional content.

\n Go somewhere\n
\n\n
\n 2 days ago\n
\n
\n\n',navigation='\n
\n
\n \n
\n\n
\n
Special title treatment
\n

With supporting text below as a natural lead-in to additional content.

\n Go somewhere\n
\n
\n\n
\n
\n \n
\n\n
\n
Special title treatment
\n

With supporting text below as a natural lead-in to additional content.

\n Go somewhere\n
\n
\n\n',imageCaps='\n
\n ...\n\n
\n
Card title
\n

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

\n

\n Last updated 3 mins ago\n

\n
\n
\n\n
\n
\n
Card title
\n

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

\n

\n Last updated 3 mins ago\n

\n
\n\n ...\n
\n\n',imageOverlay='\n
\n ...\n\n
\n
Card title
\n

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

\n

Last updated 3 mins ago

\n
\n
\n\n',horizontalCard='\n
\n
\n
\n ...\n
\n\n
\n
\n
Card title
\n

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

\n

\n Last updated 3 mins ago\n

\n
\n
\n
\n
\n\n',backgroundColor='\n
\n
Header
\n
\n
Primary card title
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n
\n
\n\n
\n
Header
\n
\n
Secondary card title
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n
\n
\n\n
\n
Header
\n
\n
Success card title
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n
\n
\n\n
\n
Header
\n
\n
Danger card title
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n
\n
\n\n
\n
Header
\n
\n
Warning card title
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n
\n
\n\n
\n
Header
\n
\n
Info card title
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n
\n
\n\n
\n
Header
\n
\n
Light card title
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n
\n
\n\n
\n
Header
\n
\n
Dark card title
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n
\n
\n\n',cardBorder='\n
\n
Header
\n
\n
Primary card title
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n
\n
\n\n
\n
Header
\n
\n
Secondary card title
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n
\n
\n\n
\n
Header
\n
\n
Success card title
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n
\n
\n\n
\n
Header
\n
\n
Danger card title
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n
\n
\n\n
\n
Header
\n
\n
Warning card title
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n
\n
\n\n
\n
Header
\n
\n
Info card title
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n
\n
\n\n
\n
Header
\n
\n
Light card title
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n
\n
\n\n
\n
Header
\n
\n
Dark card title
\n

Some quick example text to build on the card title and make up the bulk of the card\'s content.

\n
\n
\n\n',cardGroups='\n
\n
\n ...\n\n
\n
Card title
\n

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

\n

\n Last updated 3 mins ago\n

\n
\n
\n\n
\n ...\n\n
\n
Card title
\n

This card has supporting text below as a natural lead-in to additional content.

\n

\n Last updated 3 mins ago\n

\n
\n
\n\n
\n ...\n\n
\n
Card title
\n

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.

\n

\n Last updated 3 mins ago\n

\n
\n
\n
\n\n
\n
\n ...\n\n
\n
Card title
\n

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

\n
\n
\n Last updated 3 mins ago\n
\n
\n\n
\n ...\n\n
\n
Card title
\n

This card has supporting text below as a natural lead-in to additional content.

\n
\n
\n Last updated 3 mins ago\n
\n
\n\n
\n ...\n\n
\n
Card title
\n

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action. This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.

\n
\n
\n Last updated 3 mins ago\n
\n
\n
\n\n',cardGrid='\n
\n
\n
\n ...\n\n
\n
Card title
\n

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

\n
\n
\n
\n\n
\n
\n ...\n\n
\n
Card title
\n

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer. This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer. This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

\n
\n
\n
\n\n
\n
\n ...\n\n
\n
Card title
\n

This is a longer card with supporting text below as a natural lead-in to additional content.

\n
\n
\n
\n\n
\n
\n ...\n\n
\n
Card title
\n

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

\n
\n
\n
\n
\n\n';$("pre code").each((function(){"card"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"example"===$(this).data("code")&&$(this).text(exampleCard),"body"===$(this).data("code")&&$(this).text(bodyCard),"titles-text-links"===$(this).data("code")&&$(this).text(titlesTextLinks),"images"===$(this).data("code")&&$(this).text(imagesCard),"list-groups"===$(this).data("code")&&$(this).text(listGroups),"kitchen-sink"===$(this).data("code")&&$(this).text(kitchenSink),"header-and-footer"===$(this).data("code")&&$(this).text(headerAndFooter),"navigation"===$(this).data("code")&&$(this).text(navigation),"image-caps"===$(this).data("code")&&$(this).text(imageCaps),"image-overlay"===$(this).data("code")&&$(this).text(imageOverlay),"horizontal"===$(this).data("code")&&$(this).text(horizontalCard),"background-color"===$(this).data("code")&&$(this).text(backgroundColor),"card-border"===$(this).data("code")&&$(this).text(cardBorder),"card-groups"===$(this).data("code")&&$(this).text(cardGroups),"card-grid"===$(this).data("code")&&$(this).text(cardGrid))})); -const basicCarousel='\n\n\n',controls='\n\n\n',indicators='\n\n\n',captionsCarousel='\n\n\n',crossfade='\n\n\n',interval='\n\n\n',touch='\n\n\n';$("pre code").each((function(){"carousel"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"basic"===$(this).data("code")&&$(this).text(basicCarousel),"controls"===$(this).data("code")&&$(this).text(controls),"indicators"===$(this).data("code")&&$(this).text(indicators),"captions"===$(this).data("code")&&$(this).text(captionsCarousel),"crossfade"===$(this).data("code")&&$(this).text(crossfade),"interval"===$(this).data("code")&&$(this).text(interval),"touch"===$(this).data("code")&&$(this).text(touch))})); -const basicCheckbox='\n
\n \n \n
\n\n
\n \n \n
\n\n',disabledCheckbox='\n
\n \n \n
\n\n
\n \n \n
\n';$("pre code").each((function(){"checkbox"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"basic"===$(this).data("code")&&$(this).text(basicCheckbox),"disabled"===$(this).data("code")&&$(this).text(disabledCheckbox))})); -const exampleCollapse='\n\n\n\n\n
\n
\n

\n Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger.\n

\n
\n
\n\n',multipleCollapse='\n\n\n\n\n\n\n
\n
\n
\n
\n

\n Some placeholder content for the first collapse component of this multi-collapse example. This panel is hidden by default but revealed when the user activates the relevant trigger.\n

\n
\n
\n
\n\n
\n
\n
\n

\n Some placeholder content for the first collapse component of this multi-collapse example. This panel is hidden by default but revealed when the user activates the relevant trigger.\n

\n
\n
\n
\n
\n\n';$("pre code").each((function(){"collapse"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"example"===$(this).data("code")&&$(this).text(exampleCollapse),"multiple"===$(this).data("code")&&$(this).text(multipleCollapse))})); -const demoDrawer='\n\n Link with href\n\n\n\n\n
\n
\n
Offcanvas
\n \n
\n\n
\n
\n Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.\n
\n\n
\n \n\n \n
\n
\n
\n\n',placement='\n\n\n\n\n\n\n
\n
\n
Offcanvas top
\n \n
\n\n
\n ...\n
\n
\n\n
\n
\n
Offcanvas right
\n \n
\n\n
\n ...\n
\n
\n\n
\n
\n
Offcanvas bottom
\n \n
\n\n
\n ...\n
\n
\n\n',backdrop='\n\n\n\n\n
\n
\n
Colored with scrolling
\n \n
\n
\n

Try scrolling the rest of the page to see this option in action.

\n
\n
\n\n
\n
\n
Offcanvas with backdrop
\n \n
\n
\n

.....

\n
\n
\n\n
\n
\n
Backdroped with scrolling
\n \n
\n
\n

Try scrolling the rest of the page to see this option in action.

\n
\n
\n\n';$("pre code").each((function(){"drawer"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"demo"===$(this).data("code")&&$(this).text(demoDrawer),"placement"===$(this).data("code")&&$(this).text(placement),"backdrop"===$(this).data("code")&&$(this).text(backdrop))})); -const singleButton='\n
\n \n\n \n
\n\n
\n \n\n \n
\n\n
\n \n\n \n \n \n \n \n\n \n \n \n\n \n
\n\n',splitButton='\n
\n \n \n \n \n
\n\n',sizing='\n
\n \n\n
    \n ...\n
\n
\n\n
\n \n \n\n
    \n ...\n
\n
\n\n
\n \n\n
    \n ...\n
\n
\n\n
\n \n \n\n
    \n ...\n
\n
\n\n',dropup='\n
\n \n\n
    \n
  • ...
    • \n
\n
\n\n
\n \n\n \n\n
    \n
  • ...
    • \n
\n
\n\n',dropright='\n
\n \n\n
    \n
  • ...
    • \n
\n
\n\n
\n \n \n\n
    \n
  • ...
    • \n
\n
\n\n',dropleft='\n
\n \n\n
    \n
  • ...
    • \n
\n
\n\n
\n \n \n\n
    \n
  • ...
    • \n
\n
\n\n',responsiveDropdown='\n
\n \n
    \n
    • \n
    • \n
    • \n
\n
\n\n
\n \n\n
    \n
    • \n
    • \n
    • \n
\n
\n\n',alignment='\n
\n \n \n
\n\n
\n \n \n
\n\n
\n \n \n
\n\n
\n \n \n
\n\n
\n \n \n
\n\n
\n \n \n
\n\n',dropdownOptions='\n
\n \n\n \n
\n\n
\n \n \n\n \n
\n\n',autoClose='\n
\n \n \n
\n\n
\n \n \n
\n\n
\n \n \n
\n\n
\n \n \n
\n\n';$("pre code").each((function(){"dropdown"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"single-button"===$(this).data("code")&&$(this).text(singleButton),"split-button"===$(this).data("code")&&$(this).text(splitButton),"sizing"===$(this).data("code")&&$(this).text(sizing),"dropup"===$(this).data("code")&&$(this).text(dropup),"dropright"===$(this).data("code")&&$(this).text(dropright),"dropleft"===$(this).data("code")&&$(this).text(dropleft),"responsive"===$(this).data("code")&&$(this).text(responsiveDropdown),"alignment"===$(this).data("code")&&$(this).text(alignment),"dropdown-options"===$(this).data("code")&&$(this).text(dropdownOptions),"auto-close"===$(this).data("code")&&$(this).text(autoClose))})); -const basicForm='\n
\n
\n \n \n
We\'ll never share your email with anyone else.
\n
\n\n
\n \n \n
\n\n
\n \n \n
\n\n \n
\n\n',disabledForm='\n
\n
\n \n \n
\n\n
\n \n \n
\n\n
\n
\n \n \n
\n
\n\n \n
\n\n';$("pre code").each((function(){"form"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"basic"===$(this).data("code")&&$(this).text(basicForm),"disabled"===$(this).data("code")&&$(this).text(disabledForm))})); -const basicInputNumber='\n
\n
\n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n
\n\n
\n \n
\n
\n\n',disabledInputNumber='\n
\n
\n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n
\n\n
\n \n
\n
\n\n',sizesInputNumber='\n
\n
\n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n
\n\n
\n \n
\n
\n\n
\n
\n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n
\n\n
\n \n
\n
\n\n
\n
\n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n
\n\n
\n \n
\n
\n\n';$("pre code").each((function(){"input-number"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"basic"===$(this).data("code")&&$(this).text(basicInputNumber),"disabled"===$(this).data("code")&&$(this).text(disabledInputNumber),"sizes"===$(this).data("code")&&$(this).text(sizesInputNumber))})); -const basicInput='\n\n\n
\n @\n \n
\n\n
\n \n @example.com\n
\n\n\n
\n https://example.com/users/\n \n
\n\n
\n $\n \n .00\n
\n\n
\n \n @\n \n
\n\n
\n With textarea\n \n
\n\n',sizingInput='\n
\n Small\n \n
\n\n
\n Default\n \n
\n\n
\n Large\n \n
\n\n',checkboxesRadios='\n
\n
\n \n
\n \n
\n\n
\n
\n \n
\n \n
\n\n',multipleInput='\n
\n First and last name\n \n \n
\n\n',addons='\n
\n $\n 0.00\n \n
\n\n
\n \n $\n 0.00\n
\n\n',buttonAddons='\n
\n \n \n
\n\n
\n \n \n
\n\n
\n \n \n \n
\n\n
\n \n \n \n
\n\n',buttonDropdowns='\n
\n \n \n \n
\n\n
\n \n \n \n
\n\n
\n \n \n \n \n \n
\n\n',segmented='\n
\n \n \n \n \n
\n\n
\n \n \n \n \n
\n\n',selectInput='\n
\n \n \n
\n\n
\n \n \n
\n\n
\n \n \n
\n\n
\n \n \n
\n\n',fileInput='\n
\n \n \n
\n\n
\n \n \n
\n\n
\n \n \n
\n\n
\n \n \n
\n\n';$("pre code").each((function(){"input"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"basic"===$(this).data("code")&&$(this).text(basicInput),"sizing"===$(this).data("code")&&$(this).text(sizingInput),"checkboxes-radios"===$(this).data("code")&&$(this).text(checkboxesRadios),"multiple"===$(this).data("code")&&$(this).text(multipleInput),"button-addons"===$(this).data("code")&&$(this).text(buttonAddons),"button-dropdowns"===$(this).data("code")&&$(this).text(buttonDropdowns),"segmented"===$(this).data("code")&&$(this).text(segmented),"select"===$(this).data("code")&&$(this).text(selectInput),"file-input"===$(this).data("code")&&$(this).text(fileInput))})); -const basicList='\n
    \n
  • An item
    • \n
  • A second item
    • \n
  • A third item
    • \n
  • A fourth item
    • \n
  • And a fifth one
    • \n
\n\n',activeItems='\n
    \n
  • An active item
    • \n
  • A second item
    • \n
  • A third item
    • \n
  • A fourth item
    • \n
  • And a fifth one
    • \n
\n\n',disabledList='\n
    \n
  • A disabled item
    • \n
  • A second item
    • \n
  • A third item
    • \n
  • A fourth item
    • \n
  • And a fifth one
    • \n
\n\n',linksAndButtons='\n
\n \n The current link item\n \n A second link item\n A third link item\n A fourth link item\n A disabled link item\n
\n\n
\n \n \n \n \n \n
\n\n',flushList='\n
    \n
  • An item
    • \n
  • A second item
    • \n
  • A third item
    • \n
  • A fourth item
    • \n
  • And a fifth one
    • \n
\n\n',numbered='\n
    \n
  1. Cras justo odio
    2. \n
  2. Cras justo odio
    3. \n
  3. Cras justo odio
    4. \n
\n\n
    \n
  1. \n
    \n
    Subheading
    \n Cras justo odio\n
    \n 14\n
    2. \n\n
  2. \n
    \n
    Subheading
    \n Cras justo odio\n
    \n 14\n
    3. \n\n
  3. \n
    \n
    Subheading
    \n Cras justo odio\n
    \n 14\n
    4. \n
\n\n',horizontalList='\n
    \n
  • An item
    • \n
  • A second item
    • \n
  • A third item
    • \n
\n\n
    \n
  • An item
    • \n
  • A second item
    • \n
  • A third item
    • \n
\n\n
    \n
  • An item
    • \n
  • A second item
    • \n
  • A third item
    • \n
\n\n
    \n
  • An item
    • \n
  • A second item
    • \n
  • A third item
    • \n
\n\n
    \n
  • An item
    • \n
  • A second item
    • \n
  • A third item
    • \n
\n\n
    \n
  • An item
    • \n
  • A second item
    • \n
  • A third item
    • \n
\n\n',contextual='\n
    \n
  • A simple default list group item
    • \n\n
  • A simple primary list group item
    • \n
  • A simple secondary list group item
    • \n
  • A simple success list group item
    • \n
  • A simple danger list group item
    • \n
  • A simple warning list group item
    • \n
  • A simple info list group item
    • \n
  • A simple light list group item
    • \n
  • A simple dark list group item
    • \n
\n\n
\n A simple default list group item\n\n A simple primary list group item\n A simple secondary list group item\n A simple success list group item\n A simple danger list group item\n A simple warning list group item\n A simple info list group item\n A simple light list group item\n A simple dark list group item\n
\n\n',badges='\n
    \n
  • \n A list item\n 14\n
    • \n\n
  • \n A second list item\n 2\n
    • \n\n
  • \n A third list item\n 1\n
    • \n
\n\n',customContent='\n
\n \n
\n
List group item heading
\n 3 days ago\n
\n

Some placeholder content in a paragraph.

\n And some small print.\n \n \n \n
\n
List group item heading
\n 3 days ago\n
\n

Some placeholder content in a paragraph.

\n And some muted small print.\n \n \n \n
\n
List group item heading
\n 3 days ago\n
\n

Some placeholder content in a paragraph.

\n And some muted small print.\n \n
\n\n',checkboxesAndRadios='\n
    \n
  • \n \n First checkbox\n
    • \n\n
  • \n \n Second checkbox\n
    • \n\n
  • \n \n Third checkbox\n
    • \n\n
  • \n \n Fourth checkbox\n
    • \n\n
  • \n \n Fifth checkbox\n
    • \n
\n\n
\n \n \n \n \n \n \n \n \n \n
\n\n';$("pre code").each((function(){"list"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"basic"===$(this).data("code")&&$(this).text(basicList),"active-items"===$(this).data("code")&&$(this).text(activeItems),"disabled"===$(this).data("code")&&$(this).text(disabledList),"links-and-buttons"===$(this).data("code")&&$(this).text(linksAndButtons),"flush"===$(this).data("code")&&$(this).text(flushList),"numbered"===$(this).data("code")&&$(this).text(numbered),"horizontal"===$(this).data("code")&&$(this).text(horizontalList),"contextual"===$(this).data("code")&&$(this).text(contextual),"badges"===$(this).data("code")&&$(this).text(badges),"custom-content"===$(this).data("code")&&$(this).text(customContent),"checkboxes-and-radios"===$(this).data("code")&&$(this).text(checkboxesAndRadios))})); -const supportedContent='\n\n\n',textMenu='\n\n\n\n\n',imageMenu='\n\n\n',navMenu='\n\n\n\n\n',colorSchemeMenu='\n\n\n\n\n',scrollingMenu='\n\n\n',toggler='\n\n\n\n\n\n\n',externalContent='\n\n\n';$("pre code").each((function(){"menu"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"supported-content"===$(this).data("code")&&$(this).text(supportedContent),"text-menu"===$(this).data("code")&&$(this).text(textMenu),"image-menu"===$(this).data("code")&&$(this).text(imageMenu),"nav-menu"===$(this).data("code")&&$(this).text(navMenu),"color-scheme-menu"===$(this).data("code")&&$(this).text(colorSchemeMenu),"scrolling-menu"===$(this).data("code")&&$(this).text(scrollingMenu),"toggler"===$(this).data("code")&&$(this).text(toggler),"external-content"===$(this).data("code")&&$(this).text(externalContent))})); -const demoModal='\n\n\n\n\n',staticModal='\n\n\n\n\n',scrolling='\n\n\n\n\n\n\n\n\n',vertically='\n\n\n\n\n\n\n\n\n',tooltipPopovers='\n\n\n\n\n',grid='\n\n\n\n\n',varying='\n\n\n\n\n\n\n\n\nvar varyingModal = document.getElementById(\'varyingModal\')\nif (varyingModal) {\n varyingModal.addEventListener(\'show.bs.modal\', function (event) {\n // Button that triggered the modal\n var button = event.relatedTarget\n // Extract info from data-bs-* attributes\n var recipient = button.getAttribute(\'data-bs-whatever\')\n // If necessary, you could initiate an AJAX request here\n // and then do the updating in a callback.\n //\n // Update the modal\'s content.\n var modalTitle = varyingModal.querySelector(\'.modal-title\')\n var modalBodyInput = varyingModal.querySelector(\'.modal-body input\')\n\n modalTitle.textContent = \'New message to \' + recipient\n modalBodyInput.value = recipient\n })\n}\n\n',between='\nOpen first modal\n\n\n\n\n\n',remove='\n\n\n',sizes='\n\n\n\n\n\n\n\n\n\n\n\n\n',fullscreen='\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n';$("pre code").each((function(){"modal"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"demo"===$(this).data("code")&&$(this).text(demoModal),"static"===$(this).data("code")&&$(this).text(staticModal),"scrolling"===$(this).data("code")&&$(this).text(scrolling),"vertically"===$(this).data("code")&&$(this).text(vertically),"tooltip-popovers"===$(this).data("code")&&$(this).text(tooltipPopovers),"grid"===$(this).data("code")&&$(this).text(grid),"varying"===$(this).data("code")&&$(this).text(varying),"between"===$(this).data("code")&&$(this).text(between),"remove"===$(this).data("code")&&$(this).text(remove),"sizes"===$(this).data("code")&&$(this).text(sizes),"fullscreen"===$(this).data("code")&&$(this).text(fullscreen))})); -const basicNotification='\n\n\n',live='\n\n\n
\n \n
\n\n',translucent='\n
\n \n
\n\n',stacking='\n\n\n\n\n
\n
\n \n\n \n
\n
\n\n';$("pre code").each((function(){"notification"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"basic"===$(this).data("code")&&$(this).text(basicNotification),"live"===$(this).data("code")&&$(this).text(live),"translucent"===$(this).data("code")&&$(this).text(translucent),"stacking"===$(this).data("code")&&$(this).text(stacking))})); -const basicPagination='\n\n\n',iconsPagination='\n\n\n',disabledActive='\n\n\n',sizingPagination='\n\n\n\n\n';$("pre code").each((function(){"pagination"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"basic"===$(this).data("code")&&$(this).text(basicPagination),"icons"===$(this).data("code")&&$(this).text(iconsPagination),"disabled-active"===$(this).data("code")&&$(this).text(disabledActive),"sizing"===$(this).data("code")&&$(this).text(sizingPagination))})); -const basicPopover='\n\n\n',directions='\n\n\n\n\n\n\n\n\n',dismiss='\n\n Dismissible popover\n\n\n',disabledPopover='\n\n \n\n\n';$("pre code").each((function(){"popover"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"basic"===$(this).data("code")&&$(this).text(basicPopover),"directions"===$(this).data("code")&&$(this).text(directions),"dismiss"===$(this).data("code")&&$(this).text(dismiss),"disabled"===$(this).data("code")&&$(this).text(disabledPopover))})); -const basicProgress='\n
\n
\n
\n\n
\n
\n
\n\n
\n
\n
\n\n
\n
\n
\n\n
\n
\n
\n\n',labels='\n
\n
25%
\n
\n\n',height='\n
\n
\n
\n\n
\n
\n
\n\n',backgrounds='\n
\n
\n
\n\n
\n
\n
\n\n
\n
\n
\n\n
\n
\n
\n\n',multiplebars='\n
\n
\n
\n
\n
\n\n',striped='\n
\n
\n
\n\n
\n
\n
\n\n
\n
\n
\n\n
\n
\n
\n\n
\n
\n
\n\n',animatedStriped='\n
\n
\n
\n\n';$("pre code").each((function(){"progress"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"basic"===$(this).data("code")&&$(this).text(basicProgress),"labels"===$(this).data("code")&&$(this).text(labels),"height"===$(this).data("code")&&$(this).text(height),"backgrounds"===$(this).data("code")&&$(this).text(backgrounds),"multiplebars"===$(this).data("code")&&$(this).text(multiplebars),"striped"===$(this).data("code")&&$(this).text(striped),"animated-striped"===$(this).data("code")&&$(this).text(animatedStriped))})); -const basicRadio='\n
\n \n \n
\n\n
\n \n \n
\n\n',disabledRadio='\n
\n \n \n
\n\n
\n \n \n
\n\n',toggleButtons='\n\n\n\n\n\n\n\n\n\n\n\n\n';$("pre code").each((function(){"radio"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"basic"===$(this).data("code")&&$(this).text(basicRadio),"disabled"===$(this).data("code")&&$(this).text(disabledRadio),"toggle-buttons"===$(this).data("code")&&$(this).text(toggleButtons))})); -const basicSelect='\n\n\n',sizingSelect='\n\n\n\n\n\n\n\n\n',disabledSelect='\n\n\n';$("pre code").each((function(){"select"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"basic"===$(this).data("code")&&$(this).text(basicSelect),"sizing"===$(this).data("code")&&$(this).text(sizingSelect),"disabled"===$(this).data("code")&&$(this).text(disabledSelect))})); -const basicSlider='\n\n\n',disabledSlider='\n\n\n',minAndMax='\n\n\n',step='\n\n\n';$("pre code").each((function(){"slider"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"basic"===$(this).data("code")&&$(this).text(basicSlider),"disabled"===$(this).data("code")&&$(this).text(disabledSlider),"min-and-max"===$(this).data("code")&&$(this).text(minAndMax),"step"===$(this).data("code")&&$(this).text(step))})); -const borderSpinner='\n\n\n',colors='\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n',growingSpinner='\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n',flex='\n
\n \n
\n\n
\n Loading...\n \n
\n\n',float='\n
\n \n
\n\n',textAlign='\n
\n \n
\n\n',size='\n\n\n\n\n\n\n\n\n',buttonSpinner='\n\n\n\n\n\n\n\n\n';$("pre code").each((function(){"spinner"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"border-spinner"===$(this).data("code")&&$(this).text(borderSpinner),"colors"===$(this).data("code")&&$(this).text(colors),"growing-spinner"===$(this).data("code")&&$(this).text(growingSpinner),"flex"===$(this).data("code")&&$(this).text(flex),"float"===$(this).data("code")&&$(this).text(float),"text-align"===$(this).data("code")&&$(this).text(textAlign),"size"===$(this).data("code")&&$(this).text(size),"button-spinner"===$(this).data("code")&&$(this).text(buttonSpinner))})); -const basicSwitch='\n
\n \n \n
\n\n
\n \n \n
\n\n
\n \n \n
\n\n
\n \n \n
\n\n';$("pre code").each((function(){"switch"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"basic"===$(this).data("code")&&$(this).text(basicSwitch))})); -const overview='\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
#FirstLastHandle
1MarkOtto@mdo
2JacobThornton@fat
3Larry the Bird@twitter
\n\n',variants='\n\x3c!-- On tables --\x3e\n...
\n...
\n...
\n...
\n...
\n...
\n...
\n...
\n\n\x3c!-- On rows --\x3e\n...\n...\n...\n...\n...\n...\n...\n...\n\n\x3c!-- On cells (\'td\' or \'th\') --\x3e\n\n ...\n ...\n ...\n ...\n ...\n ...\n ...\n ...\n\n\n\n \n ...\n \n \n ...\n \n
\n\n',stripedRows='\n\n ...\n
\n\n',hoverableRows='\n\n ...\n
\n\n',activeTables='\n\n \n ...\n \n \n \n ...\n \n \n ...\n \n \n \n \n \n \n \n
3Larry the Bird@twitter
\n\n',bordered='\n\n ...\n
\n\n\n ...\n
\n\n',borderless='\n\n ...\n
\n\n',smallTables='\n\n ...\n
\n\n',nesting='\n\n \n ...\n \n \n ...\n \n \n \n ...\n \n
\n \n ...\n
\n
\n\n',foot='\n\n \n ...\n \n \n ...\n \n \n ...\n \n
\n\n',captionsTable='\n\n \n \n ...\n \n \n ...\n \n
List of users
\n\n\n \n \n ...\n \n \n ...\n \n
List of users
\n\n',responsiveTable='\n
\n \n ...\n
\n
\n\n',breakpoint='\n
\n \n ...\n
\n
\n\n
\n \n ...\n
\n
\n\n
\n \n ...\n
\n
\n\n
\n \n ...\n
\n
\n\n
\n \n ...\n
\n
\n\n
\n \n ...\n
\n
\n\n';$("pre code").each((function(){"table"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"overview"===$(this).data("code")&&$(this).text(overview),"variants"===$(this).data("code")&&$(this).text(variants),"striped-rows"===$(this).data("code")&&$(this).text(stripedRows),"active-tables"===$(this).data("code")&&$(this).text(activeTables),"bordered"===$(this).data("code")&&$(this).text(bordered),"borderless"===$(this).data("code")&&$(this).text(borderless),"small-tables"===$(this).data("code")&&$(this).text(smallTables),"nesting"===$(this).data("code")&&$(this).text(nesting),"foot"===$(this).data("code")&&$(this).text(foot),"captions"===$(this).data("code")&&$(this).text(captionsTable),"responsive"===$(this).data("code")&&$(this).text(responsiveTable),"breakpoint"===$(this).data("code")&&$(this).text(breakpoint))})); -const basicTabs='\n\n\n
\n
\n

\n Content of Tab Pane 1\n

\n
\n
\n

\n Content of Tab Pane 2\n

\n
\n
\n

\n Content of Tab Pane 3\n

\n
\n
\n\n//-\n\n\n\n
\n
\n

\n Content of Tab Pane 1\n

\n
\n
\n

\n Content of Tab Pane 2\n

\n
\n
\n

\n Content of Tab Pane 3\n

\n
\n
\n\n',vertical='\n
\n \n\n
\n
\n

\n Content of Tab Pane 1\n

\n
\n
\n

\n Content of Tab Pane 2\n

\n
\n
\n

\n Content of Tab Pane 3\n

\n
\n
\n

\n Content of Tab Pane 4\n

\n
\n
\n
\n\n';$("pre code").each((function(){"tabs"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"basic"===$(this).data("code")&&$(this).text(basicTabs),"vertical"===$(this).data("code")&&$(this).text(vertical))})); -const basicTooltip='\n\n\n\n\n',direction='\n\n\n\n\n\n\n\n\n',svg='\n
\n ...\n
\n\n';$("pre code").each((function(){"tooltip"===$(this).data("component")&&($(this).text($.trim($(this).data("code"))),"basic"===$(this).data("code")&&$(this).text(basicTooltip),"direction"===$(this).data("code")&&$(this).text(direction),"svg"===$(this).data("code")&&$(this).text(svg))})); -$(".show-code-btn").click((function(){$(this).parent().nextAll(".hljs-container").fadeToggle(300)})); \ No newline at end of file diff --git a/priv/static/theme/app/js/app.min.js.gz b/priv/static/theme/app/js/app.min.js.gz deleted file mode 100644 index c141085956b7e932dda1fa3dff772475fced81ca..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 29980 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

KM+yLtks4iEpwTNO-8cFAETgAyM1kkQ5 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