mirror of https://github.com/nocodb/nocodb
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
94 lines
2.2 KiB
94 lines
2.2 KiB
<template> |
|
<v-menu bottom offset-y> |
|
<template #activator="{on}"> |
|
<transition name="announcement"> |
|
<v-btn |
|
v-show="announcementAlert" |
|
text |
|
small |
|
class="mb-0 mr-2 py-0 " |
|
v-on="on" |
|
> |
|
Announcement |
|
<v-icon small> |
|
mdi-menu-down |
|
</v-icon> |
|
</v-btn> |
|
</transition> |
|
</template> |
|
<v-list dense> |
|
<v-list-item dense> |
|
<span class="message"> |
|
Starting from v0.90, <br/> |
|
our API will undergo changes <br/> |
|
and we are discontinuing GraphQL |
|
</span> |
|
</v-list-item> |
|
<v-list-item dense href="https://github.com/nocodb/nocodb/issues/1564" target="_blank"> |
|
<v-icon small class="mr-2"> |
|
mdi-script-text-outline |
|
</v-icon> |
|
<span class="caption"> |
|
v0.90.0 API Changes |
|
</span> |
|
</v-list-item> |
|
<v-list-item dense href="https://github.com/nocodb/nocodb/releases/tag/0.90.0" target="_blank"> |
|
<v-icon small class="mr-2"> |
|
mdi-script-text-outline |
|
</v-icon> |
|
<span class="caption"> |
|
v0.90.0 Release Note |
|
</span> |
|
</v-list-item> |
|
<v-list-item @click="announcementAlert = false"> |
|
<v-icon small class="mr-2"> |
|
mdi-close |
|
</v-icon> |
|
<span class="caption"> |
|
<!--Hide menu--> |
|
{{ $t('general.hideMenu') }} |
|
</span> |
|
</v-list-item> |
|
</v-list> |
|
</v-menu> |
|
</template> |
|
|
|
<script> |
|
export default { |
|
name: 'ImportantAnnouncement', |
|
data: () => ({ |
|
loading: true |
|
}), |
|
computed: { |
|
announcementAlert: { |
|
get() { |
|
return !this.loading && !this.$store.state.app.hiddenAnnouncement |
|
}, |
|
set(val) { |
|
return this.$store.commit('app/MutHiddenAnnouncement', val ? null : true) |
|
} |
|
} |
|
}, |
|
mounted() { |
|
setTimeout(() => { |
|
this.loading = false |
|
}, 1000) |
|
} |
|
} |
|
</script> |
|
|
|
<style scoped> |
|
.announcement-enter-active, .announcement-leave-active { |
|
transition: opacity .5s; |
|
} |
|
|
|
.announcement-enter, .announcement-leave-to { |
|
opacity: 0; |
|
} |
|
|
|
.message { |
|
font-size: 0.80rem !important; |
|
font-weight: bold; |
|
margin: 10px; |
|
} |
|
</style>
|
|
|