{"size": 2596, "ext": "js", "max_stars_repo_path": "public/components/weather.js", "max_stars_repo_name": "PST-Strato/weatherbaloon_tracking", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "public/components/weather.js", "max_issues_repo_name": "PST-Strato/weatherbaloon_tracking", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "public/components/weather.js", "max_forks_repo_name": "PST-Strato/weatherbaloon_tracking", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 39.3333333333, "max_line_length": 96, "alphanum_fraction": 0.4838212635}
var weatherCard = {
  props: ["weather_data", "coordinates"],
  data: function () {
    return {};
  },
  template: `
    <v-card elevation="5" width="100%">
      <v-container class="pa-2 text-center" justify="center">
        <span class="">{{coordinates[0]}}</span>
        <span class=""> | </span>
        <span class="">{{coordinates[1]}}</span>
      </v-container>
      <v-container class="pa-2 text-center" justify="center">
        <v-row>
          <v-col cols="6">
            <div class="text-h4 font-weight-black">{{weather_data.height}} m</div>
          </v-col>
          <v-col cols="6">
            <div class="text-h4 font-weight-black">{{weather_data.temperature_outside}}℃</div>
          </v-col>
        </v-row>
      </v-container>
      <v-container class="pa-0 ma-auto">
        <v-row class="text-center" justify="center">
          <v-col>
            <v-container class="text-no-wrap rounded-pill">
              <div>
                <v-avatar size="45">
                  <v-img src="/icons/barometer.png"
                    alt="Barometer icon created by Freepik - Flaticon"></v-img>
                </v-avatar>
              </div>
              <div class="font-weight-black">{{weather_data.pressure}} Pa</div>
              <div class="text-uppercase font-weight-light text-caption">Pressure</div>
            </v-container>
          </v-col>
          <v-col>
                <v-container class="text-no-wrap rounded-pill">
                  <div>
                    <v-avatar size="45">
                      <v-img src="/icons/raindrop.png" 
                        alt="Water icons created by Freepik - Flaticon.com"></v-img>
                    </v-avatar>
                  </div>
                  <div class="font-weight-black">{{weather_data.hygrometry}} %</div>
                  <div class="text-uppercase font-weight-light text-caption">Humidity</div>
                </v-container>
          </v-col>
          <v-col>
                <v-container class="text-no-wrap rounded-pill">
                  <div>
                  <v-avatar size="45">
                    <v-img src="/icons/low-temperature.png"
                      alt="Weather icons created by Freepik - Flaticon"></v-img>
                  </v-avatar>
                </div>
                  <div class="font-weight-black">{{weather_data.temperature_inside}}&deg C</div>
                  <div class="text-uppercase font-weight-light text-caption">Feel Like</div>
                </v-container>
          </v-col>
        </v-row>
      </v-container>
    </v-card>
    `,
};
