Improved no global git configs message

Now app notifications can be closed

Author: mapaiva

app/frontend/global/notification.js

@@ -21,6 +21,7 @@ class GPNotification {
     this.showLoad = opts.showLoad;
     this.notificationElement = null;
     this.autoclose = opts.autoclose;
+    this.closable = opts.closable;
   }
 
   pop() {
@@ -56,6 +57,19 @@ class GPNotification {
       }
 
       this.notificationElement.innerHTML += `<section class="content">${bodyText || titleText}</section>`;
+      
+      if (this.closable) {
+          let closeBtn = document.createElement('button');
+          
+          closeBtn.className = 'close-button';
+          closeBtn.title = MSGS['Close'];
+          closeBtn.innerHTML = '<span class="octicon octicon-x"></span>';
+          closeBtn.onclick = function () {
+              this.close();
+          }.bind(this);
+          
+          this.notificationElement.appendChild(closeBtn);
+      }
 
       container.appendChild(this.notificationElement);
 

app/frontend/modules/settings-page.js

@@ -1,3 +1,5 @@
+'use strict';
+
 (function () {
 
   angular.module('settings', []).directive('settingsPage', function () {
@@ -36,9 +38,9 @@
 
         this.getGlobalGitConfigs = function () {
           GIT.getGlobalConfigs(function (err, configs) {
-
+              
             if (err) {
-              alert(err.message);
+              new GPNotification(MSGS['It seems that a git username and email are not set globally. You can fix this accessing the Settings menu'], { closable: true }).pop();
             } else {
               this.globalGitConfigs = configs;
             }

language/en.json

@@ -98,6 +98,8 @@
   "It happends with me all the time too. But lets's try find your project again!": "It happends with me all the time too. But let's try find your project again!",
   "Start adding, clonning or creating some awesome things": "Start adding, clonning or creating some awesome things",
   "Nothing for me here.\n The folder {folder} is not a git project": "Nothing for me here.\n The folder {folder} is not a git project",
+  "Close": "Close",
+  "It seems that a git username and email are not set globally. You can fix this accessing the Settings menu": "It seems that a git username and email are not set globally. You can fix this accessing the Settings menu",
 
   "Error counting commits. Error: ": "Error counting commits. Error: ",
   "Error adding files. Error:": "Error adding files. Error:",

language/pt-BR.json

@@ -98,6 +98,8 @@
   "It happends with me all the time too. But lets's try find your project again!": "Isso acontece comigo o tempo todo. Mas vamos tentar achar o seu projeto de novo!",
   "Start adding, clonning or creating some awesome things": "Comece adicionando, clonando ou criando coisas incríveis",
   "Nothing for me here.\n The folder {folder} is not a git project": "Nada pra mim aqui.\n A pasta {folder} não é um projeto git",
+  "Close": "Fechar",
+  "It seems that a git username and email are not set globally. You can fix this accessing the Settings menu": "Parece que um usuário e email git não estão definidos globalmente. Você pode corrigir isso acessando o menu de Configurações",
 
   "Error counting commits. Error: ": "Erro contando commits. Erro: ",
   "Error adding files. Error:": "Erro adicionando arquivos. Erro:",

resources/sass/all.scss

@@ -579,6 +579,22 @@ body {
       .content {
         flex: 1 1 auto;
       }
+      
+      .close-button {
+        padding: 0;
+        padding-left: 20px;
+        padding-right: 10px;
+        color: #FFF;
+        background-color: #404040;
+        border: 0;
+        box-shadow: none;
+        cursor: pointer;
+        transition: color ease 0.2s;
+        
+        &:hover {
+          color: rgba(255, 255, 255, 0.7);  
+        }
+      }
     }
 
     /* Header of the application */