evan/deemixer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

translated the about tab

Browse Source
This commit is contained in:
Roberto Tonino 2020-07-27 19:30:51 +02:00
parent a0d23f5a39
commit b9a6b48f38
4 changed files with 123 additions and 81 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
public/js/bundle.js
View File

File diff suppressed because one or more lines are too long

108
src/components/TheAboutTab.vue
View File

@ -2,112 +2,78 @@
<div id="about_tab" class="main_tabcontent"> <div id="about_tab" class="main_tabcontent">
<h2 class="page_heading">{{ $t('sidebar.about') }}</h2> <h2 class="page_heading">{{ $t('sidebar.about') }}</h2>
<ul> <ul>
<li>This app uses the <strong>deemix</strong> library, which you can use to make your own UI for deemix.</li> <li v-html="$t('about.usesLibrary')"></li>
<!-- <li> <li v-html="$t('about.thanks')"></li>
Here's the <a href="https://codeberg.org/RemixDev/deemix" target="_blank">official repo</a> for the library. <li v-html="$t('about.upToDate')"></li>
</li> -->
<li>
Thanks to <strong>rtonno</strong>, <strong>uhwot</strong> and <strong>lollilol</strong> for helping me with this
project and to <strong>BasCurtiz</strong> and <strong>scarvimane</strong> for making the icon.
</li>
<li>
Stay up to date with the updates by following the
<a href="https://t.me/RemixDevNews" target="_blank">news channel</a> on Telegram.
</li>
</ul> </ul>
<h2>Useful Links</h2> <h2>{{ $t('about.titles.usefulLinks') }}</h2>
<ul class="no-dots"> <ul class="no-dots">
<li> <li>
<a href="https://deemix.app" target="_blank">🌍 Official Website</a> <a href="https://deemix.app" target="_blank">🌍 {{ $t('about.officialWebsite') }}</a>
</li> </li>
<li> <li>
<a href="https://codeberg.org/RemixDev/deemix" target="_blank">🚀 Official Library Repository</a> <a href="https://codeberg.org/RemixDev/deemix" target="_blank">🚀 {{ $t('about.officialRepo') }}</a>
</li> </li>
<li> <li>
<a href="https://codeberg.org/RemixDev/deemix-webui" target="_blank">💻 Official WebUI Repository</a> <a href="https://codeberg.org/RemixDev/deemix-webui" target="_blank">💻 {{ $t('about.officialWebuiRepo') }}</a>
</li> </li>
<li> <li>
<a href="https://www.reddit.com/r/deemix" target="_blank">🤖 Official Subreddit</a> <a href="https://www.reddit.com/r/deemix" target="_blank">🤖 {{ $t('about.officialSubreddit') }}</a>
</li> </li>
<li> <li>
<a href="https://t.me/RemixDevNews" target="_blank">📰 News Channel</a> <a href="https://t.me/RemixDevNews" target="_blank">📰 {{ $t('about.newsChannel') }}</a>
</li> </li>
</ul> </ul>
<h2> <h2>
Bug Reports {{ $t('about.titles.bugReports') }}
<span class="subheading"> <span class="subheading">
Is there something that isn't working in deemix? Tell us! {{ $t('about.subtitles.bugReports') }}
</span> </span>
</h2> </h2>
<ul> <ul>
<li v-html="$t('about.questions')"></li>
<li> <li>
If you have questions or problems with the app, search for a solution in the {{ $t('about.beforeReporting') }}
<a href="https://www.reddit.com/r/deemix" target="_blank">subreddit</a> first and then, if you don't find
anything you can make a post with your issue on the subreddit.
</li> </li>
<li v-html="$t('about.beSure')"></li>
<li> <li>
Before reporting a bug make sure you're running the latest version of the app and that the thing you want to {{ $t('about.duplicateReports') }}
report is actually a bug and not something that's wrong only on your end.
</li> </li>
<li> <li v-html="$t('about.dontOpenIssues')"></li>
Make sure the bug is reproducible on another machines and also <strong>DO NOT</strong> report a bug if it's been
already reported.
</li>
<li><strong>DO NOT</strong> open issues for asking questions, there is a subreddit for that.</li>
</ul> </ul>
<h2> <h2>
Contributing {{ $t('about.titles.contributing') }}
<span class="subheading"> <span class="subheading">
You want to contribute to this project? You can do it in different ways! {{ $t('about.subtitles.contributing') }}
</span> </span>
</h2> </h2>
<ul> <ul>
<li v-html="$t('about.newUI')"></li>
<li> <li>
If you're fluent in python you could try to make a new UI for the app using the base library, or fix bugs in the {{ $t('about.acceptFeatures') }}
library with a pull request on the <a href="https://codeberg.org/RemixDev/deemix" target="_blank">repo</a>. </li>
<li v-html="$t('about.contributeWebUI')"></li>
<li>
{{ $t('about.otherLanguages') }}
</li> </li>
<li> <li>
I accept features as well, but no complex things, as they can be implementend directly in the app and not the {{ $t('about.understandingCode') }}
library.
</li>
<li>
If you're fluent in another programming language you could try to port deemix into other programming languages!
</li>
<li>
You need help understanding the code? Just hit RemixDev up on Telegram or Reddit.
</li>
<li>
If you know Vue.js (JavaScript), HTML or CSS you could contribute to the
<a href="https://codeberg.org/RemixDev/deemix-webui" target="_blank">webui</a>.
</li>
<li>
If you find some bugs you can report them in the repo, just make sure your bug isn't something that only affects
you and it can be reproducible by other users as well.
</li>
<li>
Duplicate bug reports will be closed, so keep an eye out on that.
</li> </li>
</ul> </ul>
<h2> <h2>
Donations {{ $t('about.titles.donations') }}
<span class="subheading"> <span class="subheading">
You want to contribute monetarily? You could make a donation! {{ $t('about.subtitles.donations') }}
</span> </span>
</h2> </h2>
<ul> <ul>
<li v-html="$t('about.itsFree')"></li>
<li> <li>
If you can donate you can do it with this links. {{ $t('about.notObligated') }}
</li>
<li>
You shoud remember that <strong>this is a free project</strong> and
<strong>you should support the artists you love</strong> before supporting the developers.
</li>
<li>
Don't feel obligated to donate, I appreciate you anyway!
</li> </li>
</ul> </ul>
<ul> <ul>
@ -117,7 +83,7 @@
<a href="https://paypal.me/RemixDev" target="_blank">PayPal.me/RemixDev</a> <a href="https://paypal.me/RemixDev" target="_blank">PayPal.me/RemixDev</a>
</li> </li>
<li> <li>
<i v-html="bitcoin" /> <i class="bitcoin" v-html="bitcoin" />
<strong>Bitcoin:</strong> 1sdNymSJrMBWyHM4u2m9uco5nv6uV4Qs1 <strong>Bitcoin:</strong> 1sdNymSJrMBWyHM4u2m9uco5nv6uV4Qs1
</li> </li>
<li> <li>
@ -126,7 +92,7 @@
</li> </li>
</ul> </ul>
<h2>License</h2> <h2>{{ $t('about.titles.license') }}</h2>
<p> <p>
<a rel="license" href="https://www.gnu.org/licenses/gpl-3.0.en.html" target="_blank"> <a rel="license" href="https://www.gnu.org/licenses/gpl-3.0.en.html" target="_blank">
<img <img
@ -136,12 +102,7 @@
/> />
</a> </a>
</p> </p>
<p> <p v-html="$t('about.lincensedUnder')"></p>
This work is licensed under a
<a rel="license" href="https://www.gnu.org/licenses/gpl-3.0.en.html" target="_blank"
>GNU General Public License 3.0</a
>.
</p>
</div> </div>
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
@ -160,7 +121,10 @@ i {
i /deep/ svg { i /deep/ svg {
fill: white; fill: white;
width: 20px; width: 20px;
// height: 20px; }
.bitcoin /deep/ svg {
fill: #ff9900;
} }
:link { :link {

46
src/lang/en.js
View File

@ -30,6 +30,44 @@ const en = {
error: 'error' error: 'error'
} }
}, },
about: {
titles: {
usefulLinks: 'Useful Links',
bugReports: 'Bug Reports',
contributing: 'Contributing',
donations: 'Donations',
license: 'License'
},
subtitles: {
bugReports: "Is there something that isn't working in deemix? Tell us!",
contributing: 'You want to contribute to this project? You can do it in different ways!',
donations: 'You want to contribute monetarily? You could make a donation!'
},
usesLibrary: 'This app uses the <strong>deemix</strong> library, which you can use to make your own UI for deemix.',
thanks: `Thanks to <strong>rtonno</strong>, <strong>uhwot</strong> and <strong>lollilol</strong> for helping me with this project and to <strong>BasCurtiz</strong> and <strong>scarvimane</strong> for making the icon.`,
upToDate: `Stay up to date with the updates by following the <a href="https://t.me/RemixDevNews" target="_blank">news channel</a> on Telegram.`,
officialWebsite: 'Official Website',
officialRepo: 'Official Library Repository',
officialWebuiRepo: 'Official WebUI Repository',
officialSubreddit: 'Official Subreddit',
newsChannel: 'News Channel',
questions: `If you have questions or problems with the app, search for a solution in the <a href="https://www.reddit.com/r/deemix" target="_blank">subreddit</a> first. Then, if you don't find anything you can make a post with your issue on the subreddit.`,
beforeReporting: `Before reporting a bug make sure you're running the latest version of the app and that what you want to report is actually a bug and not something that's wrong only on your end.`,
beSure: `Make sure the bug is reproducible on another machines and also <strong>DO NOT</strong> report a bug if it's been already reported.`,
duplicateReports: 'Duplicate bug reports will be closed, so keep an eye out on that.',
dontOpenIssues: `<strong>DO NOT</strong> open issues for asking questions, there is a subreddit for that.`,
newUI: `If you're fluent in python you could try to make a new UI for the app using the base library, or fix bugs in the library with a pull request on the <a href="https://codeberg.org/RemixDev/deemix" target="_blank">repo</a>.`,
acceptFeatures: `I accept features as well, but no complex things, as they can be implementend directly in the app and not the library.`,
otherLanguages: `If you're fluent in another programming language you could try to port deemix into other programming languages!`,
understandingCode: `You need help understanding the code? Just hit RemixDev up on Telegram or Reddit.`,
contributeWebUI: `If you know Vue.js (JavaScript), HTML or CSS you could contribute to the <a href="https://codeberg.org/RemixDev/deemix-webui" target="_blank">WebUI</a>.`,
itsFree: `You shoud remember that <strong>this is a free project</strong> and <strong>you should support the artists you love</strong> before supporting the developers.`,
notObligated: `Don't feel obligated to donate, I appreciate you anyway!`,
lincensedUnder: `This work is licensed under a
<a rel="license" href="https://www.gnu.org/licenses/gpl-3.0.en.html" target="_blank"
>GNU General Public License 3.0</a
>.`
},
charts: { charts: {
title: 'Charts', title: 'Charts',
changeCountry: 'Change Country', changeCountry: 'Change Country',
@ -41,7 +79,7 @@ const en = {
invalidURL: 'URL not recognized', invalidURL: 'URL not recognized',
unsupportedURL: 'URL not supported yet', unsupportedURL: 'URL not supported yet',
ISRCnotOnDeezer: 'Track ISRC is not available on deezer', ISRCnotOnDeezer: 'Track ISRC is not available on deezer',
notYourPrivatePlaylist: 'You can\'t download others private playlists.', notYourPrivatePlaylist: "You can't download others private playlists.",
spotifyDisabled: 'Spotify Features is not setted up correctly.', spotifyDisabled: 'Spotify Features is not setted up correctly.',
trackNotOnDeezer: 'Track not found on deezer!', trackNotOnDeezer: 'Track not found on deezer!',
albumNotOnDeezer: 'Album not found on deezer!', albumNotOnDeezer: 'Album not found on deezer!',
@ -51,8 +89,8 @@ const en = {
wrongBitrate: 'Track not found at desired bitrate.', wrongBitrate: 'Track not found at desired bitrate.',
wrongBitrateNoAlternative: 'Track not found at desired bitrate and no alternative found!', wrongBitrateNoAlternative: 'Track not found at desired bitrate and no alternative found!',
no360RA: 'Track is not available in Reality Audio 360.', no360RA: 'Track is not available in Reality Audio 360.',
notAvailable: 'Track not available on deezer\'s servers!', notAvailable: "Track not available on deezer's servers!",
notAvailableNoAlternative: 'Track not available on deezer\'s servers and no alternative found!' notAvailableNoAlternative: "Track not available on deezer's servers and no alternative found!"
} }
}, },
favorites: { favorites: {
@ -113,7 +151,7 @@ const en = {
loggingIn: 'Logging in', loggingIn: 'Logging in',
loggedIn: 'Logged in', loggedIn: 'Logged in',
alreadyLogged: 'Already logged in', alreadyLogged: 'Already logged in',
loginFailed: 'Couldn\'t log in', loginFailed: "Couldn't log in",
loggedOut: 'Logged out', loggedOut: 'Logged out',
cancellingCurrentItem: 'Cancelling current item.', cancellingCurrentItem: 'Cancelling current item.',
currentItemCancelled: 'Current item cancelled.', currentItemCancelled: 'Current item cancelled.',

42
src/lang/it.js
View File

@ -30,6 +30,46 @@ const it = {
empty: '' empty: ''
} }
}, },
about: {
titles: {
usefulLinks: 'Link Utili',
bugReports: 'Segnalazione di bug',
contributing: 'Contribuire al progetto',
donations: 'Donazioni',
license: 'Licenza'
},
subtitles: {
bugReports: "C'è qualcosa di deemix che non funziona? Faccelo sapere!",
contributing: 'Vuoi contribuire a questo progetto? Puoi farlo in più modi!',
donations: 'Vuoi dare una mano economicamente? Puoi fare una donazione!'
},
usesLibrary:
'Questa app utilizza la libreria <strong>deemix</strong>, che puoi utilizzare per creare la tua Interfaccia Utente per deemix.',
thanks: `Un ringraziamento a <strong>rtonno</strong>, <strong>uhwot</strong> e <strong>lollilol</strong> per l'aiuto che mi stanno dando in questo progetto e a <strong>BasCurtiz</strong> e <strong>scarvimane</strong> per aver creato l'icona.`,
upToDate: `Stay up to date with the updates by following the <a href="https://t.me/RemixDevNews" target="_blank">news channel</a> on Telegram.`,
upToDate: `Rimani al passo con gli ultimi aggiornamenti seguendo il <a href="https://t.me/RemixDevNews" target="_blank">canale delle news</a> su Telegram.`,
officialWebsite: 'Sito Ufficiale',
officialRepo: 'Repository Ufficiale della Libreria',
officialWebuiRepo: `Repository Ufficiale dell'Interfaccia Web`,
officialSubreddit: 'Subreddit Ufficiale',
newsChannel: 'Canale delle news',
questions: `Se dovessi avere domande o problemi con l'app, cerca prima una soluzione nel <a href="https://www.reddit.com/r/deemix" target="_blank">subreddit ufficiale</a>. Se non trovi nulla, puoi postare li il tuo problema.`,
beforeReporting: `Prima di segnalare un problema controlla che quella che stai usando sia l'ultima versione dell'app e che ciò che vuoi segnalare sia effettivamente un problema e non qualcosa che non funziona solamente a te.`,
beSure: `Assicurati che il problema sia riproducibile su altri PC e <strong>NON</strong> segnalare un problema che è già stato segnalato.`,
duplicateReports: 'Le segnalazioni doppie verranno chiuse, tienilo presente.',
dontOpenIssues: `<strong>NON</strong> aprire issues per porre domande, per quello esiste un subreddit.`,
newUI: `Se te la cavi in python puoi provare a creare una nuova Interfaccia Utente per l'app usando la libreria base, oppure puoi correggere dei problemi nella libreria con una pull request nella <a href="https://codeberg.org/RemixDev/deemix" target="_blank">repo</a>.`,
acceptFeatures: `Accetto anche funzionalità, ma non cose complesse, dato che possono essere implementate direttamente nell'app invece che nella libreria.`,
otherLanguages: `Se te la cavi in altri linguaggi di programmazione, puoi provare a scrivere deemix in quei linguaggi!`,
understandingCode: `Serve aiuto per capire il codice? Scrivi a RemixDev su Telegram o Reddit`,
contributeWebUI: `Se te la cavi con Vue.js (JavaScript), HTML o CSS, puoi contribuire alla <a href="https://codeberg.org/RemixDev/deemix-webui" target="_blank">WebUI</a>.`,
itsFree: `Ricordati che <strong>questo è un progetto gratuito</strong> e che <strong>dovresti supportare gli artisti che ami</strong> prima di supportare gli sviluppatori.`,
notObligated: `Non sentirti obbligato a donare, mi stai simpatico lo stesso!`,
lincensedUnder: `Questo lavoro è sotto la licenza
<a rel="license" href="https://www.gnu.org/licenses/gpl-3.0.en.html" target="_blank"
>GNU General Public License 3.0</a
>.`
},
charts: { charts: {
title: 'Classifiche', title: 'Classifiche',
changeCountry: 'Cambia Paese', changeCountry: 'Cambia Paese',
@ -236,7 +276,7 @@ const it = {
title: 'Altro', title: 'Altro',
savePlaylistAsCompilation: 'Salva le playlist come Compilation', savePlaylistAsCompilation: 'Salva le playlist come Compilation',
useNullSeparator: 'Usa il carattere NULL come separatore', useNullSeparator: 'Usa il carattere NULL come separatore',
saveID3v1: 'Salva anche l\'ID3v1', saveID3v1: "Salva anche l'ID3v1",
multiArtistSeparator: { multiArtistSeparator: {
title: 'Come vuoi separare gli artisti?', title: 'Come vuoi separare gli artisti?',
nothing: "Salva solo l'artista principale", nothing: "Salva solo l'artista principale",