From 7a6c1af98f88bc6991dcc06e405421d11f5b8949 Mon Sep 17 00:00:00 2001
From: Adabriand Furtado <adabriand@gmail.com>
Date: Sat, 24 Sep 2016 22:05:01 -0300
Subject: [PATCH] Add tab navigation on more elements

---
 assets/css/base.css                            |  9 +++++++--
 assets/js/presentation/presentation-modal.html |  4 ++--
 assets/js/ranking/ranking.service.js           |  2 --
 assets/templates/header.html                   |  2 +-
 assets/templates/sections.html                 | 77 ++++++++++++++++++++++++++++++++++++++++++++---------------------------------
 index.html                                     |  4 ++--
 6 files changed, 56 insertions(+), 42 deletions(-)

diff --git a/assets/css/base.css b/assets/css/base.css
index 7734125..da55099 100644
--- a/assets/css/base.css
+++ b/assets/css/base.css
@@ -146,8 +146,6 @@ img {
 .wl-section-title {
     position: absolute;
     top: -15px;
-    font-size: 14px;
-    font-weight: bold;
     color: #ffffff;
     text-transform: uppercase;
     text-align: center;
@@ -158,6 +156,8 @@ img {
 }
 
 .wl-section-title .title {
+    font-size: 24px;
+    font-weight: bold;
     color: white;
     padding: 5px 0;
     background-color: #0f78a7;
@@ -479,7 +479,12 @@ img {
     border-bottom: 1px solid #bb6a1a;
 }
 
+.wl-ranking-header a {
+    text-decoration: none;
+}
+
 .wl-ranking-header .title {
+    color: #2d2d2d;
     margin-bottom: 10px;
     border-right: 1px solid #ccc;
 }
diff --git a/assets/js/presentation/presentation-modal.html b/assets/js/presentation/presentation-modal.html
index 4bfbadb..636c829 100644
--- a/assets/js/presentation/presentation-modal.html
+++ b/assets/js/presentation/presentation-modal.html
@@ -1,5 +1,5 @@
-<div class="modal clean-modal presentation-modal fade" tabindex="-1"
-     role="dialog" aria-labelledby="modalUserSignal">
+<div id="wl-presentation-modal" class="modal clean-modal presentation-modal fade" tabindex="-1"
+     role="dialog" aria-labelledby="wl-presentation-modal">
     <div class="modal-dialog" role="document">
         <div class="modal-content">
             <div class="modal-body">
diff --git a/assets/js/ranking/ranking.service.js b/assets/js/ranking/ranking.service.js
index f7bc163..4dffd76 100644
--- a/assets/js/ranking/ranking.service.js
+++ b/assets/js/ranking/ranking.service.js
@@ -21,10 +21,8 @@
                 return $http.get(PROJECT_CONF_URL).then(function(response) {
                     var baseApiUrl = response.data.pybossa_url;
                     return $http.get(baseApiUrl + RANKING_ENDPOINT).then(function(response) {
-
                         angular.forEach(response.data, function(obj, key) {
                             response.data[key] = splitToChunks(obj, NUMBER_OF_COLUMNS);
-                            console.log(response.data[key]);
                         });
                         console.log(response.data);
                         return response.data;
diff --git a/assets/templates/header.html b/assets/templates/header.html
index 1bfa59a..8cfcfe3 100644
--- a/assets/templates/header.html
+++ b/assets/templates/header.html
@@ -27,7 +27,7 @@
 <div id="main-menu" class="container-fluid container wl-nav-bar-container">
     <div class="row wl-nav-bar-wrapper">
         <div class="col-xs-4 wl-logo-wrapper">
-            <a href="#wl-presentation-video"  du-smooth-scroll offset="42">
+            <a href="#wl-presentation-video" du-smooth-scroll offset="42">
                 <div class="wl-logo-wrapper-img">
                     <img src="assets/img/wl-logo.png" alt="Logomarca do WikiLibras">
                 </div>
diff --git a/assets/templates/sections.html b/assets/templates/sections.html
index b52fc9b..6762075 100644
--- a/assets/templates/sections.html
+++ b/assets/templates/sections.html
@@ -3,7 +3,7 @@
         <div class="row">
             <div class="wl-video-control-wrapper">
                 <a href="#wl-presentation-video" du-smooth-scroll offset="42">
-                    <img class="wl-video-control" src="assets/img/wl-icon-play.png">
+                    <img class="wl-video-control" src="assets/img/wl-icon-play.png" alt="Ícone de play">
                 </a>
             </div>
         </div>
@@ -17,11 +17,11 @@
                 <div class="row">
                     <div class="col-xs-12 wl-section-title">
                         <a href="#wl-overview" du-smooth-scroll>
-                            <div class="title">o
+                            <h2 class="title">o
                                 que
                                 já
                                 produzimos
-                            </div>
+                            </h2>
                         </a>>
                     </div>
                 </div>
@@ -131,10 +131,10 @@
         <div class="row">
             <div class="col-xs-12 wl-section-title">
                 <a href="#wl-features" du-smooth-scroll>
-                    <div class="title">você
+                    <h2 class="title">você
                         pode
                         colaborar
-                    </div>
+                    </h2>
                 </a>
             </div>
             <div class="col-xs-12 wl-features-container">
@@ -197,8 +197,9 @@
         <div class="row">
             <div class="col-xs-12 wl-section-title">
                 <a href="#wl-volunteers" du-smooth-scroll>
-                    <div class="title">pessoas
-                colaborando</div>
+                    <h2 class="title">
+                        pessoas colaborando
+                    </h2>
                 </a>
             </div>
             <div class="col-xs-12 wl-volunteers-container">
@@ -216,9 +217,9 @@
                 <div class="wl-signs-and-ranking-wrapper" ng-controller="signsCtrl">
                     <div class="wl-section-title">
                         <a href="#wl-signs-and-ranking" du-smooth-scroll>
-                            <div class="title">sinais
+                            <h2 class="title">sinais
                                 construídos
-                            </div>
+                            </h2>
                         </a>
                     </div>
                     <div class="wl-section-description">
@@ -226,16 +227,18 @@
                     </div>
                     <div class="wl-signs-container">
                         <div class="wl-signs-wrapper sign-video-container" ng-repeat="sign in signsData | limitTo: 9 track by $index" ng-click="showSignModal($index)">
-                            <video preload="metadata">
-                                <source ng-repeat="source in sign.sources" vsrc="{{ source.path }}" type="{{ source.type }}" html5vfix>
-                                Sem suporte a vídeos
-                            </video>
+                            <a href="#">
+                                <video preload="metadata">
+                                    <source ng-repeat="source in sign.sources" vsrc="{{ source.path }}" type="{{ source.type }}" html5vfix>
+                                    Sem suporte a vídeos
+                                </video>
+                            </a>
                         </div>
                         <div ng-repeat="i in [1,2,3]" ng-if="signsData.length % 3 === 0? false: i <= 3 - signsData.length % 3" class="wl-signs-wrapper">
                         </div>
                     </div>
-                    <div class="modal clean-modal sign-modal fade" tabindex="-1"
-                         role="dialog" aria-labelledby="modalUserSignal">
+                    <div id="wl-sign-modal" class="modal clean-modal sign-modal fade" tabindex="-1"
+                         role="dialog" aria-labelledby="wl-sign-modal">
                         <div class="modal-dialog" role="document">
                             <div class="modal-content">
                                 <div class="modal-body">
@@ -257,45 +260,53 @@
                 <div class="wl-signs-and-ranking-wrapper" ng-controller="rankingCtrl">
                     <div class="wl-section-title">
                         <a href="#wl-signs-and-ranking" du-smooth-scroll>
-                            <div class="title">ranking
-                                dos colaborandores
-                            </div>
+                            <h2 class="title">
+                                ranking dos colaborandores
+                            </h2>
                         </a>
                     </div>
                     <div class="wl-section-description"></div>
                     <div class="row">
                         <div class="col-xs-3 wl-ranking-header-wrapper" ng-click="setActiveTab(0)">
                             <div class="wl-ranking-header" ng-class="{'-active': activeTab === 0}">
-                                <div class="title">
-                                    Sinais construídos
-                                </div>
+                                <a href="#">
+                                    <div class="title">
+                                        Sinais construídos
+                                    </div>
+                                </a>
                             </div>
                         </div>
                         <div class="col-xs-3 wl-ranking-header-wrapper" ng-click="setActiveTab(1)">
                             <div class="wl-ranking-header" ng-class="{'-active': activeTab === 1}">
-                                <div class="title">
-                                    Sinais corrigidos
-                                </div>
+                                <a href="#">
+                                    <div class="title">
+                                        Sinais corrigidos
+                                    </div>
+                                </a>
                             </div>
                         </div>
                         <div class="col-xs-3 wl-ranking-header-wrapper" ng-click="setActiveTab(2)">
                             <div class="wl-ranking-header" ng-class="{'-active': activeTab === 2}">
-                                <div class="title">
-                                    Sinais avaliados
-                                </div>
+                                <a href="#">
+                                    <div class="title">
+                                        Sinais avaliados
+                                    </div>
+                                </a>
                             </div>
                         </div>
                         <div class="col-xs-3 wl-ranking-header-wrapper" ng-click="setActiveTab(3)">
                             <div class="wl-ranking-header" ng-class="{'-active': activeTab === 3}">
-                                <div class="title">
-                                    Vídeos enviados
-                                </div>
+                                <a href="#">
+                                    <div class="title">
+                                        Vídeos enviados
+                                    </div>
+                                </a>
                             </div>
                         </div>
                     </div>
                     <div ng-show="activeTab === 0" class="wl-ranking-container">
                         <div class="row" ng-repeat="row in rankingData.wikilibras">
-                            <div class="col-xs-6" ng-repeat="user in row">
+                            <div class="col-xs-6" ng-repeat="user in row" ng-if="user.rank > 0">
                                 <div class="wl-rank">
                                     <div class="row">
                                         <div class="col-xs-4">
@@ -316,7 +327,7 @@
                     </div>
                     <div ng-show="activeTab === 1" class="wl-ranking-container">
                         <div class="row" ng-repeat="row in rankingData.corretor_sinais">
-                            <div class="col-xs-6" ng-repeat="user in row">
+                            <div class="col-xs-6" ng-repeat="user in row" ng-if="user.rank > 0">
                                 <div class="wl-rank">
                                     <div class="row">
                                         <div class="col-xs-4">
@@ -337,7 +348,7 @@
                     </div>
                     <div ng-show="activeTab === 2" class="wl-ranking-container">
                         <div class="row" ng-repeat="row in rankingData.validador_sinais">
-                            <div class="col-xs-6" ng-repeat="user in row">
+                            <div class="col-xs-6" ng-repeat="user in row" ng-if="user.rank > 0">
                                 <div class="wl-rank">
                                     <div class="row">
                                         <div class="col-xs-4">
diff --git a/index.html b/index.html
index 1a0b834..de39df6 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="pt">
   <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -8,7 +8,7 @@
     <!-- Bootstrap -->
     <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
     <!-- CSS -->
-    <link rel="stylesheet" type="text/css" href="assets/css/base.css" rel="stylesheet">
+    <link rel="stylesheet" type="text/css" href="assets/css/base.css">
     <link rel='stylesheet' type='text/css' href='https://fonts.googleapis.com/css?family=Open+Sans:300'>
     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
     <!--[if lt IE 9]>
--
libgit2 0.21.2