noUiSlider html

2025-12-23 18:34:25 +04:00 · 2020-01-10 14:34:56 +01:00
parent f37388d8be
commit 41bc17e6e3
13 changed files with 14747 additions and 13 deletions
--- a/js/tabler.js
+++ b/js/tabler.js
@@ -118,19 +118,17 @@ $(document).ready(function() {
  // $('[data-toggle="tooltip"]').tooltip();
  // $('[data-toggle="popover"]').popover();

-/* NoUiSlider */
-
-if(window.noUiSlider){
-  let boi = document.getElementById("slider");
-  noUiSlider.create(boi,{
-    start: [20, 80],
-    connect: true,
-    range: {
-        'min': 0,
-        'max': 100
+  /*
+	NoUiSlider
+	*/
+	let sliders = document.querySelectorAll("[data-slider]");
+	for (let i = 0; i < sliders.length; i++) {
+		let dataSlider;
+		if (sliders[i].getAttribute("data-slider")) {
+			dataSlider = JSON.parse(sliders[i].getAttribute("data-slider"));
    }
-  });
-}
+		noUiSlider.create(sliders[i],dataSlider);
+	}

  /*
  Autosize plugin
--- a/pages/_docs/range-slider.md
+++ b/pages/_docs/range-slider.md
@@ -0,0 +1,8 @@
+---
+title: Range slider
+menu: docs.range-slider
+---
+
+{% example %}
+    <div data-slider='{"start": 50,"connect": true,"range": {"min": 0,"max": 100}}'></div>
+{% endexample %}
--- a/pages/tmp.html
+++ b/pages/tmp.html
@@ -34,7 +34,7 @@
   <div class="col-md-6">
      <div class="card">
         <div class="card-body">
-            <div id="slider"></div>
+            <div data-slider='{"start": [20, 80],"connect": true,"range": {"min": 0,"max": 100}}'></div>
         </div>
      </div>
   </div>
--- a/scss/tabler.scss
+++ b/scss/tabler.scss
@@ -42,6 +42,7 @@
@import "ui/login";
@import "ui/modals";
@import "ui/nav";
+@import "ui/noUiSlider";
@import "ui/stars";
@import "ui/pagination";
@import "ui/progress";
--- a/scss/ui/_noUiSlider.scss
+++ b/scss/ui/_noUiSlider.scss
--- a/tmp-dist/css/tabler-flags.css
+++ b/tmp-dist/css/tabler-flags.css
@@ -0,0 +1,798 @@
+/*!
+ * Tabler Flags (v0.9.0)
+ * Copyright 2018-2019 The Tabler Authors
+ * Copyright 2018-2019 codecalm
+ * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
+ */
+.flag {
+  position: relative;
+  display: inline-block;
+  width: 1.33333em;
+  height: 1em;
+  vertical-align: -3px;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: cover;
+  border: 1px solid #dee1e7;
+  border-radius: 3px; }
+
+.flag-ad {
+  background-image: url("../../static/img/flags/ad.svg"); }
+
+.flag-ae {
+  background-image: url("../../static/img/flags/ae.svg"); }
+
+.flag-af {
+  background-image: url("../../static/img/flags/af.svg"); }
+
+.flag-ag {
+  background-image: url("../../static/img/flags/ag.svg"); }
+
+.flag-ai {
+  background-image: url("../../static/img/flags/ai.svg"); }
+
+.flag-al {
+  background-image: url("../../static/img/flags/al.svg"); }
+
+.flag-am {
+  background-image: url("../../static/img/flags/am.svg"); }
+
+.flag-ao {
+  background-image: url("../../static/img/flags/ao.svg"); }
+
+.flag-aq {
+  background-image: url("../../static/img/flags/aq.svg"); }
+
+.flag-ar {
+  background-image: url("../../static/img/flags/ar.svg"); }
+
+.flag-as {
+  background-image: url("../../static/img/flags/as.svg"); }
+
+.flag-at {
+  background-image: url("../../static/img/flags/at.svg"); }
+
+.flag-au {
+  background-image: url("../../static/img/flags/au.svg"); }
+
+.flag-aw {
+  background-image: url("../../static/img/flags/aw.svg"); }
+
+.flag-ax {
+  background-image: url("../../static/img/flags/ax.svg"); }
+
+.flag-az {
+  background-image: url("../../static/img/flags/az.svg"); }
+
+.flag-ba {
+  background-image: url("../../static/img/flags/ba.svg"); }
+
+.flag-bb {
+  background-image: url("../../static/img/flags/bb.svg"); }
+
+.flag-bd {
+  background-image: url("../../static/img/flags/bd.svg"); }
+
+.flag-be {
+  background-image: url("../../static/img/flags/be.svg"); }
+
+.flag-bf {
+  background-image: url("../../static/img/flags/bf.svg"); }
+
+.flag-bg {
+  background-image: url("../../static/img/flags/bg.svg"); }
+
+.flag-bh {
+  background-image: url("../../static/img/flags/bh.svg"); }
+
+.flag-bi {
+  background-image: url("../../static/img/flags/bi.svg"); }
+
+.flag-bj {
+  background-image: url("../../static/img/flags/bj.svg"); }
+
+.flag-bl {
+  background-image: url("../../static/img/flags/bl.svg"); }
+
+.flag-bm {
+  background-image: url("../../static/img/flags/bm.svg"); }
+
+.flag-bn {
+  background-image: url("../../static/img/flags/bn.svg"); }
+
+.flag-bo {
+  background-image: url("../../static/img/flags/bo.svg"); }
+
+.flag-bq {
+  background-image: url("../../static/img/flags/bq.svg"); }
+
+.flag-br {
+  background-image: url("../../static/img/flags/br.svg"); }
+
+.flag-bs {
+  background-image: url("../../static/img/flags/bs.svg"); }
+
+.flag-bt {
+  background-image: url("../../static/img/flags/bt.svg"); }
+
+.flag-bv {
+  background-image: url("../../static/img/flags/bv.svg"); }
+
+.flag-bw {
+  background-image: url("../../static/img/flags/bw.svg"); }
+
+.flag-by {
+  background-image: url("../../static/img/flags/by.svg"); }
+
+.flag-bz {
+  background-image: url("../../static/img/flags/bz.svg"); }
+
+.flag-ca {
+  background-image: url("../../static/img/flags/ca.svg"); }
+
+.flag-cc {
+  background-image: url("../../static/img/flags/cc.svg"); }
+
+.flag-cd {
+  background-image: url("../../static/img/flags/cd.svg"); }
+
+.flag-cf {
+  background-image: url("../../static/img/flags/cf.svg"); }
+
+.flag-cg {
+  background-image: url("../../static/img/flags/cg.svg"); }
+
+.flag-ch {
+  background-image: url("../../static/img/flags/ch.svg"); }
+
+.flag-ci {
+  background-image: url("../../static/img/flags/ci.svg"); }
+
+.flag-ck {
+  background-image: url("../../static/img/flags/ck.svg"); }
+
+.flag-cl {
+  background-image: url("../../static/img/flags/cl.svg"); }
+
+.flag-cm {
+  background-image: url("../../static/img/flags/cm.svg"); }
+
+.flag-cn {
+  background-image: url("../../static/img/flags/cn.svg"); }
+
+.flag-co {
+  background-image: url("../../static/img/flags/co.svg"); }
+
+.flag-cr {
+  background-image: url("../../static/img/flags/cr.svg"); }
+
+.flag-cu {
+  background-image: url("../../static/img/flags/cu.svg"); }
+
+.flag-cv {
+  background-image: url("../../static/img/flags/cv.svg"); }
+
+.flag-cw {
+  background-image: url("../../static/img/flags/cw.svg"); }
+
+.flag-cx {
+  background-image: url("../../static/img/flags/cx.svg"); }
+
+.flag-cy {
+  background-image: url("../../static/img/flags/cy.svg"); }
+
+.flag-cz {
+  background-image: url("../../static/img/flags/cz.svg"); }
+
+.flag-de {
+  background-image: url("../../static/img/flags/de.svg"); }
+
+.flag-dj {
+  background-image: url("../../static/img/flags/dj.svg"); }
+
+.flag-dk {
+  background-image: url("../../static/img/flags/dk.svg"); }
+
+.flag-dm {
+  background-image: url("../../static/img/flags/dm.svg"); }
+
+.flag-do {
+  background-image: url("../../static/img/flags/do.svg"); }
+
+.flag-dz {
+  background-image: url("../../static/img/flags/dz.svg"); }
+
+.flag-ec {
+  background-image: url("../../static/img/flags/ec.svg"); }
+
+.flag-ee {
+  background-image: url("../../static/img/flags/ee.svg"); }
+
+.flag-eg {
+  background-image: url("../../static/img/flags/eg.svg"); }
+
+.flag-eh {
+  background-image: url("../../static/img/flags/eh.svg"); }
+
+.flag-er {
+  background-image: url("../../static/img/flags/er.svg"); }
+
+.flag-es {
+  background-image: url("../../static/img/flags/es.svg"); }
+
+.flag-et {
+  background-image: url("../../static/img/flags/et.svg"); }
+
+.flag-fi {
+  background-image: url("../../static/img/flags/fi.svg"); }
+
+.flag-fj {
+  background-image: url("../../static/img/flags/fj.svg"); }
+
+.flag-fk {
+  background-image: url("../../static/img/flags/fk.svg"); }
+
+.flag-fm {
+  background-image: url("../../static/img/flags/fm.svg"); }
+
+.flag-fo {
+  background-image: url("../../static/img/flags/fo.svg"); }
+
+.flag-fr {
+  background-image: url("../../static/img/flags/fr.svg"); }
+
+.flag-ga {
+  background-image: url("../../static/img/flags/ga.svg"); }
+
+.flag-gb {
+  background-image: url("../../static/img/flags/gb.svg"); }
+
+.flag-gd {
+  background-image: url("../../static/img/flags/gd.svg"); }
+
+.flag-ge {
+  background-image: url("../../static/img/flags/ge.svg"); }
+
+.flag-gf {
+  background-image: url("../../static/img/flags/gf.svg"); }
+
+.flag-gg {
+  background-image: url("../../static/img/flags/gg.svg"); }
+
+.flag-gh {
+  background-image: url("../../static/img/flags/gh.svg"); }
+
+.flag-gi {
+  background-image: url("../../static/img/flags/gi.svg"); }
+
+.flag-gl {
+  background-image: url("../../static/img/flags/gl.svg"); }
+
+.flag-gm {
+  background-image: url("../../static/img/flags/gm.svg"); }
+
+.flag-gn {
+  background-image: url("../../static/img/flags/gn.svg"); }
+
+.flag-gp {
+  background-image: url("../../static/img/flags/gp.svg"); }
+
+.flag-gq {
+  background-image: url("../../static/img/flags/gq.svg"); }
+
+.flag-gr {
+  background-image: url("../../static/img/flags/gr.svg"); }
+
+.flag-gs {
+  background-image: url("../../static/img/flags/gs.svg"); }
+
+.flag-gt {
+  background-image: url("../../static/img/flags/gt.svg"); }
+
+.flag-gu {
+  background-image: url("../../static/img/flags/gu.svg"); }
+
+.flag-gw {
+  background-image: url("../../static/img/flags/gw.svg"); }
+
+.flag-gy {
+  background-image: url("../../static/img/flags/gy.svg"); }
+
+.flag-hk {
+  background-image: url("../../static/img/flags/hk.svg"); }
+
+.flag-hm {
+  background-image: url("../../static/img/flags/hm.svg"); }
+
+.flag-hn {
+  background-image: url("../../static/img/flags/hn.svg"); }
+
+.flag-hr {
+  background-image: url("../../static/img/flags/hr.svg"); }
+
+.flag-ht {
+  background-image: url("../../static/img/flags/ht.svg"); }
+
+.flag-hu {
+  background-image: url("../../static/img/flags/hu.svg"); }
+
+.flag-id {
+  background-image: url("../../static/img/flags/id.svg"); }
+
+.flag-ie {
+  background-image: url("../../static/img/flags/ie.svg"); }
+
+.flag-il {
+  background-image: url("../../static/img/flags/il.svg"); }
+
+.flag-im {
+  background-image: url("../../static/img/flags/im.svg"); }
+
+.flag-in {
+  background-image: url("../../static/img/flags/in.svg"); }
+
+.flag-io {
+  background-image: url("../../static/img/flags/io.svg"); }
+
+.flag-iq {
+  background-image: url("../../static/img/flags/iq.svg"); }
+
+.flag-ir {
+  background-image: url("../../static/img/flags/ir.svg"); }
+
+.flag-is {
+  background-image: url("../../static/img/flags/is.svg"); }
+
+.flag-it {
+  background-image: url("../../static/img/flags/it.svg"); }
+
+.flag-je {
+  background-image: url("../../static/img/flags/je.svg"); }
+
+.flag-jm {
+  background-image: url("../../static/img/flags/jm.svg"); }
+
+.flag-jo {
+  background-image: url("../../static/img/flags/jo.svg"); }
+
+.flag-jp {
+  background-image: url("../../static/img/flags/jp.svg"); }
+
+.flag-ke {
+  background-image: url("../../static/img/flags/ke.svg"); }
+
+.flag-kg {
+  background-image: url("../../static/img/flags/kg.svg"); }
+
+.flag-kh {
+  background-image: url("../../static/img/flags/kh.svg"); }
+
+.flag-ki {
+  background-image: url("../../static/img/flags/ki.svg"); }
+
+.flag-km {
+  background-image: url("../../static/img/flags/km.svg"); }
+
+.flag-kn {
+  background-image: url("../../static/img/flags/kn.svg"); }
+
+.flag-kp {
+  background-image: url("../../static/img/flags/kp.svg"); }
+
+.flag-kr {
+  background-image: url("../../static/img/flags/kr.svg"); }
+
+.flag-kw {
+  background-image: url("../../static/img/flags/kw.svg"); }
+
+.flag-ky {
+  background-image: url("../../static/img/flags/ky.svg"); }
+
+.flag-kz {
+  background-image: url("../../static/img/flags/kz.svg"); }
+
+.flag-la {
+  background-image: url("../../static/img/flags/la.svg"); }
+
+.flag-lb {
+  background-image: url("../../static/img/flags/lb.svg"); }
+
+.flag-lc {
+  background-image: url("../../static/img/flags/lc.svg"); }
+
+.flag-li {
+  background-image: url("../../static/img/flags/li.svg"); }
+
+.flag-lk {
+  background-image: url("../../static/img/flags/lk.svg"); }
+
+.flag-lr {
+  background-image: url("../../static/img/flags/lr.svg"); }
+
+.flag-ls {
+  background-image: url("../../static/img/flags/ls.svg"); }
+
+.flag-lt {
+  background-image: url("../../static/img/flags/lt.svg"); }
+
+.flag-lu {
+  background-image: url("../../static/img/flags/lu.svg"); }
+
+.flag-lv {
+  background-image: url("../../static/img/flags/lv.svg"); }
+
+.flag-ly {
+  background-image: url("../../static/img/flags/ly.svg"); }
+
+.flag-ma {
+  background-image: url("../../static/img/flags/ma.svg"); }
+
+.flag-mc {
+  background-image: url("../../static/img/flags/mc.svg"); }
+
+.flag-md {
+  background-image: url("../../static/img/flags/md.svg"); }
+
+.flag-me {
+  background-image: url("../../static/img/flags/me.svg"); }
+
+.flag-mf {
+  background-image: url("../../static/img/flags/mf.svg"); }
+
+.flag-mg {
+  background-image: url("../../static/img/flags/mg.svg"); }
+
+.flag-mh {
+  background-image: url("../../static/img/flags/mh.svg"); }
+
+.flag-mk {
+  background-image: url("../../static/img/flags/mk.svg"); }
+
+.flag-ml {
+  background-image: url("../../static/img/flags/ml.svg"); }
+
+.flag-mm {
+  background-image: url("../../static/img/flags/mm.svg"); }
+
+.flag-mn {
+  background-image: url("../../static/img/flags/mn.svg"); }
+
+.flag-mo {
+  background-image: url("../../static/img/flags/mo.svg"); }
+
+.flag-mp {
+  background-image: url("../../static/img/flags/mp.svg"); }
+
+.flag-mq {
+  background-image: url("../../static/img/flags/mq.svg"); }
+
+.flag-mr {
+  background-image: url("../../static/img/flags/mr.svg"); }
+
+.flag-ms {
+  background-image: url("../../static/img/flags/ms.svg"); }
+
+.flag-mt {
+  background-image: url("../../static/img/flags/mt.svg"); }
+
+.flag-mu {
+  background-image: url("../../static/img/flags/mu.svg"); }
+
+.flag-mv {
+  background-image: url("../../static/img/flags/mv.svg"); }
+
+.flag-mw {
+  background-image: url("../../static/img/flags/mw.svg"); }
+
+.flag-mx {
+  background-image: url("../../static/img/flags/mx.svg"); }
+
+.flag-my {
+  background-image: url("../../static/img/flags/my.svg"); }
+
+.flag-mz {
+  background-image: url("../../static/img/flags/mz.svg"); }
+
+.flag-na {
+  background-image: url("../../static/img/flags/na.svg"); }
+
+.flag-nc {
+  background-image: url("../../static/img/flags/nc.svg"); }
+
+.flag-ne {
+  background-image: url("../../static/img/flags/ne.svg"); }
+
+.flag-nf {
+  background-image: url("../../static/img/flags/nf.svg"); }
+
+.flag-ng {
+  background-image: url("../../static/img/flags/ng.svg"); }
+
+.flag-ni {
+  background-image: url("../../static/img/flags/ni.svg"); }
+
+.flag-nl {
+  background-image: url("../../static/img/flags/nl.svg"); }
+
+.flag-no {
+  background-image: url("../../static/img/flags/no.svg"); }
+
+.flag-np {
+  background-image: url("../../static/img/flags/np.svg"); }
+
+.flag-nr {
+  background-image: url("../../static/img/flags/nr.svg"); }
+
+.flag-nu {
+  background-image: url("../../static/img/flags/nu.svg"); }
+
+.flag-nz {
+  background-image: url("../../static/img/flags/nz.svg"); }
+
+.flag-om {
+  background-image: url("../../static/img/flags/om.svg"); }
+
+.flag-pa {
+  background-image: url("../../static/img/flags/pa.svg"); }
+
+.flag-pe {
+  background-image: url("../../static/img/flags/pe.svg"); }
+
+.flag-pf {
+  background-image: url("../../static/img/flags/pf.svg"); }
+
+.flag-pg {
+  background-image: url("../../static/img/flags/pg.svg"); }
+
+.flag-ph {
+  background-image: url("../../static/img/flags/ph.svg"); }
+
+.flag-pk {
+  background-image: url("../../static/img/flags/pk.svg"); }
+
+.flag-pl {
+  background-image: url("../../static/img/flags/pl.svg"); }
+
+.flag-pm {
+  background-image: url("../../static/img/flags/pm.svg"); }
+
+.flag-pn {
+  background-image: url("../../static/img/flags/pn.svg"); }
+
+.flag-pr {
+  background-image: url("../../static/img/flags/pr.svg"); }
+
+.flag-ps {
+  background-image: url("../../static/img/flags/ps.svg"); }
+
+.flag-pt {
+  background-image: url("../../static/img/flags/pt.svg"); }
+
+.flag-pw {
+  background-image: url("../../static/img/flags/pw.svg"); }
+
+.flag-py {
+  background-image: url("../../static/img/flags/py.svg"); }
+
+.flag-qa {
+  background-image: url("../../static/img/flags/qa.svg"); }
+
+.flag-re {
+  background-image: url("../../static/img/flags/re.svg"); }
+
+.flag-ro {
+  background-image: url("../../static/img/flags/ro.svg"); }
+
+.flag-rs {
+  background-image: url("../../static/img/flags/rs.svg"); }
+
+.flag-ru {
+  background-image: url("../../static/img/flags/ru.svg"); }
+
+.flag-rw {
+  background-image: url("../../static/img/flags/rw.svg"); }
+
+.flag-sa {
+  background-image: url("../../static/img/flags/sa.svg"); }
+
+.flag-sb {
+  background-image: url("../../static/img/flags/sb.svg"); }
+
+.flag-sc {
+  background-image: url("../../static/img/flags/sc.svg"); }
+
+.flag-sd {
+  background-image: url("../../static/img/flags/sd.svg"); }
+
+.flag-se {
+  background-image: url("../../static/img/flags/se.svg"); }
+
+.flag-sg {
+  background-image: url("../../static/img/flags/sg.svg"); }
+
+.flag-sh {
+  background-image: url("../../static/img/flags/sh.svg"); }
+
+.flag-si {
+  background-image: url("../../static/img/flags/si.svg"); }
+
+.flag-sj {
+  background-image: url("../../static/img/flags/sj.svg"); }
+
+.flag-sk {
+  background-image: url("../../static/img/flags/sk.svg"); }
+
+.flag-sl {
+  background-image: url("../../static/img/flags/sl.svg"); }
+
+.flag-sm {
+  background-image: url("../../static/img/flags/sm.svg"); }
+
+.flag-sn {
+  background-image: url("../../static/img/flags/sn.svg"); }
+
+.flag-so {
+  background-image: url("../../static/img/flags/so.svg"); }
+
+.flag-sr {
+  background-image: url("../../static/img/flags/sr.svg"); }
+
+.flag-ss {
+  background-image: url("../../static/img/flags/ss.svg"); }
+
+.flag-st {
+  background-image: url("../../static/img/flags/st.svg"); }
+
+.flag-sv {
+  background-image: url("../../static/img/flags/sv.svg"); }
+
+.flag-sx {
+  background-image: url("../../static/img/flags/sx.svg"); }
+
+.flag-sy {
+  background-image: url("../../static/img/flags/sy.svg"); }
+
+.flag-sz {
+  background-image: url("../../static/img/flags/sz.svg"); }
+
+.flag-tc {
+  background-image: url("../../static/img/flags/tc.svg"); }
+
+.flag-td {
+  background-image: url("../../static/img/flags/td.svg"); }
+
+.flag-tf {
+  background-image: url("../../static/img/flags/tf.svg"); }
+
+.flag-tg {
+  background-image: url("../../static/img/flags/tg.svg"); }
+
+.flag-th {
+  background-image: url("../../static/img/flags/th.svg"); }
+
+.flag-tj {
+  background-image: url("../../static/img/flags/tj.svg"); }
+
+.flag-tk {
+  background-image: url("../../static/img/flags/tk.svg"); }
+
+.flag-tl {
+  background-image: url("../../static/img/flags/tl.svg"); }
+
+.flag-tm {
+  background-image: url("../../static/img/flags/tm.svg"); }
+
+.flag-tn {
+  background-image: url("../../static/img/flags/tn.svg"); }
+
+.flag-to {
+  background-image: url("../../static/img/flags/to.svg"); }
+
+.flag-tr {
+  background-image: url("../../static/img/flags/tr.svg"); }
+
+.flag-tt {
+  background-image: url("../../static/img/flags/tt.svg"); }
+
+.flag-tv {
+  background-image: url("../../static/img/flags/tv.svg"); }
+
+.flag-tw {
+  background-image: url("../../static/img/flags/tw.svg"); }
+
+.flag-tz {
+  background-image: url("../../static/img/flags/tz.svg"); }
+
+.flag-ua {
+  background-image: url("../../static/img/flags/ua.svg"); }
+
+.flag-ug {
+  background-image: url("../../static/img/flags/ug.svg"); }
+
+.flag-um {
+  background-image: url("../../static/img/flags/um.svg"); }
+
+.flag-us {
+  background-image: url("../../static/img/flags/us.svg"); }
+
+.flag-uy {
+  background-image: url("../../static/img/flags/uy.svg"); }
+
+.flag-uz {
+  background-image: url("../../static/img/flags/uz.svg"); }
+
+.flag-va {
+  background-image: url("../../static/img/flags/va.svg"); }
+
+.flag-vc {
+  background-image: url("../../static/img/flags/vc.svg"); }
+
+.flag-ve {
+  background-image: url("../../static/img/flags/ve.svg"); }
+
+.flag-vg {
+  background-image: url("../../static/img/flags/vg.svg"); }
+
+.flag-vi {
+  background-image: url("../../static/img/flags/vi.svg"); }
+
+.flag-vn {
+  background-image: url("../../static/img/flags/vn.svg"); }
+
+.flag-vu {
+  background-image: url("../../static/img/flags/vu.svg"); }
+
+.flag-wf {
+  background-image: url("../../static/img/flags/wf.svg"); }
+
+.flag-ws {
+  background-image: url("../../static/img/flags/ws.svg"); }
+
+.flag-ye {
+  background-image: url("../../static/img/flags/ye.svg"); }
+
+.flag-yt {
+  background-image: url("../../static/img/flags/yt.svg"); }
+
+.flag-za {
+  background-image: url("../../static/img/flags/za.svg"); }
+
+.flag-zm {
+  background-image: url("../../static/img/flags/zm.svg"); }
+
+.flag-zw {
+  background-image: url("../../static/img/flags/zw.svg"); }
+
+.flag-es-ct {
+  background-image: url("../../static/img/flags/es-ct.svg"); }
+
+.flag-eu {
+  background-image: url("../../static/img/flags/eu.svg"); }
+
+.flag-gb-eng {
+  background-image: url("../../static/img/flags/gb-eng.svg"); }
+
+.flag-gb-nir {
+  background-image: url("../../static/img/flags/gb-nir.svg"); }
+
+.flag-gb-sct {
+  background-image: url("../../static/img/flags/gb-sct.svg"); }
+
+.flag-gb-wls {
+  background-image: url("../../static/img/flags/gb-wls.svg"); }
+
+.flag-un {
+  background-image: url("../../static/img/flags/un.svg"); }
+
+.flag-size-md {
+  width: 2.66666rem;
+  height: 2rem; }
+
+.flag-size-lg {
+  width: 3.99999rem;
+  height: 3rem; }
+
+.flag-size-xl {
+  width: 5.33332rem;
+  height: 4rem; }
+/*# sourceMappingURL=tabler-flags.css.map */
--- a/tmp-dist/css/tabler-flags.css.map
+++ b/tmp-dist/css/tabler-flags.css.map
--- a/tmp-dist/css/tabler-payments.css
+++ b/tmp-dist/css/tabler-payments.css
@@ -0,0 +1,352 @@
+/*!
+ * Tabler Payments (v0.1.0)
+ * Copyright 2018-2019 The Tabler Authors
+ * Copyright 2018-2019 codecalm
+ * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
+ */
+.payment {
+  width: 2.5rem;
+  height: 1.5rem;
+  display: inline-block;
+  background: no-repeat center/100% 100%;
+  vertical-align: bottom;
+  font-style: normal;
+  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
+  border-radius: 2px; }
+
+.payment-2checkout-dark {
+  background-image: url("../../static/img/payments/2checkout-dark.svg"); }
+
+.payment-2checkout {
+  background-image: url("../../static/img/payments/2checkout.svg"); }
+
+.payment-alipay-dark {
+  background-image: url("../../static/img/payments/alipay-dark.svg"); }
+
+.payment-alipay {
+  background-image: url("../../static/img/payments/alipay.svg"); }
+
+.payment-amazon-dark {
+  background-image: url("../../static/img/payments/amazon-dark.svg"); }
+
+.payment-amazon {
+  background-image: url("../../static/img/payments/amazon.svg"); }
+
+.payment-americanexpress-dark {
+  background-image: url("../../static/img/payments/americanexpress-dark.svg"); }
+
+.payment-americanexpress {
+  background-image: url("../../static/img/payments/americanexpress.svg"); }
+
+.payment-applepay-dark {
+  background-image: url("../../static/img/payments/applepay-dark.svg"); }
+
+.payment-applepay {
+  background-image: url("../../static/img/payments/applepay.svg"); }
+
+.payment-bancontact-dark {
+  background-image: url("../../static/img/payments/bancontact-dark.svg"); }
+
+.payment-bancontact {
+  background-image: url("../../static/img/payments/bancontact.svg"); }
+
+.payment-bitcoin-dark {
+  background-image: url("../../static/img/payments/bitcoin-dark.svg"); }
+
+.payment-bitcoin {
+  background-image: url("../../static/img/payments/bitcoin.svg"); }
+
+.payment-bitpay-dark {
+  background-image: url("../../static/img/payments/bitpay-dark.svg"); }
+
+.payment-bitpay {
+  background-image: url("../../static/img/payments/bitpay.svg"); }
+
+.payment-cirrus-dark {
+  background-image: url("../../static/img/payments/cirrus-dark.svg"); }
+
+.payment-cirrus {
+  background-image: url("../../static/img/payments/cirrus.svg"); }
+
+.payment-clickandbuy-dark {
+  background-image: url("../../static/img/payments/clickandbuy-dark.svg"); }
+
+.payment-clickandbuy {
+  background-image: url("../../static/img/payments/clickandbuy.svg"); }
+
+.payment-coinkite-dark {
+  background-image: url("../../static/img/payments/coinkite-dark.svg"); }
+
+.payment-coinkite {
+  background-image: url("../../static/img/payments/coinkite.svg"); }
+
+.payment-dinersclub-dark {
+  background-image: url("../../static/img/payments/dinersclub-dark.svg"); }
+
+.payment-dinersclub {
+  background-image: url("../../static/img/payments/dinersclub.svg"); }
+
+.payment-directdebit-dark {
+  background-image: url("../../static/img/payments/directdebit-dark.svg"); }
+
+.payment-directdebit {
+  background-image: url("../../static/img/payments/directdebit.svg"); }
+
+.payment-discover-dark {
+  background-image: url("../../static/img/payments/discover-dark.svg"); }
+
+.payment-discover {
+  background-image: url("../../static/img/payments/discover.svg"); }
+
+.payment-dwolla-dark {
+  background-image: url("../../static/img/payments/dwolla-dark.svg"); }
+
+.payment-dwolla {
+  background-image: url("../../static/img/payments/dwolla.svg"); }
+
+.payment-ebay-dark {
+  background-image: url("../../static/img/payments/ebay-dark.svg"); }
+
+.payment-ebay {
+  background-image: url("../../static/img/payments/ebay.svg"); }
+
+.payment-eway-dark {
+  background-image: url("../../static/img/payments/eway-dark.svg"); }
+
+.payment-eway {
+  background-image: url("../../static/img/payments/eway.svg"); }
+
+.payment-giropay-dark {
+  background-image: url("../../static/img/payments/giropay-dark.svg"); }
+
+.payment-giropay {
+  background-image: url("../../static/img/payments/giropay.svg"); }
+
+.payment-googlewallet-dark {
+  background-image: url("../../static/img/payments/googlewallet-dark.svg"); }
+
+.payment-googlewallet {
+  background-image: url("../../static/img/payments/googlewallet.svg"); }
+
+.payment-ingenico-dark {
+  background-image: url("../../static/img/payments/ingenico-dark.svg"); }
+
+.payment-ingenico {
+  background-image: url("../../static/img/payments/ingenico.svg"); }
+
+.payment-jcb-dark {
+  background-image: url("../../static/img/payments/jcb-dark.svg"); }
+
+.payment-jcb {
+  background-image: url("../../static/img/payments/jcb.svg"); }
+
+.payment-klarna-dark {
+  background-image: url("../../static/img/payments/klarna-dark.svg"); }
+
+.payment-klarna {
+  background-image: url("../../static/img/payments/klarna.svg"); }
+
+.payment-laser-dark {
+  background-image: url("../../static/img/payments/laser-dark.svg"); }
+
+.payment-laser {
+  background-image: url("../../static/img/payments/laser.svg"); }
+
+.payment-maestro-dark {
+  background-image: url("../../static/img/payments/maestro-dark.svg"); }
+
+.payment-maestro {
+  background-image: url("../../static/img/payments/maestro.svg"); }
+
+.payment-mastercard-dark {
+  background-image: url("../../static/img/payments/mastercard-dark.svg"); }
+
+.payment-mastercard {
+  background-image: url("../../static/img/payments/mastercard.svg"); }
+
+.payment-monero-dark {
+  background-image: url("../../static/img/payments/monero-dark.svg"); }
+
+.payment-monero {
+  background-image: url("../../static/img/payments/monero.svg"); }
+
+.payment-neteller-dark {
+  background-image: url("../../static/img/payments/neteller-dark.svg"); }
+
+.payment-neteller {
+  background-image: url("../../static/img/payments/neteller.svg"); }
+
+.payment-ogone-dark {
+  background-image: url("../../static/img/payments/ogone-dark.svg"); }
+
+.payment-ogone {
+  background-image: url("../../static/img/payments/ogone.svg"); }
+
+.payment-okpay-dark {
+  background-image: url("../../static/img/payments/okpay-dark.svg"); }
+
+.payment-okpay {
+  background-image: url("../../static/img/payments/okpay.svg"); }
+
+.payment-paybox-dark {
+  background-image: url("../../static/img/payments/paybox-dark.svg"); }
+
+.payment-paybox {
+  background-image: url("../../static/img/payments/paybox.svg"); }
+
+.payment-paymill-dark {
+  background-image: url("../../static/img/payments/paymill-dark.svg"); }
+
+.payment-paymill {
+  background-image: url("../../static/img/payments/paymill.svg"); }
+
+.payment-payone-dark {
+  background-image: url("../../static/img/payments/payone-dark.svg"); }
+
+.payment-payone {
+  background-image: url("../../static/img/payments/payone.svg"); }
+
+.payment-payoneer-dark {
+  background-image: url("../../static/img/payments/payoneer-dark.svg"); }
+
+.payment-payoneer {
+  background-image: url("../../static/img/payments/payoneer.svg"); }
+
+.payment-paypal-dark {
+  background-image: url("../../static/img/payments/paypal-dark.svg"); }
+
+.payment-paypal {
+  background-image: url("../../static/img/payments/paypal.svg"); }
+
+.payment-paysafecard-dark {
+  background-image: url("../../static/img/payments/paysafecard-dark.svg"); }
+
+.payment-paysafecard {
+  background-image: url("../../static/img/payments/paysafecard.svg"); }
+
+.payment-payu-dark {
+  background-image: url("../../static/img/payments/payu-dark.svg"); }
+
+.payment-payu {
+  background-image: url("../../static/img/payments/payu.svg"); }
+
+.payment-payza-dark {
+  background-image: url("../../static/img/payments/payza-dark.svg"); }
+
+.payment-payza {
+  background-image: url("../../static/img/payments/payza.svg"); }
+
+.payment-ripple-dark {
+  background-image: url("../../static/img/payments/ripple-dark.svg"); }
+
+.payment-ripple {
+  background-image: url("../../static/img/payments/ripple.svg"); }
+
+.payment-sage-dark {
+  background-image: url("../../static/img/payments/sage-dark.svg"); }
+
+.payment-sage {
+  background-image: url("../../static/img/payments/sage.svg"); }
+
+.payment-sepa-dark {
+  background-image: url("../../static/img/payments/sepa-dark.svg"); }
+
+.payment-sepa {
+  background-image: url("../../static/img/payments/sepa.svg"); }
+
+.payment-shopify-dark {
+  background-image: url("../../static/img/payments/shopify-dark.svg"); }
+
+.payment-shopify {
+  background-image: url("../../static/img/payments/shopify.svg"); }
+
+.payment-skrill-dark {
+  background-image: url("../../static/img/payments/skrill-dark.svg"); }
+
+.payment-skrill {
+  background-image: url("../../static/img/payments/skrill.svg"); }
+
+.payment-solo-dark {
+  background-image: url("../../static/img/payments/solo-dark.svg"); }
+
+.payment-solo {
+  background-image: url("../../static/img/payments/solo.svg"); }
+
+.payment-square-dark {
+  background-image: url("../../static/img/payments/square-dark.svg"); }
+
+.payment-square {
+  background-image: url("../../static/img/payments/square.svg"); }
+
+.payment-stripe-dark {
+  background-image: url("../../static/img/payments/stripe-dark.svg"); }
+
+.payment-stripe {
+  background-image: url("../../static/img/payments/stripe.svg"); }
+
+.payment-switch-dark {
+  background-image: url("../../static/img/payments/switch-dark.svg"); }
+
+.payment-switch {
+  background-image: url("../../static/img/payments/switch.svg"); }
+
+.payment-ukash-dark {
+  background-image: url("../../static/img/payments/ukash-dark.svg"); }
+
+.payment-ukash {
+  background-image: url("../../static/img/payments/ukash.svg"); }
+
+.payment-unionpay-dark {
+  background-image: url("../../static/img/payments/unionpay-dark.svg"); }
+
+.payment-unionpay {
+  background-image: url("../../static/img/payments/unionpay.svg"); }
+
+.payment-verifone-dark {
+  background-image: url("../../static/img/payments/verifone-dark.svg"); }
+
+.payment-verifone {
+  background-image: url("../../static/img/payments/verifone.svg"); }
+
+.payment-verisign-dark {
+  background-image: url("../../static/img/payments/verisign-dark.svg"); }
+
+.payment-verisign {
+  background-image: url("../../static/img/payments/verisign.svg"); }
+
+.payment-visa-dark {
+  background-image: url("../../static/img/payments/visa-dark.svg"); }
+
+.payment-visa {
+  background-image: url("../../static/img/payments/visa.svg"); }
+
+.payment-webmoney-dark {
+  background-image: url("../../static/img/payments/webmoney-dark.svg"); }
+
+.payment-webmoney {
+  background-image: url("../../static/img/payments/webmoney.svg"); }
+
+.payment-westernunion-dark {
+  background-image: url("../../static/img/payments/westernunion-dark.svg"); }
+
+.payment-westernunion {
+  background-image: url("../../static/img/payments/westernunion.svg"); }
+
+.payment-worldpay-dark {
+  background-image: url("../../static/img/payments/worldpay-dark.svg"); }
+
+.payment-worldpay {
+  background-image: url("../../static/img/payments/worldpay.svg"); }
+
+.payment-size-md {
+  width: 3.33332rem;
+  height: 2rem; }
+
+.payment-size-lg {
+  width: 4.99998rem;
+  height: 3rem; }
+
+.payment-size-xl {
+  width: 6.66664rem;
+  height: 4rem; }
+/*# sourceMappingURL=tabler-payments.css.map */
--- a/tmp-dist/css/tabler-payments.css.map
+++ b/tmp-dist/css/tabler-payments.css.map
--- a/tmp-dist/css/tabler.css
+++ b/tmp-dist/css/tabler.css
--- a/tmp-dist/css/tabler.css.map
+++ b/tmp-dist/css/tabler.css.map
--- a/tmp-dist/js/tabler.js
+++ b/tmp-dist/js/tabler.js
@@ -0,0 +1,100 @@
+/*!
+  * Tabler vv1.0.0-alpha (https://tabler.io)
+  * Copyright 2018-2020 codecalm
+  * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
+  */
+'use strict';
+
+const tabler = {
+  hexToRgbA: function(hex, opacity) {
+    let c;
+
+    opacity = opacity || 1;
+
+    if (/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)) {
+      c = hex.substring(1).split('');
+      if (c.length === 3) {
+        c = [c[0], c[0], c[1], c[1], c[2], c[2]];
+      }
+      c = '0x' + c.join('');
+      return 'rgba(' + [(c >> 16) & 255, (c >> 8) & 255, c & 255].join(',') + ',' + opacity + ')';
+    }
+    throw new Error('Bad Hex');
+  },
+
+  toggleFullscreen: function(elem) {
+    elem = elem || document.documentElement;
+    if (
+      !document.fullscreenElement &&
+      !document.mozFullScreenElement &&
+      !document.webkitFullscreenElement &&
+      !document.msFullscreenElement
+    ) {
+      if (elem.requestFullscreen) {
+        elem.requestFullscreen();
+      } else if (elem.msRequestFullscreen) {
+        elem.msRequestFullscreen();
+      } else if (elem.mozRequestFullScreen) {
+        elem.mozRequestFullScreen();
+      } else if (elem.webkitRequestFullscreen) {
+        elem.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
+      }
+    } else {
+      if (document.exitFullscreen) {
+        document.exitFullscreen();
+      } else if (document.msExitFullscreen) {
+        document.msExitFullscreen();
+      } else if (document.mozCancelFullScreen) {
+        document.mozCancelFullScreen();
+      } else if (document.webkitExitFullscreen) {
+        document.webkitExitFullscreen();
+      }
+    }
+  },
+};
+
+$(document).ready(function() {
+  const $body = $('body');
+
+  $body.on('click', '[data-toggle="menubar"]', function(e) {
+    $body.toggleClass('aside-visible');
+
+    e.preventDefault();
+    return false;
+  });
+
+  // $('[data-toggle="tooltip"]').tooltip();
+  // $('[data-toggle="popover"]').popover();
+
+  /*
+  Imask plugin
+   */
+  if (window.IMask) {
+    (function() {
+      const $elem = $('[data-mask]');
+
+      if ($elem) {
+        $elem.each(function() {
+          IMask($(this).get(0), {
+            mask: $(this).attr('data-mask'),
+            lazy: $(this).attr('data-mask-visible') === 'true',
+          });
+        });
+      }
+    })();
+  }
+
+  /**
+   * Seelectize plugin
+   */
+  if (jQuery && jQuery().selectize) {
+    const $elem = $('[data-selectize]');
+
+    if ($elem) {
+      $elem.selectize();
+    }
+  }
+});
+
+window.tabler = tabler;
+//# sourceMappingURL=tabler.js.map
--- a/tmp-dist/js/tabler.js.map
+++ b/tmp-dist/js/tabler.js.map