mirror of https://github.com/FreeTubeApp/FreeTube
41 lines
1006 B
Vue
41 lines
1006 B
Vue
<template>
|
|
<div class="searchFilter">
|
|
<h2 class="center">
|
|
Search Filters
|
|
</h2>
|
|
<ft-flex-box class="radioFlexBox">
|
|
<ft-radio-button
|
|
:title="sortByTitle"
|
|
:labels="sortByLabels"
|
|
:values="sortByValues"
|
|
class="searchRadio"
|
|
@change="updateSortBy"
|
|
/>
|
|
<ft-radio-button
|
|
:title="timeTitle"
|
|
:labels="timeLabels"
|
|
:values="timeValues"
|
|
class="searchRadio radioMargin"
|
|
@change="updateTime"
|
|
/>
|
|
<ft-radio-button
|
|
:title="typeTitle"
|
|
:labels="typeLabels"
|
|
:values="typeValues"
|
|
class="searchRadio radioMargin"
|
|
@change="updateType"
|
|
/>
|
|
<ft-radio-button
|
|
:title="durationTitle"
|
|
:labels="durationLabels"
|
|
:values="durationValues"
|
|
class="radioMargin"
|
|
@change="updateDuration"
|
|
/>
|
|
</ft-flex-box>
|
|
</div>
|
|
</template>
|
|
|
|
<script src="./ft-search-filters.js" />
|
|
<style scoped src="./ft-search-filters.css" />
|