uchaindb/UClient

<div class="list-group">
    <div *ngFor="let key of keylist" class="list-group-item">
        <div class="btn-group pull-right">
            <button type="button" class="btn btn-primary btn-xs" (click)="export(key)"><span class="glyphicon glyphicon-export"></span> {{ 'me.key.ExportButtonText' | translate }}</button>
            <button type="button" class="btn btn-danger btn-xs" (click)="delete(key)"><span>&times; {{ 'me.key.DeleteButtonText' | translate }}</span></button>
        </div>
        <h4 class="list-group-item-heading">{{key.name}}</h4>
        <p class="list-group-item-text text-muted">{{key.displayKey}}</p>
    </div>
    <a href="javascript:void(0)" (click)="create()" class="list-group-item">
        <h4>
            <span class="glyphicon glyphicon-plus"></span>
            {{ 'me.key.CreateButtonText' | translate }}
        </h4>
    </a>
    <a href="javascript:void(0)" (click)="import()" class="list-group-item">
        <h4>
            <span class="glyphicon glyphicon-import"></span>
            {{ 'me.key.ImportButtonText' | translate }}
        </h4>
    </a>
</div>