
<turbo-stream action="update" target="modal-root"><template>
  
<div data-controller="dialog">
  <dialog class="dialog dialog-size-md" data-dialog-target="dialog">
    <div class="dialog-header">
      <h2 class="dialog-title">Kristina Truesdale | Temps - 1</h2>
      <button class="dialog-close" aria-label="Close" data-action="dialog#close">
        <span class="icon icon--xmark" aria-hidden="true"></span>
      </button>
    </div>

    <div class="dialog-body">
      
<div class="sd-container">
  
<div class="tab-bar">
  <a data-turbo-stream="true" class="tab-bar-item active" href="/events/performance/323/results/13086">Graphiques</a>

  <a data-turbo-stream="true" class="tab-bar-item" href="/events/performance/323/results/13086/map">Carte</a>

</div>


  

<div class="track-indicators">
  <div class="track-indicator">
    <div class="track-indicator-title">
      Exit Altitude
    </div>
    <div class="track-indicator-value-container">
      <div class="track-indicator-value">
        3228
      </div>
      <div class="track-indicator-units">
        m
      </div>
    </div>
    <div class="track-indicator-info">
        10590
        ft
          /
          01:46:03.400Z
    </div>
  </div>

  <div class="track-indicator">
    <div class="track-indicator-title">
      Temps
    </div>
    <div class="track-indicator-value-container">
      <div class="track-indicator-value">
        56.9
      </div>
      <div class="track-indicator-units">
        s
      </div>
    </div>
  </div>

  <div class="track-indicator">
    <div class="track-indicator-title">
      Pull Altitude
    </div>
    <div class="track-indicator-value-container">
      <div class="track-indicator-value">
        
      </div>
      <div class="track-indicator-units">
        m
      </div>
    </div>
  </div>
</div>

  <hr />

  <div data-controller="performance-flying-charts"
       data-result="56.93992"
       data-window-start="2500"
       data-window-end="1500"
       data-exit-altitude="3227.758"
       data-chart-type="single"
       data-points-url="/tracks/75528/points?original_frequency=true"
       data-weather-url="/tracks/75528/weather_data"
  >
    <div class="track-indicators">
  <div class="track-indicator" data-value="distance">
    <div class="track-indicator-title">Distance</div>
    <div class="track-indicator-value-container">
      <div class="track-indicator-value"
           aria-label="distance"
           data-performance-flying-charts-target="distance"></div>
      <div class="track-indicator-units">m</div>
    </div>

    <div class="wind-effect-container"
         data-performance-flying-charts-target="windEffectContainerDistance">
      <div class="wind-effect-rail">
        <div class="wind-effect-result-percent"
             data-performance-flying-charts-target="windEffectDistancePercent"></div>
        <div class="wind-effect-wind-percent"
             data-performance-flying-charts-target="windEffectDistanceWindPercent"></div>
      </div>

      <div class="wind-effect-values">
        <div class="wind-effect-result"
             aria-label="wind cancelled value"
             data-performance-flying-charts-target="windEffectDistance"></div>
        <div class="wind-effect-wind"
             data-performance-flying-charts-target="windEffectDistanceWind"
             aria-label="wind effect"></div>
      </div>
    </div>
  </div>

  <div class="track-indicator" data-value="ground-speed">
    <div class="track-indicator-title">Vitesse sol</div>
    <div class="track-indicator-value-container">
      <div class="track-indicator-value"
           aria-label="average horizontal speed"
           data-performance-flying-charts-target="groundSpeed">
      </div>
      <div class="track-indicator-minmax-value">
        <div class="track-indicator-max">
          <span aria-label="maximum horizontal speed"
                data-performance-flying-charts-target="groundSpeedMax">
          </span>
          <span class="icon icon--angle-up-solid" aria-hidden="true"></span>
        </div>
        <div class="track-indicator-min">
          <span aria-label="minimum horizontal speed"
                data-performance-flying-charts-target="groundSpeedMin">
          </span>
          <span class="icon icon--angle-down-solid" aria-hidden="true"></span>
        </div>
      </div>
      <div class="track-indicator-units">km/h</div>
    </div>

    <div class="wind-effect-container"
         data-performance-flying-charts-target="windEffectContainerSpeed">
      <div class="wind-effect-rail">
        <div class="wind-effect-result-percent"
             data-performance-flying-charts-target="windEffectSpeedPercent"></div>
        <div class="wind-effect-wind-percent"
             data-performance-flying-charts-target="windEffectSpeedWindPercent"></div>
      </div>

      <div class="wind-effect-values">
        <div class="wind-effect-result"
             aria-label="wind cancelled value"
             data-performance-flying-charts-target="windEffectSpeed"></div>
        <div class="wind-effect-wind"
             data-performance-flying-charts-target="windEffectSpeedWind"
             aria-label="wind effect"></div>
      </div>
    </div>
  </div>

  <div class="track-indicator" data-value="glide-ratio">
    <div class="track-indicator-title">Finesse</div>
    <div class="track-indicator-value-container">
      <div class="track-indicator-value"
           aria-label="average glide ratio"
           data-performance-flying-charts-target="glideRatio">
      </div>
      <div class="track-indicator-minmax-value">
        <div class="track-indicator-max">
          <span aria-label="maximum glide ratio"
                data-performance-flying-charts-target="glideRatioMax"></span>
          <span class="icon icon--angle-up-solid" aria-hidden="true"></span>
        </div>
        <div class="track-indicator-min">
          <span aria-label="minimum glide ratio"
                data-performance-flying-charts-target="glideRatioMin"></span>
          <span class="icon icon--angle-down-solid" aria-hidden="true"></span>
        </div>
      </div>
    </div>

    <div class="wind-effect-container"
         data-performance-flying-charts-target="windEffectContainerGlideRatio">
      <div class="wind-effect-rail">
        <div class="wind-effect-result-percent"
             data-performance-flying-charts-target="windEffectGlideRatioPercent"></div>
        <div class="wind-effect-wind-percent"
             data-performance-flying-charts-target="windEffectGlideRatioWindPercent"></div>
      </div>

      <div class="wind-effect-values">
        <div class="wind-effect-result"
             aria-label="wind cancelled value"
             data-performance-flying-charts-target="windEffectGlideRatio"></div>
        <div class="wind-effect-wind"
             data-performance-flying-charts-target="windEffectGlideRatioWind"
             aria-label="wind effect"></div>
      </div>
    </div>
  </div>

  <div class="track-indicator" data-value="elevation">
    <div class="track-indicator-title">Hauteur</div>
    <div class="track-indicator-value-container">
      <div class="track-indicator-value"
           aria-label="elevation"
           data-performance-flying-charts-target="elevation"></div>
      <div class="track-indicator-units">m</div>
    </div>
  </div>

  <div class="track-indicator" data-value="vertical-speed">
    <div class="track-indicator-title">Vitesse verticale</div>
    <div class="track-indicator-value-container">
      <div class="track-indicator-value"
           aria-label="average vertical speed"
           data-performance-flying-charts-target="verticalSpeed">
      </div>

      <div class="track-indicator-minmax-value">
        <div class="track-indicator-min">
          <span aria-label="maximum vertical speed"
                data-performance-flying-charts-target="verticalSpeedMax">
          </span>
          <span class="icon icon--angle-up-solid" aria-hidden="true"></span>
        </div>
        <div class="track-indicator-max">
          <span aria-label="minimum vertical speed"
                data-performance-flying-charts-target="verticalSpeedMin"></span>
          <span class="icon icon--angle-down-solid" aria-hidden="true"></span>
        </div>
      </div>

      <div class="track-indicator-units">km/h</div>
    </div>
  </div>

  <div class="track-indicator" data-value="time">
    <div class="track-indicator-title">Temps</div>
    <div class="track-indicator-value-container">
      <div class="track-indicator-value"
           aria-label="duration"
           data-performance-flying-charts-target="duration"></div>
      <div class="track-indicator-units">s</div>
    </div>
  </div>
</div>

    <hr />

      <div class="performance-flying-combined-chart" data-performance-flying-charts-target="combinedChart"></div>
  </div>

  <div class="form-actions justify-between" data-action="turbo:submit-end->dialog#close">
    <div>
    </div>

    <div>
        <button class="button" type="button" data-action="dialog#close">Annuler</button>
    </div>
  </div>
</div>

    </div>
  </dialog>
</div>

</template></turbo-stream>