yetangitu/funkwhale
1
0
Fork 0
mirror of https://code.eliotberriot.com/funkwhale/funkwhale.git synced 2025-10-05 23:18:26 +02:00
Code Issues Releases Wiki Activity

Merge branch 'i18n-library-radios' into develop

Browse source
This commit is contained in:
Bat 2018-04-15 14:28:23 +01:00
commit be3e6d70a3
3 changed files with 68 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

37
front/src/components/library/radios/Builder.vue
View file

@ -2,33 +2,30 @@
<div class="ui vertical stripe segment" v-title="'Radio Builder'">
<div>
<div>
<h2 class="ui header">Builder</h2>
<p>
You can use this interface to build your own custom radio, which
will play tracks according to your criteria
</p>
<div class="ui form">
<h2 class="ui header"><i18next path="Builder"/></h2>
<i18next tag="p" path="You can use this interface to build your own custom radio, which will play tracks according to your criteria"/>
<div class="ui form">
<div class="inline fields">
<div class="field">
<label for="name">Radio name</label>
<i18next tag="label" for="name" path="Radio name"/>
<input id="name" type="text" v-model="radioName" placeholder="My awesome radio" />
</div>
<div class="field">
<input id="public" type="checkbox" v-model="isPublic" />
<label for="public">Display publicly</label>
<i18next tag="label" for="public" path="Display publicly"/>
</div>
<button :disabled="!canSave" @click="save" class="ui green button">Save</button>
<button :disabled="!canSave" @click="save" class="ui green button"><i18ext path="Save"/></button>
<radio-button v-if="id" type="custom" :custom-radio-id="id"></radio-button>
</div>
</div>
<div class="ui form">
<p>Add filters to customize your radio</p>
<p><i18next path="Add filters to customize your radio"/></p>
<div class="inline field">
<select class="ui dropdown" v-model="currentFilterType">
<option value="">Select a filter</option>
<option value=""><i18next path="Select a filter"/></option>
<option v-for="f in availableFilters" :value="f.type">{{ f.label }}</option>
</select>
<button :disabled="!currentFilterType" @click="add" class="ui button">Add filter</button>
<button :disabled="!currentFilterType" @click="add" class="ui button"><i18next path="Add filter"/></button>
</div>
<p v-if="currentFilter">
{{ currentFilter.help_text }}
@ -37,11 +34,11 @@
<table class="ui table">
<thead>
<tr>
<th class="two wide">Filter name</th>
<th class="one wide">Exclude</th>
<th class="six wide">Config</th>
<th class="five wide">Candidates</th>
<th class="two wide">Actions</th>
<i18next tag="th" class="two wide" path="Filter name"/>
<i18next tag="th" class="one wide" path="Exclude"/>
<i18next tag="th" class="six wide" path="Config"/>
<i18next tag="th" class="five wide" path="Candidates"/>
<i18next tag="th" class="two wide" path="Actions"/>
</tr>
</thead>
<tbody>
@ -57,9 +54,9 @@
</tbody>
</table>
<template v-if="checkResult">
<h3 class="ui header">
{{ checkResult.candidates.count }} tracks matching combined filters
</h3>
<i18next tag="h3" class="ui header" path="{%0%} tracks matching combined filters">
{{ checkResult.candidates.count }}
</i18next>
<track-table v-if="checkResult.candidates.sample" :tracks="checkResult.candidates.sample"></track-table>
</template>
</div>

6
front/src/components/library/radios/Filter.vue
View file

@ -42,7 +42,7 @@
</span>
<modal v-if="checkResult" :show.sync="showCandidadesModal">
<div class="header">
Track matching filter
<i18next path="Track matching filter"/>
</div>
<div class="content">
<div class="description">
@ -51,13 +51,13 @@
</div>
<div class="actions">
<div class="ui black deny button">
Cancel
<i18next path="Cancel"/>
</div>
</div>
</modal>
</td>
<td>
<button @click="$emit('delete', index)" class="ui basic red button">Remove</button>
<button @click="$emit('delete', index)" class="ui basic red button"><i18next path="Remove"/></button>
</td>
</tr>
</template>