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>