OHIF-129: Enabling CinePlay button only when active viewport has more than 1 image in its stack; Fixed some errors when CinePlay Dialog is open and stopped and layout changes.

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

@@ -1,6 +1,6 @@
 <template name="playClipButton">
     <div id="{{this.id}}"
-         class="toolbarSectionButton rp-x-1 {{this.classes}} {{activeClass}} {{#if isPlaying}}active{{/if}}"
+         class="toolbarSectionButton rp-x-1 {{this.classes}} {{activeClass}} {{#if isPlaying}}active{{/if}} {{#if (disableButton)}}disabled{{/if}}"
          title="{{this.title}}">
         <div class="svgContainer">
             {{#if isPlaying}}

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

@@ -1,5 +1,8 @@
 Template.playClipButton.helpers({
     isPlaying: function() {
         return isPlaying();
+    },
+    disableButton() {
+        return hasMultipleFrames();
     }
 });