Erik/DataDash
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix add page design

Browse Source
This commit is contained in:
Elias Schriefer
2024-07-07 19:47:56 +02:00
parent ae20623aa3
commit 1888b91afe
2 changed files with 58 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/main/resources/static/add.html
View File

@@ -13,7 +13,7 @@
<h1>Add new DataDash content</h1>
</header>
<section>
<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
@@ -23,62 +23,64 @@
<form>
<span>
<label for="title">Title</label>
<input type="text" name="title" id="title" minlength="1" maxlength="50" required>
<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" required>
<input type="text" name="author" id="author" size="3" required>
</span>
<label>
Dataset
<input type="checkbox" name="is-dataset" id="is-dataset">
<span id="is-dataset-toggle"></span>
API
</label>
<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" maxlength="100" required spellcheck="true">
<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" required>
<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" required>
<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" required>
<input type="text" name="license" id="license" size="3" required>
</span>
<span>
<label for="category">Category</label>
<select name="category" id="category" class="btn" required autocomplete="off">
<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="2" required disabled autocomplete="off">
<button id="change-category-btn" class="btn flat" title="change category"></button>
<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" spellcheck="true"></textarea>
<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" disabled>
<input type="reset" value="Cancel" id="btn-cancel" class="btn">
<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>