nitweb/angular: introduce entity-list directive

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

diff --git a/share/nitweb/directives/entity/list.html b/share/nitweb/directives/entity/list.html
new file mode 100644 (file)
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 (file)
--- 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 (file)
--- 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 {