fix(template): fix css and translate strings to english

Author: Walker Leite

template/client/App.vue

@@ -17,4 +17,5 @@ export default {
 </script>
 
 <style {{#extended}}lang="scss"{{else}}lang="css"{{/extended}}>
+  {{#extended}}@import "style/app.scss";{{/extended}}
 </style>

template/client/style/app.scss

@@ -14,3 +14,9 @@
 
 $fa-font-path: "../static/fonts";
 @import "font-awesome/scss/font-awesome";
+
+#app {
+  width: 100vw;
+  height: 100vh;
+  background-color: darken($light, 40%);
+}

template/client/view/Login.vue

@@ -13,16 +13,16 @@
                    class="form-control"
                    id="email"
                    aria-describedby="emailHelp"
-                   placeholder="Digite seu e-mail"
+                   placeholder="Insert your email"
                    v-model="email"
                    required>
           </div>
           <div class="form-group">
-            <label for="senha">Senha</label>
+            <label for="senha">Password</label>
             <input type="password"
                    class="form-control"
                    id="senha"
-                   placeholder="Digite sua senha"
+                   placeholder="Insert your password"
                    v-model="password"
                    required>
           </div>
@@ -33,21 +33,21 @@
             <a class="link"
               @click.prevent="$refs.forgotPassword.show()"
               href="#">
-              Esqueceu sua senha?
+              Forgot your password?
             </a>
             <button type="submit"
                     class="btn btn-success">
               <i v-if="loading" class="fa fa-spinner"></i>
               <i v-else class="fa fa-check"></i>
-              ENTRAR
+              SIGN IN
             </button>
           </div>
         </form>
 
         <!-- Forgot Password -->
         <b-modal
             ref="forgotPassword"
-            title="Recuperar a senha"
+            title="Recover the password"
             size="sm"
             @ok="onModalOk"
             @shown="onModalShown">
@@ -63,7 +63,7 @@
               type="email"
               class="form-control"
               ref="recoverEmail"
-              placeholder="Digite o seu e-mail"
+              placeholder="Insert your email"
               v-model="recoverEmail"
               @keydown.enter="sendRecoverEmail"
               required/>
@@ -73,7 +73,7 @@
         <b-modal
           ref="recoverSuccess"
           ok-only>
-          Um email foi enviado para você, por favor verifique a caixa de entrada
+          An email has been sent, please verify your mailbox
         </b-modal>
       </div>
     </div>
@@ -141,7 +141,7 @@ export default {
             this.recoverError = err;
           });
       } else {
-        this.recoverError = {message: 'Verifique o e-mail digitado e tente novamente'};
+        this.recoverError = {message: 'Please, check the inserted email and try again'};
       }
     }
   }

template/client/view/Profile.vue

@@ -7,29 +7,29 @@
       <div class="card-block p-4">
         <form @submit="onSubmit">
           <div v-if="access_token ===  null" class="form-group">
-            <label for="senha">Senha antiga</label>
+            <label for="senha">Old password</label>
             <input type="password"
                    class="form-control"
                    id="senha"
-                   placeholder="Digite sua senha antiga"
+                   placeholder="Insert the old password"
                    v-model="password"
                    required>
           </div>
           <div class="form-group">
-            <label for="senha-nova1">Nova senha</label>
+            <label for="senha-nova1">New password</label>
             <input type="password"
                    class="form-control"
                    id="senha-nova1"
-                   placeholder="Digite sua nova senha"
+                   placeholder="Insert the new password"
                    v-model="passwordNew1"
                    required>
           </div>
           <div class="form-group">
-            <label for="senha-nova2">Confirmação</label>
+            <label for="senha-nova2">Confirmation</label>
             <input type="password"
                    class="form-control"
                    id="senha-nova2"
-                   placeholder="Confirme sua nova senha"
+                   placeholder="Confirm the new password"
                    v-model="passwordNew2"
                    required>
           </div>
@@ -41,13 +41,13 @@
                     class="btn btn-danger"
                     @click="onCancel">
                     <i class="fa fa-ban"></i>
-                    CANCELAR
+                    CANCEL
             </button>
             <button type="submit"
                     class="btn btn-success">
                     <i v-if="loading" class="fa fa-spinner"></i>
                     <i v-else class="fa fa-check"></i>
-                    SALVAR
+                    SAVE
             </button>
           </div>
         </form>
@@ -87,7 +87,7 @@ export default {
 
       if(this.passwordNew1 !== this.passwordNew2) {
         this.loading = false
-        this.error = new Error('As senhas não conferem, por favor tente novamente')
+        this.error = new Error('The password does not match, please try again')
         return;
       }
 

template/client/view/containers/HeaderContainer.vue

@@ -9,7 +9,7 @@
 
       <b-collapse is-nav id="nav_collapse">
         <b-navbar-nav class="ml-auto">
-          <b-nav-item :to="{name: 'profile'}">ALTERAR SENHA</b-nav-item>
+          <b-nav-item :to="{name: 'profile'}">CHANGE PASSWORD</b-nav-item>
           <b-nav-item @click="onLogoutClick">LOG OUT</b-nav-item>
         </b-navbar-nav>
       </b-collapse>

template/server/datasources.json

@@ -11,16 +11,18 @@
   "email": {
     "name": "email",
     "connector": "mail",
-    "transports": [{
-      "type": "smtp",
-      "host": "mywebhost.com",
-      "secure": true,
-      "port": 465,
-      "auth": {
-        "user": "[email protected]",
-        "pass": "h4ckme"
+    "transports": [
+      {
+        "type": "smtp",
+        "host": "smtp.mailtrap.io",
+        "secure": false,
+        "port": 2525,
+        "auth": {
+          "user": "bc6242e46c4abb",
+          "pass": "6dcc9b55c677be"
+        }
       }
-    }]
+    ]
   }
   {{/extended}}
 }

template/test/server/boot.test.js

@@ -53,7 +53,7 @@ describe('boot process', () => {
 
     it('Email model should send email', (done) => {
       server.models.Email.send({
-        from: 'noreply@mydomain.com',
+        from: 'noreply@fakeserver.mailtrap.io',
         to: '[email protected]',
         subject: 'Testing email',
         text: 'Testing email text',