Updated Nuxtlinks.

This commit is contained in:
Abdulmhsen B. A. A.
2024-05-21 17:18:31 +03:00
parent 3eb6643875
commit c51eb81247
12 changed files with 40 additions and 40 deletions

View File

@@ -2,7 +2,7 @@
<div class="container">
<nav class="navbar is-dark mb-4">
<div class="navbar-brand pl-5">
<NuxtLink class="navbar-item" href="/" @click.native="showMenu=false">
<NuxtLink class="navbar-item" to="/" @click.native="showMenu=false">
<span class="icon-text">
<span class="icon"><i class="fas fa-home"></i></span>
<span>Home</span>
@@ -18,49 +18,49 @@
<div class="navbar-menu" :class="{'is-active':showMenu}">
<div class="navbar-start" v-if="hasAPISettings">
<NuxtLink class="navbar-item" href="/backends" @click.native="showMenu=false">
<NuxtLink class="navbar-item" to="/backends" @click.native="showMenu=false">
<span class="icon-text">
<span class="icon"><i class="fas fa-server"></i></span>
<span>Backends</span>
</span>
</NuxtLink>
<NuxtLink class="navbar-item" href="/history" @click.native="showMenu=false">
<NuxtLink class="navbar-item" to="/history" @click.native="showMenu=false">
<span class="icon-text">
<span class="icon"><i class="fas fa-history"></i></span>
<span>History</span>
</span>
</NuxtLink>
<NuxtLink class="navbar-item" href="/tasks" @click.native="showMenu=false">
<NuxtLink class="navbar-item" to="/tasks" @click.native="showMenu=false">
<span class="icon-text">
<span class="icon"><i class="fas fa-tasks"></i></span>
<span>Tasks</span>
</span>
</NuxtLink>
<NuxtLink class="navbar-item" href="/env" @click.native="showMenu=false">
<NuxtLink class="navbar-item" to="/env" @click.native="showMenu=false">
<span class="icon-text">
<span class="icon"><i class="fas fa-cogs"></i></span>
<span>Env</span>
</span>
</NuxtLink>
<NuxtLink class="navbar-item" href="/logs" @click.native="showMenu=false">
<NuxtLink class="navbar-item" to="/logs" @click.native="showMenu=false">
<span class="icon-text">
<span class="icon"><i class="fas fa-globe"></i></span>
<span>Logs</span>
</span>
</NuxtLink>
<NuxtLink class="navbar-item" href="/console" @click.native="showMenu=false">
<NuxtLink class="navbar-item" to="/console" @click.native="showMenu=false">
<span class="icon-text">
<span class="icon"><i class="fas fa-terminal"></i></span>
<span>Console</span>
</span>
</NuxtLink>
<NuxtLink class="navbar-item" href="/report" @click.native="showMenu=false">
<NuxtLink class="navbar-item" to="/report" @click.native="showMenu=false">
<span class="icon-text">
<span class="icon"><i class="fas fa-flag"></i></span>
<span>S. Report</span>

View File

@@ -2,9 +2,9 @@
<div class="columns is-multiline">
<div class="column is-12 is-clearfix">
<span class="title is-4">
<NuxtLink href="/backends">Backends</NuxtLink>
<NuxtLink to="/backends">Backends</NuxtLink>
- Edit:
<NuxtLink :href="'/backend/' + id">{{ id }}</NuxtLink>
<NuxtLink :to="'/backend/' + id">{{ id }}</NuxtLink>
</span>
<div class="is-pulled-right">

View File

@@ -3,13 +3,13 @@
<div class="column is-12 is-clearfix">
<span class="title is-4">
<NuxtLink href="/backends" v-text="'Backends'"/>
<NuxtLink to="/backends" v-text="'Backends'"/>
: {{ backend }}
</span>
<div class="is-pulled-right">
<div class="field is-grouped">
<p class="control">
<NuxtLink class="button is-primary" v-tooltip="'Edit Backend'" :href="`/backend/${backend}/edit`">
<NuxtLink class="button is-primary" v-tooltip="'Edit Backend'" :to="`/backend/${backend}/edit`">
<span class="icon"><i class="fas fa-edit"></i></span>
</NuxtLink>
</p>
@@ -57,7 +57,7 @@
<i class="fas fa-eye-slash" v-if="!history.watched"></i>
<i class="fas fa-eye" v-else></i>
</span>
<NuxtLink :href="`/history/${history.id}`" v-text="history.full_title ?? history.title"/>
<NuxtLink :to="`/history/${history.id}`" v-text="history.full_title ?? history.title"/>
</p>
<span class="card-header-icon">
<span class="icon" v-if="'episode' === history.type"><i class="fas fa-tv"></i></span>
@@ -76,7 +76,7 @@
<span class="icon-text">
<span class="icon"><i class="fas fa-server"></i></span>
<span>
<NuxtLink :href="'/backend/'+history.via" v-text="history.via"/>
<NuxtLink :to="'/backend/'+history.via" v-text="history.via"/>
</span>
</span>
</div>
@@ -98,7 +98,7 @@
</div>
</div>
<div class="column is-12">
<NuxtLink :href="`/history/?perpage=50&page=1&q=${backend}&key=via`">
<NuxtLink :to="`/history/?perpage=50&page=1&q=${backend}&key=via`">
<span class="icon-text">
<span class="icon"><i class="fas fa-history"></i></span>
<span>View all history related to this backend</span>

View File

@@ -2,9 +2,9 @@
<div class="columns is-multiline">
<div class="column is-12 is-clearfix">
<span class="title is-4">
<NuxtLink href="/backends">Backends</NuxtLink>
<NuxtLink to="/backends">Backends</NuxtLink>
-
<NuxtLink :href="'/backend/' + backend">{{ backend }}</NuxtLink>
<NuxtLink :to="'/backend/' + backend">{{ backend }}</NuxtLink>
: Info
</span>

View File

@@ -2,9 +2,9 @@
<div class="columns is-multiline">
<div class="column is-12 is-clearfix">
<span class="title is-4">
<NuxtLink href="/backends">Backends</NuxtLink>
<NuxtLink to="/backends">Backends</NuxtLink>
-
<NuxtLink :href="'/backend/' + backend">{{ backend }}</NuxtLink>
<NuxtLink :to="'/backend/' + backend">{{ backend }}</NuxtLink>
: Mismatched
</span>

View File

@@ -2,9 +2,9 @@
<div class="columns is-multiline">
<div class="column is-12 is-clearfix">
<span class="title is-4">
<NuxtLink href="/backends">Backends</NuxtLink>
<NuxtLink to="/backends">Backends</NuxtLink>
-
<NuxtLink :href="'/backend/' + backend">{{ backend }}</NuxtLink>
<NuxtLink :to="'/backend/' + backend">{{ backend }}</NuxtLink>
: Unmatched
</span>

View File

@@ -42,12 +42,12 @@
<div class="card">
<header class="card-header">
<p class="card-header-title">
<NuxtLink :href="`/backend/${backend.name}`">
<NuxtLink :to="`/backend/${backend.name}`">
{{ backend.name }}
</NuxtLink>
</p>
<span class="card-header-icon" v-tooltip="'Edit Backend settings'">
<NuxtLink :href="`/backend/${backend.name}/edit`">
<NuxtLink :to="`/backend/${backend.name}/edit`">
<span class="icon"><i class="fas fa-cog"></i></span>
</NuxtLink>
</span>
@@ -92,7 +92,7 @@
</div>
</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>

View File

@@ -2,7 +2,7 @@
<div class="columns is-multiline">
<div class="column is-12 is-clearfix">
<span class="title is-4">
<NuxtLink href="/history">History</NuxtLink>
<NuxtLink to="/history">History</NuxtLink>
: {{ data?.full_title ?? data?.title ?? id }}
</span>
<div class="is-pulled-right" v-if="data?.via">
@@ -31,7 +31,7 @@
<header class="card-header">
<div class="card-header-title">
<span>Last update by&nbsp;</span>
<NuxtLink :href="`/backend/${data.via}`" v-text="data.via"/>
<NuxtLink :to="`/backend/${data.via}`" v-text="data.via"/>
</div>
<div class="card-header-icon">
<button class="button is-small" @click="toggleWatched"
@@ -124,7 +124,7 @@
<span>GUIDs:</span>
</span>
<span class="tag mr-1" v-for="(guid,source) in data.guids">
<NuxtLink target="_blank" :href="makeGUIDLink( data.type, source.split('guid_')[1], guid, data)">
<NuxtLink target="_blank" :to="makeGUIDLink( data.type, source.split('guid_')[1], guid, data)">
{{ source.split('guid_')[1] }}-{{ guid }}
</NuxtLink>
</span>
@@ -136,7 +136,7 @@
<span>Series GUIDs:</span>
</span>
<span class="tag mr-1" v-for="(guid,source) in data.parent">
<NuxtLink target="_blank" :href="makeGUIDLink( 'series', source.split('guid_')[1], guid, data)">
<NuxtLink target="_blank" :to="makeGUIDLink( 'series', source.split('guid_')[1], guid, data)">
{{ source.split('guid_')[1] }}-{{ guid }}
</NuxtLink>
</span>
@@ -158,7 +158,7 @@
<span class="icon-text">
<span class="icon"><i class="fas fa-server"></i></span>
<span>
<NuxtLink :href="`/backend/${key}`" v-text="key"/>
<NuxtLink :to="`/backend/${key}`" v-text="key"/>
</span>
</span>
</div>
@@ -248,7 +248,7 @@
<span>GUIDs:</span>
</span>
<span class="tag mr-1" v-for="(guid,source) in item.guids">
<NuxtLink target="_blank" :href="makeGUIDLink( item.type, source.split('guid_')[1], guid, item)">
<NuxtLink target="_blank" :to="makeGUIDLink( item.type, source.split('guid_')[1], guid, item)">
{{ source.split('guid_')[1] }}-{{ guid }}
</NuxtLink>
</span>
@@ -260,7 +260,7 @@
<span>Series GUIDs:</span>
</span>
<span class="tag mr-1" v-for="(guid,source) in item.parent">
<NuxtLink target="_blank" :href="makeGUIDLink( 'series', source.split('guid_')[1], guid, item)">
<NuxtLink target="_blank" :to="makeGUIDLink( 'series', source.split('guid_')[1], guid, item)">
{{ source.split('guid_')[1] }}-{{ guid }}
</NuxtLink>
</span>

View File

@@ -142,7 +142,7 @@
<span class="icon-text">
<span class="icon"><i class="fas fa-server"></i></span>
<span>
<NuxtLink :href="'/backend/'+item.via" v-text="item.via"/>
<NuxtLink :to="'/backend/'+item.via" v-text="item.via"/>
</span>
</span>
</div>

View File

@@ -2,7 +2,7 @@
<div class="columns is-multiline">
<div class="column is-12">
<h1 class="title is-4">
<NuxtLink href="/history">Latest History</NuxtLink>
<NuxtLink to="/history">Latest History</NuxtLink>
</h1>
</div>
@@ -16,7 +16,7 @@
<i class="fas fa-eye-slash" v-if="!history.watched"></i>
<i class="fas fa-eye" v-else></i>
</span>
<NuxtLink :href="`/history/${history.id}`" v-text="history.full_title ?? history.title"/>
<NuxtLink :to="`/history/${history.id}`" v-text="history.full_title ?? history.title"/>
</p>
<span class="card-header-icon">
<span class="icon" v-if="'episode' === history.type"><i class="fas fa-tv"></i></span>
@@ -35,7 +35,7 @@
<span class="icon-text">
<span class="icon"><i class="fas fa-server"></i></span>
<span>
<NuxtLink :href="'/backend/'+history.via" v-text="history.via"/>
<NuxtLink :to="'/backend/'+history.via" v-text="history.via"/>
</span>
</span>
</div>
@@ -69,7 +69,7 @@
<div class="column is-12" v-for="log in logs" :key="log.filename">
<h1 class="title is-4">
<NuxtLink :href="`/logs/${log.filename}`">Latest {{ log.type }} logs</NuxtLink>
<NuxtLink :to="`/logs/${log.filename}`">Latest {{ log.type }} logs</NuxtLink>
</h1>
<code class="box logs-container">
<span class="is-block" v-for="(item, index) in log.lines" :key="log.filename + '-' + index">
@@ -85,13 +85,13 @@
welcome to join our <span class="icon-text is-underlined">
<span class="icon"><i class="fas fa-brands fa-discord"></i></span>
<span>
<NuxtLink href="https://discord.gg/haUXHJyj6Y" target="_blank" v-text="'Discord server'"/>
<NuxtLink to="https://discord.gg/haUXHJyj6Y" target="_blank" v-text="'Discord server'"/>
</span>
</span>. For bug reports, feature requests, or contributions, please visit the
<span class="icon-text is-underlined">
<span class="icon"><i class="fas fa-brands fa-github"></i></span>
<span>
<NuxtLink href="https://github.com/arabcoders/watchstate/issues/new/choose" target="_blank"
<NuxtLink to="https://github.com/arabcoders/watchstate/issues/new/choose" target="_blank"
v-text="'GitHub repository'"/>
</span>
</span>.

View File

@@ -2,7 +2,7 @@
<div class="columns is-multiline">
<div class="column is-12 is-clearfix">
<span class="title is-4">
<NuxtLink href="/logs">Logs</NuxtLink>
<NuxtLink to="/logs">Logs</NuxtLink>
: {{ filename }}
</span>

View File

@@ -22,7 +22,7 @@
<div class="card">
<header class="card-header">
<p class="card-header-title is-text-overflow pr-1">
<NuxtLink :href="'/logs/'+item.filename">{{ item.filename ?? item.date }}</NuxtLink>
<NuxtLink :to="'/logs/'+item.filename">{{ item.filename ?? item.date }}</NuxtLink>
</p>
<span class="card-header-icon">
<span class="icon" v-if="'access' === item.type"><i class="fas fa-key"></i></span>