Version: 2.0.1

Warning: it is not compatible with version 1.x.x

Github BUG or INFO

AlertforAll is a very lightweight library compatible with many javascript and typescript frameworks.

Installation

USING NPM:

$ npm install alertforall

USING YARN:

 $ yarn add alertforall

Starting

After installing the module as described above, you need to import it to your project.

import AlertforAll,{Alert,Toast} from 'alertforall'

const AlertforAll = require('alertforall') 

example

here is an example to show an alert with automatic closure

  import {Alert} from 'alertforall'

  Alert.type2({TitleMsg:'This is an Alert from AlertforAll'})

or

  import {Alert} from 'alertforall'

  Alert.type2({TitleMsg:'Do you want to save?', Btn_Confirm:'Yes', Btn_Cancel:'No'})

You can also call the function directly to perform some configurations

import AlertforAll from 'alertforall'

const setting = {
  isDark:true,
  buttonConfirmColor:'orange',
  buttonCancelColor:'aqua'
}

const Alert= AlertforAll(setting)

Alert.type2({TitleMsg:'Do you want to save?', Btn_Confirm:'Yes', Btn_Cancel:'No'})

Promises for slightly more advanced codes are also accepted.

AlertforAll(setting).type1({TitleMsg:'Do you want to save?', Btn_Confirm:'Yes', Btn_Cancel:'No'})
.then((response)=>{console.log(response)})
.catch((error)=>{console.log(response)})

Promises are currently only available for Alert types, and return boolean values ​​or strings as per type4.

Toast

In addition to the Alerts we also show some very useful Toasts for mobile devices

import AlertforAll,{Toast} from 'alertforall'

AlertforAll(Setting).frame2({TitleMsg:'An error occurred, please try again later',Ico:'Error'})

alternative

import AlertforAll,{Toast} from 'alertforall'

Toast.frame2({TitleMsg:'An error occurred, please try again later',Ico:'Error'})

Toasts still don't accept promises

The different forms

| NAME|CALL METHOD|ACCEPTED VALUES|REQUIRED| | ------ | :------: | :------: | ---| | type1() | Alert.type1() or AlertforAll().type1() |TitleMsg:string TextMsg:string Btn_Confirm:string Btn_Cancel:string Btn_Third:string(only android)| TitleMsg: required Btn_Confirm & Btn_Cancel: not necessary, if missing activate the third button Btn_Third:only on android, it activates either as a third button or automatically as a single button. | | type2() | Alert.type2() or AlertforAll().type2() |TitleMsg:string TextMsg:string Btn_Confirm:string Btn_Cancel:string| TitleMsg: required Btn_Confirm & Btn_Cancel: not necessary, if not present the default 3s automatic closing is activated. | type3() | Alert.type3() or AlertforAll().type3() |TitleMsg:string Btn_Cancel:string TextMsg:string Ico: 'Success','Error','Warning','Info','Question'|TitleMsg: required Btn_Cancel: not necessary, if not present the default 3s automatic closing is activated. TextMsg:not necessary Ico:not neccessary, default 'success' | frame1() | Toast.frame1() or AlertforAll().frame1() |TitleMsg:string |TitleMsg: required | frame2() | Toast.frame2() or AlertforAll().frame2() |TitleMsg:string Ico:'Success','Error','Warning','Info' |TitleMsg: required Ico:not neccessary, default 'Success'

The various settings

| NAME SETT|CALL METHOD|ACCEPTED VALUES|DEFAULT| | ------ | :------: | :------: | ---| |delay| type2() type3() frame1() frame2() | Number ms | 3000 |device| type1() | 'ios','android | 'android' |isDark|type1() type2() type3() frame1() frame2() | Boolean | false |position| type2() type3() | 'top','center',bottom' | 'top' |color | type2() type3() frame1() | hex value '#000' |'#eee' or '#333'| |textCancelColor| type2() type2() type3() | hex value '#000'| #fff |textConfirmColor| type2() | hex value '#000'| #fff |buttonConfirmColor| type2() |hex value '#000' |#60b558 |buttonCancelColor| type2() type2() type3() | hex value '#000 |#d86060 |positionHorizontal positionVertical | frame1() frame2() |'start''center''end' | 'center 'end' |fontSize| frame1() frame2() | string px '12px' | '14px' |fontWeight|frame1() frame2()| string number '600' | '500'

const object={
 delay:5000, // number-default 3000(3s)
 isDark:false, // boolean-default false
 position:'top', // 'top''center''bottom'-default 'center' 
 ... 
}

AlertforAll(object).prototype()  // with changes applied

AlertforAll().prototype() // standard without modifications

library created for personal projects but made available for other programmers.

Library written by Giacomo Mattina. First released version 6/29/2024