mirror of
https://github.com/ckaczor/azuredatastudio.git
synced 2026-02-04 09:35:38 -05:00
Add action list to cards with callback (#1392)
- Add the ActionDescriptor functionality. This is a table of information with actionable links - Also add optional status indicator which shows a color. In the future, would like to extend to have icon in this space as an alternative. - Fixed 1 issue with account management UI throwing an error on cancel
This commit is contained in:
19
src/sql/parts/modelComponents/card.component.html
Normal file
19
src/sql/parts/modelComponents/card.component.html
Normal file
@@ -0,0 +1,19 @@
|
||||
<div *ngIf="label" class="model-card">
|
||||
<span *ngIf="hasStatus" class="card-status">
|
||||
<div class="status-content" [style.backgroundColor]="statusColor"></div>
|
||||
</span>
|
||||
<div class="card-content">
|
||||
<h4 class="card-label">{{label}}</h4>
|
||||
<p class="card-value">{{value}}</p>
|
||||
<span *ngIf="actions">
|
||||
<table class="model-table">
|
||||
<tr *ngFor="let action of actions">
|
||||
<td class="table-row">{{action.label}}</td>
|
||||
<td *ngIf="action.actionTitle" class="table-row">
|
||||
<a class="pointer prominent" (click)="onDidActionClick(action)">{{action.actionTitle}}</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user