github.com/fanux/shipyard@v0.0.0-20161009071005-6515ce223235/controller/static/app/events/events.html (about)

     1  <div id="clear-modal" class="ui small modal transition">
     2      <i class="close icon"></i>
     3      <div class="header">
     4          Clear Events
     5      </div>
     6      <div class="content">
     7          <p>Are you sure you want to clear all events?</p>
     8      </div>
     9      <div class="actions">
    10          <div class="ui negative button">
    11              No
    12          </div>
    13          <div ng-click="vm.clearEvents()" class="ui positive right labeled icon button">
    14              Yes
    15              <i class="checkmark icon"></i>
    16          </div>
    17      </div>
    18  </div>
    19  <div class="ui padded grid">
    20      <div class="two column row">
    21          <div class="left floated column">
    22              <div ng-click="vm.refresh()" class="ui small blue labeled icon button">
    23                  <i class="refresh icon"></i> Refresh
    24              </div>
    25              <div ng-click="vm.showClearEventsDialog()" class="ui small red labeled icon button">
    26                  <i class="trash icon"></i> Clear Events
    27              </div>
    28          </div>
    29          <div class="right aligned right floated column">
    30              <div class="ui small icon input">
    31                  <input ng-model="tableFilter" placeholder="Search events..." reset-field/>
    32              </div>
    33          </div>
    34      </div>
    35  
    36      <div class="row" ng-show="vm.events.length === 0">
    37          <div class="column">
    38              <div class="ui icon message">
    39                  <i class="info icon"></i>
    40                  <div class="content">
    41                      <div class="header">
    42                          Events
    43                      </div>
    44                      <p>There are no events recorded.</p>
    45                  </div>
    46              </div>
    47          </div>
    48      </div>
    49  
    50      <div class="row" ng-show="filteredEvents.length > 0">
    51          <div class="column">
    52              <table class="ui sortable celled table" ng-show="vm.events">
    53                  <thead>
    54                      <tr>
    55                          <th>Time</th>
    56                          <th>User</th>
    57                          <th>Type</th>
    58                          <th>Message</th>
    59                          <th>Container</th>
    60                          <th>Node</th>
    61                          <th>Tags</th>
    62                      </tr>
    63                  </thead>
    64                  <tbody>
    65                      <tr ng-repeat="e in filteredEvents = (vm.events | filter:tableFilter)">
    66                          <td>{{e.time}}</td>
    67                          <td>{{e.username}}</td>
    68                          <td>{{e.type}}</td>
    69                          <td>{{e.message}}</td>
    70                          <td>{{e.container.id | limitTo:8}}</td>
    71                          <td>{{e.engine.id}}</td>
    72                          <td>{{e.tags.join(', ')}}</td>
    73                      </tr>
    74                  </tbody>
    75              </table>
    76          </div>
    77      </div>
    78  
    79      <div class="row" ng-show="vm.events.length > 0 && filteredEvents.length === 0">
    80          <div class="column">
    81              <div class="ui icon message">
    82                  <i class="info icon"></i>
    83                  <div class="content">
    84                      <div class="header">
    85                          Events
    86                      </div>
    87                      <p>No events matched your filter query</p>
    88                  </div>
    89              </div>
    90          </div>
    91      </div>
    92  </div>
    93  
    94  <script>
    95  $('.ui.sortable.celled.table').tablesort();
    96  </script>