nitweb: rewrite catalog frontend

[nit.git] / share / nitweb / directives / entity / card.html

diff --git a/share/nitweb/directives/entity/card.html b/share/nitweb/directives/entity/card.html
index 9f85113..18675a0 100644 (file)
--- a/share/nitweb/directives/entity/card.html
+++ b/share/nitweb/directives/entity/card.html
@@ -2,10 +2,34 @@
        <div class='card-left text-center'>
                <entity-tag mentity='mentity' />
        </div>
-       <div class='card-body'>
+       <div class='card-body' ng-if='mentity.class_name == "MPackage"' style='width: 75%'>
                <h5 class='card-heading'>
                        <entity-signature mentity='mentity' />
+                       <small ng-if='mentity.class_name == "MPackage"'>
+                               <span ng-repeat='tag in mentity.metadata.tags'>
+                                       <a ui-sref='tag({id: tag})' class='text-muted'>{{tag}}</a>
+                                       <span ng-if='!$last'>,</span>
+                               </span>
+                       </small>
                </h5>
                <span class='synopsis' ng-bind-html='mentity.mdoc.html_synopsis' />
        </div>
+       <div class='card-body' ng-if='mentity.class_name != "MPackage"'>
+               <h5 class='card-heading'>
+                       <entity-signature mentity='mentity' />
+               </h5>
+               <span class='synopsis' ng-bind-html='mentity.mdoc.html_synopsis' />
+       </div>
+       <div class='card-right' ng-if='mentity.class_name == "MPackage"' style='width: 25%'>
+               <span ng-repeat='maintainer in mentity.metadata.maintainers'>
+                       <img class='avatar' src='https://secure.gravatar.com/avatar/{{maintainer.gravatar}}?size=14&amp;default=retro' />
+                       <a ui-sref='person({id: maintainer.name})'>{{maintainer.name}}</a>
+               </span>
+               <br>
+               <span ng-if='mentity.metadata.license'>
+                       <span class='text-muted'>
+                               <a href='http://opensource.org/licenses/{{mentity.license}}' class='text-muted'>{{mentity.metadata.license}}</a>
+                       </span>
+               </span>
+       </div>
 </div>