134 lines
6.2 KiB
Plaintext
134 lines
6.2 KiB
Plaintext
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>Holiday-api</title>
|
||
|
|
<link rel="stylesheet" href="/assets/style.css">
|
||
|
|
<script src="/assets/global.js"></script>
|
||
|
|
<script src="/assets/documentation.js"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="dialog-container"></div>
|
||
|
|
<header>
|
||
|
|
<section class="container">
|
||
|
|
<h1><a href="/">Holiday-api</a></h1>
|
||
|
|
</section>
|
||
|
|
</header>
|
||
|
|
<nav>
|
||
|
|
<section class="container">
|
||
|
|
<a href="/">Search</a>
|
||
|
|
<a class="selected" href="#">Documentation</a>
|
||
|
|
<button data-type="dialog" data-trigger="#check-is-a-holiday" data-url="/dialogs/check-is-a-holiday">Check is a holiday</button>
|
||
|
|
</section>
|
||
|
|
</nav>
|
||
|
|
<main>
|
||
|
|
<section id="query">
|
||
|
|
<article class="card" style="margin: 1em;">
|
||
|
|
<form id="query-generator">
|
||
|
|
<section>
|
||
|
|
<label for="country">Country</label>
|
||
|
|
<select id="country" name="country">
|
||
|
|
<option value="HR">Croatia</option>
|
||
|
|
<option value="GB">Great Britain</option>
|
||
|
|
<option value="US">USA</option>
|
||
|
|
<option value="FR">France</option>
|
||
|
|
</select>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section>
|
||
|
|
<label for="content-type">Content type</label>
|
||
|
|
<select id="content-type" name="content-type">
|
||
|
|
<option value="application/json">JSON</option>
|
||
|
|
<option value="application/xml">XML</option>
|
||
|
|
<option value="text/csv">CSV</option>
|
||
|
|
</select>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<article class="optional-selector">
|
||
|
|
<div class="header">
|
||
|
|
<section>
|
||
|
|
<label for="date-selector">Date selector</label>
|
||
|
|
<select data-type="section-selector" data-selector-prefix="date-selector" id="date-selector" name="date-selector">
|
||
|
|
<option value="year">Select year</option>
|
||
|
|
<option value="date">Select date</option>
|
||
|
|
<option value="range">Select date range</option>
|
||
|
|
<option value="all">All</option>
|
||
|
|
</select>
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div data-section-id="date-selector-year">
|
||
|
|
<section>
|
||
|
|
<label for="dsy-year">Year</label>
|
||
|
|
<select id="dsy-year" name="year">
|
||
|
|
<option value="2020">2020</option>
|
||
|
|
<option value="2021">2021</option>
|
||
|
|
<option value="2022">2022</option>
|
||
|
|
<option value="2023">2023</option>
|
||
|
|
<option value="2024">2024</option>
|
||
|
|
<option value="2025">2025</option>
|
||
|
|
<option value="2026">2026</option>
|
||
|
|
<option value="2027">2027</option>
|
||
|
|
</select>
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div data-section-id="date-selector-date">
|
||
|
|
<section>
|
||
|
|
<label for="dsd-date">Date</label>
|
||
|
|
<input type="date" id="dsd-date" name="dsd-date">
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div data-section-id="date-selector-range">
|
||
|
|
<section>
|
||
|
|
<label for="dsr-start-range">Start range</label>
|
||
|
|
<input type="date" id="dsr-start-range" name="dsr-start-range">
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<label for="dsr-start-range-required">Required</label>
|
||
|
|
<input type="checkbox" id="dsr-start-range-required" name="dsr-start-range-required">
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<label for="dsr-end-range">End range</label>
|
||
|
|
<input type="date" id="dsr-end-range" name="dsr-end-range">
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<label for="dsr-end-range-required">Required</label>
|
||
|
|
<input type="checkbox" id="dsr-end-range-required" name="dsr-end-range-required">
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
|
||
|
|
<section class="radio-group" style="margin-top: 0.5em;">
|
||
|
|
<label>Is state holiday:</label>
|
||
|
|
<div>
|
||
|
|
<input type="radio" value="true" name="sh" id="sh_true"><label for="sh_true">True
|
||
|
|
</label><input type="radio" value="false" name="sh" id="sh_false"><label for="sh_false">False
|
||
|
|
</label><input type="radio" value="" name="sh" id="sh_any"><label for="sh_any">All</label>
|
||
|
|
</div>
|
||
|
|
<input type="hidden" id="state-holiday" name="state_holiday">
|
||
|
|
</section>
|
||
|
|
<section class="radio-group">
|
||
|
|
<label>Is religious holiday:</label>
|
||
|
|
<div>
|
||
|
|
<input type="radio" value="true" name="rh" id="rh_true"><label for="rh_true">True
|
||
|
|
</label><input type="radio" value="false" name="rh" id="rh_false"><label for="rh_false">False
|
||
|
|
</label><input type="radio" value="" name="rh" id="rh_any"><label for="rh_any">All</label>
|
||
|
|
</div>
|
||
|
|
<input type="hidden" id="religious-holiday" name="religious_holiday">
|
||
|
|
</section>
|
||
|
|
</form>
|
||
|
|
</article>
|
||
|
|
</section>
|
||
|
|
<section id="result" style="flex-grow: 1; margin: 1em;">
|
||
|
|
<h3 style="margin-bottom: 1em;">Query</h3>
|
||
|
|
<article id="result-content" class="card source-code">
|
||
|
|
Loading...
|
||
|
|
</article>
|
||
|
|
</section>
|
||
|
|
</main>
|
||
|
|
</body>
|
||
|
|
</html>
|