From 33137f16f5ebfc523f6d507506e9509dff5520cc Mon Sep 17 00:00:00 2001
From: Victor Costa <vfcosta@gmail.com>
Date: Tue, 12 Jan 2016 12:40:02 -0300
Subject: [PATCH] Accept cover image in blog

---
 src/app/components/noosfero-articles/blog/blog.html |  7 ++++++-
 src/app/components/noosfero-articles/blog/blog.scss | 13 +++++++++++++
 2 files changed, 19 insertions(+), 1 deletion(-)
 create mode 100644 src/app/components/noosfero-articles/blog/blog.scss

diff --git a/src/app/components/noosfero-articles/blog/blog.html b/src/app/components/noosfero-articles/blog/blog.html
index c2eaa88..4823e55 100644
--- a/src/app/components/noosfero-articles/blog/blog.html
+++ b/src/app/components/noosfero-articles/blog/blog.html
@@ -1,4 +1,9 @@
-<div class="page-header">
+<div class="blog-cover" ng-show="vm.article.image">
+  <img ng-src="{{vm.article.image.url}}" class="img-responsive">
+  <h3 ng-bind="vm.article.title"></h3>
+</div>
+
+<div class="page-header" ng-show="!vm.article.image">
   <h3 ng-bind="vm.article.title"></h3>
 </div>
 
diff --git a/src/app/components/noosfero-articles/blog/blog.scss b/src/app/components/noosfero-articles/blog/blog.scss
new file mode 100644
index 0000000..44a69d0
--- /dev/null
+++ b/src/app/components/noosfero-articles/blog/blog.scss
@@ -0,0 +1,13 @@
+.blog-cover {
+  margin: -15px;
+  position: relative;
+  h3 {
+    position: absolute;
+    bottom: 0;
+    background-color: rgba(0, 0, 0, 0.4);
+    color: white;
+    padding: 10px 20px;
+    margin: 0;
+    width: 100%;
+  }
+}
--
libgit2 0.21.2