Sharkey/src/client/app/desktop/views/pages/admin/admin.vue

36 lines
870 B
Vue
Raw Normal View History

2018-08-13 19:05:58 +03:00
<template>
<div>
<nav>
<ul>
2018-08-13 19:24:46 +03:00
<li @click="nav('dashboard')" :class="{ active: page == 'dashboard' }">%i18n:@dashboard%</li>
2018-08-13 19:05:58 +03:00
<li @click="nav('drive')" :class="{ active: page == 'drive' }">%i18n:@drive%</li>
<li @click="nav('users')" :class="{ active: page == 'users' }">%i18n:@users%</li>
<li @click="nav('update')" :class="{ active: page == 'update' }">%i18n:@update%</li>
</ul>
</nav>
<main>
<div v-if="page == 'dashboard'">
<x-dashboard/>
</div>
<div v-if="page == 'drive'"></div>
<div v-if="page == 'users'">
<x-suspend-user/>
</div>
<div v-if="page == 'update'"></div>
</main>
</div>
</template>
<script lang="ts">
import Vue from "vue";
import XDashboard from "./admin.dashboard.vue";
import XSuspendUser from "./admin.suspend-user.vue";
export default Vue.extend({
2018-08-13 19:24:46 +03:00
components: {
2018-08-13 19:05:58 +03:00
XDashboard,
2018-08-13 19:24:46 +03:00
XSuspendUser
}
2018-08-13 19:05:58 +03:00
});
</script>