diff --git a/batch-add-recording-relationships.user.js b/batch-add-recording-relationships.user.js index 0f49693..3a93ac6 100644 --- a/batch-add-recording-relationships.user.js +++ b/batch-add-recording-relationships.user.js @@ -665,23 +665,36 @@ function batch_recording_rels() { $(".tbl > thead > tr").append("Performance Attributes"); - var date_element = $('') - .attr('type', "text") + var $date_element = $('') + .attr('type', 'text') .addClass('date') + .addClass('bpr-date-input') .val("yyyy-mm-dd") - .css({"color": "#ddd", "width": "7em", "border": "1px #999 solid"}) - .bind("focus", function () { + .css({ color : "#ddd", "width": "7em", border: "1px #999 solid" }); + + $recordings.append(td( + $('part./' + + 'live/' + + 'inst./' + + 'cover') + .css("cursor", "pointer") + .data("checked", false), + ' ', + $date_element).addClass("bpr_attrs")); + + $(document) + .on('focus', 'input.bpr-date-input', function () { if (this.value === "yyyy-mm-dd") { $(this).val("").css("color", "#000"); } }) - .bind("blur", function () { + .on('blur', 'input.bpr-date-input', function () { if (this.value === "") { $(this).val("yyyy-mm-dd").css("color", "#ddd"); $(this).parent().data("date", null); } }) - .bind("input", function () { + .on('input', 'input.bpr-date-input', function () { var $input = $(this); function error() { @@ -704,23 +717,18 @@ function batch_recording_rels() { $(this).parent().data("date", parsedDate); } } - }); + }) + .on('click', 'span.bpr-attr', function () { + var $this = $(this); + var checked = !$this.data('checked'); - $recordings.append(td( - $('part./' + - 'live/' + - 'inst./' + - 'cover') - .css("cursor", "pointer") - .data("checked", false) - .click(function () { - var checked = !$(this).data("checked"); - $(this).data("checked", checked) - .css({"background": checked ? "blue": "inherit", - "color": checked ? "white" : "black"}); - }), - ' ', - date_element).addClass("bpr_attrs")); + $this + .data('checked', checked) + .css({ + background: checked ? 'blue': 'inherit', + color: checked ? 'white' : 'black' + }); + }) // Style buttons