
<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">Toby Redmile | Vitesse - 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/203/results/9986">Graphiques</a>

  <a data-turbo-stream="true" class="tab-bar-item" href="/events/performance/203/results/9986/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">
        3370
      </div>
      <div class="track-indicator-units">
        m
      </div>
    </div>
    <div class="track-indicator-info">
        11057
        ft
          /
          03:25:13.400Z
    </div>
  </div>

  <div class="track-indicator">
    <div class="track-indicator-title">
      Vitesse
    </div>
    <div class="track-indicator-value-container">
      <div class="track-indicator-value">
        249.4
      </div>
      <div class="track-indicator-units">
        km/h
      </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="249.40612"
       data-window-start="2500"
       data-window-end="1500"
       data-exit-altitude="3370.129"
       data-chart-type="separate"
       data-points-url="/tracks/57124/points?original_frequency=true"
       data-weather-url="/tracks/57124/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-separate-charts"
           data-controller="synchronized-charts"
           data-action="mousemove->synchronized-charts#refreshTooltip touchmove->synchronized-charts#refreshTooltip touchstart->synchronized-charts#refreshTooltip">
        <div data-performance-flying-charts-target="accuracyChart" data-synchronized-charts-target="chart"></div>
        <div data-performance-flying-charts-target="glideChart" data-synchronized-charts-target="chart"></div>
        <div data-performance-flying-charts-target="speedChart" data-synchronized-charts-target="chart"></div>
        <div data-performance-flying-charts-target="altitudeDistanceChart" data-synchronized-charts-target="chart"></div>
      </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>