Fit select to width and add fullscreen support to the trend plot.

midasplatform · Jan 15, 2016 · 1f6729e · 1f6729e
1 parent 7eae9a9
commit 1f6729e
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 1 deletion.
diff --git a/modules/tracker/public/css/trend/trend.view.css b/modules/tracker/public/css/trend/trend.view.css
diff --git a/modules/tracker/public/js/trend/trend.view.js b/modules/tracker/public/js/trend/trend.view.js
@@ -424,6 +424,19 @@ $(window).load(function () {
         midas.tracker.renderChartArea(curveData, false);
     });
 
+    $('a.toggleFullscreen').click(function () {
+        var elem = document.getElementById("chartDiv");
+        if (elem.requestFullscreen) {
+            elem.requestFullscreen();
+        } else if (elem.msRequestFullscreen) {
+            elem.msRequestFullscreen();
+        } else if (elem.mozRequestFullScreen) {
+            elem.mozRequestFullScreen();
+        } else if (elem.webkitRequestFullscreen) {
+            elem.webkitRequestFullscreen();
+        }
+    });
+
 });
 
 midas.tracker.trendDeleted = function (resp) {

diff --git a/modules/tracker/public/scss/trend/trend.view.scss b/modules/tracker/public/scss/trend/trend.view.scss
@@ -139,3 +139,12 @@ button.add-branchfilter {
 a.removeBranchFilter {
     margin-left: 10px;
 }
+
+#chartDiv:-webkit-full-screen {
+    width: 100%;
+    height: 100%;
+}
+
+select {
+    width:100%
+}
diff --git a/modules/tracker/views/trend/view.phtml b/modules/tracker/views/trend/view.phtml
@@ -157,6 +157,12 @@ $this->headScript()->appendFile($this->coreWebroot.'/public/js/jquery/jqplot/jqp
                     <div class="toggleUnofficialIcon toHide"></div>
                     <span class="linkText">Hide unofficial submissions</a>
             </li>
+            <li>
+                <a class="toggleFullscreen">
+                    <img src="<?php echo $this->coreWebroot; ?>/public/images/icons/view.png"/>
+                    Make plot fullscreen
+                </a>
+            </li>
         </ul>
     </div>
     <div class="sideElement viewInfo">