More utility components
One for a "map" of sorts and one for selecting one element of a list
This commit is contained in:
parent
07614e9a6d
commit
f0638af99f
5 changed files with 127 additions and 0 deletions
27
frontend-reactive/app/components/util/map-edit.hbs
Normal file
27
frontend-reactive/app/components/util/map-edit.hbs
Normal file
|
@ -0,0 +1,27 @@
|
|||
<div class="{{@wrapper-classes}}">
|
||||
<ul>
|
||||
{{#each this.args.list as |element index|}}
|
||||
<li>
|
||||
<div class="string-array-element-wrapper">
|
||||
<Input @type="text" @value={{element.key}} />
|
||||
<Input @type="text" @value={{element.value}} />
|
||||
<div
|
||||
class="{{@remove-element-classes}}"
|
||||
type="button"
|
||||
{{on "click" (fn this.removeElement index)}}
|
||||
>
|
||||
X
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{{/each}}
|
||||
|
||||
</ul>
|
||||
<div
|
||||
class="{{@add-element-classes}}"
|
||||
type="button"
|
||||
{{on "click" this.addElement}}
|
||||
>
|
||||
Add element
|
||||
</div>
|
||||
</div>
|
Loading…
Add table
Add a link
Reference in a new issue