vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-10 01:12:37 +00:00
Code Issues Projects Releases Packages Wiki Activity

Add new components for designer

Browse source
This commit is contained in:
Cagatay Civici 2024-11-10 22:16:58 +03:00
parent 282ed7fa2d
commit 63fc3df694
41 changed files with 1338 additions and 1092 deletions
Download patch file Download diff file Expand all files Collapse all files

48
apps/showcase/components/layout/AppNews.vue Normal file
View file

@ -0,0 +1,48 @@
<template>
<div v-if="$appState.newsActive" class="layout-news" :style="$appState.announcement.backgroundStyle">
<div class="layout-news-container">
<i></i>
<div class="layout-news-content">
<span class="layout-news-text" :style="$appState.announcement.textStyle">{{ $appState.announcement.content }}</span>
<a class="layout-news-link" :href="$appState.announcement.linkHref" :target="$appState.announcement.target" rel="noopener noreferrer">{{ $appState.announcement.linkText }}</a>
</div>
<a class="layout-news-close" :style="$appState.announcement.textStyle" @click="onClose">
<span class="pi pi-times"></span>
</a>
</div>
</div>
</template>
<script>
import News from '@/assets/data/news.json';
export default {
mounted() {
const itemString = localStorage.getItem(this.$appState.storageKey);
if (itemString) {
const item = JSON.parse(itemString);
if (!item.hiddenNews || item.hiddenNews !== News.id) {
this.$appState.newsActive = true;
this.$appState.announcement = News;
} else {
this.$appState.newsActive = false;
}
} else {
this.$appState.announcement = News;
this.$appState.newsActive = true;
}
},
methods: {
onClose() {
this.$appState.newsActive = false;
const item = {
hiddenNews: this.$appState.announcement.id
};
localStorage.setItem(this.$appState.storageKey, JSON.stringify(item));
}
}
};
</script>