isite 2023.1.3 → 2023.1.5

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

@@ -1,116 +1,116 @@
 form {
-    display: block;
-    width: 100%;
-    margin: 0 auto;
-    padding: 5px;
-    color: var(--form-color);
-    background-color: var(--form-background-color);
+  display: block;
+  width: 100%;
+  margin: 0 auto;
+  padding: 5px;
+  color: var(--form-color);
+  background-color: var(--form-background-color);
 }
 
 .control {
-    display: block;
-    width: 100%;
-    margin: 0 auto;
-    padding: 5px;
-    margin-bottom: 10px;
+  display: block;
+  width: 100%;
+  margin: 0 auto;
+  padding: 5px;
+  margin-bottom: 10px;
 }
 
 form label,
 form span,
 form p {
-    color: var(--form-color);
+  color: var(--form-color);
 }
 p {
-    word-break: break-word;
+  word-break: break-word;
 }
 label {
-    font-weight: var(--label-font-weight);
-    color: var(--label-color);
-    font-size: var(--label-font-size);
-    margin: 5px;
-    margin-bottom: 10px !important;
-    word-break: break-all;
+  font-weight: var(--label-font-weight);
+  color: var(--label-color);
+  font-size: var(--label-font-size);
+  margin: 5px;
+  margin-bottom: 10px !important;
+  word-break: break-all;
 }
 
 label span {
-    color: var(--form-color);
+  color: var(--form-color);
 }
 
 textarea {
-    overflow-x: hidden;
+  overflow-x: hidden;
 }
 
 input,
 select,
 textarea {
-    width: inherit;
-    text-align: var(--text-align);
-    font-family: var(--font-family);
-    height: var(--input-height);
-    min-height: var(--input-height);
-    line-height: var(--line-height);
-    padding: var(--input-padding);
-    font-size: var(--input-font-size);
-    font-weight: var(--input-font-wight);
-    color: var(--input-color);
-    background-color: var(--input-background-color);
-    background-image: none;
-    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
-    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-    border-radius: var(--input-border-radius);
-    border-width: var(--input-border-width);
-    border-color: var(--input-border-color);
-    border-style: solid;
-    outline: none;
-    scrollbar-arrow-color: var(--input-color);
-    -ms-scrollbar-arrow-color: var(--input-color);
+  width: inherit;
+  text-align: var(--text-align);
+  font-family: var(--font-family);
+  height: var(--input-height);
+  min-height: var(--input-height);
+  line-height: var(--line-height);
+  padding: var(--input-padding);
+  font-size: var(--input-font-size);
+  font-weight: var(--input-font-wight);
+  color: var(--input-color);
+  background-color: var(--input-background-color);
+  background-image: none;
+  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
+  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
+  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
+  border-radius: var(--input-border-radius);
+  border-width: var(--input-border-width);
+  border-color: var(--input-border-color);
+  border-style: solid;
+  outline: none;
+  scrollbar-arrow-color: var(--input-color);
+  -ms-scrollbar-arrow-color: var(--input-color);
 }
 
 select {
-    font-size: var(--select-font-size);
-    height: var(--select-height);
-    scrollbar-arrow-color: var(--select-color);
-    -ms-scrollbar-arrow-color: var(--select-color);
-    appearance: var(--select-appearance);
-    -webkit-appearance: var(--select-appearance);
-    -moz-appearance: var(--select-appearance);
-    -ms-progress-appearance: var(--select-appearance);
+  font-size: var(--select-font-size);
+  height: var(--select-height);
+  scrollbar-arrow-color: var(--select-color);
+  -ms-scrollbar-arrow-color: var(--select-color);
+  appearance: var(--select-appearance);
+  -webkit-appearance: var(--select-appearance);
+  -moz-appearance: var(--select-appearance);
+  -ms-progress-appearance: var(--select-appearance);
 }
 
 textarea {
-    border-width: var(--textarea-border-width);
+  border-width: var(--textarea-border-width);
 }
 
 input[type='checkbox'],
 input[type='radio'] {
-    -webkit-box-shadow: none;
-    box-shadow: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
 }
 
 input[type='file'] {
-    padding: 3px;
+  padding: 3px;
 }
 
 input[type='date'],
 input[type='datetime'],
 input[type='datetime-local'] {
-    padding: 5px;
+  padding: 5px;
 }
 
 input[type='number'],
 input[type='date'] {
-    text-align: center;
+  text-align: center;
 }
 
 .control textarea {
-    display: block;
-    width: 100%;
-    height: 100px;
+  display: block;
+  width: 100%;
+  height: 100px;
 }
 
 .control label {
-    text-align: var(--label-text-align);
+  text-align: var(--label-text-align);
 }
 
 .control input[type='text'],
@@ -124,62 +124,73 @@ input[type='date'] {
 .control textarea,
 .control label,
 .control select {
-    display: block;
-    width: 100%;
+  display: block;
+  width: 100%;
 }
 
 input:focus,
 select:focus,
 textarea:focus {
-    border-width: var(--input-focus-border-width);
-    border-color: var(--input-focus-border-color);
+  border-width: var(--input-focus-border-width);
+  border-color: var(--input-focus-border-color);
 }
 
 fieldset {
-    padding: var(--fieldset-padding) ;
-    margin: var(--fieldset-margin) ;
-    background: var(--fieldset-background);
-    border: var(--fieldset-border);
+  padding: var(--fieldset-padding);
+  margin: var(--fieldset-margin);
+  background: var(--fieldset-background);
+  border: var(--fieldset-border);
 }
 
 fieldset legend {
-    color: var(--legend-color);
-    font-size: var(--legend-font-size);
-    text-shadow: var(--legend-text-shadow);
-    font-weight: var(--legend-font-weight);
-    background: var(--fieldset-background);
-    border: var(--legend-border);
+  color: var(--legend-color);
+  font-size: var(--legend-font-size);
+  text-shadow: var(--legend-text-shadow);
+  font-weight: var(--legend-font-weight);
+  background: var(--fieldset-background);
+  border: var(--legend-border);
 }
 
 .files {
-    border: 2px dashed var(--modal-header-background-color);
-    padding: 5px;
+  border: 2px dashed var(--modal-header-background-color);
+  padding: 5px;
 }
 
 .files span {
-    font-size: 14px;
-    color: var(--color);
-    vertical-align: super;
+  font-size: 14px;
+  color: var(--color);
+  vertical-align: super;
 }
 
 .i-date .day select {
-    border-bottom-color: green;
+  border-bottom-color: green;
 }
 
 .i-date .month select {
-    border-bottom-color: blue;
+  border-bottom-color: blue;
 }
 
 .i-date .year select {
-    border-bottom-color: #000000;
+  border-bottom-color: #000000;
 }
 
 .i-time .space {
-    margin-top: 10px;
-    font-size: 16px;
-    color: #000;
+  margin-top: 10px;
+  font-size: 16px;
+  color: #000;
 }
 .i-date2 .fa {
-    font-size: 18px;
-    cursor: pointer;
+  font-size: 18px;
+  cursor: pointer;
+}
+i-file {
+  display: block;
+  padding: 10px !important;
+  border: 1px dashed var(--theme-color);
+  margin: 1% !important;
+  height: fit-content;
+  width: 98% !important;
+}
+i-file button {
+  max-width: 100px;
 }

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

@@ -80,10 +80,10 @@ i-image.img128 {
   padding: 3px !important;
 }
 i-image.img128 img {
-  width: 122px !important;
-  height: 122px !important;
-  min-width: 122px !important;
-  min-height: 122px !important;
+  width: 120px !important;
+  height: 120px !important;
+  min-width: 120px !important;
+  min-height: 120px !important;
 }
 
 i-image.img256 {
@@ -94,10 +94,10 @@ i-image.img256 {
   padding: 3px !important;
 }
 i-image.img256 img {
-  width: 250px !important;
-  height: 250px !important;
-  min-width: 250px !important;
-  min-height: 250px !important;
+  width: 245px !important;
+  height: 245px !important;
+  min-width: 245px !important;
+  min-height: 245px !important;
 }
 
 i-image.hover img:hover {

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

@@ -53,7 +53,8 @@ h3 {
   visibility: collapse;
 }
 
-.hidden {
+.hidden,
+.hidden:is([class^='col']) {
   display: none !important;
 }
 
@@ -67,9 +68,9 @@ h3 {
 
 .container {
   display: block !important;
-  width: 100% !important;
+  width: 98% !important;
   margin: 0 auto !important;
-  padding: 10px !important;
+  padding: 1% !important;
 }
 
 .row,
@@ -229,6 +230,10 @@ h3 {
     max-width: 100vw !important;
     margin: 0 !important;
   }
+  .row,
+  .row10 {
+    width: 96% !important;
+  }
   .col1,
   .col2,
   .col3,
@@ -253,6 +258,10 @@ h3 {
 
 /* Small devices (landscape phones, 576px and down) */
 @media (max-width: 575px) {
+  .row,
+  .row10 {
+    width: 96% !important;
+  }
   .col1,
   .col2,
   .col3,
@@ -273,6 +282,10 @@ h3 {
 
 /* Medium devices (tablets, 768px and down) */
 @media (max-width: 768px) {
+  .row,
+  .row10 {
+    width: 96% !important;
+  }
   .col1,
   .col2,
   .col3,

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

@@ -250,4 +250,8 @@
     width: 95vw;
     margin: 2vw !important;
   }
+  .modal-content{
+    width: 96vw;
+    margin: 1vw !important;
+  }
 }

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

@@ -1,142 +1,143 @@
 .print-only {
-    visibility: collapse;
+  visibility: collapse;
 }
 
 .page-a4 {
-    display: inline-block;
-    height: 297mm !important;
-    width: 210mm !important;
-    padding: 2mm !important;
-    margin: 0mm !important;
-    background: white !important;
-    color: #000 !important;
-    page-break-before: always !important;
-    page-break-after: always !important;
-    page-break-inside: avoid !important;
+  display: inline-block;
+  height: 297mm !important;
+  width: 210mm !important;
+  padding: 2mm !important;
+  margin: 0mm !important;
+  background: white !important;
+  color: #000 !important;
+  page-break-before: always !important;
+  page-break-after: always !important;
+  page-break-inside: avoid !important;
 }
 .width-15-mm {
-    min-width: 15mm !important;
-    width: 15mm !important;
-    white-space: normal;
-    max-width: 15mm !important;
+  min-width: 15mm !important;
+  width: 15mm !important;
+  white-space: normal;
+  max-width: 15mm !important;
 }
 .width-30-mm {
-    min-width: 30mm !important;
-    width: 30mm !important;
-    white-space: normal;
-    max-width: 30mm !important;
+  min-width: 30mm !important;
+  width: 30mm !important;
+  white-space: normal;
+  max-width: 30mm !important;
 }
 .width-60-mm {
-    min-width: 60mm !important;
-    width: 60mm !important;
-    white-space: normal;
-    max-width: 60mm !important;
+  min-width: 60mm !important;
+  width: 60mm !important;
+  white-space: normal;
+  max-width: 60mm !important;
 }
 .width-90-mm {
-    min-width: 90mm !important;
-    width: 90mm !important;
-    white-space: normal;
-    max-width: 90mm !important;
+  min-width: 90mm !important;
+  width: 90mm !important;
+  white-space: normal;
+  max-width: 90mm !important;
 }
 
 .page-width-a4 {
-    padding: 2mm;
-    margin: 0mm;
+  padding: 2mm;
+  margin: 0mm;
 }
 
 body.a4 {
-    background: white;
-    color: #000;
+  background: white;
+  color: #000;
 }
 body.a4 {
-    height: 297mm;
+  height: 297mm;
 }
 body.print-mode {
-    padding: 0px !important;
-    margin: 2mm !important;
+  padding: 0px !important;
+  margin: 2mm !important;
 }
 body.print-mode .hide {
-    visibility: visible;
+  visibility: visible;
 }
 body.print-mode .not-print,
 body.print-mode .dont-print {
-    display: none;
+  display: none;
 }
 body.print-mode .print-only {
-    visibility: visible;
+  visibility: visible;
 }
 body.print-mode .table {
-    table-layout: fixed;
-    border-collapse: collapse;
-    border: 1px solid black;
-    font-size: 8pt;
-    page-break-inside: avoid;
+  table-layout: fixed;
+  border-collapse: collapse;
+  border: 1px solid black;
+  font-size: 8pt;
+  page-break-inside: avoid;
 }
 body.print-mode .table.wide {
-    min-width: 206mm !important;
-    width: 206mm !important;
+  min-width: 206mm !important;
+  width: 206mm !important;
 }
 body.print-mode .table th {
-    color: #000 !important;
-    background: #fff !important;
-    border-collapse: collapse;
+  color: #000 !important;
+  background: #fff !important;
+  border-collapse: collapse;
 }
 body.print-mode .table td {
-    color: #000 !important;
-    background: #fff !important;
-    border-collapse: collapse;
+  color: #000 !important;
+  background: #fff !important;
+  border-collapse: collapse;
 }
 body.print-mode input,
 body.print-mode textarea {
-    font-size: 8pt;
+  font-size: 8pt;
 }
 body.print-mode .small {
-    font-size: 6pt;
+  font-size: 6pt;
 }
 
 .page {
+  page-break-before: always;
+  page-break-after: always;
+  page-break-inside: avoid !important;
+}
+@media print {
+  :root {
+    --legend-color: #000;
+    --legend-text-shadow: none;
+  }
+  html,
+  body,
+  .page {
+    margin: 0 !important;
+    padding: 0 !important;
+  }
+  .page {
     page-break-before: always;
     page-break-after: always;
     page-break-inside: avoid !important;
-}
-@media print {
-    :root {
-        --legend-color: #000;
-        --legend-text-shadow: none;
-    }
-    html,
-    body,
-    .page {
-        margin: 0;
-    }
-    .page {
-        page-break-before: always;
-        page-break-after: always;
-        page-break-inside: avoid !important;
-    }
+  }
 
-    .print-break {
-        page-break-after: always;
-    }
+  .print-break {
+    page-break-after: always;
+  }
 
-    .print-start {
-        page-break-before: always;
-    }
+  .print-start {
+    page-break-before: always;
+  }
 
-    .print-content {
-        page-break-inside: avoid;
-    }
+  .print-content {
+    page-break-inside: avoid;
+  }
 
-    a {
-        font-weight: bolder;
-        text-decoration: none;
-    }
+  a {
+    font-weight: bolder;
+    text-decoration: none;
+  }
 
-    a[href^='http']:after {
-        content: ' [ ' attr(href) ' ] ';
-    }
+  a[href^='http']:after {
+    content: ' [ ' attr(href) ' ] ';
+  }
 
-    a[href^='#']:after {
-        content: '';
-    }
+  a[href^='#']:after {
+    content: '';
+  }
 }

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

@@ -65,10 +65,6 @@
   min-width: 300px !important;
 }
 
-.table tr i-list input.text {
-  min-width: 300px !important;
-}
-
 .grid {
   width: 95vw;
   max-height: 500px;

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

@@ -73,7 +73,6 @@
 }
 
 @media screen and (max-width: 768px
-
 /*mobile*/
 ) {
 /*

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

@@ -3,7 +3,8 @@
     --theme-color: #317cb9;
     --theme-color2: #2f8033;
     --theme-color3: #3f51b5;
-    --font-family: Arabic, sans-serif, Tahoma, serif;
+    --font-family: Arabic, English , sans-serif, Tahoma, serif;
+    --bs-body-font-family : Arabic, English , sans-serif, Tahoma, serif;
     --font-weight: normal;
     --font-size: 14px;
     --line-height: 1.5;

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

@@ -54,9 +54,11 @@
     margin: 10px;
     padding: 3px;
     cursor: pointer;
-    border-right: 1px dashed var(--treeview-border-color);
+    border-left: 1px solid var(--treeview-border-color);
+}
+.ar .treenode li {
+    border-right: 1px solid var(--treeview-border-color);
 }
-
 
 .treenode li span {
     font-size: 14px;

package/apps/client-side/site_files/html/directive/i-content.html

@@ -0,0 +1,4 @@
+<div class="mb-3">
+  <label for="{{id2}}" class="form-label">{{label}}</label>
+  <textarea class="form-control" id="{{id2}}" rows="{{rows}}"></textarea>
+</div>