gui/app/views/environmentDetail.html

   1 <!--environment detail page-->
   2
   3 <div class="content" style="overflow-x: scroll;">
   4     <div style="display:flex;flex-direction:row;">
   5         <div>
   6
   7
   8             <h3> {{baseElementInfo.name}} -- Openrc
   9                 <button class="btn btn-default" style="float:right" ng-click="goNext()">Next</button>
  10                 <button class="btn btn-default" style="float:right;margin-right:10px;" ng-click="openDeleteEnv(1,'openrc')">Delete</button>
  11             </h3>
  12             <!--<p>In this process, you can input your define openrc config or upload a openrc file</p>-->
  13
  14
  15
  16             <div>
  17
  18                 <button style="display:inline;" class="btn btn-default" ng-click="addEnvironment()" ng-show="uuid==null">Add Name</button>
  19             </div>
  20
  21
  22
  23             <hr/>
  24             <div bs-tabs style="width:600px;">
  25                 <div data-title="Detail" bs-pane ng-if="openrcInfo.openrc!=null">
  26
  27                     <h4>
  28                         You have already set up the openrc parameters
  29                     </h4>
  30                     <hr />
  31                     <div ng-repeat="(key,value) in openrcInfo.openrc">
  32                         <nobr>
  33                             <font style="font-weight:600;font-size:14px;">{{key}} : </font>
  34                             <font style="font-size:14px;">{{value}}</font>
  35                         </nobr>
  36                     </div>
  37
  38                 </div>
  39                 <div data-title="Update" bs-pane>
  40
  41                     <div style="margin-top:20px;">
  42                         <button class="btn btn-default" ng-click="addInfo()" style="margin-bottom:20px;">Add</button>
  43                         <div style="height:300px;width:800px;display:flex;flex-direction:column;flex-wrap:wrap;margin-left:5px;">
  44                             <div ng-repeat="info in envInfo">
  45                                 <!--<div> {{info.name}}</div>-->
  46
  47                                 <input class="edit-title" ng-model="info.name" ng-class="{'null-edit-title':info.name==null}" ng-attr-type="{{info.name.indexOf('PASSWORD')>-1 ? password : text}}" />
  48
  49                                 <div class="item-info">
  50                                     <input class="form-control" type="text" ng-model="info.value" />
  51                                     <!--<button class="delete-button" ng-click="deleteEnvItem($index)">delete</button>-->
  52                                     <img src="images/close.png" ng-click="deleteEnvItem($index)" class="delete-img" />
  53                                 </div>
  54
  55
  56
  57                             </div>
  58                         </div>
  59                         <button class="btn btn-default" ng-click="submitOpenRcFile()" style="margin-bottom:20px;">
  60                                      <div ng-if="!showloading">submit</div>
  61                                      <img src="images/loading2.gif" width="25" height="25" ng-if="showloading" />
  62                                 </button>
  63
  64                     </div>
  65
  66                 </div>
  67                 <div data-title="Upload File" bs-pane>
  68                     <div style="margin-top:20px;height:405px;">
  69                         <button class="btn btn-default" style="margin-bottom:20px;" ngf-select="uploadFiles($file, $invalidFiles)" ngf-max-size="5MB">
  70                                     <div ng-show="!loadingOPENrc">Upload</div>
  71                                      <img src="images/loading2.gif" width="25" height="25" ng-if="loadingOPENrc" />
  72                                     </button>
  73
  74                         <!--<div ng-show="displayOpenrcFile!=null || displayOpenrcFile!=undefined">
  75                             {{displayOpenrcFile.name}} last modified: {{filelastModified}}
  76                         </div>-->
  77                     </div>
  78                 </div>
  79             </div>
  80
  81
  82
  83         </div>
  84
  85
  86     </div>
  87
  88 </div>
  89 <toaster-container></toaster-container>
  90
  91 <style>
  92     .form-control {
  93         border-radius: 5px;
  94         width: 200px;
  95         margin-bottom: 10px;
  96     }
  97
  98     .uploadbutton {
  99         background-color: #007ACC;
 100         color: #fff;
 101         border: 0px;
 102         border-radius: 5px;
 103         height: 27px;
 104     }
 105
 106     .edit-title {
 107         border: 0px;
 108         background-color: #ffffff;
 109         margin-bottom: 5px;
 110         font-size: 12px;
 111     }
 112
 113     .null-edit-title {
 114         border: 1px solid #e5e6e7;
 115         border-radius: 5px;
 116         margin-bottom: 3px;
 117     }
 118
 119     .item-info {
 120         display: flex;
 121         flex-direction: row;
 122     }
 123
 124     .delete-img {
 125         width: 15px;
 126         height: 15px;
 127         opacity: 0.8;
 128         margin-left: -10px;
 129         margin-top: -3px;
 130         cursor: pointer;
 131     }
 132
 133     .nextButton {
 134         margin-top: 30px;
 135         border: none;
 136         border-radius: 5px;
 137         padding: 6px;
 138         background-color: #339933;
 139         color: #ffffff;
 140         text-align: center;
 141         /* margin-left: 300px; */
 142     }
 143 </style>