isite 2022.8.1 → 2022.8.4

package/apps/client-side/app.js

@@ -15,6 +15,12 @@ module.exports = function (site) {
     });
   });
 
+  site.get({
+    name: '/x-images',
+    path: __dirname + '/site_files/images',
+    public: true,
+  });
+
   site.get({
     name: '/x-js',
     path: __dirname + '/site_files/js',
@@ -155,9 +161,12 @@ module.exports = function (site) {
       __dirname + '/site_files/css/layout.css',
       __dirname + '/site_files/css/modal.css',
       __dirname + '/site_files/css/color.css',
+      __dirname + '/site_files/css/images.css',
+      __dirname + '/site_files/css/dropdown.css',
       __dirname + '/site_files/css/fonts.css',
       __dirname + '/site_files/css/font-droid.css',
       __dirname + '/site_files/css/effect.css',
+      __dirname + '/site_files/css/scrollbar.css',
       __dirname + '/site_files/css/table.css',
       __dirname + '/site_files/css/tabs.css',
       __dirname + '/site_files/css/help.css',
@@ -171,22 +180,26 @@ module.exports = function (site) {
 
   site.createDir(site.dir + '/../../uploads');
 
-  site.post({ name: '/api/upload/image/:category', public: true }, (req, res) => {
-    site.createDir(site.options.upload_dir + '/' + req.params.category, () => {
-      site.createDir(site.options.upload_dir + '/' + req.params.category + '/images', () => {
+  site.post({ name: '/x-api/upload/image', public: true }, (req, res) => {
+    site.createDir(site.options.upload_dir + '/' + req.headers['folder'], () => {
+      site.createDir(site.options.upload_dir + '/' + req.headers['folder'] + '/images', () => {
         let response = {
+          image: {},
           done: !0,
         };
         let file = req.files.fileToUpload;
         if (file) {
-          let newName = 'image_' + new Date().getTime().toString().replace('.', '_') + '.png';
-          let newpath = site.options.upload_dir + '/' + req.params.category + '/images/' + newName;
+          let newName = 'image_' + (new Date().getTime().toString() + Math.random()).replaceAll('.', '_') + site.path.extname(file.originalFilename);
+          let newpath = site.path.resolve(site.options.upload_dir + '/' + req.headers['folder'] + '/images/' + newName);
           site.mv(file.filepath, newpath, function (err) {
             if (err) {
               response.error = err;
               response.done = !1;
+            } else {
+              response.image.path = newpath;
+              response.image.url = '/x-api/image/' + req.headers['folder'] + '/' + newName;
+              response.image.size = file.size;
             }
-            response.image_url = '/api/image/' + req.params.category + '/' + newName;
             res.json(response);
           });
         } else {
@@ -198,15 +211,16 @@ module.exports = function (site) {
     });
   });
 
-  site.get({ name: '/api/image/:category/:name', public: true }, (req, res) => {
+  site.get({ name: '/x-api/image/:category/:name', public: true }, (req, res) => {
     res.set('Cache-Control', 'public, max-age=2592000');
     res.download(site.options.upload_dir + '/' + req.params.category + '/images/' + req.params.name);
   });
 
-  site.post({ name: '/api/upload/file/:category', public: true }, (req, res) => {
-    site.createDir(site.options.upload_dir + '/' + req.params.category, () => {
-      site.createDir(site.options.upload_dir + '/' + req.params.category + '/files', () => {
+  site.post({ name: '/x-api/upload/file', public: true }, (req, res) => {
+    site.createDir(site.options.upload_dir + '/' + req.headers['folder'], () => {
+      site.createDir(site.options.upload_dir + '/' + req.headers['folder'] + '/files', () => {
         let response = {
+          file: {},
           done: !0,
         };
         let file = req.files.fileToUpload;
@@ -216,17 +230,15 @@ module.exports = function (site) {
           res.json(response);
           return;
         }
-        let newName = 'file_' + new Date().getTime() + '.' + site.path.extname(file.name);
-        let newpath = site.options.upload_dir + '/' + req.params.category + '/files/' + newName;
+        let newName = 'file_' + (new Date().getTime().toString() + Math.random()).replaceAll('.', '_') + site.path.extname(file.originalFilename);
+        let newpath = site.path.resolve(site.options.upload_dir + '/' + req.headers['folder'] + '/files/' + newName);
         site.mv(file.filepath, newpath, function (err) {
           if (err) {
             response.error = err;
             response.done = !1;
           }
-          response.file = {};
-          response.file.url = '/api/file/' + req.params.category + '/' + newName;
-          response.file.name = file.originalFilename;
-          response.file.mimetype = file.mimetype;
+          response.file.path = newpath;
+          response.file.url = '/x-api/file/' + req.headers['folder'] + '/' + newName;
           response.file.size = file.size;
           res.json(response);
         });
@@ -234,7 +246,7 @@ module.exports = function (site) {
     });
   });
 
-  site.get({ name: '/api/file/:category/:name', public: true }, (req, res) => {
+  site.get({ name: '/x-api/file/:category/:name', public: true }, (req, res) => {
     res.download(site.options.upload_dir + '/' + req.params.category + '/files/' + req.params.name);
   });
 

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

@@ -22,16 +22,76 @@
   float: right;
   margin-right: -1.5em;
 }
+label {
+  float: left;
+}
+.ar label {
+  float: right;
+}
+fieldset {
+  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);
+}
+i-textarea {
+  margin: 10px;
+}
 i-checkbox,
 i-radio {
   align-self: center;
   margin-left: 1.5em;
   margin-right: 1.5em;
+  white-space: nowrap;
 }
+
 i-button {
   display: contents;
 }
-
+i-button button {
+  margin: 5px;
+}
+i-file {
+  padding: 10px !important;
+  border: 1px dashed var(--theme-color);
+  margin: 10px;
+  height: fit-content;
+}
+i-file button {
+  max-width: 100px;
+}
+i-file .view button {
+  width: 40px;
+  height: 40px;
+}
+i-date .fa {
+  font-size: 24px;
+  vertical-align: middle;
+  margin-top: 5px;
+}
+.modal-content {
+  width: 75%;
+}
+.modal-body {
+  padding: 10px;
+  display: block;
+}
+.modal-footer {
+  display: block;
+  width: 100%;
+}
+.dropdown-content {
+  top: 35px;
+}
 .v-tabs .nav-link {
   color: #aaa;
   background: #fff;

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

@@ -49,15 +49,33 @@
 }
 
 .dropdown-item {
+    display: inline-block;
     cursor: pointer;
     background: var(--dropdown-background);
+    padding: 0px;
+    margin: 0px;
+    transition: all .1s ease;
 }
 .dropdown-item p {
-    color: var(--dropdown-color);
-    font-size: var(--dropdown-font-size);
+    color: #055160;
+    font-size: 14px;
+    font-weight: bold;
     background: transparent;
+    text-align: left;
+}
+.ar .dropdown-item p{
+    text-align: right;
 }
 .dropdown-item small {
-    color: var(--dropdown-color2);
-    font-size: var(--dropdown-font-size2);
+    color: antiquewhite;
+    font-size: 9px;
+    text-align: left;
+    padding: 3px;
+    background: #198754;
+    font-weight: bold;
+    padding-right: 9px;
+    padding-left: 9px;
+}
+.ar .dropdown-item small{
+    text-align: right;
 }