@dejwcake/craftable 0.0.1

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@dejwcake/craftable",
+  "version": "0.0.1",
+  "description": "This is a frontend dependency for Craftable. Craftable is a Laravel-based open-source toolkit for building administration interfaces.",
+  "main": "./dist/index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "js": "babel src --presets babel-preset-es2015 --out-dir dist",
+    "build": "npm run js",
+    "prepublish": "npm run build"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/dejwCake/craftable-frontend.git"
+  },
+  "author": "Brackets",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/dejwCake/craftable-frontend/issues"
+  },
+  "homepage": "https://github.com/dejwCake/craftable-frontend#readme",
+  "dependencies": {
+    "@coreui/coreui": "^2.1.1",
+    "@coreui/icons": "^0.3.0",
+    "axios": "^0.21.0",
+    "bootstrap": "^4.1.3",
+    "font-awesome": "^4.7.0",
+    "jquery": "^3.5.1",
+    "moment": "^2.18.1",
+    "moment-timezone": "^0.5.26",
+    "perfect-scrollbar": "^1.4.0",
+    "popper.js": "^1.14.5",
+    "simple-line-icons": "^2.4.1",
+    "trumbowyg": "^2.10.0",
+    "v-tooltip": "^2.0.0-rc.33",
+    "vee-validate": "^2.0.0-rc.13",
+    "vue": "^2.3.4",
+    "vue-cookie": "^1.1.4",
+    "vue-flatpickr-component": "^2.4.1",
+    "vue-js-modal": "^1.2.8",
+    "vue-multiselect": "^2.0.2",
+    "vue-notification": "^1.3.2",
+    "vue-quill-editor": "^3.0.6",
+    "vue-template-compiler": "^2.5.21",
+    "vue-trumbowyg": "^3.3.0",
+    "vue2-dropzone": "^2.3.5"
+  },
+  "devDependencies": {
+    "autoprefixer": "^9.3.1",
+    "babel-cli": "^6.26.0",
+    "babel-preset-es2015": "^6.24.1",
+    "cpx": "^1.5.0",
+    "sass": "^1.49.9",
+    "sass-loader": "^8.0.2",
+    "postcss-cli": "^8.3.1",
+    "vue-loader": "^15.9.6",
+    "resolve-url-loader": "^3.1.0"
+  },
+  "files": [
+    "/dist",
+    "/img",
+    "/scss"
+  ]
+}

package/scss/_images.scss

@@ -0,0 +1,18 @@
+// Available loaders
+$audio: url('data:image/svg+xml;utf8,<svg width="55" height="80" viewBox="0 0 55 80" xmlns="http://www.w3.org/2000/svg" fill="#4273FA"><g transform="matrix(1 0 0 -1 0 80)"><rect width="10" height="20" rx="3"><animate attributeName="height" begin="0s" dur="4.3s" values="20;45;57;80;64;32;66;45;64;23;66;13;64;56;34;34;2;23;76;79;20" calcMode="linear" repeatCount="indefinite"/></rect><rect x="15" width="10" height="80" rx="3"><animate attributeName="height" begin="0s" dur="2s" values="80;55;33;5;75;23;73;33;12;14;60;80" calcMode="linear" repeatCount="indefinite"/></rect><rect x="30" width="10" height="50" rx="3"><animate attributeName="height" begin="0s" dur="1.4s" values="50;34;78;23;56;23;34;76;80;54;21;50" calcMode="linear" repeatCount="indefinite"/></rect><rect x="45" width="10" height="30" rx="3"><animate attributeName="height" begin="0s" dur="2s" values="30;45;13;80;56;72;45;76;34;23;67;30" calcMode="linear" repeatCount="indefinite"/></rect></g></svg>') !default;
+$ballTriangle: url('data:image/svg+xml;utf8,<svg width="57" height="57" viewBox="0 0 57 57" xmlns="http://www.w3.org/2000/svg" stroke="#4273FA"><g transform="translate(1 1)" stroke-width="2" fill="none" fill-rule="evenodd"><circle cx="5" cy="50" r="5"><animate attributeName="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcMode="linear" repeatCount="indefinite"/><animate attributeName="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcMode="linear" repeatCount="indefinite"/></circle><circle cx="27" cy="5" r="5"><animate attributeName="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcMode="linear" repeatCount="indefinite"/><animate attributeName="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcMode="linear" repeatCount="indefinite"/></circle><circle cx="49" cy="50" r="5"><animate attributeName="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcMode="linear" repeatCount="indefinite"/><animate attributeName="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcMode="linear" repeatCount="indefinite"/></circle></g></svg>') !default;
+$bars: url('data:image/svg+xml;utf8,<svg width="135" height="140" viewBox="0 0 135 140" xmlns="http://www.w3.org/2000/svg" fill="#4273FA"><rect y="10" width="15" height="120" rx="6"><animate attributeName="height" begin="0.5s" dur="1s" values="120;110;100;90;80;70;60;50;40;140;120" calcMode="linear" repeatCount="indefinite"/><animate attributeName="y" begin="0.5s" dur="1s" values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear" repeatCount="indefinite"/></rect><rect x="30" y="10" width="15" height="120" rx="6"><animate attributeName="height" begin="0.25s" dur="1s" values="120;110;100;90;80;70;60;50;40;140;120" calcMode="linear" repeatCount="indefinite"/><animate attributeName="y" begin="0.25s" dur="1s" values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear" repeatCount="indefinite"/></rect><rect x="60" width="15" height="140" rx="6"><animate attributeName="height" begin="0s" dur="1s" values="120;110;100;90;80;70;60;50;40;140;120" calcMode="linear" repeatCount="indefinite"/><animate attributeName="y" begin="0s" dur="1s" values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear" repeatCount="indefinite"/></rect><rect x="90" y="10" width="15" height="120" rx="6"><animate attributeName="height" begin="0.25s" dur="1s" values="120;110;100;90;80;70;60;50;40;140;120" calcMode="linear" repeatCount="indefinite"/><animate attributeName="y" begin="0.25s" dur="1s" values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear" repeatCount="indefinite"/></rect><rect x="120" y="10" width="15" height="120" rx="6"><animate attributeName="height" begin="0.5s" dur="1s" values="120;110;100;90;80;70;60;50;40;140;120" calcMode="linear" repeatCount="indefinite"/><animate attributeName="y" begin="0.5s" dur="1s" values="10;15;20;25;30;35;40;45;50;0;10" calcMode="linear" repeatCount="indefinite"/></rect></svg>') !default;
+$circles: url('data:image/svg+xml;utf8,<svg width="135" height="135" viewBox="0 0 135 135" xmlns="http://www.w3.org/2000/svg" fill="#4273FA"><path d="M67.447 58c5.523 0 10-4.477 10-10s-4.477-10-10-10-10 4.477-10 10 4.477 10 10 10zm9.448 9.447c0 5.523 4.477 10 10 10 5.522 0 10-4.477 10-10s-4.478-10-10-10c-5.523 0-10 4.477-10 10zm-9.448 9.448c-5.523 0-10 4.477-10 10 0 5.522 4.477 10 10 10s10-4.478 10-10c0-5.523-4.477-10-10-10zM58 67.447c0-5.523-4.477-10-10-10s-10 4.477-10 10 4.477 10 10 10 10-4.477 10-10z"><animateTransform attributeName="transform" type="rotate" from="0 67 67" to="-360 67 67" dur="2.5s" repeatCount="indefinite"/></path><path d="M28.19 40.31c6.627 0 12-5.374 12-12 0-6.628-5.373-12-12-12-6.628 0-12 5.372-12 12 0 6.626 5.372 12 12 12zm30.72-19.825c4.686 4.687 12.284 4.687 16.97 0 4.686-4.686 4.686-12.284 0-16.97-4.686-4.687-12.284-4.687-16.97 0-4.687 4.686-4.687 12.284 0 16.97zm35.74 7.705c0 6.627 5.37 12 12 12 6.626 0 12-5.373 12-12 0-6.628-5.374-12-12-12-6.63 0-12 5.372-12 12zm19.822 30.72c-4.686 4.686-4.686 12.284 0 16.97 4.687 4.686 12.285 4.686 16.97 0 4.687-4.686 4.687-12.284 0-16.97-4.685-4.687-12.283-4.687-16.97 0zm-7.704 35.74c-6.627 0-12 5.37-12 12 0 6.626 5.373 12 12 12s12-5.374 12-12c0-6.63-5.373-12-12-12zm-30.72 19.822c-4.686-4.686-12.284-4.686-16.97 0-4.686 4.687-4.686 12.285 0 16.97 4.686 4.687 12.284 4.687 16.97 0 4.687-4.685 4.687-12.283 0-16.97zm-35.74-7.704c0-6.627-5.372-12-12-12-6.626 0-12 5.373-12 12s5.374 12 12 12c6.628 0 12-5.373 12-12zm-19.823-30.72c4.687-4.686 4.687-12.284 0-16.97-4.686-4.686-12.284-4.686-16.97 0-4.687 4.686-4.687 12.284 0 16.97 4.686 4.687 12.284 4.687 16.97 0z"><animateTransform attributeName="transform" type="rotate" from="0 67 67" to="360 67 67" dur="8s" repeatCount="indefinite"/></path></svg>') !default;
+$grid: url('data:image/svg+xml;utf8,<svg width="105" height="105" viewBox="0 0 105 105" xmlns="http://www.w3.org/2000/svg" fill="#4273FA"><circle cx="12.5" cy="12.5" r="12.5"><animate attributeName="fill-opacity" begin="0s" dur="1s" values="1;.2;1" calcMode="linear" repeatCount="indefinite"/></circle><circle cx="12.5" cy="52.5" r="12.5" fill-opacity=".5"><animate attributeName="fill-opacity" begin="100ms" dur="1s" values="1;.2;1" calcMode="linear" repeatCount="indefinite"/></circle><circle cx="52.5" cy="12.5" r="12.5"><animate attributeName="fill-opacity" begin="300ms" dur="1s" values="1;.2;1" calcMode="linear" repeatCount="indefinite"/></circle><circle cx="52.5" cy="52.5" r="12.5"><animate attributeName="fill-opacity" begin="600ms" dur="1s" values="1;.2;1" calcMode="linear" repeatCount="indefinite"/></circle><circle cx="92.5" cy="12.5" r="12.5"><animate attributeName="fill-opacity" begin="800ms" dur="1s" values="1;.2;1" calcMode="linear" repeatCount="indefinite"/></circle><circle cx="92.5" cy="52.5" r="12.5"><animate attributeName="fill-opacity" begin="400ms" dur="1s" values="1;.2;1" calcMode="linear" repeatCount="indefinite"/></circle><circle cx="12.5" cy="92.5" r="12.5"><animate attributeName="fill-opacity" begin="700ms" dur="1s" values="1;.2;1" calcMode="linear" repeatCount="indefinite"/></circle><circle cx="52.5" cy="92.5" r="12.5"><animate attributeName="fill-opacity" begin="500ms" dur="1s" values="1;.2;1" calcMode="linear" repeatCount="indefinite"/></circle><circle cx="92.5" cy="92.5" r="12.5"><animate attributeName="fill-opacity" begin="200ms" dur="1s" values="1;.2;1" calcMode="linear" repeatCount="indefinite"/></circle></svg>') !default;
+$hearts: url('data:image/svg+xml;utf8,<svg width="140" height="64" viewBox="0 0 140 64" xmlns="http://www.w3.org/2000/svg" fill="#4273FA"><path d="M30.262 57.02L7.195 40.723c-5.84-3.976-7.56-12.06-3.842-18.063 3.715-6 11.467-7.65 17.306-3.68l4.52 3.76 2.6-5.274c3.716-6.002 11.47-7.65 17.304-3.68 5.84 3.97 7.56 12.054 3.842 18.062L34.49 56.118c-.897 1.512-2.793 1.915-4.228.9z" fill-opacity=".5"><animate attributeName="fill-opacity" begin="0s" dur="1.4s" values="0.5;1;0.5" calcMode="linear" repeatCount="indefinite"/></path><path d="M105.512 56.12l-14.44-24.272c-3.716-6.008-1.996-14.093 3.843-18.062 5.835-3.97 13.588-2.322 17.306 3.68l2.6 5.274 4.52-3.76c5.84-3.97 13.593-2.32 17.308 3.68 3.718 6.003 1.998 14.088-3.842 18.064L109.74 57.02c-1.434 1.014-3.33.61-4.228-.9z" fill-opacity=".5"><animate attributeName="fill-opacity" begin="0.7s" dur="1.4s" values="0.5;1;0.5" calcMode="linear" repeatCount="indefinite"/></path><path d="M67.408 57.834l-23.01-24.98c-5.864-6.15-5.864-16.108 0-22.248 5.86-6.14 15.37-6.14 21.234 0L70 16.168l4.368-5.562c5.863-6.14 15.375-6.14 21.235 0 5.863 6.14 5.863 16.098 0 22.247l-23.007 24.98c-1.43 1.556-3.757 1.556-5.188 0z"/></svg>') !default;
+$oval: url('data:image/svg+xml;utf8,<svg width="38" height="38" viewBox="0 0 38 38" xmlns="http://www.w3.org/2000/svg" stroke="#4273FA"><g transform="translate(1 1)" stroke-width="2" fill="none" fill-rule="evenodd"><circle stroke-opacity=".5" cx="18" cy="18" r="18"/><path d="M36 18c0-9.94-8.06-18-18-18"><animateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="1s" repeatCount="indefinite"/></path></g></svg>') !default;
+$puff: url('data:image/svg+xml;utf8,<svg width="44" height="44" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg" stroke="#4273FA"><g fill="none" fill-rule="evenodd" stroke-width="2"><circle cx="22" cy="22" r="1"><animate attributeName="r" begin="0s" dur="1.8s" values="1; 20" calcMode="spline" keyTimes="0; 1" keySplines="0.165, 0.84, 0.44, 1" repeatCount="indefinite"/><animate attributeName="stroke-opacity" begin="0s" dur="1.8s" values="1; 0" calcMode="spline" keyTimes="0; 1" keySplines="0.3, 0.61, 0.355, 1" repeatCount="indefinite"/></circle><circle cx="22" cy="22" r="1"><animate attributeName="r" begin="-0.9s" dur="1.8s" values="1; 20" calcMode="spline" keyTimes="0; 1" keySplines="0.165, 0.84, 0.44, 1" repeatCount="indefinite"/><animate attributeName="stroke-opacity" begin="-0.9s" dur="1.8s" values="1; 0" calcMode="spline" keyTimes="0; 1" keySplines="0.3, 0.61, 0.355, 1" repeatCount="indefinite"/></circle></g></svg>') !default;
+$rings: url('data:image/svg+xml;utf8,<svg width="45" height="45" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#4273FA"><g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2"><circle cx="22" cy="22" r="6" stroke="none"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"/><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"/><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"/></circle><circle cx="22" cy="22" r="6" stroke="none"><animate attributeName="r" begin="3s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"/><animate attributeName="stroke-opacity" begin="3s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"/><animate attributeName="stroke-width" begin="3s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"/></circle><circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"/></circle></g></svg>') !default;
+$threeDots: url('data:image/svg+xml;utf8,<svg width="120" height="30" viewBox="0 0 120 30" xmlns="http://www.w3.org/2000/svg" fill="#4273FA"><circle cx="15" cy="15" r="15"><animate attributeName="r" from="15" to="15" begin="0s" dur="0.8s" values="15;9;15" calcMode="linear" repeatCount="indefinite"/><animate attributeName="fill-opacity" from="1" to="1" begin="0s" dur="0.8s" values="1;.5;1" calcMode="linear" repeatCount="indefinite"/></circle><circle cx="60" cy="15" r="9" fill-opacity=".3"><animate attributeName="r" from="9" to="9" begin="0s" dur="0.8s" values="9;15;9" calcMode="linear" repeatCount="indefinite"/><animate attributeName="fill-opacity" from=".5" to=".5" begin="0s" dur="0.8s" values=".5;1;.5" calcMode="linear" repeatCount="indefinite"/></circle><circle cx="105" cy="15" r="15"><animate attributeName="r" from="15" to="15" begin="0s" dur="0.8s" values="15;9;15" calcMode="linear" repeatCount="indefinite"/><animate attributeName="fill-opacity" from="1" to="1" begin="0s" dur="0.8s" values="1;.5;1" calcMode="linear" repeatCount="indefinite"/></circle></svg>') !default;
+
+// Icons
+$icon-correct: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAMAAABxCz6aAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA/1BMVEUW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22gW22j///80PlZcAAAAU3RSTlMAEi0+KgZ71/WwR1LrtRN5/twkW9QPHvOblcXl/AOdAVWCOae7xGP6dsOvBK5p3wq4pfSNysAzgQ6RvwKGeoyJk/kdFe7Q0xtB2Jxgt/jhkhciFMrrSWEAAAABYktHRFTkA4ilAAAAB3RJTUUH5AITFjoRLt95bAAAAN9JREFUGNNdkelSwkAQhDtCBCHKJYiSGJBDlCMqqCiXAnIqKvP+7+JkycLG/jHT9VXtTE0v4Ek7CAR1qNIOQ8QKH0X2LGqQ1PGJx2Jx2iuRFCylMqLTNLPMGfmVZXiugosckZmEZSjs0s5zLeBKYUVLL3Ero8L1unrjstuaVXe7gQbXpu0wvdOte/HgAe4QaiHdfnTs7HZKE0+iP0Pr4MUb/YpuTpgq0JP7+sBg64Zvkr2PgPHk30UtkZH/9g9HJNIwFTadednNFxKZy84u5drq84vR+jvo+xDYP78b6f8ACXhWBwGugsYAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjAtMDItMjBUMDU6NTg6MTctMDc6MDCROErVAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIwLTAyLTIwVDA1OjU4OjE3LTA3OjAw4GXyaQAAAABJRU5ErkJggg==') !default;
+$icon-envelope: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAMAAABYzB2OAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAkFBMVEXH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/D////Ps5OFAAAALnRSTlM7y/lE6Eje8VPN2Tm2/Oc/usM21PJLo6FD6l2J/Xlf+P52blWHljRBsOBJ4uRKiL4jtQAAAAFiS0dELyPUIBEAAAAHdElNRQfkAhMWOhEu33lsAAAAbUlEQVQI12NgYNRDAUzMDCysbMgi7BycDHpc3JwIETZuHl4GPT0+fgGYiKCQsJ4eUEhPRFQMIiIuIakHEdJjkpIGkjKycvJ6MCE9BUUleRFlFYhaBqgpqmrqGnqoQkgAm5Amuggfg5Y2qoiOLgAMDiGzm6/OhgAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0wMi0yMFQwNTo1ODoxNy0wNzowMJE4StUAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMDItMjBUMDU6NTg6MTctMDc6MDDgZfJpAAAAAElFTkSuQmCC') !default;
+$icon-error-triangle: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAPCAMAAAAxmgQeAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAgVBMVEX/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH///9KGehDAAAAKXRSTlMAcPEr+fgDyXT9xXMl9q8Bw6XCayHzILljBhrv/O6y7YVas1nj/svorCRsKSIAAAABYktHRCpTvtSeAAAAB3RJTUUH5AITFjoRLt95bAAAAINJREFUGNNdy+0WgUAUheGdKNGHJimhiKF9/zdIzZkh+89517PWAWTewsPf/CVX/pyCkGQYzGzNaBNx+0txwhQpk/hL2Y7MkZMqc1ZQjIWlfemsPMhnRWeszHc9NtVRTbceqTlNzbM5l+Zjrenu2plogZsp9uil7nhI6aeWemGwaaeHN4ExFxoRNvc5AAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIwLTAyLTIwVDA1OjU4OjE3LTA3OjAwkThK1QAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMC0wMi0yMFQwNTo1ODoxNy0wNzowMOBl8mkAAAAASUVORK5CYII=') !default;
+$icon-error: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAMAAABxCz6aAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABC1BMVEX/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH/PmH///+e6AaHAAAAV3RSTlMAEi0+KgZ71/WwR1LrtRN5/twkW9QPHvOblciM/IX6A1FY2RbOgjnaG1ccbMRjB2JpHfn0Ve3fM/I1RtMavwLloMV6mBXujdAKQdicDgRgt/jhkgEXIhTroahTAAAAAWJLR0RY7bXEjgAAAAd0SU1FB+QCExY6ErfWKNYAAADqSURBVBjTXZF7WwFBFMZfVmwIqVBGQliSXLqIhFy7uFQy3/+bNHN2ll3vH+e85/fMOfPMGUDJ5dY8B7DL5fVxIf3Qv2OBILd0FFIsHOE7HUeJndgZ56dngsXi3KmEgOfSXCSZiL7UpYgsijRdcoUM49kcrmWRR4FaigZKxTJuqKjg1hyUNVDFnXllEDU1vgLUG6Zt4t40D26kUWLkH/FEufWMdudF0S5eezL3oely7kAWb0CSTg5bsi8hTzbqwGi896IJ7cj59umMNlJjNtYx1O7ePyzEPr+2W54vliuBvn88jg/B7/pvY/l/h4BU9R0ZGd0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMjAtMDItMjBUMDU6NTg6MTgtMDc6MDBncDo8AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIwLTAyLTIwVDA1OjU4OjE4LTA3OjAwFi2CgAAAAABJRU5ErkJggg==') !default;
+$icon-lock: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAARCAMAAADaFm2tAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAaVBMVEXH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/DH0/D///+DRpGzAAAAIXRSTlMAIKfwph/n9fnorqQJCw366/wOK7ItpVzu713Ws0JLV/QsgbohAAAAAWJLR0QiXWVcrAAAAAd0SU1FB+QCExY6ErfWKNYAAABvSURBVAjXVc1ZDoAgDEXRKuKM4ow4vv1vUlGicD9oTkJaorsgZCwKyMZjJCkybpmjKEWB/FVVS0EkZNM+7NCb0aN7OGA0Y8Rwv5PC16xphhMjeL1cOF8crmbxT2yb+xn77vE4PJ6npXLvKNLyl9QXBpMVRBNLZCUAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjAtMDItMjBUMDU6NTg6MTgtMDc6MDBncDo8AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIwLTAyLTIwVDA1OjU4OjE4LTA3OjAwFi2CgAAAAABJRU5ErkJggg==') !default;

package/scss/_variables.scss

@@ -0,0 +1,17 @@
+// Loaders and icons
+@import "images";
+
+// Colors
+$primary: #4273FA !default;
+$danger: #FE3F61 !default;
+$success: #60CF7D !default;
+$warning: #F5BE30 !default;
+$mutedText: #b9c8de !default;
+
+$sidebar-bg: #485779 !default;
+$sidebar-nav-link-active-bg: $primary !default;
+$sidebar-nav-link-active-icon-color: white !default;
+$pagination-hover-bg: #f3f8ff !default;
+
+// Active loader
+$loader: $threeDots !default;

package/scss/app.scss

@@ -0,0 +1,9 @@
+// Variables
+@import "variables";
+
+// Vendor
+@import "vendor/index";
+
+// Own styles and overrides
+@import "overrides/index";
+@import "styles/index";

package/scss/overrides/_alerts.scss

@@ -0,0 +1,19 @@
+.alert-success {
+    color: $success;
+}
+
+.alert-danger {
+    color: $danger;
+}
+
+.alert-warning {
+    color: $warning;
+}
+
+.alert-info {
+    color: $primary;
+}
+
+.alert ul {
+    margin-bottom: 0;
+}

package/scss/overrides/_badges.scss

@@ -0,0 +1,15 @@
+.badge-info {
+  background-color: $primary;
+}
+
+.badge-success {
+  background-color: $success;
+}
+
+.badge-danger {
+  background-color: $danger;
+}
+
+.badge-warning {
+  background-color: $warning;
+}

package/scss/overrides/_buttons.scss

@@ -0,0 +1,62 @@
+.btn {
+    cursor: pointer;
+    &-primary,
+    &-info {
+        background-color: $primary;
+        border-color: $primary;
+        &:hover {
+            background-color: darken($primary, 10);
+            border-color: darken($primary, 10);
+        }
+    }
+    &-danger {
+        background-color: $danger;
+        border-color: $danger;
+        &:hover {
+            background-color: darken($danger, 10);
+            border-color: darken($danger, 10);
+        }
+    }
+    &-success {
+        background-color: $success;
+        border-color: $success;
+        &:hover {
+            background-color: darken($success, 10);
+            border-color: darken($success, 10);
+        }
+    }
+    &-secondary {
+        color: #263238;
+        background-color: #fff;
+        border-color: #ccc;
+        &:hover,
+        &:active,
+        &:focus {
+            color: #263238 !important;
+            background-color: #fff !important;
+            border-color: #ccc !important;
+        }
+    }
+    &-dialog {
+        display: flex;
+        height: 100%;
+        justify-content: center;
+        align-items: center;
+    }
+    &:hover,
+    &:active,
+    &:focus,
+    &:visited {
+        color: white;
+        box-shadow: none;
+    }
+    &:hover {
+        .fa-trash-o {
+            animation: swing 1s;
+            transform-origin: top center;
+        }
+    }
+    i.fa {
+        color: white;
+    }
+}

package/scss/overrides/_cards.scss

@@ -0,0 +1,72 @@
+.card {
+    border: 1px solid #d6dee3;
+}
+
+.card-header {
+    background-color: white;
+    border-bottom: 1px solid rgba(207, 216, 220, 0.35);
+    color: $primary;
+    font-weight: 600;
+    padding: 1.25rem;
+}
+
+.card-footer {
+    background: white;
+    border: none;
+    padding: 1.25rem;
+    padding-top: 3rem;
+}
+
+.card small {
+    color: $mutedText;
+    a {
+        color: $primary
+    }
+}
+
+.card-block {
+    padding-bottom: 0;
+    .card-header {
+        border-bottom: 0;
+    }
+}
+
+.loading .card-block {
+    position: relative;
+    pointer-events: none;
+}
+
+.loading .card-block:before {
+    content: $loader;
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background-color: rgba(255, 255, 255, 0.75);
+    z-index: 3;
+}
+
+.form-edit,
+.form-create {
+    .card-block:before {
+        display: none !important;
+    }
+}
+
+@media (max-width: 767px) {
+    .card-block .card-header {
+        padding-left: 0;
+    }
+}
+
+@media (max-width: 450px) {
+    .card-header>.btn.pull-right {
+        display: block;
+        float: none;
+        margin-top: 15px;
+    }
+}

package/scss/overrides/_checkboxes.scss

@@ -0,0 +1,84 @@
+/* Base for label styling */
+[type="checkbox"]:not(:checked),
+[type="checkbox"]:checked {
+  position: absolute;
+  left: -9999px;
+}
+
+[type="checkbox"]:not(:checked)+label,
+[type="checkbox"]:checked+label {
+  position: relative;
+  padding-left: 1.95em;
+  cursor: pointer;
+}
+
+/* checkbox aspect */
+[type="checkbox"]:not(:checked)+label:before,
+[type="checkbox"]:checked+label:before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 20px;
+  height: 20px;
+  border: 1px solid #C3CEDE;
+  background: white;
+  border-radius: 4px;
+  box-shadow: none;
+}
+
+
+/* checked mark aspect */
+[type="checkbox"]:not(:checked)+label:after,
+[type="checkbox"]:checked+label:after {
+  content: '';
+  position: absolute;
+  width: 10px;
+  height: 10px;
+  background-color: #4273FA;
+  top: 5px;
+  left: 5px;
+  border-radius: 3px;
+  color: #4273FA;
+  transition: all .2s;
+}
+
+
+/* checked mark aspect changes */
+[type="checkbox"]:not(:checked)+label:after {
+  opacity: 0;
+  transform: scale(0);
+}
+
+[type="checkbox"]:checked+label:after {
+  opacity: 1;
+  transform: scale(1);
+}
+
+
+/* disabled checkbox */
+[type="checkbox"]:disabled:not(:checked)+label:before,
+[type="checkbox"]:disabled:checked+label:before {
+  box-shadow: none;
+  border-color: #bbb;
+  background-color: #ddd;
+}
+
+[type="checkbox"]:disabled:checked+label:after {
+  color: #999;
+}
+
+[type="checkbox"]:disabled+label {
+  color: #aaa;
+}
+
+/* accessibility */
+[type="checkbox"]:checked:focus+label:before,
+[type="checkbox"]:not(:checked):focus+label:before {
+  //border: 1px solid $primary;
+}
+
+/* hover style just for information */
+label:hover:before {
+  border: 1px solid $primary!important;
+}

package/scss/overrides/_forms.scss

@@ -0,0 +1,231 @@
+.form-control.flatpickr {
+  background-color: white;
+}
+
+.form-control {
+  border: 1px solid $mutedText;
+  border-radius: 0;
+  padding-right: 2.2rem !important;
+  background-repeat: no-repeat;
+  background-position: center right 0.52344rem;
+  background-size: 1.04688rem 1.04688rem;
+  &:focus {
+    border: 1px solid $mutedText;
+  }
+}
+
+.has-success .form-control {
+  background-image: $icon-correct;
+}
+
+.has-danger .form-control {
+  background-image: $icon-error;
+  border-color: $danger;
+}
+
+.has-danger .form-control-feedback {
+  color: $danger;
+  font-weight: 500;
+}
+
+label {
+  color: $mutedText;
+}
+
+.form-check-label {
+  color: #3e515b;
+}
+
+.input-group--custom {
+  .input-group-addon {
+    background-color: white;
+    border-bottom-left-radius: 0;
+    border-top-left-radius: 0;
+    i.fa {
+      color: #c7c7c7;
+    }
+  }
+  .form-control {
+    border-left: none;
+    padding-left: 0;
+  }
+}
+
+.has-danger .input-group--custom {
+  .input-group-addon {
+    border-color: $danger;
+  }
+}
+
+.input-icon {
+  display: inline-block;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+  width: 15px;
+  height: 25px;
+}
+
+.input-icon--mail {
+  width: 20px;
+  background-image: $icon-envelope;
+}
+
+.input-icon--lock {
+  margin: 0 3px;
+  background-image: $icon-lock;
+}
+
+.form-control::placeholder {
+  color: $mutedText;
+}
+
+.form-check-label {
+  margin-bottom: 0.5rem;
+}
+
+.flatpickr-day.selected,
+.flatpickr-day.startRange,
+.flatpickr-day.endRange,
+.flatpickr-day.selected.inRange,
+.flatpickr-day.startRange.inRange,
+.flatpickr-day.endRange.inRange,
+.flatpickr-day.selected:focus,
+.flatpickr-day.startRange:focus,
+.flatpickr-day.endRange:focus,
+.flatpickr-day.selected:hover,
+.flatpickr-day.startRange:hover,
+.flatpickr-day.endRange:hover,
+.flatpickr-day.selected.prevMonthDay,
+.flatpickr-day.startRange.prevMonthDay,
+.flatpickr-day.endRange.prevMonthDay,
+.flatpickr-day.selected.nextMonthDay,
+.flatpickr-day.startRange.nextMonthDay,
+.flatpickr-day.endRange.nextMonthDay {
+  background: $primary !important;
+  border-color: $primary !important;
+}
+
+small select {
+  margin: 0 10px;
+}
+
+.vue-dropzone.dropzone {
+  border: 1px solid $mutedText !important;
+  &:hover, &.dz-drag-hover {
+    border: 1px dashed $primary !important;
+  }
+
+  i {
+    color: #c7c7c7 !important;
+    font-size: 40px !important;
+    margin-bottom: 10px;
+  }
+
+  .dz-message {
+    color: $mutedText !important;
+  }
+
+  //fixes https://github.com/rowanwins/vue-dropzone/issues/127
+  .dz-error-message {
+    top: calc(100% + 10px) !important;
+    left: calc(50% - 70px) !important;
+  }
+
+  .dz-preview {
+    .dz-image {
+      width: 200px !important;
+      height: 200px !important;
+
+      img {
+        width: 100%;
+        height: 100%;
+        -webkit-object-fit: cover;
+        object-fit: cover;
+      }
+
+      i {
+        width: 100%;
+        height: 100%;
+        line-height: 200px;
+        font-size: 70px !important;
+        text-align: center;
+        margin-bottom: 10px;
+
+        &+p {
+          position: absolute;
+          bottom: 0px;
+          width: 100%;
+          text-align: center;
+          height: 20px;
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+          font-size: 12px;
+          line-height: 1.2;
+          padding: 0 15px;
+        }
+      }
+    }
+
+    .dz-details {
+      .dz-filename {
+        a {
+          cursor: pointer;
+          color:white;
+        }
+      }
+    }
+
+    //fixes https://github.com/rowanwins/vue-dropzone/issues/127
+    .dz-error-mark {
+      text-align: center;
+      top: 25%!important;
+    }
+  }
+}
+
+.language-mobile {
+  select {
+    margin-left: 0;
+    margin-top: 5px;
+    margin-bottom: 25px;
+  }
+  span, a {
+    display: none;
+  }
+  &.has-error {
+    small {
+      color: $danger;
+    }
+  }
+}
+
+@media (max-width: 700px) {
+  select,
+  textarea,
+  input,
+  .ql-editor,
+  .input-group button {
+    font-size: 16px !important;
+  }
+}
+
+
+@media (min-width: 576px) {
+  .control-label {
+    margin-top: 7px;
+  }
+  .language-mobile {
+    select {
+      margin: 0;
+      margin-left: 10px;
+    }
+  }
+}
+
+@media (max-width: 500px) {
+  .input-group-btn--search-filter {
+    display: none;
+  }
+}

package/scss/overrides/_index.scss

@@ -0,0 +1,19 @@
+// All styles we are overriding (mostly CoreUI)
+@import "keyframes";
+@import "buttons";
+@import "checkboxes";
+@import "forms";
+@import "multiselect";
+@import "switches";
+@import "wysiwyg";
+@import "cards";
+@import "nav";
+@import "tables";
+@import "modal";
+@import "pagination";
+@import "badges";
+@import "layout";
+@import "text";
+@import "alerts";
+@import "notifications";
+@import "media-wysiwyg";

package/scss/overrides/_keyframes.scss

@@ -0,0 +1,23 @@
+@keyframes spin {
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+@keyframes swing {
+    20% {
+        transform: rotate3d(0, 0, 1, 15deg);
+    }
+    40% {
+        transform: rotate3d(0, 0, 1, -10deg);
+    }
+    60% {
+        transform: rotate3d(0, 0, 1, 5deg);
+    }
+    80% {
+        transform: rotate3d(0, 0, 1, -5deg);
+    }
+    to {
+        transform: rotate3d(0, 0, 1, 0deg);
+    }
+}