summaryrefslogtreecommitdiff
path: root/index.html
blob: bb6b08c5b8927692bf97b3966754e67a3cf25691 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<!--
    Copyright (C) 2014
    This file is part of WvS VPlan.

    WvS VPlan is free software: you can redistribute it and/or modify
    it under the terms of the GNU Affero General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU Affero General Public License for more details.

    You should have received a copy of the GNU Affero General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
-->
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
        <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" />
        <title>WvS VPlan</title>
    </head>
    <body>
        <div class="app">
            <div data-role="tabs" id="vplantabs">
                <div data-role="navbar" id="vplannavbar">
                    <ul>
                        <li><a href="#login">Login</a></li>
                    </ul>
                </div>

                <div id="login" class="ui-content">
                    <div id="loadercontainer">
                        <img id="loader" src="css/images/ajax-loader.gif">
                    </div>

                    <div data-role="popup" id="loginpopup" data-theme="a">
                        <form style="padding:10px 20px;" id="loginform" action="javascript:login();">
                            <h3>Bitte einloggen</h3>
                            <label for="username" class="ui-hidden-accessible">Benutzername</label>
                            <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 type="submit">Einloggen</button>
                        </form>

                        <div class="ui-bar ui-bar-a ui-corner-all" style="display:none;" id="error_noconn">
                            <div style="text-align: center">Etwas ist schiefgelaufen.</div>
                            <div style="text-align: center">Versuche es in Kürze noch einmal.</div>
                            <div style="width:100%;margin 0 auto;">
                                <button class="ui-btn" id="loadbtn" onclick="$('#loginpopup').popup('close')">Pläne aus dem Speicher anzeigen</button>
                            </div>
                        </div>

                        <div class="ui-bar ui-bar-a ui-corner-all" 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>
                    </div> <!-- loginpopup -->

                    <div style="text-align: center" id="noplans" style="display:none">Es sind noch keine Pläne verfügbar.</div>
                    <div style="text-align: center"><a id="lnklogin" href="#loginpopup" data-rel="popup" data-role="button" data-position-to="window" data-inline="true">Bitte logge dich ein!</a></div>
                </div>
            </div> <!-- vplantabs -->
        </div> <!-- app -->

        <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>
        <script type="text/javascript" src="js/index.js"></script>

        <script type="text/javascript" src="cordova.js"></script>
        <script type="text/javascript" src="js/pdf.js"></script>
    </body>
</html>