groundtruth/PoziMobile

View on GitHub
index.html

Summary

Maintainability
Test Coverage
<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title>Pozi Mobile</title>

  <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"></link>

  <link rel="stylesheet" href="vendor/jquery.mobile-1.3.0/jquery.mobile-1.3.0.min.css"></link>
  <link rel="stylesheet" href="vendor/openlayers-2.13.1/theme/default/style.mobile.css"></link>
  <link rel="stylesheet" href="css/reset.css"></link>
  <link rel="stylesheet" href="css/main.css"></link>

  <script type="text/javascript" src="vendor/requirejs-2.1.2/require.js" data-main="index"></script>

  <script>
    (function(i, s, o, g, r, a, m) {
      i['GoogleAnalyticsObject'] = r;
      i[r] = i[r] || function() {
        (i[r].q = i[r].q || []).push(arguments)
      }, i[r].l = 1 * new Date();
      a = s.createElement(o),
        m = s.getElementsByTagName(o)[0];
      a.async = 1;
      a.src = g;
      m.parentNode.insertBefore(a, m)
    })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

    ga('create', 'UA-27881682-4', 'pozi.com');
    ga('send', 'pageview');

  </script>
</head>

<body>

  <section id="pageMain" data-role="page">
    <header data-role="header" data-position="fixed" data-tap-toggle="false">
      <h1></h1>
      <button id="newButton" data-transition="none" data-icon="arrow-d" data-iconpos="notext" class="ui-btn-right">New</button>
    </header>
    <div id="map" class="content map" data-role="content">
      <svg id="crosshair" width="20px" height="20px">
        <text x="0" y="20">+</text>
      </svg>
    </div>
    <footer data-role="footer" data-position="fixed" data-tap-toggle="false">
      <div data-role="controlgroup" data-type="horizontal" class="ui-btn-left">
      </div>
      <div data-role="controlgroup" data-type="horizontal" class="">
        <a id="zoomOut" data-role="button" data-icon="minus" data-iconpos="notext" class="">Zoom out</a>
        <a id="followLocation" data-role="button" data-icon="gps" data-iconpos="notext" class="">Seek to current location</a>
        <a id="zoomIn" data-role="button" data-icon="plus" data-iconpos="notext" class="">Zoom in</a>
      </div>
      <div data-role="controlgroup" data-type="horizontal" class="ui-btn-right">
      </div>
    </footer>
  </section>


  <section id="pageDetails" data-role="page" data-add-back-btn="true" data-back-btn-text="Back" style="visibility: hidden">
    <form name="details" id="detailsForm">
      <header data-role="header" data-position="fixed" data-tap-toggle="false">
        <h1></h1>
      </header>
      <div class="content details" data-role="content"></div>
    </form>
  </section>

  <section id="pageSearch" data-role="page" data-add-back-btn="true" data-back-btn-text="Back" style="visibility: hidden">
    <form name="search" id="searchForm">
      <header data-role="header" data-position="fixed" data-tap-toggle="false">
        <h1></h1>
      </header>
      <div class="content search" data-role="content">
        <div id="search-input-wrapper">
          <label id="search-label" for="search-input">Test</label>
          <input type="search" name="search" id="search-input" placeholder="Type 3 characters" value="" />
        </div>
        <div>
          <ul data-role="listview"></ul>
        </div>
      </div>
    </form>
  </section>

</body>

</html>