66 lines
1.7 KiB
Plaintext
66 lines
1.7 KiB
Plaintext
|
<div class="modal-content neomorph">
|
||
|
|
||
|
<div class="modal-card-head">
|
||
|
<h4 class="modal-card-title has-text-centered">
|
||
|
Change the configuration name
|
||
|
</h4>
|
||
|
</div>
|
||
|
|
||
|
<div class="modal-card-body">
|
||
|
|
||
|
<EditForm Model="Name">
|
||
|
<div class="field">
|
||
|
<label class="label">New configuration name</label>
|
||
|
<div class="control has-icons-left">
|
||
|
<input class="input is-rounded is-small neoInput" type="text" placeholder="Name" @bind="Name">
|
||
|
<span class="icon is-small is-left has-text-dark">
|
||
|
<i class="mdi mdi-file-code"></i>
|
||
|
</span>
|
||
|
</div>
|
||
|
<DataAnnotationsValidator />
|
||
|
<p class="help">Give a name coherently to the service which is going to run behind</p>
|
||
|
</div>
|
||
|
</EditForm>
|
||
|
|
||
|
</div>
|
||
|
|
||
|
<div class="modal-card-foot">
|
||
|
|
||
|
<div class="level fullwidth">
|
||
|
<div class="level-left">
|
||
|
<div class="level-item">
|
||
|
<button type="button" class="button is-rounded neoBtnSmall is-small has-text-dark" @onclick="Cancel">
|
||
|
<span class="icon is-small">
|
||
|
<i class="mdi mdi-close"></i>
|
||
|
</span>
|
||
|
<span>Close</span>
|
||
|
</button>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<div class="level-right">
|
||
|
<div class="level-item">
|
||
|
<button type="submit" class="button is-primary is-rounded neoBtnSmall is-small has-text-dark" @onclick="SubmitForm">
|
||
|
<span class="icon is-small">
|
||
|
<i class="mdi mdi-pen"></i>
|
||
|
</span>
|
||
|
<span>Rename</span>
|
||
|
</button>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
@code {
|
||
|
[CascadingParameter]
|
||
|
BlazoredModalInstance BlazoredModal { get; set; }
|
||
|
|
||
|
[Required, Parameter, MaxLength(251)]
|
||
|
public string Name { get; set; }
|
||
|
|
||
|
void SubmitForm() => BlazoredModal.Close(ModalResult.Ok(Name));
|
||
|
void Cancel() => BlazoredModal.Cancel();
|
||
|
}
|