All checks were successful
Build Quasar SPA and Go Backend for memberApp / build-spa (push) Successful in 2m12s
Build Quasar SPA and Go Backend for memberApp / build-backend (amd64, , linux) (push) Successful in 5m8s
Build Quasar SPA and Go Backend for memberApp / build-backend (amd64, .exe, windows) (push) Successful in 5m8s
Build Quasar SPA and Go Backend for memberApp / build-backend (arm, 6, , linux) (push) Successful in 4m57s
Build Quasar SPA and Go Backend for memberApp / build-backend (arm64, , linux) (push) Successful in 5m7s
39 lines
975 B
Vue
39 lines
975 B
Vue
<template>
|
|
<div class="q-pa-md">
|
|
<div class="q-gutter-y-md">
|
|
<q-card>
|
|
<q-tabs
|
|
v-model="tab"
|
|
dense
|
|
class="taxt-grey"
|
|
active-color="primary"
|
|
indicator-color="primary"
|
|
align="justify"
|
|
narrow-indicator
|
|
>
|
|
<q-tab name="users" no-caps :label="$t('users')" />
|
|
<q-tab name="roles" no-caps :label="$t('roles')" />
|
|
</q-tabs>
|
|
<q-separator />
|
|
|
|
<q-tab-panels v-model="tab" animated>
|
|
<q-tab-panel name="users">
|
|
<UserTable />
|
|
</q-tab-panel>
|
|
<q-tab-panel name="roles">
|
|
<RoleTable />
|
|
</q-tab-panel>
|
|
</q-tab-panels>
|
|
</q-card>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { ref } from 'vue';
|
|
import UserTable from 'src/vueLib/tables/users/UserTable.vue';
|
|
import RoleTable from 'src/vueLib/tables/roles/RoleTable.vue';
|
|
|
|
const tab = ref('users');
|
|
</script>
|