simon987/Much-Assembly-Required-Frontend
1
0
Fork 0
mirror of https://github.com/simon987/Much-Assembly-Required-Frontend.git synced 2025-04-20 10:56:44 +00:00
Code Issues Projects Releases Wiki Activity

Minor code styling refactor

Browse Source
This commit is contained in:
simon 2018-01-01 09:58:27 -05:00
parent 55a800d0e8
commit 71687cdc9f
1 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
game.php
View File

@ -143,8 +143,8 @@ if (isset($user)) {
class="fa fa-long-arrow-up" aria-hidden="true"></i> <i class="fa fa-floppy-o" class="fa fa-long-arrow-up" aria-hidden="true"></i> <i class="fa fa-floppy-o"
aria-hidden="true"></i> aria-hidden="true"></i>
</button> </button>
<!-- style the select to something more select'y --> <!-- Style the select to something more select'y -->
<select class="button editorBtn" id="editorTheme"></select> <select title="Select Theme" class="button editorBtn" id="editorTheme"></select>
</div> </div>
<div id="gameBtns"> <div id="gameBtns">
@ -176,7 +176,7 @@ if (isset($user)) {
<script src="./mar/editor.js"></script> <script src="./mar/editor.js"></script>
<script> <script>
// check if browser supports local storage if not than bad luck, use something else than IE7 //Check if browser supports local storage if not than bad luck, use something else than IE7
var editorStorage; var editorStorage;
if(typeof window.localStorage !== 'undefined') { if(typeof window.localStorage !== 'undefined') {
editorStorage = window.localStorage; editorStorage = window.localStorage;
@ -184,7 +184,7 @@ if (isset($user)) {
editorStorage = false; editorStorage = false;
} }
// default should be 'theme/tommorow.js' or loaded from local storage //Default should be 'theme/tommorow.js' or loaded from local storage
var editorThemeOptions = { var editorThemeOptions = {
available : [ available : [
"theme/ambiance", "theme/chaos", "theme/chrome", "theme/ambiance", "theme/chaos", "theme/chrome",
@ -201,20 +201,20 @@ if (isset($user)) {
"theme/tomorrow_night", "theme/twilight", "theme/vibrant_ink", "theme/xcode" "theme/tomorrow_night", "theme/twilight", "theme/vibrant_ink", "theme/xcode"
], ],
default : "theme/tomorrow" default : "theme/tomorrow"
} };
// get the stored default theme //Get the stored default theme
if(editorStorage) { if(editorStorage) {
var storedTheme = editorStorage.getItem('editorTheme'); var storedTheme = editorStorage.getItem('editorTheme');
if(storedTheme !== null && editorThemeOptions.available.indexOf(storedTheme) != -1) { if (storedTheme !== null && editorThemeOptions.available.indexOf(storedTheme) !== -1) {
editorThemeOptions.default = storedTheme; editorThemeOptions.default = storedTheme;
} }
} }
// cache element reference //Cache element reference
var editorThemeSelectElement = document.getElementById("editorTheme"); var editorThemeSelectElement = document.getElementById("editorTheme");
// event handler //Event handler
function editorOnThemeChange() { function editorOnThemeChange() {
if(editorThemeSelectElement === null) { if(editorThemeSelectElement === null) {
console.error("editorOnThemeChange() :: editorThemeSelectElement seems to be 'null'"); console.error("editorOnThemeChange() :: editorThemeSelectElement seems to be 'null'");
@ -223,30 +223,30 @@ if (isset($user)) {
var select = editorThemeSelectElement; var select = editorThemeSelectElement;
var option = select.options[select.selectedIndex]; var option = select.options[select.selectedIndex];
if(!editorThemeOptions.available.indexOf(option.value) == -1) { if (editorThemeOptions.available.indexOf(option.value) === -1) {
console.error("editorOnThemeChange() :: user somehow selected an invalid theme : '" + option.value + "' for '" + option.text + "'"); console.error("editorOnThemeChange() :: user somehow selected an invalid theme : '" + option.value + "' for '" + option.text + "'");
return; return;
} }
// store locally so it gets remembered //Store locally so it gets remembered
if(editorStorage) { if(editorStorage) {
editorStorage.setItem('editorTheme', option.value); editorStorage.setItem('editorTheme', option.value);
} }
// set theme //Set theme
editor.setTheme("ace/" + option.value); editor.setTheme("ace/" + option.value);
} }
// add handler to listen to event //Add handler to listen to event
editorThemeSelectElement.addEventListener('change', editorOnThemeChange); editorThemeSelectElement.addEventListener('change', editorOnThemeChange);
// populate select //Populate select
editorThemeOptions.available.forEach(function(theme) { editorThemeOptions.available.forEach(function(theme) {
var option = document.createElement("option"); var option = document.createElement("option");
option.value = theme; option.value = theme;
option.text = theme.substring(6); // "theme/{text}" -> extract text to set as text user sees option.text = theme.substring(6); // "theme/{text}" -> extract text to set as text user sees
// make sure default is also the one that is selected //Make sure default is also the one that is selected
if(theme === editorThemeOptions.default) { if(theme === editorThemeOptions.default) {
option.selected = true; option.selected = true;
} }
@ -254,7 +254,7 @@ if (isset($user)) {
editorThemeSelectElement.appendChild(option); editorThemeSelectElement.appendChild(option);
}); });
// manualy call handler once //Manually call handler once
editorOnThemeChange(); editorOnThemeChange();
editor.getSession().setMode("ace/mode/mar"); editor.getSession().setMode("ace/mode/mar");