zuora_connect_ui 0.5.4 → 0.6.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 11d1d042abd147776f446464df6af6808b0e6abb95cfb44400b4cd46125b5f46
-  data.tar.gz: 5f60285774ddb817a1ea4faa0fa4f2eb3b15f68d7b81a1e8fb831da2efe83a43
+  metadata.gz: 3d5ca8164ff72904c292a9ab04f5d468e8d0fcda13ecddf12f79ca08ef9b5e42
+  data.tar.gz: 64b91976e4b354b4138a9c61bdd9b001b82fdc8aa94c7ee03c642a233c78ac54
 SHA512:
-  metadata.gz: b4f691b2d2b550d85453506eda75dff5c0e5be25376bdf91469a888db70877c09b15f666d9db27e6b73b2c4bf6be381ca12f04ec5d6031fe79b695b5777d6cda
-  data.tar.gz: 7a5a9768492a87d79a980e9ab2e2db311f37591074fbcb3ef732ad07665729080e412c139a36b7a1bee8cbe3c09232a9a561bb1bf20f70fd7c9c330e0a4421a4
+  metadata.gz: 54707f9e36c36af95f33fa345b5bfe5ae8e349a33d5d681175017300a84f49ce1ce8db39a20b3a7a19c34b387102804143fa4836a619ab8aad7adffeb26a4856
+  data.tar.gz: cbb57d1a315a891439fcf045e8ff36e3fa12c79708d02b1ea6b5b498c4cdbd70e4883165997f031674584fcc52bfc9169b280ccd4d3c73f30516e9b020bdca4b

data/README.md

@@ -139,6 +139,51 @@ Partial: `partials/row_actions'
 <% end %>
 ```
 
+### Table
+
+#### Classes
+
+| Class            | Description                                   |
+| ---------------- | --------------------------------------------- |
+| `.zuo-table`     | Base table class                              |
+| `.zuo-table__th` | Header cell class (for `th`-like container)   |
+| `.zuo-table__tr` | Content cell class (for `td`-like container)  |
+
+#### Example
+
+```erb
+<table class="zuo-table">
+  <tr>
+    <th class="zuo-table__th">Description</th>
+    <th class="zuo-table__th">Status</th>
+    <th class="zuo-table__th">Priority</th>
+    <th class="zuo-table__th">Action</th>
+  </tr>
+  <% @notifications.each do |n|%>
+    <tr>
+      <td class="zuo-table__td"><%= n.metadata["description"]%></td>
+      <td class="zuo-table__td"><%= n.status %></td>
+      <td class="zuo-table__td"><%= n.priority %></td>
+      <td class="zuo-table__td">
+        <anj-button href="<%= tools_promos_path %>" shape="circle" context="icon" data-remote="true">
+          <i class="z-icon-search"></i>
+        </anj-button>
+        <anj-button href="<%= tools_promos_path %>" shape="circle" context="icon" data-remote="true">
+          <i class="z-icon-pencil"></i>
+        </anj-button>
+        <anj-button href="<%= tools_promos_path %>" shape="circle" context="icon" data-remote="true">
+          <i class="z-icon-trash"></i>
+        </anj-button>
+      </td>
+    </tr>
+  <% end %>
+</table>
+```
+
+### Datatable
+
+See [datatable.md](doc/datatable.md)
+
 ## Components
 
 Component's labels must come directly after their input, and have `for` html attribute corresponding to their input.

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

@@ -11,20 +11,27 @@ $('a[data-toggle="tab"]').on("shown.bs.tab", function(e) {
 
 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]);
+      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]);
+      return idbKeyval.get(key, stores[table]).catch(logWarning);
     }
   };
 })();

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

@@ -83,6 +83,10 @@ div.dataTables_processing {
   border: none;
 }
 
+.table-scroll-wrapper {
+  overflow-x: auto;
+}
+
 table.dataTable {
   width: 100%;
   margin-top: 0px !important;
@@ -128,6 +132,7 @@ table.dataTable {
 
     > td {
       @extend .zuo-table__td;
+      white-space: nowrap;
     }
   }
 }

data/app/helpers/datatable_helper.rb

@@ -20,6 +20,7 @@ module DatatableHelper
   end
 
   def render_datatable(object, table_url, columns: nil, table_name: nil, aoData: [], initial_size: 25, table_views: { table: true, grid: false }, table_filters: [], table_actions: nil, sort: [[0, 'asc']])
+    warn("DEPRECATION WARNING: render_datatable will be removed soon (use render partial: 'partials/table' instead)")
     if table_name.nil?
       table_name = object.to_s.pluralize.underscore.tr('/', '_')
     end

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.9/core/anjuna-core.js
+      https://cdn.zuora.com/anjuna/1.0.0-alpha.11/core/anjuna-core.js
     ].map { |link| '<script src="' + link + '"></script>' }.join("\n").html_safe
   end
 end

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

@@ -1,8 +1,6 @@
-<div class="dropdown">
-  <a class="table-btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-    <span class="z-icon-hamburger-alternate"></span>
-  </a>
-  <ul class="dropdown-menu">
-    <%= yield %>
-  </ul>
-</div>
+<anj-dropdown>
+  <anj-button shape="circle" context="icon" data-remote="true" slot="dropdown-toggle">
+    <span class="z-icon-hamburger"></span>
+  </anj-button>
+  <%= yield %>
+</anj-dropdown>

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

@@ -1,6 +1,11 @@
-<% debug = defined?(debug) ? debug : false %>
-<% defer_loading = defined?(defer_loading) ? defer_loading : false %>
-<% quick_loading = defined?(quick_loading) ? quick_loading : false %>
+<% aoData = [] unless local_assigns.key? :aoData %>
+<% initial_size = 25 unless local_assigns.key? :initial_size %>
+<% table_views = { table: true, grid: false } unless local_assigns.key? :table_views %>
+<% table_filters = [] unless local_assigns.key? :table_filters %>
+<% sort = [[0, 'asc']] unless local_assigns.key? :table_filters %>
+<% defer_loading = false unless local_assigns.key? :defer_loading %>
+<% quick_loading = false unless local_assigns.key? :quick_loading %>
+<% debug = false unless local_assigns.key? :debug %>
 
 <div id="<%= table_name %>_content">
   <div class="table-header">
@@ -115,7 +120,7 @@
     }, 4000);
 
     var <%= table_name %> = $('#<%= table_name %>').dataTable({
-      "sDom": "t<'grid_view'><'table-footer'i<'#<%= table_name %>_select_container.select_container'>p>",
+      "sDom": "<'table-scroll-wrapper't><'grid_view'><'table-footer'i<'#<%= table_name %>_select_container.select_container'>p>",
       "pagingType": "<%= quick_loading ? 'simple' : 'full_numbers' %>",
       "language" : {
         "paginate" : {

data/lib/zuora_connect_ui/version.rb

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

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: zuora_connect_ui
 version: !ruby/object:Gem::Version
-  version: 0.5.4
+  version: 0.6.0
 platform: ruby
 authors:
 - Connect Team
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-05-29 00:00:00.000000000 Z
+date: 2019-06-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bootstrap-sass