From 6eef97a981347042b1890f3d062a862add49193c Mon Sep 17 00:00:00 2001
From: Leonardo Merlin <leonardo.merlin@serpro.gov.br>
Date: Tue, 8 Dec 2015 14:05:11 -0200
Subject: [PATCH] Fix: add image mask to archived program at article-box

---
 src/app/components/article-box/article-box.html | 36 ++++++++++++++++++++++--------------
 src/app/index.scss                              | 30 ++++++++++++++++++++++++++++++
 src/app/pages/programas/programas.scss          | 28 ----------------------------
 3 files changed, 52 insertions(+), 42 deletions(-)

diff --git a/src/app/components/article-box/article-box.html b/src/app/components/article-box/article-box.html
index 264ff35..b2680ee 100644
--- a/src/app/components/article-box/article-box.html
+++ b/src/app/components/article-box/article-box.html
@@ -1,17 +1,25 @@
 <article class="article-box" ng-click="vm.showContent()" ng-class="vm.category.slug">
-  <div>
-    <h2 class="article-box--category">{{ ::vm.category.name }}</h2>
-    <div class="article-box--image-wrapper">
-      <div class="article-box--image" ng-style="{ 'background-image' : 'url({{ vm.image.src }})' }"></div>
+    <div>
+        <h2 class="article-box--category">{{ ::vm.category.name }}</h2>
+        <div class="article-box--image-wrapper">
+            <div class="article-box--image" ng-style="{ 'background-image' : 'url({{ vm.image.src }})' }">
+                <div ng-if="vm.article.archived" class="img-mask--background">
+                    <div class="icon icon-programa-respondido">
+                        <div class="icon-circle">
+                            <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="article-box--title">
+            <h1>{{::vm.article.title}}</h1>
+        </div>
+        <div class="article-box--abstract" ng-bind-html="vm.article.summary"></div>
+        <div class="button--themed">
+            <button class="btn btn-block">
+                Participe
+            </button>
+        </div>
     </div>
-    <div class="article-box--title">
-      <h1>{{::vm.article.title}}</h1>
-    </div>
-    <div class="article-box--abstract" ng-bind-html="vm.article.summary"></div>
-    <div class="button--themed">
-      <button class="btn btn-block">
-        Participe
-      </button>
-    </div>
-  </div>
 </article>
diff --git a/src/app/index.scss b/src/app/index.scss
index 3e9eb27..9e456c9 100644
--- a/src/app/index.scss
+++ b/src/app/index.scss
@@ -198,6 +198,36 @@ body {
     }
 }
 
+
+
+.img-mask--background {
+    width: 100%;
+    height: 100%;
+    text-align: center;
+    
+    .icon-circle{
+        position: absolute;
+        left: 50%;
+        margin-left: -15px;
+        bottom: -10px;
+        width: 31px;
+        height: 31px;
+    }
+
+    .glyphicon {
+        position: relative;
+        top: -2px;
+        color: #fff;
+        background-color: #3FC869;
+        padding: 6px 5px 5px 6px;
+        border-radius: 100%;
+    }
+
+    .icon-programa-respondido {
+        transform: scale(0.8);
+    }
+}
+
 .icon {
     display: inline-block;
     vertical-align: middle;
diff --git a/src/app/pages/programas/programas.scss b/src/app/pages/programas/programas.scss
index bc8aad3..09c7a1d 100644
--- a/src/app/pages/programas/programas.scss
+++ b/src/app/pages/programas/programas.scss
@@ -206,34 +206,6 @@
         background-size: cover;
     }
 
-    .img-mask--background {
-        width: 100%;
-        height: 100%;
-        text-align: center;
-        
-        .icon-circle{
-            position: absolute;
-            left: 50%;
-            margin-left: -15px;
-            bottom: -10px;
-            width: 31px;
-            height: 31px;
-        }
-
-        .glyphicon {
-            position: relative;
-            top: -2px;
-            color: #fff;
-            background-color: #3FC869;
-            padding: 6px 5px 5px 6px;
-            border-radius: 100%;
-        }
-
-        .icon-programa-respondido {
-            transform: scale(0.8);
-        }
-    }
-
     .program-preview--banner .icon-programa-respondido {
         position: relative;
         top: 50%;
--
libgit2 0.21.2