isite 2023.1.10 → 2023.8.10

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

@@ -1,81 +1,87 @@
 .tabs {
-    display: inline-block;
-    padding: 5px;
-    width: 100%;
-    transition: all 0.1s ease;
+  display: inline-block;
+  padding: 5px;
+  width: 100%;
+  transition: all 0.1s ease;
 }
-.links .tabs{
-    display: none;
-    transition: all 0.1s ease;
+.links .tabs {
+  display: none;
+  transition: all 0.1s ease;
 }
-.links .tabs .tabs-header{
-   width: 100%;
+.links .tabs .tabs-header {
+  width: 100%;
 }
 .tabs .tabs-header {
-    padding: 1px;
-    width: var(--tabs-header-width);
-    margin: 0px;
-    display: inline-block;
-    float: var(--float);
-    overflow: hidden;
-    background: none;
+  padding: 1px;
+  width: var(--tabs-header-width);
+  margin: 0px;
+  display: inline-block;
+  float: var(--float);
+  overflow: hidden;
+  background: none;
 }
 
 .tabs .tabs-header .tab-link {
-    border-radius: var(--tabs-header-link-radius);
-    background: var(--tabs-header-link-background);
-    border: var(--tabs-header-link-border);
-    border-bottom: var(--tabs-header-link-border-bottom);
-    outline: none;
-    cursor: pointer;
-    padding: 10px 12px;
-    transition: 0.1s;
-    font-size: var(--tabs-header-link-font-size);
-    font-weight: var(--tabs-header-link-font-weight);
-    color: var(--tabs-header-link-color);
-    margin: 10px;
-    display: block;
-    text-decoration: none;
+  border-radius: var(--tabs-header-link-radius);
+  background: var(--tabs-header-link-background);
+  border: var(--tabs-header-link-border);
+  border-bottom: var(--tabs-header-link-border-bottom);
+  outline: none;
+  cursor: pointer;
+  padding: 10px 12px;
+  transition: 0.1s;
+  font-size: var(--tabs-header-link-font-size);
+  font-weight: var(--tabs-header-link-font-weight);
+  color: var(--tabs-header-link-color);
+  margin: 10px;
+  display: block;
+  text-decoration: none;
 }
 
 .tabs .tabs-header .tab-link:hover {
-    background-color: var(--tabs-background-color2);
-    color: var(--tabs-header-link-color2);
+  background-color: var(--tabs-background-color2);
+  color: var(--tabs-header-link-color2);
 }
 
 .tabs .tabs-header .tab-link.active {
-    background-color: var(--tabs-background-color);
-    color: var(--tabs-color);
+  background-color: var(--tabs-background-color);
+  color: var(--tabs-color);
 }
 
 .tabs .tabs-content {
-    width: var(--tabs-content-width);
-    display: inline-block;
+  width: var(--tabs-content-width);
+  display: inline-block;
 }
 
 .tabs .tabs-content .tab-content {
-    display: none;
-    padding: 6px 12px;
-    width: 100%;
-    overflow: visible;
-    -webkit-animation-name: var( --tab-animation-name);
-    -webkit-animation-duration: var( --tab-animation-duration);
-    animation-name: var( --tab-animation-name);
-    animation-duration: var( --tab-animation-duration);
+  display: none;
+  padding: 6px 12px;
+  width: 100%;
+  overflow: visible;
+  -webkit-animation-name: var(--tab-animation-name);
+  -webkit-animation-duration: var(--tab-animation-duration);
+  animation-name: var(--tab-animation-name);
+  animation-duration: var(--tab-animation-duration);
 }
 
 .tabs .full {
-    width: 100% !important;
+  width: 100% !important;
+}
+.tabs.full .tabs-header,
+.tabs.full .tabs-content {
+  width: 100% !important;
+}
+.tabs.full .tabs-header .tab-link {
+  display: inline-block;
 }
 
 .tabs .full .tab-link {
-    display: inline;
+  display: inline-block;
 }
 
 @media screen and (max-width: 768px
-/*mobile*/
-) {
-/*
+/*mobile*/) {
+  /*
     .tabs .tabs-content,
     .tabs .tabs-header {
         width: 100% !important;
@@ -95,28 +101,26 @@
     */
 }
 
-
-
 @-webkit-keyframes animatetabs {
-    from {
-        width: 50%;
-        opacity: 0;
-    }
+  from {
+    width: 50%;
+    opacity: 0;
+  }
 
-    to {
-        width: 100%;
-        opacity: 1;
-    }
+  to {
+    width: 100%;
+    opacity: 1;
+  }
 }
 
 @keyframes animatetabs {
-    from {
-        width: 50%;
-        opacity: 0;
-    }
+  from {
+    width: 50%;
+    opacity: 0;
+  }
 
-    to {
-        width: 100%;
-        opacity: 1;
-    }
-}
+  to {
+    width: 100%;
+    opacity: 1;
+  }
+}

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

@@ -1,83 +1,84 @@
 .treeview {
-    color: var(--treeview-color);
-    background: var(--treeview-background-color);
-    user-select: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
+  color: var(--treeview-color);
+  background: var(--treeview-background-color);
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
 }
-.treeview .main-node{
-    display: block;
+.treeview .main-node {
+  display: block;
 }
-.treeview .main-node > i{
-    display: inline-block;
+.treeview .main-node > i {
+  display: inline-block;
 }
-.treeview .main-node > h2{
-    display: inline-block;
+.treeview .main-node > h2 {
+  display: inline-block;
 }
-.treeview .main-node > i-button{
-    display: inline-block;
+.treeview .main-node > i-button {
+  display: inline-block;
 }
 
-.treeview i-treenode ul{
-    transition: all linear .3s;
-    -webkit-transition:all linear .3s;
+.treeview i-treenode ul {
+  transition: all linear 0.3s;
+  -webkit-transition: all linear 0.3s;
 }
 
 .treeview i-treenode.ng-hide ul {
-    opacity:0;
+  opacity: 0;
 }
 
 .treeview .actions {
-    display: inline-block;
-    width: auto;
+  display: inline-block;
+  width: auto;
 }
 
 .treeview ul {
-    list-style: none;
-    margin-top: 10px;
+  list-style: none;
+  margin-top: 10px;
 }
 
 .treeview .title {
-    cursor: pointer;
-    padding-bottom: 10px;
-    font-size: 16px;
-    font-weight: bold;
+  cursor: pointer;
+  padding-bottom: 10px;
+  font-size: 16px;
+  font-weight: bold;
 }
 
 .treeview .display {
-    color: var(--treeview-display-color);
+  color: var(--treeview-display-color);
 }
 
 .treenode li {
-    display: block;
-    margin: 10px;
-    padding: 3px;
-    cursor: pointer;
-    border-left: 1px solid var(--treeview-border-color);
+  display: block;
+  margin: 10px;
+  padding: 3px;
+  cursor: pointer;
 }
 .ar .treenode li {
-    border-right: 1px solid var(--treeview-border-color);
+  border-right: 1px solid var(--treeview-border-color);
+}
+.en .treenode li {
+  border-left: 1px solid var(--treeview-border-color);
 }
-
 .treenode li span {
-    font-size: 14px;
-    font-weight: bold;
-    cursor: pointer;
-    padding: 10px 10px;
-    border-radius: 5px;
-    transition: all ease-out .2s;
-    -webkit-transition: all ease-out .2s;
-    display: inline-block;
-    width: auto;
+  font-size: 14px;
+  font-weight: bold;
+  cursor: pointer;
+  padding: 10px 10px;
+  border-radius: 5px;
+  transition: all ease-out 0.2s;
+  -webkit-transition: all ease-out 0.2s;
+  display: inline-block;
+  width: auto;
 }
 
 .treenode li span.text:hover {
-    background: var(--treeview-background-color2);
-    color: var(--treeview-color2);
+  background: var(--treeview-background-color2);
+  color: var(--treeview-color2);
 }
 
 .treenode li .selected {
-    background: var(--treeview-background-color2);
-    color: var(--treeview-color2);
-}
+  background: var(--treeview-background-color2);
+  color: var(--treeview-color2);
+}

package/apps/client-side/site_files/html/require_payments.html

@@ -1,16 +1,15 @@
 <!DOCTYPE html>
 <html lang="en">
-    <head>
-        <meta charset="UTF-8" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>Require Payments</title>
-        <link rel="stylesheet" href="/x-css/all.css" />
-    </head>
-    <body>
-        <h1 class="center bold red">Require Payments</h1>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Server Error</title>
+    <link rel="stylesheet" href="/x-css/all.css" />
+  </head>
+  <body>
+    <h1 class="text-center bold red">DNS Server Error</h1>
 
-        <br /><br />
-        <p>call us on facebook <a href="https://www.facebook.com/SmartCodeCompany"> Smart Code Company Page </a></p>
-        <p>call us on what's up ( +966568118373 )</p>
-    </body>
+    <br /><br />
+    <h2 class="text-center">Call Site Administrator or Development Team</h2>
+  </body>
 </html>

package/apps/client-side/site_files/html/require_permissions.html

@@ -7,7 +7,7 @@
         <link rel="stylesheet" href="/x-css/all.css" />
     </head>
     <body>
-        <h1 class="center bold red">Require Permissions</h1>
-        <h2 class="center">##data.permissions##</h2>
+        <h1 class="text-center bold red">Require Permissions</h1>
+        <h2 class="text-center">##data.permissions##</h2>
     </body>
 </html>

package/apps/client-side/site_files/html/words.html

@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="en" ng-app="myApp">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+    <link rel="stylesheet" href="/x-css/bootstrap-5-support.css" />
+  </head>
+  <body ng-controller="mainController" class="container loaded">
+    <h1 class="center">##word.counts## : {{words.length}}</h1>
+    <div class="row padding margin border">
+      <div class="col9">
+        <i-control ng-model="nameSearch" label="Search Words"></i-control>
+      </div>
+      <div class="col3">
+        <i-button type="save" ng-click="saveWords()" label="Save All Words"></i-button>
+      </div>
+    </div>
+
+    <table class="table">
+      <tr>
+        <th>ID</th>
+        <th>Name</th>
+        <th>En</th>
+        <th>Ar</th>
+      </tr>
+      <tr ng-repeat="word in words | filter:nameSearch">
+        <td>{{$index+1}}</td>
+        <td>{{word.name}}</td>
+        <td>
+          <i-control ng-model="word.En"></i-control>
+        </td>
+        <td><i-control ng-model="word.Ar"></i-control></td>
+      </tr>
+    </table>
+
+    <script src="/x-js/bootstrap-5-support.js"></script>
+    <script>
+      site.connectScope({}, ($scope, $http) => {
+        $scope.name = 'Amr Barakat';
+        $scope.loadWords = function () {
+          $http({
+            method: 'get',
+            url: '/x-api/words',
+          }).then(function (response) {
+            if (response.data.done) {
+              $scope.words = response.data.words;
+            }
+          });
+        };
+        $scope.saveWords = function () {
+          $http({
+            method: 'POST',
+            url: '/x-api/words/save',
+            data: $scope.words,
+          }).then(function (response) {
+            if (response.data.done) {
+              console.log(response.data);
+            }
+          });
+        };
+        $scope.loadWords();
+      });
+    </script>
+  </body>
+</html>

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

@@ -2,3 +2,165 @@ var app = angular.module('myApp', []);
 app.config(function ($sceDelegateProvider) {
   $sceDelegateProvider.resourceUrlWhitelist(['self', 'https://www.youtube.com/**']);
 });
+
+site.connectScope = app.connectScope = function (_scope, callback) {
+  if (!_scope) {
+    _scope = {};
+  }
+  if (!_scope.name) {
+    if ((elem = document.querySelector('[ng-controller]'))) {
+      _scope.name = elem.getAttribute('ng-controller');
+    } else {
+      _scope.name = 'mainController';
+    }
+  }
+  if (!_scope.app) {
+    _scope.app = _scope.name;
+  }
+  if (typeof _scope.app === 'string') {
+    _scope.apps = [{ name: _scope.app, as: _scope.app, modal: '#' + _scope.app + 'Modal' }];
+  }
+  if (typeof _scope.app === 'object') {
+    _scope.apps = [{ ..._scope.app }];
+  }
+  if (Array.isArray(_scope.app)) {
+    _scope.apps = [..._scope.app];
+  }
+
+  app.controller(_scope.name, function ($scope, $http, $timeout, $interval) {
+    $scope.onError = function () {};
+    if (Array.isArray(_scope.apps)) {
+      _scope.apps.forEach((_app, index) => {
+        $scope[_app.as + 'DefaultItem'] = {};
+        $scope[_app.as + 'Item'] = {};
+        $scope[_app.as + 'List'] = [];
+
+        $scope[_app.as + 'Display'] = function () {
+          $scope.error = '';
+          $scope[_app.as + 'Item'] = { ...$scope[_app.as + 'DefaultItem'] };
+          site.showModal(_app.modal);
+        };
+
+        $scope[_app.as + 'Add'] = function () {
+          $scope.error = '';
+          const v = site.validated(_app.modal);
+          if (!v.ok) {
+            $scope.error = v.messages[0].ar;
+            return;
+          }
+          $scope.busy = true;
+          $http({
+            method: 'POST',
+            url: `/api/${_app.name}/add`,
+            data: $scope[_app.as + 'Item'],
+          }).then(
+            function (response) {
+              $scope.busy = false;
+              if (response.data.done) {
+                $scope[_app.as + 'List'].push(response.data.doc);
+                $scope[_app.as + 'Item'] = { ...$scope[_app.as + 'DefaultItem'] };
+              } else {
+                $scope.error = 'Please Login First';
+              }
+            },
+            function (err) {
+              $scope.onError({ error: err, func: _app.as + 'Add' });
+            }
+          );
+        };
+        $scope[_app.as + 'Update'] = function (selectedItem) {
+          $scope.error = '';
+          const v = site.validated(_app.modal);
+          if (!v.ok) {
+            $scope.error = v.messages[0].ar;
+            return;
+          }
+          $scope.busy = true;
+          $http({
+            method: 'POST',
+            url: `/api/${_app.name}/update`,
+            data: selectedItem,
+          }).then(
+            function (response) {
+              $scope.busy = false;
+              if (response.data.done) {
+                let index = $scope[_app.as + 'List'].findIndex((ss) => ss.id === selectedItem.id);
+                if (index > -1) {
+                  $scope[_app.as + 'List'][index] = response.data.doc;
+                }
+                $scope[_app.as + 'Item'] = { ...$scope[_app.as + 'DefaultItem'] };
+              } else {
+                $scope.error = 'Please Login First';
+              }
+            },
+            function (err) {
+              $scope.onError({ error: err, func: _app.as + 'Update' });
+            }
+          );
+        };
+        $scope[_app.as + 'Delete'] = function (selectedItem) {
+          $scope.error = '';
+          const v = site.validated(_app.modal);
+          if (!v.ok) {
+            $scope.error = v.messages[0].ar;
+            return;
+          }
+          $scope.busy = true;
+          $http({
+            method: 'POST',
+            url: `/api/${_app.name}/delete`,
+            data: selectedItem,
+          }).then(
+            function (response) {
+              $scope.busy = false;
+              if (response.data.done) {
+                let index = $scope[_app.as + 'List'].findIndex((ss) => ss.id === selectedItem.id);
+                if (index > -1) {
+                  $scope[_app.as + 'List'].splice(index, 1);
+                }
+              } else {
+                $scope.error = 'Please Login First';
+              }
+            },
+            function (err) {
+              $scope.onError({ error: err, func: _app.as + 'Delete' });
+            }
+          );
+        };
+        $scope[_app.as + 'LoadAll'] = function () {
+          $scope.busy = true;
+          $http({
+            method: 'POST',
+            url: `/api/${_app.name}/all`,
+            data: {
+              where: {},
+              select: {},
+            },
+          }).then(
+            function (response) {
+              $scope.busy = false;
+              if (response.data.done && response.data.list.length > 0) {
+                $scope[_app.as + 'List'] = response.data.list;
+              }
+            },
+            function (err) {
+              $scope.busy = false;
+              $scope.onError({ error: err, func: _app.as + 'LoadAll' });
+            }
+          );
+        };
+
+        if (index === 0) {
+          $scope.display = $scope[_app.as + 'Display'];
+          $scope.add = $scope[_app.as + 'Add'];
+          $scope.update = $scope[_app.as + 'Update'];
+          $scope.delete = $scope[_app.as + 'Delete'];
+          $scope.loadAll = $scope[_app.as + 'LoadAll'];
+        }
+      });
+    }
+    if (callback) {
+      callback($scope, $http, $timeout, $interval);
+    }
+  });
+};

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

@@ -906,7 +906,6 @@ app.directive('iImage', [
         ngChange: '&',
       },
       link: function ($scope, element, attrs, ctrl) {
-        $scope.folder = $scope.folder || 'default';
         $scope.accept = $scope.accept ? $scope.accept : 'image/*';
         $scope.viewOnly = $scope.view === undefined ? false : true;
 

package/apps/client-side/site_files/js/directive-core.js

@@ -60,12 +60,6 @@ app.service('isite', [
     };
 
     this.uploadImage = function (files, options, callback) {
-      options = Object.assign(
-        {
-          category: 'default',
-        },
-        options
-      );
       callback = callback || function () {};
 
       var fd = new FormData();
@@ -75,7 +69,7 @@ app.service('isite', [
           withCredentials: !0,
           headers: {
             'Content-Type': undefined,
-            folder: options.folder,
+            ...options
           },
           uploadEventHandlers: {
             progress: function (e) {

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

@@ -577,6 +577,9 @@
     return site.to123(JSON.parse(obj));
   };
   site.show = site.showObject = function (obj) {
+    if (!obj) {
+      return {};
+    }
     return JSON.parse(site.from123(obj));
   };
 
@@ -709,7 +712,7 @@
               en: 'Data Is Required',
               ar: 'هذا البيان مطلوب',
             });
-          } else if (el.nodeName === 'INPUT' || el.nodeName === 'SELECT' || el.nodeName === 'TEXTAREA' || el.nodeName === 'I-DATETIME'|| el.nodeName === 'I-DATE') {
+          } else if (el.nodeName === 'INPUT' || el.nodeName === 'SELECT' || el.nodeName === 'TEXTAREA' || el.nodeName === 'I-DATETIME' || el.nodeName === 'I-DATE') {
             el.classList.add('is-valid');
           }
         } else if (vl.like('ml*')) {

package/index.js

@@ -28,8 +28,10 @@ module.exports = function init(options) {
   ____0.md5 = ____0.hash = ____0.x0md50x = require('md5');
   ____0.nodemailer = require('nodemailer');
   ____0.child_process = require('child_process');
+  ____0.webp = require('webp-converter');
 
   ____0.setting = {};
+  ____0.collectionList = [];
   ____0.apps = [];
   ____0.appList = [];
   ____0.addApp = function (app) {
@@ -176,6 +178,8 @@ module.exports = function init(options) {
   require('./lib/vars.js')(____0);
 
   //DataBase Management Oprations
+ 
+
   if (____0.options.mongodb.enabled) {
     ____0.mongodb = require('./lib/mongodb.js')(____0);
     ____0.connectCollection = function (option, db) {
@@ -210,6 +214,7 @@ module.exports = function init(options) {
   require('./lib/browser.js')(____0);
   require('./lib/helper.js')(____0);
   require('./lib/pdf.js')(____0);
+  require('./lib/app.js')(____0);
 
   //Master Pages
   ____0.masterPages = [];