<commit_before><!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
  <title></title>

  <link href="lib/ionic/css/ionic.css" rel="stylesheet">
  <link href="css/style.css" rel="stylesheet">

  <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
    <link href="css/ionic.app.css" rel="stylesheet">
    -->

  <!-- ionic/angularjs js -->
  <script src="lib/ionic/js/ionic.bundle.js"></script>

  <!-- leaflet, for some sweet, open source maps -->
  <link rel="stylesheet" href="lib/leaflet/leaflet.css"></link>
  <script src="lib/leaflet/leaflet.js"></script>

  <!-- leaflet plugins -->
  <script src="lib/leaflet-plugins/angular-leaflet-directive.js"></script>

  <link rel="stylesheet" href="lib/leaflet-plugins/leaflet.awesome-markers.css"></link>
  <script src="lib/leaflet-plugins/leaflet.awesome-markers.js"></script>

  <link rel="stylesheet" href="lib/leaflet-plugins/leaflet.magnifyingglass.css"></link>
  <script src="lib/leaflet-plugins/leaflet.magnifyingglass.js"></script>

  <script src="lib/leaflet-plugins/leaflet.textpath.js"></script>

  <!-- other utils -->
  <script src="lib/angular-simple-logger/index.js"></script>
    
  <!-- cordova script (this will be a 404 during development) -->
  <script src="cordova.js"></script>
  <!--
  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB16sGmIekuGIvYOfNoW9T44377IU2d2Es&sensor=true"></script>
  -->
  <!-- your app's js -->
  <script type="text/javascript" src="listview-js/dbHelper.js"></script>
  <script type="text/javascript" src="listview-js/usercacheHelper.js"></script>

  <script src="listview-js/app.js"></script>
  <script src="listview-js/controllers.js"></script>
  <script src="listview-js/directives.js"></script>
  <script type="text/javascript">
    console.log("About to bootstrap angular");
    // BEGIN DEVICE VERSION
    document.addEventListener('deviceready', function onDeviceReady() {
    // BEGIN BROWSER VERSION
    // angular.element(document).ready(function onDeviceReady() {
      console.log("bootstrapping angular");
      angular.bootstrap(document.getElementsByTagName('body')[0], ['starter']);
    }, false);
  </script>
</head>

<body ng-controller="TripsCtrl" animation="slide-left-right-ios7">
  <ion-view title="Trip Diary">
      <ion-header-bar align-title="center" class="bar-positive bg-color">
            <button class="button button-icon icon ion-ios-arrow-thin-left" ng-click="prevDay()">
            </button>
            {{data.currDay.fmt_time}}
            <button class="button button-icon icon ion-ios-arrow-thin-right" ng-click="nextDay()">
            </button>
       </ion-header-bar> 
    <ion-content>
        <!--
        <div class="row main bg-color">
          <div class="col date">
          </div>
        </div>
        -->

        <ion-list>
            <ion-item collection-repeat="trip in data.currDay.directive_trips"
                item-width=100% item-height="getTripHeightPixels(trip)"
                class="no-margin bg-color">
              <div class="buttons summary-color">
                <button class="button button-icon icon ion-ios-minus-outline"
                    ng-click="deleteTrip(trip)"></button>
                {{getTripDetails(trip)}}
                <button class="button button-icon icon ion-ios-checkmark-outline"
                    ng-click="confirmTrip(trip)">
                <button class="button button-icon icon ion-edit"
                    ng-click="showCorrections(trip)()">
                </button>
              </div>
                <ion-list class="summary-color" width=100%>
                    <ion-item ng-repeat="section in trip.sections"
                    class="no-margin summary-color">
                        <button class="button button-small summary-color"
                                ng-click="showModes(section)()">
                            {{section.properties.sensed_mode}}
                        </button>
                        {{getSectionDetails(section)}}
                        <button class="button button-small button-icon icon ion-ios-more-outline"
                                ng-click="showCorrections(section)">
                        </button>
                    </ion-item>
                </ion-list>
                <leaflet geojson="trip" id="$index" defaults="defaults"></leaflet>
                <!--
                <div class="col col-33 col-offset-33">
                  <ul class="img-list">
                    <li>

                      <div class="location-holder" ng-click="setupMap(x)">
                        <p>{{getTime(x.startTime.date)}} </p>
                      </div>
                    </li>
                  </ul>
                </div>
                <div class="col display-name">
                  {{x.displayName}}
                  <br>
                </div>
              </div>
              <div class="row bg-color" ng-if="notSingleOrLast($index, trip.trip_val)">
                <div class="col col-33 col-offset-33">
                  <ul class="img-list">
                    <li>
                      <div class="verticalLine"></div>
                    </li>
                  </ul>


                </div>
                <div class="col display-mode">
                  <i class="icon mode {{getDisplayMode(x)}} {{getConfidenceColor(x)}}" ng-if="x.confidence>=.9"></i>

                  <label class="item-input item-select" ng-if="x.confidence <.9">
                    <div class="input-label bg-color">
                      <i class="icon mode {{getDisplayMode(x)}} {{getConfidenceColor(x)}}"></i>
                    </div>
                    <select class="small bg-color display-mode" ng-model="modeChange" ng-options="mode.mode as mode.show for mode in modes" ng-init="modeChange=x.autoMode" ng-change="modeUpdate(x, modeChange)">

                    </select>
                  </label>
                </div>
              </div>
              -->
            </ion-item>
          </ion-list>
        </ion-content>
    <ion-tabs class="tabs-default tabs-icon-top">

      <ion-tab title="Trips" icon="ion-merge">
      </ion-tab>
      <!--
      <ion-tab title="Recommendation" icon="ion-location">
      </ion-tab>
      <ion-tab title="About" icon="ion-compose">
      </ion-tab>
      -->
    </ion-tabs>
  </ion-view>
</body>

</html>
<commit_msg>Some attempts to fix the alignment issue with the buttons and the text in the header bar<commit_after><!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
  <title></title>

  <link href="lib/ionic/css/ionic.css" rel="stylesheet">
  <link href="css/style.css" rel="stylesheet">

  <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
    <link href="css/ionic.app.css" rel="stylesheet">
    -->

  <!-- ionic/angularjs js -->
  <script src="lib/ionic/js/ionic.bundle.js"></script>

  <!-- leaflet, for some sweet, open source maps -->
  <link rel="stylesheet" href="lib/leaflet/leaflet.css"></link>
  <script src="lib/leaflet/leaflet.js"></script>

  <!-- leaflet plugins -->
  <script src="lib/leaflet-plugins/angular-leaflet-directive.js"></script>

  <link rel="stylesheet" href="lib/leaflet-plugins/leaflet.awesome-markers.css"></link>
  <script src="lib/leaflet-plugins/leaflet.awesome-markers.js"></script>

  <link rel="stylesheet" href="lib/leaflet-plugins/leaflet.magnifyingglass.css"></link>
  <script src="lib/leaflet-plugins/leaflet.magnifyingglass.js"></script>

  <script src="lib/leaflet-plugins/leaflet.textpath.js"></script>

  <!-- other utils -->
  <script src="lib/angular-simple-logger/index.js"></script>
    
  <!-- cordova script (this will be a 404 during development) -->
  <script src="cordova.js"></script>
  <!--
  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB16sGmIekuGIvYOfNoW9T44377IU2d2Es&sensor=true"></script>
  -->
  <!-- your app's js -->
  <script type="text/javascript" src="listview-js/dbHelper.js"></script>
  <script type="text/javascript" src="listview-js/usercacheHelper.js"></script>

  <script src="listview-js/app.js"></script>
  <script src="listview-js/controllers.js"></script>
  <script src="listview-js/directives.js"></script>
  <script type="text/javascript">
    console.log("About to bootstrap angular");
    // BEGIN DEVICE VERSION
    document.addEventListener('deviceready', function onDeviceReady() {
    // BEGIN BROWSER VERSION
    // angular.element(document).ready(function onDeviceReady() {
      console.log("bootstrapping angular");
      angular.bootstrap(document.getElementsByTagName('body')[0], ['starter']);
    }, false);
  </script>
</head>

<body ng-controller="TripsCtrl" animation="slide-left-right-ios7">
  <ion-view title="Trip Diary">
      <ion-header-bar align-title="center" class="bar-positive bg-color">
         <div class="buttons" style="text-align:left">
            <button class="button button-icon icon ion-ios-arrow-thin-left" ng-click="prevDay()">
            </button>
         </div>
            {{data.currDay.fmt_time}}
         <div class="buttons" style="text-align:right">
            <button class="button button-icon icon ion-ios-arrow-thin-right" ng-click="nextDay()">
            </button>
        </div>
       </ion-header-bar> 
    <ion-content>
        <!--
        <div class="row main bg-color">
          <div class="col date">
          </div>
        </div>
        -->

        <ion-list>
            <ion-item collection-repeat="trip in data.currDay.directive_trips"
                item-width=100% item-height="getTripHeightPixels(trip)"
                class="no-margin bg-color">
              <div class="buttons summary-color">
                <button class="button button-icon icon ion-ios-minus-outline"
                    ng-click="deleteTrip(trip)"></button>
                {{getTripDetails(trip)}}
                <button class="button button-icon icon ion-ios-checkmark-outline"
                    ng-click="confirmTrip(trip)">
                <button class="button button-icon icon ion-edit"
                    ng-click="showCorrections(trip)()">
                </button>
              </div>
                <ion-list class="summary-color" width=100%>
                    <ion-item ng-repeat="section in trip.sections"
                    class="no-margin summary-color">
                        <button class="button button-small summary-color"
                                ng-click="showModes(section)()">
                            {{section.properties.sensed_mode}}
                        </button>
                        {{getSectionDetails(section)}}
                        <button class="button button-small button-icon icon ion-ios-more-outline"
                                ng-click="showCorrections(section)">
                        </button>
                    </ion-item>
                </ion-list>
                <leaflet geojson="trip" id="$index" defaults="defaults"></leaflet>
                <!--
                <div class="col col-33 col-offset-33">
                  <ul class="img-list">
                    <li>

                      <div class="location-holder" ng-click="setupMap(x)">
                        <p>{{getTime(x.startTime.date)}} </p>
                      </div>
                    </li>
                  </ul>
                </div>
                <div class="col display-name">
                  {{x.displayName}}
                  <br>
                </div>
              </div>
              <div class="row bg-color" ng-if="notSingleOrLast($index, trip.trip_val)">
                <div class="col col-33 col-offset-33">
                  <ul class="img-list">
                    <li>
                      <div class="verticalLine"></div>
                    </li>
                  </ul>


                </div>
                <div class="col display-mode">
                  <i class="icon mode {{getDisplayMode(x)}} {{getConfidenceColor(x)}}" ng-if="x.confidence>=.9"></i>

                  <label class="item-input item-select" ng-if="x.confidence <.9">
                    <div class="input-label bg-color">
                      <i class="icon mode {{getDisplayMode(x)}} {{getConfidenceColor(x)}}"></i>
                    </div>
                    <select class="small bg-color display-mode" ng-model="modeChange" ng-options="mode.mode as mode.show for mode in modes" ng-init="modeChange=x.autoMode" ng-change="modeUpdate(x, modeChange)">

                    </select>
                  </label>
                </div>
              </div>
              -->
            </ion-item>
          </ion-list>
        </ion-content>
    <ion-tabs class="tabs-default tabs-icon-top">

      <ion-tab title="Trips" icon="ion-merge">
      </ion-tab>
      <!--
      <ion-tab title="Recommendation" icon="ion-location">
      </ion-tab>
      <ion-tab title="About" icon="ion-compose">
      </ion-tab>
      -->
    </ion-tabs>
  </ion-view>
</body>

</html>

{'fraction_non_alphanumeric': 0.1616969879972824, 'fraction_numerical': 0.0051332377141994415, 'mean_word_length': 1.9400798934753662, 'pattern_counts': {'":': 0, '<': 289, '<?xml version=': 0, '>': 289, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6508657', 'n_tokens_mistral': 4035, 'n_tokens_neox': 3774, 'n_words': 684}