-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path7917.22b8b163a318d91f.js
1 lines (1 loc) · 6.01 KB
/
7917.22b8b163a318d91f.js
1
"use strict";(self.webpackChunknp_ui_lib_app=self.webpackChunknp_ui_lib_app||[]).push([[7917],{7917:(m,u,s)=>{s.r(u),s.d(u,{NpNotificationsDemoModule:()=>p});var Z=s(6895),l=s(8379),e=s(5499),t=s(4650);class a{constructor(i){this.notificationsService=i,this.importText="import { NpNotificationsModule } from 'np-ui-lib';",this.htmlText="<np-notifications></np-notifications>",this.importServiceAndClass="import { NpNotificationsService, NpNotification } from 'np-ui-lib'; ",this.createServiceObject="constructor(private notificationsService: NpNotificationsService) { }",this.methodText='var msg = new NpNotification({ type: "success", message: "This is success message content." });\nthis.notificationsService.show(msg);'}ngOnInit(){}success(){const i=new e.TH({type:"success",message:"This is success message content."});this.notificationsService.show(i)}error(){const i=new e.TH({type:"danger",message:"This is error message content."});this.notificationsService.show(i)}warning(){const i=new e.TH({type:"warning",message:"This is warning message content."});this.notificationsService.show(i)}info(){const i=new e.TH({type:"info",message:"This is info message content.",autoCloseTimeout:5e3});this.notificationsService.show(i)}closeAll(){this.notificationsService.closeAll()}successWithHeader(){const i=new e.TH({type:"success",header:"Success",message:"Data saved successfully."});this.notificationsService.show(i)}errorWithHTML(){const i=new e.TH({type:"danger",header:"<i>Error</i>",message:"<i>Error in saving data.<i>"});this.notificationsService.show(i)}static#t=this.\u0275fac=function(o){return new(o||a)(t.Y36(e.V5))};static#i=this.\u0275cmp=t.Xpm({type:a,selectors:[["app-np-notifications-demo"]],decls:126,vars:5,consts:[[1,"page-header"],["title","Documentation"],[3,"innerText"],["type","info"],[3,"innerHTML"],[1,"np-table"],["title","Examples"],[1,"np-btn-group"],[1,"np-btn","np-btn-success",3,"click"],[1,"np-btn","np-btn-danger",3,"click"],[1,"np-btn","np-btn-warning",3,"click"],[1,"np-btn","np-btn-info",3,"click"]],template:function(o,n){1&o&&(t.TgZ(0,"h2",0),t._uU(1,"Notifications"),t.qZA(),t.TgZ(2,"np-tabs")(3,"np-tab",1)(4,"np-card")(5,"np-card-body")(6,"b"),t._uU(7,"Module to import"),t.qZA(),t.TgZ(8,"div")(9,"pre"),t._UZ(10,"code",2),t.qZA()()()(),t.TgZ(11,"np-card")(12,"np-card-body")(13,"b"),t._uU(14,"HTML"),t.qZA(),t.TgZ(15,"div")(16,"pre"),t._UZ(17,"code",2),t.qZA()(),t.TgZ(18,"np-alert",3),t._uU(19," Add above line in your main application module's template file app.component.html only once. "),t.qZA()()(),t.TgZ(20,"np-card")(21,"np-card-body")(22,"b"),t._uU(23,"Import service and class from np-ui-lib in any component"),t.qZA(),t.TgZ(24,"div")(25,"pre"),t._UZ(26,"code",4),t.qZA()(),t.TgZ(27,"div")(28,"pre"),t._UZ(29,"code",4),t.qZA()(),t._UZ(30,"br"),t.TgZ(31,"b"),t._uU(32,"How to show notification from any component?"),t.qZA(),t.TgZ(33,"div")(34,"pre"),t._UZ(35,"code",4),t.qZA()(),t.TgZ(36,"p"),t._uU(37," Where "),t.TgZ(38,"b"),t._uU(39,"type"),t.qZA(),t._uU(40," can be 'success' | 'danger' | 'info' | 'warning' "),t.qZA(),t.TgZ(41,"p"),t._uU(42," Also set "),t.TgZ(43,"b"),t._uU(44,"autoCloseTimeout"),t.qZA(),t._uU(45," property for closing notification automatically. Default time is 10000 ms "),t.qZA(),t.TgZ(46,"p"),t._uU(47," Set "),t.TgZ(48,"b"),t._uU(49,"header"),t.qZA(),t._uU(50," to show header in notification, which is type of string "),t.qZA()()(),t.TgZ(51,"np-card")(52,"np-card-body")(53,"table",5)(54,"tr")(55,"th"),t._uU(56,"Parameter"),t.qZA(),t.TgZ(57,"th"),t._uU(58,"Description"),t.qZA(),t.TgZ(59,"th"),t._uU(60,"Type"),t.qZA(),t.TgZ(61,"th"),t._uU(62,"Default"),t.qZA()(),t.TgZ(63,"tr")(64,"td"),t._uU(65,"styleClass"),t.qZA(),t.TgZ(66,"td"),t._uU(67,"Set extra class on component"),t.qZA(),t.TgZ(68,"td"),t._uU(69,"string"),t.qZA(),t._UZ(70,"td"),t.qZA(),t.TgZ(71,"tr")(72,"td"),t._uU(73,"inputId"),t.qZA(),t.TgZ(74,"td"),t._uU(75,"Set id attribute"),t.qZA(),t.TgZ(76,"td"),t._uU(77,"string"),t.qZA(),t._UZ(78,"td"),t.qZA()()()(),t.TgZ(79,"np-card")(80,"np-card-body")(81,"table",5)(82,"tr")(83,"th"),t._uU(84,"Api"),t.qZA(),t.TgZ(85,"th"),t._uU(86,"Description"),t.qZA(),t.TgZ(87,"th"),t._uU(88,"Parameters"),t.qZA()(),t.TgZ(89,"tr")(90,"td"),t._uU(91,"closeAll()"),t.qZA(),t.TgZ(92,"td"),t._uU(93,"Close all notifications"),t.qZA(),t._UZ(94,"td"),t.qZA()()()()(),t.TgZ(95,"np-tab",6)(96,"fieldset")(97,"legend"),t._uU(98,"Basic notifications"),t.qZA(),t.TgZ(99,"div",7)(100,"button",8),t.NdJ("click",function(){return n.success()}),t._uU(101," Success "),t.qZA(),t.TgZ(102,"button",9),t.NdJ("click",function(){return n.error()}),t._uU(103,"Danger"),t.qZA(),t.TgZ(104,"button",10),t.NdJ("click",function(){return n.warning()}),t._uU(105," Warning "),t.qZA(),t.TgZ(106,"button",11),t.NdJ("click",function(){return n.info()}),t._uU(107,"Info"),t.qZA()()(),t.TgZ(108,"fieldset")(109,"legend"),t._uU(110,"Notification with header"),t.qZA(),t.TgZ(111,"div",7)(112,"button",8),t.NdJ("click",function(){return n.successWithHeader()}),t._uU(113," Notification With Header "),t.qZA()()(),t.TgZ(114,"fieldset")(115,"legend"),t._uU(116,"Notification with HTML text"),t.qZA(),t.TgZ(117,"div",7)(118,"button",9),t.NdJ("click",function(){return n.errorWithHTML()}),t._uU(119," Notification With HTML text "),t.qZA()()(),t.TgZ(120,"fieldset")(121,"legend"),t._uU(122,"Remove all"),t.qZA(),t.TgZ(123,"div",7)(124,"button",9),t.NdJ("click",function(){return n.closeAll()}),t._uU(125," Remove All "),t.qZA()()()()()),2&o&&(t.xp6(10),t.Q6J("innerText",n.importText),t.xp6(7),t.Q6J("innerText",n.htmlText),t.xp6(9),t.Q6J("innerHTML",n.importServiceAndClass,t.oJD),t.xp6(3),t.Q6J("innerHTML",n.createServiceObject,t.oJD),t.xp6(6),t.Q6J("innerHTML",n.methodText,t.oJD))},dependencies:[e.KA,e.Qk,e.c0,e.El,e.r5],encapsulation:2})}const d=[{path:"",component:a}];class r{static#t=this.\u0275fac=function(o){return new(o||r)};static#i=this.\u0275mod=t.oAB({type:r});static#e=this.\u0275inj=t.cJS({imports:[l.Bz.forChild(d),l.Bz]})}class p{static#t=this.\u0275fac=function(o){return new(o||p)};static#i=this.\u0275mod=t.oAB({type:p});static#e=this.\u0275inj=t.cJS({imports:[Z.ez,r,e.i7,e.Tk,e.qp]})}}}]);