gui/app/views/environmentList.html

   1 <div class="content">
   2
   3     <!--environmentList-->
   4     <i class="fa fa-arrow-left fa-1x" aria-hidden="true" style="color: #999;cursor:pointer" ng-click="goBack()">Back</i>
   5
   6     <div>
   7
   8         <h3>Environments
   9             <button class="btn btn-default btn-sm" style="margin-left:30px;display:inline" ng-click="openEnvironmentDialog()">Add</button>
  10         </h3>
  11         <hr/>
  12
  13         <!--<div ng-repeat="env in environmentList">
  14             {{env.name}}
  15         </div>-->
  16         <div dw-loading="key" dw-loading-options="{text:'loading'}">
  17             <div style="display:flex;flex-direction:row;justify-content:space-between;padding:8px;border-top: 1px solid #e9ecec;background-color: #f9f9f9;">
  18                 <div style="font-weight:600">Name</div>
  19                 <div style="font-weight:600;margin-right:80px;">Action</div>
  20
  21             </div>
  22
  23             <div dir-paginate="env in environmentList | orderBy:'-id' | itemsPerPage: 10 ">
  24                 <div style="display:flex;flex-direction:row;justify-content:space-between;padding:8px;border-top: 1px solid #e9ecec;">
  25                     <div> <a style="color:#e95420" ng-click="gotoDetail('false',env.uuid)">{{env.name}}</a></div>
  26                     <div>
  27
  28                         <!-- <button class="btn btn-default btn-sm" ng-click="openDeleteEnv(env.uuid,'environment')">Delete</button> -->
  29
  30                         <div class="btn-group" uib-dropdown is-open="status.isopen" style="margin-right:60px;">
  31                             <button id="single-button" type="button" class="btn btn-default btn-sm" uib-dropdown-toggle>
  32                             Modify <span class="caret"></span>
  33                         </button>
  34                             <ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="single-button">
  35                                 <li role="menuitem"><a ng-click="openDeleteEnv(env.uuid,'environment')">Delete</a></li>
  36                                 <!-- <li role="menuitem"><a href="#">Another action</a></li>
  37         <li role="menuitem"><a href="#">Something else here</a></li>
  38         <li class="divider"></li>
  39         <li role="menuitem"><a href="#">Separated link</a></li> -->
  40                             </ul>
  41                         </div>
  42                     </div>
  43
  44
  45
  46                 </div>
  47
  48             </div>
  49             <center>
  50                 <dir-pagination-controls></dir-pagination-controls>
  51             </center>
  52         </div>
  53
  54
  55
  56
  57
  58
  59
  60     </div>
  61
  62
  63
  64
  65 </div>
  66
  67 <toaster-container></toaster-container>
  68
  69 <style>
  70     .form-control {
  71         border-radius: 5px;
  72         width: 300px;
  73         margin-bottom: 10px;
  74     }
  75
  76     .uploadbutton {
  77         background-color: #007ACC;
  78         color: #fff;
  79         border: 0px;
  80         border-radius: 5px;
  81         height: 27px;
  82     }
  83
  84     .edit-title {
  85         border: 0px;
  86         background-color: #ffffff;
  87         margin-bottom: 5px;
  88     }
  89
  90     .null-edit-title {
  91         border: 1px solid #e5e6e7;
  92         border-radius: 5px;
  93         margin-bottom: 3px;
  94     }
  95
  96     .item-info {
  97         display: flex;
  98         flex-direction: row;
  99     }
 100
 101     .delete-img {
 102         width: 19px;
 103         height: 19px;
 104         opacity: 0.8;
 105         margin-left: 5px;
 106         margin-top: 4px;
 107         cursor: pointer;
 108     }
 109
 110     .deepColor {
 111         background-color: #f9f9f9;
 112     }
 113
 114     .nextButton {
 115         margin-top: 30px;
 116         border: none;
 117         border-radius: 5px;
 118         padding: 6px;
 119         background-color: #339933;
 120         color: #ffffff;
 121         text-align: center;
 122         /* margin-left: 300px; */
 123     }
 124
 125     .bs-sidenav {
 126         margin-top: 40px;
 127         margin-bottom: 20px;
 128         width: 124px;
 129     }
 130
 131     .nav {
 132         margin-bottom: 0;
 133         padding-left: 0;
 134         list-style: none;
 135     }
 136
 137     .nav>li {
 138         position: relative;
 139         display: block;
 140     }
 141
 142     li {
 143         display: list-item;
 144         text-align: -webkit-match-parent;
 145     }
 146
 147     a {
 148         cursor: pointer;
 149     }
 150
 151     a.active {
 152         background-color: #EEEEEE;
 153         border-radius: 5px;
 154     }
 155 </style>