<div class="content"> <!--environmentList--> <i class="fa fa-arrow-left fa-1x" aria-hidden="true" style="color: #999;cursor:pointer" ng-click="goBack()">Back</i> <div> <h3>Environments <button class="btn btn-default btn-sm" style="margin-left:30px;display:inline" ng-click="openEnvironmentDialog()">Add</button> </h3> <hr/> <!--<div ng-repeat="env in environmentList"> {{env.name}} </div>--> <div dw-loading="key" dw-loading-options="{text:'loading'}"> <div style="display:flex;flex-direction:row;justify-content:space-between;padding:8px;border-top: 1px solid #e9ecec;background-color: #f9f9f9;"> <div style="font-weight:600">Name</div> <div style="font-weight:600;margin-right:80px;">Action</div> </div> <div dir-paginate="env in environmentList | orderBy:'-id' | itemsPerPage: 10 "> <div style="display:flex;flex-direction:row;justify-content:space-between;padding:8px;border-top: 1px solid #e9ecec;"> <div> <a style="color:#4dc5cf" ng-click="gotoDetail('false',env.uuid)">{{env.name}}</a></div> <div> <!-- <button class="btn btn-default btn-sm" ng-click="openDeleteEnv(env.uuid,'environment')">Delete</button> --> <div class="btn-group" uib-dropdown is-open="status.isopen" style="margin-right:60px;"> <button id="single-button" type="button" class="btn btn-default btn-sm" uib-dropdown-toggle> delete <span class="caret"></span> </button> <ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="single-button"> <li role="menuitem"><a ng-click="openDeleteEnv(env.uuid,'environment')">delete</a></li> </ul> </div> </div> </div> </div> <center> <dir-pagination-controls></dir-pagination-controls> </center> </div> </div> </div> <toaster-container></toaster-container> <style> .form-control { border-radius: 5px; width: 300px; margin-bottom: 10px; } .uploadbutton { background-color: #007ACC; color: #fff; border: 0px; border-radius: 5px; height: 27px; } .edit-title { border: 0px; background-color: #ffffff; margin-bottom: 5px; } .null-edit-title { border: 1px solid #e5e6e7; border-radius: 5px; margin-bottom: 3px; } .item-info { display: flex; flex-direction: row; } .delete-img { width: 19px; height: 19px; opacity: 0.8; margin-left: 5px; margin-top: 4px; cursor: pointer; } .deepColor { background-color: #f9f9f9; } .nextButton { margin-top: 30px; border: none; border-radius: 5px; padding: 6px; background-color: #339933; color: #ffffff; text-align: center; /* margin-left: 300px; */ } .bs-sidenav { margin-top: 40px; margin-bottom: 20px; width: 124px; } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav>li { position: relative; display: block; } li { display: list-item; text-align: -webkit-match-parent; } a { cursor: pointer; } a.active { background-color: #EEEEEE; border-radius: 5px; } </style>