isite 2023.1.3 → 2023.1.5

package/apps/client-side/site_files/js/bootstrap-5-directive.js

@@ -63,6 +63,81 @@ app.directive('iTextarea', function () {
     template: `/*##client-side/directive/i-textarea.html*/`,
   };
 });
+app.directive('iContent', function ($timeout, $interval) {
+  return {
+    restrict: 'E',
+    scope: {
+      v: '@',
+      label: '@',
+      id2: '@',
+      disabled: '@',
+      rows: '@',
+      ngModel: '=',
+      ngChange: '&',
+    },
+    link: function ($scope, element, attrs, ctrl) {
+      if (typeof attrs.disabled !== 'undefined') {
+        attrs.disabled = 'disabled';
+      } else {
+        attrs.disabled = '';
+      }
+      $scope.rows = $scope.rows || 10;
+      $scope.id2 = $scope.id2 || 'textarea_' + Math.random().toString().replace('0.', '');
+      $(element)
+        .find('textarea')
+        .focus(() => {
+          $('.popup').hide();
+        });
+      $timeout(() => {
+        window['content_' + attrs.id] = WebShareEditor.create($scope.id2, {
+          toolbarItem: [
+            ['undo', 'redo'],
+            ['font', 'fontSize', 'formatBlock'],
+            ['bold', 'underline', 'italic', 'strike', 'subscript', 'superscript'],
+            ['removeFormat'],
+            ['fontColor', 'hiliteColor'],
+            ['outdent', 'indent'],
+            ['align', 'horizontalRule', 'list', 'table'],
+            ['link', 'image', 'video'],
+            ['preview', 'print'],
+            /* ['fullScreen', 'showBlocks', 'codeView'],
+            ['save', 'template'],*/
+          ],
+          width: '100%',
+          minHeight: '300px',
+        });
+        if ($scope.ngModel) {
+          window['content_' + attrs.id].setContents($scope.ngModel);
+        }
+        $interval(() => {
+          $scope.ngModel2 = window['content_' + attrs.id].getContents();
+          if ($scope.ngModel !== $scope.ngModel2) {
+            $scope.ngModel = $scope.ngModel2;
+            $scope.changed();
+          }
+        }, 1000);
+      }, 500);
+
+      $scope.changed = function () {
+        $timeout(() => {
+          if ($scope.ngChange) {
+            $scope.ngChange();
+          }
+        }, 100);
+      };
+
+      $scope.$watch('ngModel', (ngModel) => {
+        if (ngModel && window['content_' + attrs.id]) {
+          if ($scope.ngModel !== $scope.ngModel2) {
+            $scope.ngModel = $scope.ngModel2;
+            window['content_' + attrs.id].setContents($scope.ngModel);
+          }
+        }
+      });
+    },
+    template: `/*##client-side/directive/i-content.html*/`,
+  };
+});
 
 app.directive('iCheckbox', function ($timeout) {
   return {
@@ -146,10 +221,10 @@ app.directive('iButton', function () {
       } else if ($scope.type.like('unapprove')) {
         $scope.fa = 'fas fa-eject';
         $scope.class = 'btn-danger';
-      }  else if ($scope.type.like('approve')) {
+      } else if ($scope.type.like('approve')) {
         $scope.fa = 'fas fa-check-double';
         $scope.class = 'btn-primary';
-      }else if ($scope.type.like('*view*') || $scope.type.like('*details*')) {
+      } else if ($scope.type.like('*view*') || $scope.type.like('*details*')) {
         $scope.fa = 'fas fa-eye';
         $scope.class = 'btn-info';
       } else if ($scope.type.like('*delete*') || $scope.type.like('*remove*')) {
@@ -173,6 +248,12 @@ app.directive('iButton', function () {
       } else if ($scope.type.like('*logout*') || $scope.type.like('*signout*')) {
         $scope.fa = 'fas fa-sign-out-alt';
         $scope.class = 'btn-light';
+      } else if ($scope.type.like('*push*')) {
+        $scope.fa = 'fas fa-long-arrow-alt-down';
+        $scope.class = 'btn-primary';
+      } else if ($scope.type.like('*cancel*')) {
+        $scope.fa = 'fas fa-minus-circle';
+        $scope.class = 'btn-danger';
       }
       if ($scope.type.like('*default*')) {
         $scope.class = '';
@@ -215,6 +296,7 @@ app.directive('iList', [
         ngGet: '&',
         ngAdd: '&',
         items: '=',
+        activeValue: '=',
       },
       link: function ($scope, element, attrs, ctrl) {
         $scope.primary = $scope.primary || 'id';
@@ -238,7 +320,6 @@ app.directive('iList', [
           $scope.fa_add = 'fa-plus';
         }
 
-     
         if ($scope.ngSearch) {
           $scope.showSearch = !0;
         }
@@ -249,7 +330,9 @@ app.directive('iList', [
         let input = $(element).find('input.dropdown-text');
         $(element).hover(
           () => {
-            $scope.popupElement.css('display', 'block');
+            if (attrs.disabled !== 'disabled') {
+              $scope.popupElement.css('display', 'block');
+            }
           },
           () => {
             $scope.popupElement.css('display', 'none');
@@ -328,6 +411,8 @@ app.directive('iList', [
               }
             });
           }
+
+                
         });
 
         $scope.$watch('ngModel', (ngModel) => {
@@ -344,16 +429,15 @@ app.directive('iList', [
           }
         });
 
-        $scope.searchElement.on('input' , ()=>{
-              $timeout(() => {
-            if ($scope.ngGet) {
+        $scope.searchElement.on('input', () => {
+          $timeout(() => {
+            if (attrs.ngGet) {
               $scope.ngGet({ $search: $scope.searchElement.val() });
-            } else if ($scope.ngSearch) {
-              $scope.ngSearch = $scope.searchElement.val();
+            } else if (attrs.ngSearch) {
+              $scope.$filter = $scope.searchElement.val();
             }
           }, 100);
-        })
-
+        });
 
         $scope.updateModel = function (item) {
           $scope.ngModel = $scope.getNgValue(item, $scope.ngValue);
@@ -510,6 +594,7 @@ app.directive('iDate', function () {
       $scope.dayTitle = 'Day';
       $scope.monthTitle = 'Month';
       $scope.yearTitle = 'Year';
+     
 
       $scope.lang = site.session ? site.session.lang : 'en';
       if ($scope.lang === 'ar') {
@@ -554,11 +639,13 @@ app.directive('iDate', function () {
           $scope.model.selectedDay = $scope.days.find((d) => d.id == ngModel.getDate());
           $scope.model.selectedMonth = $scope.monthes.find((m) => m.id == ngModel.getMonth());
           $scope.model.selectedYear = $scope.years.find((y) => y.id == ngModel.getFullYear());
+          $scope.model.$selectedYear = 2023;
         } else {
           $scope.model = $scope.model || {};
           $scope.model.selectedDay = null;
           $scope.model.selectedMonth = null;
           $scope.model.selectedYear = null;
+          $scope.model.activeYear = 2023;
         }
       });
 

package/apps/client-side/site_files/js/site.js

@@ -1247,7 +1247,7 @@
       console.error('qrcode need {selector , text}');
       return;
     }
-    return JsBarcode(options.selector, options.selector, options.options);
+    return JsBarcode(options.selector, options.text, options.options);
   };
   site.qrcode = function (options) {
     if (!options || !options.selector || !options.text) {
@@ -1272,5 +1272,13 @@
       });
     }
   };
+
+  site.export = function (table, type = 'xlsx') {
+    var data = typeof table === 'string' ? document.querySelector(table) : table;
+    var excelFile = XLSX.utils.table_to_book(data, { sheet: 'sheet1' });
+    XLSX.write(excelFile, { bookType: type, bookSST: true, type: 'base64' });
+    XLSX.writeFile(excelFile, (data.id || data.tagName) + '.' + type);
+  };
+
   window.site = site;
 })(window, document, 'undefined', jQuery);