imacat/lucia-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WIP: acct mgmt search bar and data grid header.

Browse Source
This commit is contained in:
Cindy Chang
2024-06-19 11:35:16 +08:00
parent 96ee2eb7fb
commit 69835ad05b
5 changed files with 39 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/views/AccountManagement/AccountAdmin/index.vue
View File

@@ -1,10 +1,20 @@
<template>
<div class="flex w-[1216px] items-center pt-2 flex-col">
<div class="flex">Account Admin SSO/General cases</div>
<div class="flex justify-end">
<div class="flex">
<div class="flex justify-center pt-2">
<div class="flex w-[1216px] flex-col items-center">
<div class="flex w-full justify-end py-2">
<SearchBar/>
</div>
<div id="acct_mgmt_data_grid" class="flex w-full">
<DataTable dataKey="id" tableClass="w-full mt-4 text-sm cursor-pointer relative table-fixed"
>
<Column field="account" :header="i18next.t('AcctMgmt.Account')" bodyClass="font-medium" sortable></Column>
<Column field="fullName" :header="i18next.t('AcctMgmt.FullName')" bodyClass="text-neutral-500" sortable></Column>
<Column field="adminRights" :header="i18next.t('AcctMgmt.AdminRights')" bodyClass="text-neutral-500"></Column>
<Column field="accountActivation" :header="i18next.t('AcctMgmt.AccountActivation')" bodyClass="text-neutral-500"></Column>
<Column field="detail" :header="i18next.t('AcctMgmt.Detail')" bodyClass="text-neutral-500"></Column>
<Column field="edit" :header="i18next.t('AcctMgmt.Edit')" bodyClass="text-neutral-500"></Column>
</DataTable>
</div>
</div>
</div>
</template>
@@ -13,6 +23,7 @@
import { storeToRefs, mapState, } from 'pinia';
import LoadingStore from '@/stores/loading.js';
import SearchBar from '../../../components/AccountMenu/SearchBar.vue';
import i18next from '@/i18n/i18n.js';
export default {
setup() {
@@ -25,7 +36,7 @@ export default {
},
data() {
return {
i18next: i18next,
};
},
components: {