Add more info on article page

Victor Costa
1 parent b0848462
Showing 2 changed files with 30 additions and 1 deletions Show diff stats
src/app/components/noosfero-articles/article/article.html
src/app/components/noosfero-articles/article/article.scss
@@ -2,6 +2,20 @@
   <h3 ng-bind="vm.article.title"></h3>
 </div>
  
-<div>
+<div class="sub-header clearfix">
+  <div class="page-info pull-right small text-muted">
+    <span class="time">
+      <i class="fa fa-clock-o"></i> <span am-time-ago="vm.article.created_at"></span>
+    </span>
+    <span class="author" ng-if="vm.article.author">
+      <i class="fa fa-user"></i>
+      <a ui-sref="main.profile({profile: vm.article.author.identifier})">
+        <span class="author-name" ng-bind="vm.article.author.name"></span>
+      </a>
+    </span>
+  </div>
+</div>
+
+<div class="page-body">
   <div ng-bind-html="vm.article.body"></div>
 </div>
@@ -0,0 +1,15 @@
+.page-info {
+  .author {
+    a {
+      color: #b4bcc2;
+    }
+  }
+}
+
+.page-header {
+    margin-bottom: 5px;
+}
+
+.sub-header {
+  margin-bottom: 20px;
+}
...	...	@@ -2,6 +2,20 @@
2	2	<h3 ng-bind="vm.article.title"></h3>
3	3	</div>
4	4
5		-<div>
	5	+<div class="sub-header clearfix">
	6	+ <div class="page-info pull-right small text-muted">
	7	+ <span class="time">
	8	+ <i class="fa fa-clock-o"></i> <span am-time-ago="vm.article.created_at"></span>
	9	+ </span>
	10	+ <span class="author" ng-if="vm.article.author">
	11	+ <i class="fa fa-user"></i>
	12	+ <a ui-sref="main.profile({profile: vm.article.author.identifier})">
	13	+ <span class="author-name" ng-bind="vm.article.author.name"></span>
	14	+ </a>
	15	+ </span>
	16	+ </div>
	17	+</div>
	18	+
	19	+<div class="page-body">
6	20	<div ng-bind-html="vm.article.body"></div>
7	21	</div>
...	...
...	...	@@ -0,0 +1,15 @@
	1	+.page-info {
	2	+ .author {
	3	+ a {
	4	+ color: #b4bcc2;
	5	+ }
	6	+ }
	7	+}
	8	+
	9	+.page-header {
	10	+ margin-bottom: 5px;
	11	+}
	12	+
	13	+.sub-header {
	14	+ margin-bottom: 20px;
	15	+}
...	...