https://github.com/techins-software/jsutils
Common Js functions used upon our projects.
https://github.com/techins-software/jsutils
bootstrap5 javascrip library
Last synced: 5 months ago
JSON representation
Common Js functions used upon our projects.
- Host: GitHub
- URL: https://github.com/techins-software/jsutils
- Owner: TechIns-Software
- License: mit
- Created: 2024-03-13T14:27:35.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2024-10-16T07:43:15.000Z (over 1 year ago)
- Last Synced: 2025-09-01T22:11:27.026Z (10 months ago)
- Topics: bootstrap5, javascrip, library
- Language: JavaScript
- Homepage:
- Size: 83 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# JS Utility functions
Miscelanous utility functions used upon our projects. Read comments upon each js located in `src` in order to get each functionality.
## Requirements
Library uses Bootstrap 5.3 and Jquery 3.7 and is intended for frontend projects using these libraries.
## Install the package in your project
```
npm i --save @techins/jsutils
```
## Use it
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](https://vitejs.dev/).
# Utility Modules
## @techins/jsutils/utils
Miscelanout utilities
## @techins/jsutils/clipboard
Clipboard managed utilities
## @techins/jsutils/url
Utilities for browser url management
## @techins/jsutils/input-error
Utilities for managing the bootstrap's input error (Message shown uindernetath input)
## @techins/jsutils/visibility
Utilities for managing the element's visibility upon DOM
## @techins/jsutils/searchForm
Variosu search form Implementations look into `./src/searchForm.js` that each class is throughfully documented with usecase examples.
## @techins/jsutils/modal
This file contains a single function named `submitFormUponModalUsingAjax` that one bootstraps the submission of a form that resides inside a modal for example:
```
Show Modal
```
```
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 `src/scrollTable.js` file in this project.