isite 2022.9.20 → 2022.9.22

package/README.md

@@ -85,6 +85,7 @@ site = isite({
     dir: process.cwd() + '/site_files',
     upload_dir: process.cwd() + '/../uploads',
     download_dir: process.cwd() + '/../downloads',
+    backup_dir: process.cwd() + '/../backup',
     apps: !0,
     apps_dir: process.cwd() + '/apps',
     name: 'Your Site',
@@ -819,6 +820,24 @@ $employees.deleteDuplicate({'profile.name' : 1 } , (err , result)=>{
 
  }
 
+ // backup database
+ site.backupDB() // backup current database to current backup folder
+ site.backupDB({db:'' , path : ''})
+
+ // restore database
+ site.restoreDB() // restore current database from current backup folder
+ site.restoreDB({db:'' , path : ''})
+
+// API to download backup db
+site.onGET('db', (req, res) => {
+  site.backupDB(null, (err, options) => {
+    if (!err) {
+      res.download(options.path);
+    } else {
+      res.json(err);
+    }
+  });
+});
 
 //==================================================================
 // Global Database Events

package/apps/client-side/app.js

@@ -172,6 +172,7 @@ module.exports = function (site) {
       __dirname + '/site_files/css/effect.css',
       __dirname + '/site_files/css/scrollbar.css',
       __dirname + '/site_files/css/table.css',
+      __dirname + '/site_files/css/treeview.css',
       __dirname + '/site_files/css/tabs.css',
       __dirname + '/site_files/css/help.css',
       __dirname + '/site_files/css/print.css',
@@ -179,6 +180,7 @@ module.exports = function (site) {
       __dirname + '/site_files/css/theme_paper.css',
       __dirname + '/site_files/css/bootstrap5.css',
       __dirname + '/site_files/css/bootstrap5-addon.css',
+      __dirname + '/site_files/css/font-awesome.css',
     ],
   });
 

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

@@ -34,7 +34,7 @@ body {
   margin-bottom: 100px;
 }
 .container {
-  max-width: 90%;
+  max-width: 100%;
 }
 .ar .form-check .form-check-input {
   float: right;
@@ -52,6 +52,7 @@ fieldset {
   background: var(--fieldset-background);
   border: var(--fieldset-border);
   border-radius: 10px;
+  max-width: 98% !important;
 }
 
 fieldset legend {
@@ -80,6 +81,9 @@ i-checkbox {
   padding-left: 20px !important;
   padding-right: 20px !important;
 }
+i-checkbox label{
+  cursor: pointer;
+}
 i-checkbox,
 i-radio {
   align-self: center;
@@ -128,6 +132,10 @@ i-datetime.is-invalid .row {
   width: 75vw;
   height: 100vh;
 }
+.full .modal-content {
+  width: 95vw;
+  height: 100vh;
+}
 .modal-body {
   padding: 1rem;
   display: block;

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

@@ -1,121 +1,125 @@
 .check-list label.checkbox {
-    text-align: var(--text-align);
+  text-align: var(--text-align);
 }
 
 .check-list .control {
-    padding: 0px;
+  padding: 0px;
 }
 
 .check-list .title {
-    font-size: 16px;
+  font-size: 16px;
 }
 
 .checkbox {
-    margin: 5px;
-    margin-right: 10px;
-    display: inline-block;
-    position: relative;
-    padding-right: 35px;
-    padding-left: 0px;
-    margin-bottom: 12px;
-    cursor: pointer;
-    direction: ltr;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
+  margin: 5px;
+  margin-right: 10px;
+  display: inline-block;
+  position: relative;
+  padding-right: 35px;
+  padding-left: 0px;
+  margin-bottom: 12px;
+  cursor: pointer;
+  direction: ltr;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 }
 
 .en .checkbox {
-    direction: rtl;
-    padding-left: 35px;
-    padding-right: 0px;
+  direction: rtl;
+  padding-left: 35px;
+  padding-right: 0px;
 }
 
 .checkbox span.title {
-    vertical-align: sub;
+  vertical-align: sub;
 }
 
 .checkbox input {
-    position: absolute;
-    opacity: 0;
-    cursor: pointer;
+  position: absolute;
+  opacity: 0;
+  cursor: pointer;
 }
 
 .checkbox .checkmark {
-    position: absolute;
-    top: 3px;
-    margin-left: 5px;
-    margin-right: 5px;
-    height: 20px;
-    width: 20px;
-    border: 2px solid var(--modal-header-background-color);
-    transition: color .1s ease;
+  position: absolute;
+  top: 3px;
+  margin-left: 5px;
+  margin-right: 5px;
+  height: 20px;
+  width: 20px;
+  border: 2px solid var(--modal-header-background-color);
+  transition: color 0.1s ease;
 }
 
-.checkbox .checkbox:hover input~.checkmark {
-    border: 10px dashed var(--modal-header-background-color);
+.checkbox .checkbox:hover input ~ .checkmark {
+  border: 10px dashed var(--modal-header-background-color);
 }
 
-.checkbox input:checked~.checkmark {
-    background-color: var(--modal-header-background-color);
-    border: none;
-    border-radius: 5px;
-
+.checkbox input:checked ~ .checkmark {
+  background-color: var(--modal-header-background-color);
+  border: none;
+  border-radius: 5px;
 }
 
 .checkbox .checkmark:after {
-    content: "";
-    position: absolute;
-    display: none;
+  content: '';
+  position: absolute;
+  display: none;
 }
 
-.checkbox input:checked~.checkmark:after {
-    display: block;
+.checkbox input:checked ~ .checkmark:after {
+  display: block;
 }
 
 .checkbox .checkmark:after {
-    left: 7px;
-    top: 2px;
-    width: 5px;
-    height: 10px;
-    border: solid white;
-    border-width: 0 2px 2px 0;
-    -webkit-transform: rotate(45deg);
-    -ms-transform: rotate(45deg);
-    transform: rotate(45deg);
+  left: 7px;
+  top: 2px;
+  width: 5px;
+  height: 10px;
+  border: solid white;
+  border-width: 0 2px 2px 0;
+  -webkit-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  transform: rotate(45deg);
 }
 
+i-checkbox {
+  display: inline-block;
+}
+i-checkbox label {
+  cursor: pointer;
+}
 i-checkbox .selector {
-    user-select: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    cursor: pointer;
-    display: inline-block;
-    padding: 5px 9px;
-    margin: 5px;
-    min-width: 25px;
-    min-height: 25px;
-    border-radius: 0px;
-    border: none;
-    color: #fff;
-    background: red;
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  cursor: pointer;
+  display: inline-block;
+  padding: 5px 9px;
+  margin: 5px;
+  min-width: 25px;
+  min-height: 25px;
+  border-radius: 0px;
+  border: none;
+  color: #fff;
+  background: red;
 }
 
-i-checkbox .selector.selected .fa{
-    color: #ffffff;
+i-checkbox .selector.selected .fa {
+  color: #ffffff;
 }
-i-checkbox .selector.un-selected .fa{
-    color: #fff;
+i-checkbox .selector.un-selected .fa {
+  color: #fff;
 }
 
-
 i-checkbox .selector.selected {
-    background: #ffffff;
-    color: #ffffff;
-    background: #118011;
+  background: #ffffff;
+  color: #ffffff;
+  background: #118011;
 }
 i-checkbox .selector.un-selected {
-    background: #aaa;
-    color: #fff;
-}
+  background: #aaa;
+  color: #fff;
+}

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

@@ -136,8 +136,8 @@ textarea:focus {
 }
 
 fieldset {
-    padding: var(--fieldset-padding);
-    margin: var(--fieldset-margin);
+    padding: var(--fieldset-padding) ;
+    margin: var(--fieldset-margin) ;
     background: var(--fieldset-background);
     border: var(--fieldset-border);
 }

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

@@ -10,44 +10,61 @@
 }
 
 i-image {
+  display: inline-block;
   width: auto !important;
   height: auto !important;
-  margin: 5px;
+  border: var(--i-image-border);
 }
 i-image img {
-  width: 128px;
-  height: 128px;
-  transition: all 0.5s ease;
-  -moz-transition: all 0.5s ease;
-  -webkit-transition: all 0.5s ease;
-  -ms-transition: all 0.5s ease;
-  border: 1px dashed var(--theme-color);
+  width: 256px;
+  height: 256px;
+  object-fit: cover;
+  background-image: url('/images/no.png');
+  background-size: contain;
+  background-position: center;
+  background-repeat: no-repeat;
+
 }
 
 i-image.full img {
-  width: 100%;
-  height: auto;
-  border: var(--i-image-border);
+  width: 100% !important;
+  height: auto !important;
+
   padding: 5px;
 }
 
-i-image.logo img {
+i-image.img32 img {
+  width: 32px;
+  height: 32px;
+}
+i-image.logo img,
+i-image.img48 img {
   width: 48px;
   height: 48px;
 }
-i-image.logo64 img {
+i-image.img64 img {
+  width: 64px;
+  height: 64px;
+}
+i-image.img128 img {
   width: 64px;
   height: 64px;
 }
-i-image.photo img {
+i-image.img256 img {
   width: 256px;
   height: 256px;
+  min-width: 256px;
+  min-height: 256px;
 }
 
 i-image.hover img:hover {
   transform: scale(1.1);
 }
 
-i-image[view] img {
+i-image[view] {
   border: var(--i-image-view-border);
 }
+i-image[view] img{
+  background-image: none;
+  background-color: transparent;
+}