<commit_before>{% load staticfiles %}
<!DOCTYPE html>
<html ng-app="AngkotRoute"><head>
<title>Peta Angkutan Umum</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet"/>
<link href='//api.tiles.mapbox.com/mapbox.js/v1.3.1/mapbox.css' rel='stylesheet' />
<!--[if lte IE 8]>
  <link href='//api.tiles.mapbox.com/mapbox.js/v1.3.1/mapbox.ie.css' rel='stylesheet' />
<![endif]-->
<link rel="stylesheet" type="text/css" href="{% static "css/page.css" %}"/>
<link rel="stylesheet" type="text/css" href="{% static "css/route.css" %}"/>
</head><body ng-controller="MainController" ng-init="init()"
             data-mapbox-key="{{ MAPBOX_KEY }}"
             data-url-province-list="{% url "route_province_list" %}"
             data-url-submission-list="{% url "route_submission_list" %}"
             data-url-transportation-list="{% url "route_transportation_list" %}"
             data-url-save="{% url "route_index" %}">

<div id="head">
  <h1>Peta Angkutan Umum</h1>
  <div class="alpha"><a href="https://github.com/fajran/angkot" target="_blank">alpha!</a></div>
  <div class="menu" ng-controller="MenuController">
    <ul>
    <li><a href="" ng-click="showAbout()">Apa ini?</a></li>
    <li><a href="" ng-click="showContact()">Kontak</a></li>
    </ul>
  </div>
  <div class="search">
    <input type="text" name="q" placeholder="Cari Lokasi" class="search"
           ng-model="searchQuery" ng-enter="search()"/><button name="go" ng-click="search()" class="btn"><i class="icon-search"></i></button>
  </div>
</div>

<div style="display:none" ng-include="'{% static "partial/modal-content.html" %}'"></div>

<modal data="modal"></modal>

<angkot-map id="map" mapbox-key="mapboxKey" map-data="map" onroutechanged="onRouteChanged()"></angkot-map>

<div class="sidepanel" ng-cloak>
  <div class="nav">
  <ul>
  <li ng-class="{'active':panel=='transportation-list'}" ng-click="showPanel('transportation-list')">Angkutan Umum</i>
  <li ng-class="{'active':panel=='data-form'}" ng-click="showPanel('data-form')">Buat Rute</i>
  <li ng-class="{'active':panel=='submission-list'}" ng-click="showPanel('submission-list')">Daftar Kiriman</i>
  </ul>
  </div>

  <!-- transportation list -->
  <div class="content" id="transportation-list" ng-show="panel=='transportation-list'"
       ng-controller="TransportationListController" ng-init="init()">
    <div ng-show="loading">
      <p>loading..</p>
    </div>
    <div ng-hide="loading">
      <div class="province" ng-repeat="group in groups">
        <h2 ng-bind="provinceName[group.province]"></h2>
        <ul>
        <li ng-repeat="item in group.transportations | orderBy:'_label'">
          <a href="" ng-click="showTransportation(item)">
            <span class="company" ng-bind="item.company"></span>
            <span class="number" ng-bind="item.number"></span>
          </a>
        </li>
        </ul>
      </div>
    </div>
  </div>

  <!-- data form -->
  <div class="content" id="data-form" ng-show="panel=='data-form'" ng-controller="DataFormController" ng-init="init()">
  <label>Provinsi</label>
  <select name="province" ng-model="province" ng-options="p[0] as p[1] for p in provinces"
          ng-class="{'error': checked && !province}"></select>
  <label>Kota</label>
  <input name="city" type="text" placeholder="Jakarta, Bandung, ..." maxlength="256"
         ng-model="city" ng-class="{'error': checked && !city}"/>
  <label>Perusahaan dan Nomor Angkutan</label>
  <input name="company" type="text" placeholder="Kopaja, Mikrolet, ..." maxlength="256"
         ng-model="company"/><input name="number" type="text" maxlength="64"
                                    ng-model="number" ng-class="{'error': checked && !number}"/>
  <label>Lokasi Keberangkatan</label>
  <input name="origin" type="text" placeholder="Blok M, Pasar Minggu, ..." maxlength="256"
         ng-model="origin"/>
  <label>Jurusan/Lokasi Akhir</label>
  <input name="destination" type="text" placeholder="Depok, Kampung Melayu, ..." maxlength="256"
         ng-model="destination"/>

  <p class="license-agreement">
    <input type="checkbox" name="license-agreement" id="license-agreement"
           ng-model="licenseAgreement" ng-class="{'error': checked && !licenseAgreement}"/>
    <label for="license-agreement">menggunakan lisensi
      <a href="" title="Open Database License (ODbL) v1.0"
         ng-click="showLicense(); $event.stopPropagation();">ODbL v1.0</a></label>
  </p>
  <div>
    <p style="float:left" ng-show="modified" class="reset"><a href="" ng-click="resetMapCheck()">ulangi dari awal</a></p>
    <p style="text-align:right"><button class="btn btn-green" ng-click="saveRouteCheck()">
      <i class="icon-ok-sign"></i> Simpan Rute</button></p>
  </div>
  <p ng-show="message" ng-bind="message" class="message"></p>
  <p ng-show="error" ng-bind="error" class="error"></p>
  <p ng-show="incomplete" class="incomplete error">
    Harap minimal isi
      <strong ng-class="{'ok':province}">provinsi</strong>,
      <strong ng-class="{'ok':city}">nama kota</strong>,
      <strong ng-class="{'ok':number}">nomor angkutan</strong>, dan
      <strong ng-class="{'ok':licenseAgreement}">persetujuan lisensi</strong>
  </p>
  <p class="mapquest-nominatim">Nominatim Search Courtesy of<br/>
    <a href="http://www.mapquest.com/" target="_blank">MapQuest</a>
    <img src="//developer.mapquest.com/content/osm/mq_logo.png"></p>
  </div>
  <!-- // data form -->

  <!-- submission list -->
  <div class="content" id="submission-list"
       ng-show="panel=='submission-list'" ng-controller="SubmissionListController" ng-init="init()">
    <div class="loading" ng-show="loading">
      <p>loading..</p>
    </div>
    <div ng-hide="loading">
      <div class="route" ng-repeat="route in submissions" ng-click="showRoute(route)"
           ng-class="{'active':route==active}">
        <p><span class="date" ng-bind="route.created * 1000 | date"></span></p>
        <p><span class="city" ng-bind="route.geojson.properties.city"></span> &ndash;
          <span class="company" ng-show="route.geojson.properties.company" ng-bind="route.geojson.properties.company"></span>
          <span class="number" ng-bind="route.geojson.properties.number"></span></p>
        <p ng-show="route.geojson.properties.origin || route.geojson.properties.destination">
          <span class="origin" ng-show="route.geojson.properties.origin" ng-bind="route.geojson.properties.origin"></span>
          &mdash;
          <span class="destination" ng-show="route.geojson.properties.destination" ng-bind="route.geojson.properties.destination"></span>
        </p>
      </div>
    </div>
  </div>
  <!-- // submission list -->

</div>

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular-sanitize.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.1/underscore-min.js"></script>
<script src='//api.tiles.mapbox.com/mapbox.js/v1.3.1/mapbox.js'></script>
<script type="text/javascript" src="{% static "js/Leaflet.Tooltip.js" %}"></script>
<script type="text/javascript" src="{% static "js/Leaflet.Polyline.Editable.js" %}"></script>
<script type="text/javascript" src="{% static "js/Leaflet.Angkot.js" %}"></script>
<script type="text/javascript" src="{% static "js/Leaflet.Angkot.Route.js" %}"></script>

<script type="text/javascript" src="{% static "js/modal.js" %}"></script>
<script type="text/javascript" src="{% static "js/angkot-map.js" %}"></script>
<script type="text/javascript" src="{% static "js/angkot-filter.js" %}"></script>
<script type="text/javascript" src="{% static "js/angkot-route.js" %}"></script>
<script type="text/javascript" src="{% static "js/angkot-route-menu.js" %}"></script>
<script type="text/javascript" src="{% static "js/angkot-route-transportationlist.js" %}"></script>
<script type="text/javascript" src="{% static "js/angkot-route-dataform.js" %}"></script>
<script type="text/javascript" src="{% static "js/angkot-route-submissionlist.js" %}"></script>

<script type="text/javascript" src="{% static "js/route-app-main.js" %}"></script>

{% if GOOGLE_ANALYTICS_ID %}
<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', '{{ GOOGLE_ANALYTICS_ID }}', '{{ GOOGLE_ANALYTICS_HOST }}');
  ga('send', 'pageview');
</script>
{% endif %}
{% if USERVOICE_CODE %}
{{ USERVOICE_CODE | safe }}
{% endif %}
</body></html>

<commit_msg>Hide submission list panel for now<commit_after>{% load staticfiles %}
<!DOCTYPE html>
<html ng-app="AngkotRoute"><head>
<title>Peta Angkutan Umum</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet"/>
<link href='//api.tiles.mapbox.com/mapbox.js/v1.3.1/mapbox.css' rel='stylesheet' />
<!--[if lte IE 8]>
  <link href='//api.tiles.mapbox.com/mapbox.js/v1.3.1/mapbox.ie.css' rel='stylesheet' />
<![endif]-->
<link rel="stylesheet" type="text/css" href="{% static "css/page.css" %}"/>
<link rel="stylesheet" type="text/css" href="{% static "css/route.css" %}"/>
</head><body ng-controller="MainController" ng-init="init()"
             data-mapbox-key="{{ MAPBOX_KEY }}"
             data-url-province-list="{% url "route_province_list" %}"
             data-url-submission-list="{% url "route_submission_list" %}"
             data-url-transportation-list="{% url "route_transportation_list" %}"
             data-url-save="{% url "route_index" %}">

<div id="head">
  <h1>Peta Angkutan Umum</h1>
  <div class="alpha"><a href="https://github.com/fajran/angkot" target="_blank">alpha!</a></div>
  <div class="menu" ng-controller="MenuController">
    <ul>
    <li><a href="" ng-click="showAbout()">Apa ini?</a></li>
    <li><a href="" ng-click="showContact()">Kontak</a></li>
    </ul>
  </div>
  <div class="search">
    <input type="text" name="q" placeholder="Cari Lokasi" class="search"
           ng-model="searchQuery" ng-enter="search()"/><button name="go" ng-click="search()" class="btn"><i class="icon-search"></i></button>
  </div>
</div>

<div style="display:none" ng-include="'{% static "partial/modal-content.html" %}'"></div>

<modal data="modal"></modal>

<angkot-map id="map" mapbox-key="mapboxKey" map-data="map" onroutechanged="onRouteChanged()"></angkot-map>

<div class="sidepanel" ng-cloak>
  <div class="nav">
  <ul>
  <li ng-class="{'active':panel=='transportation-list'}" ng-click="showPanel('transportation-list')">Angkutan Umum</i>
  <li ng-class="{'active':panel=='data-form'}" ng-click="showPanel('data-form')">Buat Rute</i>
  <!--
  <li ng-class="{'active':panel=='submission-list'}" ng-click="showPanel('submission-list')">Daftar Kiriman</i>
  -->
  </ul>
  </div>

  <!-- transportation list -->
  <div class="content" id="transportation-list" ng-show="panel=='transportation-list'"
       ng-controller="TransportationListController" ng-init="init()">
    <div ng-show="loading">
      <p>loading..</p>
    </div>
    <div ng-hide="loading">
      <div class="province" ng-repeat="group in groups">
        <h2 ng-bind="provinceName[group.province]"></h2>
        <ul>
        <li ng-repeat="item in group.transportations | orderBy:'_label'">
          <a href="" ng-click="showTransportation(item)">
            <span class="company" ng-bind="item.company"></span>
            <span class="number" ng-bind="item.number"></span>
          </a>
        </li>
        </ul>
      </div>
    </div>
  </div>

  <!-- data form -->
  <div class="content" id="data-form" ng-show="panel=='data-form'" ng-controller="DataFormController" ng-init="init()">
  <label>Provinsi</label>
  <select name="province" ng-model="province" ng-options="p[0] as p[1] for p in provinces"
          ng-class="{'error': checked && !province}"></select>
  <label>Kota</label>
  <input name="city" type="text" placeholder="Jakarta, Bandung, ..." maxlength="256"
         ng-model="city" ng-class="{'error': checked && !city}"/>
  <label>Perusahaan dan Nomor Angkutan</label>
  <input name="company" type="text" placeholder="Kopaja, Mikrolet, ..." maxlength="256"
         ng-model="company"/><input name="number" type="text" maxlength="64"
                                    ng-model="number" ng-class="{'error': checked && !number}"/>
  <label>Lokasi Keberangkatan</label>
  <input name="origin" type="text" placeholder="Blok M, Pasar Minggu, ..." maxlength="256"
         ng-model="origin"/>
  <label>Jurusan/Lokasi Akhir</label>
  <input name="destination" type="text" placeholder="Depok, Kampung Melayu, ..." maxlength="256"
         ng-model="destination"/>

  <p class="license-agreement">
    <input type="checkbox" name="license-agreement" id="license-agreement"
           ng-model="licenseAgreement" ng-class="{'error': checked && !licenseAgreement}"/>
    <label for="license-agreement">menggunakan lisensi
      <a href="" title="Open Database License (ODbL) v1.0"
         ng-click="showLicense(); $event.stopPropagation();">ODbL v1.0</a></label>
  </p>
  <div>
    <p style="float:left" ng-show="modified" class="reset"><a href="" ng-click="resetMapCheck()">ulangi dari awal</a></p>
    <p style="text-align:right"><button class="btn btn-green" ng-click="saveRouteCheck()">
      <i class="icon-ok-sign"></i> Simpan Rute</button></p>
  </div>
  <p ng-show="message" ng-bind="message" class="message"></p>
  <p ng-show="error" ng-bind="error" class="error"></p>
  <p ng-show="incomplete" class="incomplete error">
    Harap minimal isi
      <strong ng-class="{'ok':province}">provinsi</strong>,
      <strong ng-class="{'ok':city}">nama kota</strong>,
      <strong ng-class="{'ok':number}">nomor angkutan</strong>, dan
      <strong ng-class="{'ok':licenseAgreement}">persetujuan lisensi</strong>
  </p>
  <p class="mapquest-nominatim">Nominatim Search Courtesy of<br/>
    <a href="http://www.mapquest.com/" target="_blank">MapQuest</a>
    <img src="//developer.mapquest.com/content/osm/mq_logo.png"></p>
  </div>
  <!-- // data form -->

  <!-- submission list -->
  <div class="content" id="submission-list"
       ng-show="panel=='submission-list'" ng-controller="SubmissionListController" ng-init="init()">
    <div class="loading" ng-show="loading">
      <p>loading..</p>
    </div>
    <div ng-hide="loading">
      <div class="route" ng-repeat="route in submissions" ng-click="showRoute(route)"
           ng-class="{'active':route==active}">
        <p><span class="date" ng-bind="route.created * 1000 | date"></span></p>
        <p><span class="city" ng-bind="route.geojson.properties.city"></span> &ndash;
          <span class="company" ng-show="route.geojson.properties.company" ng-bind="route.geojson.properties.company"></span>
          <span class="number" ng-bind="route.geojson.properties.number"></span></p>
        <p ng-show="route.geojson.properties.origin || route.geojson.properties.destination">
          <span class="origin" ng-show="route.geojson.properties.origin" ng-bind="route.geojson.properties.origin"></span>
          &mdash;
          <span class="destination" ng-show="route.geojson.properties.destination" ng-bind="route.geojson.properties.destination"></span>
        </p>
      </div>
    </div>
  </div>
  <!-- // submission list -->

</div>

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular-sanitize.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.1/underscore-min.js"></script>
<script src='//api.tiles.mapbox.com/mapbox.js/v1.3.1/mapbox.js'></script>
<script type="text/javascript" src="{% static "js/Leaflet.Tooltip.js" %}"></script>
<script type="text/javascript" src="{% static "js/Leaflet.Polyline.Editable.js" %}"></script>
<script type="text/javascript" src="{% static "js/Leaflet.Angkot.js" %}"></script>
<script type="text/javascript" src="{% static "js/Leaflet.Angkot.Route.js" %}"></script>

<script type="text/javascript" src="{% static "js/modal.js" %}"></script>
<script type="text/javascript" src="{% static "js/angkot-map.js" %}"></script>
<script type="text/javascript" src="{% static "js/angkot-filter.js" %}"></script>
<script type="text/javascript" src="{% static "js/angkot-route.js" %}"></script>
<script type="text/javascript" src="{% static "js/angkot-route-menu.js" %}"></script>
<script type="text/javascript" src="{% static "js/angkot-route-transportationlist.js" %}"></script>
<script type="text/javascript" src="{% static "js/angkot-route-dataform.js" %}"></script>
<script type="text/javascript" src="{% static "js/angkot-route-submissionlist.js" %}"></script>

<script type="text/javascript" src="{% static "js/route-app-main.js" %}"></script>

{% if GOOGLE_ANALYTICS_ID %}
<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', '{{ GOOGLE_ANALYTICS_ID }}', '{{ GOOGLE_ANALYTICS_HOST }}');
  ga('send', 'pageview');
</script>
{% endif %}
{% if USERVOICE_CODE %}
{{ USERVOICE_CODE | safe }}
{% endif %}
</body></html>


{'fraction_non_alphanumeric': 0.2247645429362881, 'fraction_numerical': 0.006426592797783934, 'mean_word_length': 4.284250585480094, 'pattern_counts': {'":': 0, '<': 430, '<?xml version=': 0, '>': 430, 'https://': 2, 'lorem ipsum': 0, 'www.': 4, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5374560', 'n_tokens_mistral': 6518, 'n_tokens_neox': 6228, 'n_words': 997}