DebaucheryLibrarian/traxxx
2
1
Fork 1
Code Issues 39 Pull Requests 1 Releases Wiki Activity

Replaced batch ranges with 'New' sorting.

Browse Source
This commit is contained in:
ThePendulum
2020-04-16 22:23:25 +02:00
parent e3dfaf4440
commit 3b2bf921f3
16 changed files with 126 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
assets/components/header/filter-bar.vue
View File

@@ -1,6 +1,8 @@
<template>
<div class="filter-bar noselect">
<span>
<span class="sort">
<Icon icon="sort-time-asc" />
<label class="range">
<input
:id="`${_uid}-range-latest`"
@@ -29,6 +31,20 @@
>Upcoming</label>
</label>
<label class="range">
<input
:id="`${_uid}-range-new`"
:checked="range === 'new'"
type="radio"
class="range-input"
@click="setRange('new')"
>
<label
:for="`${_uid}-range-new`"
class="range-button"
>New</label>
</label>
<label class="range">
<input
:id="`${_uid}-range-all`"
@@ -44,39 +60,6 @@
</label>
</span>
<span>
<label class="batch">
<input
:id="`${_uid}-batch-all`"
:checked="batch === 'all'"
type="radio"
class="range-input"
@click="setBatch('all')"
>
<label
:for="`${_uid}-batch-all`"
class="range-button"
>All</label>
</label>
<label
v-tooltip="'Only show newly added'"
class="batch"
>
<input
:id="`${_uid}-batch-new`"
:checked="batch === 'new'"
type="radio"
class="range-input"
@click="setBatch('new')"
>
<label
:for="`${_uid}-batch-new`"
class="range-button"
>New</label>
</label>
</span>
<span>
<span class="filters-container">
<Icon icon="filter" />
@@ -177,10 +160,16 @@ export default {
box-shadow: 0 0 3px var(--darken);
.icon {
margin: 0 .5rem 0 0;
fill: var(--shadow);
}
}
.sort {
display: flex;
align-items: center;
}
.filters-container {
display: inline-block;
}