web: one more toggle group.
This commit is contained in:
parent
8042d9f276
commit
e8b1e9d075
|
@ -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
|
||||||
|
|
Reference in a new issue