nutomic/joinpeertube
1
1
Fork 1
Code Issues 5 Pull requests Releases Wiki Activity

Make filters work

Browse source
This commit is contained in:
Chocobozzz 2019-09-19 11:32:10 +02:00
parent a7877a865e
commit ed3ab8b4d2
No known key found for this signature in database
GPG key ID: 583A612D890159BE
11 changed files with 112 additions and 46 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/img/help/rabbit.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 51 KiB

After

Width:  |  Height:  |  Size: 53 KiB

39
src/components/InstanceCard.vue
View file

@ -13,8 +13,11 @@
<div class="upload-limits" v-if="isVideoMaker"> <div class="upload-limits" v-if="isVideoMaker">
<div class="quota"> <div class="quota">
<div class="icon">
<icon-quota></icon-quota>
</div>
<div v-if="instance.userVideoQuota"> <div v-if="instance.userVideoQuota">
<div class="icon"></div>
{{ bytes(instance.userVideoQuota) }} {{ bytes(instance.userVideoQuota) }}
<translate>per user</translate> <translate>per user</translate>
</div> </div>
@ -98,7 +101,7 @@
margin: auto; margin: auto;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.35); box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.35);
border: solid 1px #d9d9d9; border: solid 1px #d9d9d9;
padding: 20px 25px; padding: 20px 25px 15px 25px;
display: flex; display: flex;
} }
@ -109,9 +112,18 @@
justify-content: space-between; justify-content: space-between;
} }
.icon,
.label {
margin-right: 5px;
}
.label {
color: $grey;
}
.left { .left {
margin-right: 40px; margin-right: 40px;
width: 480px; width: 490px;
.name-host { .name-host {
display: flex; display: flex;
@ -129,7 +141,17 @@
} }
.description { .description {
margin-bottom: 12px; margin-bottom: 8px;
line-height: normal;
}
.upload-limits {
display: flex;
.quota {
display: flex;
margin-right: 80px;
}
} }
.tags { .tags {
@ -138,11 +160,6 @@
} }
.right { .right {
.icon,
.label {
margin-right: 5px;
}
.follow, .follow,
.languages { .languages {
margin-bottom: 10px; margin-bottom: 10px;
@ -170,13 +187,15 @@
import IconFollowers from './icons/IconFollowers' import IconFollowers from './icons/IconFollowers'
import IconFollowing from './icons/IconFollowing' import IconFollowing from './icons/IconFollowing'
import IconLanguages from './icons/IconLanguages' import IconLanguages from './icons/IconLanguages'
import IconQuota from './icons/IconQuota'
export default { export default {
components: { components: {
IconRight, IconRight,
IconFollowers, IconFollowers,
IconFollowing, IconFollowing,
IconLanguages IconLanguages,
IconQuota
}, },
props: { props: {

36
src/components/InstancesList.vue
View file

@ -48,7 +48,7 @@
<label for="profile" v-translate>Sensitive videos</label> <label for="profile" v-translate>Sensitive videos</label>
<b-form-radio-group id="nsfw" buttons name="nsfw" v-model="nsfw"> <b-form-radio-group id="nsfw" buttons name="nsfw" v-model="nsfw">
<b-form-radio value="hide"> <b-form-radio value="do_not_list">
<translate>Hide</translate> <translate>Hide</translate>
</b-form-radio> </b-form-radio>
@ -78,7 +78,7 @@
></b-form-checkbox-group> ></b-form-checkbox-group>
</div> </div>
<div class="group" v-if="isVideoMaker() && wantToRegister()"> <div class="group" v-if="isQuotaEnabled()">
<label for="quota" v-translate>Allowed video space</label> <label for="quota" v-translate>Allowed video space</label>
<b-form-select v-model="quota" id="quota" name="quota"> <b-form-select v-model="quota" id="quota" name="quota">
@ -106,7 +106,7 @@
<div v-translate class="title">Instances list</div> <div v-translate class="title">Instances list</div>
<div class="list"> <div class="list">
<div v-for="instance of instances" class="instance"> <div v-for="instance of instances" class="instance" :key="instance.host">
<instance-card <instance-card
:instance="instance" :isVideoMaker="isVideoMaker()" :instance="instance" :isVideoMaker="isVideoMaker()"
:translatedLanguages="translatedLanguages" :translatedThemes="translatedThemes" :translatedLanguages="translatedLanguages" :translatedThemes="translatedThemes"
@ -332,7 +332,7 @@
const smallLanguage = navigatorLanguage.split('-')[0] const smallLanguage = navigatorLanguage.split('-')[0]
const found = this.translatedLanguages[smallLanguage] const found = this.translatedLanguages[smallLanguage]
if (found && found !== 'en') { if (found && smallLanguage !== 'en') {
available.push({ available.push({
value: smallLanguage, value: smallLanguage,
text: found text: found
@ -344,16 +344,12 @@
}, },
methods: { methods: {
isViewer () {
return this.profile === 'viewer'
},
isVideoMaker () { isVideoMaker () {
return this.profile === 'video-maker' return this.profile === 'video-maker'
}, },
wantToRegister () { wantToRegister () {
return this.wantTo === 'discover-instances' return this.wantTo === 'create-account'
}, },
// Thanks https://stackoverflow.com/a/6274381 // Thanks https://stackoverflow.com/a/6274381
@ -367,20 +363,32 @@
}, },
onFormChange () { onFormChange () {
console.log('Updating instances list.')
this.fetchInstances() this.fetchInstances()
}, },
isQuotaEnabled () {
return this.isVideoMaker() && this.wantToRegister()
},
fetchInstances () { fetchInstances () {
const options = { const params = {
method: 'GET',
params: {
start: 0, start: 0,
count: 250, count: 250,
// signup: true,
healthy: true, healthy: true,
nsfwPolicy: ['do_not_list', 'blur'],
search: 'peertube2' search: 'peertube2'
} }
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
} }
axios('https://instances.joinpeertube.org/api/v1/instances', options) axios('https://instances.joinpeertube.org/api/v1/instances', options)

4
src/components/icons/IconAdd.vue
View file

@ -1,5 +1,6 @@
<template> <template>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-92.000000, -115.000000)"> <g transform="translate(-92.000000, -115.000000)">
<g id="2" transform="translate(92.000000, 115.000000)"> <g id="2" transform="translate(92.000000, 115.000000)">
@ -10,7 +11,6 @@
</g> </g>
</g> </g>
</svg> </svg>
</template> </template>
<script> <script>

7
src/components/icons/IconChannel.vue
View file

@ -1,7 +1,10 @@
<template> <template>
<svg width="41px" height="20px" viewBox="0 0 41 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <svg width="41px" height="20px" viewBox="0 0 41 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="icone/chaine" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="icone/chaine" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M30.76625,6 L12.23375,6 C11.5523687,6 11,6.53563024 11,7.19636364 L11,18.8036364 C11,19.4643698 11.5523687,20 12.23375,20 L30.76625,20 C31.4476313,20 32,19.4643698 32,18.8036364 L32,7.19636364 C32,6.53563024 31.4476313,6 30.76625,6 Z M31,19 L12,19 L12,7 L31,7 L31,19 Z M30,0.5 L30,1 L13,1 L13,0.5 C13,0.223857625 13.3171316,0 13.7083333,0 L29.2916667,0 C29.6828684,0 30,0.223857625 30,0.5 Z M31,3.5 L31,4 L12,4 L12,3.5 C12,3.22385763 12.3038068,3 12.6785714,3 L30.3214286,3 C30.6961932,3 31,3.22385763 31,3.5 Z M17.5259363,16.8151256 C17.7152321,16.9337842 17.9355568,16.9979073 18.161158,17 C18.32374,16.999634 18.4843857,16.9658752 18.6324515,16.9009601 L25.3056947,14.0222015 C25.7272789,13.8451231 26,13.4431299 26,12.9987896 C26,12.5544492 25.7272789,12.1524561 25.3056947,11.9753777 L18.6324515,9.09661903 C18.2736828,8.94259679 17.8586994,8.97423234 17.529341,9.18071277 C17.1999826,9.3871932 17.0008478,9.74055892 17,10.1200309 L17,15.8775482 C17.0007047,16.2557699 17.1984104,16.6082163 17.5259363,16.8151256 Z M18,10.1681475 C17.9995749,10.1022855 18.0354749,10.0410683 18.094505,10.0070023 C18.1298416,9.9976659 18.1671697,9.9976659 18.2025064,10.0070023 C18.2291649,10.0012002 18.2568489,10.0012002 18.2835074,10.0070023 L24.8783413,12.8109285 C24.954566,12.8406947 25.0031305,12.912834 24.9998429,12.9914111 C25.0022616,13.0682052 24.9535047,13.1380438 24.8783413,13.1654479 L18.2835074,15.9758199 C18.2250299,16.00806 18.1529826,16.00806 18.094505,15.9758199 C18.0373387,15.940063 18.0020587,15.8799028 18,15.8146747 L18,10.1681475 Z" id="Mask" fill="#000000" fill-rule="nonzero"></path> <path
d="M30.76625,6 L12.23375,6 C11.5523687,6 11,6.53563024 11,7.19636364 L11,18.8036364 C11,19.4643698 11.5523687,20 12.23375,20 L30.76625,20 C31.4476313,20 32,19.4643698 32,18.8036364 L32,7.19636364 C32,6.53563024 31.4476313,6 30.76625,6 Z M31,19 L12,19 L12,7 L31,7 L31,19 Z M30,0.5 L30,1 L13,1 L13,0.5 C13,0.223857625 13.3171316,0 13.7083333,0 L29.2916667,0 C29.6828684,0 30,0.223857625 30,0.5 Z M31,3.5 L31,4 L12,4 L12,3.5 C12,3.22385763 12.3038068,3 12.6785714,3 L30.3214286,3 C30.6961932,3 31,3.22385763 31,3.5 Z M17.5259363,16.8151256 C17.7152321,16.9337842 17.9355568,16.9979073 18.161158,17 C18.32374,16.999634 18.4843857,16.9658752 18.6324515,16.9009601 L25.3056947,14.0222015 C25.7272789,13.8451231 26,13.4431299 26,12.9987896 C26,12.5544492 25.7272789,12.1524561 25.3056947,11.9753777 L18.6324515,9.09661903 C18.2736828,8.94259679 17.8586994,8.97423234 17.529341,9.18071277 C17.1999826,9.3871932 17.0008478,9.74055892 17,10.1200309 L17,15.8775482 C17.0007047,16.2557699 17.1984104,16.6082163 17.5259363,16.8151256 Z M18,10.1681475 C17.9995749,10.1022855 18.0354749,10.0410683 18.094505,10.0070023 C18.1298416,9.9976659 18.1671697,9.9976659 18.2025064,10.0070023 C18.2291649,10.0012002 18.2568489,10.0012002 18.2835074,10.0070023 L24.8783413,12.8109285 C24.954566,12.8406947 25.0031305,12.912834 24.9998429,12.9914111 C25.0022616,13.0682052 24.9535047,13.1380438 24.8783413,13.1654479 L18.2835074,15.9758199 C18.2250299,16.00806 18.1529826,16.00806 18.094505,15.9758199 C18.0373387,15.940063 18.0020587,15.8799028 18,15.8146747 L18,10.1681475 Z"
id="Mask" fill="#000000" fill-rule="nonzero"></path>
</g> </g>
</svg> </svg>
</template> </template>

8
src/components/icons/IconFollowers.vue
View file

@ -1,7 +1,10 @@
<template> <template>
<svg width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <svg width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<defs> <defs>
<path d="M16.675,15.1416667 L16.5472222,14.95 C15.2694444,13.5444444 13.4805556,12.7138889 11.5638889,12.7777778 C9.64722222,12.7138889 7.79444444,13.5444444 6.51666667,14.95 L6.38888889,15.1416667 L6.38888889,19.9972222 C6.38888889,20.5722222 6.83611111,21.0833333 7.475,21.0833333 C7.475,21.0833333 7.475,21.0833333 7.475,21.0833333 L15.6527778,21.0833333 C16.2277778,21.0833333 16.7388889,20.5722222 16.7388889,19.9972222 C16.7388889,19.9972222 16.7388889,19.9972222 16.7388889,19.9972222 L16.7388889,15.1416667 L16.675,15.1416667 Z M15.3972222,19.8055556 L7.66666667,19.8055556 L7.66666667,15.5888889 C8.68888889,14.5666667 10.0944444,14.0555556 11.5638889,14.0555556 C12.9694444,13.9916667 14.375,14.5666667 15.3972222,15.5888889 L15.3972222,19.8055556 Z M6.58055556,9.00833333 C6.70833333,9.00833333 6.83611111,9.00833333 6.96388889,8.94444444 C6.96388889,8.81666667 6.96388889,8.68888889 6.96388889,8.56111111 C6.96388889,8.24166667 6.96388889,7.92222222 7.02777778,7.66666667 C6.9,7.73055556 6.70833333,7.73055556 6.58055556,7.73055556 C5.75,7.73055556 5.04722222,7.02777778 5.04722222,6.19722222 C5.04722222,5.36666667 5.75,4.66388889 6.58055556,4.66388889 C7.21944444,4.66388889 7.79444444,5.04722222 8.05,5.62222222 C8.30555556,5.30277778 8.68888889,4.98333333 9.00833333,4.72777778 C8.17777778,3.38611111 6.45277778,2.93888889 5.11111111,3.76944444 C3.76944444,4.6 3.32222222,6.325 4.15277778,7.66666667 C4.66388889,8.49722222 5.55833333,9.00833333 6.58055556,9.00833333 Z M7.66666667,11.1166667 C7.41111111,10.7333333 7.21944444,10.2861111 7.09166667,9.775 C6.9,9.775 6.77222222,9.775 6.58055556,9.775 C4.91944444,9.71111111 3.32222222,10.2861111 2.10833333,11.3083333 L1.91666667,11.5 L1.91666667,16.6111111 L3.19444444,16.6111111 L3.19444444,12.0111111 C4.21666667,11.3083333 5.36666667,10.925 6.58055556,10.9888889 C6.96388889,10.9888889 7.34722222,11.0527778 7.66666667,11.1166667 Z M14.95,5.62222222 C15.2694444,4.85555556 16.1638889,4.47222222 16.9944444,4.79166667 C17.7611111,5.11111111 18.1444444,6.00555556 17.825,6.83611111 C17.5694444,7.41111111 16.9944444,7.79444444 16.4194444,7.79444444 C16.2916667,7.79444444 16.1,7.79444444 15.9722222,7.73055556 C16.0361111,8.05 16.0361111,8.36944444 16.0361111,8.625 C16.0361111,8.75277778 16.0361111,8.88055556 16.0361111,9.00833333 C16.1638889,9.00833333 16.2916667,9.07222222 16.4194444,9.07222222 C18.0166667,9.07222222 19.2944444,7.79444444 19.2944444,6.26111111 C19.2944444,4.66388889 18.0166667,3.38611111 16.4833333,3.38611111 C15.4611111,3.38611111 14.5666667,3.89722222 14.0555556,4.79166667 C14.375,4.98333333 14.6944444,5.23888889 14.95,5.62222222 Z M20.8916667,11.3083333 C19.6777778,10.2222222 18.0805556,9.64722222 16.4194444,9.71111111 C16.2277778,9.71111111 16.1,9.71111111 15.9083333,9.71111111 C15.7805556,10.2222222 15.5888889,10.6694444 15.3333333,11.0527778 C15.7166667,10.9888889 16.0361111,10.9888889 16.4194444,10.9888889 C17.6333333,10.925 18.8472222,11.3083333 19.8055556,12.0111111 L19.8055556,16.6111111 L21.0833333,16.6111111 L21.0833333,11.5 L20.8916667,11.3083333 Z M11.4361111,11.6916667 C13.1611111,11.6916667 14.5027778,10.2861111 14.5027778,8.56111111 C14.5027778,6.83611111 13.0972222,5.49444444 11.3722222,5.49444444 C9.64722222,5.49444444 8.30555556,6.9 8.30555556,8.56111111 C8.30555556,10.2861111 9.71111111,11.6916667 11.4361111,11.6916667 Z M11.3722222,6.77222222 C11.4361111,6.77222222 11.4361111,6.77222222 11.3722222,6.77222222 C12.3944444,6.77222222 13.225,7.60277778 13.225,8.625 C13.225,9.64722222 12.3944444,10.4138889 11.3722222,10.4138889 C10.35,10.4138889 9.58333333,9.58333333 9.58333333,8.625 C9.58333333,7.60277778 10.4138889,6.77222222 11.3722222,6.77222222 Z" id="path-followers"></path> <path
d="M16.675,15.1416667 L16.5472222,14.95 C15.2694444,13.5444444 13.4805556,12.7138889 11.5638889,12.7777778 C9.64722222,12.7138889 7.79444444,13.5444444 6.51666667,14.95 L6.38888889,15.1416667 L6.38888889,19.9972222 C6.38888889,20.5722222 6.83611111,21.0833333 7.475,21.0833333 C7.475,21.0833333 7.475,21.0833333 7.475,21.0833333 L15.6527778,21.0833333 C16.2277778,21.0833333 16.7388889,20.5722222 16.7388889,19.9972222 C16.7388889,19.9972222 16.7388889,19.9972222 16.7388889,19.9972222 L16.7388889,15.1416667 L16.675,15.1416667 Z M15.3972222,19.8055556 L7.66666667,19.8055556 L7.66666667,15.5888889 C8.68888889,14.5666667 10.0944444,14.0555556 11.5638889,14.0555556 C12.9694444,13.9916667 14.375,14.5666667 15.3972222,15.5888889 L15.3972222,19.8055556 Z M6.58055556,9.00833333 C6.70833333,9.00833333 6.83611111,9.00833333 6.96388889,8.94444444 C6.96388889,8.81666667 6.96388889,8.68888889 6.96388889,8.56111111 C6.96388889,8.24166667 6.96388889,7.92222222 7.02777778,7.66666667 C6.9,7.73055556 6.70833333,7.73055556 6.58055556,7.73055556 C5.75,7.73055556 5.04722222,7.02777778 5.04722222,6.19722222 C5.04722222,5.36666667 5.75,4.66388889 6.58055556,4.66388889 C7.21944444,4.66388889 7.79444444,5.04722222 8.05,5.62222222 C8.30555556,5.30277778 8.68888889,4.98333333 9.00833333,4.72777778 C8.17777778,3.38611111 6.45277778,2.93888889 5.11111111,3.76944444 C3.76944444,4.6 3.32222222,6.325 4.15277778,7.66666667 C4.66388889,8.49722222 5.55833333,9.00833333 6.58055556,9.00833333 Z M7.66666667,11.1166667 C7.41111111,10.7333333 7.21944444,10.2861111 7.09166667,9.775 C6.9,9.775 6.77222222,9.775 6.58055556,9.775 C4.91944444,9.71111111 3.32222222,10.2861111 2.10833333,11.3083333 L1.91666667,11.5 L1.91666667,16.6111111 L3.19444444,16.6111111 L3.19444444,12.0111111 C4.21666667,11.3083333 5.36666667,10.925 6.58055556,10.9888889 C6.96388889,10.9888889 7.34722222,11.0527778 7.66666667,11.1166667 Z M14.95,5.62222222 C15.2694444,4.85555556 16.1638889,4.47222222 16.9944444,4.79166667 C17.7611111,5.11111111 18.1444444,6.00555556 17.825,6.83611111 C17.5694444,7.41111111 16.9944444,7.79444444 16.4194444,7.79444444 C16.2916667,7.79444444 16.1,7.79444444 15.9722222,7.73055556 C16.0361111,8.05 16.0361111,8.36944444 16.0361111,8.625 C16.0361111,8.75277778 16.0361111,8.88055556 16.0361111,9.00833333 C16.1638889,9.00833333 16.2916667,9.07222222 16.4194444,9.07222222 C18.0166667,9.07222222 19.2944444,7.79444444 19.2944444,6.26111111 C19.2944444,4.66388889 18.0166667,3.38611111 16.4833333,3.38611111 C15.4611111,3.38611111 14.5666667,3.89722222 14.0555556,4.79166667 C14.375,4.98333333 14.6944444,5.23888889 14.95,5.62222222 Z M20.8916667,11.3083333 C19.6777778,10.2222222 18.0805556,9.64722222 16.4194444,9.71111111 C16.2277778,9.71111111 16.1,9.71111111 15.9083333,9.71111111 C15.7805556,10.2222222 15.5888889,10.6694444 15.3333333,11.0527778 C15.7166667,10.9888889 16.0361111,10.9888889 16.4194444,10.9888889 C17.6333333,10.925 18.8472222,11.3083333 19.8055556,12.0111111 L19.8055556,16.6111111 L21.0833333,16.6111111 L21.0833333,11.5 L20.8916667,11.3083333 Z M11.4361111,11.6916667 C13.1611111,11.6916667 14.5027778,10.2861111 14.5027778,8.56111111 C14.5027778,6.83611111 13.0972222,5.49444444 11.3722222,5.49444444 C9.64722222,5.49444444 8.30555556,6.9 8.30555556,8.56111111 C8.30555556,10.2861111 9.71111111,11.6916667 11.4361111,11.6916667 Z M11.3722222,6.77222222 C11.4361111,6.77222222 11.4361111,6.77222222 11.3722222,6.77222222 C12.3944444,6.77222222 13.225,7.60277778 13.225,8.625 C13.225,9.64722222 12.3944444,10.4138889 11.3722222,10.4138889 C10.35,10.4138889 9.58333333,9.58333333 9.58333333,8.625 C9.58333333,7.60277778 10.4138889,6.77222222 11.3722222,6.77222222 Z"
id="path-followers"></path>
</defs> </defs>
<g id="icone/abonnements" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="icone/abonnements" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<mask id="mask-followers" fill="white"> <mask id="mask-followers" fill="white">
@ -15,7 +18,6 @@
</g> </g>
</g> </g>
</svg> </svg>
</template> </template>
<script> <script>

8
src/components/icons/IconFollowing.vue
View file

@ -1,7 +1,10 @@
<template> <template>
<svg width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <svg width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<defs> <defs>
<path d="M4.62555556,8.59306644 C4.4538821,8.59066881 4.29039398,8.51928667 4.17194444,8.395 L0.268333333,4.47222222 L4.17194444,0.549444444 C4.33286282,0.387384803 4.56801532,0.323484451 4.78882228,0.381814032 C5.00962923,0.440143613 5.18254481,0.611841477 5.24243339,0.832230699 C5.30232196,1.05261992 5.24008504,1.28821814 5.07916667,1.45027778 L2.70888889,3.83333333 L14.1322222,3.83333333 C14.4850708,3.83333333 14.7711111,4.11937363 14.7711111,4.47222222 C14.7711111,4.82507081 14.4850708,5.11111111 14.1322222,5.11111111 L2.70888889,5.11111111 L5.07916667,7.50055556 C5.26346052,7.68333557 5.31885341,7.95944823 5.21932033,8.19916874 C5.11978725,8.43888925 4.8851138,8.59456501 4.62555556,8.59306644 Z M11.1358333,7.55805556 L15.0330556,11.5 L11.1294444,15.4036111 C10.9685261,15.5656708 10.7333736,15.6295711 10.5125666,15.5712415 C10.2917596,15.512912 10.1188441,15.3412141 10.0589555,15.1208249 C9.9990669,14.9004356 10.0613038,14.6648374 10.2222222,14.5027778 L12.5988889,12.1388889 L1.16916667,12.1388889 C0.816318076,12.1388889 0.530277778,11.8528486 0.530277778,11.5 C0.530277778,11.1471514 0.816318076,10.8611111 1.16916667,10.8611111 L12.5988889,10.8611111 L10.2222222,8.45888889 C9.97346398,8.20660215 9.97632438,7.80042493 10.2286111,7.55166668 C10.4808979,7.30290842 10.8870751,7.30576882 11.1358333,7.55805556 Z" id="path-following"></path> <path
d="M4.62555556,8.59306644 C4.4538821,8.59066881 4.29039398,8.51928667 4.17194444,8.395 L0.268333333,4.47222222 L4.17194444,0.549444444 C4.33286282,0.387384803 4.56801532,0.323484451 4.78882228,0.381814032 C5.00962923,0.440143613 5.18254481,0.611841477 5.24243339,0.832230699 C5.30232196,1.05261992 5.24008504,1.28821814 5.07916667,1.45027778 L2.70888889,3.83333333 L14.1322222,3.83333333 C14.4850708,3.83333333 14.7711111,4.11937363 14.7711111,4.47222222 C14.7711111,4.82507081 14.4850708,5.11111111 14.1322222,5.11111111 L2.70888889,5.11111111 L5.07916667,7.50055556 C5.26346052,7.68333557 5.31885341,7.95944823 5.21932033,8.19916874 C5.11978725,8.43888925 4.8851138,8.59456501 4.62555556,8.59306644 Z M11.1358333,7.55805556 L15.0330556,11.5 L11.1294444,15.4036111 C10.9685261,15.5656708 10.7333736,15.6295711 10.5125666,15.5712415 C10.2917596,15.512912 10.1188441,15.3412141 10.0589555,15.1208249 C9.9990669,14.9004356 10.0613038,14.6648374 10.2222222,14.5027778 L12.5988889,12.1388889 L1.16916667,12.1388889 C0.816318076,12.1388889 0.530277778,11.8528486 0.530277778,11.5 C0.530277778,11.1471514 0.816318076,10.8611111 1.16916667,10.8611111 L12.5988889,10.8611111 L10.2222222,8.45888889 C9.97346398,8.20660215 9.97632438,7.80042493 10.2286111,7.55166668 C10.4808979,7.30290842 10.8870751,7.30576882 11.1358333,7.55805556 Z"
id="path-following"></path>
</defs> </defs>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(3.000000, 3.000000)"> <g transform="translate(3.000000, 3.000000)">
@ -19,7 +22,6 @@
</g> </g>
</g> </g>
</svg> </svg>
</template> </template>
<script> <script>

7
src/components/icons/IconLanguages.vue
View file

@ -1,7 +1,10 @@
<template> <template>
<svg width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <svg width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<defs> <defs>
<path d="M18.5277778,0 L7.66666667,0 C6.6081209,0 5.75,0.858120896 5.75,1.91666667 L5.75,9.58333333 C5.75,10.6418791 6.6081209,11.5 7.66666667,11.5 L16.3236111,11.5 L19.3775,13.8702778 C19.5623174,14.0069208 19.8062885,14.0337576 20.0163889,13.9405556 C20.2382646,13.8348816 20.3798599,13.6113102 20.3805559,13.3655556 L20.3805559,1.91666667 C20.3811302,0.8825773 19.5612927,0.0344694912 18.5277778,0 Z M19.1666667,12.1005556 L16.9305556,10.3563889 C16.8190376,10.2698401 16.6819955,10.2226617 16.5408333,10.2222222 L7.66666667,10.2222222 C7.31381808,10.2222222 7.02777778,9.93618192 7.02777778,9.58333333 L7.02777778,1.91666667 C7.02777778,1.56381808 7.31381808,1.27777778 7.66666667,1.27777778 L18.5277778,1.27777778 C18.8811722,1.30985178 19.1552157,1.60033787 19.1666667,1.955 L19.1666667,12.1005556 Z M13.4166667,14.0555556 L13.4166667,13.4166667 L14.6944444,13.4166667 L14.6944444,14.1386111 C14.7123355,14.627945 14.526684,15.1028213 14.1816543,15.4502723 C13.8366246,15.7977232 13.3630581,15.986691 12.8736111,15.9722222 L4.28694444,15.9722222 L0.996666667,18.3936111 C0.810649053,18.5281453 0.566752307,18.552535 0.357777778,18.4575 C0.140449868,18.3510235 0.00193934525,18.1308907 0,17.8888889 L0,6.38888889 C0,5.33034312 0.858120896,4.47222222 1.91666667,4.47222222 L4.38277778,4.47222222 L4.38277778,5.75 L1.91666667,5.75 C1.56381808,5.75 1.27777778,6.0360403 1.27777778,6.38888889 L1.27777778,16.6111111 L3.44361111,14.9052778 C3.55861111,14.8222222 3.69277778,14.6944444 3.83333333,14.6944444 L12.7777778,14.6944444 C13.1306264,14.6944444 13.4166667,14.4084041 13.4166667,14.0555556 Z" id="path-language"></path> <path
d="M18.5277778,0 L7.66666667,0 C6.6081209,0 5.75,0.858120896 5.75,1.91666667 L5.75,9.58333333 C5.75,10.6418791 6.6081209,11.5 7.66666667,11.5 L16.3236111,11.5 L19.3775,13.8702778 C19.5623174,14.0069208 19.8062885,14.0337576 20.0163889,13.9405556 C20.2382646,13.8348816 20.3798599,13.6113102 20.3805559,13.3655556 L20.3805559,1.91666667 C20.3811302,0.8825773 19.5612927,0.0344694912 18.5277778,0 Z M19.1666667,12.1005556 L16.9305556,10.3563889 C16.8190376,10.2698401 16.6819955,10.2226617 16.5408333,10.2222222 L7.66666667,10.2222222 C7.31381808,10.2222222 7.02777778,9.93618192 7.02777778,9.58333333 L7.02777778,1.91666667 C7.02777778,1.56381808 7.31381808,1.27777778 7.66666667,1.27777778 L18.5277778,1.27777778 C18.8811722,1.30985178 19.1552157,1.60033787 19.1666667,1.955 L19.1666667,12.1005556 Z M13.4166667,14.0555556 L13.4166667,13.4166667 L14.6944444,13.4166667 L14.6944444,14.1386111 C14.7123355,14.627945 14.526684,15.1028213 14.1816543,15.4502723 C13.8366246,15.7977232 13.3630581,15.986691 12.8736111,15.9722222 L4.28694444,15.9722222 L0.996666667,18.3936111 C0.810649053,18.5281453 0.566752307,18.552535 0.357777778,18.4575 C0.140449868,18.3510235 0.00193934525,18.1308907 0,17.8888889 L0,6.38888889 C0,5.33034312 0.858120896,4.47222222 1.91666667,4.47222222 L4.38277778,4.47222222 L4.38277778,5.75 L1.91666667,5.75 C1.56381808,5.75 1.27777778,6.0360403 1.27777778,6.38888889 L1.27777778,16.6111111 L3.44361111,14.9052778 C3.55861111,14.8222222 3.69277778,14.6944444 3.83333333,14.6944444 L12.7777778,14.6944444 C13.1306264,14.6944444 13.4166667,14.4084041 13.4166667,14.0555556 Z"
id="path-language"></path>
</defs> </defs>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(1.000000, 2.000000)"> <g transform="translate(1.000000, 2.000000)">

29
src/components/icons/IconQuota.vue Normal file
View file

@ -0,0 +1,29 @@
<template>
<svg width="21px" height="21px" viewBox="0 0 21 21" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<path
d="M18.6666667,2.53166667 C18.6702008,2.06361224 18.4079487,1.6340614 17.99,1.42333333 C17.5936099,1.21047381 17.1101456,1.24452059 16.7475,1.51083333 L14,3.26666667 L14,1.16666667 C14,0.522334459 13.4776655,0 12.8333333,0 L2.33333333,0 C1.04466892,0 0,1.04466892 0,2.33333333 L0,11.6666667 C0,12.9553311 1.04466892,14 2.33333333,14 L12.8333333,14 C13.4776655,14 14,13.4776655 14,12.8333333 L14,10.7333333 L16.7066667,12.4833333 C17.0762078,12.7663078 17.5754888,12.811697 17.99,12.6 C18.4156245,12.3855923 18.6792232,11.9447462 18.6666667,11.4683333 L18.6666667,2.53166667 Z M17.4591667,11.5325 C17.4241667,11.5325 17.395,11.5325 17.3483333,11.4975 L12.8333333,8.61583333 L12.8333333,12.8333333 L2.33333333,12.8333333 C1.68900113,12.8333333 1.16666667,12.3109989 1.16666667,11.6666667 L1.16666667,2.33333333 C1.16666667,1.68900113 1.68900113,1.16666667 2.33333333,1.16666667 L12.8333333,1.16666667 L12.8333333,5.38416667 L17.3833333,2.4675 C17.4059072,2.45096538 17.4365928,2.45096538 17.4591667,2.4675 C17.4853533,2.47764827 17.5018977,2.5036466 17.5001477,2.53166667 L17.5001477,11.4683333 C17.5018977,11.4963534 17.4853533,11.5223517 17.4591667,11.5325 Z"
id="path-quota"></path>
</defs>
<g id="icone/video" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="video-camera-line" transform="translate(1.000000, 3.000000)">
<g transform="translate(0.166667, 0.500000)">
<mask id="mask-quota" fill="white">
<use xlink:href="#path-quota"></use>
</mask>
<use id="Mask" fill="#000000" fill-rule="nonzero" xlink:href="#path-quota"></use>
<g mask="url(#mask-quota)" fill="#868686" id="Rectangle">
<g transform="translate(-1.166667, -3.500000)">
<rect x="0" y="0" width="21" height="21"></rect>
</g>
</g>
</g>
</g>
</g>
</svg>
</template>
<script>
export default {}
</script>