musicbrainz-userscripts/set-recording-comments.user.js

// ==UserScript==
// @name           MusicBrainz: Set recording comments for a release
// @version        2015-06-24
// @author         Michael Wiencek
// @namespace      790382e7-8714-47a7-bfbd-528d0caa2333
// @downloadURL    https://bitbucket.org/mwiencek/userscripts/raw/master/set-recording-comments.user.js
// @updateURL      https://bitbucket.org/mwiencek/userscripts/raw/master/set-recording-comments.user.js
// @include        *://musicbrainz.org/release/*
// @include        *://beta.musicbrainz.org/release/*
// @include        *://*.mbsandbox.org/release/*
// @match          *://musicbrainz.org/release/*
// @match          *://beta.musicbrainz.org/release/*
// @match          *://*.mbsandbox.org/release/*
// @exclude        *://musicbrainz.org/release/*/*
// @exclude        *://beta.musicbrainz.org/release/*/*
// @exclude        *://*.mbsandbox.org/release/*/*
// @grant          none
// ==/UserScript==

var scr = document.createElement("script");
scr.textContent = "$(" + setRecordingComments + ");";
document.body.appendChild(scr);

function setRecordingComments() {
    var $tracks;
    var $inputs = $();
    var nameColumn = 1;
    var EDIT_RECORDING_EDIT = 72;

    $("head").append($("<style></style>").text("input.recording-comment { background: inherit; border: 1px #999 solid; width: 32em; margin-left: 0.5em; }"));

    var delay = setInterval(function () {
        if ($("th.video").length > 0) {
            nameColumn = 2;
        }
        $tracks = $(".medium tbody tr[id]");

        if ($tracks.length) {
            clearInterval(delay);
        } else {
            return;
        }

        $tracks.each(function () {
            var $td = $(this).children("td").eq(nameColumn),
                node = ($td.find(".mp")[0] ||
                        $td.find(".name-variation")[0] ||
                        $td.find("a[href*=\\/recording\\/]")[0]),
                $input = $("<input />").addClass("recording-comment").insertAfter(node);

            if (!editing) {
                $input.hide();
            }

            $inputs = $inputs.add($input);
        });

        var release = location.match(MBID_REGEX)[0];

        $.get("/ws/2/release/" + release + "?inc=recordings&fmt=json", function (data) {
            var comments = _.pluck(_.pluck(_.flatten(_.pluck(data.media, "tracks")), "recording"), "disambiguation");

            for (var i = 0, len = comments.length; i < len; i++) {
                var comment = comments[i];
                $inputs.eq(i).val(comment).data("old", comment);
            }
        });
    }, 1000);

    var location = window.location.pathname;
    if (!location.match(/\/release\/[a-f\d]{8}-[a-f\d]{4}-[a-f\d]{4}-[a-f\d]{4}-[a-f\d]{12}$/)) {
        return;
    }

    var MBID_REGEX = /[a-f\d]{8}-[a-f\d]{4}-[a-f\d]{4}-[a-f\d]{4}-[a-f\d]{12}/,
        editing = false,
        activeRequest = null;

    $("body").on("input.rc", ".recording-comment", function () {
        $(this).css("border-color", this.value === $(this).data("old") ? "#999" : "red");
    });

    var $container = $("<div></div>").insertAfter("h2.tracklist");

    $("<button>Edit recording comments</button>")
        .addClass("styled-button")
        .on("click", function () {
            editing = !editing;
            $("#set-recording-comments").add($inputs).toggle(editing);
            $(this).text((editing ? "Hide" : "Edit") + " recording comments");
            if (editing) {
                $("#all-recording-comments").focus();
            }
        })
        .appendTo($container);

    $container.append('\
<table id="set-recording-comments">\
  <tr>\
    <td><label for="all-recording-comments">Set all visible comments to:</label></td>\
    <td><input type="text" id="all-recording-comments" style="width: 32em;"></td>\
  </tr>\
  <tr>\
    <td><label for="recording-comments-edit-note">Edit note:</label></td>\
    <td><textarea id="recording-comments-edit-note" style="width: 32em;" rows="5"></textarea></td>\
  </tr>\
  <tr>\
    <td colspan="2">\
      <button id="submit-recording-comments" class="styled-button">Submit changes (visible and marked red)</button>\
    </td>\
  </tr>\
</table>');

    $("#set-recording-comments").hide();

    $("#all-recording-comments").on("input", function () {
        $inputs.filter(":visible").val(this.value).trigger("input.rc");
    });

    var $submitButton = $("#submit-recording-comments").on("click", function () {
        if (activeRequest) {
            activeRequest.abort();
            activeRequest = null;
            $submitButton.text("Submit changes (marked red)");
            $inputs.prop("disabled", false).trigger("input.rc");
            return;
        }

        $submitButton.text("Submitting...click to cancel!");
        $inputs.prop("disabled", true);

        var editData = [], deferred = $.Deferred();

        $.each($tracks, function (i, track) {
            if ($(track).filter(":visible").length > 0) {
                var $input = $inputs.eq(i), comment = $input.val();
                if (comment === $input.data("old")) {
                    $input.prop("disabled", false);
                    return;
                }

                deferred
                    .done(function () {
                        $input.data("old", comment).trigger("input.rc").prop("disabled", false);
                    })
                    .fail(function () {
                        $input.css("border-color", "red").prop("disabled", false);
                    });

                var link = $(track).children("td").eq(nameColumn).find("a[href*=\\/recording\\/]")[0],
                    mbid = link.href.match(MBID_REGEX)[0];

                editData.push({edit_type: EDIT_RECORDING_EDIT, to_edit: mbid, comment: comment});
            }
        });

        if (editData.length === 0) {
            $inputs.prop("disabled", false);
            $submitButton.prop("disabled", false).text("Submit changes (marked red)");
        } else {
            var editNote = $("#recording-comments-edit-note").val();

            activeRequest = $.ajax({
                    type: 'POST',
                    url: '/ws/js/edit/create',
                    dataType: 'json',
                    data: JSON.stringify({edits: editData, editNote: editNote}),
                    contentType: 'application/json; charset=utf-8',
                })
                .always(function () {
                    $submitButton.prop("disabled", false).text("Submit changes (marked red)");
                })
                .done(function () {
                    deferred.resolve();
                })
                .fail(function () {
                    deferred.reject();
                });
        }
    });
}