isite 2024.8.15 → 2024.8.17

package/README.md

@@ -959,7 +959,7 @@ site.on('mongodb after delete many' , (result)=>{
           site.mongodb.deleteOne({
             dbName: 'company',
             collectionName: 'employess',
-            where:{_id: new site.mongodb.ObjectID('df54fdt8h3n48ykd136vg')}
+            where:{_id: new site.mongodb.ObjectId('df54fdt8h3n48ykd136vg')}
         }, function (err, result) {
             if (err) {
                 site.log(err.message)

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

@@ -41,10 +41,14 @@ body {
   float: right;
   margin-right: -1.5em;
 }
+a {
+  word-wrap: break-word;
+}
 .form-label {
-  margin-bottom: 0.5rem;
-  margin-left: 5px;
-  border-bottom: 1px solid #00000061;
+  margin-bottom: 5px;
+  margin-left: 7px;
+  margin-right: 7px;
+  border-bottom: 1px solid var(--label-color);
 }
 label {
   float: left;
@@ -62,11 +66,12 @@ fieldset {
   margin: var(--fieldset-margin);
   background: var(--fieldset-background);
   border: var(--fieldset-border);
-  border-radius: 10px;
+  border-radius: var(--fieldset-border-radius);
   max-width: 98% !important;
 }
 
 fieldset legend {
+  display: contents;
   color: var(--legend-color);
   font-size: var(--legend-font-size);
   text-shadow: var(--legend-text-shadow);
@@ -81,13 +86,13 @@ fieldset legend {
 .AR fieldset legend {
   float: right;
 }
-legend::after {
-  content: ' : ';
-}
 .border {
   border: 1px solid #ced4da !important;
   border-radius: 0.375rem;
 }
+i-control {
+  display: block;
+}
 i-textarea {
   margin: 0px;
 }
@@ -118,6 +123,9 @@ i-button button {
   padding: 7px 9px !important;
   max-height: 40px;
 }
+table i-button button {
+  margin-top: 0px !important;
+}
 i-button.default button {
   margin: 3px;
   padding: 3px;
@@ -195,19 +203,19 @@ i-datetime input {
 .dropdown-content {
   display: none;
   position: absolute;
-  top: 30px !important;
+  top: 75px !important;
   background-color: #ffffff;
   width: 100%;
-  box-shadow: 0px 20px 16px 16px rgb(0 0 0);
   z-index: 999;
   max-height: 75vh;
-  min-height: 20%;
   padding: 0px;
   margin: 0;
-  scroll-behavior: auto;
+  scroll-behavior: smooth;
   overflow: auto;
-  border: 5px solid #6b6868;
-  transition: all 0.2s ease;
+  border: 5px solid var(--theme-color);
+  border-top: 10px solid var(--theme-color);
+  border-bottom: 10px solid var(--theme-color);
+  border-radius: 5px;
 }
 .v-tabs .nav-link {
   color: #aaa !important;

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

@@ -9,23 +9,26 @@
 .dropdown-content {
   display: none;
   position: absolute;
-  top: 40px;
+  top: 75px !important;
   background-color: #ffffff;
   width: 100%;
-  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
   z-index: 999;
-  max-height: 50vh;
+  max-height: 75vh;
+  min-height: 20%;
   padding: 0px;
+  margin: 0;
   scroll-behavior: auto;
   overflow: auto;
-  border: 1px solid var(--theme-color);
+  border: 3px solid var(--theme-color);
+  border-radius: 10px;
+  box-shadow: 1px 1px 8px 2px #000;
 }
 
 .dropdown .dropdown-search {
   padding: 5px;
   position: sticky;
   top: 0;
-  background: #eee;
+  background: var(--theme-color);
 }
 .dropdown .dropdown-search i-control2 {
   display: inline-block;
@@ -40,7 +43,7 @@
 }
 /* Links inside the dropdown */
 .dropdown-content p {
-  color: black;
+  color: var(--color);
   background-color: #ffffff;
   padding: 12px 16px;
   text-decoration: none;
@@ -49,7 +52,8 @@
 
 /* Change color of dropdown links on hover */
 .dropdown-content .dropdown-item:hover {
-  background-color: #bbbbbb;
+  background-color: #7c7c7c;
+  --color: #ffffff;
 }
 
 /* Show the dropdown menu on hover
@@ -70,12 +74,12 @@ i-list .dropdown-item {
 .dropdown-item p {
   color: var(--color);
   font-size: 16px;
-  font-weight: bold;
   background: transparent;
   text-align: center;
   padding: 0;
 }
 .ar .dropdown-item p,
+.rtl .dropdown-item p,
 .AR .dropdown-item p {
   text-align: right;
 }

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

@@ -110,17 +110,22 @@
     justify-content: center;
   }
   .center {
-    margin: 0 auto ;
-    text-align: center ;
-  }
-  .center,
-  .center p,
-  .center span,
-  .center label,
-  .center b,
-  .center i,
-  .center img {
-    text-align: center !important;
+    margin: 0 auto;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    align-content: center;
+    p,
+    b,
+    i,
+    img,
+    small,
+    span,
+    label {
+      text-align: center !important;
+    }
   }
 
   .center i.center {
@@ -369,3 +374,19 @@
     white-space: pre-line !important;
   }
 }
+
+.zoom {
+  transition: transform 0.5s;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  border: 0;
+  width: 100% !important;
+  height: 100% !important;
+  object-fit: contain;
+  z-index: 99999999;
+  background: #000;
+  padding: 0;
+  margin: 0;
+}

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

@@ -140,6 +140,8 @@ fieldset {
   margin: var(--fieldset-margin);
   background: var(--fieldset-background);
   border: var(--fieldset-border);
+  border-radius: var(--fieldset-border-radius);
+  max-width: 98% !important;
 }
 
 fieldset legend {
@@ -179,9 +181,13 @@ fieldset legend {
   font-size: 16px;
   color: #000;
 }
-.i-date2 .fa {
-  font-size: 18px;
+.i-date2 label {
+  display: none;
+}
+.i-date2 .fa-calendar-day {
+  font-size: 35px;
   cursor: pointer;
+  color: var(--theme-color);
 }
 i-file {
   display: block;

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

@@ -1,4 +1,3 @@
-
 .image {
   width: 400px;
   height: 300px;
@@ -14,11 +13,11 @@ i-image {
   border-radius: 5px;
   padding: 5px;
 }
-i-image div{
+i-image div {
   width: 100%;
   height: 100%;
 }
-i-image button i{
+i-image button i {
   width: 100%;
 }
 i-image.logo {
@@ -42,7 +41,7 @@ i-image i-button {
 
 i-image.full img {
   width: 100% !important;
-  height: auto !important;
+  height: 100% !important;
   padding: 5px;
 }
 
@@ -53,12 +52,6 @@ i-image.img32 {
   min-height: 32px !important;
   padding: 1px !important;
 }
-i-image.img32 img {
-  width: 30px !important;
-  height: 30px !important;
-  min-width: 30px !important;
-  min-height: 30px !important;
-}
 
 i-image.img48 {
   width: 48px !important;
@@ -67,12 +60,6 @@ i-image.img48 {
   min-height: 48px !important;
   padding: 2px !important;
 }
-i-image.img48 img {
-  width: 44px !important;
-  height: 44px !important;
-  min-width: 44px !important;
-  min-height: 44px !important;
-}
 
 i-image.img64 {
   width: 64px !important;
@@ -81,12 +68,6 @@ i-image.img64 {
   min-height: 64px !important;
   padding: 2px !important;
 }
-i-image.img64 img {
-  width: 60px !important;
-  height: 60px !important;
-  min-width: 60px !important;
-  min-height: 60px !important;
-}
 
 i-image.img128 {
   width: 128px !important;
@@ -95,12 +76,6 @@ i-image.img128 {
   min-height: 128px !important;
   padding: 3px !important;
 }
-i-image.img128 img {
-  width: 120px !important;
-  height: 120px !important;
-  min-width: 120px !important;
-  min-height: 120px !important;
-}
 
 i-image.img256 {
   width: 256px !important;
@@ -109,12 +84,6 @@ i-image.img256 {
   min-height: 256px !important;
   padding: 3px !important;
 }
-i-image.img256 img {
-  width: 200px !important;
-  height: 200px !important;
-  min-width: 200px !important;
-  min-height: 200px !important;
-}
 
 i-image.hover img:hover {
   transform: scale(1.1);
@@ -126,7 +95,3 @@ i-image[view] {
 i-image[view] i-button {
   display: none;
 }
-i-image[view] img {
-  background-image: none;
-  background-color: transparent;
-}

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

@@ -100,7 +100,12 @@ h3 {
   padding: 0;
   margin: 0;
   float: var(--float);
-  display: inline-block !important;
+  display: flex;
+  justify-content: flex-start;
+  align-items: stretch;
+  flex-direction: column;
+  align-content: stretch;
+  flex-wrap: nowrap;
 }
 .col-1,
 .col-2,
@@ -223,7 +228,7 @@ h3 {
   .row,
   fieldset,
   .container {
-    max-width: 100vw !important;
+    /*max-width: 100vw !important;*/
     margin: 0 !important;
   }
   .row,

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

@@ -48,9 +48,11 @@
   font-weight: bold;
   white-space: nowrap;
 }
-
+table td.center {
+  display: table-cell !important;
+}
 .table.center {
-  text-align: center !important;
+  display: table !important;
 }
 
 .table.center * {