zuora_connect_ui 0.6.0 → 0.6.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3d5ca8164ff72904c292a9ab04f5d468e8d0fcda13ecddf12f79ca08ef9b5e42
-  data.tar.gz: 64b91976e4b354b4138a9c61bdd9b001b82fdc8aa94c7ee03c642a233c78ac54
+  metadata.gz: 2d5154e20c98548a177ed1ab5a6cd77a5e1c503c9158e7fa0f88e2c971417a23
+  data.tar.gz: 179cf221e9c45c6cb4b0067d117bc29f7f029e95a658248780ec71ed0f83c853
 SHA512:
-  metadata.gz: 54707f9e36c36af95f33fa345b5bfe5ae8e349a33d5d681175017300a84f49ce1ce8db39a20b3a7a19c34b387102804143fa4836a619ab8aad7adffeb26a4856
-  data.tar.gz: cbb57d1a315a891439fcf045e8ff36e3fa12c79708d02b1ea6b5b498c4cdbd70e4883165997f031674584fcc52bfc9169b280ccd4d3c73f30516e9b020bdca4b
+  metadata.gz: c51b53abf156f6b084f0a481345e15b73373c0f1db3ef0e3736187adb5d6234bb85b9deba7feeed7ae97f792876331c885d0c9fb47f968b7193886ba130b8c27
+  data.tar.gz: 28cbe2dc5370d849dfed26ff19fe7dd3741e0a6ae67b25bd8ac0eb677277f624239438d8924c0f3fe3e60a964f2d8d0384ad254ad2cd6f1ce467ecd3c847207f

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

@@ -15,7 +15,7 @@ const zStorage = (function() {
 
   function logWarning(error) {
     if (warning) return;
-    console.warn('Table State cannot be saved in Safari');
+    console.warn("Table State cannot be saved in Safari");
     warning = true;
   }
 
@@ -155,9 +155,8 @@ function initTableSize(api, tableName, size) {
     .append([10, 25, 50, 100].map(v => `<option value="${v}">${v}</option>`))
     .val(size)
     .select2({
+      theme: "default",
       minimumResultsForSearch: Infinity,
-      dropdownAutoWidth: true,
-      width: "100%"
     })
     .on("change", function(e) {
       api.page.len(+$(this).val()).draw(false);
@@ -184,8 +183,8 @@ function initSearch(api, tableName) {
   let timer;
   $(`#${tableName}_content input[name="table[search]"]`).keydown(function(e) {
     if (e.keyCode == 13) {
-        e.preventDefault();
-        return false;
+      e.preventDefault();
+      return false;
     }
     clearTimeout(timer);
     if ($(this).val()) {

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

@@ -0,0 +1,30 @@
+const checkStatus = response => {
+  if (!response.ok) throw response;
+  return response.json();
+};
+
+const catchErrors = response =>
+  response.json
+    ? response
+        .json()
+        .then(json => {
+          console.log(json);
+
+          noty({
+            text: json.message,
+            type: "error"
+          });
+
+          if (json.message === "Invalid Authenticity Token. Reloading.... ")
+            location.reload();
+        })
+        .catch(error => {
+          noty({
+            text: `${response.status} - ${response.statusText}`,
+            type: "error"
+          });
+        })
+    : noty({
+        text: "Unknown Error",
+        type: "error"
+      });

data/app/assets/javascripts/zuora_connect_ui/imports/no-jquery-ui.js

@@ -0,0 +1,41 @@
+// JQuery UI
+//= require jquery-ui/widgets/sortable
+//
+// Bootstrap
+//
+//= require bootstrap-sprockets
+//
+// bootstrap-Datepicker
+//= require js/bootstrap-datepicker.min
+//= require locales/bootstrap-datepicker.it.min
+//= require locales/bootstrap-datepicker.ja.min
+//= require locales/bootstrap-datepicker.zh-CN.min
+//
+// Select2
+//
+//= require select2-full
+//= require select2_locale_en
+//= require select2_locale_fr
+//= require select2_locale_zh-CN
+//
+// Datatables
+//
+//= require dataTables/jquery.dataTables
+//= require dataTables/bootstrap/3/jquery.dataTables.bootstrap
+//= require dataTables/extras/dataTables.responsive
+//= require dataTables/extras/dataTables.colReorder
+//= require dataTables/extras/dataTables.select
+//
+// contextMenu
+//= require js/jquery.contextMenu.min.js
+//
+// IndexedDB Promise Wrapper
+//= require js/idb-keyval-iife
+//
+//= require ../app
+//= require ../datatable
+//= require ../fetch
+//= require ../input
+//= require ../iframe
+//= require ../noty
+//= require ../tabs

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

@@ -19,3 +19,8 @@ $(document).on('show', '.zuo-datepicker', function(e) {
 $(document).on('hide', '.zuo-datepicker', function(e) {
   $(this).children('.zuo-floating-label').toggleClass('floating', !!e.date);
 });
+
+$.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/noty.js

@@ -0,0 +1,6 @@
+$.noty.defaults = {
+  ...$.noty.defaults,
+  layout: "topRight",
+  animateOpen: { opacity: "show" },
+  closeWith: ["hover"]
+};

data/app/assets/javascripts/zuora_connect_ui.js

@@ -36,6 +36,8 @@
 //
 //= require zuora_connect_ui/app
 //= require zuora_connect_ui/datatable
+//= require zuora_connect_ui/fetch
 //= require zuora_connect_ui/input
 //= require zuora_connect_ui/iframe
+//= require zuora_connect_ui/noty
 //= require zuora_connect_ui/tabs

data/app/assets/stylesheets/zuora_connect_ui/tabs.scss

@@ -37,3 +37,26 @@ ul.tab-header {
     }
   }
 }
+
+.zuo-loading {
+  position: relative;
+  > :not(.zuo-loading-overlay) {
+    opacity: 0.15;
+  }
+
+  .zuo-loading-overlay {
+    display: flex;
+  }
+}
+
+.zuo-loading-overlay {
+  display: none;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  z-index: 1000;
+
+  > anj-spinner {
+    margin: auto;
+  }
+}

data/app/helpers/zuora_connect_ui/application_helper.rb

@@ -16,7 +16,7 @@ module ZuoraConnectUi
     end
 
     JAVASCRIPT_INCLUDE = %w[
-      https://cdn.zuora.com/anjuna/1.0.0-alpha.11/core/anjuna-core.js
+      https://cdn.zuora.com/anjuna/1.0.0-alpha.14/core/anjuna-core.js
     ].map { |link| '<script src="' + link + '"></script>' }.join("\n").html_safe
   end
 end

data/app/views/partials/_filters.html.erb

@@ -23,10 +23,8 @@
     <%= select_tag(filter_name, option_tags, options = {:prompt => prompt}) %>
     <% content_for :scripts do %>
       $('#<%= table_name %>_content select[name="<%= filter_name %>"]').select2({
-        theme: "bootstrap",
         minimumResultsForSearch: <%= table_filter.key?("searchable") && table_filter["searchable"] ? 0 : -1 %>,
         width: '<%= table_filter.fetch('width', '100%') %>',
-        dropdownAutoWidth: true,
         placeholder: '<%= table_filter.fetch('placeholder', '') %>',
         allowClear: <%= table_filter.fetch('allow-clear', true) %>
       });

data/lib/zuora_connect_ui/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module ZuoraConnectUi
-  VERSION = '0.6.0'
+  VERSION = '0.6.1'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: zuora_connect_ui
 version: !ruby/object:Gem::Version
-  version: 0.6.0
+  version: 0.6.1
 platform: ruby
 authors:
 - Connect Team
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-06-10 00:00:00.000000000 Z
+date: 2019-06-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bootstrap-sass
@@ -134,8 +134,11 @@ files:
 - app/assets/javascripts/zuora_connect_ui.js
 - app/assets/javascripts/zuora_connect_ui/app.js.erb
 - app/assets/javascripts/zuora_connect_ui/datatable.js
+- app/assets/javascripts/zuora_connect_ui/fetch.js
 - app/assets/javascripts/zuora_connect_ui/iframe.js
+- app/assets/javascripts/zuora_connect_ui/imports/no-jquery-ui.js
 - app/assets/javascripts/zuora_connect_ui/input.js
+- app/assets/javascripts/zuora_connect_ui/noty.js
 - app/assets/javascripts/zuora_connect_ui/tabs.js
 - app/assets/stylesheets/_zuora_connect_ui.scss
 - app/assets/stylesheets/zuora_connect_ui/anjuna.scss