wip
This commit is contained in:
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -1,65 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>iRacing - Add Admin</title>
|
||||
<link rel="stylesheet" href="common.css">
|
||||
</head>
|
||||
<body data-step="6" data-modal="true">
|
||||
|
||||
<div class="modal-overlay">
|
||||
<div class="modal-content">
|
||||
<header class="modal-header">
|
||||
<h2 class="modal-title" data-indicator="add-admin">Add an Admin</h2>
|
||||
</header>
|
||||
|
||||
<div class="modal-body">
|
||||
<div class="search-group">
|
||||
<input
|
||||
type="text"
|
||||
class="search-input"
|
||||
data-field="adminSearch"
|
||||
placeholder="Search for admin by name..."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="list-container" data-list="adminResults">
|
||||
<div class="list-item" data-item="admin-001">
|
||||
<span>John Smith</span>
|
||||
<button type="button" class="btn btn-secondary" data-action="select">Select</button>
|
||||
</div>
|
||||
<div class="list-item" data-item="admin-002">
|
||||
<span>Jane Doe</span>
|
||||
<button type="button" class="btn btn-secondary" data-action="select">Select</button>
|
||||
</div>
|
||||
<div class="list-item" data-item="admin-003">
|
||||
<span>Bob Wilson</span>
|
||||
<button type="button" class="btn btn-secondary" data-action="select">Select</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="modal-footer">
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-secondary"
|
||||
data-action="cancel"
|
||||
onclick="window.location.href='step-05-server-details.html'"
|
||||
>
|
||||
Cancel
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-primary"
|
||||
data-action="confirm"
|
||||
onclick="window.location.href='step-05-server-details.html'"
|
||||
>
|
||||
Add Selected
|
||||
</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
2573
resources/mock-fixtures/step-07-time-limits.html
Normal file
2573
resources/mock-fixtures/step-07-time-limits.html
Normal file
File diff suppressed because it is too large
Load Diff
16699
resources/mock-fixtures/step-08-set-cars.html
Normal file
16699
resources/mock-fixtures/step-08-set-cars.html
Normal file
File diff suppressed because it is too large
Load Diff
@@ -1,60 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>iRacing - Set Cars</title>
|
||||
<link rel="stylesheet" href="common.css">
|
||||
</head>
|
||||
<body data-step="8">
|
||||
|
||||
<header class="header">
|
||||
<div class="step-indicator" data-indicator="set-cars">
|
||||
<span>Step</span>
|
||||
<span class="current">8</span>
|
||||
<span>of 18</span>
|
||||
<span>—</span>
|
||||
<span>Set Cars</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="main">
|
||||
<h1 class="page-title">Set Cars</h1>
|
||||
|
||||
<p style="color: #888; margin-bottom: 16px;">Select the cars available for this session.</p>
|
||||
|
||||
<div class="list-container" data-list="cars">
|
||||
<div class="list-empty">No cars selected yet</div>
|
||||
</div>
|
||||
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-secondary"
|
||||
data-modal-trigger="car"
|
||||
onclick="window.location.href='step-10-add-car.html'"
|
||||
>
|
||||
Add Car
|
||||
</button>
|
||||
</main>
|
||||
|
||||
<footer class="footer">
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-secondary"
|
||||
data-action="back"
|
||||
onclick="window.location.href='step-06-set-admins.html'"
|
||||
>
|
||||
Back
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-primary"
|
||||
data-action="next"
|
||||
onclick="window.location.href='step-09-set-cars.html'"
|
||||
>
|
||||
Next
|
||||
</button>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
16876
resources/mock-fixtures/step-09-add-car-modal.html
Normal file
16876
resources/mock-fixtures/step-09-add-car-modal.html
Normal file
File diff suppressed because it is too large
Load Diff
@@ -1,68 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>iRacing - Set Car Classes</title>
|
||||
<link rel="stylesheet" href="common.css">
|
||||
</head>
|
||||
<body data-step="10">
|
||||
|
||||
<header class="header">
|
||||
<div class="step-indicator" data-indicator="car-classes">
|
||||
<span>Step</span>
|
||||
<span class="current">10</span>
|
||||
<span>of 18</span>
|
||||
<span>—</span>
|
||||
<span>Set Car Classes</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="main">
|
||||
<h1 class="page-title">Set Car Classes</h1>
|
||||
|
||||
<p style="color: #888; margin-bottom: 16px;">Configure multi-class race settings.</p>
|
||||
|
||||
<form id="car-classes-form">
|
||||
<div class="form-group">
|
||||
<label class="form-label" for="carClass">Car Class</label>
|
||||
<select
|
||||
id="carClass"
|
||||
class="form-select"
|
||||
data-dropdown="carClass"
|
||||
>
|
||||
<option value="gt3">GT3</option>
|
||||
<option value="gt4">GT4</option>
|
||||
<option value="lmp2">LMP2</option>
|
||||
<option value="lmp3">LMP3</option>
|
||||
<option value="prototype">Prototype</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="list-container" data-list="classAssignments">
|
||||
<div class="list-empty">No class assignments yet</div>
|
||||
</div>
|
||||
</form>
|
||||
</main>
|
||||
|
||||
<footer class="footer">
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-secondary"
|
||||
data-action="back"
|
||||
onclick="window.location.href='step-08-time-limits.html'"
|
||||
>
|
||||
Back
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-primary"
|
||||
data-action="next"
|
||||
onclick="window.location.href='step-11-set-car-classes.html'"
|
||||
>
|
||||
Next
|
||||
</button>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,69 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>iRacing - Add Car</title>
|
||||
<link rel="stylesheet" href="common.css">
|
||||
</head>
|
||||
<body data-step="9" data-modal="true">
|
||||
|
||||
<div class="modal-overlay">
|
||||
<div class="modal-content">
|
||||
<header class="modal-header">
|
||||
<h2 class="modal-title" data-indicator="add-car">Add a Car</h2>
|
||||
</header>
|
||||
|
||||
<div class="modal-body">
|
||||
<div class="search-group">
|
||||
<input
|
||||
type="text"
|
||||
class="search-input"
|
||||
data-field="carSearch"
|
||||
placeholder="Search for cars..."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="grid-list" data-list="carResults">
|
||||
<div class="grid-item" data-item="car-001">
|
||||
<strong>Porsche 911 GT3 R</strong>
|
||||
<span style="color: #888; font-size: 12px;">GT3</span>
|
||||
</div>
|
||||
<div class="grid-item" data-item="car-002">
|
||||
<strong>Ferrari 488 GT3</strong>
|
||||
<span style="color: #888; font-size: 12px;">GT3</span>
|
||||
</div>
|
||||
<div class="grid-item" data-item="car-003">
|
||||
<strong>BMW M4 GT3</strong>
|
||||
<span style="color: #888; font-size: 12px;">GT3</span>
|
||||
</div>
|
||||
<div class="grid-item" data-item="car-004">
|
||||
<strong>Mercedes AMG GT3</strong>
|
||||
<span style="color: #888; font-size: 12px;">GT3</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="modal-footer">
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-secondary"
|
||||
data-action="cancel"
|
||||
onclick="window.location.href='step-08-time-limits.html'"
|
||||
>
|
||||
Cancel
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-primary"
|
||||
data-action="confirm"
|
||||
onclick="window.location.href='step-08-time-limits.html'"
|
||||
>
|
||||
Add Selected
|
||||
</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
8859
resources/mock-fixtures/step-10-set-car-classes.html
Normal file
8859
resources/mock-fixtures/step-10-set-car-classes.html
Normal file
File diff suppressed because it is too large
Load Diff
@@ -1,61 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>iRacing - Set Track</title>
|
||||
<link rel="stylesheet" href="common.css">
|
||||
</head>
|
||||
<body data-step="11">
|
||||
|
||||
<header class="header">
|
||||
<div class="step-indicator" data-indicator="set-track">
|
||||
<span>Step</span>
|
||||
<span class="current">11</span>
|
||||
<span>of 18</span>
|
||||
<span>—</span>
|
||||
<span>Set Track</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="main">
|
||||
<h1 class="page-title">Set Track</h1>
|
||||
|
||||
<p style="color: #888; margin-bottom: 16px;">Select the track for this session.</p>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label">Selected Track</label>
|
||||
<div class="display-field" data-field="selectedTrack">No track selected</div>
|
||||
</div>
|
||||
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-secondary"
|
||||
data-modal-trigger="track"
|
||||
onclick="window.location.href='step-13-add-track.html'"
|
||||
>
|
||||
Select Track
|
||||
</button>
|
||||
</main>
|
||||
|
||||
<footer class="footer">
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-secondary"
|
||||
data-action="back"
|
||||
onclick="window.location.href='step-09-set-cars.html'"
|
||||
>
|
||||
Back
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-primary"
|
||||
data-action="next"
|
||||
onclick="window.location.href='step-12-set-track.html'"
|
||||
>
|
||||
Next
|
||||
</button>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
15169
resources/mock-fixtures/step-11-set-track.html
Normal file
15169
resources/mock-fixtures/step-11-set-track.html
Normal file
File diff suppressed because it is too large
Load Diff
15169
resources/mock-fixtures/step-12-add-track-modal.html
Normal file
15169
resources/mock-fixtures/step-12-add-track-modal.html
Normal file
File diff suppressed because it is too large
Load Diff
@@ -1,71 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>iRacing - Track Options</title>
|
||||
<link rel="stylesheet" href="common.css">
|
||||
</head>
|
||||
<body data-step="13">
|
||||
|
||||
<header class="header">
|
||||
<div class="step-indicator" data-indicator="track-options">
|
||||
<span>Step</span>
|
||||
<span class="current">13</span>
|
||||
<span>of 18</span>
|
||||
<span>—</span>
|
||||
<span>Track Options</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="main">
|
||||
<h1 class="page-title">Track Options</h1>
|
||||
|
||||
<form id="track-options-form">
|
||||
<div class="form-group">
|
||||
<label class="form-label" for="trackConfig">Track Configuration</label>
|
||||
<select
|
||||
id="trackConfig"
|
||||
class="form-select"
|
||||
data-dropdown="trackConfig"
|
||||
>
|
||||
<option value="full">Full Course</option>
|
||||
<option value="short">Short Course</option>
|
||||
<option value="oval">Oval</option>
|
||||
<option value="rallycross">Rallycross</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="toggle-group">
|
||||
<input
|
||||
type="checkbox"
|
||||
id="dynamicTrack"
|
||||
class="toggle-input"
|
||||
data-toggle="dynamicTrack"
|
||||
/>
|
||||
<label class="toggle-label" for="dynamicTrack">Dynamic track</label>
|
||||
</div>
|
||||
</form>
|
||||
</main>
|
||||
|
||||
<footer class="footer">
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-secondary"
|
||||
data-action="back"
|
||||
onclick="window.location.href='step-11-set-car-classes.html'"
|
||||
>
|
||||
Back
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-primary"
|
||||
data-action="next"
|
||||
onclick="window.location.href='step-14-track-options.html'"
|
||||
>
|
||||
Next
|
||||
</button>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,69 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>iRacing - Add Track</title>
|
||||
<link rel="stylesheet" href="common.css">
|
||||
</head>
|
||||
<body data-step="12" data-modal="true">
|
||||
|
||||
<div class="modal-overlay">
|
||||
<div class="modal-content">
|
||||
<header class="modal-header">
|
||||
<h2 class="modal-title" data-indicator="add-track">Add a Track</h2>
|
||||
</header>
|
||||
|
||||
<div class="modal-body">
|
||||
<div class="search-group">
|
||||
<input
|
||||
type="text"
|
||||
class="search-input"
|
||||
data-field="trackSearch"
|
||||
placeholder="Search for tracks..."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="grid-list" data-list="trackResults">
|
||||
<div class="grid-item" data-item="track-001">
|
||||
<strong>Spa-Francorchamps</strong>
|
||||
<span style="color: #888; font-size: 12px;">Belgium</span>
|
||||
</div>
|
||||
<div class="grid-item" data-item="track-002">
|
||||
<strong>Nürburgring</strong>
|
||||
<span style="color: #888; font-size: 12px;">Germany</span>
|
||||
</div>
|
||||
<div class="grid-item" data-item="track-003">
|
||||
<strong>Daytona International</strong>
|
||||
<span style="color: #888; font-size: 12px;">USA</span>
|
||||
</div>
|
||||
<div class="grid-item" data-item="track-004">
|
||||
<strong>Suzuka Circuit</strong>
|
||||
<span style="color: #888; font-size: 12px;">Japan</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="modal-footer">
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-secondary"
|
||||
data-action="cancel"
|
||||
onclick="window.location.href='step-11-set-car-classes.html'"
|
||||
>
|
||||
Cancel
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-primary"
|
||||
data-action="confirm"
|
||||
onclick="window.location.href='step-11-set-car-classes.html'"
|
||||
>
|
||||
Select
|
||||
</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
2717
resources/mock-fixtures/step-13-track-options.html
Normal file
2717
resources/mock-fixtures/step-13-track-options.html
Normal file
File diff suppressed because it is too large
Load Diff
2459
resources/mock-fixtures/step-14-time-of-day.html
Normal file
2459
resources/mock-fixtures/step-14-time-of-day.html
Normal file
File diff suppressed because it is too large
Load Diff
@@ -1,82 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>iRacing - Time of Day</title>
|
||||
<link rel="stylesheet" href="common.css">
|
||||
</head>
|
||||
<body data-step="14">
|
||||
|
||||
<header class="header">
|
||||
<div class="step-indicator" data-indicator="time-of-day">
|
||||
<span>Step</span>
|
||||
<span class="current">14</span>
|
||||
<span>of 18</span>
|
||||
<span>—</span>
|
||||
<span>Time of Day</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="main">
|
||||
<h1 class="page-title">Time of Day</h1>
|
||||
|
||||
<form id="time-of-day-form">
|
||||
<div class="slider-group">
|
||||
<div class="slider-header">
|
||||
<span class="slider-label">Time of Day</span>
|
||||
<span class="slider-value">12:00</span>
|
||||
</div>
|
||||
<input
|
||||
type="range"
|
||||
class="slider-input"
|
||||
data-slider="timeOfDay"
|
||||
min="0"
|
||||
max="24"
|
||||
value="12"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label" for="raceDate">Race Date</label>
|
||||
<input
|
||||
type="date"
|
||||
id="raceDate"
|
||||
class="form-input"
|
||||
data-field="raceDate"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="toggle-group">
|
||||
<input
|
||||
type="checkbox"
|
||||
id="simulatedTime"
|
||||
class="toggle-input"
|
||||
data-toggle="simulatedTime"
|
||||
/>
|
||||
<label class="toggle-label" for="simulatedTime">Simulated time progression</label>
|
||||
</div>
|
||||
</form>
|
||||
</main>
|
||||
|
||||
<footer class="footer">
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-secondary"
|
||||
data-action="back"
|
||||
onclick="window.location.href='step-12-set-track.html'"
|
||||
>
|
||||
Back
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-primary"
|
||||
data-action="next"
|
||||
onclick="window.location.href='step-15-time-of-day.html'"
|
||||
>
|
||||
Next
|
||||
</button>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,101 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>iRacing - Weather</title>
|
||||
<link rel="stylesheet" href="common.css">
|
||||
</head>
|
||||
<body data-step="15">
|
||||
|
||||
<header class="header">
|
||||
<div class="step-indicator" data-indicator="weather">
|
||||
<span>Step</span>
|
||||
<span class="current">15</span>
|
||||
<span>of 18</span>
|
||||
<span>—</span>
|
||||
<span>Weather</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="main">
|
||||
<h1 class="page-title">Weather</h1>
|
||||
|
||||
<form id="weather-form">
|
||||
<div class="form-group">
|
||||
<label class="form-label" for="weatherType">Weather Type</label>
|
||||
<select
|
||||
id="weatherType"
|
||||
class="form-select"
|
||||
data-dropdown="weatherType"
|
||||
>
|
||||
<option value="clear">Clear</option>
|
||||
<option value="partly-cloudy">Partly Cloudy</option>
|
||||
<option value="mostly-cloudy">Mostly Cloudy</option>
|
||||
<option value="overcast">Overcast</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="slider-group">
|
||||
<div class="slider-header">
|
||||
<span class="slider-label">Temperature</span>
|
||||
<span class="slider-value">20°C</span>
|
||||
</div>
|
||||
<input
|
||||
type="range"
|
||||
class="slider-input"
|
||||
data-slider="temperature"
|
||||
min="-10"
|
||||
max="45"
|
||||
value="20"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="slider-group">
|
||||
<div class="slider-header">
|
||||
<span class="slider-label">Humidity</span>
|
||||
<span class="slider-value">50%</span>
|
||||
</div>
|
||||
<input
|
||||
type="range"
|
||||
class="slider-input"
|
||||
data-slider="humidity"
|
||||
min="0"
|
||||
max="100"
|
||||
value="50"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="toggle-group">
|
||||
<input
|
||||
type="checkbox"
|
||||
id="dynamicWeather"
|
||||
class="toggle-input"
|
||||
data-toggle="dynamicWeather"
|
||||
/>
|
||||
<label class="toggle-label" for="dynamicWeather">Dynamic weather</label>
|
||||
</div>
|
||||
</form>
|
||||
</main>
|
||||
|
||||
<footer class="footer">
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-secondary"
|
||||
data-action="back"
|
||||
onclick="window.location.href='step-14-track-options.html'"
|
||||
>
|
||||
Back
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-primary"
|
||||
data-action="next"
|
||||
onclick="window.location.href='step-16-weather.html'"
|
||||
>
|
||||
Next
|
||||
</button>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
3070
resources/mock-fixtures/step-15-weather.html
Normal file
3070
resources/mock-fixtures/step-15-weather.html
Normal file
File diff suppressed because it is too large
Load Diff
2837
resources/mock-fixtures/step-16-race-options.html
Normal file
2837
resources/mock-fixtures/step-16-race-options.html
Normal file
File diff suppressed because it is too large
Load Diff
@@ -1,90 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>iRacing - Race Options</title>
|
||||
<link rel="stylesheet" href="common.css">
|
||||
</head>
|
||||
<body data-step="16">
|
||||
|
||||
<header class="header">
|
||||
<div class="step-indicator" data-indicator="race-options">
|
||||
<span>Step</span>
|
||||
<span class="current">16</span>
|
||||
<span>of 18</span>
|
||||
<span>—</span>
|
||||
<span>Race Options</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="main">
|
||||
<h1 class="page-title">Race Options</h1>
|
||||
|
||||
<form id="race-options-form">
|
||||
<div class="form-group">
|
||||
<label class="form-label" for="maxDrivers">Maximum Drivers</label>
|
||||
<input
|
||||
type="number"
|
||||
id="maxDrivers"
|
||||
class="form-input"
|
||||
data-field="maxDrivers"
|
||||
value="32"
|
||||
min="1"
|
||||
max="60"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="toggle-group">
|
||||
<input
|
||||
type="checkbox"
|
||||
id="rollingStart"
|
||||
class="toggle-input"
|
||||
data-toggle="rollingStart"
|
||||
/>
|
||||
<label class="toggle-label" for="rollingStart">Rolling start</label>
|
||||
</div>
|
||||
|
||||
<div class="toggle-group">
|
||||
<input
|
||||
type="checkbox"
|
||||
id="fullCourseCautions"
|
||||
class="toggle-input"
|
||||
data-toggle="fullCourseCautions"
|
||||
/>
|
||||
<label class="toggle-label" for="fullCourseCautions">Full course cautions</label>
|
||||
</div>
|
||||
|
||||
<div class="toggle-group">
|
||||
<input
|
||||
type="checkbox"
|
||||
id="fastRepairs"
|
||||
class="toggle-input"
|
||||
data-toggle="fastRepairs"
|
||||
/>
|
||||
<label class="toggle-label" for="fastRepairs">Fast repairs</label>
|
||||
</div>
|
||||
</form>
|
||||
</main>
|
||||
|
||||
<footer class="footer">
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-secondary"
|
||||
data-action="back"
|
||||
onclick="window.location.href='step-15-time-of-day.html'"
|
||||
>
|
||||
Back
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-primary"
|
||||
data-action="next"
|
||||
onclick="window.location.href='step-17-race-options.html'"
|
||||
>
|
||||
Next
|
||||
</button>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,83 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>iRacing - Team Driving</title>
|
||||
<link rel="stylesheet" href="common.css">
|
||||
</head>
|
||||
<body data-step="17">
|
||||
|
||||
<header class="header">
|
||||
<div class="step-indicator" data-indicator="team-driving">
|
||||
<span>Step</span>
|
||||
<span class="current">17</span>
|
||||
<span>of 18</span>
|
||||
<span>—</span>
|
||||
<span>Team Driving</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="main">
|
||||
<h1 class="page-title">Team Driving</h1>
|
||||
|
||||
<form id="team-driving-form">
|
||||
<div class="toggle-group">
|
||||
<input
|
||||
type="checkbox"
|
||||
id="teamDriving"
|
||||
class="toggle-input"
|
||||
data-toggle="teamDriving"
|
||||
/>
|
||||
<label class="toggle-label" for="teamDriving">Enable team driving</label>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label" for="minDrivers">Min Drivers per Team</label>
|
||||
<input
|
||||
type="number"
|
||||
id="minDrivers"
|
||||
class="form-input"
|
||||
data-field="minDrivers"
|
||||
value="1"
|
||||
min="1"
|
||||
max="16"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label" for="maxDriversTeam">Max Drivers per Team</label>
|
||||
<input
|
||||
type="number"
|
||||
id="maxDriversTeam"
|
||||
class="form-input"
|
||||
data-field="maxDrivers"
|
||||
value="4"
|
||||
min="1"
|
||||
max="16"
|
||||
/>
|
||||
</div>
|
||||
</form>
|
||||
</main>
|
||||
|
||||
<footer class="footer">
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-secondary"
|
||||
data-action="back"
|
||||
onclick="window.location.href='step-16-weather.html'"
|
||||
>
|
||||
Back
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-primary"
|
||||
data-action="next"
|
||||
onclick="window.location.href='step-18-track-conditions.html'"
|
||||
>
|
||||
Next
|
||||
</button>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
2555
resources/mock-fixtures/step-17-track-conditions.html
Normal file
2555
resources/mock-fixtures/step-17-track-conditions.html
Normal file
File diff suppressed because it is too large
Load Diff
@@ -1,85 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>iRacing - Track Conditions</title>
|
||||
<link rel="stylesheet" href="common.css">
|
||||
</head>
|
||||
<body data-step="18">
|
||||
|
||||
<header class="header">
|
||||
<div class="step-indicator" data-indicator="track-conditions">
|
||||
<span>Step</span>
|
||||
<span class="current">18</span>
|
||||
<span>of 18</span>
|
||||
<span>—</span>
|
||||
<span>Track Conditions</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="main">
|
||||
<h1 class="page-title">Track Conditions</h1>
|
||||
|
||||
<form id="track-conditions-form">
|
||||
<div class="form-group">
|
||||
<label class="form-label" for="trackState">Track State</label>
|
||||
<select
|
||||
id="trackState"
|
||||
class="form-select"
|
||||
data-dropdown="trackState"
|
||||
>
|
||||
<option value="auto-generated">Auto-generated</option>
|
||||
<option value="clean">Clean</option>
|
||||
<option value="low-rubber">Low Rubber</option>
|
||||
<option value="medium-rubber">Medium Rubber</option>
|
||||
<option value="high-rubber">High Rubber</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="toggle-group">
|
||||
<input
|
||||
type="checkbox"
|
||||
id="marbles"
|
||||
class="toggle-input"
|
||||
data-toggle="marbles"
|
||||
/>
|
||||
<label class="toggle-label" for="marbles">Marbles simulation</label>
|
||||
</div>
|
||||
|
||||
<div class="slider-group">
|
||||
<div class="slider-header">
|
||||
<span class="slider-label">Rubber Level</span>
|
||||
<span class="slider-value">50%</span>
|
||||
</div>
|
||||
<input
|
||||
type="range"
|
||||
class="slider-input"
|
||||
data-slider="rubberLevel"
|
||||
min="0"
|
||||
max="100"
|
||||
value="50"
|
||||
/>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div style="background: #0f3460; border-radius: 4px; padding: 16px; margin-top: 24px;">
|
||||
<p style="color: #e94560; font-weight: bold; margin-bottom: 8px;">⚠️ Final Step</p>
|
||||
<p style="color: #888; font-size: 14px;">Review your settings before creating the session. No submit button - automation stops here for manual review.</p>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="footer">
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-secondary"
|
||||
data-action="back"
|
||||
onclick="window.location.href='step-17-race-options.html'"
|
||||
>
|
||||
Back
|
||||
</button>
|
||||
<!-- No Next/Submit button on final step - automation stops here for manual review -->
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user