2022-04-24 15:09:38 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
<head>
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
<title>HTML Table to ICS</title>
|
2022-04-24 15:53:42 +00:00
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
2022-04-24 15:09:38 +00:00
|
|
|
</head>
|
|
|
|
|
|
|
|
<body>
|
2022-04-24 18:24:34 +00:00
|
|
|
<header>
|
|
|
|
<h1>HTML Table to ICS</h1>
|
|
|
|
</header>
|
|
|
|
<main>
|
|
|
|
<section>
|
|
|
|
<h2>Simple</h2>
|
|
|
|
<form action="/convert.ics" method="get" enctype="application/x-www-form-urlencoded">
|
|
|
|
<div>
|
|
|
|
<label for="url">URL</label>
|
|
|
|
<input type="url" name="url" id="url" style="display: block; width: calc(100% - 10px);" required>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<fieldset>
|
|
|
|
<legend>Format</legend>
|
|
|
|
<input id="format_html_multi_table" type="radio" name="format" value="html_multi_table" checked>
|
|
|
|
<label for="format_html_multi_table">Multiple HTML tables</label><br>
|
|
|
|
<input id="format_html_table" type="radio" name="format" value="html_table">
|
|
|
|
<label for="format_html_table">Single HTML table</label><br>
|
|
|
|
<input id="format_csv" type="radio" name="format" value="csv">
|
|
|
|
<label for="format_csv">CSV</label><br>
|
|
|
|
</fieldset>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<fieldset>
|
|
|
|
<legend>Axes meaning</legend>
|
|
|
|
<input id="axis_cis" type="radio" name="axis" value="cis" checked>
|
|
|
|
<label for="axis_cis">Lines conveys time and columns conveys places</label><br>
|
|
|
|
<input id="axis_trans" type="radio" name="axis" value="trans">
|
|
|
|
<label for="axis_trans">Lines conveys places and columns conveys time</label><br>
|
|
|
|
</fieldset>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<fieldset>
|
|
|
|
<legend>Default language</legend>
|
|
|
|
<input id="lang_en" type="radio" name="lang" value="EN" checked>
|
|
|
|
<label for="lang_en">English</label><br>
|
|
|
|
<input id="lang_es" type="radio" name="lang" value="ES">
|
|
|
|
<label for="lang_es">Spanish</label><br>
|
|
|
|
<input id="lang_pt" type="radio" name="lang" value="PT">
|
|
|
|
<label for="lang_pt">Portuguese</label><br>
|
|
|
|
</fieldset>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<fieldset>
|
|
|
|
<legend>Non-default language refereces</legend>
|
|
|
|
<input id="content_suf" type="radio" name="content" value="name_lang" checked>
|
|
|
|
<label for="content_suf">Suffixed (activity name then language indication)</label><br>
|
|
|
|
<input id="content_pre" type="radio" name="content" value="lang_name">
|
|
|
|
<label for="content_pre">Prefixed (language indication then activity name)</label><br>
|
|
|
|
<input id="content_no" type="radio" name="content" value="name">
|
|
|
|
<label for="content_no">The table is not multi-language</label><br>
|
|
|
|
</fieldset>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<fieldset>
|
|
|
|
<legend>Default date (all fields are optional and defaults to the current date of the HTTP
|
|
|
|
request)</legend>
|
|
|
|
<label for="year">Year (4-digit number)</label>
|
|
|
|
<input type="number" name="year" id="year" style="display: block; width: calc(100% - 10px);"
|
|
|
|
placeholder="{{datetime.date.today().year}} (optional)">
|
|
|
|
<label for="year">Month (number)</label>
|
|
|
|
<input type="number" name="year" id="year" style="display: block; width: calc(100% - 10px);"
|
|
|
|
placeholder="{{datetime.date.today().month}} (optional)">
|
|
|
|
<label for="year">Day of the month (number)</label>
|
|
|
|
<input type="number" name="year" id="year" style="display: block; width: calc(100% - 10px);"
|
|
|
|
placeholder="{{datetime.date.today().day}} (optional)">
|
|
|
|
</fieldset>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<fieldset>
|
|
|
|
<legend>Timezone</legend>
|
|
|
|
<label for="tzcode">Code</label>
|
|
|
|
<input type="text" name="tzcode" id="tzcode" value="UTC"
|
|
|
|
style="display: block; width: calc(100% - 10px);">
|
|
|
|
<span>Shortcuts:</span>
|
|
|
|
<button type="button" class="tz">UTC</button>
|
|
|
|
<button type="button" class="tz">America/Sao_Paulo</button>
|
|
|
|
<button type="button" class="tz">America/Buenos_Aires</button>
|
|
|
|
<button type="button" class="tz">US/Hawaii</button>
|
|
|
|
<button type="button" class="tz">US/Alaska</button>
|
|
|
|
<button type="button" class="tz">US/Pacific</button>
|
|
|
|
<button type="button" class="tz">US/Mountain</button>
|
|
|
|
<button type="button" class="tz">US/Central</button>
|
|
|
|
<button type="button" class="tz">US/Eastern</button>
|
|
|
|
<button type="button" class="tz">Europe/London</button>
|
|
|
|
<button type="button" class="tz">Europe/Berlin</button>
|
|
|
|
<button type="button" class="tz">Europe/Lisbon</button>
|
|
|
|
<button type="button" class="tz">Europe/Rome</button>
|
|
|
|
<button type="button" class="tz">Europe/Madrid</button>
|
|
|
|
<button type="button" class="tz">Europe/Paris</button>
|
|
|
|
</fieldset>
|
|
|
|
</div>
|
|
|
|
<div><button type="submit">Convert</button></div>
|
|
|
|
</form>
|
|
|
|
</section>
|
|
|
|
<section>
|
|
|
|
<h2>Multi-language</h2>
|
|
|
|
<p>Coming</p>
|
|
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<footer>
|
|
|
|
Favicon by <a
|
|
|
|
href="https://gitlab.gnome.org/GNOME/adwaita-icon-theme/-/blob/master/Adwaita/scalable/mimetypes/x-office-calendar-symbolic.svg">Gnome
|
|
|
|
Project</a>
|
|
|
|
</footer>
|
|
|
|
<script>
|
|
|
|
for (let fsasfdadf of [...document.querySelectorAll('button.tz')])
|
|
|
|
fsasfdadf.addEventListener('click', (ev) => {
|
|
|
|
ev.preventDefault();
|
|
|
|
tzcode.value = fsasfdadf.innerText;
|
|
|
|
});
|
|
|
|
</script>
|
2022-04-24 15:09:38 +00:00
|
|
|
</body>
|
|
|
|
|
|
|
|
</html>
|