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

     1  <div id="senable-modal" class="ui small modal transition">
     2      <i class="close icon"></i>
     3      <div class="header">
     4          Enable Strategy: {{ vm.selectedPlugin.Name | limitTo:12 }}
     5      </div>
     6      <div class="content">
     7          <p>Are you sure you want to enable this plugin?</p>
     8      </div>
     9      <div class="actions">
    10          <div class="ui negative button">
    11              No
    12          </div>
    13          <div ng-click="vm.enablePlugin(vm.selectedPlugin)" class="ui positive right labeled icon button">
    14              Yes
    15              <i class="checkmark icon"></i>
    16          </div>
    17      </div>
    18  </div>
    19  
    20  <div id="sdisable-modal" class="ui small modal transition">
    21      <i class="close icon"></i>
    22      <div class="header">
    23          Disable Strategy: {{ vm.selectedPlugin.Name | limitTo:12 }}
    24      </div>
    25      <div class="content">
    26          <p>Are you sure you want to enable this plugin?</p>
    27      </div>
    28      <div class="actions">
    29          <div class="ui negative button">
    30              No
    31          </div>
    32          <div ng-click="vm.disablePlugin(vm.selectedPlugin)" class="ui positive right labeled icon button">
    33              Yes
    34              <i class="checkmark icon"></i>
    35          </div>
    36      </div>
    37  </div>
    38  
    39  
    40  <div id="sdelete-modal" class="ui small modal transition">
    41      <i class="close icon"></i>
    42      <div class="header">
    43          Delete Strategy: {{ vm.selectedPlugin.Name | limitTo:12 }}
    44      </div>
    45      <div class="content">
    46          <p>Are you sure you want to destroy this plugin?</p>
    47      </div>
    48      <div class="actions">
    49          <div class="ui negative button">
    50              No
    51          </div>
    52          <div ng-click="vm.deletePlugin(vm.selectedPlugin)" class="ui positive right labeled icon button">
    53              Yes
    54              <i class="checkmark icon"></i>
    55          </div>
    56      </div>
    57  </div>
    58  
    59  
    60  <div id="sedit-modal" class="ui  modal transition">
    61      <i class="close icon"></i>
    62      <div class="header">
    63          Edit Strategy: {{ vm.selectedPlugin.Name | limitTo:12 }}
    64      </div>
    65      <div class="content">
    66          <div class="ui form">
    67              <div class="two fields">
    68                  <div class="field">
    69                      <label>Document</label>
    70                      <textarea class="input" ng-model="vm.selectedPlugin.Document" type="text"></textarea>
    71                  </div>
    72                  <div class="field">
    73                      <label>Preview</label>
    74                      <textarea class="input" ng-model="vm.jsonDocument(vm.selectedPlugin.Document)" type="text"></textarea>
    75                  </div>           
    76              </div>
    77  
    78          </div>
    79      </div>
    80      <div class="actions">
    81          <div class="ui negative button">
    82              Cancel
    83          </div>
    84          <div ng-click="vm.editPlugin(vm.selectedPlugin)" class="ui positive right labeled icon button">
    85              Edit
    86              <i class="edit icon"></i>
    87          </div>
    88      </div>
    89  </div>
    90  
    91  
    92  <div class="ui padded grid">
    93      <div class="two column row">
    94          <div class="left floated column">
    95              <div ng-click="vm.refresh()" class="ui small blue labeled icon button">
    96                  <i class="refresh icon"></i> Refresh
    97              </div>
    98              <div ui-sref="dashboard.addStrategy({id: vm.PluginName})" class="ui small green labeled icon button">
    99                  <i class="add icon"></i> Add Strategy
   100              </div>
   101          </div>
   102  
   103          <div class="right aligned right floated column">
   104              <div class="ui small icon input">
   105                  <input ng-model="tableFilter" placeholder="Search plugins..." reset-field/>
   106              </div>
   107          </div>
   108      </div>
   109  
   110      <div class="row" ng-show="vm.error">
   111          <div class="sixteen wide column">
   112              <div class="ui error message">
   113                  <div class="header">Error...</div>
   114                  <p>{{vm.error}}</p>
   115              </div>
   116          </div>
   117      </div>
   118  
   119      <div class="row" ng-show="vm.errors.length > 0">
   120          <div class="sixteen wide column">
   121              <div class="ui error message">
   122                  <div class="header">Error...</div>
   123                  <p ng-repeat="e in vm.errors">{{e}}</p>
   124              </div>
   125          </div>
   126      </div>
   127  
   128      <div class="row" ng-show="vm.plugins.length === 0">
   129          <div class="column">
   130              <div class="ui icon message">
   131                  <i class="info icon"></i>
   132                  <div class="content">
   133                      <div class="header">
   134                          Plugins
   135                      </div>
   136                      <p>There are no plugins.</p>
   137                  </div>
   138              </div>
   139          </div>
   140      </div>
   141  
   142      <div class="row" ng-show="filteredPlugins.length > 0">
   143          <div class="column">
   144              <table class="ui sortable celled table">
   145                  <thead>
   146                      <tr>
   147                          <th id="select-all-table-header" class="collapsing">
   148                              <div class="ui fitted checkbox" ng-click="vm.checkAll()">
   149                                  <input type="checkbox" id="all-cb" ng-model="vm.selectedAll">
   150                                  <label for="all-cb"></label>
   151                              </div>
   152                          </th>
   153                          <th id="plugin-health-table-header" class="collapsing"><i class="heartbeat icon"></i></th>
   154                          <th>Name</th>
   155                          <th>PluginName</th>
   156                          <th>Actions</th>
   157                      </tr>
   158                  </thead>
   159                  <tbody>
   160                      <tr ng-class="{'active': vm.selected[c.Id].Selected}" ng-repeat="c in filteredPlugins = (vm.plugins | filter:tableFilter) track by $index" jquery>
   161                          <td class="collapsing">
   162                              <div class="positive ui fitted checkbox">
   163                                  <input type="checkbox" id="{{$index}}-cb" ng-model="vm.selected[c.Id].Selected">
   164                                  <label for="{{$index}}-cb"></label>
   165                              </div>
   166                          </td>
   167                          <td>
   168                              <i class="circle icon" ng-class="vm.pluginStatusText(c) == 'enable' ? 'green' : vm.pluginStatusText(c) == 'disable' ? 'yellow' : 'red'"></i>
   169                              <span class="hidden">{{vm.pluginStatusText(c)}}</span>
   170                          </td>
   171                          <td>{{c.Name}}</td> 
   172                          <td>{{c.PluginName}}</td>
   173                          <td class="collapsing">
   174                              <div ui-sref="dashboard.sdetail({id: c.Name, pn:c.PluginName })" class="basic compact blue ui icon button">
   175                                  <i class="search icon"></i>
   176                              </div>
   177                              <div ui-sref="dashboard.sedit({id: c.Name, pn:c.PluginName })" class="basic compact blue ui icon button">
   178                                  <i class="edit icon"></i>
   179                              </div>
   180                              <div class="ui right pointing dropdown">
   181                                  <div class="basic compact blue ui icon button">
   182                                      <i class="wrench icon"></i>
   183                                  </div>
   184                                  <div class="menu">
   185                                      <a ng-click="vm.showEnablePluginDialog(c)" class="item"><i class="green circle icon"></i> Enable</a>
   186                                      <a ng-click="vm.showDisablePluginDialog(c)" class="item"><i class="red stop icon"></i> Disable</a>
   187                                      <a ng-click="vm.showDeletePluginDialog(c)" class="item"><i class="red remove icon"></i> Delete</a>
   188                                      <a ng-click="vm.showEditStrategyDialog(c)" class="item"><i class="blue edit icon"></i> Edit</a>
   189                                  </div>
   190                              </div>
   191                          </td>
   192                      </tr>
   193                  </tbody>
   194              </table>
   195          </div>
   196      </div>
   197  
   198      <div class="row" ng-show="vm.plugins.length > 0 && filteredPlugins.length === 0">
   199          <div class="column">
   200              <div class="ui icon message">
   201                  <i class="info icon"></i>
   202                  <div class="content">
   203                      <div class="header">
   204                          Plugins
   205                      </div>
   206                      <p>No plugins matched your filter query</p>
   207                  </div>
   208              </div>
   209          </div>
   210      </div>
   211  </div>
   212  
   213  <div id="multi-action-menu" class="ui bottom horizontal inverted labeled icon overlay sidebar menu" ng-class="{'visible': vm.selectedItemCount > 0}">
   214      <a class="header item">
   215          <i class="grid layout icon"></i>{{ vm.selectedItemCount }} Selected
   216      </a>
   217      <a class="item" ng-click="vm.clearAll()">
   218          <i class="ban icon"></i>
   219          Clear 
   220      </a>
   221      <a class="item" ng-click="vm.restartAll()">
   222          <i class="refresh icon"></i>
   223          Enable 
   224      </a>
   225      <a class="item" ng-click="vm.stopAll()">
   226          <i class="stop icon"></i>
   227          Diable 
   228      </a>
   229      <a class="item" ng-click="vm.destroyAll()">
   230          <i class="delete icon"></i>
   231          Delete 
   232      </a>
   233  </div>
   234  
   235  <script>
   236  $('.ui.dropdown').dropdown();
   237  </script>