https://kiku.listen.org/952.f3f72756dbb95cca.bundle.js

1"use strict";(self["webpackChunkclient"]=self["webpackChunkclient"]||[]).push([[952],{50952:function(e,t,a){a.r(t),a.d(t,{default:function(){return E}});var s=a(20641),l=a(90033);const i={class:"level"},r={class:"level-left"},d={class:"level-item"},n={class:"title"},o={class:"badge-list-controls"},g=["aria-label"],b=["aria-pressed","onClick"],h={key:0,class:"orgo-table-wrap"},u={class:"media"},c={class:"media-content"},m={key:1,class:"has-text-centered p-5"},p={key:0,class:"orgo-table-wrap"},f={class:"level-left"},v={class:"ml-4 has-text-dark has-text-weight-semibold"},C={key:1,class:"has-text-centered p-5"},S={key:0,class:"orgo-table-wrap"},k={class:"level-left"},P={class:"ml-4 has-text-dark has-text-weight-semibold"},_={class:"media"},y={class:"media-content"},w={key:1,class:"has-text-centered p-5"};function L(e,t,a,L,T,F){const B=(0,s.g2)("b-loading"),$=(0,s.g2)("ListFilterBar"),O=(0,s.g2)("b-table-column"),X=(0,s.g2)("LogoThumbnail"),E=(0,s.g2)("b-table"),W=(0,s.g2)("router-link");return(0,s.uX)(),(0,s.CE)("div",null,[(0,s.bF)(B,{modelValue:T.isLoading,"onUpdate:modelValue":t[0]||(t[0]=e=>T.isLoading=e),"is-full-page":!1},null,8,["modelValue"]),(0,s.Lk)("div",i,[(0,s.Lk)("div",r,[(0,s.Lk)("div",d,[(0,s.Lk)("h2",n,(0,l.v_)(e.$t("badgesCentralizer")),1)])]),t[3]||(t[3]=(0,s.Lk)("div",{class:"level-right"},null,-1))]),(0,s.Lk)("div",o,[(0,s.Lk)("div",{class:"orgo-segmented-toggle has-label is-soft",role:"group","aria-label":e.$t("View")},[((0,s.uX)(!0),(0,s.CE)(s.FK,null,(0,s.pI)(F.viewOptions,e=>((0,s.uX)(),(0,s.CE)("button",{key:e.value,class:(0,l.C4)(["orgo-segmented-option",{"is-active":T.badgeTab===e.value}]),"aria-pressed":T.badgeTab===e.value,onClick:t=>F.changeTab(e.value)},[(0,s.Lk)("span",null,(0,l.v_)(e.label),1)],10,b))),128))],8,g),(0,s.bF)($,{definitions:F.filterDefinitions,"model-value":T.filters,defaults:F.filterDefaults,"onUpdate:modelValue":F.onFilterBarUpdate,onChange:F.onFilterBarChange,onClear:F.removeFilters},null,8,["definitions","model-value","defaults","onUpdate:modelValue","onChange","onClear"])]),"localCenters"===T.badgeTab?((0,s.uX)(),(0,s.CE)(s.FK,{key:0},[T.badgeStatsLocalCenter.length>0?((0,s.uX)(),(0,s.CE)("div",h,[(0,s.bF)(E,{data:T.badgeStatsLocalCenter,narrowed:!1,"mobile-cards":!1,"pagination-rounded":"",hoverable:!0},{default:(0,s.k6)(()=>[(0,s.bF)(O,{label:e.$t("Chapter")},{default:(0,s.k6)(e=>[(0,s.eW)((0,l.v_)(e.row.town_name)+" - "+(0,l.v_)(e.row.local_center_name),1)]),_:1},8,["label"]),"badge_name"in T.badgeStatsLocalCenter[0]?((0,s.uX)(),(0,s.Wv)(O,{key:0,label:e.$t("badge")},{default:(0,s.k6)(e=>[(0,s.Lk)("div",u,[((0,s.uX)(),(0,s.Wv)(X,{key:`badge-${e.row.badge_id}`,item:{id:e.row.badge_id,name:e.row.badge_name,logo:e.row.badge_logo,"@type":"Badge"}},null,8,["item"])),(0,s.Lk)("div",c,(0,l.v_)(e.row.badge_name),1)])]),_:1},8,["label"])):(0,s.Q3)("",!0),(0,s.bF)(O,{label:e.$t("badgeStatusCompleted")},{default:(0,s.k6)(e=>[(0,s.eW)((0,l.v_)(e.row.completed),1)]),_:1},8,["label"]),(0,s.bF)(O,{label:e.$t("badgeStatusPending")},{default:(0,s.k6)(e=>[(0,s.eW)((0,l.v_)(e.row.pending),1)]),_:1},8,["label"])]),_:1},8,["data"])])):T.isLoading?(0,s.Q3)("",!0):((0,s.uX)(),(0,s.CE)("div",m,[(0,s.Lk)("p",null,(0,l.v_)(e.$t("noResultsForYourSearch")),1)]))],64)):"badgeStats"===T.badgeTab?((0,s.uX)(),(0,s.CE)(s.FK,{key:1},[T.badgeStatsBadge.length>0?((0,s.uX)(),(0,s.CE)("div",p,[(0,s.bF)(E,{"current-page":T.badgeStatsPage,"onUpdate:currentPage":t[1]||(t[1]=e=>T.badgeStatsPage=e),data:T.badgeStatsBadge,narrowed:!1,"mobile-cards":!1,hoverable:!0,"backend-pagination":"","pagination-rounded":"",paginated:F.isBadgeStatsMoreThanOnePage,"per-page":T.badgeStatsPerPage,total:T.badgeStatsTotal,"backend-sorting":"","default-sort-direction":T.badgeStatsSortOrder,"default-sort":[T.badgeStatsSortField,T.badgeStatsSortOrder],onPageChange:F.changeBadgeStatsPage,onSort:F.onBadgeStatsSort},{default:(0,s.k6)(()=>["badge_name"in T.badgeStatsBadge[0]?((0,s.uX)(),(0,s.Wv)(O,{key:0,field:"badge_name",label:e.$t("badge"),sortable:""},{default:(0,s.k6)(e=>[(0,s.Lk)("div",f,[((0,s.uX)(),(0,s.Wv)(X,{key:`badge-${e.row.badge_id}`,item:{id:e.row.badge_id,name:e.row.badge_name,logo:e.row.badge_logo,"@type":"Badge"}},null,8,["item"])),(0,s.Lk)("div",v,(0,l.v_)(e.row.badge_name),1)])]),_:1},8,["label"])):(0,s.Q3)("",!0),(0,s.bF)(O,{field:"completed",label:e.$t("badgeStatusCompleted"),sortable:""},{default:(0,s.k6)(e=>[(0,s.eW)((0,l.v_)(e.row.completed),1)]),_:1},8,["label"]),(0,s.bF)(O,{field:"pending",label:e.$t("badgeStatusPending"),sortable:""},{default:(0,s.k6)(e=>[(0,s.eW)((0,l.v_)(e.row.pending),1)]),_:1},8,["label"])]),_:1},8,["current-page","data","paginated","per-page","total","default-sort-direction","default-sort","onPageChange","onSort"])])):T.isLoading?(0,s.Q3)("",!0):((0,s.uX)(),(0,s.CE)("div",C,[(0,s.Lk)("p",null,(0,l.v_)(e.$t("noResultsForYourSearch")),1)]))],64)):((0,s.uX)(),(0,s.CE)(s.FK,{key:2},[T.userBadges.length>0?((0,s.uX)(),(0,s.CE)("div",S,[(0,s.bF)(E,{"current-page":T.itemsPageCurrent,"onUpdate:currentPage":t[2]||(t[2]=e=>T.itemsPageCurrent=e),data:T.userBadges,hoverable:!0,"backend-pagination":"","pagination-rounded":"",paginated:F.isMoreThanOnePage,"per-page":T.itemsPerPage,total:T.itemsTotal,"mobile-cards":!1,"backend-sorting":"","default-sort-direction":T.defaultSortOrder,"default-sort":[T.sortField,T.sortOrder],onPageChange:F.changeListPage,onSort:F.onSort},{default:(0,s.k6)(()=>[(0,s.bF)(O,{label:e.$t("badge")},{default:(0,s.k6)(e=>[(0,s.Lk)("div",k,[((0,s.uX)(),(0,s.Wv)(X,{key:e.row.badge.id,item:e.row.badge},null,8,["item"])),(0,s.Lk)("div",P,(0,l.v_)(e.row.badge.name),1)])]),_:1},8,["label"]),T.filters.localCenter?((0,s.uX)(),(0,s.Wv)(O,{key:0,label:e.$t("Chapter")},{default:(0,s.k6)(e=>[(0,s.Lk)("div",_,[(0,s.Lk)("div",y,(0,l.v_)(e.row.user.localCenter.name),1)])]),_:1},8,["label"])):(0,s.Q3)("",!0),(0,s.bF)(O,{label:"",width:"40"},{default:(0,s.k6)(e=>[((0,s.uX)(),(0,s.Wv)(X,{key:e.row.user.id,item:e.row.user,"is-type":"roundXSmall"},null,8,["item"]))]),_:1}),(0,s.bF)(O,{label:e.$t("member")},{default:(0,s.k6)(e=>[(0,s.bF)(W,{to:{name:"UserShow",params:{item:e.row.user.id}}},{default:(0,s.k6)(()=>[(0,s.eW)((0,l.v_)(e.row.user.fullName),1)]),_:2},1032,["to"])]),_:1},8,["label"]),(0,s.bF)(O,{label:"",width:"40"},{default:(0,s.k6)(e=>[((0,s.uX)(),(0,s.Wv)(X,{key:e.row.owner.id,item:e.row.owner,"is-type":"roundXSmall"},null,8,["item"]))]),_:1}),(0,s.bF)(O,{label:e.$t("givenBy")},{default:(0,s.k6)(e=>[(0,s.bF)(W,{to:{name:"UserShow",params:{item:e.row.owner.id}}},{default:(0,s.k6)(()=>[(0,s.eW)((0,l.v_)(e.row.owner.fullName),1)]),_:2},1032,["to"])]),_:1},8,["label"]),(0,s.bF)(O,{label:e.$t("created"),field:"dateCreated",sortable:""},{default:(0,s.k6)(t=>[(0,s.eW)((0,l.v_)(e.$filters.format(t.row.dateCreated)),1)]),_:1},8,["label"])]),_:1},8,["current-page","data","paginated","per-page","total","default-sort-direction","default-sort","onPageChange","onSort"])])):T.isLoading?(0,s.Q3)("",!0):((0,s.uX)(),(0,s.CE)("div",w,[(0,s.Lk)("p",null,(0,l.v_)(e.$t("noResultsForYourSearch")),1)]))],64))])}a(44114),a(18111),a(22489),a(61701);var T=a(40834),F=a(31823),B=a(9906),$={components:{LogoThumbnail:F.A,ListFilterBar:B.A},data(){return{badgeTab:null,userBadges:[],badgeTypes:[],badges:[],badgeStatsLocalCenter:[],badgeStatsBadge:[],filters:{badgeType:null,badge:null,status:1,localCenter:null},isLoading:!1,localCenters:[],itemsTotal:null,itemsPageCurrent:1,itemsPerPage:100,sortField:"dateCreated",sortOrder:"DESC",defaultSortOrder:"DESC",badgeStatsPage:1,badgeStatsPerPage:30,badgeStatsTotal:0,badgeStatsSortField:"completed",badgeStatsSortOrder:"DESC"}},computed:{...(0,T.L8)(["user","tenant","isGranted"]),isMoreThanOnePage(){return!!(this.itemsTotal>this.itemsPerPage&&this.itemsPerPage)},isBadgeStatsMoreThanOnePage(){return this.badgeStatsTotal>this.badgeStatsPerPage},viewOptions(){const e=[];return this.tenant.settingFeatures.localCenter.isActive&&e.push({value:"localCenters",label:this.$t("localCenters")}),e.push({value:"badgeStats",label:this.$t("Badges stats")}

1),e.push({value:"badgeUsers",label:this.$t("badges")}),e},filterDefinitions(){return[{key:"badgeType",label:this.$t("Badge type"),options:this.badgeTypePillOptions,icon:"fa-light fa-tag",visible:this.tenant.settingFeatures.gamification.hasType&&this.badgeTypes.length>0,isPrimary:!0},{key:"badge",label:this.$t("badge"),options:this.badgePillOptions,searchable:!0,icon:"fa-light fa-award",visible:this.badgePillOptions.length>0,isPrimary:!0},{key:"status",label:this.$t("Status"),options:this.statusPillOptions,icon:"fa-light fa-circle-dot",isPrimary:!0},{key:"localCenter",label:this.$t("Chapter"),options:this.localCenterPillOptions,icon:"fa-light fa-sitemap",visible:this.tenant.settingFeatures.localCenter.isActive&&this.localCenterPillOptions.length>0,isPrimary:!0}]},filterDefaults(){return{status:1}},badgeTypePillOptions(){return this.badgeTypes.map(e=>({value:e.id,label:e.name}))},badgePillOptions(){const e=this.tenant.settingFeatures.gamification.hasType;return this.badges.filter(t=>!e||!this.filters.badgeType||t.type?.id===this.filters.badgeType).map(e=>({value:e.id,label:e.name}))},statusPillOptions(){return[{value:1,label:this.$t("badgeStatusCompleted")},{value:0,label:this.$t("badgeStatusPending")}]},localCenterPillOptions(){return this.localCenters.filter(e=>e&&this.isGranted("HR_ASSISTANT_LOCAL",e)).map(e=>({value:e.id,label:(e.town?e.town.name+" - ":"")+e.name}))}},created(){this.badgeTab=this.tenant.settingFeatures.localCenter.isActive?"localCenters":"badgeStats",this.loadTenantBadges()},methods:{loadTenantBadges(){this.isLoading=!0,Promise.all([this.$http.plain.get("/badge_types"),this.$http.plain.get("/badges")]).then(([e,t])=>(this.badgeTypes=e.data["hydra:member"],this.badges=t.data["hydra:member"],this.tenant.settingFeatures.localCenter.isActive?this.loadLocalCenters():this.loadViewData())).catch(e=>console.error(e)).finally(()=>{this.isLoading=!1})},loadLocalCenters(){return this.isLoading=!0,this.$http.plain.get("/local_centers_all?isActive=1&tenant="+this.$store.state.tenant.id).then(e=>(this.localCenters=e.data["hydra:member"],this.loadViewData())).catch(e=>{console.error(e.message)}).finally(()=>this.isLoading=!1)},loadViewData(){return"localCenters"===this.badgeTab?this.localCenterStats():"badgeStats"===this.badgeTab?this.loadBadgeTotals():this.loadBadgeUsersItems()},localCenterStats(){return this.isLoading=!0,this.$http.plain.get("/stats/badge_local_center",{params:{localCenter:this.filters.localCenter,badge:this.filters.badge}}).then(e=>{this.badgeStatsLocalCenter=e.data}).catch(e=>console.error(e)).finally(()=>this.isLoading=!1)},loadBadgeTotals(){return this.isLoading=!0,this.$http.plain.get("/stats/badge_totals",{params:{localCenter:this.filters.localCenter,badge:this.filters.badge,page:this.badgeStatsPage,itemsPerPage:this.badgeStatsPerPage,sortField:this.badgeStatsSortField,sortOrder:this.badgeStatsSortOrder}}).then(e=>{this.badgeStatsBadge=e.data["hydra:member"],this.badgeStatsTotal=e.data["hydra:totalItems"]}).catch(e=>{console.log(e)}).finally(()=>this.isLoading=!1)},loadBadgeUsersItems(){this.isLoading=!0;const e={page:this.itemsPageCurrent,["order["+this.sortField+"]"]:this.sortOrder};return null!==this.filters.status&&(e.status=this.filters.status),this.filters.badge&&(e.badge=this.filters.badge),this.filters.localCenter&&(e["user.localCenter"]=this.filters.localCenter),this.$http.plain.get("/badge_users",{params:e}).then(e=>{this.userBadges=e.data["hydra:member"],1===this.itemsPageCurrent&&(this.itemsTotal=e.data["hydra:totalItems"],this.itemsPerPage=this.userBadges.length)}).catch(e=>console.error(e)).finally(()=>{this.isLoading=!1})},onFilterBarUpdate(e){Object.assign(this.filters,e)},onFilterBarChange({key:e}){"badgeType"===e&&(this.filters.badge=null),this.resetPaging(),this.loadViewData()},removeFilters(){this.filters={badgeType:null,badge:null,status:1,localCenter:null},this.resetPaging(),this.loadViewData()},resetPaging(){this.itemsPageCurrent=1,this.badgeStatsPage=1},changeTab(e){this.badgeTab!==e&&(this.badgeTab=e,this.resetPaging(),this.loadViewData())},changeBadgeStatsPage(e){this.badgeStatsPage=e,this.loadBadgeTotals()},onBadgeStatsSort(e,t){this.badgeStatsSortField=e,this.badgeStatsSortOrder=t,this.badgeStatsPage=1,this.loadBadgeTotals()},changeListPage(e){const t=document.getElementById("oMain");t&&t.scrollTo({top:0,behavior:"smooth"}),this.itemsPageCurrent=e,this.loadBadgeUsersItems()},onSort(e,t){this.sortField=e,this.sortOrder=t,this.itemsPageCurrent=1,this.loadBadgeUsersItems()}}},O=a(66262);const X=(0,O.A)($,[["render",L],["__scopeId","data-v-c3a08030"]]);var E=X}}]);