https://app.citizencode.net/8249.0ed92eed079062c6.js

1"use strict";(self.webpackChunkcitizen_code=self.webpackChunkcitizen_code||[]).push([[8249],{48249(W,v,s){s.d(v,{DictionaryModule:()=>z});var p=s(72200),f=s(37519),u=s(39304),g=s(53267),C=s(94067),D=s(26708),F=s(13940),R=s(12690),T=s(42364),x=s(75939),A=s(67575),j=s(43881),h=s(86820),E=s(38132),G=s(5815),P=s(21413),m=s(56977),t=s(73664),o=s(2615),$=s(17705),c=s(96354),S=s(96697);let I=(()=>{class e{constructor(a){this.octopusConnectService=a,this.filterOptions={filter:{},page:1,range:20}}get filteredLetter(){return this.filterOptions.filter.letter||"A"}loadFlashCard(a=1){return this.loadData(a).pipe((0,c.T)(n=>n.map(i=>({id:i.get("id"),title:i.get("title"),image:i.get("image"),audio:i.get("audio"),data:i.get("data")}))))}loadDictionaryCard(a=1){return this.loadData(a).pipe((0,c.T)(n=>n.map(i=>({id:i.id.toString(),title:i.get("title"),image:i.get("image"),audio:i.get("audio"),data:i.get("data")}))))}setFilterOptions(a){this.filterOptions={...this.filterOptions,...a}}loadData(a=1){return this.filterOptions.page=a,this.dataPaginated=this.octopusConnectService.paginatedLoadCollection("dictionary_search",this.filterOptions),this.dataPaginated.collectionObservable.pipe((0,S.s)(1),(0,c.T)(n=>n.entities))}getAudio(a){return this.octopusConnectService.loadEntity("acapela",a).pipe((0,c.T)(n=>n.get("audio")))}static{this.\u0275fac=function(n){return new(n||e)(o.KVO(u.z_))}}static{this.\u0275prov=o.jDH({token:e,factory:e.\u0275fac,providedIn:"root"})}}return e})();var y=s(73955),O=s(830),d=s(52920),X=s(99213),M=s(47581),V=s(39424),B=s(16038);function w(e,l){if(1&e){const a=t.RV6();t.j41(0,"button",1),t.bIt("click",function(){const i=o.eBV(a).$implicit,r=t.XpG

1();return o.Njj(r.clickEvent(i.value))}),t.k0s()}if(2&e){const a=l.$implicit,n=t.XpG();t.Y8G("ngClass",a.class)("disabled",a.value===n.selectedElement?"active":"")("innerHTML",a.html,t.npT)}}let L=(()=>{class e{constructor(){this.choosenElement=new t.bkB,this.keyboardElement=[{value:"A",html:"<span>A</span>",class:"row1"},{value:"B",html:"<span>B</span>",class:"row1"},{value:"C",html:"<span>C</span>",class:"row1"},{value:"D",html:"<span>D</span>",class:"row1"},{value:"E",html:"<span>E</span>",class:"row1"},{value:"F",html:"<span>F</span>",class:"row1"},{value:"G",html:"<span>G</span>",class:"row1"},{value:"H",html:"<span>H</span>",class:"row1"},{value:"I",html:"<span>I</span>",class:"row1"},{value:"J",html:"<span>J</span>",class:"row2"},{value:"K",html:"<span>K</span>",class:"row2"},{value:"L",html:"<span>L</span>",class:"row2"},{value:"M",html:"<span>M</span>",class:"row2"},{value:"N",html:"<span>N</span>",class:"row2"},{value:"O",html:"<span>O</span>",class:"row2"},{value:"P",html:"<span>P</span>",class:"row2"},{value:"Q",html:"<span>Q</span>",class:"row2"},{value:"R",html:"<span>R</span>",class:"row2"},{value:"S",html:"<span>S</span>",class:"row3"},{value:"T",html:"<span>T</span>",class:"row3"},{value:"U",html:"<span>U</span>",class:"row3"},{value:"V",html:"<span>V</span>",class:"row3"},{value:"W",html:"<span>W</span>",class:"row3"},{value:"X",html:"<span>X</span>",class:"row3"},{value:"Y",html:"<span>Y</span>",class:"row3"},{value:"Z",html:"<span>Z</span>",class:"row3"},{value:"123",html:'<span class="downstair">1</span><span class="upstair">2</span><span class="downstair">3</span>',class:"row3 numbers"}],this.selectedElement="A"}ngOnChanges(){this.keyInput&&(this.selectedElement=this.keyInput)}clickEvent(a){this.choosenElement.emit(a)}static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275cmp=t.VBU({type:e,selectors:[["app-dictionary-keyboard"]],inputs:{keyInput:[0,"key","keyInput"]},outputs:{choosenElement:"selectedElement"},standalone:!1,features:[t.OA$],decls:2,vars:0,consts:[[3,"ngClass","disabled","innerHTML"],[3,"click","ngClass","disabled","innerHTML"]],template:function(n,i){1&n&&t.Z7z(0,w,1,3,"button",0,t.fX1),2&n&&t.Dyx(i.keyboardElement)},dependencies:[p.YU,B.PW],encapsulation:2})}}return e})();const b=["stream"];function k(e,l){if(1&e){const a=t.RV6();t.j41(0,"mat-card",1)(1,"mat-card-header")(2,"mat-card-title"),t.nrm(3,"app-consignes",3),t.k0s()(),t.j41(4,"mat-card-content"),t.nrm(5,"app-voice-recorder",4),t.k0s(),t.j41(6,"mat-card-footer")(7,"button",5),t.bIt("click",function(){o.eBV(a);const i=t.XpG();return o.Njj(i.closeActivity())}),t.EFF(8),t.nI1(9,"translate"),t.nrm(10,"mat-icon",6),t.k0s()()()}if(2&e){const a=t.XpG();t.R7$(3),t.Y8G("instruction",a.instruction)("instructionAudio",a.instructionAudio),t.R7$(2),t.Y8G("flashcard",a.currentCard),t.R7$(3),t.SpI(" ",t.bMT(9,4,"generic.choose_another_card")," ")}}function U(e,l){if(1&e){const a=t.RV6();t.j41(0,"app-dictionary-card",11),t.bIt("state",function(i){const r=o.eBV(a).$implicit,H=t.XpG(2);return o.Njj(H.onStateChange(i,r))}

1)("openCard",function(){const i=o.eBV(a).$implicit,r=t.XpG(2);return o.Njj(r.openActivity(i))}),t.k0s()}if(2&e){const a=l.$implicit,n=t.XpG(2);t.Y8G("flashCard",a)("idCardPlaying",n.idCardPlaying)}}function Y(e,l){if(1&e){const a=t.RV6();t.j41(0,"app-dictionary-keyboard",7),t.bIt("selectedElement",function(i){o.eBV(a);const r=t.XpG();return o.Njj(r.filterToApply(i))}),t.k0s(),t.j41(1,"div",8),t.bIt("scrolled",function(){o.eBV(a);const i=t.XpG();return o.Njj(i.onScroll())}),t.Z7z(2,U,1,2,"app-dictionary-card",9,t.fX1),t.j41(4,"audio",10,0),t.EFF(6," Your browser does not support the "),t.j41(7,"code"),t.EFF(8,"audio"),t.k0s(),t.EFF(9," element. "),t.k0s()()}if(2&e){const a=t.XpG();t.Y8G("key",a.filteredLetter),t.R7$(),t.Y8G("infiniteScrollDistance",1)("infiniteScrollThrottle",200)("immediateCheck",!0)("scrollWindow",!1),t.R7$(),t.Dyx(a.cards),t.R7$(2),t.BMQ("id",null==a.currentFlashCardReading||null==a.currentFlashCardReading.audio?null:a.currentFlashCardReading.audio.id)("src",null==a.currentFlashCardReading||null==a.currentFlashCardReading.audio?null:a.currentFlashCardReading.audio.uri,t.B4B)("aria-label",null==a.currentFlashCardReading||null==a.currentFlashCardReading.audio?null:a.currentFlashCardReading.audio.alt)}}function N(e,l){1&e&&(t.j41(0,"div",2),t.nrm(1,"mat-spinner"),t.k0s())}const Q=[{path:"",canActivate:[G.aA],component:(()=>{class e{set playerRef(a){this.player=a?.nativeElement}constructor(a,n,i,r){this.dictionaryService=a,this.changeDetectorRef=n,this.translate=i,this.accountManagementProvider=r,this.readInProgress=!1,this.cards=[],this.loader=!1,this.page=1,this.idCardPlaying="",this.currentCard=null,this.instructionAudio="",this.instruction="",this.destroy$=new P.B}ngOnInit(){this.concept=this.accountManagementProvider.loggedUser.get("config").concept,this.dictionaryService.setFilterOptions({filter:{letter:"A",flashConcepts:this.concept}}),this.instruction=this.translate.instant("generic.dictionary_card_consigne"),this.loadData(),this.loadInstructionAudio()}loadInstructionAudio(){this.instruction&&this.dictionaryService.getAudio(this.instruction).pipe((0,m.Q)(this.destroy$)).subscribe(a=>{this.instructionAudio=a})}ngOnDestroy(){this.destroy$.next(),this.destroy$.complete()}get filteredLetter(){return this.dictionaryService.filteredLetter}onStateChange(a,n){this.resetPlayer(),n?.audio?.uri&&this.startPlaying(n)}openActivity(a){setTimeout(()=>{this.currentCard=a},300)}closeActivity(){this.currentCard=null}filterToApply(a){this.loader=!0,this.page=1,this.cards=[],this.dictionaryService.setFilterOptions({filter:{letter:a,flashConcepts:this.concept}}),this.loadData(!1)}onScroll(){this.loader=!0,this.page=this.page+1,this.loadData()}loadData(a=!0){this.dictionaryService.loadDictionaryCard(this.page).pipe((0,m.Q)(this.destroy$)).subscribe(n=>{a?this.cards.push(...n):this.cards=n,this.loader=!1,this.readInProgress=!1})}resetPlayer(){this.player&&(this.player.pause(),this.player.currentTime=0,this.player.onended=()=>{this.idCardPlaying=""})}startPlaying(a){this.currentFlashCardReading=a,this.idCardPlaying=a.id,this.changeDetectorRef.detectChanges(),this.player.play()}static{this.\u0275fac=function(n){return new(n||e)(t.rXU(I),t.rXU($.gRc),t.rXU(y.c$),t.rXU(O.$7))}}static{this.\u0275cmp=t.VBU({type:e,selectors:[["app-dictionary"]],viewQuery:function(n,i){if(1&n&&t.GBs(b,5),2&n){let r;t.mGM(r=t.lsd())&&(i.playerRef=r.first)}},standalone:!1,decls:3,vars:3,consts:[["stream",""],[1,"activities-card"],["fxLayout","row","fxLayoutAlign","center center","fxLayoutGap","12px",1,"loader"],[3,"instruction","instructionAudio"],[3,"flashcard"],[1,"close-activity",3,"click"],["svgIcon","overview_key"],[3,"selectedElement","key"],["infinite-scroll","",1,"container",3,"scrolled","infiniteScrollDistance","infiniteScrollThrottle","immediateCheck","scrollWindow"],[3,"flashCard","idCardPlaying"],["controls",""],[3,"state","openCard","flashCard","idCardPlaying"]],template:function(n,i){1&n&&(t.nVh(0,k,11,6,"mat-card",1),t.nVh(1,Y,10,8),t.nVh(2,N,2,0,"div",2)),2&n&&(t.vxM(i.currentCard?0:-1),t.R7$(),t.vxM(i.currentCard?-1:1),t.R7$(),t.vxM(i.loader?2:-1))},dependencies:[d.DJ,d.BO,d.sA,X.An,M.x,V.M,h.D,L,y.D9],encapsulation:2})}}return e})()}];let z=(()=>{class e{static{this.\u0275fac=function(n){return new(n||e)}}static{this.\u0275mod=t.$C({type:e})}static{this.\u0275inj=o.G2t({imports:[p.MD,E.iI.forChild(Q),f.v,g.G,u.Ci,C.N,D.d0.forRoot(),F.c.forRoot(),R.PlayersM

1odule,T.X,x.J,A.PO,j.Ez,h.e]})}}return e})()}}]);