forked from Simnation/Main
1 line
4.7 KiB
JavaScript
1 line
4.7 KiB
JavaScript
import{_ as f,bh as b,o as h,X as w,a as s,w as r,a6 as _,c as y,bi as v,r as $,a7 as u,U as l,aE as L,a9 as k,S,W as p}from"./app-014d9ed9.js";import{Q as P,a as R,b as m}from"./QTable.d759a99d.js";import"./externalHosting.js";import"./QList.9d5bb77f.js";import"./QMarkupTable.ba6854cc.js";import"./QSelect.d7ce3d4c.js";import"./QItemLabel.b6dd3adb.js";import"./position-engine.65ebcb34.js";import"./selection.2a17b691.js";import"./rtl.b51694b1.js";const q={name:"AccountList",data(){return{columns:[{name:"name",align:"left",label:this.$i18n.t("components.accountList.headers.name"),field:t=>t.name,format:t=>`${t}`,sortable:!0},{name:"license",align:"left",label:this.$i18n.t("components.accountList.headers.license"),field:t=>t.license,format:t=>`${t}`,sortable:!0},{name:"character_count",align:"center",label:this.$i18n.t("components.accountList.headers.character_count"),field:t=>t.character_count,format:t=>`${t}`,sortable:!0},{name:"last_active",align:"center",label:this.$i18n.t("components.accountList.headers.last_active"),field:t=>t.last_active,format:t=>`${t}`,sortable:!0}],accounts:[],pagination:{sortBy:"name",descending:!1,page:1,rowsPerPage:25,rowsNumber:25},loading:!0}},methods:{getRowsNumberCount(t){return this.$axios.post("/api/accounts/account-count",{filter:t}).then(a=>a.data.count)},fetchFromServer(t,a,i,c,n){return this.$axios.post("/api/accounts",{startRow:t,count:a,filter:i,sortBy:c,descending:n}).then(o=>o.data.accounts||[]).catch(o=>{this.loading=!1,this.$q.notify({message:this.$i18n.t("general.error"),position:"top",color:"red",icon:"fas fa-exclamation-triangle",caption:this.$i18n.t("general.timeout")})}).finally(()=>this.loading=!1)},async onRequest(t){const{page:a,rowsPerPage:i,sortBy:c,descending:n}=t.pagination,o=t.filter;this.loading=!0,this.pagination.rowsNumber=await this.getRowsNumberCount(o);const d=i===0?this.pagination.rowsNumber:i,e=(a-1)*i,g=await this.fetchFromServer(e,d,o,c,n);this.accounts.splice(0,this.accounts.length,...g),this.pagination.page=a,this.pagination.rowsPerPage=i,this.pagination.sortBy=c,this.pagination.descending=n,this.paginationSave=this.pagination,this.loading=!1},onRowClick(t){this.$router.push({name:"game-account-detail",params:{license:t.license}})},getPaginationLabel(t,a,i){return this.$i18n.t("components.accountList.paginationLabel",{from:t,to:a,total:i})},updatePagination(t){this.loading||(this.paginationSave=t,this.pagination=t)}},computed:{...b(v,["searchFilter","paginationSave"])},mounted(){this.$route.name==="game-account-list"&&(this.pagination={...this.paginationSave},this.$refs.tableRef.requestServerInteraction())}},C={key:0,class:"row q-pa-sm"},B={class:"row"},N={class:"col-12"},Q={class:"q-mx-md q-my-sm row"},x={class:"text-caption text-sub"};function F(t,a,i,c,n,o){const d=$("router-view");return t.$route.name==="game-account-list"?(h(),w("div",C,[s(_,{class:"bg-secondary full-width"},{default:r(()=>[u("div",B,[u("div",N,[u("div",Q,[u("div",x,l(t.$t("components.accountList.subheader")),1)]),s(L),s(P,{ref:"tableRef",color:"primary","card-class":"bg-secondary text-main","table-class":"text-main","table-header-class":"text-primary",flat:"",rows:n.accounts,columns:n.columns,"row-key":"name",pagination:n.pagination,"onUpdate:pagination":[a[1]||(a[1]=e=>n.pagination=e),o.updatePagination],"rows-per-page-options":[0,25,50,100],"no-results-label":t.$t("components.accountList.noData"),"loading-label":t.$t("components.accountList.loadData"),loading:n.loading,filter:t.searchFilter,"binary-state-sort":"","pagination-label":o.getPaginationLabel,"rows-per-page-label":`${t.$t("components.accountList.recordsPerPage")}:`,onRequest:o.onRequest},{"top-right":r(()=>[s(k,{"input-style":{color:"var(--q-main)"},borderless:"",dense:"",debounce:"300",modelValue:t.searchFilter,"onUpdate:modelValue":a[0]||(a[0]=e=>t.searchFilter=e),placeholder:t.$t("general.search")},{append:r(()=>[s(S,{class:"text-main",name:"search"})]),_:1},8,["input-style","modelValue","placeholder"])]),body:r(e=>[s(R,{props:e,onClick:g=>o.onRowClick(e.row),class:"cursor-pointer"},{default:r(()=>[s(m,{key:"name",props:e},{default:r(()=>[p(l(e.row.name),1)]),_:2},1032,["props"]),s(m,{key:"license",props:e},{default:r(()=>[p(l(e.row.license),1)]),_:2},1032,["props"]),s(m,{key:"character_count",props:e},{default:r(()=>[p(l(e.row.character_count),1)]),_:2},1032,["props"]),s(m,{key:"last_active",props:e},{default:r(()=>[p(l(new Date(e.row.last_active*1e3).toLocaleString()),1)]),_:2},1032,["props"])]),_:2},1032,["props","onClick"])]),_:1},8,["rows","columns","pagination","no-results-label","loading-label","loading","filter","pagination-label","rows-per-page-label","onRequest","onUpdate:pagination"])])])]),_:1})])):(h(),y(d,{key:1}))}const z=f(q,[["render",F]]);export{z as default};
|