app/www/index.html

   1 <!DOCTYPE html>
   2
   3 <!--
   4         glowingpatrol: simple app to report and locate meter maids
   5         author: hackbard@hackdaworld.org
   6 -->
   7
   8 <!--
   9     Licensed to the Apache Software Foundation (ASF) under one
  10     or more contributor license agreements.  See the NOTICE file
  11     distributed with this work for additional information
  12     regarding copyright ownership.  The ASF licenses this file
  13     to you under the Apache License, Version 2.0 (the
  14     "License"); you may not use this file except in compliance
  15     with the License.  You may obtain a copy of the License at
  16
  17     http://www.apache.org/licenses/LICENSE-2.0
  18
  19     Unless required by applicable law or agreed to in writing,
  20     software distributed under the License is distributed on an
  21     "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  22      KIND, either express or implied.  See the License for the
  23     specific language governing permissions and limitations
  24     under the License.
  25 -->
  26
  27 <html>
  28         <head>
  29                 <title>GlowingPatrol</title>
  30                 <meta charset="utf-8">
  31                 <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
  32
  33                 <link rel="stylesheet" type="text/css" href="css/index.css">
  34                 <link rel="stylesheet" type="text/css" href="css/leaflet.css">
  35
  36                 <script type="text/javascript" src="cordova.js"></script>
  37                 <script type="text/javascript" src="js/modernizr.js"></script>
  38                 <script type="text/javascript" src="js/jquery.js"></script>
  39                 <script type="text/javascript" src="js/leaflet.js"></script>
  40                 <script type="text/javascript" src="js/jsutils/utils.js">
  41                 </script>
  42                 <script type="text/javascript" src="js/jsutils/idb.js">
  43                 </script>
  44                 <script type="text/javascript" src="js/config.js"></script>
  45                 <script type="text/javascript" src="js/index.js"></script>
  46         </head>
  47         <body>
  48
  49                 <div id=io>
  50                         <!--
  51                         <div id=ionav>
  52                                 <button id=ctrl class=ionavbtn>
  53                                         Control
  54                                 </button>
  55                                 <button id=info class=ionavbtn>
  56                                         Info
  57                                 </button>
  58                                 <button id=settings class=ionavbtn>
  59                                         Settings
  60                                 </button>
  61                         </div>
  62                         -->
  63                         <div id=iomain>
  64                                 <div id=ctrlwin class=iomainwin>
  65                                         <div class=mainseclabel>
  66                                                 Location / Map / Display
  67                                         </div>
  68                                         <div class=switchcol>
  69                                                 <button id=ioctrlstore
  70                                                         class=twbtn>
  71                                                         Store location
  72                                                 </button>
  73                                                 <button id=ioctrlcurrent
  74                                                         class=twbtn>
  75                                                         Center current location
  76                                                 </button>
  77                                                 <button id=ioctrlstored
  78                                                         class=twbtn>
  79                                                         Center stored location
  80                                                 </button>
  81                                         </div>
  82                                         <div class=switchcol>
  83                                                 <button id=ioctrldiso
  84                                                         class=twbtn>
  85                                                         Display objects
  86                                                 </button>
  87                                                 <button id=ioctrldisc
  88                                                         class=twbtn>
  89                                                         Display current location
  90                                                 </button>
  91                                                 <button id=ioctrldiss
  92                                                         class=twbtn>
  93                                                         Display stored location
  94                                                 </button>
  95                                         </div>
  96                                         <div class=mainseclabel>
  97                                                 Patrols
  98                                         </div>
  99                                         <div class=switchcol>
 100                                                 <button id=ioctrlrepfp
 101                                                         class="twbtn longclickbtn">
 102                                                         Free (legal) parking
 103                                                 </button>
 104                                                 <button id=ioctrlrepmm
 105                                                         class=twbtn>
 106                                                         Meter maid
 107                                                 </button>
 108                                                 <button id=ioctrlrepti
 109                                                         class=twbtn>
 110                                                         Ticket inspector
 111                                                 </button>
 112                                         </div>
 113                                         <div class=switchcol>
 114                                                 <button id=ioctrlrephs
 115                                                         class=twbtn>
 116                                                         Health & Safety
 117                                                 </button>
 118                                                 <button id=ioctrlreppol
 119                                                         class=twbtn>
 120                                                         Police
 121                                                 </button>
 122                                                 <button id=ioctrlrepff
 123                                                         class=twbtn>
 124                                                         Fire fighters
 125                                                 </button>
 126                                         </div>
 127                                         <div class=switchcol>
 128                                                 <button id=ioctrlrepmed
 129                                                         class=twbtn>
 130                                                         Ambulance
 131                                                 </button>
 132                                         </div>
 133                                 </div>
 134                                 <div id=infowin class=iomainwin>
 135                                         Come back later! :)
 136                                 </div>
 137                                 <div id=settingswin class=iomainwin>
 138                                         Come back later! :)
 139                                 </div>
 140                         </div>
 141                 </div>
 142                 <div id=map>
 143                 </div>
 144
 145         </body>
 146 </html>