mirror of
https://github.com/zitadel/zitadel.git
synced 2025-04-15 23:51:30 +00:00
0fcdfe460c
* docs, frameworks view * project select, integrate app page * fix search project autocomplete * framework autocomplete * framwork select component, integrate, mapping to oidc config * param * fix route handler * setname projectid context * app-create page without context * show description of app type, info section * redirects section * updatevalue observable * fix redirect uris section * i18n * setup config * backbutton behavior, cleanup * cleanup * lint * allow other framework jump off * dev mode warning * navigate to project * rm import * i18n, guide link * edit name dialog * show warning for duplicate name
36 lines
1.4 KiB
HTML
36 lines
1.4 KiB
HTML
<form>
|
|
<cnsl-form-field class="full-width">
|
|
<cnsl-label>{{ 'QUICKSTART.FRAMEWORK' | translate }}</cnsl-label>
|
|
<input cnslInput type="text" placeholder="" #nameInput [formControl]="myControl" [matAutocomplete]="auto" />
|
|
|
|
<mat-autocomplete #auto="matAutocomplete" (optionSelected)="selected($event)">
|
|
<mat-option *ngIf="isLoading()" class="is-loading">
|
|
<mat-spinner diameter="30"></mat-spinner>
|
|
</mat-option>
|
|
<mat-option *ngFor="let framework of filteredOptions | async" [value]="framework.id">
|
|
<div class="framework-option">
|
|
<div class="framework-option-column">
|
|
<div class="img-wrapper">
|
|
<img class="dark-only" *ngIf="framework.imgSrcDark" [src]="framework.imgSrcDark" />
|
|
<img class="light-only" *ngIf="framework.imgSrcLight" [src]="framework.imgSrcLight" />
|
|
</div>
|
|
<span class="fill-space"></span>
|
|
|
|
<span>{{ framework.title }}</span>
|
|
</div>
|
|
</div>
|
|
</mat-option>
|
|
<mat-option *ngIf="withCustom" [value]="'other'">
|
|
<div class="framework-option">
|
|
<div class="framework-option-column">
|
|
<div class="img-wrapper"></div>
|
|
<span class="fill-space"></span>
|
|
|
|
<span>{{ 'QUICKSTART.FRAMEWORK_OTHER' | translate }}</span>
|
|
</div>
|
|
</div>
|
|
</mat-option>
|
|
</mat-autocomplete>
|
|
</cnsl-form-field>
|
|
</form>
|