Added hotkey support to viewerbase

Packages/viewerbase/client/components/viewer/playClipButton/playClipButton.html

@@ -0,0 +1,9 @@
+<template name="playClipButton">
+    <button id="playClip" type="button" class="imageViewerCommand btn btn-sm btn-default" data-container="body" data-toggle="tooltip" data-placement="bottom" title="Play/Stop Clip">
+        {{ #if isPlaying }}
+            <span class="fa fa-stop"></span>
+        {{ else }}
+            <span class="fa fa-play"></span>
+        {{ /if }}
+    </button>
+</template>

Packages/viewerbase/client/components/viewer/playClipButton/playClipButton.js

@@ -0,0 +1,34 @@
+toggleCinePlay = function(element) {
+    if (!element) {
+        var activeViewport = Session.get('activeViewport');
+        element = $('.imageViewerViewport').get(activeViewport);
+    }
+
+    if (!element) {
+        return;
+    }
+
+    var viewportIndex = $('.imageViewerViewport').index(element);
+    var isPlaying = OHIF.viewer.isPlaying[viewportIndex] || false;
+    if (isPlaying === true) {
+        cornerstoneTools.stopClip(element);
+    } else {
+        cornerstoneTools.playClip(element);
+    }
+    OHIF.viewer.isPlaying[viewportIndex] = !OHIF.viewer.isPlaying[viewportIndex];
+    Session.set('UpdateCINE', Random.id());
+};
+
+Template.playClipButton.helpers({
+    'isPlaying': function() {
+        Session.get('UpdateCINE');
+        var activeViewport = Session.get('activeViewport');
+        return !!OHIF.viewer.isPlaying[activeViewport];
+    }
+});
+
+Template.playClipButton.events({
+    'click #playClip': function() {
+        toggleCinePlay();
+    }
+});