share/nitweb/views/index.html

   1 <div class='container-fluid'>
   2         <div class='page-header'>
   3                 <h2>Welcome to NitWeb!</h2>
   4                 <p class='text-muted'>The Nit knowledge base.</p>
   5         </div>
   6
   7         <ul class='nav nav-tabs' role='tablist'>
   8                 <li role='presentation' class='active'>
   9                         <a data-toggle='tab' role='tab' data-target='#highlighted' aria-controls='highlighted'>
  10                                 <span class='glyphicon glyphicon-book'/> Highlighed
  11                         </a>
  12                 </li>
  13                 <li role='presentation'>
  14                         <a data-toggle='tab' role='tab' data-target='#required' aria-controls='required'
  15                                 ng-click='indexCtrl.loadMostRequired()'>
  16                                 <span class='glyphicon glyphicon-book'/> Most required
  17                         </a>
  18                 </li>
  19                 <li role='presentation'>
  20                         <a data-toggle='tab' role='tab' data-target='#bytags' aria-controls='bytags'
  21                                 ng-click='indexCtrl.loadByTags()'>
  22                                 <span class='glyphicon glyphicon-book'/> By tags
  23                         </a>
  24                 </li>
  25         </ul>
  26         <table class='table'>
  27                 <tr>
  28                         <td ng-repeat='(key, value) in stats'>
  29                                 <h5><strong>{{value}}</strong>&nbsp;<span>{{key}}</span></h5>
  30                         </td>
  31                 </tr>
  32         </table>
  33
  34         <div class='container-fluid'>
  35                 <div class='col-xs-9'>
  36                         <div class='tab-content'>
  37                                 <div role='tabpanel' class='tab-pane fade in active' id='highlighted'>
  38                                         <entity-list list-title='Highlighted packages'
  39                                                 list-entities='highlighted'
  40                                                 list-object-filter='{}' />
  41                                 </div>
  42                                 <div role='tabpanel' class='tab-pane fade' id='required'>
  43                                         <entity-list list-title='Most required'
  44                                                 list-entities='required'
  45                                                 list-object-filter='{}' />
  46                                 </div>
  47                                 <div role='tabpanel' class='tab-pane fade' id='bytags'>
  48                                         <h3>Tags</h3>
  49                                         <div class='container-fluid'>
  50                                                 <div class='col-xs-3' ng-repeat='(tag, packages) in bytags'>
  51                                                         <span class='badge'>{{packages.length}}</span>
  52                                                         <a ng-click='indexCtrl.scrollTo(tag)'>{{tag}}</a>
  53                                                 </div>
  54                                         </div>
  55                                         <div ng-repeat='(tag, packages) in bytags'>
  56                                                 <entity-list list-id='{{tag}}' list-title='{{tag}}'
  57                                                         list-entities='packages'
  58                                                         list-object-filter='{}' />
  59                                         </div>
  60                                 </div>
  61                         </div>
  62                 </div>
  63                 <div class='col-xs-3'>
  64                         <contributor-list list-title='Maintainers'
  65                                         list-contributors='contributors.maintainers' />
  66                         <contributor-list list-title='Contributors'
  67                                         list-contributors='contributors.contributors' />
  68                 </div>
  69         </div>
  70 </div>