dphelper 0.2.49 → 0.2.55

package/scripts/path.js

@@ -0,0 +1,94 @@
+/*!
+ * dpHelper <https://github.com/passariello/dpHelper>
+ * Copyright (c) 2021, Dario Passariello.
+ * Licensed under the Apache-2.0 License.
+ */
+
+/***********************************************************************/
+
+  var description = {
+    "name" : "Path To Array",
+    "description" : "test",
+    "version" : "0.0.1",
+    "command" : "path",
+    "subCommand" : [
+      {
+        "name":"rail",
+        "description":"test"
+      },{
+        "name":"hash",
+        "description":"test"
+      },{
+        "name":"query",
+        "description":"test"
+      }
+    ],
+    "example" : "",
+    "author" : "Dario Passariello",
+    "active" : true
+  };
+
+  dphelper._list.scripts.push( description );
+
+/***********************************************************************/
+
+  // // ALIAS
+  // dphelper.pathHash = () => {
+  //   console.debug( 'dpHelper: Please use "dphelper.path.hash()"' );
+  //   return dphelper.path.hash();
+  // };
+
+  // dphelper.pathQuery = () => {
+  //   console.debug( 'dpHelper: Please use "dphelper.path.query()"' );
+  //   return dphelper.path.query();
+  // };
+
+  // dphelper.pathRail = () => {
+  //   console.debug( 'dpHelper: Please use "dphelper.path.rail()"' );
+  //   return dphelper.path.rail();
+  // };
+
+/***********************************************************************/
+
+  dphelper.path = {
+
+    rail: () => {
+      const array = location.href
+        .split("?")[0]
+        .replace(location.protocol, '')
+        .replace(location.host, '')
+        .replace(location.hash, '')
+        .split('/');
+      if ( array.length > 0 ) {
+        const arrayFinal = array.filter(item => item);
+        return arrayFinal;
+      } else {
+        return;
+      }
+    },
+
+    hash: () => {
+      const array = location.hash.replace('#', '').split('/');
+      if (array.length) {
+        return array.filter(item => item);
+      } else {
+        return ["empty"];
+      }
+    },
+
+    query: () => {
+      let x, y, array = [], search = location.search;
+      if (search) {
+        search.replace("?", '').split('&')
+          .map(x => {
+            y = x.split('=');
+            array[y[0]] = y[1];
+          });
+        return array;
+      } else {
+        return ["empty"];
+      }
+    }
+
+  };
+

package/scripts/promise.js

@@ -0,0 +1,35 @@
+/*!
+ * dpHelper <https://github.com/passariello/dpHelper>
+ * Copyright (c) 2021, Dario Passariello.
+ * Licensed under the Apache-2.0 License.
+ */
+
+/***********************************************************************/
+
+  var description = {
+    "name" : "Promises",
+    "description" : "test",
+    "version" : "0.0.1",
+    "command" : "promise",
+    "subCommand" : [
+      {
+        name:"check",
+        description:"test"
+      }
+    ],
+    "example" : "",
+    "author" : "Dario Passariello",
+    "active" : true
+  };
+
+  dphelper._list.scripts.push( description );
+
+/***********************************************************************/
+
+  dphelper.promise = {
+
+    check: (p) => {
+      return p && Object.prototype.toString.call(p) === "[object Promise]";
+    }
+
+  };

package/scripts/purge.js

@@ -0,0 +1,53 @@
+/*!
+ * dpHelper <https://github.com/passariello/dpHelper>
+ * Copyright (c) 2021, Dario Passariello.
+ * Licensed under the Apache-2.0 License.
+ */
+
+/***********************************************************************/
+
+  var description = {
+    "name" : "Purge From Memory",
+    "description" : "test",
+    "version" : "0.0.1",
+    "command" : "purge",
+    "subCommand" : [],
+    "example" : "",
+    "author" : "Dario Passariello",
+    "active" : true
+  };
+
+  dphelper._list.scripts.push( description );
+
+/***********************************************************************/
+
+  dphelper.purge = ( d = body, time = 10000 ) => {
+
+    setTimeout(() => {
+      if( d === undefined ) return null;
+
+      let a = d.attributes, i, l, n;
+
+      if (a) {
+        l = a.length;
+        for( i = 0; i < l; i += 1 ) {
+          n = a[i].name;
+          if( typeof d[n] === 'function' ) { d[n] = null; }
+          if( typeof d[n] === 'undefined' ) { d[n] = null; }
+        }
+
+      }
+
+      a = d.childNodes;
+
+      if (a) {
+        l = a.length;
+        for( i = 0; i < l; i += 1 ) {
+          Purge( d.childNodes[i] );
+        }
+      }
+    }, time );
+
+  };
+
+// purge()

package/scripts/screen.js

@@ -0,0 +1,64 @@
+/*!
+ * dpHelper <https://github.com/passariello/dpHelper>
+ * Copyright (c) 2021, Dario Passariello.
+ * Licensed under the Apache-2.0 License.
+ */
+
+/***********************************************************************/
+
+  var description = {
+    "name" : "Screen Options",
+    "description" : "test",
+    "version" : "0.0.1",
+    "command" : "screen",
+    "subCommand" : [
+      {
+        "name":"fullScreen",
+        "description":"test"
+      },{
+        "name":"toggle",
+        "description":"test"
+      }
+    ],
+    "example" : "",
+    "author" : "Dario Passariello",
+    "active" : true
+  };
+
+  dphelper._list.scripts.push( description );
+
+/***********************************************************************/
+
+  dphelper.screen = {
+
+    fullScreen: function( el ){
+
+      if ( el.requestFullScreen ) {
+        el.requestFullScreen();
+      } else if ( el.mozRequestFullScreen ) {
+        el.mozRequestFullScreen();
+      } else if ( el.webkitRequestFullScreen ) {
+        el.webkitRequestFullScreen();
+      }
+
+    },
+
+    toggle: function( el ) {
+
+      let requestFullScreen = el.requestFullscreen || el.mozRequestFullScreen || el.webkitRequestFullScreen || el.msRequestFullscreen;
+      let cancelFullScreen = el.exitFullscreen || el.mozCancelFullScreen || el.webkitExitFullscreen || el.msExitFullscreen;
+
+      if( !doc.fullscreenElement && !el.mozFullScreenElement && !el.webkitFullscreenElement && !el.msFullscreenElement ) {
+        requestFullScreen.call( el );
+      }else{
+        cancelFullScreen.call( el );
+      }
+
+    }
+
+  };
+
+  // dphelper.fullScreen.go( document.body )
+  // dphelper.fullScreen.toggle( document.body )
+
+

package/scripts/scrollbar.js

@@ -0,0 +1,245 @@
+/*!
+ * dpHelper <https://github.com/passariello/dpHelper>
+ * Copyright (c) 2021, Dario Passariello.
+ * Licensed under the Apache-2.0 License.
+ */
+
+/***********************************************************************/
+
+  var description = {
+    "name" : "Scrollbar",
+    "description" : "test",
+    "version" : "0.0.1",
+    "command" : "scrollbar",
+    "subCommand" : [
+      {
+        "name":"custom",
+        "description":"test"
+      },{
+        "name":"indicator",
+        "description":"test"
+      },{
+        "name":"position.get",
+        "description":"test"
+      },{
+        "name":"position.set",
+        "description":"test"
+      },{
+        "name":"smooth",
+        "description":"test"
+      },{
+        "name":"scrollTo",
+        "description":"test"
+      }
+    ],
+    "example" : "",
+    "author" : "Dario Passariello",
+    "active" : true
+  };
+
+  dphelper._list.scripts.push( description );
+
+/***********************************************************************/
+
+  dphelper.scrollbar = {
+
+    custom: ( el, options ) => {
+
+      if(!options['color_1']) options['color_1'] = "black";
+      if(!options['color_2']) options['color_2'] = "transparent";
+      if(!options['color_3']) options['color_3'] = "rgba(30,150,255,.5)";
+      if(!options['type']) options['type'] = "thin";
+      if(!options['behavior']) options['behavior'] = "smooth";
+      if(!options['width']) options['width'] = "8px";
+      if(!options['height']) options['height'] = "8px";
+      if(!options['rounded']) options['rounded'] = "25px";
+      if(!options['margin']) options['margin'] = "5px";
+      if(!options['border']) options['border'] = "5px solid transparent";
+
+      const $style = `${el}{
+                          scrollbar-width:auto;
+                          scrollbar-color:${options['color_1']} ${options['color_2']};
+                          scrollbar-width: ${options['type']};
+                          scroll-behavior: ${options['behavior']};
+                          scroll-margin: ${options['margin']};
+                          -ms-overflow-style: -ms-autohiding-scrollbar;
+                        }
+                      ${el}::-webkit-scrollbar {
+                          scroll-behavior: ${options['behavior']};
+                          width: ${options['width']};
+                          height: ${options['height']};
+                        }
+                      ${el}::-webkit-scrollbar-track {
+                        background: ${options['color_2']};
+                          border-radius: ${options['rounded']};
+                        }
+                      ${el}::-webkit-scrollbar-thumb {
+                          -webkit-border-radius: ${options['rounded']};
+                          border-radius: ${options['rounded']};
+                          background: ${options['color_1']};
+                          border:
+                        }
+
+                        /* ${el}::-webkit-scrollbar-thumb:window-inactive {
+                          background: ${options['color_3']}
+                        }*/
+                      `;
+
+      let styleToHead = document.createElement( "style" );
+      document.head.appendChild( styleToHead );
+      styleToHead.innerHTML = $style;
+
+    },
+
+    indicator: ( props ) => {
+
+      /**
+      /* This timeout it's to be suse that whole UI is loaded
+      /* Just smaller trick!
+      */
+
+        let cont = document.querySelector( props.el );
+        let sc = document.querySelector('.scrollindicator');
+
+        if( !sc ){
+
+          const createEl = document.createElement('div');
+          createEl.classList.add("scrollindicator");
+          document.querySelector('header').appendChild(createEl);
+
+          createEl.style.cssText = `
+            height:5px;
+            background:#65c45c;
+            position:absolute;
+            bottom:0;
+            left:0;
+            z-index:2
+          `;
+        }
+
+        if( !props.el && sc) {
+          sc.style.width = 0 + '%';
+          return null;
+        }
+
+        try{
+          let sc = document.querySelector('.scrollindicator');
+          cont.addEventListener( 'scroll' , function ( e ) {
+
+            sc.style.width = 0 + '%';
+            let winScroll = this.scrollTop || this.scrollTop;
+            let height = this.scrollHeight - this.clientHeight;
+            let scrolled = Math.min(Math.max(parseInt( (winScroll / height) * 100 ), 0), 100);
+            sc.style.width = scrolled + '%';
+
+            sc.click();
+
+          });
+
+          window.addEventListener('popstate', function ( e ) {
+            sc.style.width = 0;
+          });
+
+        }catch( e ){
+          return;
+        }
+
+      return null;
+
+    },
+
+    position: {
+
+      set: ( el ) => {
+        let ar = [ $( el ).scrollTop() , $( el ).scrollLeft() ];
+        if( ar[0] != null && ar[1] != null ){ dphelper.storage.set( el , ar ); }
+      },
+
+      get: ( el ) => {
+        if( !dphelper.storage.get( el ) ) return;
+        let ar = dphelper.storage.get( el ).trim().split(',');
+        $( el ).scrollTop( ar[0] );
+        $( el ).scrollLeft( ar[1] );
+      }
+
+    },
+
+    smooth: (target, speed, smooth) => {
+
+      if (target === document)
+        target = (document.scrollingElement || document.documentElement || document.body.parentNode || document.body); // cross browser support for document scrolling
+
+      let moving = false;
+      let pos = target.scrollTop;
+      let frame = target === document.body && document.documentElement ? document.documentElement : target; // safari is the new IE
+
+      target.addEventListener('mousewheel', scrolled, { passive: false });
+      target.addEventListener('DOMMouseScroll', scrolled, { passive: false });
+
+      function scrolled( e ) {
+        e.preventDefault(); // disable default scrolling
+
+        let delta = normalizeWheelDelta( e );
+
+        pos += -delta * speed;
+        pos = Math.max(0, Math.min(pos, target.scrollHeight - frame.clientHeight)); // limit scrolling
+
+        if (!moving) update();
+      }
+
+      function normalizeWheelDelta( e ){
+        if(e.detail){
+          if(e.wheelDelta)
+            return e.wheelDelta/e.detail/40 * (e.detail>0 ? 1 : -1); // Opera
+          else
+            return -e.detail/3; // Firefox
+        }else
+          return e.wheelDelta/120; // IE,Safari,Chrome
+      }
+
+      function update() {
+        moving = true;
+
+        let delta = (pos - target.scrollTop) / smooth;
+
+        target.scrollTop += delta;
+
+        if (Math.abs(delta) > 0.5)
+          requestFrame(update);
+        else
+          moving = false;
+      }
+
+      let requestFrame = function() { // requestAnimationFrame cross browser
+        return (
+          window.requestAnimationFrame ||
+          window.webkitRequestAnimationFrame ||
+          window.mozRequestAnimationFrame ||
+          window.oRequestAnimationFrame ||
+          window.msRequestAnimationFrame ||
+          function(func) {
+            window.setTimeout(func, 1000 / 50);
+          }
+        );
+      }();
+
+    },
+
+    scrollTo: function( container, element, gap = 0 ) {
+
+      let el1 = document.querySelector( container );
+      let el2 = document.querySelector( element );
+      let el3 = gap; // DIVERGENCE
+
+      if( !el1 || !el2 || !el3 ) return;
+
+      el1.scrollTo({
+        top: el2.offsetTop,
+        behavior: "smooth"
+      });
+
+    }
+
+  };
+
+  //example: dphelper.scrollbar.custom('*')

package/scripts/shortcut.js

@@ -0,0 +1,70 @@
+/*!
+ * dpHelper <https://github.com/passariello/dpHelper>
+ * Copyright (c) 2021, Dario Passariello.
+ * Licensed under the Apache-2.0 License.
+ */
+
+/***********************************************************************/
+
+  var description = {
+    "name" : "Handle Shortcut",
+    "description" : "test",
+    "version" : "0.0.1",
+    "command" : "shortcut",
+    "example" : "",
+    "author" : "Dario Passariello",
+    "active" : true
+  };
+
+  dphelper._list.scripts.push( description );
+
+/***********************************************************************/
+
+  dphelper.shortcut = ( e, trigger ) => {
+    const code = e.which ? e.which : e.keyCode;
+
+    if( !trigger ) trigger = {
+      // EXAMPLES:
+      "data" : [
+        {
+          "key" : "83",
+          "ctrl" : true,
+          "active" : true,
+          "description" : "CTRL+S",
+          //"element" : "#formSave",
+          "function" : ""
+        },
+        {
+          "key" : "27",
+          "ctrl" : false,
+          "active" : true,
+          "description" : "ESC",
+          "element" : "",
+          "function" : ""
+        },
+        {
+          "key" : "80",
+          "ctrl" : true,
+          "active" : true,
+          "description" : "CTRL+P",
+          "element" : "",
+          "function" : "function(){ Print }"
+        }
+      ]
+    };
+
+    trigger.map( list => {
+
+      // IF CTRL COMMAND
+      if ( e.ctrlKey || e.metaKey && list.ctrl === true ) {
+        if( code === parseInt(list.key) && list.active === true ){
+          if( list.element ) simulateClick( list.element );
+          if( list.function ) JSON.stringify( list.function );
+          e.preventDefault();
+          return;
+        }
+      }
+
+    });
+
+  };

package/scripts/storage.js

@@ -0,0 +1,62 @@
+/*!
+ * dpHelper <https://github.com/passariello/dpHelper>
+ * Copyright (c) 2021, Dario Passariello.
+ * Licensed under the Apache-2.0 License.
+ */
+
+/***********************************************************************/
+
+  var description = {
+    "name" : "Local Storage Manager",
+    "description" : "test",
+    "version" : "0.0.1",
+    "command" : "storage",
+    "subCommand" : [
+      {
+        "name":"get",
+        "description":"test"
+      },{
+        "name":"set",
+        "description":"test"
+      },{
+        "name":"delete",
+        "description":"test"
+      },{
+        "name":"clearAll",
+        "description":"test"
+      }
+    ],
+    "example" : "",
+    "author" : "Dario Passariello",
+    "active" : true
+  };
+
+  dphelper._list.scripts.push( description );
+
+/***********************************************************************/
+
+dphelper.storage = {
+
+  get: function( name ) {
+    if(!name) return;
+    return window.localStorage.getItem( name );
+  },
+
+  set: function( name, value ) {
+    if(!name || !value) return;
+    window.localStorage.setItem( name, JSON.stringify(value) );
+  },
+
+  delete: function( name ) {
+    if(!name) return;
+    window.localStorage.removeItem( name );
+  },
+
+  clearAll: function() {
+    window.localStorage.clear();
+  }
+
+};
+
+// START STORAGE DB
+// dphelper.storage.set( "dpHelper", 'active' );