53 lines
1.9 KiB
Vue
53 lines
1.9 KiB
Vue
<template>
|
|
<ul class="-ml-4 space-y-1">
|
|
<li v-for="item in items">
|
|
<inertia-link
|
|
class="flex items-center h-10 px-4 font-medium text-medium-emphasis"
|
|
:class="{'rounded shadow text-primary bg-surface-3': item.active}"
|
|
:href="item.to"
|
|
>{{ item.title }} {{ item.route }}</inertia-link
|
|
>
|
|
</li>
|
|
</ul>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
items: [
|
|
{
|
|
title: this.__('Overview'),
|
|
to: this.route('admin.dashboard'),
|
|
active: this.route().current('admin.dashboard')
|
|
},
|
|
{
|
|
title: this.__('Settings'),
|
|
to: this.route('admin.settings'),
|
|
active: this.route().current('admin.settings')
|
|
},
|
|
{
|
|
title: this.__('System'),
|
|
to: this.route('admin.system'),
|
|
active: this.route().current('admin.system')
|
|
},
|
|
{
|
|
title: this.__('Terms'),
|
|
to: this.route('admin.settings.terms'),
|
|
active: this.route().current('admin.settings.terms')
|
|
},
|
|
{
|
|
title: this.__('Alert messages'),
|
|
to: this.route('admin.alerts.index'),
|
|
active: this.route().current('admin.alerts.*')
|
|
},
|
|
{
|
|
title: this.__('Application logs'),
|
|
to: this.route('admin.application-logs'),
|
|
active: this.route().current('admin.application-logs')
|
|
},
|
|
],
|
|
}
|
|
},
|
|
}
|
|
</script>
|