3  * Copyright (c) 2017 ZTE Corporation.
 
   4  * All rights reserved. This program and the accompanying materials
 
   5  * are made available under the terms of the Eclipse Public License v1.0
 
   6  * and the Apache License 2.0 which both accompany this distribution,
 
   7  * and are available at http://www.eclipse.org/legal/epl-v10.html
 
   8  * and http://www.apache.org/licenses/LICENSE-2.0
 
  11  *     ZTE - initial API and implementation and/or initial documentation
 
  14 <div class="scroll" style="overflow:hidden; max-height: 300px; height: 300px;">
 
  16         <div class="card-header d-flex justify-content-between align-items-center">
 
  17             <span>Config List</span>
 
  18             <span class="badge badge-success badge-pill" (click)="addMicroservice()"><i class="fa fa-plus"></i></span>
 
  21         <ul class="list-group">
 
  22             <li class="list-group-item d-flex justify-content-between align-items-center"
 
  23                 *ngFor="let microservice of microservices; index as i">
 
  24                 <div (click)="onMicroserviceSelected(microservice)">{{microservice.name}}</div>
 
  25                 <div class="badge badge-danger badge-pill" (click)="deleteMicroservice(i, microservice)">
 
  26                     <i class="fa fa-minus"></i>