web: one more toggle group.

This commit is contained in:
Ken Sternberg 2023-08-03 13:42:30 -07:00
parent 8042d9f276
commit e8b1e9d075
1 changed files with 10 additions and 46 deletions

View File

@ -105,52 +105,16 @@ export class BlueprintForm extends ModelForm<BlueprintInstance, string> {
</ak-form-element-horizontal> </ak-form-element-horizontal>
<div class="pf-c-card pf-m-selectable pf-m-selected"> <div class="pf-c-card pf-m-selectable pf-m-selected">
<div class="pf-c-card__body"> <div class="pf-c-card__body">
<div class="pf-c-toggle-group"> <ak-toggle-group
<div class="pf-c-toggle-group__item"> value=${this.source}
<button @ak-toggle=${(ev: CustomEvent<{ value: blueprintSource }>) => {
class="pf-c-toggle-group__button ${this.source === this.source = ev.detail.value;
blueprintSource.file }}
? "pf-m-selected" >
: ""}" <option value=${blueprintSource.file}>${msg("Local path")}</option>
type="button" <option value=${blueprintSource.oci}>${msg("OCI Registry")}</option>
@click=${() => { <option value=${blueprintSource.internal}>${msg("Internal")}</option>
this.source = blueprintSource.file; </ak-toggle-group>
}}
>
<span class="pf-c-toggle-group__text">${msg("Local path")}</span>
</button>
</div>
<div class="pf-c-divider pf-m-vertical" role="separator"></div>
<div class="pf-c-toggle-group__item">
<button
class="pf-c-toggle-group__button ${this.source ===
blueprintSource.oci
? "pf-m-selected"
: ""}"
type="button"
@click=${() => {
this.source = blueprintSource.oci;
}}
>
<span class="pf-c-toggle-group__text">${msg("OCI Registry")}</span>
</button>
</div>
<div class="pf-c-divider pf-m-vertical" role="separator"></div>
<div class="pf-c-toggle-group__item">
<button
class="pf-c-toggle-group__button ${this.source ===
blueprintSource.internal
? "pf-m-selected"
: ""}"
type="button"
@click=${() => {
this.source = blueprintSource.internal;
}}
>
<span class="pf-c-toggle-group__text">${msg("Internal")}</span>
</button>
</div>
</div>
</div> </div>
<div class="pf-c-card__footer"> <div class="pf-c-card__footer">
${this.source === blueprintSource.file ${this.source === blueprintSource.file