isite 2021.11.17 → 2021.11.23

package/apps/client-side/app.js

@@ -19,10 +19,30 @@ module.exports = function (site) {
         name: '/x-js',
         path: __dirname + '/site_files/js',
         public: true,
+        parser : 'js',
     });
     site.get({
         name: ['/x-js/all.js'],
         public: true,
+        parser : 'js',
+        path: [
+            __dirname + '/site_files/js/first.js',
+            __dirname + '/site_files/js/jquery.js',
+            __dirname + '/site_files/js/mustache.js',
+            __dirname + '/site_files/js/site.js',
+            __dirname + '/site_files/js/dom-to-image.js',
+            __dirname + '/site_files/js/barcode.js',
+            __dirname + '/site_files/js/qrcode.js',
+            __dirname + '/site_files/js/angular.js',
+            __dirname + '/site_files/js/app.js',
+            __dirname + '/site_files/js/directive.js',
+            __dirname + '/site_files/js/last.js',
+        ],
+    });
+    site.get({
+        name: ['/x-js/all.min.js'],
+        public: true,
+        parser : 'js',
         path: [
             __dirname + '/site_files/js/first.js',
             __dirname + '/site_files/js/jquery.js',
@@ -58,7 +78,11 @@ module.exports = function (site) {
         path: __dirname + '/site_files/fonts',
         public: true,
     });
-
+    site.get({
+        name: '/webfonts',
+        path: __dirname + '/site_files/webfonts',
+        public: true,
+    });
     site.get({
         name: ['/x-css/all.css', '/x-css/site.css'],
         parser: 'css2',
@@ -75,6 +99,8 @@ module.exports = function (site) {
             __dirname + '/site_files/css/navbar.css',
             __dirname + '/site_files/css/form.css',
             __dirname + '/site_files/css/selector.css',
+            __dirname + '/site_files/css/dropdown.css',
+            __dirname + '/site_files/css/btn.css',
             __dirname + '/site_files/css/checkbox.css',
             __dirname + '/site_files/css/radio.css',
             __dirname + '/site_files/css/modal.css',

package/apps/client-side/site_files/css/btn.css

@@ -0,0 +1,98 @@
+.btn {
+    user-select: var(--btn-user-select);
+    
+    text-decoration: var(--btn-text-decoration);
+    text-align: var(--btn-text-align);
+    vertical-align: var(--btn-vertical-align);
+    margin: var(--btn-margin);
+    padding: var(--btn-padding);
+    font-size: var(--btn-font-size);
+
+    color: var(--btn-color);
+    border: var(--btn-border);
+    border-radius: var(--btn-border-radius);
+    background: var(--btn-background);
+
+    box-shadow: var(--btn-box-shadow);
+    -moz-box-shadow: var(--btn-box-shadow);
+    -webkit-box-shadow: var(--btn-box-shadow);
+
+    display: var(--btn-display);
+    cursor: var(--btn-cursor);
+    min-width: var(--btn-min-width);
+    min-height: var(--btn-min-height);
+    font-weight: var(--btn-font-weight);
+}
+
+.btn.default {
+    min-width: 0px;
+    min-height: 0px;
+    padding: 7px;
+    margin: 5px;
+    font-size: 12px;
+    box-shadow: none;
+}
+
+.btn.add,
+.btn.new {
+    color: var(--btn-add-color);
+    background-color: var(--btn-add-background-color);
+}
+
+.btn.update,
+.btn.edit {
+    color: var(--btn-update-color);
+    background-color: var(--btn-update-background-color);
+}
+
+.btn.save {
+    color: var(--btn-save-color);
+    background-color: var(--btn-save-background-color);
+}
+
+.btn.delete,
+.btn.remove {
+    color: var(--btn-delete-color);
+    background-color: var(--btn-delete-background-color);
+}
+
+.btn.view,
+.btn.details {
+    color: var(--btn-view-color);
+    background-color: var(--btn-view-background-color);
+}
+
+.btn.exit,
+.btn.close {
+    color: var(--btn-exit-color);
+    background-color: var(--btn-exit-background-color);
+}
+
+.btn.search {
+    color: var(--btn-search-color);
+    background-color: var(--btn-search-background-color);
+}
+
+.btn.print {
+    color: var(--btn-print-color);
+    background-color: var(--btn-print-background-color);
+}
+
+.btn.export {
+    color: var(--btn-export-color);
+    background-color: var(--btn-export-background-color);
+}
+
+.btn.sgin {
+    color: var(--btn-sgin-color);
+    background-color: var(--btn-sgin-background-color);
+}
+
+.btn:active {
+    position: relative;
+    top: 1px;
+}
+
+.btn:hover {
+    transform: scale(1.1);
+}

package/apps/client-side/site_files/css/checkbox.css

@@ -97,23 +97,28 @@ i-checkbox .selector {
     margin: 5px;
     min-width: 25px;
     min-height: 25px;
-    border-radius: 5px;
+    border-radius: 0px;
+    border: none;
+    color: #fff;
+    background: red;
 }
 
 i-checkbox .selector.selected .fa{
-    color: #FFEB3B;
+    color: #ffffff;
 }
 i-checkbox .selector.un-selected .fa{
     color: #fff;
 }
 
+
 i-checkbox .selector.selected {
-    background: green;
-    color: #fff;
+    background: #ffffff;
+    color: #ffffff;
+    border: 4px solid #000000;
+    background: #118011;
 }
-
 i-checkbox .selector.un-selected {
-    background: #414240;
-    border: 1px solid #000;
+    background: #aaa;
     color: #fff;
+    border: 5px solid #bbb;
 }

package/apps/client-side/site_files/css/dropdown.css

@@ -0,0 +1,61 @@
+/* The container <div> - needed to position the dropdown content */
+.dropdown {
+    position: relative;
+    display: inline-block;
+}
+
+/* Dropdown Content (Hidden by Default) */
+.dropdown-content {
+    display: none;
+    position: absolute;
+    top: 40px;
+    background-color: #ffffff;
+    width: 100%;
+    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
+    z-index: 1;
+    max-height: 50vh;
+    padding: 0px;
+    scroll-behavior: auto;
+    overflow: auto;
+    border: 1px solid var(--theme-color);
+}
+
+/* Links inside the dropdown */
+.dropdown-content p {
+    color: black;
+    background-color: #ffffff;
+    padding: 12px 16px;
+    text-decoration: none;
+    display: block;
+}
+
+/* Change color of dropdown links on hover */
+.dropdown-content .dropdown-item:hover {
+    background-color: var(--theme-color);
+    color: #fff;
+}
+.dropdown-content .dropdown-item:hover p , .dropdown-content .dropdown-item:hover small{
+    color: #fff;
+}
+/* Show the dropdown menu on hover */
+.dropdown:hover .dropdown-content {
+    display: block;
+}
+
+.dropdown-text:hover > .dropdown-content {
+    display: block;
+}
+
+.dropdown-item {
+    cursor: pointer;
+    background: var(--dropdown-background);
+}
+.dropdown-item p{
+    color: var(--dropdown-color);
+    font-size: var(--dropdown-font-size);
+    background: transparent;
+}
+.dropdown-item small{
+    color: var(--dropdown-color2);
+    font-size: var(--dropdown-font-size2);
+}