summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/NotificationsAlerts.vue
diff options
context:
space:
mode:
authorUdo Walter2020-01-19 22:18:15 +0100
committerUdo Walter2020-01-19 22:18:15 +0100
commit7c273a8bcab2da87acb3431448a53e91e360d5eb (patch)
treea83294c281ae3f33ee2a59dafe4d32b23e43fe71 /webapp/src/components/NotificationsAlerts.vue
parent[configloader] remove port from dynamic menu (diff)
downloadbas-7c273a8bcab2da87acb3431448a53e91e360d5eb.tar.gz
bas-7c273a8bcab2da87acb3431448a53e91e360d5eb.tar.xz
bas-7c273a8bcab2da87acb3431448a53e91e360d5eb.zip
[webapp] upgrade/migration from vuetify 1.5 to 2.X
still TODO: switch from old grid system (v-layout/v-flex) to the new one (v-row/v-col)
Diffstat (limited to 'webapp/src/components/NotificationsAlerts.vue')
-rw-r--r--webapp/src/components/NotificationsAlerts.vue16
1 files changed, 9 insertions, 7 deletions
diff --git a/webapp/src/components/NotificationsAlerts.vue b/webapp/src/components/NotificationsAlerts.vue
index efedd2a..e1aafe3 100644
--- a/webapp/src/components/NotificationsAlerts.vue
+++ b/webapp/src/components/NotificationsAlerts.vue
@@ -18,17 +18,19 @@
<template>
<div>
<v-menu v-model="menu" offset-y left :close-on-content-click="false" :nudge-bottom="10" content-class="notifications" attach>
- <v-btn icon slot="activator" class="tutorial-element label-top-left element-icon" style="--label-number: '4'">
- <v-badge :value="!menu && newAlertCount" color="red darken-3" bottom>
- <span slot="badge">{{newAlertCount}}</span>
- <v-icon>notifications</v-icon>
- </v-badge>
- </v-btn>
+ <template #activator="{ on }">
+ <v-btn icon v-on="on" class="tutorial-element label-top-left element-icon" style="--label-number: '4'">
+ <v-badge :value="!menu && newAlertCount" color="red darken-3" bottom>
+ <span slot="badge">{{newAlertCount}}</span>
+ <v-icon>notifications</v-icon>
+ </v-badge>
+ </v-btn>
+ </template>
<v-card>
<v-card-text>
<div style="max-height: 70vh; overflow: auto">
- <div v-if="alerts.length === 0" class="text-xs-center" style="width: 100%">{{ $t('noNotifications') }}</div>
+ <div v-if="alerts.length === 0" class="text-center" style="width: 100%">{{ $t('noNotifications') }}</div>
<div v-else class="flex-between-center">
<v-subheader v-if="newAlertCount > 0">{{ $t('new') }}</v-subheader>
<v-subheader v-else>{{ $t('notifications') }}</v-subheader>