133 lines
4.2 KiB
Handlebars
133 lines
4.2 KiB
Handlebars
<Rose::Form
|
|
@onSubmit={{@submit}}
|
|
@cancel={{@cancel}}
|
|
@disabled={{@model.isSaving}}
|
|
@showEditToggle={{if @model.isNew false true}}
|
|
as |form|
|
|
>
|
|
|
|
<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'
|
|
@type='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>
|
|
|
|
{{#unless @model.isNew}}
|
|
<fieldset
|
|
aria-labelledby='legend-text-grant-scope'
|
|
aria-describedby='helper-text-grant-scope'
|
|
>
|
|
<legend id='legend-text-grant-scope'>
|
|
{{t 'form.grant_scope.label'}}
|
|
</legend>
|
|
<Rose::Form::HelperText
|
|
@id='helper-text-grant-scope'
|
|
@error={{@model.errors.grant_scope_id}}
|
|
>
|
|
{{t 'form.grant_scope.help'}}
|
|
</Rose::Form::HelperText>
|
|
<form.radioGroup
|
|
@name='grant_scope_id'
|
|
@selectedValue={{@model.grant_scope_id}}
|
|
@changed={{this.updateGrantScopeID}}
|
|
as |radioGroup|
|
|
>
|
|
<Rose::Dropdown
|
|
@text={{@model.grantScope.displayName}}
|
|
@icon={{if
|
|
@model.grantScope.isProject
|
|
'flight-icons/svg/grid-16'
|
|
(if
|
|
@model.grantScope.isOrg
|
|
'flight-icons/svg/org-16'
|
|
'flight-icons/svg/globe-16'
|
|
)
|
|
}}
|
|
as |dropdown|
|
|
>
|
|
<ul>
|
|
{{#each @grantScopes as |grantScope|}}
|
|
<li class={{if grantScope.model.isProject 'is-project'}}>
|
|
<dropdown.item>
|
|
<radioGroup.radio
|
|
@label={{grantScope.model.displayName}}
|
|
@value={{grantScope.model.id}}
|
|
@icon={{concat 'app-icons/' grantScope.model.type}}
|
|
/>
|
|
</dropdown.item>
|
|
<ul class='indent-label-1'>
|
|
{{#each grantScope.subScopes as |subScope|}}
|
|
<li class={{if subScope.model.isProject 'is-project'}}>
|
|
<dropdown.item>
|
|
<radioGroup.radio
|
|
@label={{subScope.model.displayName}}
|
|
@value={{subScope.model.id}}
|
|
@icon={{concat 'app-icons/' subScope.model.type}}
|
|
/>
|
|
</dropdown.item>
|
|
<ul class='indent-label-2'>
|
|
{{#each subScope.subScopes as |subSubScope|}}
|
|
<li class={{if subSubScope.isProject 'is-project'}}>
|
|
<dropdown.item>
|
|
<radioGroup.radio
|
|
@label={{subSubScope.displayName}}
|
|
@value={{subSubScope.id}}
|
|
@icon={{concat 'app-icons/' subSubScope.type}}
|
|
/>
|
|
</dropdown.item>
|
|
</li>
|
|
{{/each}}
|
|
</ul>
|
|
</li>
|
|
{{/each}}
|
|
</ul>
|
|
</li>
|
|
{{/each}}
|
|
</ul>
|
|
</Rose::Dropdown>
|
|
</form.radioGroup>
|
|
</fieldset>
|
|
<br />
|
|
{{/unless}}
|
|
{{#if (can 'save model' @model)}}
|
|
<form.actions
|
|
@disabled={{if @model.cannotSave @model.cannotSave}}
|
|
@enableEditText={{t 'actions.edit-form'}}
|
|
@submitText={{t 'actions.save'}}
|
|
@cancelText={{t 'actions.cancel'}}
|
|
/>
|
|
{{/if}}
|
|
</Rose::Form> |