bookmarks/src/components/WhatsnewModal.vue

62 lines
1.5 KiB
Vue

<!--
- Copyright (c) 2021 Artem Lavrukhin <lavryha4590@gmail.com>
-
- This file is licensed under the Affero General Public License version 3 or later. See the COPYING file.
-->
<template>
<NcModal v-if="showModal" :title="t('bookmarks', `What's new?`)" @close="onClose">
<div class="whatsnew">
<h3> {{ t('bookmarks', 'What\'s new in Bookmarks?') }}</h3>
<ul>
<li>📜 Support for javascript and file links</li>
<li>📂 Bookmarklet now allows putting new bookmarks in a certain folder by default<br><small>(by first navigating to the folder and then dragging the bookmarklet button to your bookmarks as usual)</small></li>
<li>🖊 Edit the title of shared folders even if you don't have edit permissions</li>
<li>🐛 Lots of small bug fixes</li>
</ul>
</div>
</NcModal>
</template>
<script>
import { NcModal } from '@nextcloud/vue'
import { actions } from '../store/index.js'
import packageJson from '../../package.json'
export default {
name: 'WhatsnewModal',
components: {
NcModal,
},
computed: {
showModal() {
return this.$store.state.settings.hasSeenWhatsnew !== packageJson.version
},
},
methods: {
onClose() {
this.$store.dispatch(actions.SET_SETTING, {
key: 'hasSeenWhatsnew',
value: packageJson.version,
})
},
},
}
</script>
<style>
.whatsnew {
min-width: 300px;
overflow-y: scroll;
padding: 30px;
}
.whatsnew li {
font-size: 1.3em;
margin-bottom: 15px;
}
.whatsnew h3 {
font-size: 2em;
margin-bottom: 25px;
}
</style>