3.0.0 • Published 4 years ago

modal-template v3.0.0

Weekly downloads
115
License
MIT
Repository
-
Last release
4 years ago

Modal

This library help to construct modal dialog

Predicat

Import bootstrap in your project angular in angular.json

  "styles": [
               "src/styles.css",
               "node_modules/bootstrap/dist/css/bootstrap.min.css"
             ]

or in style.css

     @import "~bootstrap/dist/css/bootstrap.min.css";

Objects

ModalController

Is interface to control the modal

  export class ModalController {
     enable?: boolean; //enable modal if has true
     title?: string;
     buttonCloseEnable?: boolean;
     cache?: any[]; // stock elements we want use element in function hide
     hide?: (modalController: ModalController) => void;
     timestampClose?: number // timestamp in millisecond after close modal
     timestampCloseTmp?: number // timestamp in millisecond after close modal 
                             // and remove timestamp after close
  }

ModalModule

#####template modify body: container body of modal

header: container header of modal

footer: container footer of modal

in app.module.ts

 @NgModule({
   declarations: [
     AppComponent
   ],
   imports: [
     BrowserModule,
     AppRoutingModule,
     ModalModule // to import module
   ],
   providers: [],
   bootstrap: [AppComponent]
 })
 export class AppModule { }

example use modal

html

 <ng-template #modalBody>
     <p>body text modal</p>
 </ng-template>
 <lib-modal [body]="modalBody" [controller]="modalController"></lib-modal>

on controller

get modalController() {
 return this.controller;
}

controller: ModalController = {
 hide(p1: ModalController) {
   p1.enable = false;
 },
 title: 'hello',
 buttonCloseEnable: false
};
3.0.0

4 years ago

2.4.31

4 years ago

2.4.30

4 years ago

2.4.19

4 years ago

2.4.29

4 years ago

2.4.28

4 years ago

2.4.25

4 years ago

2.4.24

4 years ago

2.4.27

4 years ago

2.4.26

4 years ago

2.4.21

4 years ago

2.4.20

4 years ago

2.4.23

4 years ago

2.4.22

4 years ago

2.4.18

4 years ago

2.4.17

4 years ago

2.4.14

4 years ago

2.4.13

4 years ago

2.4.16

4 years ago

2.4.15

4 years ago

2.4.12

4 years ago

2.4.10

4 years ago

2.4.11

4 years ago

2.4.9

4 years ago

2.4.7

4 years ago

2.4.8

4 years ago

2.4.5

4 years ago

2.4.4

4 years ago

2.4.6

4 years ago

2.4.3

4 years ago

2.4.2

4 years ago

2.4.1

4 years ago

2.4.0

4 years ago

2.3.1

4 years ago

2.3.0

4 years ago

2.2.1

4 years ago

2.2.0

4 years ago

2.2.2

4 years ago

2.1.0

4 years ago

2.0.24

4 years ago

2.0.22

4 years ago

2.0.23

4 years ago

2.0.21

4 years ago

2.0.19

4 years ago

2.0.18

4 years ago

2.0.20

4 years ago

2.0.17

4 years ago

2.0.16

4 years ago

2.0.15

4 years ago

2.0.14

4 years ago

2.0.13

4 years ago

2.0.11

4 years ago

2.0.12

4 years ago

2.0.10

4 years ago

2.0.9

4 years ago

2.0.8

4 years ago

2.0.7

4 years ago

2.0.6

4 years ago

2.0.5

4 years ago

2.0.4

4 years ago

2.0.3

4 years ago

2.0.2

4 years ago

2.0.1

4 years ago

2.0.0

4 years ago

1.1.21

4 years ago

1.1.19

4 years ago

1.1.20

4 years ago

1.1.18

4 years ago

1.1.17

4 years ago

1.1.16

4 years ago

1.1.15

4 years ago

1.1.14

4 years ago

1.1.9

4 years ago

1.1.8

4 years ago

1.1.7

4 years ago

1.1.6

4 years ago

1.1.5

4 years ago

1.1.12

4 years ago

1.1.11

4 years ago

1.1.10

4 years ago

1.1.13

4 years ago

1.1.4

4 years ago

1.1.3

5 years ago

1.1.2

5 years ago

1.1.1

5 years ago

1.1.0

5 years ago

1.0.2

5 years ago

1.0.1

5 years ago

1.0.0

5 years ago

0.0.1

5 years ago