@websy/websy-designs 1.8.2 → 1.9.1

package/dist/server/helpers/v1/authHelper.js

@@ -133,27 +133,32 @@ class AuthHelper {
   }
   checkPermissions (req, res, next) {
     console.log('hello')
-    const permissions = {
-      entities: {
-        POST: false,
-        PUT: true,
-        GET: true,
-        DELETE: true
-      },
-      item: {
-        POST: true,
-        PUT: true,
-        GET: true,
-        DELETE: true
+    if (process.env.USE_PERMISSIONS === 'true' || process.env.USE_PERMISSIONS === true) {
+      const permissions = {
+        entities: {
+          POST: false,
+          PUT: true,
+          GET: true,
+          DELETE: true
+        },
+        item: {
+          POST: true,
+          PUT: true,
+          GET: true,
+          DELETE: true
+        }
+      }    
+      if (permissions[req.params.entity] && permissions[req.params.entity][req.method] === true) {
+        next()
       }
-    }    
-    if (permissions[req.params.entity] && permissions[req.params.entity][req.method] === true) {
-      next()
+      else {
+        res.status(403)
+        res.json('User does not have permissions to ....')
+      } 
     }
     else {
-      res.status(403)
-      res.json('User does not have permissions to ....')
-    }    
+      next()
+    }       
   }
 }
 

package/dist/server/helpers/v1/pgHelper.js

@@ -110,6 +110,13 @@ class PGHelper {
   buildInsert (entity, data, user) {
     delete data[(this.options.entityConfig[entity] && this.options.entityConfig[entity].idColumn) || 'id']
     // data.create_user = user
+    if (process.env.CREATE_USER_FIELD && process.env.USERID_FIELD && user) {
+      data[process.env.CREATE_USER_FIELD] = user[process.env.USERID_FIELD || 'id']
+      data[process.env.EDIT_USER_FIELD] = user[process.env.USERID_FIELD || 'id']      
+    }
+    if (process.env.EDIT_DATE_FIELD) {
+      data[process.env.EDIT_DATE_FIELD] = (new Date()).toISOString()
+    }
     return `
       INSERT INTO ${entity} (${Object.keys(data).join(',')})
       VALUES (${Object.values(data).map(d => (d === null ? `${d}` : `'${d}'`)).join(',')})

package/dist/server/routes/v1/api.js

@@ -46,7 +46,12 @@ function APIRoutes (dbHelper, authHelper) {
   router.post('/:entity', authHelper.checkPermissions, (req, res) => {
     // const sql = dbHelper.buildInsert(req.params.entity, req.body, req.session.passport.user.id)
     console.log(req.body)
-    const sql = dbHelper.buildInsert(req.params.entity, req.body)
+    console.log(req.session)
+    let user
+    if (req.session && req.session.user) {
+      user = req.session.user
+    }
+    const sql = dbHelper.buildInsert(req.params.entity, req.body, user)
     console.log(sql)
     dbHelper.execute(sql).then(response => res.json(response), err => {
       res.statusCode = 404

package/dist/server/websy-designs-server.js

@@ -147,12 +147,15 @@ module.exports = function (options) {
               // console.log('secure routes', secureRoutes)
               // console.log('excluded routes', excludedRoutes)
               // console.log('path', req.path)
-              // console.log('index of', excludedRoutes.indexOf(req.path))              
-              if (secureRoutes === false && excludedRoutes.indexOf(req.path) !== -1) {         
+              // console.log('index of', excludedRoutes.indexOf(req.path))  
+              if (secureRoutes === true) {
+                excludedRoutes.push('/resources', '/scripts', '/styles', '/external', '/templates', '/fonts')
+              } 
+              if (secureRoutes === false && excludedRoutes.indexOf('/' + req.path.split('/')[1]) !== -1) {         
                 // console.log('in condition A')       
                 app.authHelper.isLoggedIn(req, res, next)
               }
-              else if (secureRoutes === true && excludedRoutes.indexOf(req.path) === -1) {
+              else if (secureRoutes === true && excludedRoutes.indexOf('/' + req.path.split('/')[1]) === -1) {
                 // console.log('in condition B')
                 app.authHelper.isLoggedIn(req, res, next)
               }

package/dist/websy-designs-es6.debug.js

@@ -1501,6 +1501,7 @@ class WebsyDropdown {
       showCompleteSelectedList: false,
       closeAfterSelection: true,
       customActions: [],
+      customButtons: [],
       searchIcon: `<svg width="20" height="20" viewBox="0 0 512 512"><path d="M221.09,64A157.09,157.09,0,1,0,378.18,221.09,157.1,157.1,0,0,0,221.09,64Z" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"/><line x1="338.29" y1="338.29" x2="448" y2="448" style="fill:none;stroke:#000;stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"/></svg>`,
       clearIcon: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512"><title>ionicons-v5-l</title><line x1="368" y1="368" x2="144" y2="144" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="368" y1="144" x2="144" y2="368" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>`,
       arrowIcon: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M23.677 18.52c.914 1.523-.183 3.472-1.967 3.472h-19.414c-1.784 0-2.881-1.949-1.967-3.472l9.709-16.18c.891-1.483 3.041-1.48 3.93 0l9.709 16.18z"/></svg>`,
@@ -1553,24 +1554,47 @@ class WebsyDropdown {
           <div id='${this.elementId}_mask' class='websy-dropdown-mask'></div>
           <div id='${this.elementId}_content' class='websy-dropdown-content'>
       `
-      if (this.options.customActions.length > 0) {
+      if (this.options.customActions.length > 0 || this.options.customButtons.length > 0) {
         html += `
           <div class='websy-dropdown-action-container'>
+        `
+        if (this.options.customActions.length > 0) {
+          html += `
             ${this.options.actionsTitle || ''}
             <button class='websy-dropdown-action-button'>
               ${this.options.actionsIcon}
             </button>
-            <ul id='${this.elementId}_actionContainer'>
-        `
-        this.options.customActions.forEach((a, i) => {
+          `
+        }
+        if (this.options.customButtons.length > 0) {
           html += `
-            <li class='websy-dropdown-custom-action' data-index='${i}'>${a.label}</li>
+            <div class='websy-dropdown-additional-buttons'>
           `
-        })
-        html += `
-            </ul>
-          </div>
-        `
+          this.options.customButtons.forEach((b, i) => {
+            html += `
+              <button class='websy-dropdown-custom-button' data-index='${i}'>
+                ${b.label}
+              </button>
+            `
+          })
+          html += `
+            </div>
+          `
+        }
+        if (this.options.customActions.length > 0) {
+          html += `            
+              <ul id='${this.elementId}_actionContainer'>
+          `
+          this.options.customActions.forEach((a, i) => {
+            html += `
+              <li class='websy-dropdown-custom-action' data-index='${i}'>${a.label}</li>
+            `
+          })
+          html += `
+              </ul>
+            </div>
+          `
+        }
       }
       if (this.options.disableSearch !== true) {
         html += `
@@ -1640,7 +1664,20 @@ class WebsyDropdown {
       this.options.onClearSelected()
     }
   }
-  close () {
+  close () {  
+    this.hide()     
+    const searchEl = document.getElementById(`${this.elementId}_search`)
+    if (searchEl) {
+      if (searchEl.value.length > 0 && this.options.onCancelSearch) {            
+        this.options.onCancelSearch('')
+        searchEl.value = ''
+      }      
+    }
+    if (this.options.onClose) {
+      this.options.onClose(this.elementId)
+    }
+  }
+  hide () {
     const maskEl = document.getElementById(`${this.elementId}_mask`)
     const contentEl = document.getElementById(`${this.elementId}_content`)
     const scrollEl = document.getElementById(`${this.elementId}_itemsContainer`)
@@ -1661,17 +1698,7 @@ class WebsyDropdown {
     if (contentEl) {
       contentEl.classList.remove('active')
       contentEl.classList.remove('on-top')    
-    }    
-    const searchEl = document.getElementById(`${this.elementId}_search`)
-    if (searchEl) {
-      if (searchEl.value.length > 0 && this.options.onCancelSearch) {            
-        this.options.onCancelSearch('')
-        searchEl.value = ''
-      }      
-    }
-    if (this.options.onClose) {
-      this.options.onClose(this.elementId)
-    }
+    } 
   }
   handleClick (event) {
     if (this.options.disabled === true) {
@@ -1700,6 +1727,12 @@ class WebsyDropdown {
         this.options.customActions[actionIndex].fn()
       }
     }
+    else if (event.target.classList.contains('websy-dropdown-custom-button')) {
+      const actionIndex = +event.target.getAttribute('data-index')
+      if (this.options.customButtons[actionIndex] && this.options.customButtons[actionIndex].fn) {
+        this.options.customButtons[actionIndex].fn()
+      }
+    }
     else if (event.target.classList.contains('websy-dropdown-action-button')) {
       const el = document.getElementById(`${this.elementId}_actionContainer`)
       if (el) {
@@ -1997,7 +2030,7 @@ class WebsyDropdown {
 class WebsyForm {
   constructor (elementId, options) {
     const defaults = {
-      submit: { text: 'Save', classes: '' },
+      submit: { text: 'Save', classes: [] },
       useRecaptcha: false,
       clearAfterSave: false,
       fields: [],
@@ -2068,6 +2101,10 @@ class WebsyForm {
       }
     })
   }
+  clear () {
+    const formEl = document.getElementById(`${this.elementId}Form`)    
+    formEl.reset()
+  }
   get data () {
     const formEl = document.getElementById(`${this.elementId}Form`)    
     const data = {}
@@ -4050,7 +4087,9 @@ class WebsyRouter {
     if (typeof params === 'undefined') {
       return
     }
-    this.previousParams = Object.assign({}, this.currentParams)
+    if (reloadView === false) {
+      this.previousParams = Object.assign({}, this.currentParams)      
+    }
     const output = {
       path: '',
       items: {}
@@ -4065,7 +4104,9 @@ class WebsyRouter {
       path = this.buildUrlPath(output.items)
     }
     output.path = path
-    this.currentParams = output
+    if (reloadView === false) {
+      this.currentParams = output      
+    }
     let inputPath = this.currentView
     if (this.options.urlPrefix) {
       inputPath = `/${this.options.urlPrefix}/${inputPath}`
@@ -6029,7 +6070,8 @@ class WebsyTable3 {
       allowPivoting: false,
       searchIcon: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 512 512"><title>ionicons-v5-f</title><path d="M221.09,64A157.09,157.09,0,1,0,378.18,221.09,157.1,157.1,0,0,0,221.09,64Z" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"/><line x1="338.29" y1="338.29" x2="448" y2="448" style="fill:none;stroke:#000;stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"/></svg>`,
       plusIcon: WebsyDesigns.Icons.PlusFilled,
-      minusIcon: WebsyDesigns.Icons.MinusFilled      
+      minusIcon: WebsyDesigns.Icons.MinusFilled,
+      disableInternalLoader: false  
     }
     this.options = Object.assign({}, DEFAULTS, options)
     this.isTouchDevice = ('ontouchstart' in window) || (navigator.maxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0)
@@ -7059,7 +7101,9 @@ class WebsyTable3 {
     }
   }
   showLoading (options) {
-    this.loadingDialog.show(options)
+    if (this.options.disableInternalLoader !== true) {      
+      this.loadingDialog.show(options)
+    }
   }
 }
 

package/dist/websy-designs-es6.js

@@ -1507,6 +1507,7 @@ var WebsyDropdown = /*#__PURE__*/function () {
       showCompleteSelectedList: false,
       closeAfterSelection: true,
       customActions: [],
+      customButtons: [],
       searchIcon: "<svg width=\"20\" height=\"20\" viewBox=\"0 0 512 512\"><path d=\"M221.09,64A157.09,157.09,0,1,0,378.18,221.09,157.1,157.1,0,0,0,221.09,64Z\" style=\"fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px\"/><line x1=\"338.29\" y1=\"338.29\" x2=\"448\" y2=\"448\" style=\"fill:none;stroke:#000;stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px\"/></svg>",
       clearIcon: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 512 512\"><title>ionicons-v5-l</title><line x1=\"368\" y1=\"368\" x2=\"144\" y2=\"144\" style=\"fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px\"/><line x1=\"368\" y1=\"144\" x2=\"144\" y2=\"368\" style=\"fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px\"/></svg>",
       arrowIcon: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M23.677 18.52c.914 1.523-.183 3.472-1.967 3.472h-19.414c-1.784 0-2.881-1.949-1.967-3.472l9.709-16.18c.891-1.483 3.041-1.48 3.93 0l9.709 16.18z\"/></svg>",
@@ -1549,12 +1550,25 @@ var WebsyDropdown = /*#__PURE__*/function () {
         html += "<div class='clear'>".concat(this.options.clearIcon, "</div>");
       }
       html += "          \n          </div>\n          <div id='".concat(this.elementId, "_mask' class='websy-dropdown-mask'></div>\n          <div id='").concat(this.elementId, "_content' class='websy-dropdown-content'>\n      ");
-      if (this.options.customActions.length > 0) {
-        html += "\n          <div class='websy-dropdown-action-container'>\n            ".concat(this.options.actionsTitle || '', "\n            <button class='websy-dropdown-action-button'>\n              ").concat(this.options.actionsIcon, "\n            </button>\n            <ul id='").concat(this.elementId, "_actionContainer'>\n        ");
-        this.options.customActions.forEach(function (a, i) {
-          html += "\n            <li class='websy-dropdown-custom-action' data-index='".concat(i, "'>").concat(a.label, "</li>\n          ");
-        });
-        html += "\n            </ul>\n          </div>\n        ";
+      if (this.options.customActions.length > 0 || this.options.customButtons.length > 0) {
+        html += "\n          <div class='websy-dropdown-action-container'>\n        ";
+        if (this.options.customActions.length > 0) {
+          html += "\n            ".concat(this.options.actionsTitle || '', "\n            <button class='websy-dropdown-action-button'>\n              ").concat(this.options.actionsIcon, "\n            </button>\n          ");
+        }
+        if (this.options.customButtons.length > 0) {
+          html += "\n            <div class='websy-dropdown-additional-buttons'>\n          ";
+          this.options.customButtons.forEach(function (b, i) {
+            html += "\n              <button class='websy-dropdown-custom-button' data-index='".concat(i, "'>\n                ").concat(b.label, "\n              </button>\n            ");
+          });
+          html += "\n            </div>\n          ";
+        }
+        if (this.options.customActions.length > 0) {
+          html += "            \n              <ul id='".concat(this.elementId, "_actionContainer'>\n          ");
+          this.options.customActions.forEach(function (a, i) {
+            html += "\n              <li class='websy-dropdown-custom-action' data-index='".concat(i, "'>").concat(a.label, "</li>\n            ");
+          });
+          html += "\n              </ul>\n            </div>\n          ";
+        }
       }
       if (this.options.disableSearch !== true) {
         html += "\n          <div class='websy-dropdown-search-container'>\n            <input id='".concat(this.elementId, "_search' class='websy-dropdown-search' placeholder='").concat(this.options.searchPlaceholder || 'Search', "'>\n          </div>\n        ");
@@ -1621,6 +1635,21 @@ var WebsyDropdown = /*#__PURE__*/function () {
   }, {
     key: "close",
     value: function close() {
+      this.hide();
+      var searchEl = document.getElementById("".concat(this.elementId, "_search"));
+      if (searchEl) {
+        if (searchEl.value.length > 0 && this.options.onCancelSearch) {
+          this.options.onCancelSearch('');
+          searchEl.value = '';
+        }
+      }
+      if (this.options.onClose) {
+        this.options.onClose(this.elementId);
+      }
+    }
+  }, {
+    key: "hide",
+    value: function hide() {
       var maskEl = document.getElementById("".concat(this.elementId, "_mask"));
       var contentEl = document.getElementById("".concat(this.elementId, "_content"));
       var scrollEl = document.getElementById("".concat(this.elementId, "_itemsContainer"));
@@ -1642,16 +1671,6 @@ var WebsyDropdown = /*#__PURE__*/function () {
         contentEl.classList.remove('active');
         contentEl.classList.remove('on-top');
       }
-      var searchEl = document.getElementById("".concat(this.elementId, "_search"));
-      if (searchEl) {
-        if (searchEl.value.length > 0 && this.options.onCancelSearch) {
-          this.options.onCancelSearch('');
-          searchEl.value = '';
-        }
-      }
-      if (this.options.onClose) {
-        this.options.onClose(this.elementId);
-      }
     }
   }, {
     key: "handleClick",
@@ -1676,6 +1695,11 @@ var WebsyDropdown = /*#__PURE__*/function () {
         if (this.options.customActions[actionIndex] && this.options.customActions[actionIndex].fn) {
           this.options.customActions[actionIndex].fn();
         }
+      } else if (event.target.classList.contains('websy-dropdown-custom-button')) {
+        var _actionIndex = +event.target.getAttribute('data-index');
+        if (this.options.customButtons[_actionIndex] && this.options.customButtons[_actionIndex].fn) {
+          this.options.customButtons[_actionIndex].fn();
+        }
       } else if (event.target.classList.contains('websy-dropdown-action-button')) {
         var _el = document.getElementById("".concat(this.elementId, "_actionContainer"));
         if (_el) {
@@ -1997,7 +2021,7 @@ var WebsyForm = /*#__PURE__*/function () {
     var defaults = {
       submit: {
         text: 'Save',
-        classes: ''
+        classes: []
       },
       useRecaptcha: false,
       clearAfterSave: false,
@@ -2077,6 +2101,12 @@ var WebsyForm = /*#__PURE__*/function () {
         }
       });
     }
+  }, {
+    key: "clear",
+    value: function clear() {
+      var formEl = document.getElementById("".concat(this.elementId, "Form"));
+      formEl.reset();
+    }
   }, {
     key: "data",
     get: function get() {
@@ -3842,7 +3872,9 @@ var WebsyRouter = /*#__PURE__*/function () {
       if (typeof params === 'undefined') {
         return;
       }
-      this.previousParams = _extends({}, this.currentParams);
+      if (reloadView === false) {
+        this.previousParams = _extends({}, this.currentParams);
+      }
       var output = {
         path: '',
         items: {}
@@ -3856,7 +3888,9 @@ var WebsyRouter = /*#__PURE__*/function () {
         path = this.buildUrlPath(output.items);
       }
       output.path = path;
-      this.currentParams = output;
+      if (reloadView === false) {
+        this.currentParams = output;
+      }
       var inputPath = this.currentView;
       if (this.options.urlPrefix) {
         inputPath = "/".concat(this.options.urlPrefix, "/").concat(inputPath);
@@ -5772,7 +5806,8 @@ var WebsyTable3 = /*#__PURE__*/function () {
       allowPivoting: false,
       searchIcon: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 512 512\"><title>ionicons-v5-f</title><path d=\"M221.09,64A157.09,157.09,0,1,0,378.18,221.09,157.1,157.1,0,0,0,221.09,64Z\" style=\"fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px\"/><line x1=\"338.29\" y1=\"338.29\" x2=\"448\" y2=\"448\" style=\"fill:none;stroke:#000;stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px\"/></svg>",
       plusIcon: WebsyDesigns.Icons.PlusFilled,
-      minusIcon: WebsyDesigns.Icons.MinusFilled
+      minusIcon: WebsyDesigns.Icons.MinusFilled,
+      disableInternalLoader: false
     };
     this.options = _extends({}, DEFAULTS, options);
     this.isTouchDevice = 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
@@ -6777,7 +6812,9 @@ var WebsyTable3 = /*#__PURE__*/function () {
   }, {
     key: "showLoading",
     value: function showLoading(options) {
-      this.loadingDialog.show(options);
+      if (this.options.disableInternalLoader !== true) {
+        this.loadingDialog.show(options);
+      }
     }
   }]);
   return WebsyTable3;