diff options
| -rw-r--r-- | css/images/loader.gif | bin | 1928 -> 0 bytes | |||
| -rw-r--r-- | index.html | 26 | ||||
| -rw-r--r-- | js/index.js | 51 |
3 files changed, 64 insertions, 13 deletions
diff --git a/css/images/loader.gif b/css/images/loader.gif Binary files differdeleted file mode 100644 index 15e24db..0000000 --- a/css/images/loader.gif +++ /dev/null @@ -24,6 +24,7 @@ <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> <link rel="stylesheet" type="text/css" href="css/index.css" /> <link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.4.2.min.css" /> + <link rel="stylesheet" type="text/css" href="css/icon-pack-custom.css" /> <title>WvS VPlan</title> </head> <body> @@ -49,12 +50,12 @@ <option value="false">Ja</option> </select> - <button id="purgebtn" data-mini="true" onclick="javascript:purge();">Speicher freigeben</button> + <button class="ui-btn ui-corner-all ui-btn-icon-left ui-icon-recycle" id="purgebtn" data-mini="true" onclick="javascript:purge();">Speicher freigeben</button> <a id="lnkdisclaimer" href="#disclaimerpopup" data-rel="popup" data-role="button" data-position-to="window" data-transition="pop" data-mini="true" onclick="javascript:track('ui/tab/login/disclaimerpopup');">Über</a> </div> <!-- settingspanel --> - <div data-role="header"> + <div data-role="header" data-position="fixed"> <h1>WvS VPlan</h1> <a href="#settingspanel" class="ui-btn ui-icon-gear ui-btn-icon-notext ui-corner-all" onclick="javascript:track('ui/settings');"></a> </div> @@ -68,15 +69,15 @@ <div id="login"> <div data-role="popup" id="disclaimerpopup" data-theme="a" data-dismissible> - <p>Copyright (C) 2014<br> + <p>Copyright © 2014<br> <br> Dieses Programm ist freie Software. Du kannst es unter den Bedingungen der GNU Affarero General Public License, wie von der Free Software Foundation veröffentlicht, weitergeben und/oder modifizieren, entweder gemäß Version 3 der Lizenz oder (nach deiner Option) jeder späteren Version. ie Veröffentlichung dieses Programms erfolgt in der Hoffnung, daß es dir von Nutzen sein wird, aber OHNE IRGENDEINE GARANTIE, sogar ohne die implizite Garantie der MARKTREIFE oder der VERWENDBARKEIT FÜR EINEN BESTIMMTEN ZWECK. Details findest du in der GNU Affarero General Public License. Du solltest ein Exemplar der GNU Affarero General Public License zusammen mit diesem Programm erhalten haben. Falls nicht, siehe <a href="http://www.gnu.org/licenses/">gnu.org/licenses</a><br> <br> Ich übernehme KEINE GARANTIE für die Korrektheit des Vertretungsplans. Mit der Benutzung diser Anwendung erklärst du dich damit einverstanden.<br> <br> Um eine einfachere und schnellere Entwicklung dieser App zu ermöglichen, ist es nötig, dass diese App Statistiken verschickt. Wenn du das nicht möchtest, wähle bitte 'Nein'.</p> - <button class="ui-btn ui-corner-all" onclick="javascript:setDNT(true);">Nein</button> - <button class="ui-btn ui-corner-all" onclick="javascript:setDNT(false);">Ok</button> + <button class="ui-btn ui-corner-all ui-btn-icon-left ui-icon-delete" onclick="javascript:setDNT(true);">Nein</button> + <button class="ui-btn ui-corner-all ui-btn-icon-left ui-icon-heart" onclick="javascript:setDNT(false);">Ok</button> </div> <!-- disclaimerpopup --> <div data-role="popup" id="loginpopup" data-theme="a"> @@ -86,19 +87,19 @@ <input type="text" id="username" hint="Benutzername" autofocus required> <label for="password" class="ui-hidden-accessible">Passwort</label> <input type="password" id="password" hint="Passwort" required> - <button id="loginsubmit" type="submit" onclick="javascript:track('ui/tab/login/loginbutton');">Einloggen</button> + <button class="ui-btn ui-corner-all ui-btn-icon-left ui-icon-user" id="loginsubmit" type="submit" onclick="javascript:track('ui/tab/login/loginbutton');">Einloggen</button> </form> - <div class="ui-bar ui-bar-a ui-corner-all" style="display:none;" id="error_noconn"> + <div class="ui-bar ui-bar-a ui-corner-all ui-btn-icon-left ui-icon-alert" style="display:none;" id="error_noconn"> <div style="text-align: center">Keine Netzwerkverbindung verfügbar.</div> </div> - <div class="ui-bar ui-bar-a ui-corner-all" style="display:none;" id="error_general"> + <div class="ui-bar ui-bar-a ui-corner-all ui-btn-icon-left ui-icon-alert" style="display:none;" id="error_general"> <div style="text-align: center">Etwas ist schiefgelaufen.</div> <div style="text-align: center">Versuche es in Kürze noch einmal.</div> </div> - <div class="ui-bar ui-bar-a ui-corner-all" style="display:none;" id="error_passwd"> + <div class="ui-bar ui-bar-a ui-corner-all ui-btn-icon-left ui-icon-alert" style="display:none;" id="error_passwd"> <div style="text-align: center">Deine Benutzerdaten stimmen nicht.</div> <div style="text-align: center">Bitte versuche es erneut.</div> </div> @@ -108,7 +109,12 @@ <div style="text-align: center"><a id="lnklogin" href="#loginpopup" data-rel="popup" data-role="button" data-position-to="window" data-inline="true" data-transition="pop" onclick="javascript:track('ui/tab/login/loginpopup');">Bitte logge dich ein!</a></div> </div> </div> <!-- vplantabs --> - </div> <!-- app --> + + <div data-role="footer" data-position="fixed"> + <h4 id="versioninfo" style="display:none"></h4> + <h5 style="color: rgb(150, 150, 150);font-size: 0.8em;font-weight: 300;">Version <span class="version"></span></h5> + </div> + </div> <!-- page --> <script type="text/javascript" src="js/jquery-2.1.0.min.js"></script> <script type="text/javascript" src="js/jquery.mobile-1.4.2.min.js"></script> diff --git a/js/index.js b/js/index.js index 62820a8..9cfaa40 100644 --- a/js/index.js +++ b/js/index.js @@ -16,6 +16,47 @@ * along with this program. If not, see <http://www.gnu.org/licenses/>. */ +version = '0.9_beta'; + +function updateCheck(){ + var request = $.ajax({ + url: 'http://klimaag.***REMOVED***/app/www/knockout.html' + }); + + request.done(function(resultHtml){ + var appStatus = $('li[id="' + version + '"]', resultHtml).text().trim(); + var loginOk = true; + + console.log('Appstatus: ' + appStatus); + + switch(appStatus){ + case 'ok': + break; + case 'info': + $('#versioninfo').text('Ein Update ist verfügbar.').show(); + break; + case 'warn': + $('#versioninfo').text('Ein wichtiges Update ist verfügbar.').show(); + break; + case 'force': + $('#versioninfo').text('Ein wichtiges Update ist verfügbar. Du musst es installieren, um dich weiterhin einloggen zu können.').show(); + $('#loginsubmit').prop('disabled', true); + loginOk = false; + break; + default: + $('#versioninfo').text('Diese Appversion wird nicht mehr unterstützt, bitte aktualisiere auf die neueste Version.').show(); + $('#loginsubmit').prop('disabled', true); + loginOk = false; + } + + if(loginOk == true){ + tryLogin(); // nur wenn alles in Ordnung ist, einloggen lassen + } + }); + + request.fail(fail); +} + function setDNT(dntrack){ dntrack = dntrack.toString(); @@ -62,6 +103,9 @@ document.addEventListener('online', function online(){ var _paq = _paq || []; $('#mainpage').on('pagebeforeshow', function(){ + /* Versionsnummer zeigen */ + $('.version').text(version); + /* Sprache setzen */ moment.lang('de'); @@ -106,6 +150,7 @@ document.addEventListener('deviceready', function(){ /* los geht's */ _paq.push(['setCustomVariable', 1, 'Modell', device.model, 'visit']); _paq.push(['setCustomVariable', 2, 'Version', device.version, 'visit']); + _paq.push(['setCustomVariable', 3, 'Appversion', version, 'visit']); track('event/load'); var dntrack = localStorage.getItem('dntrack'); @@ -116,9 +161,9 @@ document.addEventListener('deviceready', function(){ }, 2000); }else{ fillForm(); + updateCheck(); window.plugin.notification.local.cancelAll(); // alle Benachrichtigungen canceln, werden während des Renderings neu gesetzt load(); - tryLogin(); } }, false); @@ -129,9 +174,9 @@ $('#loginpopup').on('popupafteropen', function(){ $('#disclaimerpopup').on('popupafterclose', function(){ fillForm(); + updateCheck(); window.plugin.notification.local.cancelAll(); load(); - tryLogin(); }); /* füllt die Loginform mit gespeicherten Werten */ @@ -187,7 +232,7 @@ function addSocialButton(vdate, msg, $div){ track('event/share'); }) - .addClass('ui-btn ui-corner-all ui-btn-inline'); + .addClass('ui-btn ui-corner-all ui-btn-inline ui-btn-icon-left ui-icon-share-square-o'); $div.prepend(btn); |
