App/www/screens/settings.html

<!--
    TerranQuest - Augmented Reality fantasy game

    Copyright 2016 Netsyms Technologies

    Licensed under the Apache License, Version 2.0 (the "License");
    you may not use this file except in compliance with the License.
    You may obtain a copy of the License at

      http://www.apache.org/licenses/LICENSE-2.0

    Unless required by applicable law or agreed to in writing, software
    distributed under the License is distributed on an "AS IS" BASIS,
    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    See the License for the specific language governing permissions and
    limitations under the License.
-->
<div class="scrollable-box">
    <div class='list-group'>
        <div class="list-group-item" style="display: none;" id="old-device-warning" onclick="snark()">
            Warning: Your device's operating system is outdated.  Some features may not work properly.
        </div>
        <div class='list-group-item' onclick='openIntro()'>
            Show Introduction
        </div>
        <div class='list-group-item' onclick='openRules()'>
            Show Rules
        </div>
        <div class="list-group-item" onclick="toggleMusic()">
            Turn music <span id="toggle-music-onoff-label">off</span>
        </div>
        <div class="list-group-item" onclick="toggleSounds()">
            Turn sounds <span id="toggle-sounds-onoff-label">off</span>
        </div>
        <div class='list-group-item' onclick='openscreen("munzeelink")'>
            Link with Munzee account
            <br />
            <span class="small">When you link a Munzee account, any Munzee QR codes you scan will be automatically captured in Munzee as well.</span>
        </div>
        <div class='list-group-item' onclick='askLogout()'>
            Logout from app
        </div>
        <div class='list-group-item' onclick="openmodal('licenses', '#license-modal');">
            Credits and Licenses
        </div>
        <div class="list-group-item">
            Version: <span id="settings-version-code"></span>
        </div>
    </div>
</div>
<script>
    $('#settings-version-code').text(window.cordova.plugins.version.getAppVersion());

    function loadToggles() {
        if (localStorage.getItem("music") == "mute") {
            $('#toggle-music-onoff-label').text("on");
        } else {
            $('#toggle-music-onoff-label').text("off");
        }
        if (localStorage.getItem("sounds") == "mute") {
            $('#toggle-sounds-onoff-label').text("on");
        } else {
            $('#toggle-sounds-onoff-label').text("off");
        }
    }

    function toggleMusic() {
        if (localStorage.getItem("music") == "mute") {
            localStorage.setItem("music", "");
            setTimeout(playAudio, 2 * 1000);
        } else {
            localStorage.setItem("music", "mute");
            audio.stop();
        }
        loadToggles();
    }
   
    function toggleSounds() {
        if (localStorage.getItem("sounds") == "mute") {
            localStorage.setItem("sounds", "");
        } else {
            localStorage.setItem("sounds", "mute");
        }
        loadToggles();
    }

    loadToggles();

    /* Old OS warning */
    if (getPlatform() === DEVICE_ANDROID && compareVersions(getDeviceVersion(), "4.4") < 0) {
        $('#old-device-warning').css('display', 'block');
    }

    function snark() {
        var text = "Warning: Your device's operating system is outdated.  Some features may not work properly.<br />";
        switch (Math.round(Math.random() * (4 - 1) + 1)) {
            case 1:
                text += "You might want to buy a new phone.  They almost never explode!";
                break;
            case 2:
                text += "Don't complain, it was new when you bought it.  <i>I</i> didn't make it old!";
                break;
            case 3:
                text += "Cheer up, most of the game will still work.  Just not the best part ;)";
                break;
            case 4:
                text += "If it makes you feel better, you can think about filing a bug report.";
        }
        $('#old-device-warning').html(text);
    }
</script>