Support localized menu strings + improved some css for menus

web/src/_templates/app/js.php

@@ -28,7 +28,8 @@ app.menus = {
 		position: 'left',
 		maxwidth: 35,
 		items: [
-			{ text: 'Test', onclick: "alert('test')", fa: 'times' },
+			{ text: 's:nav.profile', fa: 'user',
+				onclick: "alert('user')" },
 			{ separator: true },
 		],
 	},

web/src/app/css/app.css

@@ -48,9 +48,21 @@ fieldset label > * {
 #menu-container.left .component.button {
 	text-align: right !important;
 }
+#menu-container.left .component.button .fa {
+	margin-left: .5em;
+}
 #menu-container.right .component.button {
 	text-align: left !important;
 }
+#menu-container.right .component.button {
+	margin-right: .5em;
+}
+#menu-container .component.button > * {
+	vertical-align: middle;
+}
+#menu-container .component.button .fa {
+	font-size: 1.5em;
+}
 #menu-container #menu .button {
 	padding: 1em;
 }

web/src/app/js/app.js

@@ -40,6 +40,9 @@ app.menu = {
 				var content = '';
 				for (var i = 0; i < items.length; i++) {
 					var item = items[i];
+					if (typeof item.text === 'string')
+						if (item.text.startsWith('s:'))
+							item.text = s(item.text.substr(2));
 					item.displayIconRight = 'none';
 					item.displayIconLeft  = 'none';
 					if (item.fa !== undefined)

web/src/config/lang/en.php

@@ -7,6 +7,9 @@ $strings = [
 		'nav_close' => 'Close this window',
 		'action_quiz' => 'Fill the quiz requested by your crush',
 	],
+	'nav' => [
+		'profile' => 'Profile',
+	],
 	'form' => [
 		'login' => 'Log in',
 		'email' => 'E-mail',

web/src/config/lang/es.php

@@ -7,6 +7,9 @@ $strings = [
 		'nav_close' => 'Cerrar esta ventana',
 		'action_quiz' => 'Rellena el quiz que te ha pedido tu crush',
 	],
+	'nav' => [
+		'profile' => 'Perfil',
+	],
 	'form' => [
 		'login' => 'Iniciar sesión',
 		'email' => 'E-mail',