zuora_connect_ui 0.10.3 → 0.11.4

data/app/assets/javascripts/zuora_connect_ui/datatable.js

@@ -1,344 +0,0 @@
-// Datatables in tabs that aren't initially shown need columns resized on show
-$(document).on("shown.bs.tab", 'a[data-toggle="tab"]', function(e) {
-  $(this.getAttribute("href"))
-    .find("table.dataTable")
-    .each(function() {
-      $(this)
-        .dataTable()
-        .fnAdjustColumnSizing();
-    });
-});
-
-const zStorage = (function() {
-  const stores = {};
-  let warning = false;
-
-  function logWarning(error) {
-    if (warning) return;
-    console.warn("Table State cannot be saved in Safari");
-    warning = true;
-  }
-
-  return {
-    set(key, value, table) {
-      if (!stores.hasOwnProperty(table)) {
-        stores[table] = new idbKeyval.Store(APP_NAME, table + "_table");
-      }
-      return idbKeyval.set(key, value, stores[table]).catch(logWarning);
-    },
-
-    get(key, table) {
-      if (!stores.hasOwnProperty(table)) {
-        stores[table] = new idbKeyval.Store(APP_NAME, table + "_table");
-      }
-      return idbKeyval.get(key, stores[table]).catch(logWarning);
-    }
-  };
-})();
-
-const DEBUG = false;
-
-function getTableParams(tableName, settings, callback) {
-  const [cacheFilters, paramFilters] = settings.filters.reduce(
-    ([c, p], cur) => (cur.cache ? [[cur, ...c], p] : [c, [cur, ...p]]),
-    [[], []]
-  );
-
-  Promise.all(
-    [
-      zStorage.get("view", tableName),
-      zStorage.get("size", tableName),
-      zStorage.get("sort", tableName),
-      zStorage.get("fields", tableName)
-    ].concat(cacheFilters.map(f => zStorage.get(f.name + "_filter", tableName)))
-  ).then(v => {
-    const [view, size, sort, fields, ...savedFilters] = v;
-
-    cacheFilters.forEach((f, i) => setupFilter(tableName, f, savedFilters[i]));
-    paramFilters.forEach(f => setupFilter(tableName, f, undefined));
-
-    const visibleColumns = (fields || []).reduce(
-      (acc, cur) => (cur.vis ? acc.concat(cur.col) : acc),
-      []
-    );
-
-    const columns =
-      fields === undefined
-        ? settings.columns
-        : settings.columns
-            .map(c => {
-              const index = fields.findIndex(f => f.col === c.data);
-              return {
-                ...c,
-                visible: visibleColumns.includes(c.data),
-                sortIndex: index === -1 ? 9999 : index
-              };
-            })
-            .sort((a, b) => a.sortIndex - b.sortIndex);
-
-    callback(
-      columns,
-      view || settings.view,
-      size || settings.size,
-      (sort || settings.sort).map(([col, dir]) => {
-        const newCol = settings.columns.findIndex(c => c.data === col);
-        return [newCol > -1 ? newCol : 1, dir];
-      })
-    );
-  });
-}
-
-function setupFilter(tableName, filter, cached) {
-  switch (filter.type) {
-    case "checkbox":
-      return (cached === undefined ? filter.defaults : cached).forEach(v =>
-        $(`#zc_${tableName}_${filter.name} input[value="${v}"]`).prop(
-          "checked",
-          true
-        )
-      );
-    case "select":
-    case "group-select":
-      return $(`#${tableName}_content select[name="${filter.name}"]`)
-        .val(cached === undefined ? filter.defaults : cached)
-        .trigger("change");
-    // Is boolean used by any apps?
-    case "boolean":
-      return $(`#${tableName}_content input[name="${filter.name}"]`).prop(
-        "checked",
-        cached === undefined ? filter.defaults : cached
-      );
-  }
-}
-
-function initTable(api, tableName, settings, columns, tableFilters) {
-  initViewMode(api, tableName, settings.view);
-  initTableSize(api, tableName, settings.size);
-  initSortEvent(api, tableName);
-  initSearch(api, tableName);
-  initTableSelection(api, tableName);
-  initColumnEvents(api, tableName, columns);
-  initTableFilters(api, tableName, tableFilters);
-
-  $(`#${tableName}_refresh`).on("click", function(e) {
-    if (
-      $(`#${tableName}_content`).is(":visible") &&
-      !$(this).hasClass("zc-spin")
-    ) {
-      api.draw(false);
-    }
-  });
-}
-
-function initViewMode(api, tableName, mode) {
-  $(`#${tableName}_view_${mode}`).addClass("active");
-
-  const viewModeSelectors = `#${tableName}_view_table, #${tableName}_view_grid`;
-  $(viewModeSelectors).on("click", () => {
-    if ($(this).hasClass("active")) return;
-
-    $(viewModeSelectors).toggleClass("active");
-    zStorage.set("view", $(this).data("mode"), tableName);
-    api
-      .draw(false)
-      .rows()
-      .deselect();
-  });
-}
-
-function getTableViewMode(tableName, fallback) {
-  if ($(`#${tableName}_view_table`).hasClass("active")) return "table";
-  else if ($(`#${tableName}_view_grid`).hasClass("active")) return "grid";
-  else return fallback;
-}
-
-function initTableSize(api, tableName, size) {
-  $("<select>", { id: "table_size", name: "table_size" }) // TODO: Not sure if this needs to be named
-    .appendTo(`#${tableName}_select_container`)
-    .append([10, 25, 50, 100].map(v => `<option value="${v}">${v}</option>`))
-    .val(size)
-    .select2({
-      theme: "default",
-      minimumResultsForSearch: Infinity
-    })
-    .on("change", function(e) {
-      api.page.len(+$(this).val()).draw(false);
-      zStorage.set("size", +$(this).val(), tableName);
-    });
-}
-
-function initSortEvent(api, tableName) {
-  api.on("order.dt", function(e) {
-    zStorage.set(
-      "sort",
-      api.order().map(([col, dir]) => [api.column(col).dataSrc(), dir]),
-      tableName
-    );
-  });
-}
-
-function initSearch(api, tableName) {
-  $(`#${tableName}_search_btn`).on("click", () => {
-    $(`#${tableName}_search_wrapper`).toggleClass("active");
-    $(`#${tableName}_search`).focus();
-  });
-
-  let timer;
-  $(`#${tableName}_search`).on("input", function(e) {
-    clearTimeout(timer);
-    timer = setTimeout(function() {
-      api.draw();
-    }, 700);
-  });
-
-  $(`#${tableName}_search`).keydown(function(e) {
-    if (e.keyCode == 13) {
-      e.preventDefault();
-      return false;
-    }
-  });
-}
-
-function initTableSelection(api, tableName) {
-  $(`#${tableName}_select_all`).on("click", function(e) {
-    $(this)
-      .find("span")
-      .hasClass("z-icon-addition")
-      ? api.rows().select()
-      : api.rows().deselect();
-  });
-
-  api.on("select.dt deselect.dt", function(e, dt, type, indexes) {
-    const count = dt.rows({ selected: true }).count();
-    $(`#${tableName}_group_actions`).toggleClass("hidden", count == 0);
-    $(`#${tableName}_select_all span`)
-      .toggleClass("z-icon-addition", count !== dt.rows().count())
-      .toggleClass("z-icon-subtraction", count === dt.rows().count());
-    if (DEBUG) {
-      console.log(e.type === "select" ? "Selected" : "Deselected");
-      console.log(dt.rows(indexes).data());
-    }
-  });
-}
-
-function initColumnEvents(api, tableName, columns) {
-  let dropdownReorder = false;
-
-  $(`#${tableName}_visibility_menu`).html(
-    columns.map((c, i) =>
-      $("<li>", { "data-key": c.data, class: "checkbox-row" }).append(
-        $("<div>", { class: "checkbox checkbox-primary" }).append(
-          $("<input>", {
-            type: "checkbox",
-            name: `${tableName}[table_column_vis][]`,
-            checked: !Object.keys(c).includes("visible") || c.visible,
-            value: i
-          }).on("change", function() {
-            const index = api.colReorder.transpose(+$(this).val(), "toCurrent");
-            api.column(index).visible($(this).is(":checked"));
-            resize_iframe();
-            saveColumns();
-          }),
-          $("<label>").html(
-            (c.class || "").includes("actions") ? "Actions" : c.title
-          )
-        ),
-        $('<span class="icon z-icon-hamburger"></span>')
-      )
-    )
-  );
-
-  sortable(`#${tableName}_visibility_menu`, {
-    placeholder: '<li class="checkbox-row">&nbsp;</li>'
-  })[0].addEventListener("sortupdate", () => {
-    if (DEBUG) console.log(`Sort Stop Trigger ${tableName}`);
-    dropdownReorder = true;
-
-    api.colReorder.order(
-      $(`#${tableName}_visibility_menu li input`)
-        .get()
-        .map(v => api.colReorder.transpose(+$(v).val(), "toCurrent"))
-    );
-  });
-
-  api.on("column-reorder", function(e, settings, details) {
-    if (DEBUG) console.log(`Ordering Trigger ${tableName}`, details);
-    saveColumns();
-
-    if (dropdownReorder) return (dropdownReorder = false);
-    if (DEBUG) console.log(`Ordering Trigger Rebuild DropDown ${tableName}`);
-
-    const orderedItems = api
-      .columns()
-      .dataSrc()
-      .toArray()
-      .map(v => $(`#${tableName}_visibility_menu li[data-key="${v}"]`));
-    $(`#${tableName}_visibility_menu`).html(orderedItems);
-  });
-
-  function saveColumns() {
-    if (DEBUG) console.log(`Save Fields ${tableName}`);
-
-    const fields = api
-      .columns()
-      .indexes()
-      .toArray()
-      .map(i => ({
-        col: api.column(i).dataSrc(),
-        vis: api.column(i).visible()
-      }));
-
-    zStorage.set("fields", fields, tableName);
-  }
-}
-
-function initTableFilters(api, tableName, tableFilters) {
-  tableFilters.forEach(filter => {
-    const cache = filter.hasOwnProperty("cache") && filter.cache;
-
-    switch (filter.type) {
-      case "checkbox":
-        return checkboxFilter(api, cache, filter);
-      case "select":
-      case "group-select":
-        return selectFilter(api, cache, filter);
-      case "boolean":
-        return booleanFilter(api, cache, filter);
-    }
-  });
-
-  function checkboxFilter(api, cache, filter) {
-    const checkboxDebounceDraw = debounce(() => {
-      const f = $(
-        `#zc_${tableName}_${filter.name} input[name="${filter.name}[]"]:checked`
-      )
-        .map((_, el) => $(el).val())
-        .get();
-      if (cache) zStorage.set(filter.name + "_filter", f, tableName);
-      api.draw();
-    }, 750);
-
-    $(`#zc_${tableName}_${filter.name} input[name="${filter.name}[]"]`).on(
-      "click",
-      checkboxDebounceDraw
-    );
-  }
-
-  function selectFilter(api, cache, filter) {
-    $(`#${tableName}_content select[name="${filter.name}"]`).change(function() {
-      const f = $(this).val();
-      if (cache) zStorage.set(filter.name + "_filter", f, tableName);
-      api.draw();
-    });
-  }
-
-  function booleanFilter(api, cache, filter) {
-    $(`#${tableName}_content input[name="${filter.name}"]`).change(function() {
-      const f = $(
-        `#${tableName}_content input[name="${filter.name}"]:checked`
-      ).val();
-      if (cache) zStorage.set(filter.name + "_filter", f, tableName);
-      api.draw();
-    });
-  }
-}

data/app/assets/javascripts/zuora_connect_ui/fetch.js

@@ -1,42 +0,0 @@
-const hallwayPrefix = (() => {
-  let prefix;
-
-  return () => {
-    if (prefix === undefined) {
-      const meta = document.querySelector('meta[name="z-hallway-prefix"]');
-      prefix = meta ? meta.content : "";
-    }
-    return prefix;
-  };
-})();
-
-const fetchJson = (url, options) =>
-  fetch(`${hallwayPrefix()}${url}`, {
-    ...options,
-    headers: {
-      Accept: "application/json",
-      ...(options && options.headers) // npm package uses a default parameter
-    }
-  }).then(checkStatus);
-
-const checkStatus = response => {
-  if (!response.ok) throw response;
-  return response.json();
-};
-
-const getErrorMessage = response => {
-  if (response.json)
-    return response
-      .json()
-      .catch(error => {
-        if (process.env.NODE_ENV !== "production") console.error(error);
-        throw `${response.status} - ${response.statusText}`;
-      })
-      .then(json => {
-        if (process.env.NODE_ENV !== "production") console.error(json);
-        if (json.csrf) location.reload();
-        throw json.message;
-      });
-  if (process.env.NODE_ENV !== "production") console.error(response);
-  throw "Unknown Error";
-};

data/app/assets/javascripts/zuora_connect_ui/iframe.js

@@ -1,49 +0,0 @@
-$(document).on("hidden.bs.modal shown.bs.modal shown.bs.tab", resize_iframe);
-
-let height_prev;
-function resize_iframe() {
-  if (typeof(hallwayPrefix) !== "undefined") {
-    workflow_canvas = document.getElementById('canvas');
-    if (workflow_canvas !== null) {
-      height = window.innerHeight - $(".new_navbar").height() - $("#breadcrumbs").height() -  $(".nav.tab-header").height() - $(".green-header").height() - $(".new_navbar_footer").height() - 35;
-      workflow_canvas.setAttribute("style", "height: " + height + "px;");
-    }
-    return;
-  }
-  var height = 0;
-  if ($(".modal-dialog").height() + 100 > $("body").height()) {
-    height = $(".modal-dialog").height() + 100;
-  } else if (
-    $(".dropdown-menu.table_visiblity.ui-sortable:visible").height() + 150 >
-    $("body").height()
-  ) {
-    height =
-      $(".dropdown-menu.table_visiblity.ui-sortable:visible").height() + 150;
-  } else if ($("#canvas").is(":visible")) {
-    var canvas_height =
-      window.innerHeight -
-      ($("#breadcrumbs").height() + $(".green-header").height() + 20);
-    $("#canvas").css("height", "500px");
-    height = $("body").height();
-  } else if ($("#canvas-swimlane").is(":visible")) {
-    $("#canvas-swimlane").css("height", "300px");
-    height = $("body").height() + $("#task_data").height() - 160;
-  } else {
-    height = $("body").height() + 25;
-  }
-  if (height_prev != height) {
-    window.parent.postMessage({ func: "resizeIframe", height: height }, "*");
-  }
-  height_prev = height;
-}
-
-// Function to be called from iframe
-function receiveMessage(event) {
-  if (event.origin !== window.location.origin) return;
-  var data = event.data;
-  if (typeof window[data.func] == "function") {
-    window[data.func].call(null, data.type, data.url);
-  } else {
-    console.log("Function not found: " + data.func);
-  }
-}

data/app/assets/javascripts/zuora_connect_ui/input.js

@@ -1,10 +0,0 @@
-// 'Polyfill' for :placeholder-shown, since it's not standard yet
-
-$(document).on('change change.select2', '.zuo-form-group.has-error > input, .zuo-form-group.has-error > select', function(e) {
-  $(this).parent('.zuo-form-group').removeClass('has-error');
-});
-
-$.fn.select2.defaults.set("theme", "bootstrap");
-$.fn.select2.defaults.set("dropdownAutoWidth", true);
-$.fn.select2.defaults.set("width", "100%");
-$.fn.select2.defaults.set("placeholder", "");

data/app/assets/javascripts/zuora_connect_ui/tabs.js

@@ -1,4 +0,0 @@
-$(document).on('click', 'anj-tab', function(e) {
-  $(this).siblings('anj-tab').prop('active', false);
-  $(this).prop('active', true);
-});