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

Fix missing translations

Browse source
This commit is contained in:
Chocobozzz 2019-10-24 12:53:33 +02:00
parent 6dbe2c1e87
commit 507ce501af
No known key found for this signature in database
GPG key ID: 583A612D890159BE
16 changed files with 739 additions and 696 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/AccordionElement.vue
View file

@ -19,10 +19,6 @@
</b-card> </b-card>
</template> </template>
<style scoped>
</style>
<script> <script>
import { BCollapse, BCard, BCardHeader, BCardBody, BCardText, VBToggle } from 'bootstrap-vue' import { BCollapse, BCard, BCardHeader, BCardBody, BCardText, VBToggle } from 'bootstrap-vue'

8
src/components/ContentSelection.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<div class="root"> <div id="content-selection">
<div class="left"> <div class="left">
<img :src="thumbnailUrl" alt="thumbnail"/> <img :src="thumbnailUrl" alt="thumbnail"/>
@ -51,10 +51,10 @@
</template> </template>
<style lang="scss" scoped> <style lang="scss">
@import '../scss/_variables'; @import '../scss/_variables';
.root { #content-selection {
display: flex; display: flex;
@media screen and (max-width: $small-screen) { @media screen and (max-width: $small-screen) {
@ -67,7 +67,6 @@
margin-bottom: 20px !important; margin-bottom: 20px !important;
} }
} }
}
.left { .left {
margin-right: 20px; margin-right: 20px;
@ -132,6 +131,7 @@
} }
} }
} }
}
</style> </style>
<script> <script>

6
src/components/ContentSelections.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<div class="root"> <div id="content-selections">
<div class="content-selection" v-for="contentSelection in getContentSelections()"> <div class="content-selection" v-for="contentSelection in getContentSelections()">
<content-selection :type="contentSelection.type" :title="contentSelection.title" <content-selection :type="contentSelection.type" :title="contentSelection.title"
:thumbnail-url="contentSelection.thumbnailUrl" :url="contentSelection.url" :tags="contentSelection.tags" :thumbnail-url="contentSelection.thumbnailUrl" :url="contentSelection.url" :tags="contentSelection.tags"
@ -10,9 +10,10 @@
</div> </div>
</template> </template>
<style lang="scss" scoped> <style lang="scss">
@import '../scss/_variables'; @import '../scss/_variables';
#content-selections {
.content-selection { .content-selection {
margin-bottom: 80px; margin-bottom: 80px;
} }
@ -21,6 +22,7 @@
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
} }
}
</style> </style>
<script> <script>

8
src/components/Footer.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<footer> <footer id="main-footer">
<div> <div>
<a target="_blank" rel="noopener noreferrer" href="https://framasoft.org/en/legals/" v-translate>Legal notices</a> <a target="_blank" rel="noopener noreferrer" href="https://framasoft.org/en/legals/" v-translate>Legal notices</a>
@ -18,11 +18,11 @@
</footer> </footer>
</template> </template>
<style lang="scss" scoped> <style lang="scss">
@import '../scss/_variables.scss'; @import '../scss/_variables.scss';
@import '../scss/_mixins.scss'; @import '../scss/_mixins.scss';
footer { #main-footer {
margin-top: 30px; margin-top: 30px;
background-color: #fff; background-color: #fff;
padding: 30px 200px; padding: 30px 200px;
@ -37,10 +37,8 @@
margin-bottom: 10px; margin-bottom: 10px;
} }
} }
}
@media screen and (max-width: $responsive-screen) { @media screen and (max-width: $responsive-screen) {
footer {
padding: 30px; padding: 30px;
} }
} }

9
src/components/Header.vue
View file

@ -6,7 +6,7 @@
<img alt="PeerTube" :src="buildImgUrl('brand-small.png')"> <img alt="PeerTube" :src="buildImgUrl('brand-small.png')">
<div class="support"> <div class="support">
developed by <translate>developed by</translate>
<img alt="Framasoft text logo" :src="buildImgUrl('framasoft-logo-text-small.png')"> <img alt="Framasoft text logo" :src="buildImgUrl('framasoft-logo-text-small.png')">
</div> </div>
@ -47,10 +47,12 @@
</header> </header>
</template> </template>
<style lang="scss" scoped> <style lang="scss">
@import '../scss/_variables.scss'; @import '../scss/_variables.scss';
@import '../scss/_mixins.scss'; @import '../scss/_mixins.scss';
#main-header {
header { header {
margin-bottom: 30px; margin-bottom: 30px;
} }
@ -76,7 +78,7 @@
.support img { .support img {
vertical-align: initial; vertical-align: initial;
margin-left: 1px; margin-left: 3px;
} }
} }
@ -107,6 +109,7 @@
.router-link-active:not(.navbar-brand) { .router-link-active:not(.navbar-brand) {
border-bottom: 3px solid $orange; border-bottom: 3px solid $orange;
} }
}
</style> </style>
<script> <script>

14
src/components/I18n.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<div class="i18n"> <div id="i18n">
<b-dropdown> <b-dropdown>
<template slot="button-content"> <template slot="button-content">
<img :src="buildImgUrl('language.png')" alt="Change languages logo"/> <img :src="buildImgUrl('language.png')" alt="Change languages logo"/>
@ -27,7 +27,12 @@
</template> </template>
<style lang="scss"> <style lang="scss">
.i18n .dropdown { #i18n {
.text {
font-size: 11px;
}
.dropdown {
button { button {
height: 60px; height: 60px;
color: #000; color: #000;
@ -45,11 +50,6 @@
vertical-align: top; vertical-align: top;
} }
} }
</style>
<style scoped>
.text {
font-size: 11px;
} }
</style> </style>

24
src/components/InstanceCard.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<div class="root"> <div id="instance-card">
<div class="left"> <div class="left">
<div class="name-host"> <div class="name-host">
@ -92,10 +92,10 @@
</div> </div>
</template> </template>
<style scoped lang="scss"> <style lang="scss">
@import '../scss/_variables.scss'; @import '../scss/_variables.scss';
.root { #instance-card {
min-height: 185px; min-height: 185px;
width: 770px; width: 770px;
margin: auto; margin: auto;
@ -103,7 +103,6 @@
border: solid 1px #d9d9d9; border: solid 1px #d9d9d9;
padding: 20px 25px 15px 25px; padding: 20px 25px 15px 25px;
display: flex; display: flex;
}
.left, .left,
.right { .right {
@ -123,8 +122,8 @@
} }
.left { .left {
margin-right: 40px; margin-right: 20px;
width: 480px; width: 500px;
.name-host { .name-host {
display: flex; display: flex;
@ -153,8 +152,18 @@
.quota { .quota {
display: flex; display: flex;
margin-right: 80px; margin-right: 80px;
.icon {
position: relative;
top: -2px;
} }
} }
}
.auto-blacklist {
display: flex;
margin-top: auto;
}
.tags { .tags {
display: flex; display: flex;
@ -205,6 +214,7 @@
} }
} }
} }
}
</style> </style>
<script> <script>
@ -248,7 +258,7 @@
methods: { methods: {
bytes (value) { bytes (value) {
if (value === -1) return this.$gettext('Unlimited space for users') if (value === -1) return this.$gettext('Unlimited space')
// https://github.com/danrevah/ngx-pipes/blob/master/src/pipes/math/bytes.ts // https://github.com/danrevah/ngx-pipes/blob/master/src/pipes/math/bytes.ts
const dictionaryBytes = [ const dictionaryBytes = [

12
src/components/InstancesList.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<div id="instances-list" class="root"> <div id="instances-list">
<div class="filters"> <div class="filters">
<div v-translate class="title">Filter according to your preferences</div> <div v-translate class="title">Filter according to your preferences</div>
@ -102,7 +102,7 @@
</form> </form>
</div> </div>
<div class="instances-list"> <div class="list">
<div v-translate class="title">Instances list</div> <div v-translate class="title">Instances list</div>
<div class="list" v-bind:class="{ unloaded: instances.length === 0 && noResults === false }"> <div class="list" v-bind:class="{ unloaded: instances.length === 0 && noResults === false }">
@ -126,9 +126,10 @@
</div> </div>
</template> </template>
<style scoped lang="scss"> <style lang="scss">
@import '../scss/_variables.scss'; @import '../scss/_variables.scss';
#instances-list {
.title { .title {
font-size: 24px; font-size: 24px;
} }
@ -187,7 +188,7 @@
} }
} }
.instances-list { .list {
margin-bottom: 50px; margin-bottom: 50px;
} }
@ -210,6 +211,7 @@
} }
} }
} }
}
</style> </style>
<style lang="scss"> <style lang="scss">
@ -246,7 +248,7 @@
} }
} }
.instances-list { .list {
.title { .title {
margin-bottom: 50px; margin-bottom: 50px;
} }

2
src/main.js
View file

@ -36,7 +36,7 @@ Vue.use(GetTextPlugin, {
translations, translations,
availableLanguages, availableLanguages,
defaultLanguage: 'en_US', defaultLanguage: 'en_US',
silent: true silent: false
}) })
const localePath = window.location.pathname const localePath = window.location.pathname

7
src/views/All-Content-Selections.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<main> <main id="all-content-selections">
<div class="blocks"> <div class="blocks">
<div class="title-block"> <div class="title-block">
@ -13,13 +13,14 @@
</main> </main>
</template> </template>
<style scoped lang="scss"> <style lang="scss">
@import '../scss/_variables.scss'; @import '../scss/_variables.scss';
#all-content-selections {
.blocks { .blocks {
margin: 60px auto; margin: 60px auto;
} }
}
</style> </style>
<script> <script>

10
src/views/FAQ.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<main> <main id="faq">
<div class="blocks"> <div class="blocks">
<div class="title-block"> <div class="title-block">
@ -495,13 +495,12 @@
</template> </template>
<style lang="scss"> <style lang="scss">
@import '../scss/_variables.scss';
#faq {
header a { header a {
color: #000; color: #000;
} }
</style>
<style scoped lang="scss">
@import '../scss/_variables.scss';
.block .title { .block .title {
font-size: 22px; font-size: 22px;
@ -523,6 +522,7 @@
font-size: 17.5px; font-size: 17.5px;
border-left: 5px solid #eee; border-left: 5px solid #eee;
} }
}
</style> </style>
<script> <script>

6
src/views/Hall-Of-Fame.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<main> <main id="hall-of-fame">
<div class="blocks"> <div class="blocks">
<div class="title-block"> <div class="title-block">
@ -555,10 +555,11 @@
</main> </main>
</template> </template>
<style scoped lang="scss"> <style lang="scss">
@import '../scss/_variables.scss'; @import '../scss/_variables.scss';
@import '../scss/_mixins.scss'; @import '../scss/_mixins.scss';
#hall-of-fame {
.blocks { .blocks {
margin: 60px auto; margin: 60px auto;
} }
@ -610,6 +611,7 @@
} }
} }
} }
}
</style> </style>
<script> <script>

17
src/views/Help.vue
View file

@ -1,11 +1,11 @@
<template> <template>
<main> <main id="help">
<div class="blocks"> <div class="blocks">
<div class="title-block"> <div class="title-block">
<div class="title" v-translate>Help</div> <div class="title" v-translate>Help</div>
<p>Questions on PeerTube? Need help? You've come to the right place!</p> <p v-translate>Questions on PeerTube? Need help? You've come to the right place!</p>
<div class="separator"></div> <div class="separator"></div>
</div> </div>
@ -26,7 +26,7 @@
</router-link> </router-link>
</div> </div>
<p>Need a detailed guide?</p> <p v-translate>Need a detailed guide?</p>
<div class="bottom-link-wrapper"> <div class="bottom-link-wrapper">
<a class="bottom-link" href="https://docs.joinpeertube.org" target="_blank" rel="noopener noreferrer"> <a class="bottom-link" href="https://docs.joinpeertube.org" target="_blank" rel="noopener noreferrer">
<span class="text" v-translate>Read the documentation</span> <span class="text" v-translate>Read the documentation</span>
@ -38,7 +38,7 @@
<div class="block-with-image community"> <div class="block-with-image community">
<div class="text-block"> <div class="text-block">
<div class="title">Ask questions to the community</div> <div class="title" v-translate>Ask questions to the community</div>
<div class="bottom-link-wrapper"> <div class="bottom-link-wrapper">
<a href="https://framacolibri.org/c/peertube" class="bottom-link" target="_blank" rel="noopener noreferrer"> <a href="https://framacolibri.org/c/peertube" class="bottom-link" target="_blank" rel="noopener noreferrer">
@ -59,7 +59,7 @@
</div> </div>
<div class="text-block"> <div class="text-block">
<div class="title">For PeerTube admins</div> <div class="title" v-translate>For PeerTube admins</div>
<div class="bottom-link-wrapper"> <div class="bottom-link-wrapper">
<a class="bottom-link" href="https://docs.joinpeertube.org/#/install-any-os" target="_blank" rel="noopener noreferrer"> <a class="bottom-link" href="https://docs.joinpeertube.org/#/install-any-os" target="_blank" rel="noopener noreferrer">
@ -86,7 +86,7 @@
<div class="block-with-image contribute"> <div class="block-with-image contribute">
<div class="text-block"> <div class="text-block">
<div class="title">Contribute to PeerTube</div> <div class="title" v-translate>Contribute to PeerTube</div>
<div class="bottom-link-wrapper"> <div class="bottom-link-wrapper">
<a class="bottom-link" href="https://docs.joinpeertube.org/#/contribute-getting-started" target="_blank" rel="noopener noreferrer"> <a class="bottom-link" href="https://docs.joinpeertube.org/#/contribute-getting-started" target="_blank" rel="noopener noreferrer">
@ -105,9 +105,10 @@
</main> </main>
</template> </template>
<style scoped lang="scss"> <style lang="scss">
@import '../scss/_variables.scss'; @import '../scss/_variables.scss';
#help {
.blocks { .blocks {
margin: 60px auto; margin: 60px auto;
width: 500px; width: 500px;
@ -172,7 +173,7 @@
} }
} }
} }
}
</style> </style>
<script> <script>

38
src/views/Home.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<main> <main id="home">
<section class="presentation"> <section class="presentation">
<div class="first-row"> <div class="first-row">
@ -46,10 +46,11 @@
<section id="what-is-peertube"> <section id="what-is-peertube">
<div class="section-title"> <div class="section-title">
<div v-translate> <div>
What is <!-- FIXME: add v-translate to the div, but it does not work with vue-gettext because of the bind src attribute -->
<translate>What is</translate>
<img class="brand-title" :src="buildImgUrl('brand.png')" alt="PeerTube"/> <img class="brand-title" :src="buildImgUrl('brand.png')" alt="PeerTube"/>
? <translate>?</translate>
</div> </div>
<div class="border-title"></div> <div class="border-title"></div>
</div> </div>
@ -114,7 +115,7 @@
<div class="citation"> <div class="citation">
<div class="left-bar"></div> <div class="left-bar"></div>
<div class="text v-translate">This is just how a <strong>federation</strong> works!</div> <div class="text" v-translate>This is just how a <strong>federation</strong> works!</div>
</div> </div>
<p v-translate> <p v-translate>
@ -138,8 +139,8 @@
</div> </div>
<div class="free-software"> <div class="free-software">
<div class="subtitle" v-translate> <div class="subtitle">
An open-source, free/libre licence code <translate>An open-source, free/libre licence code</translate>
<div class="border-title"></div> <div class="border-title"></div>
</div> </div>
@ -186,8 +187,8 @@
</div> </div>
<div id="you-are-a-video-maker"> <div id="you-are-a-video-maker">
<div class="subtitle" v-translate> <div class="subtitle">
Are you a video maker? <translate>Are you a video maker?</translate>
<div class="border-title"></div> <div class="border-title"></div>
</div> </div>
@ -231,8 +232,8 @@
</div> </div>
<div class="p2p"> <div class="p2p">
<div class="subtitle" v-translate> <div class="subtitle">
About peer-to-peer broadcasting and watching <translate>About peer-to-peer broadcasting and watching</translate>
<div class="border-title"></div> <div class="border-title"></div>
</div> </div>
@ -266,8 +267,8 @@
</div> </div>
<div id="your-move"> <div id="your-move">
<div class="subtitle" v-translate> <div class="subtitle">
Your move! <translate>Your move!</translate>
<div class="border-title"></div> <div class="border-title"></div>
</div> </div>
@ -295,10 +296,11 @@
<section id="behind-peertube"> <section id="behind-peertube">
<div class="section-title"> <div class="section-title">
<div v-translate> <div>
Who is behind <!-- FIXME: add v-translate to the div, but it does not work with vue-gettext because of the bind src attribute -->
<translate>Who is behind</translate>
<img class="brand-title" :src="buildImgUrl('brand.png')" alt="PeerTube"/> <img class="brand-title" :src="buildImgUrl('brand.png')" alt="PeerTube"/>
? <translate>?</translate>
</div> </div>
<div class="border-title"></div> <div class="border-title"></div>
@ -342,10 +344,11 @@
</main> </main>
</template> </template>
<style scoped lang="scss"> <style lang="scss">
@import '../scss/_variables.scss'; @import '../scss/_variables.scss';
@import '../scss/_mixins.scss'; @import '../scss/_mixins.scss';
#home {
.buttons-row { .buttons-row {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -475,6 +478,7 @@
font-size: 20px; font-size: 20px;
} }
} }
}
</style> </style>
<script> <script>

6
src/views/Instances.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<main> <main id="instances">
<div class="blocks"> <div class="blocks">
<div class="title-block"> <div class="title-block">
@ -49,9 +49,10 @@
</main> </main>
</template> </template>
<style scoped lang="scss"> <style lang="scss">
@import '../scss/_variables.scss'; @import '../scss/_variables.scss';
#instances {
.blocks { .blocks {
margin: 60px auto; margin: 60px auto;
width: 770px; width: 770px;
@ -104,6 +105,7 @@
} }
} }
} }
}
</style> </style>
<script> <script>

70
src/views/News.vue
View file

@ -1,10 +1,10 @@
<template> <template>
<main> <main id="news">
<div class="blocks"> <div class="blocks">
<div class="title-block"> <div class="title-block">
<div class="title" v-translate>PeerTube news!</div> <div class="title" v-translate>PeerTube news!</div>
<p>Discover the latest PeerTube improvements</p> <p v-translate>Discover the latest PeerTube improvements</p>
<div class="separator"></div> <div class="separator"></div>
</div> </div>
@ -111,7 +111,11 @@
</a>. </a>.
</p> </p>
<p v-translate>Thanks to all PeerTube contributors!<br />Framasoft</p> <p>
<translate>Thanks to all PeerTube contributors!</translate>
<br />
Framasoft
</p>
</div> </div>
</article> </article>
@ -171,9 +175,11 @@
<a target="_blank" rel="noopener noreferrer" href="https://github.com/Chocobozzz/PeerTube/releases/tag/v1.3.0">https://github.com/Chocobozzz/PeerTube/releases/tag/v1.3.0</a>. <a target="_blank" rel="noopener noreferrer" href="https://github.com/Chocobozzz/PeerTube/releases/tag/v1.3.0">https://github.com/Chocobozzz/PeerTube/releases/tag/v1.3.0</a>.
</p> </p>
<p v-translate>Thanks to all PeerTube contributors!</p> <p>
<translate>Thanks to all PeerTube contributors!</translate>
<p v-translate>Framasoft.</p> <br />
Framasoft
</p>
</div> </div>
</article> </article>
@ -191,9 +197,10 @@
<p v-translate>Here is a small retrospective of the end of 2018/beginning of 2019:</p> <p v-translate>Here is a small retrospective of the end of 2018/beginning of 2019:</p>
<p v-translate> <p>
In December 2018, we released version 1.1 which contained some moderation tools requested by instance administrators.<br /> We <translate>In December 2018, we released version 1.1 which contained some moderation tools requested by instance administrators.</translate>
also took the opportunity to add a watched videos history feature and the automatic resuming of video playback. <br />
<translate>We also took the opportunity to add a watched videos history feature and the automatic resuming of video playback.</translate>
</p> </p>
<p v-translate> <p v-translate>
@ -214,9 +221,12 @@
</p> </p>
<p v-translate> <p v-translate>
As you can see, we have gone far beyond what the crowdfunding has funded. And we will continue!<br /> <translate>As you can see, we have gone far beyond what the crowdfunding has funded. And we will continue!</translate>
<br />
<translate>
For 2019, we plan to add a plugin and theme management system (even though basic at first), playlist management, For 2019, we plan to add a plugin and theme management system (even though basic at first), playlist management,
support for audio files upload and many other features. support for audio files upload and many other features.
</translate>
</p> </p>
<p v-translate> <p v-translate>
@ -229,8 +239,9 @@
<a target="_blank" rel="noopener noreferrer" href="https://framacolibri.org/c/peertube">https://framacolibri.org/c/peertube</a> <a target="_blank" rel="noopener noreferrer" href="https://framacolibri.org/c/peertube">https://framacolibri.org/c/peertube</a>
</p> </p>
<p v-translate> <p>
Thank you and with our best regards,<br /> <translate>Thanks to all PeerTube contributors!</translate>
<br />
Framasoft Framasoft
</p> </p>
</div> </div>
@ -303,8 +314,9 @@
can also contact us directly on <a target="_blank" rel="noopener noreferrer" href="https://contact.framasoft.org"> https://contact.framasoft.org</a>. can also contact us directly on <a target="_blank" rel="noopener noreferrer" href="https://contact.framasoft.org"> https://contact.framasoft.org</a>.
</p> </p>
<p v-translate> <p>
Cheers,<br /> <translate>Cheers,</translate>
<br />
Framasoft Framasoft
</p> </p>
</div> </div>
@ -359,8 +371,9 @@
contact us directly on <a target="_blank" rel="noopener noreferrer" href="https://contact.framasoft.org">https://contact.framasoft.org.</a> contact us directly on <a target="_blank" rel="noopener noreferrer" href="https://contact.framasoft.org">https://contact.framasoft.org.</a>
</p> </p>
<p v-translate> <p>
Cheers,<br /> <translate>Cheers,</translate>
<br />
Framasoft Framasoft
</p> </p>
</div> </div>
@ -402,8 +415,9 @@
contact us directly on <a target="_blank" rel="noopener noreferrer" href="https://contact.framasoft.org">https://contact.framasoft.org.</a> contact us directly on <a target="_blank" rel="noopener noreferrer" href="https://contact.framasoft.org">https://contact.framasoft.org.</a>
</p> </p>
<p v-translate> <p>
Cheers,<br /> <translate>Cheers,</translate>
<br />
Framasoft Framasoft
</p> </p>
</div> </div>
@ -441,11 +455,13 @@
</p> </p>
<p v-translate> <p v-translate>
Moreover, you can ask questions on the PeerTube forum. You can also contact us directly on https://contact.framasoft.org. Moreover, you can ask questions on <a target="_blank" rel="noopener noreferrer" href="https://framacolibri.org/c/qualite/peertube">the PeerTube forum</a>. You can also
contact us directly on <a target="_blank" rel="noopener noreferrer" href="https://contact.framasoft.org">https://contact.framasoft.org.</a>
</p> </p>
<p v-translate> <p>
Cheers,<br /> <translate>Cheers,</translate>
<br />
Framasoft Framasoft
</p> </p>
</div> </div>
@ -461,9 +477,10 @@
</main> </main>
</template> </template>
<style scoped lang="scss"> <style lang="scss">
@import '../scss/_variables.scss'; @import '../scss/_variables.scss';
#news {
p { p {
margin-bottom: 10px; margin-bottom: 10px;
} }
@ -570,8 +587,13 @@
} }
@keyframes zoom { @keyframes zoom {
from { transform:scale(0) } from {
to { transform:scale(1) } transform: scale(0)
}
to {
transform: scale(1)
}
}
} }
</style> </style>