dphelper 0.2.28 → 0.2.32

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":"fullScreenToggle",
+        "description":"test"
+      }
+    ],
+    "example" : "",
+    "author" : "Dario Passariello",
+    "active" : true
+  };
+
+  window.dphelper._list.scripts.push( description );
+
+/***********************************************************************/
+
+  window.dphelper.fullScreen = {
+
+    fullScreen: function( el ){
+
+      if ( el.requestFullScreen ) {
+        el.requestFullScreen();
+      } else if ( el.mozRequestFullScreen ) {
+        el.mozRequestFullScreen();
+      } else if ( el.webkitRequestFullScreen ) {
+        el.webkitRequestFullScreen();
+      }
+
+    },
+
+    fullScreenToggle: 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 );
+      }
+
+    }
+
+  };
+
+  // window.dphelper.fullScreen.go( document.body )
+  // window.dphelper.fullScreen.toggle( document.body )
+
+

package/scripts/scrollbar.js

@@ -0,0 +1,226 @@
+/*!
+ * dpHelper <https://github.com/passariello/dpHelper>
+ * Copyright (c) 2021, Dario Passariello.
+ * Licensed under the Apache-2.0 License.
+ */
+
+/***********************************************************************/
+
+  var description = {
+    "name" : "Random Number From Timer",
+    "description" : "test",
+    "version" : "0.0.1",
+    "command" : "tmr",
+    "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
+  };
+
+  window.dphelper._list.scripts.push( description );
+
+/***********************************************************************/
+
+  window.dphelper.scrollbar = {
+
+    custom: ( el, colors, size ) => {
+
+      if(!colors) colors =[ "black", "transparent" ];
+      if(!size) size =[ "6px", "6px" ];
+
+      const $style = `${el}{
+                          scrollbar-width:auto;
+                          scrollbar-color:${colors[0]} ${colors[1]};
+                          scrollbar-width: thin;
+                          -ms-overflow-style: -ms-autohiding-scrollbar;
+                        }
+                      ${el}::-webkit-scrollbar {
+                          width: ${size[0]};
+                          height: ${size[0]};
+                        }
+                      ${el}::-webkit-scrollbar-track {
+                          background: ${colors[1]};
+                        }
+                      ${el}::-webkit-scrollbar-thumb {
+                          background: ${colors[0]};
+                        }
+                      `;
+
+      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 ){ window.dphelper.storage.set( el , ar ); }
+      },
+
+      get: ( el ) => {
+        if( !window.dphelper.storage.get( el ) ) return;
+        let ar = window.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: window.dphelper.scrollbar.custom('*')

package/scripts/{handleEvent.js → shortcut.js}

@@ -1,59 +1,70 @@
-/*!
- * dpHelper <https://github.com/passariello/dpHelper>
- *
- * handleEvent
- *
- * Copyright (c) 2021, Dario Passariello.
- * Licensed under the Apache-2.0 License.
- */
-
-/***********************************************************************/
-
-  window.dphelper.handleEvent = ( 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 > '' ) list.function;
-          e.preventDefault();
-          return;
-        }
-      }
-
-    });
-
-  };
+/*!
+ * 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
+  };
+
+  window.dphelper._list.scripts.push( description );
+
+/***********************************************************************/
+
+  window.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

@@ -1,12 +1,38 @@
 /*!
  * dpHelper <https://github.com/passariello/dpHelper>
- *
- * storage
- *
  * Copyright (c) 2021, Dario Passariello.
  * Licensed under the Apache-2.0 License.
  */
 
+/***********************************************************************/
+
+  var description = {
+    "name" : "Handle Local Storage",
+    "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
+  };
+
+  window.dphelper._list.scripts.push( description );
+
 /***********************************************************************/
 
 window.dphelper.storage = {