89 lines
3.5 KiB
HTML
89 lines
3.5 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>DataDash – Add dataset/API</title>
|
||
<link rel="stylesheet" href="add.css">
|
||
<script type="module" src="add.js"></script>
|
||
</head>
|
||
<body>
|
||
<main>
|
||
<header>
|
||
<h1>Add new DataDash content</h1>
|
||
</header>
|
||
|
||
<section id="add-content-section">
|
||
<p>
|
||
Please add the following information about your dataset/API to
|
||
help users better find it and understand what it is about and
|
||
how to use it.
|
||
</p>
|
||
|
||
<form>
|
||
<span>
|
||
<label for="title">Title</label>
|
||
<input type="text" name="title" id="title" size="3" minlength="1" maxlength="50" required>
|
||
</span>
|
||
|
||
<span id="author-box">
|
||
<label for="author">Author/provider</label>
|
||
<input type="text" name="author" id="author" size="3" required>
|
||
</span>
|
||
|
||
<span id="is-dataset-toggle-container">
|
||
<label>
|
||
Dataset
|
||
<input type="checkbox" name="is-dataset" id="is-dataset">
|
||
<span id="is-dataset-toggle"></span>
|
||
API
|
||
</label>
|
||
</span>
|
||
|
||
<span>
|
||
<label for="short-description">Short description</label>
|
||
<input type="text" name="short-description" id="short-description" size="3" maxlength="100" required spellcheck="true">
|
||
</span>
|
||
|
||
<span>
|
||
<label for="url">URL</label>
|
||
<input type="url" name="url" id="url" size="3" required>
|
||
</span>
|
||
|
||
<span>
|
||
<label for="terms-of-use">Terms of Use URL</label>
|
||
<input type="url" name="terms-of-use" id="terms-of-use" size="3" required>
|
||
</span>
|
||
|
||
<span>
|
||
<label for="license">License</label>
|
||
<input type="text" name="license" id="license" size="3" required>
|
||
</span>
|
||
|
||
<span>
|
||
<label for="category">Category</label>
|
||
<select name="category" id="category" class="btn full-width" required autocomplete="off">
|
||
<option value="" selected disabled hidden>Category</option>
|
||
<option value="new">New category</option>
|
||
<hr>
|
||
</select>
|
||
<span id="new-category-group" class="hidden">
|
||
<input type="text" id="new-category" size="3" required disabled autocomplete="off">
|
||
<button id="change-category-btn" class="btn" title="change category"></button>
|
||
</span>
|
||
</span>
|
||
|
||
<span id="full-description-box">
|
||
<label for="full-description">Full description</label>
|
||
<textarea name="full-description" id="full-description" cols="3" spellcheck="true"></textarea>
|
||
</span>
|
||
|
||
<span id="btn-bar">
|
||
<input type="submit" value="Add" id="btn-add" class="btn suggested full-width" disabled>
|
||
<input type="reset" value="Cancel" id="btn-cancel" class="btn full-width">
|
||
</span>
|
||
</form>
|
||
</section>
|
||
</main>
|
||
</body>
|
||
</html> |