src/ng/pages/database/key/key-set.component.html - redis-ui-material.git

src/ng/pages/database/key/key-set.component.html

<p3xr-key-pager-inline [paging]="paging" (pageChanged)="updatePagedItems()"></p3xr-key-pager-inline>
<div class="p3xr-key-type-table">
    <div class="p3xr-key-type-header">
        <span style="flex: 95%">{{ strings?.page?.key?.set?.table?.value || 'Member' }}</span>
        <span style="flex: 5%; text-align: right">
            @if (!isReadonly) {
                <button mat-icon-button (click)="addSet($event)" matTooltip="Add">
                    <mat-icon>add</mat-icon>
                </button>
            }
        </span>
    </div>
    @for (item of pagedItems; track item.index) {
        <div class="p3xr-key-type-row">
            <span class="p3xr-value-col p3xr-pre" style="flex: 95%; cursor: pointer" (click)="editValue(item.index, item.value, $event)">{{ formatValue(truncateDisplay(item.value)) }}@if (isTruncated(item.value)) {<span style="opacity: 0.5;">...</span>}</span>
            <span style="flex: 5%; text-align: right" class="p3xr-key-type-row-actions">
                @if (!isReadonly) { <mat-icon class="icon-warn" (click)="deleteSetMember(item.index, $event)" matTooltip="Delete">delete</mat-icon> }
                <mat-icon class="icon-accent" (click)="showJsonItem(item.value, $event)" matTooltip="JSON">table_chart</mat-icon>
                <mat-icon class="icon-accent" (click)="copyItem(item.value)" matTooltip="Copy">content_copy</mat-icon>
                <mat-icon class="icon-accent" (click)="downloadItem(item.index)" matTooltip="Download">download</mat-icon>
                @if (!isReadonly) { <mat-icon class="icon-primary" (click)="editValue(item.index, item.value, $event)" matTooltip="Edit">edit</mat-icon> }
            </span>
        </div>
    }
</div>

`/`	Focus search
`?`	Show this help
`Esc`	Unfocus input