cphipps/watchstate
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Updated how we show the tips box.

Browse Source
This commit is contained in:
Abdulmhsen B. A. A.
2024-06-10 19:29:39 +03:00
parent 9257b45c20
commit 35628b728f
10 changed files with 171 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/layouts/default.vue
View File

@@ -249,15 +249,6 @@
<NuxtLink @click="loadFile = '/FAQ.md'" v-text="'FAQ'"/>
-
<NuxtLink @click="loadFile = '/NEWS.md'" v-text="'News'"/>
<template v-if="!show_page_tips">
-
<a href="javascript:void(0)" @click="show_page_tips=true">
<span class="icon-text">
<span class="icon"><i class="fas fa-lines-leaning"></i></span>
<span>Show tips</span>
</span>
</a>
</template>
</div>
<div class="column is-6 is-4-mobile has-text-right">
{{ api_version }} - <a href="https://github.com/arabcoders/watchstate" target="_blank">WatchState</a>
@@ -289,7 +280,6 @@ const showConnection = ref(false)
const api_url = useStorage('api_url', window.location.origin)
const api_path = useStorage('api_path', '/v1/api')
const api_token = useStorage('api_token', '')
const show_page_tips = useStorage('show_page_tips', true)
const api_status = ref(false)
const api_response = ref('Status: Unknown')

23
frontend/pages/backend/[backend]/libraries.vue
View File

@@ -81,10 +81,25 @@
</div>
</div>
<div class="column is-12" v-if="show_page_tips">
<Message title="Tips" message_class="has-background-info-90 has-text-dark">
<button class="delete" @click="show_page_tips=false"></button>
<div class="content">
<div class="column is-12">
<Message message_class="has-background-info-90 has-text-dark">
<div class="is-pulled-right">
<NuxtLink @click="show_page_tips=false" v-if="show_page_tips">
<span class="icon"><i class="fas fa-arrow-up"></i></span>
<span>Close</span>
</NuxtLink>
<NuxtLink @click="show_page_tips=true" v-else>
<span class="icon"><i class="fas fa-arrow-down"></i></span>
<span>Open</span>
</NuxtLink>
</div>
<h5 class="title is-5 is-unselectable">
<span class="icon-text">
<span class="icon"><i class="fas fa-info-circle"></i></span>
<span>Tips</span>
</span>
</h5>
<div class="content" v-if="show_page_tips">
<ul>
<li>Ignoring library will prevent any content from being added to the local database from that library
during import process, and via webhook events.

23
frontend/pages/backend/[backend]/mismatched.vue
View File

@@ -125,10 +125,25 @@
</template>
<div class="column is-12" v-if="show_page_tips">
<Message title="Tips" message_class="has-background-info-90 has-text-dark">
<button class="delete" @click="show_page_tips=false"></button>
<div class="content">
<div class="column is-12">
<Message message_class="has-background-info-90 has-text-dark">
<div class="is-pulled-right">
<NuxtLink @click="show_page_tips=false" v-if="show_page_tips">
<span class="icon"><i class="fas fa-arrow-up"></i></span>
<span>Close</span>
</NuxtLink>
<NuxtLink @click="show_page_tips=true" v-else>
<span class="icon"><i class="fas fa-arrow-down"></i></span>
<span>Open</span>
</NuxtLink>
</div>
<h5 class="title is-5 is-unselectable">
<span class="icon-text">
<span class="icon"><i class="fas fa-info-circle"></i></span>
<span>Tips</span>
</span>
</h5>
<div class="content" v-if="show_page_tips">
<ul>
<li>
This service expects standard plex naming conventions. So if you libraries doesn't follow the same

23
frontend/pages/backend/[backend]/search.vue
View File

@@ -183,10 +183,25 @@
</div>
</div>
<div class="column is-12" v-if="show_page_tips">
<Message title="Tips" message_class="has-background-info-90 has-text-dark">
<button class="delete" @click="show_page_tips=false"></button>
<div class="content">
<div class="column is-12">
<Message message_class="has-background-info-90 has-text-dark">
<div class="is-pulled-right">
<NuxtLink @click="show_page_tips=false" v-if="show_page_tips">
<span class="icon"><i class="fas fa-arrow-up"></i></span>
<span>Close</span>
</NuxtLink>
<NuxtLink @click="show_page_tips=true" v-else>
<span class="icon"><i class="fas fa-arrow-down"></i></span>
<span>Open</span>
</NuxtLink>
</div>
<h5 class="title is-5 is-unselectable">
<span class="icon-text">
<span class="icon"><i class="fas fa-info-circle"></i></span>
<span>Tips</span>
</span>
</h5>
<div class="content" v-if="show_page_tips">
<ul>
<li>
Items with <code>Referenced locally</code> link are items we were able to find local match for. While

23
frontend/pages/backend/[backend]/users.vue
View File

@@ -75,10 +75,25 @@
</div>
</div>
<div class="column is-12" v-if="show_page_tips">
<Message title="Tips" message_class="has-background-info-90 has-text-dark">
<button class="delete" @click="show_page_tips=false"></button>
<div class="content">
<div class="column is-12">
<Message message_class="has-background-info-90 has-text-dark">
<div class="is-pulled-right">
<NuxtLink @click="show_page_tips=false" v-if="show_page_tips">
<span class="icon"><i class="fas fa-arrow-up"></i></span>
<span>Close</span>
</NuxtLink>
<NuxtLink @click="show_page_tips=true" v-else>
<span class="icon"><i class="fas fa-arrow-down"></i></span>
<span>Open</span>
</NuxtLink>
</div>
<h5 class="title is-5 is-unselectable">
<span class="icon-text">
<span class="icon"><i class="fas fa-info-circle"></i></span>
<span>Tips</span>
</span>
</h5>
<div class="content" v-if="show_page_tips">
<ul>
<li>For <code>Plex</code> backends, if the <code>X-Plex-Token</code> is limited one, the users will not show
up. This is a limitation of the Plex API.

23
frontend/pages/backends/index.vue
View File

@@ -93,10 +93,25 @@
</div>
</template>
<div class="column is-12" v-if="show_page_tips">
<Message title="Tips" message_class="has-background-info-90 has-text-dark">
<button class="delete" @click="show_page_tips=false"></button>
<div class="content">
<div class="column is-12">
<Message message_class="has-background-info-90 has-text-dark">
<div class="is-pulled-right">
<NuxtLink @click="show_page_tips=false" v-if="show_page_tips">
<span class="icon"><i class="fas fa-arrow-up"></i></span>
<span>Close</span>
</NuxtLink>
<NuxtLink @click="show_page_tips=true" v-else>
<span class="icon"><i class="fas fa-arrow-down"></i></span>
<span>Open</span>
</NuxtLink>
</div>
<h5 class="title is-5 is-unselectable">
<span class="icon-text">
<span class="icon"><i class="fas fa-info-circle"></i></span>
<span>Tips</span>
</span>
</h5>
<div class="content" v-if="show_page_tips">
<ul>
<li>
<strong>Import</strong> means pulling data from the backends into the local database.

23
frontend/pages/console.vue
View File

@@ -68,10 +68,25 @@
}}</span></code></pre>
</div>
<div class="column is-12" v-if="show_page_tips">
<Message title="Tips" message_class="has-background-info-90 has-text-dark">
<button class="delete" @click="show_page_tips=false"></button>
<div class="content">
<div class="column is-12">
<Message message_class="has-background-info-90 has-text-dark">
<div class="is-pulled-right">
<NuxtLink @click="show_page_tips=false" v-if="show_page_tips">
<span class="icon"><i class="fas fa-arrow-up"></i></span>
<span>Close</span>
</NuxtLink>
<NuxtLink @click="show_page_tips=true" v-else>
<span class="icon"><i class="fas fa-arrow-down"></i></span>
<span>Open</span>
</NuxtLink>
</div>
<h5 class="title is-5 is-unselectable">
<span class="icon-text">
<span class="icon"><i class="fas fa-info-circle"></i></span>
<span>Tips</span>
</span>
</h5>
<div class="content" v-if="show_page_tips">
<ul>
<li>
You can also run a command from the task page by clicking on the <strong>Run via console</strong>. The

23
frontend/pages/env.vue
View File

@@ -160,10 +160,25 @@
</div>
</div>
<div class="column is-12" v-if="envs && show_page_tips">
<Message title="Tips" message_class="has-background-info-90 has-text-dark">
<button class="delete" @click="show_page_tips=false"></button>
<div class="content">
<div class="column is-12">
<Message message_class="has-background-info-90 has-text-dark">
<div class="is-pulled-right">
<NuxtLink @click="show_page_tips=false" v-if="show_page_tips">
<span class="icon"><i class="fas fa-arrow-up"></i></span>
<span>Close</span>
</NuxtLink>
<NuxtLink @click="show_page_tips=true" v-else>
<span class="icon"><i class="fas fa-arrow-down"></i></span>
<span>Open</span>
</NuxtLink>
</div>
<h5 class="title is-5 is-unselectable">
<span class="icon-text">
<span class="icon"><i class="fas fa-info-circle"></i></span>
<span>Tips</span>
</span>
</h5>
<div class="content" v-if="show_page_tips">
<ul>
<li>
Some variables values are masked, to unmask them click on icon <i class="fa fa-unlock"></i>.

23
frontend/pages/ignore.vue
View File

@@ -261,10 +261,25 @@
</Message>
</div>
<div class="column is-12" v-if="show_page_tips">
<Message title="Tips" message_class="has-background-info-90 has-text-dark">
<button class="delete" @click="show_page_tips=false"></button>
<div class="content">
<div class="column is-12">
<Message message_class="has-background-info-90 has-text-dark">
<div class="is-pulled-right">
<NuxtLink @click="show_page_tips=false" v-if="show_page_tips">
<span class="icon"><i class="fas fa-arrow-up"></i></span>
<span>Close</span>
</NuxtLink>
<NuxtLink @click="show_page_tips=true" v-else>
<span class="icon"><i class="fas fa-arrow-down"></i></span>
<span>Open</span>
</NuxtLink>
</div>
<h5 class="title is-5 is-unselectable">
<span class="icon-text">
<span class="icon"><i class="fas fa-info-circle"></i></span>
<span>Tips</span>
</span>
</h5>
<div class="content" v-if="show_page_tips">
<ul>
<li>Ignoring specific GUID sometimes helps in preventing incorrect data being added to WatchState, due to
incorrect metadata being provided by backends.

23
frontend/pages/parity.vue
View File

@@ -153,10 +153,25 @@
</Message>
</div>
<div class="column is-12" v-if="show_page_tips">
<Message title="Tips" message_class="has-background-info-90 has-text-dark">
<button class="delete" @click="show_page_tips=false"></button>
<div class="content">
<div class="column is-12">
<Message message_class="has-background-info-90 has-text-dark">
<div class="is-pulled-right">
<NuxtLink @click="show_page_tips=false" v-if="show_page_tips">
<span class="icon"><i class="fas fa-arrow-up"></i></span>
<span>Close</span>
</NuxtLink>
<NuxtLink @click="show_page_tips=true" v-else>
<span class="icon"><i class="fas fa-arrow-down"></i></span>
<span>Open</span>
</NuxtLink>
</div>
<h5 class="title is-5 is-unselectable">
<span class="icon-text">
<span class="icon"><i class="fas fa-info-circle"></i></span>
<span>Tips</span>
</span>
</h5>
<div class="content" v-if="show_page_tips">
<ul>
<li>
You can specify the minimum number of backends that need to report the record to be considered valid.