/* global dropdownSelector TinyMCE */
var ProtocolRepositoryHeader = (function() {
  function initEditKeywords() {
    dropdownSelector.init('#keyword-input-field', {
      inputTagMode: true,
      selectKeys: [13],
      onChange: function() {
        $.ajax({
          url: $('#keyword-input-field').data('update-url'),
          type: 'PATCH',
          dataType: 'json',
          data: { keywords: dropdownSelector.getValues('#keyword-input-field') },
          success: function() {
            dropdownSelector.highlightSuccess('#keyword-input-field');
          },
          error: function() {
            dropdownSelector.highlightError('#keyword-input-field');
          }
        });
      }
    });
  }

  function initEditDescription() {
    $('#protocol_description_view').on('click', function() {
      TinyMCE.init('#protocol_description_textarea');
    });
  }

  return {
    init: () => {
      if ($('.protocol-repository-header').length > 0) {
        initEditKeywords();
        initEditDescription();
      }
    }
  };
}());

$(document).on('turbolinks:load', function() {
  ProtocolRepositoryHeader.init();
});