github.com/fanux/shipyard@v0.0.0-20161009071005-6515ce223235/controller/static/app/plugins/plugins.html (about) 1 <div id="enable-modal" class="ui small modal transition"> 2 <i class="close icon"></i> 3 <div class="header"> 4 Enable Plugin: {{ vm.selectedPluginId | 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="disable-modal" class="ui small modal transition"> 21 <i class="close icon"></i> 22 <div class="header"> 23 Enable Plugin: {{ vm.selectedPluginId | 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="delete-modal" class="ui small modal transition"> 41 <i class="close icon"></i> 42 <div class="header"> 43 Delete Plugin: {{ vm.selectedPluginId | 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()" 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="edit-modal" class="ui small modal transition"> 61 <i class="close icon"></i> 62 <div class="header"> 63 Edit Plugin: {{ vm.selectedPluginId | limitTo:12 }} 64 </div> 65 <div class="content"> 66 <div class="ui form"> 67 <div class="fields"> 68 <div class="twelve wide field"> 69 <label>Kind</label> 70 <input class="input" ng-model="vm.selectedPlugin.Kind" type="text"> 71 <label>Description</label> 72 <input class="input" ng-model="vm.selectedPlugin.Description" type="text"> 73 <label>Spec</label> 74 <input class="input" ng-model="vm.selectedPlugin.Spec" type="text"> 75 <label>Manual</label> 76 <textarea class="input" ng-model="vm.selectedPlugin.Manual" type="text"></textarea> 77 </div> 78 </div> 79 </div> 80 </div> 81 <div class="actions"> 82 <div class="ui negative button"> 83 Cancel 84 </div> 85 <div ng-click="vm.editPlugin(vm.selectedPlugin)" class="ui positive right labeled icon button"> 86 Edit 87 <i class="edit icon"></i> 88 </div> 89 </div> 90 </div> 91 92 93 <div class="ui padded grid"> 94 <div class="two column row"> 95 <div class="left floated column"> 96 <div ng-click="vm.refresh()" class="ui small blue labeled icon button"> 97 <i class="refresh icon"></i> Refresh 98 </div> 99 <div ui-sref="dashboard.addPlugin" class="ui small green labeled icon button"> 100 <i class="add icon"></i> Add Plugin 101 </div> 102 </div> 103 104 <div class="right aligned right floated column"> 105 <div class="ui small icon input"> 106 <input ng-model="tableFilter" placeholder="Search plugins..." reset-field/> 107 </div> 108 </div> 109 </div> 110 111 <div class="row" ng-show="vm.error"> 112 <div class="sixteen wide column"> 113 <div class="ui error message"> 114 <div class="header">Error...</div> 115 <p>{{vm.error}}</p> 116 </div> 117 </div> 118 </div> 119 120 <div class="row" ng-show="vm.errors.length > 0"> 121 <div class="sixteen wide column"> 122 <div class="ui error message"> 123 <div class="header">Error...</div> 124 <p ng-repeat="e in vm.errors">{{e}}</p> 125 </div> 126 </div> 127 </div> 128 129 <div class="row" ng-show="vm.plugins.length === 0"> 130 <div class="column"> 131 <div class="ui icon message"> 132 <i class="info icon"></i> 133 <div class="content"> 134 <div class="header"> 135 Plugins 136 </div> 137 <p>There are no plugins.</p> 138 </div> 139 </div> 140 </div> 141 </div> 142 143 <div class="row" ng-show="filteredPlugins.length > 0"> 144 <div class="column"> 145 <table class="ui sortable celled table"> 146 <thead> 147 <tr> 148 <th id="select-all-table-header" class="collapsing"> 149 <div class="ui fitted checkbox" ng-click="vm.checkAll()"> 150 <input type="checkbox" id="all-cb" ng-model="vm.selectedAll"> 151 <label for="all-cb"></label> 152 </div> 153 </th> 154 <th id="plugin-health-table-header" class="collapsing"><i class="heartbeat icon"></i></th> 155 <th>Name</th> 156 <th>Description</th> 157 <th>Actions</th> 158 </tr> 159 </thead> 160 <tbody> 161 <tr ng-class="{'active': vm.selected[c.Name].Selected}" ng-repeat="c in filteredPlugins = (vm.plugins | filter:tableFilter)" jquery> 162 <td class="collapsing"> 163 <div class="positive ui fitted checkbox"> 164 <input type="checkbox" id="{{$index}}-cb" ng-model="vm.selected[c.Name].Selected"> 165 <label for="{{$index}}-cb"></label> 166 </div> 167 </td> 168 <td> 169 <i class="circle icon" ng-class="vm.pluginStatusText(c) == 'enable' ? 'green' : vm.pluginStatusText(c) == 'disable' ? 'yellow' : 'red'"></i> 170 <span class="hidden">{{vm.pluginStatusText(c)}}</span> 171 </td> 172 <td>{{c.Name}}</td> 173 <td>{{c.Description}}</td> 174 <td class="collapsing"> 175 <div ui-sref="dashboard.pdetail({id: c.Name})" class="basic compact blue ui icon button"> 176 <i class="search icon"></i> 177 </div> 178 <div ui-sref="dashboard.strategies({id: c.Name})" class="basic compact blue ui icon button"> 179 <i class="file text outline icon"></i> 180 </div> 181 182 <div class="ui right pointing dropdown"> 183 <div class="basic compact blue ui icon button"> 184 <i class="wrench icon"></i> 185 </div> 186 <div class="menu"> 187 <a ng-click="vm.showEnablePluginDialog(c)" class="item"><i class="green circle icon"></i> Enable</a> 188 <a ng-click="vm.showDisablePluginDialog(c)" class="item"><i class="red stop icon"></i> Disable</a> 189 <a ng-click="vm.showDeletePluginDialog(c)" class="item"><i class="red remove icon"></i> Delete</a> 190 <a ng-click="vm.showEditPluginDialog(c)" class="item"><i class="blue edit icon"></i> Edit</a> 191 </div> 192 </div> 193 </td> 194 </tr> 195 </tbody> 196 </table> 197 </div> 198 </div> 199 200 <div class="row" ng-show="vm.plugins.length > 0 && filteredPlugins.length === 0"> 201 <div class="column"> 202 <div class="ui icon message"> 203 <i class="info icon"></i> 204 <div class="content"> 205 <div class="header"> 206 Plugins 207 </div> 208 <p>No plugins matched your filter query</p> 209 </div> 210 </div> 211 </div> 212 </div> 213 </div> 214 215 <div id="multi-action-menu" class="ui bottom horizontal inverted labeled icon overlay sidebar menu" ng-class="{'visible': vm.selectedItemCount > 0}"> 216 <a class="header item"> 217 <i class="grid layout icon"></i>{{ vm.selectedItemCount }} Selected 218 </a> 219 <a class="item" ng-click="vm.clearAll()"> 220 <i class="ban icon"></i> 221 Clear 222 </a> 223 <a class="item" ng-click="vm.restartAll()"> 224 <i class="refresh icon"></i> 225 Enable 226 </a> 227 <a class="item" ng-click="vm.stopAll()"> 228 <i class="stop icon"></i> 229 Diable 230 </a> 231 <a class="item" ng-click="vm.destroyAll()"> 232 <i class="delete icon"></i> 233 Delete 234 </a> 235 </div> 236 237 <script> 238 $('.ui.dropdown').dropdown(); 239 </script>