<commit_before><section class="kit_data" change-content-margin>
  <section class="kit_menu" layout="row" layout-align="center center" stick>
    <section class="overlay" ng-if="!vm.kit"></section>
    <div class="container" layout="row" layout-align="space-between center">
      <div>
        <div class="kit_user" layout="row" layout-align="start center">
          <img ng-src="{{ vm.kit.owner.avatar || './assets/images/avatar.svg'}}" />
          <a href="./users/{{vm.kit.owner.id}}"><span>{{ vm.kit.owner.username}}</span></a>
        </div>
        <div class="kit_name" layout="row" layout-align="start center">
          <img ng-src="./assets/images/sensor_icon.svg" />
          <span>{{ vm.kit.name }}</span>
        </div>
        <div class="kit_battery" layout="row" layout-align="start center">
          <md-icon md-svg-src="{{ vm.battery.icon }}"> </md-icon>
          <span>{{ vm.battery.value }} {{ vm.battery.unit }}</span>
        </div>
      </div>
      <div class="kit_time" layout="row" layout-align="start center">
        <span>Last data received: {{ vm.kit.timeParsed }}</span>
      </div>
      <div class="kit_navbar" layout="row" layout-align="start center" active-button>

        <md-button href="#" class="md-flat chart_icon" aria-label=""
          analytics-on="click" analytics-category="Kit Detail Section Button"
          analytics-event="click" analytics-label="Chart">
          <md-icon md-svg-src="./assets/images/chart_icon.svg">
          </md-icon>
        </md-button>

        <md-button href="#" class="md-flat kit_details_icon" aria-label=""
          analytics-on="click" analytics-category="Kit Detail Section Button"
          analytics-event="click" analytics-label="Kit">
          <md-icon md-svg-src="./assets/images/kit_details_icon_light.svg">
          </md-icon>
        </md-button>

        <md-button href="#" class="md-flat user_details" aria-label=""
          analytics-on="click" analytics-category="Kit Detail Section Button"
          analytics-event="click" analytics-label="User">
          <md-icon md-svg-src="./assets/images/user_details_icon.svg">
          </md-icon>
        </md-button>

        <md-button href="#" class="md-flat discussion_icon" aria-label=""
          analytics-on="click" analytics-category="Kit Detail Section Button"
          analytics-event="click" analytics-label="Comments">
          <md-icon md-svg-src="./assets/images/discussion_icon.svg">
          </md-icon>
        </md-button>

        <!--<md-button href="" class="md-flat shape_icon kit_owner_dropdown_button" aria-label="" dropdown-menu="vm.dropdownOptions"
            dropdown-model="vm.dropdownSelected"
            dropdown-item-label="text">
          <md-icon md-svg-src="./assets/images/shape_icon.svg">
          </md-icon>
        </md-button>-->

      </div>
    </div>
  </section>
  <section class="kit_fixed" move-down>
    <section class="overlay" ng-if="!vm.kit">
      <h1>
        No resource selected <span class="emoji">👆</span>
      </h1>
      <p>
        Browse the map and tap on any resource to see its data.
      </p>
      <div class="hint">
        <p>
          We can also take you to your nearest resorces by letting us know your location.
        </p>
        <md-button class="call-to-action" ng-click="vm.geolocate()">Locate me</md-button>
      </div>
    </section>
    <div no-data-backdrop></div>
    <section class="kit_overview">
      <md-button ng-click="vm.slide('right')" class="md-flat button_scroll button_scroll_left" layout="column" layout-align="center center" aria-label="">
        <md-icon md-svg-src="./assets/images/arrow_left_icon.svg">
        </md-icon>
      </md-button>
      <div class="sensors_container" layout="row" layout-align="center center" horizontal-scroll>
        <div ng-repeat="sensor in vm.sensors" class="sensor_container" ng-click="vm.showSensorOnChart(sensor.uuid)">
          <div layout="row">
            <div>
              <md-icon md-svg-src="{{ sensor.icon }}" class="sensor_icon" flex="20">
              </md-icon>
            </div>
            <div class="sensor_value" ng-class="{sensor_value_null: sensor.value === 'N/A'}">{{ sensor.value }}</div>
            <div class="sensor_right">
              <div class="sensor_unit">{{ sensor.unit }}</div>
              <md-icon md-svg-src="{{ sensor.arrow }}" class="sensor_arrow">
              </md-icon>
            </div>
          </div>
          <div class="sensor_name">{{ sensor.name }}</div>
        </div>
      </div>
      <md-button ng-click="vm.slide('left')" class="md-flat button_scroll button_scroll_right" layout="column" layout-align="center center" aria-label="">
        <md-icon md-svg-src="./assets/images/arrow_right_icon.svg">
        </md-icon>
      </md-button>
    </section>
    <section class="kit_detailed" >
      <section class="kit_chart">
        <div class="container" layout="row">
          <div class="kit_chart_left">
            <div class="sensor_select">
              <md-icon md-svg-src="{{ vm.selectedSensorData.icon }}" class="sensor_icon_selected"></md-icon>
              <md-select placeholder="Choose sensor" ng-model="vm.selectedSensor"
                analytics-on="click" analytics-category="Kit Chart"
                analytics-event="click" analytics-label="Metric">
                <md-option ng-repeat="sensor in vm.sensors" ng-value="{{sensor.uuid}}" ng-selected="$first">
                  <img class="select_image" ng-src="{{ sensor.icon }}">
                  <span>
                    {{ sensor.name }}
                  </span>
                </md-option>
              </md-select>
            </div>
            <div class="sensor_data" show-popup-info>
              <span class="sensor_value">{{ vm.selectedSensorData.value }}</span>
              <span class="sensor_unit">{{ vm.selectedSensorData.unit }}</span>
<!--                 <md-icon md-svg-src="./assets/images/alert_icon.svg" alt="Insert Drive Icon" class="sensor_data_icon" show-popup-info></md-icon> -->
            </div>
            <div class="sensor_data_description" hide-popup-info>This is the latest value received</div>
            <div class="sensor_description" >
              <h6>{{ vm.selectedSensorData.name }}</h6>
              <div class="sensor_description_content" >
                <p class="sensor_description_preview">{{ vm.selectedSensorData.previewDescription }}<a href="#" ng-show="vm.selectedSensorData.previewDescription.length > 140" show-popup>More info</a></p>
                <p class="sensor_description_full" hide-popup>{{ vm.selectedSensorData.fullDescription }}</p>
              </div>
            </div>
            <div class="sensor_compare">
              <p>
                <span>Compare with</span>
                <md-select placeholder="NONE" ng-model="vm.selectedSensorToCompare">
                  <md-option ng-repeat="sensor in vm.sensorsToCompare" ng-value="{{sensor.uuid}}"
                    analytics-on="click" analytics-category="Kit Chart"
                    analytics-event="click" analytics-label="Compare">
                    <img class="select_image" ng-src="{{ sensor.icon }}">
                    <span class="sensor_name">
                      {{ sensor.name }}
                    </span>
                  </md-option>
                </md-select>
              </p>
            </div>
          </div>
          <div class="kit_chart_right" flex>
            <div class="chart_navigation" layout="row" layout-align="end center">
              <span class="kit_time" layout="row" layout-align="center center">
                <md-icon class="kit_time_icon" md-svg-src="./assets/images/update_icon.svg"></md-icon>
                <span>{{ vm.kit.timeAgo }}</span>
              </span>
              <div class="picker_container" layout="row" layout-align="center center">
                <label for="picker_from">From: </label>
                <input type="text" id="picker_from" class="date_picker" placeholder="FROM"></input>
              </div>
              <div class="picker_container" layout="row" layout-align="center center">
                <label for="picker_to">To: </label>
                <input type="text" id="picker_to" class="date_picker" placeholder="TO"></input>
              </div>
              <div class="chart_move" layout="row" layout-align="center center"><commit_msg>Fix chart sensor select<commit_after><section class="kit_data" change-content-margin>
  <section class="kit_menu" layout="row" layout-align="center center" stick>
    <section class="overlay" ng-if="!vm.kit"></section>
    <div class="container" layout="row" layout-align="space-between center">
      <div>
        <div class="kit_user" layout="row" layout-align="start center">
          <img ng-src="{{ vm.kit.owner.avatar || './assets/images/avatar.svg'}}" />
          <a href="./users/{{vm.kit.owner.id}}"><span>{{ vm.kit.owner.username}}</span></a>
        </div>
        <div class="kit_name" layout="row" layout-align="start center">
          <img ng-src="./assets/images/sensor_icon.svg" />
          <span>{{ vm.kit.name }}</span>
        </div>
        <div class="kit_battery" layout="row" layout-align="start center">
          <md-icon md-svg-src="{{ vm.battery.icon }}"> </md-icon>
          <span>{{ vm.battery.value }} {{ vm.battery.unit }}</span>
        </div>
      </div>
      <div class="kit_time" layout="row" layout-align="start center">
        <span>Last data received: {{ vm.kit.timeParsed }}</span>
      </div>
      <div class="kit_navbar" layout="row" layout-align="start center" active-button>

        <md-button href="#" class="md-flat chart_icon" aria-label=""
          analytics-on="click" analytics-category="Kit Detail Section Button"
          analytics-event="click" analytics-label="Chart">
          <md-icon md-svg-src="./assets/images/chart_icon.svg">
          </md-icon>
        </md-button>

        <md-button href="#" class="md-flat kit_details_icon" aria-label=""
          analytics-on="click" analytics-category="Kit Detail Section Button"
          analytics-event="click" analytics-label="Kit">
          <md-icon md-svg-src="./assets/images/kit_details_icon_light.svg">
          </md-icon>
        </md-button>

        <md-button href="#" class="md-flat user_details" aria-label=""
          analytics-on="click" analytics-category="Kit Detail Section Button"
          analytics-event="click" analytics-label="User">
          <md-icon md-svg-src="./assets/images/user_details_icon.svg">
          </md-icon>
        </md-button>

        <md-button href="#" class="md-flat discussion_icon" aria-label=""
          analytics-on="click" analytics-category="Kit Detail Section Button"
          analytics-event="click" analytics-label="Comments">
          <md-icon md-svg-src="./assets/images/discussion_icon.svg">
          </md-icon>
        </md-button>

        <!--<md-button href="" class="md-flat shape_icon kit_owner_dropdown_button" aria-label="" dropdown-menu="vm.dropdownOptions"
            dropdown-model="vm.dropdownSelected"
            dropdown-item-label="text">
          <md-icon md-svg-src="./assets/images/shape_icon.svg">
          </md-icon>
        </md-button>-->

      </div>
    </div>
  </section>
  <section class="kit_fixed" move-down>
    <section class="overlay" ng-if="!vm.kit">
      <h1>
        No resource selected <span class="emoji">👆</span>
      </h1>
      <p>
        Browse the map and tap on any resource to see its data.
      </p>
      <div class="hint">
        <p>
          We can also take you to your nearest resorces by letting us know your location.
        </p>
        <md-button class="call-to-action" ng-click="vm.geolocate()">Locate me</md-button>
      </div>
    </section>
    <div no-data-backdrop></div>
    <section class="kit_overview">
      <md-button ng-click="vm.slide('right')" class="md-flat button_scroll button_scroll_left" layout="column" layout-align="center center" aria-label="">
        <md-icon md-svg-src="./assets/images/arrow_left_icon.svg">
        </md-icon>
      </md-button>
      <div class="sensors_container" layout="row" layout-align="center center" horizontal-scroll>
        <div ng-repeat="sensor in vm.sensors" class="sensor_container" ng-click="vm.showSensorOnChart(sensor.uuid)">
          <div layout="row">
            <div>
              <md-icon md-svg-src="{{ sensor.icon }}" class="sensor_icon" flex="20">
              </md-icon>
            </div>
            <div class="sensor_value" ng-class="{sensor_value_null: sensor.value === 'N/A'}">{{ sensor.value }}</div>
            <div class="sensor_right">
              <div class="sensor_unit">{{ sensor.unit }}</div>
              <md-icon md-svg-src="{{ sensor.arrow }}" class="sensor_arrow">
              </md-icon>
            </div>
          </div>
          <div class="sensor_name">{{ sensor.name }}</div>
        </div>
      </div>
      <md-button ng-click="vm.slide('left')" class="md-flat button_scroll button_scroll_right" layout="column" layout-align="center center" aria-label="">
        <md-icon md-svg-src="./assets/images/arrow_right_icon.svg">
        </md-icon>
      </md-button>
    </section>
    <section class="kit_detailed" >
      <section class="kit_chart">
        <div class="container" layout="row">
          <div class="kit_chart_left">
            <div class="sensor_select">
              <md-icon md-svg-src="{{ vm.selectedSensorData.icon }}" class="sensor_icon_selected"></md-icon>
              <md-select placeholder="Choose sensor" ng-model="vm.selectedSensor"
                analytics-on="click" analytics-category="Kit Chart"
                analytics-event="click" analytics-label="Metric">
                <md-option ng-repeat="sensor in vm.sensors" ng-value="sensor.uuid" ng-selected="$first">
                  <img class="select_image" ng-src="{{ sensor.icon }}">
                  <span>
                    {{ sensor.name }}
                  </span>
                </md-option>
              </md-select>
            </div>
            <div class="sensor_data" show-popup-info>
              <span class="sensor_value">{{ vm.selectedSensorData.value }}</span>
              <span class="sensor_unit">{{ vm.selectedSensorData.unit }}</span>
<!--                 <md-icon md-svg-src="./assets/images/alert_icon.svg" alt="Insert Drive Icon" class="sensor_data_icon" show-popup-info></md-icon> -->
            </div>
            <div class="sensor_data_description" hide-popup-info>This is the latest value received</div>
            <div class="sensor_description" >
              <h6>{{ vm.selectedSensorData.name }}</h6>
              <div class="sensor_description_content" >
                <p class="sensor_description_preview">{{ vm.selectedSensorData.previewDescription }}<a href="#" ng-show="vm.selectedSensorData.previewDescription.length > 140" show-popup>More info</a></p>
                <p class="sensor_description_full" hide-popup>{{ vm.selectedSensorData.fullDescription }}</p>
              </div>
            </div>
            <div class="sensor_compare">
              <p>
                <span>Compare with</span>
                <md-select placeholder="NONE" ng-model="vm.selectedSensorToCompare">
                  <md-option ng-repeat="sensor in vm.sensorsToCompare" ng-value="sensor.uuid"
                    analytics-on="click" analytics-category="Kit Chart"
                    analytics-event="click" analytics-label="Compare">
                    <img class="select_image" ng-src="{{ sensor.icon }}">
                    <span class="sensor_name">
                      {{ sensor.name }}
                    </span>
                  </md-option>
                </md-select>
              </p>
            </div>
          </div>
          <div class="kit_chart_right" flex>
            <div class="chart_navigation" layout="row" layout-align="end center">
              <span class="kit_time" layout="row" layout-align="center center">
                <md-icon class="kit_time_icon" md-svg-src="./assets/images/update_icon.svg"></md-icon>
                <span>{{ vm.kit.timeAgo }}</span>
              </span>
              <div class="picker_container" layout="row" layout-align="center center">
                <label for="picker_from">From: </label>
                <input type="text" id="picker_from" class="date_picker" placeholder="FROM"></input>
              </div>
              <div class="picker_container" layout="row" layout-align="center center">
                <label for="picker_to">To: </label>
                <input type="text" id="picker_to" class="date_picker" placeholder="TO"></input>
              </div>
              <div class="chart_move" layout="row" layout-align="center center">
{'fraction_non_alphanumeric': 0.16664685605610366, 'fraction_numerical': 0.0010697729704029478, 'mean_word_length': 2.2724620770128356, 'pattern_counts': {'":': 0, '<': 351, '<?xml version=': 0, '>': 353, 'https://': 0, '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': '5990722', 'n_tokens_mistral': 4973, 'n_tokens_neox': 4894, 'n_words': 920}