isite 2022.9.19 → 2022.9.20

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

@@ -75,6 +75,11 @@ legend::after {
 i-textarea {
   margin: 0px;
 }
+
+i-checkbox {
+  padding-left: 20px !important;
+  padding-right: 20px !important;
+}
 i-checkbox,
 i-radio {
   align-self: center;

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

@@ -86,7 +86,6 @@
     transform: rotate(45deg);
 }
 
-
 i-checkbox .selector {
     user-select: none;
     -webkit-user-select: none;

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

@@ -248,7 +248,8 @@
 @media screen and (max-width: 480px) {
     .modal.small .modal-content,
     .modal-content.small {
-        width: 90vw;
+        width: 95vw;
+        margin: 2vw !important;
     }
   
   }

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

@@ -7,13 +7,13 @@
   </div>
   <div class="row dashed padding margin" ng-show="editOnly">
     <div class="col3">
-      <i-list label="Day" v="{{v}}" items="days" ng-model="model.selectedDay"></i-list>
+      <i-list label="{{dayTitle}}" v="{{v}}" items="days" ng-model="model.selectedDay"></i-list>
     </div>
     <div class="col4">
-      <i-list label="Month" v="{{v}}" items="monthes" ng-model="model.selectedMonth"></i-list>
+      <i-list label="{{monthTitle}}" v="{{v}}" items="monthes" ng-model="model.selectedMonth"></i-list>
     </div>
     <div class="col4">
-      <i-list label="Year" v="{{v}}" items="years" ng-search="searchYear" ng-model="model.selectedYear"></i-list>
+      <i-list label="{{yearTitle}}" v="{{v}}" items="years" ng-search="searchYear" ng-model="model.selectedYear"></i-list>
     </div>
 
     <div class="col2">

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

@@ -8,20 +8,20 @@
   </div>
   <div class="row dashed padding margin" ng-show="editOnly">
     <div class="col2">
-      <i-list label="Day"  items="days" ng-model="model.selectedDay"></i-list>
+      <i-list label="{{dayTitle}}"  items="days" ng-model="model.selectedDay"></i-list>
     </div>
     <div class="col3">
-      <i-list label="Month"  items="monthes" ng-model="model.selectedMonth"></i-list>
+      <i-list label="{{monthTitle}}"  items="monthes" ng-model="model.selectedMonth"></i-list>
     </div>
     <div class="col3">
-      <i-list label="Year"  items="years" ng-search="searchYear" ng-model="model.selectedYear"></i-list>
+      <i-list label="{{yearTitle}}"  items="years" ng-search="searchYear" ng-model="model.selectedYear"></i-list>
     </div>
 
     <div class="col2">
-      <i-list label="Hour"  items="hours" ng-model="model.selectedHour"></i-list>
+      <i-list label="{{hourTitle}}"  items="hours" ng-model="model.selectedHour"></i-list>
     </div>
     <div class="col2">
-      <i-list label="Minute"  items="minutes" ng-model="model.selectedMinute"></i-list>
+      <i-list label="{{minuteTitle}}"  items="minutes" ng-model="model.selectedMinute"></i-list>
     </div>
     <div class="row">
       <br />

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

@@ -480,8 +480,15 @@ app.directive('iDate', function () {
           name: i,
         });
       }
+      $scope.dayTitle = 'Day';
+      $scope.monthTitle = 'Month';
+      $scope.yearTitle = 'Year';
+
       $scope.lang = site.session ? site.session.lang : 'en';
       if ($scope.lang === 'ar') {
+        $scope.dayTitle = 'يوم';
+        $scope.monthTitle = 'شهر';
+        $scope.yearTitle = 'سنة';
         $scope.monthes = [
           { id: 0, name: 'يناير' },
           { id: 1, name: 'فبراير' },
@@ -501,15 +508,15 @@ app.directive('iDate', function () {
           { id: 0, name: 'Jan' },
           { id: 1, name: 'Feb' },
           { id: 2, name: 'Mar' },
-          { id: 3, name: 'Aper' },
+          { id: 3, name: 'Apr' },
           { id: 4, name: 'May' },
-          { id: 5, name: 'June' },
-          { id: 6, name: 'Jule' },
+          { id: 5, name: 'Jun' },
+          { id: 6, name: 'Jul' },
           { id: 7, name: 'Aug' },
           { id: 8, name: 'Sep' },
           { id: 9, name: 'Oct' },
           { id: 10, name: 'Nov' },
-          { id: 11, name: 'Des' },
+          { id: 11, name: 'Dec' },
         ];
       }
 
@@ -604,8 +611,19 @@ app.directive('iDatetime', function () {
           name: i,
         });
       }
+      $scope.dayTitle = 'Day';
+      $scope.monthTitle = 'Month';
+      $scope.yearTitle = 'Year';
+      $scope.hourTitle = 'Hour';
+      $scope.minuteTitle = 'Minute';
+
       $scope.lang = site.session ? site.session.lang : 'en';
       if ($scope.lang === 'ar') {
+        $scope.dayTitle = 'يوم';
+        $scope.monthTitle = 'شهر';
+        $scope.yearTitle = 'سنة';
+        $scope.hourTitle = 'ساعة';
+        $scope.minuteTitle = 'دقيقة';
         $scope.monthes = [
           { id: 0, name: 'يناير' },
           { id: 1, name: 'فبراير' },
@@ -625,15 +643,15 @@ app.directive('iDatetime', function () {
           { id: 0, name: 'Jan' },
           { id: 1, name: 'Feb' },
           { id: 2, name: 'Mar' },
-          { id: 3, name: 'Aper' },
+          { id: 3, name: 'Apr' },
           { id: 4, name: 'May' },
-          { id: 5, name: 'June' },
-          { id: 6, name: 'Jule' },
+          { id: 5, name: 'Jun' },
+          { id: 6, name: 'Jul' },
           { id: 7, name: 'Aug' },
           { id: 8, name: 'Sep' },
           { id: 9, name: 'Oct' },
           { id: 10, name: 'Nov' },
-          { id: 11, name: 'Des' },
+          { id: 11, name: 'Dec' },
         ];
       }
 

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

@@ -2,7 +2,9 @@ if (window.module) {
   module = window.module;
 }
 site.onLoad(() => {
-  document.querySelectorAll('.loaded').forEach((el) => {
-    el.classList.remove('loaded');
-  });
+  setTimeout(() => {
+    document.querySelectorAll('.loaded').forEach((el) => {
+      el.classList.remove('loaded');
+    });
+  }, 1000);
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "isite",
-  "version": "2022.09.19",
+  "version": "2022.09.20",
   "description": "Create Secure Multi-Language Web Site [Fast and Easy] ",
   "main": "index.js",
   "repository": {