added another bunch of translations

README.md

@@ -27,6 +27,7 @@ This is just the WebUI for deemix, it should be used with deemix-pyweb or someth
 - Block selection where it's not needed (keep only titles artists albums labels and useful data)
   - There's a SASS mixin for this. Need to use it in the proper classes
 - Better feedback for socket.io possible errors
+- Remove images size limit and add warning if > 1200
 - ?
 
 # License

src/components/TheAboutTab.vue

@@ -9,8 +9,7 @@
 		</p>
 		<p>
 			Thanks to rtonno, uhwot and lollilol for helping me with this project.<br>
-			Also thanks to BasCurtiz and <a href="http://linktr.ee/scarvimane" target="_blank">scarvimane</a> for
-			making the icon.
+			Also thanks to BasCurtiz and scarvimane for making the icon.
 		</p>
 		<p>
 			Stay up to date with the updates by following the <a href="https://t.me/RemixDevNews"

src/components/TheSettingsTab.vue

@@ -4,7 +4,7 @@
 
 		<div id="logged_in_info" ref="loggedInInfo">
 			<img id="settings_picture" src="" alt="Profile Picture" ref="userpicture" class="circle" />
-			<p>You are logged in as <strong id="settings_username" ref="username"></strong></p>
+			<p>{{ $t('settings.login.loggedIn') }} <strong id="settings_username" ref="username"></strong></p>
 			<button id="settings_btn_logout" @click="logout">Logout</button>
 			<select v-if="accounts.length" id="family_account" v-model="accountNum" @change="changeAccount">
 				<option v-for="(account, i) in accounts" :value="i.toString()">{{ account.BLOG_NAME }}</option>
@@ -13,7 +13,7 @@
 
 		<div class="settings-group">
 			<h3 class="settings-group__header settings-group__header--with-icon">
-				<i class="material-icons">person</i>Login
+				<i class="material-icons">person</i>{{ $t('settings.login.title') }}
 			</h3>
 			<div class="inline-flex">
 				<input autocomplete="off" type="password" id="login_input_arl" ref="loginInput" placeholder="ARL" />
@@ -46,17 +46,17 @@
 
 		<div class="settings-group">
 			<h3 class="settings-group__header settings-group__header--with-icon">
-				<i class="material-icons">web</i>Appearance
+				<i class="material-icons">web</i>{{ $t('settings.appearance.title') }}
 			</h3>
 			<label class="with_checkbox">
 				<input type="checkbox" v-model="changeSlimDownloads" />
-				<span class="checkbox_text">Slim download tab</span>
+				<span class="checkbox_text">{{ $t('settings.appearance.slimDownloadTab') }}</span>
 			</label>
 		</div>
 
 		<div class="settings-group">
 			<h3 class="settings-group__header settings-group__header--with-icon">
-				<i class="material-icons">folder</i>Download Path
+				<i class="material-icons">folder</i>{{ $t('settings.downloadPath.title') }}
 			</h3>
 			<input type="text" v-model="settings.downloadLocation" />
 		</div>
@@ -146,7 +146,7 @@
 				<div class="settings-container__third">
 					<div class="input_group">
 						<p class="input_group_text">Overwrite padding size</p>
-						<input type="number" v-model="settings.paddingSize" />
+						<input max="10" type="number" v-model="settings.paddingSize" />
 					</div>
 				</div>
 				<div class="settings-container__third">

src/lang/en.js

@@ -4,10 +4,19 @@ const en = {
 		title: 'Settings',
 		languages: 'Languages',
 		login: {
+			title: 'Login',
+			loggedIn: 'You are logged in as',
 			arl: {
 				question: 'How do I get my own ARL?',
 				update: 'Update ARL'
 			}
+		},
+		appearance: {
+			title: 'Appearance',
+			slimDownloadTab: 'Slim download tab'
+		},
+		downloadPath: {
+			title: 'Download Path'
 		}
 	}
 }

src/lang/it.js

@@ -4,10 +4,19 @@ const it = {
 		title: 'Impostazioni',
 		languages: 'Lingue',
 		login: {
+			title: 'Login',
+			loggedIn: 'Sei loggato come',
 			arl: {
 				question: 'Come ottengo il mio ARL?',
 				update: 'Aggiorna ARL'
 			}
+		},
+		appearance: {
+			title: 'Aspetto',
+			slimDownloadTab: 'Tab dei download slim'
+		},
+		downloadPath: {
+			title: 'Cartella di download'
 		}
 	}
 }