spee.ch/views/partials/publishForm-Details.handlebars

51 lines
2 KiB
Handlebars
Raw Normal View History

2017-10-24 22:39:06 +02:00
<div class="row row--padded row--no-top row--no-bottom row--wide">
2017-10-10 19:14:43 +02:00
<div class="column column--10">
2017-10-25 18:17:47 +02:00
<a class="label link--primary" id="publish-details-toggle" href="#" onclick="toggleSection(event)" data-open="false" data-openlabel="[less]" data-closedlabel="[more]" data-slaveelementid="publish-details">[more]</a>
2017-10-10 19:14:43 +02:00
</div>
</div>
2017-10-30 18:07:23 +01:00
<div id="publish-details" hidden="true" class="row row--padded row--wide">
2017-10-11 23:23:46 +02:00
<!-- description input -->
2017-10-16 18:57:54 +02:00
<div class="row row--no-top">
2017-10-30 17:23:23 +01:00
<div class="column column--3 column--med-10 align-content-top">
2017-10-11 23:23:46 +02:00
<label for="publish-license" class="label">Description:</label>
</div><div class="column column--7 column--sml-10">
2017-10-17 19:26:48 +02:00
<textarea rows="1" id="publish-description" class="textarea textarea--primary textarea--full-width" placeholder="Optional description"></textarea>
2017-10-11 23:23:46 +02:00
</div>
</div>
2017-10-16 18:57:54 +02:00
<div class="row row--no-top">
2017-10-30 17:23:23 +01:00
<div class="column column--3 column--med-10">
2017-10-04 02:35:53 +02:00
<label for="publish-license" class="label">License:</label>
2017-10-04 01:26:43 +02:00
</div><div class="column column--7 column--sml-10">
<select type="text" id="publish-license" class="select select--primary">
2017-10-27 19:58:08 +02:00
<option value=" ">Unspecified</option>
<option value="Public Domain">Public Domain</option>
<option value="Creative Commons">Creative Commons</option>
</select>
</div>
</div>
2017-10-16 18:57:54 +02:00
<div class="row row--no-top">
2017-10-30 17:23:23 +01:00
<div class="column column--3">
2017-10-19 19:15:08 +02:00
<label for="publish-nsfw" class="label">Mature:</label>
2017-10-30 17:23:23 +01:00
</div><div class="column column--7">
<input class="input-checkbox" type="checkbox" id="publish-nsfw">
</div>
</div>
</div>
2017-10-24 17:52:07 +02:00
<script type="text/javascript">
const textarea = document.getElementById('publish-description');
const limit = 200;
textarea.oninput = () => {
textarea.style.height = '';
textarea.style.height = Math.min(textarea.scrollHeight, limit) + 'px';
}
</script>
2017-09-27 00:12:47 +02:00