mirrors/bookwyrm
1
0
Fork 1
mirror of https://github.com/bookwyrm-social/bookwyrm.git synced 2024-12-23 16:40:36 +00:00
Code Issues Projects Releases Wiki Activity

Moves duplicate field script into its own file

Browse source
This commit is contained in:
Mouse Reeve 2022-03-14 10:59:24 -07:00
parent e0c0bebf65
commit bfb8fc800a
3 changed files with 37 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
bookwyrm/static/js/bookwyrm.js
View file

@ -38,10 +38,6 @@ let BookWyrm = new (class {
.querySelectorAll("[data-modal-open]") .querySelectorAll("[data-modal-open]")
.forEach((node) => node.addEventListener("click", this.handleModalButton.bind(this))); .forEach((node) => node.addEventListener("click", this.handleModalButton.bind(this)));
document
.querySelectorAll("[data-duplicate]")
.forEach((node) => node.addEventListener("click", this.duplicateInput.bind(this)));
document document
.querySelectorAll("details.dropdown") .querySelectorAll("details.dropdown")
.forEach((node) => .forEach((node) =>
@ -495,26 +491,6 @@ let BookWyrm = new (class {
window.open(url, windowName, "left=100,top=100,width=430,height=600"); window.open(url, windowName, "left=100,top=100,width=430,height=600");
} }
duplicateInput(event) {
const trigger = event.currentTarget;
const input_id = trigger.dataset.duplicate;
const orig = document.getElementById(input_id);
const parent = orig.parentNode;
const new_count = parent.querySelectorAll("input").length + 1;
let input = orig.cloneNode();
input.id += "-" + new_count;
input.value = "";
let label = parent.querySelector("label").cloneNode();
label.setAttribute("for", input.id);
parent.appendChild(label);
parent.appendChild(input);
}
/** /**
* Set up a "click-to-copy" component from a textarea element * Set up a "click-to-copy" component from a textarea element
* with `data-copytext`, `data-copytext-label`, `data-copytext-success` * with `data-copytext`, `data-copytext-label`, `data-copytext-success`

32
bookwyrm/static/js/forms.js Normal file
View file

@ -0,0 +1,32 @@
(function () {
"use strict";
/**
* Duplicate an input field
*
* @param {event} the click even on the associated button
*/
function duplicateInput(event) {
const trigger = event.currentTarget;
const input_id = trigger.dataset.duplicate;
const orig = document.getElementById(input_id);
const parent = orig.parentNode;
const new_count = parent.querySelectorAll("input").length + 1;
let input = orig.cloneNode();
input.id += "-" + new_count;
input.value = "";
let label = parent.querySelector("label").cloneNode();
label.setAttribute("for", input.id);
parent.appendChild(label);
parent.appendChild(input);
}
document
.querySelectorAll("[data-duplicate]")
.forEach((node) => node.addEventListener("click", duplicateInput));
})();

5
bookwyrm/templates/book/edit/edit_book_form.html
View file

@ -1,4 +1,5 @@
{% load i18n %} {% load i18n %}
{% load static %}
{% if form.non_field_errors %} {% if form.non_field_errors %}
<div class="block"> <div class="block">
@ -302,3 +303,7 @@
</section> </section>
</div> </div>
</div> </div>
{% block scripts %}
<script src="{% static "js/forms.js" %}"></script>
{% endblock %}