gui/app/views/container.html

   1 <!--container management-->
   2
   3 <div class="content">
   4     <div style="display:flex;flex-direction:row;">
   5         <div style="width:750px;">
   6
   7             <h3>{{envName}} -- Container
   8                 <!--<button class="btn btn-default" style="float:right">Go Next</button>-->
   9
  10             </h3>
  11             <!--<p>In this process, you can input your define openrc config or upload a openrc file</p>-->
  12
  13             <hr/>
  14
  15             <select ng-model="selectContainer" data-ng-options="container as container.name for container in containerList">
  16                 <option value="">Choose...</option>
  17             </select>
  18
  19             <button class="btn btn-default" ng-click="createContainer()" ng-disabled="selectContainer==null">
  20                                     <div ng-show="!showloading">Create</div>
  21                                     <img src="images/loading2.gif" width="25" height="25" ng-if="showloading" />
  22             </button>
  23
  24             <hr/>
  25
  26             <div>
  27                 <h4 ng-show="displayContainerInfo.length==0">No Container Data</h4>
  28                 <div ng-show="displayContainerInfo.length!=0">
  29                     <h4>Current Container</h4>
  30                     <table class="table table-striped">
  31
  32                         <tr>
  33                             <th>name</th>
  34                             <th>status</th>
  35                             <th>time</th>
  36                             <th>delete</th>
  37
  38                         </tr>
  39                         <tr ng-repeat="con in displayContainerInfo">
  40                             <td>{{con.name}}</td>
  41                             <td>{{con.status}}</td>
  42                             <td>{{con.time}}</td>
  43                             <td>
  44                                 <button class="btn btn-default btn-sm" ng-click="openDeleteEnv(con.id,'container')">Delete</button>
  45                             </td>
  46
  47
  48                         </tr>
  49
  50
  51
  52                     </table>
  53                 </div>
  54             </div>
  55
  56
  57
  58
  59
  60
  61
  62
  63
  64
  65         </div>
  66
  67
  68     </div>
  69
  70 </div>
  71 <toaster-container></toaster-container>
  72
  73 <style>
  74     .form-control {
  75         border-radius: 5px;
  76         width: 200px;
  77         margin-bottom: 10px;
  78     }
  79
  80     .uploadbutton {
  81         background-color: #007ACC;
  82         color: #fff;
  83         border: 0px;
  84         border-radius: 5px;
  85         height: 27px;
  86     }
  87
  88     .edit-title {
  89         border: 0px;
  90         background-color: #ffffff;
  91         margin-bottom: 5px;
  92         font-size: 12px;
  93     }
  94
  95     .null-edit-title {
  96         border: 1px solid #e5e6e7;
  97         border-radius: 5px;
  98         margin-bottom: 3px;
  99     }
 100
 101     .item-info {
 102         display: flex;
 103         flex-direction: row;
 104     }
 105
 106     .delete-img {
 107         width: 15px;
 108         height: 15px;
 109         opacity: 0.8;
 110         margin-left: -10px;
 111         margin-top: -3px;
 112         cursor: pointer;
 113     }
 114
 115     .nextButton {
 116         margin-top: 30px;
 117         border: none;
 118         border-radius: 5px;
 119         padding: 6px;
 120         background-color: #339933;
 121         color: #ffffff;
 122         text-align: center;
 123         /* margin-left: 300px; */
 124     }
 125
 126     select {
 127         height: 30px;
 128         border-radius: 5px;
 129         border: 1px solid #e8e8e8;
 130         width: 135px;
 131         margin-top: 20px;
 132         margin-left: 20px;
 133     }
 134 </style>