From ca5677f4457edfe4294024d2d5a3d1985248da17 Mon Sep 17 00:00:00 2001
From: MatheusMello <mat.mello93@gmail.com>
Date: Dec 10 2017 19:51:49 +0000
Subject: Styles and Anchors in Register and Login page

- Improve packade page layout and refactor errors table data fields

Signed-off-by: EduardoQuintino <eduardoqgomes@gmail.com>
Signed-off-by: MaxOliveira <maxwell_oliveira2@hotmail.com>
Signed-off-by: MatheusMello <mat.mello93@gmail.com>
Signed-off-by: Eduardo Nunes <eduardonunes2525@gmail.com>
Signed-off-by: Omar Junior <omarfariajr@gmail.com>
Signed-off-by: Vitor Bertulucci <vitorbertulucci@gmail.com>

---

diff --git a/src/components/login/LoginForm.vue b/src/components/login/LoginForm.vue
index d6613fe..9b6534c 100644
--- a/src/components/login/LoginForm.vue
+++ b/src/components/login/LoginForm.vue
@@ -37,6 +37,20 @@
         </div>
       </p>
     </b-card>
+    <b-card
+          tag="article"
+          style="max-width: 50rem;"
+          class="mb-2 route-card">
+          <div class="text-center text-muted">
+            <p>
+            New to Kiskadee? <br>
+            <router-link :to="{ name: 'register-page' }">
+              Create an account
+            </router-link>
+            </p>
+          </div>
+    </b-card>
+
   </div>
 </template>
 <script>
@@ -95,4 +109,9 @@
   .card-body {
     padding: 0 1.25rem;
   }
+  .route-card {
+    vertical-align: center;
+    padding-top: 1em;
+    // padding-bottom: 1em;
+  }
 </style>
diff --git a/src/components/package/ErrorsTable.vue b/src/components/package/ErrorsTable.vue
index 1040ba6..817b1a6 100644
--- a/src/components/package/ErrorsTable.vue
+++ b/src/components/package/ErrorsTable.vue
@@ -12,23 +12,31 @@ export default {
   },
   data () {
     return {
-      fields: {
-        type: {
-          label: 'Type',
-          sortable: true,
-          'class': 'text-center'
+      fields: [
+        {
+          type: {
+            label: 'Type',
+            sortable: true,
+            'class': 'text-center'
+          }
         },
-        path: {
-          label: 'Path',
-          sortable: true
+        {
+          path: {
+            label: 'Path',
+            sortable: true
+          }
         },
-        line: {
-          label: 'Line : Column'
+        {
+          line: {
+            label: 'Line : Column'
+          }
         },
-        message: {
-          label: 'Message'
+        {
+          message: {
+            label: 'Message'
+          }
         }
-      }
+      ]
     }
   },
   computed: {
diff --git a/src/components/package/PackagePage.vue b/src/components/package/PackagePage.vue
index c8dcc93..3e1ba03 100644
--- a/src/components/package/PackagePage.vue
+++ b/src/components/package/PackagePage.vue
@@ -1,21 +1,24 @@
 <template>
   <div class="package-page container">
-    <div class="card container">
+    <b-card :title="packageNameVersion" :sub-title="package.last_updated">
       <div class="row">
         <div class="col-sm-6 description-container">
-          <summary-package :package="package" class="summary" />
-          <p> Selecione um analizador para verificar os erros: </p>
-          <b-dropdown id="ddown1" :text= "analizers[selectedAnalizer].name" variant="primary" class="m-md-2">
-            <b-dropdown-item v-for="(analizer, index) in analizers" key="'dropdown' + index" @click="onSelectAnalizer(index)"> {{ analizer.name }} </b-dropdown-item>
-          </b-dropdown>
+          <p>
+            Selecione um analizador para verificar os erros: 
+            <b-dropdown id="ddown1" :text= "analizers[selectedAnalizer].name" variant="primary" class="m-md-2">
+              <b-dropdown-item v-for="(analizer, index) in analizers" key="'dropdown' + index" @click="onSelectAnalizer(index)"> {{ analizer.name }} </b-dropdown-item>
+            </b-dropdown>
+          </p>
+          <b-card>
+            <p> Total de erros do analizador {{ analizers[selectedAnalizer].name }}: </p>
+            <p id="total-value"> {{ total }} </p>
+          </b-card>
         </div>
         <div class="col-sm-6 graph-container">
-          <p> Erros do analizador {{ analizers[selectedAnalizer].name }}: </p>
-          <p> Total: {{ total }} </p>
           <pie-chart :data="datasets" class="graph" />
         </div>
       </div>
-    </div>
+    </b-card>
     <b-tabs>
       <b-tab title="Lista de Erros" active>
         <errors-table />
@@ -61,6 +64,12 @@ export default {
       getterNames.analizers,
       getterNames.reports
     ]),
+    pkg () {
+      return this.package
+    },
+    packageNameVersion () {
+      return this.pkg.name + ' - v' + this.pkg.last_version
+    },
     datasets () {
       const labels = Object.keys(this.reports)
       const data = labels.map((key) => {
@@ -97,39 +106,45 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.package-page {
-  margin-top: 20px;
-}
+  .package-page {
+    margin-top: 20px;
+  }
+  .card {
+    margin-bottom: 20px;
+  }
 
-.card {
-  margin-bottom: 20px;
-}
+  .description-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    p {
+      text-align: center;
+    }
+  }
 
-.description-container {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  p {
-    text-align: center;
+  .graph-container {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    p {
+      text-align: center;
+    }
   }
-}
 
-.graph-container {
-  padding-top: 2vh;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  p {
-    text-align: center;
+  .summary {
+    margin-top: 15px;
   }
-}
 
-.summary {
-  margin-top: 15px;
-}
+  .graph {
+    padding: 10px 0;
+    margin: 0 auto;
+  }
 
-.graph {
-  padding: 10px 0;
-  margin: 0 auto;
-}
+  @import url('https://fonts.googleapis.com/css?family=Comfortaa:700');
+
+  #total-value {
+    font-family: 'Comfortaa', cursive;
+    text-decoration: none;
+    font-size: 80px;
+  }
 </style>
diff --git a/src/components/register/RegisterForm.vue b/src/components/register/RegisterForm.vue
index 016c3cc..5164ab6 100644
--- a/src/components/register/RegisterForm.vue
+++ b/src/components/register/RegisterForm.vue
@@ -1,6 +1,10 @@
 <template>
   <div>
-    <b-card title="Register User"
+    <div class="text-center">
+      <img src="../../assets/kiskadee-logo.png" width="100" height="100" class="d-inline-block align-top" alt="logo">
+      <h3>Sign up to Kiskadee</h3>
+    </div>
+    <b-card title=""
           tag="article"
           style="max-width: 50rem;"
           class="mb-2">
@@ -44,6 +48,19 @@
         </div>
       </p>
     </b-card>
+     <b-card
+          tag="article"
+          style="max-width: 50rem;"
+          class="mb-2 route-card">
+          <div class="text-center text-muted">
+            <p>
+            Already registered? <br>
+            <router-link :to="{ name: 'login-page' }">
+              Go to login
+            </router-link>
+            </p>
+          </div>
+    </b-card>
   </div>
 </template>
 
@@ -125,4 +142,8 @@
     margin-bottom: 10px;
     color: rgb(10, 46, 96);
   }
+   .route-card {
+    vertical-align: center;
+    padding-top: 1em;
+  }
 </style>
diff --git a/src/components/register/RegisterPage.vue b/src/components/register/RegisterPage.vue
index 2abda56..3c0b0ef 100644
--- a/src/components/register/RegisterPage.vue
+++ b/src/components/register/RegisterPage.vue
@@ -28,9 +28,5 @@ export default {
 
 .register-form {
     margin: auto;
-    padding-top: 3%;
   }
 </style>
-
-
-
diff --git a/src/components/shared/DefaultTable.vue b/src/components/shared/DefaultTable.vue
index a21ee6a..5c5b65a 100644
--- a/src/components/shared/DefaultTable.vue
+++ b/src/components/shared/DefaultTable.vue
@@ -16,7 +16,7 @@
         </div>
       </h6>
       <em slot="footer">
-        <b-pagination align="center" :total-rows="totalRows" :per-page="perPage" v-model="currentPage"/>
+        <b-pagination align="center" :per-page="perPage" v-model="currentPage"/>
       </em>
       <p class="card-text">
         <b-table striped hover show-empty responsive
@@ -71,7 +71,6 @@ export default {
   },
   methods: {
     onFiltered (filteredItems) {
-      this.totalRows = filteredItems.length
       this.currentPage = 1
     }
   }
diff --git a/src/components/shared/HeaderK.vue b/src/components/shared/HeaderK.vue
index c5e02cf..4c58152 100644
--- a/src/components/shared/HeaderK.vue
+++ b/src/components/shared/HeaderK.vue
@@ -10,7 +10,7 @@
 
     <b-collapse is-nav id="nav_text_collapse">
       <b-nav is-nav-bar>
-      <icon name="sign-in" scale="2.5"></icon>
+      <icon name="user-circle" scale="2.5"></icon>
       <b-nav-item-dropdown right class="log-itens">
         <router-link :to="{ name: 'login-page' }"><b-dropdown-item id="log-item" href="/login">Login</b-dropdown-item></router-link>
         <router-link :to="{ name: 'register-page' }"><b-dropdown-item id="log-item" href="/register">Register</b-dropdown-item></router-link>