You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
37 lines
1.8 KiB
37 lines
1.8 KiB
<div class="d-flex justify-content-evenly align-items-center mb-2 mt-2">
|
|
<div class="col-xs-4">
|
|
<button class="" mat-raised-button color="accent" (click)="openDialog()">Browse
|
|
Plans
|
|
</button>
|
|
</div>
|
|
<div class="col-xs-4">
|
|
<button class="" mat-raised-button color="accent" (click)="loadBasePlan()">
|
|
Load base plan
|
|
</button>
|
|
</div>
|
|
<div class="col-xs-4">
|
|
<button class="" mat-raised-button color="accent" (click)="loadFromUrl()">
|
|
Import from url
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="enumerated d-flex flex-column">
|
|
<mat-list role="list" class="d-flex flex-column h-100">
|
|
<cdk-virtual-scroll-viewport itemSize="10" class="h-100">
|
|
<mat-list-item class="d-flex flex-column" role="listitem" *cdkVirtualFor="let plan of plans">
|
|
<span>
|
|
<button [disabled]="disablePlans" (click)="loadPrevious(plan.stored_path!)">
|
|
<img *ngIf="plan.update_url" src="assets/public.svg">{{plan.name}}
|
|
</button><button *ngIf="plan.update_url" class="planActionButton" [disabled]="disablePlans"
|
|
(click)="checkForPlanUpdate(plan)" [title]="recentPlanTitle(plan)">
|
|
<svg-icon *ngIf="!hasUpdate(plan)" src="assets/material-sync.svg" />
|
|
<svg-icon *ngIf="hasUpdate(plan) && !isErr(plan)" src="assets/material-check.svg"
|
|
class="nice" />
|
|
<svg-icon *ngIf="hasUpdate(plan) && isErr(plan)" src="assets/material-warning.svg"
|
|
class="notnice" />
|
|
</button>
|
|
</span>
|
|
</mat-list-item>
|
|
</cdk-virtual-scroll-viewport>
|
|
</mat-list>
|
|
</div> |