From: Alexandre Terrasa <alexandre@moz-code.org>
Date: Wed, 1 Jun 2016 00:35:02 +0000 (-0400)
Subject: nitweb/angular: introduce entity-card directive
X-Git-Url: http://nitlanguage.org

nitweb/angular: introduce entity-card directive

Signed-off-by: Alexandre Terrasa <alexandre@moz-code.org>
---

diff --git a/share/nitweb/directives/entity/card.html b/share/nitweb/directives/entity/card.html
new file mode 100644
index 0000000..aa9ccb3
--- /dev/null
+++ b/share/nitweb/directives/entity/card.html
@@ -0,0 +1,11 @@
+<div class='card'>
+	<div class='card-left text-center'>
+		<entity-tag mentity='mentity' />
+	</div>
+	<div class='card-body'>
+		<h5 class='card-heading'>
+			<entity-signature mentity='mentity'/>
+		</h5>
+		<span class='synopsis' ng-bind-html='mentity.mdoc.html_synopsis' />
+	</div>
+</div>
diff --git a/share/nitweb/javascripts/entities.js b/share/nitweb/javascripts/entities.js
index c689277..76ebcd9 100644
--- a/share/nitweb/javascripts/entities.js
+++ b/share/nitweb/javascripts/entities.js
@@ -77,4 +77,15 @@
 				templateUrl: '/directives/entity/location.html'
 			};
 		})
+
+		.directive('entityCard', function() {
+			return {
+				restrict: 'E',
+				scope: {
+					mentity: '='
+				},
+				replace: true,
+				templateUrl: '/directives/entity/card.html'
+			};
+		})
 })();
diff --git a/share/nitweb/stylesheets/nitweb.css b/share/nitweb/stylesheets/nitweb.css
index 2baad72..71c81c6 100644
--- a/share/nitweb/stylesheets/nitweb.css
+++ b/share/nitweb/stylesheets/nitweb.css
@@ -48,11 +48,20 @@ a {
     width: 10000px;
 }
 
-.card-body {
+.card-body, .card-right, .card-left {
     display: table-cell;
     vertical-align: top;
 }
 
+.card-left, .card>.pull-left {
+    padding: 15px;
+	padding-right: 0px;
+}
+.card-right, .card>.pull-right {
+    padding: 15px;
+	padding-left: 0px;
+}
+
 /* doc */
 
 .nitdoc .synopsys {