mirror of
https://github.com/ckaczor/azuredatastudio.git
synced 2026-01-17 09:35:37 -05:00
a0e31fc723
* wip * wip2 * wip eod 820 * wip 822 * text component improvements and misc changes * aria-label * targetClusterPage wip * target cluster page * target cluster page * wip 827 * wip deployment profile page * profile page * service settings page * wip 0903 * 0909 wip * 0910 * 0911 * sql instance and working directory * notebooks * docker version on windows * EULA env var * 917 updates * address comments * use async file access * fix the summary page display issue for ad auth * add save json file buttons * use promise for private methds * review feedbacks * refactor * pass json to notebooks * fix no tool scenario * bypass tool check if installed * update hint text * update notebooks * workaround azdata first time use * comments * accept eula and some text update * fix the error in package.json * promise instead of thenable * comments * fix typo
62 lines
2.3 KiB
HTML
62 lines
2.3 KiB
HTML
<div *ngIf="label" [class]="getClass()" (click)="onCardClick()" (mouseover)="onCardHoverChanged($event)"
|
|
(mouseout)="onCardHoverChanged($event)" tabIndex="0" [style.width]="width" [style.height]="height">
|
|
<ng-container *ngIf="isVerticalButton || isDetailsCard">
|
|
<span *ngIf="hasStatus" class="card-status">
|
|
<div class="status-content" [style.backgroundColor]="statusColor"></div>
|
|
</span>
|
|
<span *ngIf="showRadioButton" class="selection-indicator-container">
|
|
<div *ngIf="showAsSelected" class="selection-indicator"></div>
|
|
</span>
|
|
<ng-container *ngIf="isVerticalButton">
|
|
<div class="card-vertical-button">
|
|
<div *ngIf="iconPath" class="iconContainer">
|
|
<div [class]="iconClass" [style.maxWidth]="iconWidth" [style.maxHeight]="iconHeight"></div>
|
|
</div>
|
|
<h4 class="card-label">{{label}}</h4>
|
|
<hr />
|
|
<div *ngIf="descriptions.length > 0" class="model-card-description-container">
|
|
<div *ngFor="let desc of descriptions">
|
|
<div *ngIf="desc.label; else separator" [style.font-weight]="desc.fontWeight" class="model-card-list-item-description">
|
|
<span>{{desc.label}}</span><span class="model-card-list-item-description-value">{{desc.value}}</span>
|
|
</div>
|
|
<ng-template #separator>
|
|
<div style="height: 12px"></div>
|
|
</ng-template>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ng-container>
|
|
|
|
<ng-container *ngIf="isDetailsCard">
|
|
<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>
|
|
</ng-container>
|
|
</ng-container>
|
|
<ng-container *ngIf="isListItemCard">
|
|
<div class="list-item-content">
|
|
<div>
|
|
<div [class]="iconClass">{{label}}</div>
|
|
<div *ngFor="let desc of descriptions">
|
|
<div class="list-item-description">{{desc}}</div>
|
|
</div>
|
|
<span *ngIf="showRadioButton" class="selection-indicator-container">
|
|
<div *ngIf="showAsSelected" class="selection-indicator"></div>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</ng-container>
|
|
</div>
|