-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path7469.73564f7fe64aab65.js
1 lines (1 loc) · 8.21 KB
/
7469.73564f7fe64aab65.js
1
"use strict";(self.webpackChunknp_ui_lib_app=self.webpackChunknp_ui_lib_app||[]).push([[7469],{7469:(F,Z,s)=>{s.r(Z),s.d(Z,{NpFormDemoModule:()=>u});var h=s(6895),q=s(8379),n=s(433),e=s(4650),r=s(5499);function A(d,a){1&d&&(e.TgZ(0,"div",35),e._uU(1," First name is required. "),e.qZA())}function T(d,a){1&d&&(e.TgZ(0,"div",35),e._uU(1," Last name is required. "),e.qZA())}function x(d,a){1&d&&(e.TgZ(0,"div",35),e._uU(1," Birth date is required. "),e.qZA())}function N(d,a){1&d&&(e.TgZ(0,"div",35),e._uU(1," Birth time is required. "),e.qZA())}function b(d,a){1&d&&(e.TgZ(0,"div",35),e._uU(1," Photo is required. "),e.qZA())}function M(d,a){1&d&&(e.TgZ(0,"div",35),e._uU(1," Description is required. "),e.qZA())}class p{constructor(){this.formText='<form>\n <div class="np-form-group">\n <div class="np-form-label np-required">\n ... add label\n </div>\n <div class="np-form-control">\n ... add form control, do not add this class if using np-ui-lib input control\n </div>\n <div class="np-form-text np-text-danger">\n ... add error message\n </div>\n </div>\n</form>',this.isActive=!1,this.myForm=new n.nJ({firstName:new n.p4("",n.kI.required),lastName:new n.p4("",n.kI.required),birthDate:new n.p4(null,n.kI.required),birthTime:new n.p4("",n.kI.required),isActive:new n.p4(!1,n.kI.required),description:new n.p4("",n.kI.required),photo:new n.p4("",n.kI.required)})}ngOnInit(){}static#e=this.\u0275fac=function(l){return new(l||p)};static#n=this.\u0275cmp=e.Xpm({type:p,selectors:[["app-np-form-demo"]],decls:118,vars:37,consts:[[1,"page-header"],[3,"innerText"],["templateForm","ngForm"],[1,"np-container"],[1,"np-row"],[1,"np-col-6"],[1,"np-form-group"],[1,"np-form-label","np-required"],["required","","name","txtFirstName",3,"ngModel","tabIndex","autoFocus","suffixLabel","ngModelChange"],["txtFirstName","ngModel"],["class","np-form-text np-text-danger",4,"ngIf"],["required","","name","txtLastName",3,"ngModel","suffixLabel","tabIndex","ngModelChange"],["txtLastName","ngModel"],["name","txtBirthDate","required","",3,"ngModel","tabIndex","ngModelChange"],["txtBirthDate","ngModel"],["name","birthTime",3,"ngModel","required","tabIndex","ngModelChange"],["txtBirthTime","ngModel"],["name","swIsActive",3,"ngModel","required","tabIndex","ngModelChange"],["name","photo",3,"ngModel","required","tabIndex","ngModelChange"],["fpPhoto","ngModel"],[1,"np-col-12"],[1,"np-form-label"],["name","description",3,"rows","cols","ngModel","tabIndex","required","ngModelChange"],["txtDescription","ngModel"],[1,"np-btn-group"],["type","submit",1,"np-btn","np-btn-primary",3,"disabled","click"],["type","button",1,"np-btn",3,"click"],[3,"formGroup"],["formControlName","firstName","name","txtFirstNameR",3,"suffixLabel"],["formControlName","lastName","name","txtLastNameR",3,"suffixLabel"],["formControlName","birthDate","name","txtBirthDateR"],["formControlName","birthTime","name","txtBirthTimeR"],["formControlName","isActive","name","swIsActiveR"],["formControlName","photo","name","photoR"],["formControlName","description","name","txtDescriptionR",3,"rows","cols"],[1,"np-form-text","np-text-danger"]],template:function(l,o){if(1&l){const c=e.EpF();e.TgZ(0,"h2",0),e._uU(1,"Form"),e.qZA(),e.TgZ(2,"np-card")(3,"np-card-body")(4,"div")(5,"pre"),e._UZ(6,"code",1),e.qZA()(),e.TgZ(7,"fieldset")(8,"legend"),e._uU(9,"Template-Driven Form"),e.qZA(),e.TgZ(10,"form",null,2)(12,"div",3)(13,"div",4)(14,"div",5)(15,"div",6)(16,"div",7),e._uU(17,"First name:"),e.qZA(),e.TgZ(18,"np-input-text",8,9),e.NdJ("ngModelChange",function(t){return o.firstName=t}),e.qZA(),e.YNc(20,A,2,0,"div",10),e.qZA()(),e.TgZ(21,"div",5)(22,"div",6)(23,"div",7),e._uU(24,"Last name:"),e.qZA(),e.TgZ(25,"np-input-text",11,12),e.NdJ("ngModelChange",function(t){return o.lastName=t}),e.qZA(),e.YNc(27,T,2,0,"div",10),e.qZA()()(),e.TgZ(28,"div",4)(29,"div",5)(30,"div",6)(31,"div",7),e._uU(32,"Birth date:"),e.qZA(),e.TgZ(33,"np-date-picker",13,14),e.NdJ("ngModelChange",function(t){return o.birthDate=t}),e.qZA(),e.YNc(35,x,2,0,"div",10),e.qZA()(),e.TgZ(36,"div",5)(37,"div",6)(38,"div",7),e._uU(39,"Birth time:"),e.qZA(),e.TgZ(40,"np-time-picker",15,16),e.NdJ("ngModelChange",function(t){return o.birthTime=t}),e.qZA(),e.YNc(42,N,2,0,"div",10),e.qZA()()(),e.TgZ(43,"div",4)(44,"div",5)(45,"div",6)(46,"div",7),e._uU(47,"Is Active:"),e.qZA(),e.TgZ(48,"np-switch",17),e.NdJ("ngModelChange",function(t){return o.isActive=t}),e.qZA()()(),e.TgZ(49,"div",5)(50,"div",6)(51,"div",7),e._uU(52,"Upload Photo:"),e.qZA(),e.TgZ(53,"np-file-upload",18,19),e.NdJ("ngModelChange",function(t){return o.photo=t}),e.qZA(),e.YNc(55,b,2,0,"div",10),e.qZA()()(),e.TgZ(56,"div",4)(57,"div",20)(58,"div",6)(59,"div",21),e._uU(60,"Description:"),e.qZA(),e.TgZ(61,"np-textarea",22,23),e.NdJ("ngModelChange",function(t){return o.description=t}),e.qZA(),e.YNc(63,M,2,0,"div",10),e.qZA()()(),e.TgZ(64,"div",24)(65,"button",25),e.NdJ("click",function(){e.CHM(c);const t=e.MAs(11);return e.KtG(t.resetForm({}))}),e._uU(66," Save "),e.qZA(),e.TgZ(67,"button",26),e.NdJ("click",function(){e.CHM(c);const t=e.MAs(11);return e.KtG(t.resetForm({}))}),e._uU(68," Cancel "),e.qZA()()()()(),e.TgZ(69,"fieldset")(70,"legend"),e._uU(71,"Reactive Form"),e.qZA(),e.TgZ(72,"form",27)(73,"div",3)(74,"div",4)(75,"div",5)(76,"div",6)(77,"div",7),e._uU(78,"First name:"),e.qZA(),e._UZ(79,"np-input-text",28),e.qZA()(),e.TgZ(80,"div",5)(81,"div",6)(82,"div",7),e._uU(83,"Last name:"),e.qZA(),e._UZ(84,"np-input-text",29),e.qZA()()(),e.TgZ(85,"div",4)(86,"div",5)(87,"div",6)(88,"div",7),e._uU(89,"Birth date:"),e.qZA(),e._UZ(90,"np-date-picker",30),e.qZA()(),e.TgZ(91,"div",5)(92,"div",6)(93,"div",7),e._uU(94,"Birth time:"),e.qZA(),e._UZ(95,"np-time-picker",31),e.qZA()()(),e.TgZ(96,"div",4)(97,"div",5)(98,"div",6)(99,"div",7),e._uU(100,"Is Active:"),e.qZA(),e._UZ(101,"np-switch",32),e.qZA()(),e.TgZ(102,"div",5)(103,"div",6)(104,"div",7),e._uU(105,"Upload Photo:"),e.qZA(),e._UZ(106,"np-file-upload",33),e.qZA()()(),e.TgZ(107,"div",4)(108,"div",20)(109,"div",6)(110,"div",7),e._uU(111,"Description:"),e.qZA(),e._UZ(112,"np-textarea",34),e.qZA()()(),e.TgZ(113,"div",24)(114,"button",25),e.NdJ("click",function(){return o.myForm.reset({})}),e._uU(115," Save "),e.qZA(),e.TgZ(116,"button",26),e.NdJ("click",function(){return o.myForm.reset({})}),e._uU(117," Cancel "),e.qZA()()()()()()()}if(2&l){const c=e.MAs(11),i=e.MAs(19),t=e.MAs(26),g=e.MAs(34),_=e.MAs(41),f=e.MAs(54),v=e.MAs(62);e.xp6(6),e.Q6J("innerText",o.formText),e.xp6(12),e.Q6J("ngModel",o.firstName)("tabIndex",1)("autoFocus",!0)("suffixLabel","<i class='fa fa-user'></i>"),e.xp6(2),e.Q6J("ngIf",i.control.touched&&(null==i.control.errors?null:i.control.errors.required)),e.xp6(5),e.Q6J("ngModel",o.lastName)("suffixLabel","<i class='fa fa-user'></i>")("tabIndex",2),e.xp6(2),e.Q6J("ngIf",t.control.touched&&(null==t.control.errors?null:t.control.errors.required)),e.xp6(6),e.Q6J("ngModel",o.birthDate)("tabIndex",3),e.xp6(2),e.Q6J("ngIf",g.control.touched&&(null==g.control.errors?null:g.control.errors.required)),e.xp6(5),e.Q6J("ngModel",o.birthTime)("required",!0)("tabIndex",4),e.xp6(2),e.Q6J("ngIf",_.control.touched&&(null==_.control.errors?null:_.control.errors.required)),e.xp6(6),e.Q6J("ngModel",o.isActive)("required",!0)("tabIndex",5),e.xp6(5),e.Q6J("ngModel",o.photo)("required",!0)("tabIndex",6),e.xp6(2),e.Q6J("ngIf",f.control.touched&&(null==f.control.errors?null:f.control.errors.required)),e.xp6(6),e.Q6J("rows",4)("cols",50)("ngModel",o.description)("tabIndex",7)("required",!0),e.xp6(2),e.Q6J("ngIf",v.control.touched&&(null==v.control.errors?null:v.control.errors.required)),e.xp6(2),e.Q6J("disabled",c.invalid),e.xp6(7),e.Q6J("formGroup",o.myForm),e.xp6(7),e.Q6J("suffixLabel","<i class='fa fa-user'></i>"),e.xp6(5),e.Q6J("suffixLabel","<i class='fa fa-user'></i>"),e.xp6(28),e.Q6J("rows",4)("cols",50),e.xp6(2),e.Q6J("disabled",o.myForm.invalid)}},dependencies:[h.O5,n._Y,n.JJ,n.JL,n.Q7,n.On,n.F,n.sg,n.u,r.bg,r.Et,r.On,r.Mc,r.rt,r.d0,r.c0,r.El],encapsulation:2})}const C=[{path:"",component:p}];class m{static#e=this.\u0275fac=function(l){return new(l||m)};static#n=this.\u0275mod=e.oAB({type:m});static#t=this.\u0275inj=e.cJS({imports:[q.Bz.forChild(C),q.Bz]})}class u{static#e=this.\u0275fac=function(l){return new(l||u)};static#n=this.\u0275mod=e.oAB({type:u});static#t=this.\u0275inj=e.cJS({imports:[h.ez,m,n.u5,n.UX,r.ml,r.nD,r.Fd,r.kH,r.OX,r.X,r.Tk,r.h$]})}}}]);