Files
threshold-ui/ui/admin/app/components/form/worker/index.hbs
T
Devon Anderson 03b603be54 refactor: 💡 Disable read-only fields when editing worker (#1287)
Refactor detailed worker to not hide read-only fields when editing, but
leave them disabled

✅ Closes: ICU-5902
2022-08-30 12:11:19 -04:00

88 lines
2.2 KiB
Handlebars

<Rose::Form
@onSubmit={{@submit}}
@cancel={{@cancel}}
@disabled={{@model.isSaving}}
@showEditToggle={{if @model.isNew false true}}
as |form|
>
<form.input
@name='type'
@value={{@model.type}}
@label={{t 'form.type.label'}}
@helperText={{t 'form.worker_type.help'}}
@disabled={{true}}
readonly={{true}}
/>
<form.input
@name='name'
@type='name'
@value={{@model.name}}
@label={{t 'form.name.label'}}
@helperText={{t 'form.name.help'}}
@error={{@model.errors.name}}
readonly={{false}}
as |field|
>
{{#if @model.errors.name}}
<field.errors as |errors|>
{{#each @model.errors.name as |error|}}
<errors.message>{{error.message}}</errors.message>
{{/each}}
</field.errors>
{{/if}}
</form.input>
<form.textarea
@name='description'
@value={{@model.description}}
@label={{t 'form.description.label'}}
@helperText={{t 'form.description.help'}}
@error={{@model.errors.description}}
disabled={{@model.isSaving}}
readonly={{false}}
as |field|
>
{{#if @model.errors.description}}
<field.errors as |errors|>
{{#each @model.errors.description as |error|}}
<errors.message>{{error.message}}</errors.message>
{{/each}}
</field.errors>
{{/if}}
</form.textarea>
<form.input
@name='address'
@type='url'
@value={{@model.address}}
@label={{t 'form.address.label'}}
@helperText={{t 'form.worker_address.help'}}
@disabled={{true}}
readonly={{true}}
/>
{{#let
(relative-datetime-live @model.last_status_time)
(format-date @model.last_status_time format='yymmddt')
as |relativeDate customFormat|
}}
<form.input
@name='last seen'
@type='datetime'
@value={{concat relativeDate ', ' customFormat}}
@label={{t 'form.worker_last_seen.label'}}
@helperText={{t 'form.worker_last_seen.help'}}
@disabled={{true}}
readonly={{true}}
/>
{{/let}}
{{#if (can 'save worker' @model)}}
<form.actions
@enableEditText={{t 'actions.edit-form'}}
@submitText={{t 'actions.save'}}
@cancelText={{t 'actions.cancel'}}
/>
{{/if}}
</Rose::Form>