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

     1  <div class="ui padded grid">
     2  <div class="row" ng-show="vm.error">
     3      <div class="column">
     4          <div class="ui error message">
     5              <div class="header">Error...</div>
     6              <p>{{vm.error}}</p>
     7          </div>
     8      </div>
     9  </div>
    10  <div class="row">
    11      <div class="column">
    12          <div class="ui segment">
    13              <div class="ui form" ng-submit="vm.addPlugin()" ng-method="post">
    14                  <h4 class="ui dividing header">Plugin Details</h4>
    15                  <div class="three fields">
    16                                  <div class="field">
    17                                      <label>Name</label>
    18                                      <input name="command" class="input ng-pristine ng-valid ng-touched" type="text" ng-model="vm.name" placeholder="Name">
    19                                  </div>
    20                                  <div class="field">
    21                                      <label>Kind</label>
    22                                      <input type="text" name="kind" ng-model="vm.kind" placeholder="">
    23                                  </div>
    24                                  <div class="four field wide">
    25                                      <label>Status</label>
    26                                      <dropdown class="fluid" ng-model="vm.status">
    27                                      <dropdown-group>enable</dropdown-group>
    28                                      <dropdown-group>disable</dropdown-group>
    29                                      </dropdown>
    30                                  </div>
    31                  </div>
    32                  <label>Description</label>
    33                  <div class="field">
    34                      <input type="text" name="description" ng-model="vm.description" placeholder="">
    35                  </div>
    36                  <label>Spec</label>
    37                  <div class="field">
    38                      <input type="text" name="spec" ng-model="vm.spec" placeholder="">
    39                  </div>
    40                  <label>Manual</label>
    41                  <div class="field">
    42                      <textarea type="text" name="manual" ng-model="vm.manual" placeholder=""></textarea>
    43                  </div>
    44                  <div class="ui hidden divider"></div>
    45                  <div class="ui green submit button">Add Plugin</div>
    46              </div>
    47          </div>
    48      </div>
    49  </div>
    50  </div>
    51  <script>
    52  $(function(){
    53      $('.ui.form')
    54          .form({
    55              name: {
    56                  identifier : 'name',
    57                  rules: [
    58                  {
    59                      type   : 'empty',
    60                      prompt : 'Please enter a name'
    61                  }
    62                  ]
    63              },
    64              addr: {
    65                  identifier : 'addr',
    66                  rules: [
    67                  {
    68                      type   : 'empty',
    69                      prompt : 'Please enter an address'
    70                  }
    71                  ]
    72              }
    73          });
    74  
    75      $('.ui.checkbox').checkbox();
    76  });
    77  </script>