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

Added clarification to some of the required information.

Browse Source
This commit is contained in:
abdulmohsen
2024-05-10 21:07:04 +03:00
parent 83a69b4a6b
commit 465c80f5b4
2 changed files with 52 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
frontend/components/BackendAdd.vue
View File

@@ -1,4 +1,19 @@
<template>
<Message>
<span class="icon-text">
<span class="icon">
<i class="fas fa-info"></i>
</span>
<span>
Please, Beware <code>WatchState</code> is single user tool. It doesn't support syncing multiple users
play state. Please read
<NuxtLink
href="https://github.com/arabcoders/watchstate/blob/master/FAQ.md#is-there-support-for-multi-user-setup"
target="_blank" v-text="'this link'"></NuxtLink>
for more information.
</span>
</span>
</Message>
<form id="backend_add_form" @submit.prevent="addBackend" @change="changeStage">
<div class="box">
@@ -107,7 +122,8 @@
<i class="fas fa-spinner fa-pulse" v-else></i>
</div>
<p class="help">
The Unique identifier for the backend.
The backend unique ID is a random string generated on server setup. It is used to identify the backend
uniquely. This is used for webhook matching and filtering.
<a href="javascript:void(0)" @click="getUUid">Load automatically.</a>
</p>
</div>
@@ -132,7 +148,16 @@
<i class="fas fa-spinner fa-pulse" v-else></i>
</div>
<p class="help">
The user ID of the backend.
<span v-if="'plex' === backend.type">
Plex doesn't use standard API practice for identifying users. They use <code>X-Plex-Token</code> to
identify the user. The user selected here will only be used for webhook matching and filtering.
</span>
<span v-else>
Which <code>{{ ucFirst(backend.type) }}</code> user should this backend use? The User ID will
determine the
data we get from the backend. And for webhook matching and filtering.
</span>
This tool is meant for single user use.
<a href="javascript:void(0)" @click="getUsers">
Retrieve User ids from backend.
</a>
@@ -202,7 +227,7 @@
<script setup>
import 'assets/css/bulma-switch.css'
import {notification} from "~/utils/index.js";
import {notification, ucFirst} from '~/utils/index.js'
const emit = defineEmits(['addBackend'])

28
frontend/pages/backend/[backend]/edit.vue
View File

@@ -93,14 +93,25 @@
<i class="fas fa-spinner fa-pulse" v-else></i>
</div>
<p class="help">
The Unique identifier for the backend.
<span v-if="'plex' === backend.type">
The backend unique ID is random string generated on server setup, In Plex case it used to inquiry
about the users associated with the server to generate limited <code>X-Plex-Token</code> for them. It
used by webhooks as a filter to match the backend. in-case you are member of multiple servers.
</span>
<span v-else>
The backend unique ID is a random string generated on server setup. It is used to identify the backend
uniquely. This is used for webhook matching and filtering.
</span>
<a href="javascript:void(0)" @click="getUUid">Get from the backend.</a>
</p>
</div>
</div>
<div class="field">
<label class="label">Backend User ID</label>
<label class="label">
<template v-if="users.length>0">Associated User</template>
<template v-else>User ID</template>
</label>
<div class="control has-icons-left">
<div class="select is-fullwidth" v-if="users.length>0">
<select v-model="backend.user" class="is-capitalized">
@@ -115,7 +126,16 @@
<i class="fas fa-spinner fa-pulse" v-else></i>
</div>
<p class="help">
The user ID of the backend.
<span v-if="'plex' === backend.type">
Plex doesn't use standard API practice for identifying users. They use <code>X-Plex-Token</code> to
identify the user. The user selected here will only be used for webhook matching and filtering.
</span>
<span v-else>
Which <code>{{ ucFirst(backend.type) }}</code> user should this backend use? The User ID will
determine the
data we get from the backend. And for webhook matching and filtering.
</span>
This tool is meant for single user use.
<a href="javascript:void(0)" @click="getUsers">
Retrieve User ids from backend.
</a>
@@ -217,7 +237,7 @@
<script setup>
import 'assets/css/bulma-switch.css'
import {notification} from "~/utils/index.js";
import {notification, ucFirst} from '~/utils/index.js'
const id = useRoute().params.backend
const backend = ref({