Merge pull request #6584 from avalonmediasystem/extra_decaf

Clean up missed coffeescript file

Author: masaball

app/assets/javascripts/add-playlist-option.js

@@ -0,0 +1,155 @@
+// Copyright 2011-2025, The Trustees of Indiana University and Northwestern
+//   University.  Licensed under the Apache License, Version 2.0 (the "License");
+//   you may not use this file except in compliance with the License.
+
+// You may obtain a copy of the License at
+
+// http://www.apache.org/licenses/LICENSE-2.0
+
+// Unless required by applicable law or agreed to in writing, software distributed
+//   under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
+//   CONDITIONS OF ANY KIND, either express or implied. See the License for the
+//   specific language governing permissions and limitations under the License.
+// ---  END LICENSE_HEADER BLOCK  ---
+
+// This script will enable support for the html5 form attribute
+// This should only be needed for IE but is currently applied wholesale
+// to all disjointed submit elements as is needed in some of the workflow steps
+
+$(() => add_new_playlist_option());
+
+this.add_new_playlist_option = function() {
+  const addnew = 'Add new playlist';
+  const select_element = $('#post_playlist_id');
+  const select_options = $('#post_playlist_id > option');
+  let add_success = false;
+  let has_new_opt = false;
+
+  // Prepend 'Add new playlist' option only when not present
+  select_options.each(function() {
+    if (this.value === addnew) {
+      return has_new_opt = true;
+    }
+  });
+  
+  if (!has_new_opt) {
+    select_element.append(new Option(addnew));
+  }
+
+  const getSearchTerm = () => $('span.select2-search--dropdown input').attr('data-testid', 'media-object-playlist-search-input').val();
+
+  const matchWithNew = function(params, data) {
+    let term = params.term || '';
+    term = term.toLowerCase();
+    const text = data.text.toLowerCase();
+    if (text.includes(addnew.toLowerCase()) || text.includes(term)) {
+      return data;
+    }
+    return null;
+  };
+
+  const sortWithNew = data => data.sort(function(a, b) {
+    if (b.text.trim() === addnew) {
+      return 1;
+    }
+    if ((a.text < b.text) || (a.text.trim() === addnew)) {
+      return -1;
+    }
+    if (a.text > b.text) {
+      return 1;
+    }
+    return 0;});
+
+  const formatAddNew = function(data) {
+    let term = getSearchTerm() || '';
+    if (data.text === addnew ) {
+      if (term !== '') {
+        term = addnew + ' "' + term + '"';
+      } else {
+        term = addnew;
+      }
+      return `<a> \
+<i class="fa fa-plus" aria-hidden="true"></i> <b>`+term+`</b> \
+</a>`;
+    } else {
+      const start = data.text.toLowerCase().indexOf(term.toLowerCase());
+      if (start !== -1) {
+        const end = (start+term.length)-1;
+        return data.text.substring(0,start) + '<b>' + data.text.substring(start, end+1) + '</b>' + data.text.substring(end+1);
+      }
+    }
+    return data.text;
+  };
+    
+  select_element.select2({
+    templateResult: formatAddNew,
+    escapeMarkup(markup) { return markup; },
+    matcher: matchWithNew,
+    sorter: sortWithNew
+    })
+    .on('select2:selecting',
+      function(evt) {
+        const choice = evt.params.args.data.text;
+        if (choice.indexOf(addnew) !== -1) {
+          return showNewPlaylistModal(getSearchTerm());
+        }
+    });
+
+  var showNewPlaylistModal = function(playlistName) {
+    //set to defaults first
+    $('#new_playlist_submit').val('Create');
+    $('#new_playlist_submit').prop("disabled", false);
+    $('#playlist_title').val(playlistName);
+    $('#playlist_comment').val("");
+    $('#playlist_visibility_private').prop('checked', true);
+    //remove any possible old errors
+    $('#title_error').remove();
+    $('#playlist_title').parent().removeClass('has-error');
+    add_success = false;
+    //finally show
+    $('#add-playlist-modal').modal('show');
+    return true;
+  };
+
+  $('#add-playlist-modal').on('hidden.bs.modal', function() {
+    if (!add_success) {
+      let newval;
+      const op = select_element.children()[0];
+      if (op) {
+        newval = op.value;
+      } else {
+        newval = -1;
+      }
+      return select_element.val(newval).trigger('change.select2');
+    }
+  });
+
+  $('#playlist_form').submit(
+    function() {
+      if($('#playlist_title').val()) {
+        $('#new_playlist_submit').val('Saving...');
+        $('#new_playlist_submit').prop("disabled", true);
+        return true;
+      }
+      if($('#title_error').length === 0) {
+        $('#playlist_title')
+          .after('<h5 id="title_error" class="error text-danger">Name is required</h5>');
+        $('#playlist_title').parent().addClass('has-error');
+      }
+      return false;
+  });
+
+  return $("#playlist_form").bind('ajax:success',
+    function(event) {
+      const [data, status, xhr] = Array.from(event.detail);
+      $('#add-playlist-modal').modal('hide');
+      if (data.errors) {
+        return console.log(data.errors.title[0]);
+      } else {
+        add_success = true;
+        return select_element
+          .append(new Option(data.title, data.id.toString(), true, true))
+          .trigger('change');
+      }
+    });
+};