zuora_connect_ui 0.3.3 → 0.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: e91a1174df107571f526d268137adf4424ac9d01
-  data.tar.gz: 5799c197ff5646eb598938e1df7e42deb91ec3a8
+SHA256:
+  metadata.gz: 3d63d29c57d20a9c1eb88fc78c616dec7b53c0c45115358932b88c00debbb4a2
+  data.tar.gz: 40fa35fbbe9983db7f11acab7ad187b1757c81bb96087933e4f838c816b0abd8
 SHA512:
-  metadata.gz: 9950439175f0572b7ef7b5eccb0e6d070d9bcfc1e86683b5052b9bed2b93bcac01012e7665e68267104902606f292baa177bdf057a93c9d1714f6368949bdfed
-  data.tar.gz: c04d6f689ba811616fce2a683bf13a12f140cba47a085e3857596a1715551193690031cfdf0d5f3a58823e75d72ee25ffcd9d07c19fe41c1d3b1cb96aa1c6568
+  metadata.gz: d37c5ab3080824e92c7362d2b99a5431bc9a682062e7042d2c280796ee627c58330c7cfeccc7486f8c27a9cb6fd2ec9928e36922070baf316d104d89eb8e544a
+  data.tar.gz: 145fb63670ffcb637af9c69e4df4089f2560c6b6f387ce33b756c1a7ee96e4932d0af5b44623f358dcc37e97daef1c3fde4ba94e899c244ba96a61b5a1094a39

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

@@ -8,6 +8,10 @@ $(document).on('change.select2', 'select', function(e) {
   $("label[for='" + $(this).attr('id') + "']").toggleClass('floating', !['', null].includes($(this).val()));
 });
 
+$(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');
+});
+
 $(document).on('show', '.zuo-datepicker', function(e) {
   $(this).children('.zuo-floating-label').addClass('floating');
 });

data/app/assets/stylesheets/_zuora_connect_ui.scss

@@ -133,8 +133,8 @@ $panel-default-border: #fff;
 @import "bootstrap";
 
 // Awesome Bootstrap Checkbox
-$font-family-icon: webicons;
-$check-icon: "\E936";
+$font-family-icon: "Material Icons Outlined";
+$check-icon: "\e0cd";
 @import "css/awesome-bootstrap-checkbox";
 
 // Select2
@@ -153,6 +153,7 @@ $check-icon: "\E936";
 // Zui Icons + Muli Font
 @import url("https://d3ntcvh9ql14ma.cloudfront.net/zui/1.4.0/css/zui.icons.css");
 @import url("https://fonts.googleapis.com/css?family=Muli:400,600,700");
+@import url("https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined");
 
 // Zuora Connect UI
 @import "zuora_connect_ui/base";

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

@@ -155,3 +155,7 @@ select {
     }
   }
 }
+i.material-icons {
+  font-size: 18px;
+  color: $anj-neutral;
+}

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

@@ -274,38 +274,48 @@ ul.context-menu-list {
 .table-footer {
   width: 100%;
   padding: 0.75rem 0.5rem;
-  display: flex;
-  align-items: center;
-
+  display: inline-block;
+  color: $anj-neutral;
   > .dataTables_info,
+  .select_container, 
   .dataTables_paginate {
-    flex: 1;
+    display: inline-block;
+  }
+  .dataTables_paginate {
+    float: right;
   }
-
   .dataTables_info {
     padding: 0;
   }
+  .select2-container .select2-selection {
+    margin-bottom: 4px;
+    .select2-selection__rendered {
+      color: $anj-neutral;
+    }
+    .select2-selection__rendered {
+      padding-left: 5px;
+    }
+    .select2-selection__arrow b {
+      border-color: $anj-neutral transparent transparent transparent;
+    }
+  }
 }
-
 // Prev 1 2 3 Next
 .dataTables_paginate {
   .pagination .paginate_button {
     a {
       color: $support-1;
-      background-color: none;
+      background-color: transparent;
       border: none;
       margin: 4px;
-      padding: 2px 8px;
+      padding: 2px 5px;
       border-radius: 2px;
     }
-    &.active a {
-      color: $neutral-4;
-    }
     &.disabled {
       a,
       a:hover,
       a:focus {
-        color: $neutral-2;
+        color: $anj-neutral;
         background-color: none;
         cursor: not-allowed;
       }
@@ -315,6 +325,9 @@ ul.context-menu-list {
       display: none;
     }
   }
+  &.active {
+    color: $anj-neutral;
+  }
 }
 
 .table-bordered .small > tbody > tr > td {

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

@@ -109,8 +109,36 @@ input[type="file"] {
   }
 }
 
-.has-error .zuo-textbox {
-  border-bottom: 1px solid $support-4;
+.zuo-form-group {
+  margin-bottom: 1rem;
+  position: relative;
+
+  > .zuo-support-label {
+    position: absolute;
+    top: 3rem;
+    font-size: 0.75rem;
+    font-weight: normal;
+    line-height: 1;
+    margin-bottom: 0;
+    color: $anj-neutral;
+  }
+}
+
+.has-error {
+  > .zuo-textbox,
+  > .zuo-textbox:focus {
+    border-bottom: 1px solid $support-4;
+  }
+  > .zuo-support-label,
+  > .zuo-floating-label,
+  > .zuo-textbox:not([readonly]):focus + .zuo-floating-label,
+  > select + .select2-container--open + .zuo-floating-label {
+    color: $anj-danger;
+  }
+}
+
+.required > label::after {
+  content: "*";
 }
 
 label.zuo-floating-label {
@@ -139,6 +167,8 @@ select + .select2-container--open + .zuo-floating-label {
 }
 
 .select2-container {
+  padding-top: 0.01px;
+
   .select2-selection {
     border: none;
   }
@@ -256,7 +286,7 @@ select + .select2-container--open + .zuo-floating-label {
     border-bottom: 1px solid #e9ebee;
   }
 
-  &.select2-container--open.select2-container--below .select2-selection {
+  &.select2-container--open .select2-selection {
     border-bottom: 1px solid $support-1;
 
     .select2-selection__arrow:before {

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

@@ -119,13 +119,15 @@
       "pagingType": "<%= quick_loading ? 'simple' : 'full_numbers' %>",
       "language" : {
         "paginate" : {
-          "previous" : "<span class='z-icon-arrow-left' />",
-          "next" : "<span class='z-icon-arrow-right' />"
-        }
+          "previous" : "<i class='material-icons'>keyboard_arrow_left</i>",
+          "next" : "<i class='material-icons'>keyboard_arrow_right</i>"
+        },
+        "info": "Showing",
+        "infoFiltered": ""
       },
       "bProcessing": true,
       "bServerSide": true,
-      "bInfo": <%= !quick_loading %>,
+      "bInfo": true,
       "colReorder": true,
       <% if defined?(table_group_actions) &&  table_group_actions.present? %>
         "select": { style: 'multi'},
@@ -228,7 +230,6 @@
     }).on('processing.dt', function(e, settings, processing) {
       $('#<%= table_name %>_content .table_refresh').toggleClass('zc-spin', processing);
     });
-
     initTable(
       <%= table_name %>.api(),
       '<%= table_name %>',
@@ -236,5 +237,6 @@
       columns,
       <%= raw table_filters.to_json %>
     );
+    
   }
 <% end %>

data/lib/zuora_connect_ui/version.rb

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

metadata

@@ -1,29 +1,29 @@
 --- !ruby/object:Gem::Specification
 name: zuora_connect_ui
 version: !ruby/object:Gem::Version
-  version: 0.3.3
+  version: 0.4.0
 platform: ruby
 authors:
 - Connect Team
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-05-13 00:00:00.000000000 Z
+date: 2019-05-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bootstrap-sass
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: 3.4.1
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: 3.4.1
 - !ruby/object:Gem::Dependency
   name: jquery-ui-rails
   requirement: !ruby/object:Gem::Requirement
@@ -226,8 +226,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubyforge_project: 
-rubygems_version: 2.6.8
+rubygems_version: 3.0.3
 signing_key: 
 specification_version: 4
 summary: Summary of Connect UI