Merge pull request algorithm-visualizer#171 from duaraghav8/gh-pages

css needs to be fixed when enters fullscreen

Author: 64json

index.html

@@ -32,6 +32,11 @@ <h3>
         </h3>
     </button>
     <div class="top-menu-buttons">
+	<div class="btn" id="btn_fullscreen">
+    		<div class="wrapper">
+    			 <i class="fa fa-arrows-alt"></i> Fullscreen
+    		</div>
+    	</div>
         <div class="btn" id="btn_share">
             <div class="wrapper">
                 <i class="fa fa-share" aria-hidden="true"></i> Share <input type="text" class="collapse" id="shared">

js/dom/enable_fullscreen.js

@@ -0,0 +1,19 @@
+'use strict';
+
+module.exports = () => {
+	let $func = 'requestFullScreen',
+		vendorPrefixes = ['webkit', 'moz', 'ms', 'o'],
+		db = document.body;
+
+	for (let p of vendorPrefixes) {
+		let fName = p + $func [0].toUpperCase () + $func.slice (1);
+		if (db [fName]) {
+			$func = fName;
+			break;
+		}
+	}
+
+	$('#btn_fullscreen').click (function () {
+		db [$func] ();
+	});
+};

js/dom/index.js

@@ -9,6 +9,7 @@ const showRequestedAlgorithm = require('./show_requested_algorithm');
 const showWiki = require('./show_wiki');
 const enableSearch = require('./enable_search');
 const resizeWorkspace = require('./resize_workspace');
+const enableFullScreen = require('./enable_fullscreen');
 
 module.exports = {
   showAlgorithm,
@@ -19,5 +20,6 @@ module.exports = {
   showRequestedAlgorithm,
   showWiki,
   enableSearch,
-  resizeWorkspace
-};
+  resizeWorkspace,
+  enableFullScreen
+};

js/index.js

@@ -47,6 +47,8 @@ $(() => {
 
     //enable search feature
     DOM.enableSearch ();
+    //enable fullscreen feature
+    DOM.enableFullScreen ();
 
     // determine if the app is loading a pre-existing scratch-pad
     // or the home page
@@ -85,4 +87,4 @@ $(() => {
     window.location.href = window.location.protocol + '//' + window.location.host + window.location.pathname + '#path=scratch/' + vLoadedScratch;
   }
 
-});
+});