Dw-js-helpers NPM

Dw Js Helpers

A small and simple free dependency to add helpers I daily used in vue js

Installation

npm install dw-js-helpers
const jsHelpers = require('dw-js-helpers');
jsHelpers.vueMix.bindInit();
jsHelpers.vueMix.setup();
// For localization include your language file in a global variable call lang
window.lang = require(`../../lang/${document.documentElement.lang}.json`);

Helpers

LocalStore and SessionStore are available

console.log(this.localStore,this.sessionStore);

Request Handler is also available

console.log(this.requestHandler);

Broadcast Channel

this.postToChannel("color",{id:1,name:"red"});
this.postChannel("color",1);

PostMessage

this.postMessage("color",{id:1,name:"red"});

Redirection

this.goTo('/create-color');

SweatAlert Alert

this.alert('Color Created', 'successfully','success',2000).then(()=>{
    console.log('alert disposed'); 
});
// Setting time to false will prevent the alert to close automatically

SweatAlert Confirm

this.confirm('are you sure?', 'do you want to delete color?','warning');
// Last parameter if for dargerMode = Boolean

Page Loader

// add and remove the show-loader class in the body
this.showLoader(timeout);
this.hideLoader

Page SplashScreen

// add and remove the show-splashscreen class in the body
this.showSplashScreen();
this.hideSplashScreen

Modals

this.showModal("#modal-id");
this.hideModal("#modal-id");

Languages

// Remember to include language file before usage
this.__("dog");

PHP functions

// php logic replicaction for functions:
this.inArray("red",["blue","yellow"]);
this.arrayChunk([1,2,3,4],2);

Focus

// Focus a  DOM element and select text too if is a input
this.focus(vueRef);

Blur

// Blur a DOM element
this.focus(vueRef);

Pad

// Pad a string to the left with the specified value
// default padValue = 0;
this.pad("5470",2,"0");

Format Number

// Format a number with grouped thousands 
this.focus(vueRef);

Only Numbers

// Keypress event to prevent non numeric value
<input @keypress = "onlyNumbers"/>
// Allow certain keys
<input @keypress = "onlyNumbers($event,["NumpadSubtract","Minus"])"/>