Techins Javascript Utilities
npm install @techins/jsutilssrc in order to get each functionality.``
npm i --save @techins/jsutils
Just import any nerssesary file via doing:
`
import {*} from "@techins/jsutils/utils";
import {*} from "@techins/jsutils/clipboard";
import {*} from "@techins/jsutils/url";
import {*} from "@techins/jsutils/input-error";
import {*} from "@techins/jsutils/visibility";
You can speficy each specific function for a specific module. Each module is a seperate file in ./src folder of this current repository where you can consult it for more info about it. The library has been tested using vite.
Miscelanout utilities
Clipboard managed utilities
Utilities for browser url management
Utilities for managing the bootstrap's input error (Message shown uindernetath input)
Utilities for managing the element's visibility upon DOM
Variosu search form Implementations look into ./src/searchForm.js that each class is throughfully documented with usecase examples.
This file contains a single function named submitFormUponModalUsingAjax that one bootstraps the submission of a form that resides inside a modal for example:
`
import {submitFormUponModalUsingAjax} from "@techins/jsutils/modal"
const callbacks = {
'submitSuccessCallback':(form,data,modal)=>{
// Upon Success DO stuff
},
'ajaxFailureCallback':(ajaxCalled,is400,responseJson,xhr)=>{
if(ajaxCalled && is400){
// The form has been submitted upon server and error 400 is retuend
}
if(ajaxCalled){
// The form has been submitted upon server and error is returned but not witth 400 Http Status
}
// responseJson is the ajax Response
}
}
let modal=null
function showmodal(button){
if(!modal){
modal = new AjaxModal("#someId", callbacks);
}
modal.show(button)
}
Regarding the callbacks and full arghuments look upon src/modal.js in this project.
@techins/jsutils/scrollTable
An Infinite Scrolling table. More info at