boiii/traxxx
1
0
Fork 0
forked from DebaucheryLibrarian/traxxx
Code Issues Pull Requests Projects Releases Wiki Activity

Merged filters into new settings dialog, added experimental summary field.

Browse Source
This commit is contained in:
DebaucheryLibrarian
2022-11-28 03:33:46 +01:00
parent 637669e3d1
commit b5e308562e
15 changed files with 740 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
assets/components/sidebar/sidebar.vue
View File

@@ -1,7 +1,7 @@
<template>
<div
class="sidebar-container"
@click="$emit('toggleSidebar', false)"
@click="events.emit('toggleSidebar', false)"
>
<div
class="sidebar"
@@ -9,10 +9,10 @@
>
<div class="sidebar-section">
<div class="sidebar-header">
<router-link
<RouterLink
to="/updates"
class="logo-link"
@click="$emit('toggleSidebar', false)"
@click="events.emit('toggleSidebar', false)"
>
<h1 class="sidebar-logo">
<div
@@ -20,27 +20,27 @@
v-html="logo"
/>
</h1>
</router-link>
</RouterLink>
<Icon
icon="cross2"
class="sidebar-close noselect"
@click.native="$emit('toggleSidebar', false)"
@click.native="events.emit('toggleSidebar', false)"
/>
</div>
<Search
class="search"
@search="$emit('toggleSidebar', false)"
@search="events.emit('toggleSidebar', false)"
/>
<nav class="nav">
<ul class="nolist">
<li
class="nav-item"
@click="$emit('toggleSidebar', false)"
@click="events.emit('toggleSidebar', false)"
>
<router-link
<RouterLink
v-slot="{ href, isActive, navigate }"
to="/updates"
custom
@@ -51,14 +51,14 @@
:class="{ active: isActive }"
@click="navigate"
>Home</a>
</router-link>
</RouterLink>
</li>
<li
class="nav-item"
@click="$emit('toggleSidebar', false)"
@click="events.emit('toggleSidebar', false)"
>
<router-link
<RouterLink
v-slot="{ href, isActive, navigate }"
to="/actors"
custom
@@ -69,14 +69,14 @@
:class="{ active: isActive }"
@click="navigate"
>Actors</a>
</router-link>
</RouterLink>
</li>
<li
class="nav-item"
@click="$emit('toggleSidebar', false)"
@click="events.emit('toggleSidebar', false)"
>
<router-link
<RouterLink
v-slot="{ href, isActive, navigate }"
to="/channels"
custom
@@ -87,14 +87,14 @@
:class="{ active: isActive }"
@click="navigate"
>Channels</a>
</router-link>
</RouterLink>
</li>
<li
class="nav-item"
@click="$emit('toggleSidebar', false)"
@click="events.emit('toggleSidebar', false)"
>
<router-link
<RouterLink
v-slot="{ href, isActive, navigate }"
to="/movies"
custom
@@ -105,14 +105,14 @@
:class="{ active: isActive }"
@click="navigate"
>Movies</a>
</router-link>
</RouterLink>
</li>
<li
class="nav-item"
@click="$emit('toggleSidebar', false)"
@click="events.emit('toggleSidebar', false)"
>
<router-link
<RouterLink
v-slot="{ href, isActive, navigate }"
to="/tags"
custom
@@ -123,7 +123,7 @@
:class="{ active: isActive }"
@click="navigate"
>Tags</a>
</router-link>
</RouterLink>
</li>
</ul>
</nav>
@@ -132,23 +132,23 @@
<div class="sidebar-section controls noselect">
<label
v-if="login && me"
@click="$emit('toggleSidebar', false)"
@click="events.emit('toggleSidebar', false)"
>
<router-link
<RouterLink
:to="{ name: 'user', params: { username: me.username } }"
class="toggle username nolink"
>{{ me.username }}</router-link>
>{{ me.username }}</RouterLink>
</label>
<div class="toggles noselect">
<label
v-if="login && !me"
@click="$emit('toggleSidebar', false)"
@click="events.emit('toggleSidebar', false)"
>
<router-link
<RouterLink
:to="{ name: 'login', query: { ref: $route.path } }"
class="toggle nolink"
><Icon icon="enter2" />Log in</router-link>
><Icon icon="enter2" />Log in</RouterLink>
</label>
<label
@@ -183,8 +183,8 @@
<label
class="toggle"
@click="$emit('showFilters', true)"
><Icon icon="filter" />Filters</label>
@click="events.emit('toggleSettings', true)"
><Icon icon="cog" />Settings</label>
</div>
</div>
</div>
@@ -230,7 +230,6 @@ export default {
components: {
Search,
},
emits: ['toggleSidebar', 'showFilters'],
data() {
return {
logo,