füge benutzerdefinierte Themes hinzu

2 files changed, 15 insertions, 0 deletions

diff --git a/index.html b/index.html
index e26b6e2..6495409 100644
--- a/index.html
+++ b/index.html
@@ -42,6 +42,13 @@
                 <label for="addclass">Benachrichtigen auch für Klasse(n):</label>
                 <textarea id="addclass" data-mini="true"></textarea>
 
+                <label for="themeselect">Theme:</label>
+                <select id="themeselect" data-mini="true">
+                    <option value="a">Hell</option>
+                    <option value="b">Dunkel</option>
+                    <!--<option value="c">Gold</option>
+                    <option value="d">Rosa</option>-->
+                </select>
 
                 <label for="dntflip">Zu Statistiken beitragen:</label>
                 <select id="dntflip" data-role="slider" data-mini="true">
@@ -114,6 +121,7 @@
         </div> <!-- page -->
 
         <script type="text/javascript" src="js/jquery-2.1.0.min.js"></script>
+        <script type="text/javascript" src="js/jqm-themehack.js"></script>
         <script type="text/javascript" src="js/jquery.mobile-1.4.2.min.js"></script>
         <script type="text/javascript" src="cordova.js"></script>
         <script type="text/javascript" src="js/pdf.js"></script>
diff --git a/js/index.js b/js/index.js
index 0dcdb18..c6cb5a9 100644
--- a/js/index.js
+++ b/js/index.js
@@ -72,6 +72,7 @@ $('#settingspanel').on('panelclose', function(){
     localStorage.setItem('classes', $('#addclass').val().toUpperCase());
     localStorage.setItem('notifyday', $('#notifydayflip').val());
     localStorage.setItem('notifydate', $('#notifydate').val());
+    localStorage.setItem('apptheme', $('#themeselect').val());
 });
 
 document.addEventListener('pause', function(){
@@ -111,6 +112,7 @@ $('#mainpage').on('pagebeforeshow', function(){
     var additionalClasses = localStorage.getItem('classes');
     var notifyDay = localStorage.getItem('notifyday');
     var notifyDate = localStorage.getItem('notifydate');
+    var apptheme = localStorage.getItem('apptheme');
 
     if(dntrack === null || dntrack.length === 0){
         dntrack = 'false';
@@ -132,6 +134,11 @@ $('#mainpage').on('pagebeforeshow', function(){
     }
     $('#notifydate').val(notifyDate).textinput('refresh');
 
+    if(apptheme === null || apptheme.length === 0){
+        apptheme = 'a';
+    }
+    $('#themeselect').val(apptheme).selectmenu('refresh');
+
     /* Piwik initialisieren */
     _paq.push(['setDoNotTrack', dntrack]);
 });