j3d1/toolshed
1
0
Fork 0
Code Issues 9 Pull requests 1 Projects Releases Packages Wiki Activity

stash

Browse source
This commit is contained in:
j3d1 2023-05-31 22:44:22 +02:00
parent cecc03a820
commit 509dfb24ec
4 changed files with 30 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

15
frontend/src/components/Messages.vue
View file

@ -1,12 +1,11 @@
<template>
<li class="nav-item dropdown">
<a class="nav-icon dropdown-toggle" href="#" id="messagesDropdown" data-toggle="dropdown">
<a class="nav-icon dropdown-toggle" href="#" id="messagesDropdown" @click.prevent="toggleDropdown">
<div class="position-relative">
<b-icon-chat-left class="bi-valign-middle"></b-icon-chat-left>
</div>
</a>
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0"
aria-labelledby="messagesDropdown">
<div :class="['dropdown-menu','dropdown-menu-right', 'dropdown-menu-lg','py-0', {'show': show_dropdown}]">
<div class="dropdown-menu-header">
<div class="position-relative">
4 New Messages
@ -95,10 +94,20 @@ export default {
default: () => []
}
},
data() {
return {
show_dropdown: false
}
},
computed: {
top_messages() {
return this.messages.slice(0, 4);
}
},
methods: {
toggleDropdown() {
this.show_dropdown = !this.show_dropdown;
}
}
}
</script>

15
frontend/src/components/Notifications.vue
View file

@ -1,15 +1,14 @@
<template>
<li class="nav-item dropdown">
<a class="nav-icon dropdown-toggle" href="#" id="alertsDropdown" data-toggle="dropdown">
<a class="nav-icon dropdown-toggle" href="#" id="alertsDropdown" @click.prevent="toggleDropdown">
<div class="position-relative">
<b-icon-bell class="bi-valign-middle"></b-icon-bell>
<span :class="['indicator', notificationsColor(top_notifications)]">{{
top_notifications.length
top_notifications.length
}}</span>
</div>
</a>
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0"
aria-labelledby="alertsDropdown">
<div :class="['dropdown-menu','dropdown-menu-right', 'dropdown-menu-lg','py-0', {'show': show_dropdown}]">
<div class="dropdown-menu-header">
{{ top_notifications.length }} New Notifications
</div>
@ -61,6 +60,11 @@ export default {
default: () => []
}
},
data() {
return {
show_dropdown: false
}
},
computed: {
top_notifications() {
return this.notifications.sort((a, b) => {
@ -84,6 +88,9 @@ export default {
return 'bg-warning';
}
return 'bg-primary';
},
toggleDropdown() {
this.show_dropdown = !this.show_dropdown
}
},
async mounted() {

5
frontend/src/components/UserDropdown.vue
View file

@ -38,6 +38,11 @@ export default {
components: {
...BIcons
},
data() {
return {
show_dropdown: false
}
},
methods: {
...mapMutations(['logout']),
toggleDropdown() {