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:#4dc5cf" 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                             delete <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
  37                             </ul>
  38                         </div>
  39                     </div>
  40
  41
  42
  43                 </div>
  44
  45             </div>
  46             <center>
  47                 <dir-pagination-controls></dir-pagination-controls>
  48             </center>
  49         </div>
  50
  51
  52
  53
  54
  55
  56
  57     </div>
  58
  59
  60
  61
  62 </div>
  63
  64 <toaster-container></toaster-container>
  65
  66 <style>
  67     .form-control {
  68         border-radius: 5px;
  69         width: 300px;
  70         margin-bottom: 10px;
  71     }
  72
  73     .uploadbutton {
  74         background-color: #007ACC;
  75         color: #fff;
  76         border: 0px;
  77         border-radius: 5px;
  78         height: 27px;
  79     }
  80
  81     .edit-title {
  82         border: 0px;
  83         background-color: #ffffff;
  84         margin-bottom: 5px;
  85     }
  86
  87     .null-edit-title {
  88         border: 1px solid #e5e6e7;
  89         border-radius: 5px;
  90         margin-bottom: 3px;
  91     }
  92
  93     .item-info {
  94         display: flex;
  95         flex-direction: row;
  96     }
  97
  98     .delete-img {
  99         width: 19px;
 100         height: 19px;
 101         opacity: 0.8;
 102         margin-left: 5px;
 103         margin-top: 4px;
 104         cursor: pointer;
 105     }
 106
 107     .deepColor {
 108         background-color: #f9f9f9;
 109     }
 110
 111     .nextButton {
 112         margin-top: 30px;
 113         border: none;
 114         border-radius: 5px;
 115         padding: 6px;
 116         background-color: #339933;
 117         color: #ffffff;
 118         text-align: center;
 119         /* margin-left: 300px; */
 120     }
 121
 122     .bs-sidenav {
 123         margin-top: 40px;
 124         margin-bottom: 20px;
 125         width: 124px;
 126     }
 127
 128     .nav {
 129         margin-bottom: 0;
 130         padding-left: 0;
 131         list-style: none;
 132     }
 133
 134     .nav>li {
 135         position: relative;
 136         display: block;
 137     }
 138
 139     li {
 140         display: list-item;
 141         text-align: -webkit-match-parent;
 142     }
 143
 144     a {
 145         cursor: pointer;
 146     }
 147
 148     a.active {
 149         background-color: #EEEEEE;
 150         border-radius: 5px;
 151     }
 152 </style>