forked from nutomic/joinpeertube
removed filters
This commit is contained in:
parent
d014eaa33e
commit
911a6ea03b
1 changed files with 1 additions and 123 deletions
|
|
@ -1,113 +1,9 @@
|
||||||
<template>
|
<template>
|
||||||
<div id="instances-list">
|
<div id="instances-list">
|
||||||
<div class="filters">
|
|
||||||
<div v-translate class="title">Filter according to your preferences</div>
|
|
||||||
|
|
||||||
<form @change="onFormChange()">
|
|
||||||
<div class="group">
|
|
||||||
<label for="profile" v-translate>Your profile</label>
|
|
||||||
|
|
||||||
<b-form-radio-group id="profile" buttons name="profile" v-model="profile">
|
|
||||||
<b-form-radio value="viewer">
|
|
||||||
<translate>Viewer</translate>
|
|
||||||
</b-form-radio>
|
|
||||||
|
|
||||||
<b-form-radio value="video-maker">
|
|
||||||
<translate>Video maker</translate>
|
|
||||||
</b-form-radio>
|
|
||||||
</b-form-radio-group>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="group">
|
|
||||||
<label for="profile" v-translate>You want to</label>
|
|
||||||
|
|
||||||
<b-form-radio-group id="wantTo" buttons name="wantTo" v-model="wantTo">
|
|
||||||
<b-form-radio value="create-account">
|
|
||||||
<translate>Create an account</translate>
|
|
||||||
</b-form-radio>
|
|
||||||
|
|
||||||
<b-form-radio value="discover-instances">
|
|
||||||
<translate>Discover instances</translate>
|
|
||||||
</b-form-radio>
|
|
||||||
</b-form-radio-group>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="group">
|
|
||||||
<label for="themes" class="label-checkbox" v-translate>Themes</label>
|
|
||||||
|
|
||||||
<b-form-checkbox-group
|
|
||||||
v-model="themes"
|
|
||||||
:options="availableThemes"
|
|
||||||
name="themes"
|
|
||||||
id="themes"
|
|
||||||
size="lg"
|
|
||||||
></b-form-checkbox-group>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="group">
|
|
||||||
<label for="profile" v-translate>Sensitive videos</label>
|
|
||||||
|
|
||||||
<b-form-radio-group id="nsfw" buttons name="nsfw" v-model="nsfw">
|
|
||||||
<b-form-radio value="do_not_list">
|
|
||||||
<translate>Hide</translate>
|
|
||||||
</b-form-radio>
|
|
||||||
|
|
||||||
<b-form-radio value="blur">
|
|
||||||
<translate>Blur</translate>
|
|
||||||
</b-form-radio>
|
|
||||||
|
|
||||||
<b-form-radio value="display">
|
|
||||||
<translate>Display</translate>
|
|
||||||
</b-form-radio>
|
|
||||||
|
|
||||||
<b-form-radio value="no-opinion">
|
|
||||||
<translate>No opinion</translate>
|
|
||||||
</b-form-radio>
|
|
||||||
</b-form-radio-group>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="group">
|
|
||||||
<label for="instance-languages" class="label-checkbox" v-translate>Instance languages</label>
|
|
||||||
|
|
||||||
<b-form-checkbox-group
|
|
||||||
v-model="languages"
|
|
||||||
:options="availableLanguages"
|
|
||||||
name="instance-languages"
|
|
||||||
id="instance-languages"
|
|
||||||
size="lg"
|
|
||||||
></b-form-checkbox-group>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="group" v-if="isQuotaEnabled()">
|
|
||||||
<label for="quota" v-translate>Allowed video space</label>
|
|
||||||
|
|
||||||
<b-form-select v-model="quota" id="quota" name="quota">
|
|
||||||
<option value="1000000000">
|
|
||||||
<translate>At least 1GB</translate>
|
|
||||||
</option>
|
|
||||||
|
|
||||||
<option value="5000000000">
|
|
||||||
<translate>At least 5GB</translate>
|
|
||||||
</option>
|
|
||||||
|
|
||||||
<option value="20000000000">
|
|
||||||
<translate>At least 20GB</translate>
|
|
||||||
</option>
|
|
||||||
|
|
||||||
<option value="50000000000">
|
|
||||||
<translate>At least 50GB</translate>
|
|
||||||
</option>
|
|
||||||
</b-form-select>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="list">
|
<div class="list">
|
||||||
<div class="block-title">
|
<div class="block-title">
|
||||||
<div class="left">
|
<div class="left">
|
||||||
<div class="title" v-translate>Instances list</div>
|
<div class="title" v-translate>Instances list</div>
|
||||||
|
|
||||||
<div class="additional-info" v-translate>Built from instances.joinpeertube.org</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="mascot-loading-block">
|
<div class="mascot-loading-block">
|
||||||
|
|
@ -338,16 +234,11 @@
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { BFormCheckboxGroup, BFormRadio, BFormRadioGroup, BFormSelect } from 'bootstrap-vue'
|
|
||||||
import axios from 'axios'
|
import axios from 'axios'
|
||||||
import InstanceCard from './InstanceCard'
|
import InstanceCard from './InstanceCard'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
'b-form-radio-group': BFormRadioGroup,
|
|
||||||
'b-form-radio': BFormRadio,
|
|
||||||
'b-form-checkbox-group': BFormCheckboxGroup,
|
|
||||||
'b-form-select': BFormSelect,
|
|
||||||
InstanceCard
|
InstanceCard
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
@ -484,21 +375,8 @@
|
||||||
this.noResults = false
|
this.noResults = false
|
||||||
this.loadingAnimation = true
|
this.loadingAnimation = true
|
||||||
|
|
||||||
const params = {
|
|
||||||
start: 0,
|
|
||||||
count: 250,
|
|
||||||
healthy: true
|
|
||||||
}
|
|
||||||
|
|
||||||
if (this.wantTo === 'create-account') params.signup = true
|
|
||||||
if (this.themes.length !== 0) params.categoriesOr = this.themes
|
|
||||||
if (this.nsfw !== 'no-opinion') params.nsfwPolicy = [ this.nsfw ]
|
|
||||||
if (this.languages.length !== 0) params.languagesOr = this.languages
|
|
||||||
if (this.isQuotaEnabled()) params.minUserQuota = this.quota
|
|
||||||
|
|
||||||
const options = {
|
const options = {
|
||||||
method: 'GET',
|
method: 'GET'
|
||||||
params
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// TODO: need to figure out our own domain
|
// TODO: need to figure out our own domain
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue