share/nitweb/directives/entity/card.html

   1 <div class='card'>
   2         <div class='card-left text-center' ng-if='!noSynopsis'>
   3                 <entity-tag mentity='mentity' />
   4         </div>
   5         <div class='card-body'>
   6                 <h5 class='card-heading' ng-if='!noSynopsis'>
   7                         <entity-signature mentity='mentity'/>
   8                 </h5>
   9                 <div class='tab-content'>
  10                         <div id='{{mentity.html_id}}-signature' class='tab-pane' ng-if='!noSynopsis'
  11                           ng-class='currentTab == "signature" ? "active" : ""'>
  12                                 <span class='synopsis' ng-bind-html='mentity.mdoc.html_synopsis' />
  13                         </div>
  14                         <div id='{{mentity.html_id}}-grade' class='tab-pane'
  15                           ng-class='currentTab == "grade" ? "active" : ""'>
  16                                 <entity-rating mentity='mentity' ratings='ratings'>
  17                         </div>
  18                 </div>
  19         </div>
  20         <div class='card-right'>
  21                 <div class='dropdown'>
  22                         <button class='btn btn-link dropdown-toggle' type='button' data-toggle='dropdown'>
  23                                 <span class='glyphicon glyphicon-chevron-down'></span>
  24                         </button>
  25                         <ul class='dropdown-menu dropdown-menu-right'>
  26                                 <li ng-class='currentTab == "signature" ? "active" : ""' ng-if='!noSynopsis'>
  27                                         <a ng-click='currentTab = "signature"'>Signature</a>
  28                                 </li>
  29                                 <li ng-class='currentTab == "grade" ? "active" : ""'>
  30                                         <a ng-click='loadEntityStars(); currentTab = "grade"'>Grade</a>
  31                                 </li>
  32                         </ul>
  33                 </div>
  34         </div>
  35 </div>