6552.9dd691c5fb6bd627.js

"use strict";(self.webpackChunkapp=self.webpackChunkapp||[]).push([[6552],{6552:(x,m,s)=>{s.r(m),s.d(m,{NotificationsPageModule:()=>v});var r=s(177),u=s(9417),i=s(375),g=s(1470),f=s(617),d=s(7408),n=s(4438),_=s(8879);function p(o,c){1&o&&(n.j41(0,"ion-text",14),n.EFF(1),n.nI1(2,"translate"),n.k0s()),2&o&&(n.R7$(),n.SpI(" ",n.bMT(2,1,"started following you"),". "))}function P(o,c){if(1&o&&(n.j41(0,"ion-text",14),n.EFF(1),n.nI1(2,"translate"),n.k0s()),2&o){const t=n.XpG().$implicit;n.R7$(),n.Lme(" ",n.bMT(2,2,"Commented"),": ",null==t?null:t.comments," ")}}function M(o,c){if(1&o){const t=n.RV6();n.j41(0,"ion-row")(1,"ion-icon",15),n.bIt("click",function(){n.eBV(t);const a=n.XpG().$implicit,l=n.XpG();return n.Njj(l.likeComment(a))}),n.k0s(),n.nrm(2,"ion-icon",16),n.k0s()}if(2&o){const t=n.XpG().$implicit;n.R7$(),n.AVh("like",null==t?null:t.like),n.Y8G("color",null!=t&&t.like?"danger":"none")("name",null!=t&&t.like?"heart":"heart-outline")}}function C(o,c){1&o&&(n.j41(0,"ion-button",17),n.EFF(1),n.nI1(2,"translate"),n.k0s()),2&o&&(n.R7$(),n.JRh(n.bMT(2,1,"Follow Back")))}function O(o,c){if(1&o&&(n.j41(0,"ion-thumbnail",18),n.nrm(1,"img",7),n.k0s()),2&o){const t=n.XpG().$implicit;n.R7$(),n.Y8G("src",null==t?null:t.post,n.B4B)}}function h(o,c){if(1&o&&(n.j41(0,"ion-item")(1,"ion-thumbnail",6),n.nrm(2,"img",7),n.k0s(),n.j41(3,"ion-label"),n.EFF(4),n.j41(5,"p",8),n.DNE(6,p,3,3,"ion-text",9)(7,P,3,4,"ion-text",9),n.j41(8,"ion-text",10),n.EFF(9),n.nI1(10,"translate"),n.k0s()(),n.DNE(11,M,3,4,"ion-row",11),n.k0s(),n.DNE(12,C,3,3,"ion-button",12)(13,O,2,1,"ion-thumbnail",13),n.k0s()),2&o){const t=c.$implicit,e=n.XpG();n.R7$(2),n.Y8G("src",null==t?null:t.user_profile,n.B4B),n.R7$(2),n.SpI(" ",null==t?null:t.username," "),n.R7$(2),n.Y8G("ngIf","follow"==(null==t?null:t.activity)),n.R7$(),n.Y8G("ngIf","comment"==(null==t?null:t.activity)),n.R7$(2),n.Lme("",e.commonFunctions.timeSince(null==t?null:t.time)," ",n.bMT(10,9,"Ago"),""),n.R7$(2),n.Y8G("ngIf","comment"==(null==t?null:t.activity)),n.R7$(),n.Y8G("ngIf","follow"==(null==t?null:t.activity)),n.R7$(),n.Y8G("ngIf","comment"==(null==t?null:t.activity))}}const b=[{path:"",component:(()=>{class o{constructor(t){this.commonFunctions=t,this.slideOpts={},this.slides=[],this.activeTab=0,this.activities=[]}ngOnInit(){this.slides=[{id:1,name:"All activity"},{id:2,name:"Likes",notifications:32},{id:3,name:"Comments",notifications:13},{id:4,name:"Mentions"}],this.slideOpts={slidesPerView:this.commonFunctions.checkScreen(this.slides.length),slideShadows:!0},this.activities=[{id:1,username:"user1",user_profile:"assets/imgs/2.png",time:new Date("February 9, 2022 08:13:00"),activity:"follow"},{id:2,username:"user2",user_profile:"assets/imgs/6.png",time:new Date("February 5, 2022 03:16:00"),activity:"comment",comments:"Great content without a doubt. I am your big fan of you.",post:"assets/imgs/logo.png"},{id:3,username:"user3",user_profile:"assets/imgs/4.png",time:new Date("February 3, 2022 01:11:00"),activity:"follow"},{id:4,username:"user4",user_profile:"assets/imgs/3.png",time:new Date("February 2, 2022 04:13:00"),activity:"follow"},{id:5,username:"user5",user_profile:"assets/imgs/5.png",time:new Date("February 2, 2022 03:15:00"),activity:"comment",comments:"Nice design. It's good to see different layouts and design for such commons elements. Good job!.",post:"assets/imgs/logo.png"},{id:6,username:"user6",user_profile:"assets/imgs/1.png",time:new Date("February 1, 2022 05:19:00"),activity:"follow"}]}changeTab(t){this.activeTab=t,this.ionSlides.slideTo(t)}likeComment(t){t.like=!t?.like}static{this.\u0275fac=function(e){return new(e||o)(n.rXU(_.k))}}static{this.\u0275cmp=n.VBU({type:o,selectors:[["app-notifications"]],viewQuery:function(e,a){if(1&e&&n.GBs(f.Jl,5),2&e){let l;n.mGM(l=n.lsd())&&(a.ionSlides=l.first)}},standalone:!0,features:[n.aNF],decls:13,vars:7,consts:[[1,"ion-no-border"],["slot","start"],["icon","arrow-back-outline","defaultHref","/p/home",3,"text"],["lines","none"],[1,"section-title"],[4,"ngFor","ngForOf"],["slot","start",1,"photo"],[3,"src"],[1,"ion-text-wrap"],["color","dark",4,"ngIf"],["color","medium",1,"time"],[4,"ngIf"],["slot","end","color","primary",4,"ngIf"],["slot","end","class","post",4,"ngIf"],["color","dark"],[3,"click","color","name"],["name","chatbubble-ellipses-outline",1,"ion-margin-start"],["slot","end","color","primary"],["slot","end",1,"post"]],template:function(e,a){1&e&&(n.j41(0,"ion-header",0)(1,"ion-toolbar")(2,"ion-buttons",1),n.nrm(3,"ion-back-button",2),n.nI1(4,"translate"),n.k0s()()(),n.j41(5,"ion-content")(6,"ion-list",3)(7,"ion-list-header")(8,"ion-label",4)(9,"strong"),n.EFF(10),n.nI1(11,"translate"),n.k0s()()(),n.DNE(12,h,14,11,"ion-item",5),n.k0s()()),2&e&&(n.R7$(3),n.Y8G("text",n.bMT(4,3,"Notifications")),n.R7$(7),n.SpI("",n.bMT(11,5,"New")," (64)"),n.R7$(2),n.Y8G("ngForOf",a.activities))},dependencies:[i.bv,i.Jm,i.QW,i.W9,i.eU,i.iq,i.uz,i.he,i.nf,i.AF,i.ln,i.IO,i.Zx,i.ai,i.el,r.pM,r.bT,d.D9],styles:['ion-header[_ngcontent-%COMP%]   ion-toolbar[_ngcontent-%COMP%]   ion-button[_ngcontent-%COMP%]{--background: none;--background-focused: none;--background-hover: none;--background-activated: none;--box-shadow: none}ion-header[_ngcontent-%COMP%]   ion-title[_ngcontent-%COMP%]{font-size:18px}ion-content[_ngcontent-%COMP%]{--background: var(--ion-color-light)}ion-content[_ngcontent-%COMP%]   ion-list[_ngcontent-%COMP%]{background:var(--ion-color-light);padding:0;margin-bottom:10vh;margin-top:15px}ion-content[_ngcontent-%COMP%]   ion-list[_ngcontent-%COMP%]   .section-title[_ngcontent-%COMP%]{font-size:15px;padding:15px 0;margin:0}ion-content[_ngcontent-%COMP%]   ion-list[_ngcontent-%COMP%]   ion-item[_ngcontent-%COMP%]{margin:auto;margin-bottom:1.5vh;--inner-padding-end: 5px;--ion-background-color: transparent}ion-content[_ngcontent-%COMP%]   ion-list[_ngcontent-%COMP%]   ion-item[_ngcontent-%COMP%]   ion-thumbnail.photo[_ngcontent-%COMP%]{align-self:flex-start;position:relative;min-width:2rem;min-height:2rem;border-radius:40px;padding:5px}ion-content[_ngcontent-%COMP%]   ion-list[_ngcontent-%COMP%]   ion-item[_ngcontent-%COMP%]   ion-thumbnail.photo[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{border-radius:40px}ion-content[_ngcontent-%COMP%]   ion-list[_ngcontent-%COMP%]   ion-item[_ngcontent-%COMP%]   ion-thumbnail.photo[_ngcontent-%COMP%]:before{content:"";position:absolute;inset:0;border-radius:40px;padding:2px;background:linear-gradient(to bottom,#c13584,#e1306c,#fd1d1d,#f56040,#f77737,#fcaf45,#ffdc80);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}ion-content[_ngcontent-%COMP%]   ion-list[_ngcontent-%COMP%]   ion-item[_ngcontent-%COMP%]   ion-label[_ngcontent-%COMP%]{font-weight:700;font-size:.9rem}ion-content[_ngcontent-%COMP%]   ion-list[_ngcontent-%COMP%]   ion-item[_ngcontent-%COMP%]   ion-label[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]   ion-text[_ngcontent-%COMP%]{font-size:.75rem}ion-content[_ngcontent-%COMP%]   ion-list[_ngcontent-%COMP%]   ion-item[_ngcontent-%COMP%]   ion-label[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]   ion-text[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{color:gray}ion-content[_ngcontent-%COMP%]   ion-list[_ngcontent-%COMP%]   ion-item[_ngcontent-%COMP%]   ion-label[_ngcontent-%COMP%]   ion-row[_ngcontent-%COMP%]{margin-top:5px}ion-content[_ngcontent-%COMP%]   ion-list[_ngcontent-%COMP%]   ion-item[_ngcontent-%COMP%]   ion-label[_ngcontent-%COMP%]   ion-row[_ngcontent-%COMP%]   ion-icon[_ngcontent-%COMP%]{font-size:1.3rem}ion-content[_ngcontent-%COMP%]   ion-list[_ngcontent-%COMP%]   ion-item[_ngcontent-%COMP%]   ion-label[_ngcontent-%COMP%]   ion-row[_ngcontent-%COMP%]   .like[_ngcontent-%COMP%]:active{font-size:3rem;transition:all .3s ease}ion-content[_ngcontent-%COMP%]   ion-list[_ngcontent-%COMP%]   ion-item[_ngcontent-%COMP%]   ion-button[_ngcontent-%COMP%]{height:30px;--border-radius: 5px;margin-left:20px;font-weight:700}ion-content[_ngcontent-%COMP%]   ion-list[_ngcontent-%COMP%]   ion-item[_ngcontent-%COMP%]   ion-thumbnail.post[_ngcontent-%COMP%]{align-self:center;min-width:3rem;min-height:3rem}']})}}return o})()}];let k=(()=>{class o{static{this.\u0275fac=function(e){return new(e||o)}}static{this.\u0275mod=n.$C({type:o})}static{this.\u0275inj=n.G2t({imports:[g.iI.forChild(b),g.iI]})}}return o})(),v=(()=>{class o{static{this.\u0275fac=function(e){return new(e||o)}}static{this.\u0275mod=n.$C({type:o})}static{this.\u0275inj=n.G2t({imports:[r.MD,u.YN,i.bv,k]})}}return o})()}}]);