Merge branch 'devel' of https://github.com/fga-gpp-mds/Falko-2017.2-F…

…rontEnd into us11_manter_revisao

Signed-off-by: Pedro Kelvin <[email protected]>

CODE_OF_CONDUCT.md

@@ -0,0 +1,46 @@
+# Código de Conduta do Contribuinte
+
+## Do Nosso juramento
+
+Em interesse de promover um ambiente aberto e acolhedor, nós como contribuidores e mantenedores comprometemos-no a fazer parte em nosso projeto e comunidade de experiencias de assédio para todos, independentemente da idade, tamanho do corpo, deficiência, étinica, identidade de gênero e expressão, nível de experiência, nacionalidade, aparência pessoal, raça, religião e orientação ou identidade sexual.
+
+## Dos Nosso Padrões
+
+Exemplos de comportamento que contribuem para criar um ambiente positivo inclui:
+
+* Usando de um linguajar receptivo e acolhedor
+* Respeitando diferenetes pontos de vista e experiência
+* Graciosamente aceitando críticas contrutivas
+* Focando no que é melhor para a comunidade
+* Mostrando empatia diante de outros membros da comunidade
+
+Exemplos de comportamentos inaceitaveis pelos membros inclui:
+
+* O uso de linguagem ou imagens sexualizadas e atenção ou avanços sexuais
+* Insultos ou comentários depreciativos e ataques pessoais ou políticos
+* Assédio público ou privado
+* Expor membros com informações pessoais, como endereço físico ou eletrônico, sem permissão explícita
+* Outra conduta que razoavelmente pode ser considerada inapropriada em um ambiente profissional
+
+## Das Nossas Responsabilidades
+
+Os mantenedores do projeto são responsáveis para esclarecer todos os padrões de comportamento aceitável e devem tomar medidas corretivas apropriadas e justas em resposta a qualquer instância de comportamento inaceitável.
+
+Os mantenedores do projeto têm o direito e a responsabilidade de remover, editar ou rejeitar comentários, compromissos, códigos, edições de wiki, problemas e outras contribuições que não estejam alinhados com este Código de Conduta ou proibir temporariamente ou permanentemente qualquer contribuinte por outros comportamentos que eles consideram inapropriado, ameaçador, ofensivo ou prejudicial.
+
+## Do escopo
+
+Este Código de Conduta aplica tanto nos espaços do projeto quanto nos espaços públicos quando um indivíduo representa o projeto ou sua comunidade. Exemplos de representar um projeto ou comunidade incluem o uso de um endereço de e-mail oficial do projeto, postagem através de uma conta oficial de mídias sociais, ou atuando como representante designado em um evento online ou offline. Representação de um projeto pode ser melhor definida e esclarecida pelos responsáveis ​​pelo projeto.
+
+## Dos cumprimentos
+
+As instâncias de comportamento abusivo, assediante ou de outra forma inaceitável podem ser relatadas, contatando a equipe do projeto em [email protected]. A equipe do projeto irá rever e investigar todas as queixas, e responderá da forma que julgar apropriada às circunstâncias. A equipe do projeto é obrigada a manter a confidencialidade em relação ao repórter de um incidente. Mais detalhes sobre políticas de execução específicas podem ser publicados separadamente.
+
+Os mantenedores do projeto que não seguem ou aplicam o Código de Conduta de boa fé podem enfrentar repercussões temporárias ou permanentes, conforme determinado por outros membros da liderança do projeto.
+
+## Das atribuições
+
+Este Código de Conduta é adaptado do [Contributor Covenant][homepage], versão 1.4, disponível em [http://contributor-covenant.org/version/1/4][version]
+
+[homepage]: http://contributor-covenant.org
+[version]: http://contributor-covenant.org/version/1/4/

CONTRIBUTION.md

@@ -0,0 +1,16 @@
+# Contribuindo
+
+Quando estiver contribuindo para este repositório, por favor discuta as mudanças que você deseja fazer através de issue, email, ou qualquer outro método com os donos deste repositório antes de estar fazendo uma mudança.
+
+Por favor, note que temos um código de conduta, por favor siga-o em todas as suas interações com o projeto.
+
+## Processo de Requisição de envio
+
+1. Garantir qualquer dependência de instalação ou compilação sejam removidas antes do final da camada ao fazer uma.
+2. Atualizar o README.md com detalhes de mudanças para a interface, isso inclui novas variáveis de ambiente, portas expostas, locais úteis de arquivos e parâmetros de contêiner.
+3. Aumentar o número de versões em qualquer arquivos exemplares e o README.md oara uma nova versão que a requisição de envio representaria. O esquema de versão que usamos é [SemVer](http://semver.org/).
+4. Você pode fundir a requisição de envio uma vez que você tem o sinal de dois outros desenvolvedores, ou se você nao tiver permissão para fazer isto, você pode requisitar o segundo avaliador para fundir isso para você.
+
+## Código de Conduta
+
+Você pode encontrar informações mais detalhadas sobre nosso Código de Conduta no arquivo CODE_OF_CONDUCT.md, que pode ser encontrado na raiz deste projeto.

src/App.vue

@@ -118,11 +118,13 @@ input:focus {
 
 /* Modifing Bootstrap Classes */
 .col {
-  padding: 0;
+  padding-left: 0;
+  padding-right: 0;
 }
 
 .row {
-  margin: 0;
+  margin-left: 0;
+  margin-right: 0;
 }
 
 .modal-title {
@@ -132,6 +134,11 @@ input:focus {
 }
 
 .no-white-bar {
-  margin: -1.7% 0;
+  margin-bottom: -2%;
+}
+
+.disabled-cursor {
+  cursor: inherit;
 }
+
 </style>

src/components/GitHub/GitHubProjects.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="addgithubrepo">
     <div class="text-center">
-      <button type="button" class="btn btn-info btn-md falko-button" v-on:click="getRepos" id="addButton" data-toggle="modal" data-target="#githubModal">
+      <button type="button" v-bind:class="buttonClass()" v-on:click="getRepos()" id="addButton" v-bind:data-toggle="buttonDataToggle()" data-target="#githubModal">
         Import GitHub repository
       </button>
     </div>
@@ -38,88 +38,115 @@
                 aria-expanded="false"
                 v-bind:aria-controls="orgs.name" >
                 {{orgs.name}}
-              </h4>
-              <div class="collapse" v-bind:id="orgs.name">
-                <ul class="list-group">
-                  <li class="list-group-item" v-for="repo in orgs.repos" >
-                    {{repo}}
-                    <toggle-button class="pointer-cursor" v-on:change="toggleButtonChanged(repo, $event)"
-                    :value="false"
-                    color="#AEC3B0"
-                    :labels="true" />
-                  </li>
-                </ul>
+                </h4>
+                <div class="collapse" v-bind:id="orgs.name">
+                  <ul class="list-group">
+                    <li class="list-group-item" v-for="repo in orgs.repos" >
+                      {{repo}}
+                      <toggle-button class="pointer-cursor" v-on:change="toggleButtonChanged(repo, $event)"
+                      :value="false"
+                      color="#AEC3B0"
+                      :labels="true" />
+                    </li>
+                  </ul>
+                </div>
               </div>
             </div>
           </div>
-        </div>
-        <div class="modal-footer">
-          <button type="button" class="btn btn-primary falko-button" v-on:click="importGithubProjects" data-dismiss="modal">Import</button>
-          <button type="button" class="btn btn-secondary falko-button" data-dismiss="modal" >Close</button>
+          <div class="modal-footer">
+            <button type="button" class="btn btn-primary falko-button" v-on:click="importGithubProjects" data-dismiss="modal">Import</button>
+            <button type="button" class="btn btn-secondary falko-button" data-dismiss="modal" >Close</button>
+          </div>
         </div>
       </div>
     </div>
   </div>
-</div>
 </template>
 
 <script>
 import { HTTP } from '../../http-common';
 
 export default{
+  props: ['gitHubLinked'],
+
   data() {
     return {
       userRepos: [],
       orgsRepos: [],
       selectedRepos: [],
+      user: '',
     };
   },
   methods: {
     getRepos() {
-      const token = localStorage.getItem('token');
-      const tokenSimple = token.replace(/"/, '');
-      const tokenSimple2 = tokenSimple.replace(/"/, '');
-      const headers = { Authorization: tokenSimple2 };
-
-      HTTP.get('repos', { headers })
-        .then((response) => {
-          this.userRepos = response.data.user[1].repos;
-          this.orgsRepos = response.data.orgs;
-        })
-        .catch((e) => {
-          this.errors.push(e);
-        });
+      if (this.isGitHubLinked()) {
+        const rawToken = localStorage.getItem('token');
+        const token = rawToken.replace(/"/, '').replace(/"/, '');
+        const headers = { Authorization: token };
+        HTTP.get('repos', { headers })
+          .then((response) => {
+            this.userRepos = response.data.user[1].repos;
+            this.orgsRepos = response.data.orgs;
+            this.user = response.data.user[0].login;
+          })
+          .catch((e) => {
+            this.errors.push(e);
+          });
+      }
     },
+
     toggleButtonChanged(name, event) {
       if (event.value === true) {
         this.selectedRepos.push(name);
       } else {
         this.selectedRepos = this.selectedRepos.filter(item => item !== name);
       }
     },
+
     importGithubProjects() {
-      doRequisitions(this.selectedRepos, this.selectedRepos.length)
-        .then((response) => { this.$emit('added'); })
+      doRequisitions(this.selectedRepos, this.selectedRepos.length, this.user)
+        .then(() => { this.$emit('added'); })
         .catch(e => console.log(e.message));
     },
+
+    isGitHubLinked() {
+      if (this.gitHubLinked) {
+        return true;
+      }
+      return false;
+    },
+
+    buttonClass() {
+      if (this.gitHubLinked) {
+        return 'falko-button btn btn-primary';
+      }
+      return 'btn btn-info btn-md falko-button-grey disabled-cursor';
+    },
+
+    buttonDataToggle() {
+      if (this.gitHubLinked) {
+        return 'modal';
+      }
+      return 'none';
+    },
   },
 };
-
-function doRequisitions(repos, length) {
+function doRequisitions(repos, length, user) {
   return new Promise((resolve, reject) => {
     const rawToken = localStorage.getItem('token');
     const token = rawToken.replace(/"/, '').replace(/"/, '');
     const headers = { Authorization: token };
     const userId = localStorage.getItem('user_id');
-
     let count = 0;
     for (const repo of repos) {
       HTTP.post(`users/${userId}/projects`, {
         name: repo,
+        github_slug: `${user}/${repo}`,
         is_project_from_github: true,
+        is_scoring: false,
       }, { headers })
         .then((response) => {
-          count++;
+          count += 1;
           if (count === length) {
             resolve(response);
           }
@@ -128,17 +155,13 @@ function doRequisitions(repos, length) {
     }
   });
 }
-
 </script>
 
 <style scoped>
-
 .vue-js-switch {
   float: right;
 }
-
 .pointer-cursor {
   cursor: pointer;
 }
-
 </style>

src/components/Gpa.vue

@@ -0,0 +1,108 @@
+<template>
+  <div class="gpa">
+    <!-- <div class="card-body"> -->
+    <div class="row align-itens-arround">
+      <div class="col-5 align-content-center">
+        <p class="card-text">
+          <div class="number-circle " v-if = "gpa != 0">
+            <div class="gpa-font v-green" v-if="gpa > 3">
+              {{gpa}}
+            </div>
+            <div class="gpa-font v-red" v-else-if="gpa < 2">
+              {{gpa}}
+            </div>
+            <div class="gpa-font v-yellow" v-else-if="gpa >= 2 && gpa <= 3">
+              {{gpa}}
+            </div>
+            <h4> GPA </h4>
+          </div>
+        </p>
+      </div>
+      <div class="col">
+        <p class="card-text text-justify"> </p>
+      </div>
+    </div>
+    <!-- </div>		     -->
+  </div>
+</template>
+
+<script>
+import {HTTP} from '../http-common.js';
+export default {
+  props: ['projectId'],
+  data() {
+    return {
+      gpa: 0
+    }
+  },
+  methods: {
+    async getGpa() {
+      var token = localStorage.getItem('token');
+      var tokenSimple = token.replace(/"/, "");
+      var tokenSimple2 = tokenSimple.replace(/"/, "");
+      var headers = { 'Authorization':tokenSimple2 };
+
+      try {
+        let response = await HTTP.get(`projects/${ this.$route.params.id }`, { headers:headers });
+        let id = response.data.id;
+        console.log(id);
+        const result2 = await HTTP.get(`projects/${id}/gpa`, { headers: headers });
+        console.log(result2);
+        this.gpa = result2.data;
+      } catch(err) {
+        console.log(err)
+      }
+    }
+  },
+  mounted() {
+    this.getGpa();
+  }
+
+};
+
+</script>
+
+<style>
+
+.number-circle {
+  font: 32px Arial, sans-serif;
+
+  width: 2.5em;
+  height: 2.5em;
+  box-sizing: initial;
+
+  background: #fff;
+  border: 0.2em solid #7799A5;
+  border-style: solid;
+  color: #7799A5;
+  text-align: center;
+  border-radius: 50%;
+
+  line-height: 2.5em;
+  box-sizing: content-box;
+  top: 50%;
+  left: 50%;
+}
+
+.gpa-font {
+  font-weight:bolder;
+  font-size:1.2em;
+}
+
+.v-red{
+  color: red;
+}
+
+.v-yellow{
+  color: yellow;
+}
+
+.v-green{
+  color: green;
+}
+
+h4 {
+  margin-top: 0.5em;
+  font-weight:bolder;
+}
+</style>>