ohif-viewer/Packages/ohif-hotkeys/client/components/form.html
Bruno Alves de Faria e5d6b670f3 Styling hotkeys form
2017-06-14 09:19:49 +02:00

40 lines
1.4 KiB
HTML

<template name="hotkeysForm">
{{#form (extend this api=instance.api)}}
<div class="form-content">
{{#let lists=getHotkeyInputInformationLists}}
<div class="row">
<div class="col-lg-6">
{{>hotkeysFormTable inputs=lists.left}}
</div>
<div class="col-lg-6">
{{>hotkeysFormTable inputs=lists.right}}
</div>
</div>
{{/let}}
</div>
<div class="form-buttons clearfix">
{{#button class='btn btn-danger pull-left m-r-1' action='resetDefaults'}}Reset to Defaults{{/button}}
{{#button class='btn btn-primary pull-right' action='save'}}Save{{/button}}
</div>
{{/form}}
</template>
<template name="hotkeysFormTable">
<table class="full-width">
<thead>
<tr>
<th class="text-right p-r-1">Function</th>
<th>Shortcut</th>
</tr>
</thead>
<tbody>
{{#each input in this.inputs}}
<tr>
<td class="text-right p-r-1">{{input.label}}</td>
<td width="200">{{>inputText (extend class='hotkey text-center' key=input.key value=input.value)}}</td>
</tr>
{{/each}}
</tbody>
</table>
</template>