geoblacklight_admin 0.0.1

data/lib/generators/geoblacklight_admin/templates/javascript/controllers/results_controller.js

@@ -0,0 +1,310 @@
+// Visit The Stimulus Handbook for more details
+// https://stimulusjs.org/handbook/introduction
+//
+// This example controller works with specially annotated HTML like:
+//
+// <div data-controller="results">
+//   <h1 data-target="results.selectAll"></h1>
+// </div>
+
+import { Controller } from "stimulus"
+
+export default class extends Controller {
+
+  connect() {
+  }
+
+  checkedState(checked, selector='input[type=checkbox]') {
+    var aa = document.querySelectorAll(selector);
+    for (var i = 0; i < aa.length; i++){
+        aa[i].checked = checked;
+    }
+  }
+
+  setResultActionsVisibility(state) {
+    switch(state) {
+      case 'hide':
+        document.getElementById('result-selected-options').classList.add('hidden');
+        break;
+      case 'show':
+        document.getElementById('result-selected-options').classList.remove('hidden');
+        break;
+      default:
+        document.getElementById('result-selected-options').classList.add('hidden');
+    }
+  }
+
+  setResultSelectionVisibility(state) {
+    switch(state) {
+      case 'hide':
+        document.getElementById('result-selection-options').classList.add('hidden');
+        break;
+      case 'show':
+        document.getElementById('result-selection-options').classList.remove('hidden');
+        break;
+      default:
+        document.getElementById('result-selection-options').classList.add('hidden');
+    }
+  }
+
+  setResultOptionsVisibility(state) {
+    switch(state) {
+      case true:
+        this.setResultSelectionVisibility('show')
+        this.setResultActionsVisibility('show')
+        break;
+      case false:
+        this.setResultSelectionVisibility('hide')
+        this.setResultActionsVisibility('hide')
+        document.getElementById('select-resultset').classList.add('hidden');
+        document.getElementById('select-pageset').classList.remove('hidden');
+        break;
+      default:
+        this.setResultSelectionVisibility('hide')
+        this.setResultActionsVisibility('hide')
+    }
+  }
+
+  selectResultSet() {
+    document.getElementById('select-pageset').classList.add('hidden');
+    document.getElementById('select-resultset').classList.remove('hidden');
+
+    // Set scope to full resultset
+    var el = document.querySelector('#result-selected-options');
+    el.setAttribute('data-scope', 'resultset');
+  }
+
+  removeResultSet() {
+    document.getElementById('select-pageset').classList.remove('hidden');
+    document.getElementById('select-resultset').classList.add('hidden');
+
+    // Set scope to just pageset
+    var el = document.querySelector('#result-selected-options');
+    el.setAttribute('data-scope', 'pageset');
+  }
+
+  toggleAll() {
+    var checked = document.querySelectorAll("input[type=checkbox]")[0].checked
+    this.checkedState(checked);
+    this.setResultOptionsVisibility(checked);
+    this.setPagesetURL();
+  }
+
+  selectAll() {
+    this.checkedState(true);
+    this.setResultSelectionVisibility('show');
+    this.setResultActionsVisibility('show')
+    this.setPagesetURL();
+  }
+
+  selectNone() {
+    this.checkedState(false);
+    this.setResultSelectionVisibility('hide');
+    this.setResultActionsVisibility('hide')
+    this.removeResultSet();
+
+    // Set selection scope
+    var el = document.querySelector('div#result-selection-options');
+    el.setAttribute('data-scope', 'pageset');
+  }
+
+  selectBookmarked() {
+    this.checkedState(false);
+    this.checkedState(true, 'li.bookmarked > input[type=checkbox]');
+    this.setResultSelectionVisibility('hide');
+    this.setResultActionsVisibility('show');
+    this.removeResultSet();
+    this.setPagesetURL();
+  }
+
+  checkChecked() {
+    var checked = document.querySelectorAll('#results input[type="checkbox"]:checked');
+    if(checked.length < 1) {
+      this.setResultActionsVisibility('hide');
+    } else {
+      this.setResultActionsVisibility('show');
+    }
+
+    // Guard deselection
+    if (checked.length < 20) {
+      this.setResultSelectionVisibility('hide');
+      // Set selection scope
+      var el = document.querySelector('div#result-selection-options');
+      el.setAttribute('data-scope', 'pageset');
+    } else {
+      this.setResultActionsVisibility('show');
+    }
+
+    // @TODO: make aware fo resultset count
+    // Guard deselection and reselection
+    if (checked.length === 20) {
+      this.setResultSelectionVisibility('show');
+    }
+
+    this.setPagesetURL();
+  }
+
+  checkSelectionScope() {
+    var el = document.querySelector('#result-selected-options');
+    return el.dataset.scope
+  }
+
+  setPagesetURL() {
+    // Find all checked checkboxes
+    var checked = document.querySelectorAll('#results input[type="checkbox"]:checked');
+
+    // Array of friendlier_ids
+    var selected = Array.from(checked).map(d => d.dataset.id);
+
+    // Create params for fetch
+    var params = new URLSearchParams()
+    selected.forEach(function(item, index, array) {
+      params.append('ids[]', item)
+    })
+
+    // Set attribute value
+    var el = document.querySelector('#result-selected-options');
+    el.setAttribute('data-pageset', '/admin/documents/fetch?' + params);
+  }
+
+  exportCSV() {
+    var scope = this.checkSelectionScope();
+    var el = document.querySelector('#result-selected-options');
+    if(scope === 'pageset') {
+      window.location = el.dataset.pageset + "&format=csv"
+    } else {
+      window.location = el.dataset.resultset + "&format=csv"
+    }
+  }
+
+  exportJSON() {
+    var scope = this.checkSelectionScope();
+    var el = document.querySelector('#result-selected-options');
+    if(scope === 'pageset') {
+      window.location = el.dataset.pageset + "&format=json"
+    } else {
+      window.location = el.dataset.resultset + "&format=json"
+    }
+  }
+
+  exportJsonGBLv1() {
+    var scope = this.checkSelectionScope();
+    var el = document.querySelector('#result-selected-options');
+    if(scope === 'pageset') {
+      window.location = el.dataset.pageset + "&format=json_gbl_v1"
+    } else {
+      window.location = el.dataset.resultset + "&format=json_gbl_v1"
+    }
+  }
+
+  exportJsonAardvark() {
+    var scope = this.checkSelectionScope();
+    var el = document.querySelector('#result-selected-options');
+    if(scope === 'pageset') {
+      window.location = el.dataset.pageset + "&format=json_aardvark"
+    } else {
+      window.location = el.dataset.resultset + "&format=json_aardvark"
+    }
+  }
+
+  exportJsonBtaaAardvark() {
+    var scope = this.checkSelectionScope();
+    var el = document.querySelector('#result-selected-options');
+    if(scope === 'pageset') {
+      window.location = el.dataset.pageset + "&format=json_btaa_aardvark"
+    } else {
+      window.location = el.dataset.resultset + "&format=json_btaa_aardvark"
+    }
+  }
+
+  exportCsvDocumentDownloads() {
+    var scope = this.checkSelectionScope();
+    var el = document.querySelector('#result-selected-options');
+    if(scope === 'pageset') {
+      window.location = el.dataset.pageset + "&format=csv_document_downloads"
+    } else {
+      window.location = el.dataset.resultset + "&format=csv_document_downloads"
+    }
+  }
+
+  exportCsvDocumentAccessLinks() {
+    var scope = this.checkSelectionScope();
+    var el = document.querySelector('#result-selected-options');
+    if(scope === 'pageset') {
+      window.location = el.dataset.pageset + "&format=csv_document_access_links"
+    } else {
+      window.location = el.dataset.resultset + "&format=csv_document_access_links"
+    }
+  }
+
+  bulkAction() {
+    var scope = this.checkSelectionScope();
+    var el = document.querySelector('#result-selected-options');
+    if(scope === 'pageset') {
+      console.log('/admin/bulk_actions/new?scope=' + el.dataset.pageset)
+      window.location = '/admin/bulk_actions/new?scope=' + encodeURIComponent(el.dataset.pageset)
+    } else {
+      console.log('/admin/bulk_actions/new?scope=' + el.dataset.resultset)
+      window.location = '/admin/bulk_actions/new?scope=' + encodeURIComponent(el.dataset.resultset)
+    }
+  }
+
+  setPubState(event) {
+    event.preventDefault();
+
+    var scope = this.checkSelectionScope();
+    var el = document.querySelector('#result-selected-options');
+    if(scope === 'pageset') {
+      scope = encodeURIComponent(el.dataset.pageset)
+    } else {
+      scope = encodeURIComponent(el.dataset.resultset)
+    }
+
+    var el = document.querySelector('#bulk_action_scope');
+    el.setAttribute('value', scope);
+  }
+
+  setPubFieldNameValue(event) {
+    var el = document.querySelector('#bulk_action_field_name');
+    el.setAttribute('value', "Publication State");
+
+    // Set field value
+    var el = document.querySelector('#bulk_action_field_value');
+    el.setAttribute(
+      'value',
+      event.currentTarget.innerHTML.toLowerCase().trim()
+    );
+
+    // Set scope value
+    this.setPubState(event);
+
+    // Submit form
+    var form = document.querySelector('#result-action-form');
+    form.submit();
+  }
+
+  bulkActionDelete(event) {
+    event.preventDefault();
+
+    var scope = this.checkSelectionScope();
+    var el = document.querySelector('#result-selected-options');
+    if(scope === 'pageset') {
+      scope = encodeURIComponent(el.dataset.pageset)
+    } else {
+      scope = encodeURIComponent(el.dataset.resultset)
+    }
+
+    var el = document.querySelector('#bulk_action_scope');
+    el.setAttribute('value', scope);
+
+    var el = document.querySelector('#bulk_action_field_name');
+    el.setAttribute('value', "Delete");
+
+    var el = document.querySelector('#bulk_action_field_value');
+    el.setAttribute('value', "delete");
+
+    // Submit form
+    var form = document.querySelector('#result-action-form');
+    form.submit();
+  }
+}

data/lib/generators/geoblacklight_admin/templates/javascript/packs/application.js

@@ -0,0 +1,23 @@
+// This file is automatically compiled by Webpack, along with any other files
+// present in this directory. You're encouraged to place your actual application logic in
+// a relevant structure within app/javascript and only use these pack files to reference
+// that code so it'll be compiled.
+
+// @TODO: already loaded elsewhere?
+// require("@rails/ujs").start()
+require("turbolinks").start()
+require("@rails/activestorage").start()
+require("channels")
+
+import "bootstrap"
+
+// Uncomment to copy all static images under ../images to the output folder and reference
+// them with the image_pack_tag helper in views (e.g <%= image_pack_tag 'rails.png' %>)
+// or the `imagePath` JavaScript helper below.
+//
+// const images = require.context('../images', true)
+// const imagePath = (name) => images(name, true)
+
+import "controllers"
+
+import '../src/js/admin/qa_autocomplete.js';