Creating popover component

Packages/ohif-hotkeys/client/components/confirmReplacementPopover.html

@@ -0,0 +1,3 @@
+<template name="hotkeysConfirmReplacementPopover">
+
+</template>

Packages/ohif-hotkeys/client/components/form.html

@@ -13,27 +13,8 @@
             {{/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-danger pull-left' 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>

Packages/ohif-hotkeys/client/components/form.js

@@ -1,4 +1,3 @@
-import { Meteor } from 'meteor/meteor';
 import { Template } from 'meteor/templating';
 import { $ } from 'meteor/jquery';
 import { _ } from 'meteor/underscore';
@@ -133,8 +132,8 @@ Template.hotkeysForm.helpers({
         const right = list;
 
         return {
-          left,
-          right
+            left,
+            right
         };
     }
 });

Packages/ohif-hotkeys/client/components/formTable.html

@@ -0,0 +1,18 @@
+<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>

Packages/ohif-hotkeys/client/components/index.js

@@ -1,2 +1,4 @@
+import './confirmReplacementPopover.html';
 import './form.html';
 import './form.js';
+import './formTable.html';