Niquarl/joinpeertube
1
0
Fork 0
forked from nutomic/joinpeertube
Code Issues Pull requests Releases Wiki Activity

removed filters

Browse source
This commit is contained in:
Felix 2020-02-09 02:07:34 +01:00
parent d014eaa33e
commit 911a6ea03b
1 changed files with 1 additions and 123 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

124
src/components/InstancesList.vue
View file

@ -1,113 +1,9 @@
<template>
<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="block-title">
<div class="left">
<div class="title" v-translate>Instances list</div>
<div class="additional-info" v-translate>Built from instances.joinpeertube.org</div>
</div>
<div class="mascot-loading-block">
@ -338,16 +234,11 @@
</style>
<script>
import { BFormCheckboxGroup, BFormRadio, BFormRadioGroup, BFormSelect } from 'bootstrap-vue'
import axios from 'axios'
import InstanceCard from './InstanceCard'
export default {
components: {
'b-form-radio-group': BFormRadioGroup,
'b-form-radio': BFormRadio,
'b-form-checkbox-group': BFormCheckboxGroup,
'b-form-select': BFormSelect,
InstanceCard
},
@ -484,21 +375,8 @@
this.noResults = false
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 = {
method: 'GET',
params
method: 'GET'
}
// TODO: need to figure out our own domain