From 3328669d03860e0dddd8106335f62c1d7fe455d4 Mon Sep 17 00:00:00 2001
From: Alexandre Terrasa <alexandre@moz-code.org>
Date: Tue, 31 May 2016 20:37:09 -0400
Subject: [PATCH] nitweb/angular: introduce entity-list directive

Signed-off-by: Alexandre Terrasa <alexandre@moz-code.org>
---
 share/nitweb/directives/entity/list.html |   11 +++++++++++
 share/nitweb/javascripts/entities.js     |   11 +++++++++++
 share/nitweb/stylesheets/nitweb.css      |   13 +++++++++++++
 3 files changed, 35 insertions(+)
 create mode 100644 share/nitweb/directives/entity/list.html

diff --git a/share/nitweb/directives/entity/list.html b/share/nitweb/directives/entity/list.html
new file mode 100644
index 0000000..9e40d82
--- /dev/null
+++ b/share/nitweb/directives/entity/list.html
@@ -0,0 +1,11 @@
+<div ng-if='listEntities.length > 0'>
+	<h3 id={{listId}}>
+		<span>{{listTitle}}</span>
+	</h3>
+		<div class='card-list'>
+			<entity-card
+				mentity='mentity'
+				ng-repeat='mentity in listEntities' />
+		</div>
+	</div>
+</div>
diff --git a/share/nitweb/javascripts/entities.js b/share/nitweb/javascripts/entities.js
index 76ebcd9..e56d676 100644
--- a/share/nitweb/javascripts/entities.js
+++ b/share/nitweb/javascripts/entities.js
@@ -88,4 +88,15 @@
 				templateUrl: '/directives/entity/card.html'
 			};
 		})
+
+		.directive('entityList', function() {
+			return {
+				restrict: 'E',
+				scope: {
+					listEntities: '=',
+					listTitle: '@',
+				},
+				templateUrl: '/directives/entity/list.html',
+			};
+		})
 })();
diff --git a/share/nitweb/stylesheets/nitweb.css b/share/nitweb/stylesheets/nitweb.css
index 71c81c6..ccecb1b 100644
--- a/share/nitweb/stylesheets/nitweb.css
+++ b/share/nitweb/stylesheets/nitweb.css
@@ -62,6 +62,19 @@ a {
 	padding-left: 0px;
 }
 
+.card-list {
+	margin-top: 10px;
+}
+
+.card-list > .card:first-child {
+	border-top: 1px solid #ccc;
+}
+
+.card-list > .card {
+	margin-top: 0;
+	border-top: none;
+}
+
 /* doc */
 
 .nitdoc .synopsys {
-- 
1.7.9.5