320.7ef196324606e697.js

"use strict";(self.webpackChunkmy_courseProj_basic=self.webpackChunkmy_courseProj_basic||[]).push([[320],{3320:(I,l,d)=>{d.r(l),d.d(l,{ShoppingListModule:()=>C});var r=d(4719),g=d(2475),a=d(4466),t=d(6738),u=d(2457),m=d(6895),h=d(9985);const f=["f"];function b(n,s){if(1&n){const e=t.EpF();t.TgZ(0,"button",14),t.NdJ("click",function(){t.CHM(e);const o=t.oxw();return t.KtG(o.onDelete(o.editedItemIndex))}),t._uU(1,"Delete"),t.qZA()}}let S=(()=>{class n{constructor(e){this.slService=e,this.editMode=!1}ngOnInit(){this.subscription=this.slService.editedIngredient.subscribe(e=>{this.editMode=!0,this.editedItemIndex=e;const i=this.slService.getIngredient(e);this.editForm.setValue({name:i.name,amount:i.amount})})}ngOnDestroy(){this.subscription.unsubscribe()}onAddItem(e){const i=e.value,o=new h.o(i.name,i.amount);this.editMode?this.slService.updateIngredients(this.editedItemIndex,o):this.slService.addIngredient(o),this.editMode=!1,e.reset()}onDelete(e){this.slService.deleteIngredient(e),this.editMode=!1}onClear(e){e.reset()}}return n.\u0275fac=function(e){return new(e||n)(t.Y36(u._))},n.\u0275cmp=t.Xpm({type:n,selectors:[["app-shopping-edit"]],viewQuery:function(e,i){if(1&e&&t.Gf(f,5),2&e){let o;t.iGM(o=t.CRH())&&(i.editForm=o.first)}},decls:19,vars:3,consts:[[1,"row"],[1,"col-xs-12"],[3,"ngSubmit"],["f","ngForm"],[1,"col-sm-5","form-group"],["for","name"],["type","text","id","name","name","name","ngModel","","required","",1,"form-control"],[1,"col-sm-2","form-group"],["for","amount"],["type","number","id","amount","name","amount","ngModel","","required","","pattern","^[1-9]+[0-9]*$",1,"form-control"],[1,"row","col-xs-12"],["type","submit",1,"btn","btn-success",3,"disabled"],["class","btn btn-danger","type","button",3,"click",4,"ngIf"],["type","button",1,"btn","btn-primary",3,"click"],["type","button",1,"btn","btn-danger",3,"click"]],template:function(e,i){if(1&e){const o=t.EpF();t.TgZ(0,"div",0)(1,"div",1)(2,"form",2,3),t.NdJ("ngSubmit",function(){t.CHM(o);const p=t.MAs(3);return t.KtG(i.onAddItem(p))}),t.TgZ(4,"div",0)(5,"div",4)(6,"label",5),t._uU(7,"Name"),t.qZA(),t._UZ(8,"input",6),t.qZA(),t.TgZ(9,"div",7)(10,"label",8),t._uU(11,"Amount"),t.qZA(),t._UZ(12,"input",9),t.qZA()(),t.TgZ(13,"div",10)(14,"button",11),t._uU(15),t.qZA(),t.YNc(16,b,2,0,"button",12),t.TgZ(17,"button",13),t.NdJ("click",function(){t.CHM(o);const p=t.MAs(3);return t.KtG(i.onClear(p))}),t._uU(18,"Clear"),t.qZA()()()()()}if(2&e){const o=t.MAs(3);t.xp6(14),t.Q6J("disabled",!o.valid),t.xp6(1),t.Oqu(i.editMode?"Update":"add"),t.xp6(1),t.Q6J("ngIf",i.editMode)}},dependencies:[m.O5,r._Y,r.Fj,r.wV,r.JJ,r.JL,r.Q7,r.c5,r.On,r.F]}),n})();function v(n,s){if(1&n){const e=t.EpF();t.TgZ(0,"a",4),t.NdJ("click",function(){const c=t.CHM(e).index,p=t.oxw();return t.KtG(p.onEditIngredient(c))}),t._uU(1),t.qZA()}if(2&n){const e=s.$implicit;t.xp6(1),t.AsE(" ",e.name," (",e.amount,") ")}}let _=(()=>{class n{constructor(e){this.slService=e,this.ingredients=[]}ngOnInit(){this.ingredients=this.slService.getIngredients(),this.subscription=this.slService.ingredientModified.subscribe(e=>{this.ingredients=e})}ngOnDestroy(){this.subscription.unsubscribe()}onEditIngredient(e){this.slService.editedIngredient.next(e)}}return n.\u0275fac=function(e){return new(e||n)(t.Y36(u._))},n.\u0275cmp=t.Xpm({type:n,selectors:[["app-shopping-list"]],decls:8,vars:1,consts:[[1,"row"],[1,"col-xs-10"],[1,"list-group"],["class","list-group-item","style","cursor: pointer",3,"click",4,"ngFor","ngForOf"],[1,"list-group-item",2,"cursor","pointer",3,"click"]],template:function(e,i){1&e&&(t.TgZ(0,"div",0)(1,"div",1),t._UZ(2,"app-shopping-edit")(3,"hr"),t.TgZ(4,"ul",2),t.YNc(5,v,2,2,"a",3),t.qZA(),t.TgZ(6,"p"),t._uU(7,"The List"),t.qZA()()()),2&e&&(t.xp6(5),t.Q6J("ngForOf",i.ingredients))},dependencies:[m.sg,S]}),n})(),C=(()=>{class n{}return n.\u0275fac=function(e){return new(e||n)},n.\u0275mod=t.oAB({type:n}),n.\u0275inj=t.cJS({imports:[a.m,r.u5,g.Bz.forChild([{path:"",component:_}])]}),n})()}}]);