rc/aircox
13
1
Fork 1
Code Issues 15 Pull Requests Projects Releases Wiki Activity

upload selector improvements

Browse Source
This commit is contained in:
bkfox 2024-03-17 21:14:26 +01:00
parent 024db5f307
commit 3ad886764c
7 changed files with 17 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
aircox/static/aircox/css/chunk-common.css
View File

@ -2786,12 +2786,6 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
color: var(--button-fg); color: var(--button-fg);
background-color: var(--button-bg); background-color: var(--button-bg);
} }
#player .button.smaller, #player a.button.smaller, #player button.button.smaller, .ax .button.smaller, .ax a.button.smaller, .ax button.button.smaller {
font-size: 0.8rem;
}
#player .button.small, #player a.button.small, #player button.button.small, .ax .button.small, .ax a.button.small, .ax button.button.small {
font-size: 0.6rem;
}
#player .button.square, #player a.button.square, #player button.button.square, .ax .button.square, .ax a.button.square, .ax button.button.square { #player .button.square, #player a.button.square, #player button.button.square, .ax .button.square, .ax a.button.square, .ax button.button.square {
min-width: 2.5em; min-width: 2.5em;
} }

6
aircox/static/aircox/css/public.css
View File

@ -630,12 +630,6 @@
color: var(--button-fg); color: var(--button-fg);
background-color: var(--button-bg); background-color: var(--button-bg);
} }
.button.smaller, a.button.smaller, button.button.smaller {
font-size: 0.8rem;
}
.button.small, a.button.small, button.button.small {
font-size: 0.6rem;
}
.button.square, a.button.square, button.button.square { .button.square, a.button.square, button.button.square {
min-width: 2.5em; min-width: 2.5em;
} }

4
aircox/static/aircox/js/chunk-common.js
View File

File diff suppressed because one or more lines are too long

2
aircox/viewsets.py
View File

@ -58,7 +58,7 @@ class TrackROViewSet(viewsets.ReadOnlyModelViewSet):
if field: if field:
queryset = self.filter_queryset(self.get_queryset()) queryset = self.filter_queryset(self.get_queryset())
values = queryset.values_list(field, flat=True).distinct() values = queryset.values_list(field, flat=True).distinct()
return Response(values) return Response(values[:10])
return self.list(request) return self.list(request)

2
assets/src/components/AAutocomplete.vue
View File

@ -225,7 +225,7 @@ export default {
: fetch(url, Model.getOptions()).then(d => d.json()) : fetch(url, Model.getOptions()).then(d => d.json())
promise = promise.then(items => { promise = promise.then(items => {
this.items = items || [] this.items = items.filter((i) => i) || []
this.promise = null; this.promise = null;
this.move(0) this.move(0)
return items return items

26
assets/src/components/APlaylistEditor.vue
View File

@ -7,22 +7,22 @@
<div class="flex-row align-right"> <div class="flex-row align-right">
<div class="field has-addons"> <div class="field has-addons">
<p class="control"> <p class="control">
<a :class="['button','p-2', page == Page.Text ? 'is-primary' : 'is-light']" <button type="button" :class="['button','p-2', page == Page.Text ? 'is-primary' : 'is-light']"
@click="page = Page.Text"> @click="page = Page.Text">
<span class="icon is-small"> <span class="icon is-small">
<i class="fa fa-pencil"></i> <i class="fa fa-pencil"></i>
</span> </span>
<span>Texte</span> <span>Texte</span>
</a> </button>
</p> </p>
<p class="control"> <p class="control">
<a :class="['button','p-2', page == Page.List ? 'is-primary' : 'is-light']" <button type="button" :class="['button','p-2', page == Page.List ? 'is-primary' : 'is-light']"
@click="page = Page.List"> @click="page = Page.List">
<span class="icon is-small"> <span class="icon is-small">
<i class="fa fa-list"></i> <i class="fa fa-list"></i>
</span> </span>
<span>Liste</span> <span>Liste</span>
</a> </button>
</p> </p>
</div> </div>
</div> </div>
@ -47,12 +47,12 @@
<template v-slot:row-tail="data"> <template v-slot:row-tail="data">
<slot v-if="$slots['row-tail']" :name="row-tail" v-bind="data"/> <slot v-if="$slots['row-tail']" :name="row-tail" v-bind="data"/>
<td class="align-right pr-0"> <td class="align-right pr-0">
<a class="button square" <button type="button" class="button square"
@click.stop="items.splice(data.row,1)" @click.stop="items.splice(data.row,1)"
:title="labels.remove_track" :title="labels.remove_track"
:aria-label="labels.remove_track"> :aria-label="labels.remove_track">
<span class="icon"><i class="fa fa-trash" /></span> <span class="icon"><i class="fa fa-trash" /></span>
</a> </button>
</td> </td>
</template> </template>
</a-rows> </a-rows>
@ -60,33 +60,33 @@
<div class="flex-row"> <div class="flex-row">
<div class="flex-grow-1 flex-row"> <div class="flex-grow-1 flex-row">
<div class="field ml-3"> <div class="field">
<p class="control"> <p class="control">
<a class="button is-info" <button type="button" class="button is-info"
@click="$refs.settings.open()"> @click="$refs.settings.open()">
<span class="icon is-small"> <span class="icon is-small">
<i class="fa fa-cog"></i> <i class="fa fa-cog"></i>
</span> </span>
<span>Options</span> <span>Options</span>
</a> </button>
</p> </p>
</div> </div>
</div> </div>
<div class="flex-grow-1 align-right"> <div class="flex-grow-1 align-right">
<a class="button square is-warning p-2" <button type="button" class="button square is-warning p-2"
@click="loadData({items: this.initData.items},true)" @click="loadData({items: this.initData.items},true)"
:title="labels.discard_changes" :title="labels.discard_changes"
:aria-label="labels.discard_changes" :aria-label="labels.discard_changes"
> >
<span class="icon"><i class="fa fa-rotate" /></span> <span class="icon"><i class="fa fa-rotate" /></span>
</a> </button>
<a class="button square is-primary p-2" v-if="page == Page.List" <button type="button" class="button square is-primary p-2" v-if="page == Page.List"
@click="this.set.push(new this.set.model())" @click="this.set.push(new this.set.model())"
:title="labels.add_track" :title="labels.add_track"
:aria-label="labels.add_track" :aria-label="labels.add_track"
> >
<span class="icon"><i class="fa fa-plus"/></span> <span class="icon"><i class="fa fa-plus"/></span>
</a> </button>
</div> </div>
</div> </div>

2
assets/src/styles/components.scss
View File

@ -161,8 +161,6 @@
color: var(--button-fg); color: var(--button-fg);
background-color: var(--button-bg); background-color: var(--button-bg);
&.smaller { font-size: v.$text-size-smaller; }
&.small { font-size: v.$text-size-small; }
&.square { min-width: 2.5em; } &.square { min-width: 2.5em; }
&.secondary { background-color: var(--button-sec-bg); } &.secondary { background-color: var(--button-sec-bg); }