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

     1  <div class="ui small destroy modal transition">
     2  <i class="close icon"></i>
     3  <div class="header">
     4      Destroy Container: {{ vm.selectedContainerId | limitTo:12 }}
     5  </div>
     6  <div class="content">
     7      <p>Are you sure you want to destroy this plugin?</p>
     8  </div>
     9  <div class="actions">
    10      <div class="ui negative button">
    11          No
    12      </div>
    13      <div ng-click="vm.destroyContainer()" class="ui positive right labeled icon button">
    14          Yes
    15          <i class="checkmark icon"></i>
    16      </div>
    17  </div>
    18  </div>
    19  
    20  <div class="ui small restart modal transition" style="margin-top: -98px;">
    21      <i class="close icon"></i>
    22      <div class="header">
    23          Restart Container: {{ vm.selectedContainerId | limitTo:12 }}
    24      </div>
    25      <div class="content">
    26          <p>Are you sure you want to restart this plugin?</p>
    27      </div>
    28      <div class="actions">
    29          <div class="ui negative button">
    30              No
    31          </div>
    32          <div ng-click="vm.restartContainer()" class="ui positive right labeled icon button">
    33              Yes
    34              <i class="checkmark icon"></i>
    35          </div>
    36      </div>
    37  </div>
    38  
    39  <div class="ui small stop modal transition" style="margin-top: -98px;">
    40      <i class="close icon"></i>
    41      <div class="header">
    42          Stop Container: {{ vm.selectedContainerId | limitTo:12 }}
    43      </div>
    44      <div class="content">
    45          <p>Are you sure you want to stop this plugin?</p>
    46      </div>
    47      <div class="actions">
    48          <div class="ui negative button">
    49              No
    50          </div>
    51          <div ng-click="vm.stopContainer()" class="ui positive right labeled icon button">
    52              Yes
    53              <i class="checkmark icon"></i>
    54          </div>
    55      </div>
    56  </div>
    57  
    58  <div class="ui small pause modal transition" style="margin-top: -98px;">
    59      <i class="close icon"></i>
    60      <div class="header">
    61          Pause Container: {{ vm.selectedContainerId | limitTo:12 }}
    62      </div>
    63      <div class="content">
    64          <p>Are you sure you want to pause this plugin?</p>
    65      </div>
    66      <div class="actions">
    67          <div class="ui negative button">
    68              No
    69          </div>
    70          <div ng-click="vm.pauseContainer()" class="ui positive right labeled icon button">
    71              Yes
    72              <i class="checkmark icon"></i>
    73          </div>
    74      </div>
    75  </div>
    76  
    77  <div class="ui padded grid">
    78      <div class="row">
    79          <div class="column">
    80              <div class="ui segment page" ng-class="vm.pluginStatusText(vm.plugin) == 'enable' ? 'green' :  'red'"">
    81                  <div class= "ui grid">
    82                      <div class="two column row">
    83                          <div class="column">
    84                              <h3 class="ui header">
    85                                  <div class="content">                                    
    86                                      <i class="circle icon" ng-class="vm.pluginStatusText(vm.plugin) == 'enable' ? 'green' :  'red'"></i>
    87                                      {{ vm.plugin.Name }}
    88                                  </div>
    89                              </h3>
    90                          </div>
    91                      </div>
    92                      <div class="three column row">
    93                          <div class="column">
    94                              <h4 class="ui dividing header">Plugin Configuration</h4>
    95                              <div class="ui two column grid">
    96                                  <div class="column">
    97                                      <div class="content">
    98                                          <span class="header"><b>Kind</b></span>
    99                                          <div class="description">{{ vm.plugin.Kind | limitTo:12 }}</div>
   100                                      </div>
   101                                  </div>
   102                                  <div class="column">
   103                                      <div class="content">
   104                                          <span class="header"><b>Spec</b></span>
   105                                          <pre class="logs">{{ vm.plugin.Spec }}</pre>
   106                                      </div>
   107                                  </div>
   108                              </div>
   109                              <h4 class="ui dividing header">Description</h4>
   110                                      <div class="content">
   111                                          <pre class="logs">{{ vm.plugin.Description }}</pre>
   112                                      </div>
   113                          </div>
   114                          <div class="column">
   115                              <h4 class="ui dividing header">Manual</h4>
   116                              <div class="description">{{ vm.plugin.Manual }}</div>
   117                          </div>
   118                      </div>
   119                  </div>
   120              </div>
   121          </div>
   122      </div>
   123  </div>