/******************************************************************************
 *
 * jQuery functions for the plone.app.discussion moderation.
 *
 ******************************************************************************/

if (require === undefined) {
  require = function(reqs, torun) {
    "use strict";
    return torun(window.jQuery);
  };
}

require(["jquery", "pat-registry"], function($, registry) {
  "use strict";

  $(document).ready(function() {
    init();
  });

  function init() {
    /**********************************************************************
     * Delete a single comment.
     **********************************************************************/
    $("input[name='form.button.moderation.DeleteComment']").click(function(e) {
      e.preventDefault();
      var row = $(this).closest("tr");
      var path = row.find("[name='selected_obj_paths:list']").attr("value");
      var auth_key = $('input[name="_authenticator"]').val();
      var target =
        path + "/@@moderate-delete-comment?_authenticator=" + auth_key;
      $.ajax({
        type: "GET",
        url: target,
        success: function(msg) {
          // fade out row
          row.fadeOut(250).fadeIn(250, function() {
            row.remove();
          });
          // reload page if all comments have been removed
          var comments = $("table#review-comments > tbody > tr");
          if (comments.length === 1) {
            location.reload();
          }
        },
        error: function(msg) {
          alert("Error sending AJAX request:" + target);
        }
      });
    });

    /**********************************************************************
     * Transmit a single comment.
     **********************************************************************/
    $('input[name="form.button.moderation.TransmitComment"]').click(function(
      e
    ) {
      e.preventDefault();
      let button = $(this);
      var row = $(this).closest("tr");
      var path = $(row)
        .find("[name='selected_obj_paths:list']")
        .attr("value");
      var workflow_action = $(this).attr("data-transition");
      var auth_key = $('input[name="_authenticator"]').val();
      // distinction of workflow_action
      var target =
        path +
        "/@@transmit-comment?_authenticator=" +
        auth_key +
        "&workflow_action=" +
        workflow_action;
      var moderate =
        $(this)
          .closest("fieldset")
          .attr("id") == "fieldset-moderate-comments";
      $.ajax({
        type: "GET",
        url: target,
        success: function(msg) {
          if (moderate) {
            let url = location.href;
            $("#review-comments").load(url + " #review-comments", function() {
              init();
              $(".pat-plone-modal").patPloneModal();
            });
        });


        /**********************************************************************
         * Bulk actions for comments (delete, publish)
         **********************************************************************/
        $("input[name='form.button.BulkAction']").click(function (e) {
            e.preventDefault();
            var form = $(this).closest("form");
            var target = $(form).attr('action');
            var params = $(form).serialize();
            var valArray = $('input:checkbox:checked');
            var selectField = $(form).find("[name='form.select.BulkAction']");

            if (selectField.val() === '-1') {
                // TODO: translate message
                alert("You haven't selected a bulk action. Please select one.");
            } else if (valArray.length === 0) {
                // TODO: translate message
                alert("You haven't selected any comment for this bulk action." +
                      "Please select at least one comment.");
            } else {
                $.post(target, params, function (data) {
                    // reset the bulkaction select
                    selectField.find("option[value='-1']").attr('selected', 'selected');
                    // reload filtered comments
                    $("#review-comments").load(window.location + " #review-comments", function() {
                        init();
                        $('.pat-plone-modal').patPloneModal();
                    });
                });
            }
        });


        /**********************************************************************
         * Check or uncheck all checkboxes from the batch moderation page.
         **********************************************************************/
        $("input[name='check_all']").click(function () {
            if ($(this).val() === '0') {
                $(this).parents("table")
                       .find("input:checkbox")
                       .prop("checked", true);
                $(this).val("1");
            } else {
                $(this).parents("table")
                       .find("input:checkbox")
                       .prop("checked", false);
                $(this).val("0");
            }
        });

        /**********************************************************************
         * select comments with review_state
         **********************************************************************/

         $("input[name='review_state']").click(function () {
             // location.search = 'review_state=' + $(this).val();
             let review_state = $(this).val();
             let url = location.href;
             if (location.search) {
                 url = location.href.replace(location.search, "?review_state=" + review_state);
             } else {
                 url = location.href + "?review_state=" + review_state;
             }

             $("#fieldset-moderate-comments").parent()
                .load(url + " #fieldset-moderate-comments", function() {
                    init();
                    $('.pat-plone-modal').patPloneModal();
                    let stateObj = { review_state: review_state };
                    history.pushState(stateObj, "moderate comments", url);
             });
         });


    /**********************************************************************
     * Bulk actions for comments (delete, publish)
     **********************************************************************/
    $("input[name='form.button.BulkAction']").click(function(e) {
      e.preventDefault();
      var form = $(this).parents("form");
      var target = $(form).attr("action");
      var params = $(form).serialize();
      var valArray = $("input:checkbox:checked");
      var selectField = $(form).find("[name='form.select.BulkAction']");
      if (selectField.val() === "-1") {
        // XXX: translate message
        alert("You haven't selected a bulk action. Please select one.");
      } else if (valArray.length === 0) {
        // XXX: translate message
        alert(
          "You haven't selected any comment for this bulk action." +
            "Please select at least one comment."
        );
      } else {
        $.post(target, params, function(data) {
          valArray.each(function() {
            /* Remove all selected lines. */
            var row = $(this)
              .parent()
              .parent();
            row.fadeOut("normal", function() {
              row.remove();
            });
          });
          // reload page if all comments have been removed
          var comments = $("table#review-comments > tbody > tr");
          if (comments.length <= valArray.length) {
            location.reload();
          }
        });
        // reset the bulkaction select
        selectField.find("option[value='-1']").attr("selected", "selected");
      }
    });

    /**********************************************************************
     * Check or uncheck all checkboxes from the batch moderation page.
     **********************************************************************/
    $("input[name='check_all']").click(function() {
      if ($(this).val() === "0") {
        $(this)
          .parents("table")
          .find("input:checkbox")
          .prop("checked", true);
        $(this).val("1");
      } else {
        $(this)
          .parents("table")
          .find("input:checkbox")
          .prop("checked", false);
        $(this).val("0");
      }
    });

        /**********************************************************************
         * Comments published: Load history for publishing date.
         **********************************************************************/
        $(".last-history-entry").each(function() {
            var me = $(this);
            $.ajax({
                url: me.attr("data-href"),
                success: function (data) {
                    let first_history_entry = $(data).find(".historyByLine").first();
                    me.html("");
                    first_history_entry.children().each(function() {
                        me.append($(this));
                        me.append("<br/>");
                    });
                    // format date
                    registry.scan(me);
                },
                error: function (msg) {
                    alert("Error getting history.");
                }
            });
        });
    }; // end init

      $("#review-comments").load(url + " #review-comments", function() {
        init();
        $(".pat-plone-modal").patPloneModal();
        let stateObj = { review_state: review_state };
        history.pushState(stateObj, "moderate comments", url);
      });
    });

    /**********************************************************************
     * Show full text of a comment in the batch moderation page.
     **********************************************************************/
    $(".show-full-comment-text").click(function(e) {
      e.preventDefault();
      var target = $(this).attr("href");
      var parent = $(this).parent();
      $.ajax({
        type: "GET",
        url: target,
        data: "",
        success: function(data) {
          // show full text
          parent.html(data);
        },
        error: function(msg) {
          alert("Error getting full comment text:" + target);
        }
      });
    });

    /**********************************************************************
     * Comments approved: Load history for approved date.
     **********************************************************************/
    $(".last-history-entry").each(function() {
      var me = $(this);
      $.ajax({
        url: me.attr("data-href"),
        success: function(data) {
          let first_history_entry = $(data)
            .find(".historyByLine")
            .first();
          me.html("");
          first_history_entry.children().each(function() {
            me.append($(this));
            me.append("<br/>");
          });
          // format date
          registry.scan(me);
        },
        error: function(msg) {
          alert("Error getting history.");
        }
      });
    });
  } // end init
});