isite 2022.9.23 → 2023.1.1

package/apps/client-side/app.js

@@ -41,33 +41,14 @@ module.exports = function (site) {
       __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-core.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',
-      __dirname + '/site_files/js/mustache.js',
-      __dirname + '/site_files/js/base64.js',
-      __dirname + '/site_files/js/site.min.js',
-      __dirname + '/site_files/js/dom-to-image.min.js',
-      __dirname + '/site_files/js/barcode.js',
-      __dirname + '/site_files/js/qrcode.min.js',
       __dirname + '/site_files/js/angular.min.js',
       __dirname + '/site_files/js/app.js',
       __dirname + '/site_files/js/directive-core.js',
-      __dirname + '/site_files/js/directive.min.js',
+      __dirname + '/site_files/js/directive.js',
       __dirname + '/site_files/js/last.js',
     ],
   });
+
   site.get({
     name: ['/x-js/bootstrap-5-support.js'],
     public: true,
@@ -81,7 +62,7 @@ module.exports = function (site) {
       __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/angular.min.js',
       __dirname + '/site_files/js/app.js',
       __dirname + '/site_files/js/directive-core.js',
       __dirname + '/site_files/js/bootstrap-5-directive.js',

package/apps/client-side/site_files/css/bootstrap5-addon.css

@@ -83,6 +83,8 @@ i-checkbox {
 }
 i-checkbox label{
   cursor: pointer;
+  max-width: 100%;
+  white-space: pre-line;
 }
 i-checkbox,
 i-radio {

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

@@ -70,10 +70,10 @@
     float: none !important;
   }
 
-  .is-invalid{
+  .is-invalid {
     border: 1px solid red !important;
   }
-  .is-valid{
+  .is-valid {
     border: 1px solid green !important;
   }
   .text-center {
@@ -99,7 +99,15 @@
   .italic {
     font-style: italic;
   }
-
+  .flex-center {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .center {
+    margin: 0 auto;
+    text-align: center;
+  }
   .center,
   .center p,
   .center span,
@@ -107,7 +115,6 @@
   .center b,
   .center i,
   .center img {
-    margin: 0 auto !important;
     text-align: center !important;
   }
 
@@ -200,20 +207,20 @@
     font-size: xx-large !important;
   }
 
-  .rtl {
+  .rtl,  .rtl input{
     direction: rtl;
   }
-
-  .ltr {
+ 
+  .ltr , .ltr input{
     direction: ltr;
   }
-
-  .height-auto{
+ 
+  .height-auto {
     height: auto !important;
-  };
-  .width-auto{
+  }
+  .width-auto {
     height: auto !important;
-  };
+  }
   .error {
     text-align: center;
     color: red;

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

@@ -10,26 +10,23 @@
 }
 
 i-image {
-  display: inline-block;
-  width: auto !important;
-  height: auto !important;
+  display: block;
+  width: 90% !important;
+  height: 90% !important;
   border: var(--i-image-border);
 }
 i-image img {
   width: 256px;
   height: 256px;
-  object-fit: cover;
-  background-image: url('/images/no.png');
+  object-fit: fill;
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
-
 }
 
 i-image.full img {
   width: 100% !important;
   height: auto !important;
-
   padding: 5px;
 }
 
@@ -50,11 +47,18 @@ i-image.img128 img {
   width: 64px;
   height: 64px;
 }
+i-image.img256 {
+  width: 256px !important;
+  height: 256px !important;
+  min-width: 256px !important;
+  min-height: 256px !important;
+  padding: 3px !important;
+}
 i-image.img256 img {
-  width: 256px;
-  height: 256px;
-  min-width: 256px;
-  min-height: 256px;
+  width: 250px !important;
+  height: 250px !important;
+  min-width: 250px !important;
+  min-height: 250px !important;
 }
 
 i-image.hover img:hover {
@@ -64,7 +68,7 @@ i-image.hover img:hover {
 i-image[view] {
   border: var(--i-image-view-border);
 }
-i-image[view] img{
+i-image[view] img {
   background-image: none;
   background-color: transparent;
 }

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

@@ -13,6 +13,7 @@
 html {
   background-color: var(--body-background);
   scroll-behavior: smooth;
+  scroll-padding-top: 70px;
 }
 
 body {
@@ -39,7 +40,15 @@ h5 {
   font-weight: var(--h-font-weight);
   line-height: var(--line-height);
 }
-
+h1 {
+  font-size: clamp(18px, 2vw, 3vw);
+}
+h2 {
+  font-size: clamp(16px, 1.5vw, 2.5vw);
+}
+h3 {
+  font-size: clamp(14px, 1vw, 2vw);
+}
 .loaded {
   visibility: collapse;
 }
@@ -211,10 +220,12 @@ h5 {
   width: calc(11.9 / 12 * 100%) !important;
 }
 
-
 /* Mobile */
 @media screen and (max-width: 480px) {
-  div , .row , fieldset ,.container{
+  div,
+  .row,
+  fieldset,
+  .container {
     max-width: 100vw !important;
     margin: 0 !important;
   }
@@ -232,13 +243,12 @@ h5 {
     max-width: 100vw;
   }
   .mobile {
-      display: block !important;
+    display: block !important;
   }
 
   .desktop {
-      display: none !important;
+    display: none !important;
   }
-
 }
 
 /* Small devices (landscape phones, 576px and down) */
@@ -261,7 +271,6 @@ h5 {
   }
 }
 
-
 /* Medium devices (tablets, 768px and down) */
 @media (max-width: 768px) {
   .col1,
@@ -288,10 +297,8 @@ h5 {
 
 /* X-Large devices (large desktops, 1200px and down) */
 @media (max-width: 1200px) {
- 
 }
 
 /* XX-Large devices (larger desktops, 1400px and down) */
 @media (max-width: 1400px) {
- 
 }

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

@@ -137,7 +137,7 @@
 }
 
 .modal-header .close {
-  color: var(--modal-color);
+  color: var(--modal-background-color);
   float: right;
   font-size: 26px;
   margin-top: -10px;

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

@@ -23,7 +23,7 @@
 .table td {
   border: var(--table-border);
   padding: 5px;
-  vertical-align: top;
+  vertical-align: middle;
   min-width: 100px;
   word-break: break-all;
 }