PLT-7: Refactoring frontend (chunk 1)

- System console sidebar
- Sytem console email settings
- Error Bar
- Loading Screen
- Select Team Modal
- Add npm mm-intl package

2 files changed, 170 insertions, 6 deletions

diff --git a/web/static/i18n/en.json b/web/static/i18n/en.json
index cb955ee6b..56744ddac 100644
--- a/web/static/i18n/en.json
+++ b/web/static/i18n/en.json
@@ -1,5 +1,87 @@
 {
-  "login.find_teams": "Find your other teams",
-  "login.forgot_password": "I forgot my password",
-  "error_bar.preview_mode": "Preview Mode: Email notifications have not been configured"
+  "admin.nav.switch": "Switch to {display_name}",
+  "admin.nav.logout": "Logout",
+  "admin.nav.help": "Help",
+  "admin.nav.report": "Report a Problem",
+  "admin.sidebarHeader.systemConsole": "System Console",
+  "admin.sidebar.loading": "Loading",
+  "admin.sidebar.rmTeamSidebar": "Remove team from sidebar menu",
+  "admin.sidebar.addTeamSidebar": "Add team from sidebar menu",
+  "admin.sidebar.users": "- Users",
+  "admin.sidebar.statistics": "- Statistics",
+  "admin.sidebar.ldap": "LDAP Settings",
+  "admin.sidebar.license": "Edition and License",
+  "admin.sidebar.reports": "SITE REPORTS",
+  "admin.sidebar.view_statistics": "View Statistics",
+  "admin.sidebar.settings": "SETTINGS",
+  "admin.sidebar.service": "Service Settings",
+  "admin.sidebar.team": "Team Settings",
+  "admin.sidebar.sql": "SQL Settings",
+  "admin.sidebar.email": "Email Settings",
+  "admin.sidebar.file": "File Settings",
+  "admin.sidebar.log": "Log Settings",
+  "admin.sidebar.rate_limit": "Rate Limit Settings",
+  "admin.sidebar.privacy": "Privacy Settings",
+  "admin.sidebar.gitlab": "GitLab Settings",
+  "admin.sidebar.support": "Legal and Support Settings",
+  "admin.sidebar.teams": "TEAMS ({count})",
+  "admin.sidebar.other": "OTHER",
+  "admin.sidebar.logs": "Logs",
+  "admin.email.notificationDisplayExample": "Ex: \"Mattermost Notification\", \"System\", \"No-Reply\"",
+  "admin.email.notificationEmailExample": "Ex: \"mattermost@yourcompany.com\", \"admin@yourcompany.com\"",
+  "admin.email.smtpUsernameExample": "Ex: \"admin@yourcompany.com\", \"AKIADTOVBGERKLCBV\"",
+  "admin.email.smtpPasswordExample": "Ex: \"yourpassword\", \"jcuS8PuvcpGhpgHhlcpT1Mx42pnqMxQY\"",
+  "admin.email.smtpServerExample": "Ex: \"smtp.yourcompany.com\", \"email-smtp.us-east-1.amazonaws.com\"",
+  "admin.email.smtpPortExample": "Ex: \"25\", \"465\"",
+  "admin.email.connectionSecurityNone": "None",
+  "admin.email.connectionSecurityTls": "TLS (Recommended)",
+  "admin.email.connectionSecurityStart": "STARTTLS",
+  "admin.email.inviteSaltExample": "Ex \"bjlSR4QqkXFBr7TP4oDzlfZmcNuH9Yo\"",
+  "admin.email.passwordSaltExample": "Ex \"bjlSR4QqkXFBr7TP4oDzlfZmcNuH9Yo\"",
+  "admin.email.pushServerEx": "E.g.: \"https://push-test.mattermost.com\"",
+  "admin.email.testing": "Testing...",
+  "admin.email.saving": "Saving Config...",
+  "admin.email.emailSuccess": "No errors were reported while sending an email.  Please check your inbox to make sure.",
+  "admin.email.emailFail": "Connection unsuccessful: {error}",
+  "admin.email.emailSettings": "Email Settings",
+  "admin.email.allowSignupTitle": "Allow Sign Up With Email: ",
+  "admin.email.true": "true",
+  "admin.email.false": "false",
+  "admin.email.allowSignupDescription": "When true, Mattermost allows team creation and account signup using email and password.  This value should be false only when you want to limit signup to a single-sign-on service like OAuth or LDAP.",
+  "admin.email.notificationsTitle": "Send Email Notifications: ",
+  "admin.email.notificationsDescription": "Typically set to true in production. When true, Mattermost attempts to send email notifications. Developers may set this field to false to skip email setup for faster development.<br />Setting this to true removes the Preview Mode banner (requires logging out and logging back in after setting is changed).",
+  "admin.email.requireVerificationTitle": "Require Email Verification: ",
+  "admin.email.requireVerificationDescription": "Typically set to true in production. When true, Mattermost requires email verification after account creation prior to allowing login. Developers may set this field to false so skip sending verification emails for faster development.",
+  "admin.email.notificationDisplayTitle": "Notification Display Name:",
+  "admin.email.notificationDisplayDescription": "Display name on email account used when sending notification emails from Mattermost.",
+  "admin.email.notificationEmailTitle": "Notification Email Address:",
+  "admin.email.notificationEmailDescription": "Email address displayed on email account used when sending notification emails from Mattermost.",
+  "admin.email.smtpUsernameTitle": "SMTP Username:",
+  "admin.email.smtpUsernameDescription": " Obtain this credential from administrator setting up your email server.",
+  "admin.email.smtpPasswordTitle": "SMTP Password:",
+  "admin.email.smtpPasswordDescription": " Obtain this credential from administrator setting up your email server.",
+  "admin.email.smtpServerTitle": "SMTP Server:",
+  "admin.email.smtpServerDescription": "Location of SMTP email server.",
+  "admin.email.smtpPortTitle": "SMTP Port:",
+  "admin.email.smtpPortDescription": "Port of SMTP email server.",
+  "admin.email.connectionSecurityTitle": "Connection Security:",
+  "admin.email.connectionSecurityNoneDescription": "Mattermost will send email over an unsecure connection.",
+  "admin.email.connectionSecurityTlsDescription": "Encrypts the communication between Mattermost and your email server.",
+  "admin.email.connectionSecurityStartDescription": "Takes an existing insecure connection and attempts to upgrade it to a secure connection using TLS.",
+  "admin.email.connectionSecurityTest": "Test Connection",
+  "admin.email.inviteSaltTitle": "Invite Salt:",
+  "admin.email.inviteSaltDescription": "32-character salt added to signing of email invites. Randomly generated on install. Click \"Re-Generate\" to create new salt.",
+  "admin.email.regenerate": "Re-Generate",
+  "admin.email.passwordSaltTitle": "Password Reset Salt:",
+  "admin.email.passwordSaltDescription": "32-character salt added to signing of password reset emails. Randomly generated on install. Click \"Re-Generate\" to create new salt.",
+  "admin.email.pushTitle": "Send Push Notifications: ",
+  "admin.email.pushDesc": "Typically set to true in production. When true, Mattermost attempts to send iOS and Android push notifications through the push notification server.",
+  "admin.email.pushServerTitle": "Push Notification Server:",
+  "admin.email.pushServerDesc": "Location of Mattermost push notification service you can set up behind your firewall using https://github.com/mattermost/push-proxy. For testing you can use https://push-test.mattermost.com, which connects to the sample Mattermost iOS app in the public Apple AppStore. Please do not use test service for production deployments.",
+  "admin.email.save": "Save",
+  "admin.select_team.selectTeam": "Select Team",
+  "admin.select_team.close": "Close",
+  "admin.select_team.select": "Select",
+  "error_bar.preview_mode": "Preview Mode: Email notifications have not been configured",
+  "loading_screen.loading": "Loading"
 }
\ No newline at end of file
diff --git a/web/static/i18n/es.json b/web/static/i18n/es.json
index ade5f585e..bc53a78b0 100644
--- a/web/static/i18n/es.json
+++ b/web/static/i18n/es.json
@@ -1,5 +1,87 @@
 {
-  "login.find_teams": "Find your other teams (spanish!)",
-  "login.forgot_password": "I forgot my password (spanish!)",
-  "error_bar.preview_mode": "Preview Mode: Email notifications have not been configured (spanish!)"
+  "admin.email.allowSignupDescription": "Cuando está en verdadero, Mattermost permite la creación de equipos y cuentas utilizando el correo electrónico y contraseña.  Este valor debe estar en falso sólo cuando quieres limitar el inicio de sesión a través de servicios tipo OAuth o LDAP.",
+  "admin.email.allowSignupTitle": "Permitir inicio de sesión con correo:",
+  "admin.email.connectionSecurityNone": "Ninguno",
+  "admin.email.connectionSecurityNoneDescription": "Mattermost enviará los correos electrónicos sobre conexiones no seguras.",
+  "admin.email.connectionSecurityStart": "STARTTLS",
+  "admin.email.connectionSecurityStartDescription": "Tomar la conexión insegura e intentar actualizarla hacia una conexión segura utilizando TLS.",
+  "admin.email.connectionSecurityTest": "Prueba de conexión",
+  "admin.email.connectionSecurityTitle": "Seguridad de conexión:",
+  "admin.email.connectionSecurityTls": "TLS (Recomendado)",
+  "admin.email.connectionSecurityTlsDescription": "Cifra la comunicación entre Mattermost y tu servidor de correo electrónico.",
+  "admin.email.emailFail": "Conexión fallida: {error}",
+  "admin.email.emailSettings": "Configuraciones de correo",
+  "admin.email.emailSuccess": "No fueron reportados errores mientras se enviada el correo. Favor validar en tu bandeja de entrada.",
+  "admin.email.false": "falso",
+  "admin.email.inviteSaltDescription": "32-caracter salt añadido a la firma de invitación de correos. Aleatoriamente generado en la instalación. Click \"Re-Generar\" para crear nuevo salt.",
+  "admin.email.inviteSaltExample": "Ej \"bjlSR4QqkXFBr7TP4oDzlfZmcNuH9Yo\"",
+  "admin.email.inviteSaltTitle": "Salt de las invitaciones:",
+  "admin.email.notificationDisplayDescription": "Muestra el nombre en la cuenta del email utilizada para enviar notificaciones por correo electrónico desde Mattermost.",
+  "admin.email.notificationDisplayExample": "Ej: \"Notificación de Mattermost\", \"Sistema\", \"No-Responder\"",
+  "admin.email.notificationDisplayTitle": "Notificación de nombre mostrado:",
+  "admin.email.notificationEmailDescription": "La dirección de correo electrónico a mostrar en la cuenta de correo utilizada cuando se envian notificaciones por correo electrónico desde Mattermost.",
+  "admin.email.notificationEmailExample": "Ej: \"mattermost@tuempresa.com\", \"admin@tuempresa.com\"",
+  "admin.email.notificationEmailTitle": "Notificación de correo electrónico:",
+  "admin.email.notificationsDescription": "Normalmente se asigna como verdadero en producción. Cuando es verdadero, Mattermost intenta enviar las notificaciones por correo electrónico. Los desarrolladores puede que quieran dejar esta opción en falso para saltarse la configuración de correos para desarrollar más rápido.\nAsignar está opción como verdadero remueve la notificación de Modo de Prueba (requiere cerrar la sesión y abrirla nuevamente para que los cambios surjan efecto).",
+  "admin.email.notificationsTitle": "Enviar notificaciones por correo electrónico: ",
+  "admin.email.passwordSaltDescription": "Un salt de 32-caracteres es añadido a la firma de correos para restablecer la contraseña. Aleatoriamente generado en la instalación. Pincha \"Regenerar\" para crear un nuevo salt.",
+  "admin.email.passwordSaltExample": "Ej \"bjlSR4QqkXFBr7TP4oDzlfZmcNuH9Yo\"",
+  "admin.email.passwordSaltTitle": "Resetear el Salt para las contraseñas:",
+  "admin.email.pushDesc": "Normalmente se asigna como verdadero en producción. Cuando está en verdadero, Mattermost intenta enviar notificaciones a dispositivos iOS y Android a través del servidor de notificaciones.",
+  "admin.email.pushServerDesc": "Ubicación del servicio de notificaciones push de Mattermost, puedes ubicarlo detras de un cortafuego utilizando https://github.com/mattermost/push-proxy. Para realizar pruebas puedes utilizar https://push-test.mattermost.com, el cual conecta con la ap de ejemplo de Mattermost en iOS publicada en el Apple AppStore. Por favor no utilices este servicio en producción.",
+  "admin.email.pushServerEx": "Ej.: \"https://push-test.mattermost.com\"",
+  "admin.email.pushServerTitle": "Servidor de Notificaciones:",
+  "admin.email.pushTitle": "Envío de Notificaciones: ",
+  "admin.email.regenerate": "Regenerar",
+  "admin.email.requireVerificationDescription": "Normalmente asignado como verdadero en producción. Cuando es verdadero, Mattermost requiere una verificación del correo electrónico después de crear la cuenta y antes de iniciar sesión por primera vez. Los desarrolladores pude que quieran dejar esta opción en falso para evitar la necesidad de verificar correos y así desarrollar más rápido.",
+  "admin.email.requireVerificationTitle": "Require verificación de correo electrónico: ",
+  "admin.email.save": "Guardar",
+  "admin.email.saving": "Guardando...",
+  "admin.email.smtpPasswordDescription": " Obten esta credencial del administrador del servidor de correos.",
+  "admin.email.smtpPasswordExample": "Ej: \"tucontraseña\", \"jcuS8PuvcpGhpgHhlcpT1Mx42pnqMxQY\"",
+  "admin.email.smtpPasswordTitle": "Contraseña del SMTP:",
+  "admin.email.smtpPortDescription": "Puerto de servidor SMTP",
+  "admin.email.smtpPortExample": "Ej: \"25\", \"465\"",
+  "admin.email.smtpPortTitle": "Puerto del SMTP:",
+  "admin.email.smtpServerDescription": "Ubicación de SMTP.",
+  "admin.email.smtpServerExample": "Ej: \"smtp.tuempresa.com\", \"email-smtp.us-east-1.amazonaws.com\"",
+  "admin.email.smtpServerTitle": "Servidor SMTP:",
+  "admin.email.smtpUsernameDescription": " Obten esta credencial del administrado del servidor de correos.",
+  "admin.email.smtpUsernameExample": "Ej: \"admin@tuempresa.com\", \"AKIADTOVBGERKLCBV\"",
+  "admin.email.smtpUsernameTitle": "Usuario SMTP:",
+  "admin.email.testing": "Probando...",
+  "admin.email.true": "verdadero",
+  "admin.nav.help": "Ayuda",
+  "admin.nav.logout": "Cerrar sesión",
+  "admin.nav.report": "Reportar problema",
+  "admin.nav.switch": "Cambiar a {display_name}",
+  "admin.select_team.close": "Cerrar",
+  "admin.select_team.select": "Seleccionar",
+  "admin.select_team.selectTeam": "Seleccionar grupo",
+  "admin.sidebar.addTeamSidebar": "Agregar un equipo el menú lateral",
+  "admin.sidebar.email": "Configuración de correo",
+  "admin.sidebar.file": "Configuracion de archivos",
+  "admin.sidebar.gitlab": "Configuración de GitLab",
+  "admin.sidebar.ldap": "Configuración LDAP",
+  "admin.sidebar.license": "Edición y Licencia",
+  "admin.sidebar.loading": "Cargando",
+  "admin.sidebar.log": "Configuracion de log",
+  "admin.sidebar.logs": "Registros",
+  "admin.sidebar.other": "OTROS",
+  "admin.sidebar.privacy": "Configuración de privacidad",
+  "admin.sidebar.rate_limit": "Configuración de velocidad",
+  "admin.sidebar.reports": "REPORTES DEL SITIO",
+  "admin.sidebar.rmTeamSidebar": "Remover un equipo del menú lateral",
+  "admin.sidebar.service": "Configuración de servicio",
+  "admin.sidebar.settings": "CONFIGURACIONES",
+  "admin.sidebar.sql": "Configuración de SQL",
+  "admin.sidebar.statistics": "- Estadísticas",
+  "admin.sidebar.support": "Configuración de Soporte",
+  "admin.sidebar.team": "Configuración de equipo",
+  "admin.sidebar.teams": "EQUIPOS ({count})",
+  "admin.sidebar.users": "- Usuarios",
+  "admin.sidebar.view_statistics": "Ver Estadísticas",
+  "admin.sidebarHeader.systemConsole": "Consola de sistema",
+  "error_bar.preview_mode": "Modo de prueba: Las notificaciones por correo electrónico no han sido configuradas",
+  "loading_screen.loading": "Cargando"
 }
\ No newline at end of file