simplecov-material 0.3.0 → 0.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 79859db9fad4027803f06409b62dd97fbd878a4a9b5b7af9ec084cc45806390e
-  data.tar.gz: 30db520c7ff0801c161b74e5013a66707b0226eab24b71d951bc780809cdad72
+  metadata.gz: bd090db498cbd6c722f585dba6047e9f6f4de60c918754360067f59f455c04a1
+  data.tar.gz: b86e1314e293b60672487f7b6017a4f05aa953d92f0d2949c7eed4a7083ffb8c
 SHA512:
-  metadata.gz: a70a09345ad6082fa2af1012aa2f4163ce2d7adff80278f587dcd95c2a63afe7093268bde65513b3367693028d02673d1df44d4f4865ceca9db156c2824d1566
-  data.tar.gz: ff5f9795dcef935dcd5ed230892961f1115e7052dd3fea333689514efc8455bd791d7caf36497c13710979e2efb6ddd5d057f13e95255ce0bfd9a0c1aff3d9c7
+  metadata.gz: b7f71f1d975731c50a564ef493238deeb265c5b6fdcc2152cc9d0ebab58a6874183a570cd8fbf5b97cb0a35d23162338a902be2c0e8a2550d3d78e6f3e68b29f
+  data.tar.gz: cadd4e5ae692768a60479bf816fe5a23944c1ec6681c0b6cbbbc4c1e4ac4f594b7070c839d4b1a48c61bfc9535c5b2ae9f220196143540e3d0f1d2bceff7ac70

data/.github/workflows/builds.yml

@@ -0,0 +1,37 @@
+name: Builds
+
+on: [pull_request]
+
+jobs:
+  ruby-build:
+
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        ruby: [2.6.x, 2.5.x, 2.4.x, 2.3.x]
+
+    steps:
+    - name: Checkout Code
+      uses: actions/checkout@v1
+    - name: Set up Ruby
+      uses: actions/setup-ruby@v1
+      with:
+        ruby-version: ${{ matrix.ruby }}
+
+    - name: Build
+      run: |
+        gem install bundler
+        bundle install --jobs 4 --retry 3
+
+  node-build:
+
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v1
+      - uses: actions/setup-node@v1
+        with:
+          node-version: '13.x'
+      - run: yarn install
+      - run: yarn build

data/.github/workflows/lints.yml

@@ -0,0 +1,38 @@
+name: Linter
+on: [pull_request]
+
+jobs:
+  ruby-lint:
+
+    runs-on: ubuntu-latest
+
+    steps:
+    - uses: actions/checkout@v1
+    - name: Rubocop Linter
+      uses: andrewmcodes/rubocop-linter-action@v2.0.0
+      with:
+        additional_gems: 'rubocop-performance'
+      env:
+        GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+  js-lint:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v1
+      - name: eslint
+        uses: reviewdog/action-eslint@v1
+        with:
+          github_token: ${{ secrets.github_token }}
+          reporter: github-pr-check
+          eslint_flags: 'dist/**/* webpack.config.js'
+
+  css-lint:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v1
+      - name: stylelint
+        uses: reviewdog/action-stylelint@v1
+        with:
+          github_token: ${{ secrets.github_token }}
+          reporter: github-pr-check
+          stylelint_input: 'dist/**/*.scss'

data/.github/workflows/tests.yml

@@ -0,0 +1,26 @@
+name: Tests
+
+on: [pull_request]
+
+jobs:
+  ruby-test:
+
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        ruby: [2.6.x, 2.5.x, 2.4.x, 2.3.x]
+
+    steps:
+    - name: Checkout Code
+      uses: actions/checkout@v1
+    - name: Set up Ruby
+      uses: actions/setup-ruby@v1
+      with:
+        ruby-version: ${{ matrix.ruby }}
+
+    - name: Build and Test
+      run: |
+        gem install bundler
+        bundle install --jobs 4 --retry 3
+        bundle exec rake test

data/.rubocop.yml

@@ -835,10 +835,10 @@ Style/UnlessElse:
   Description: Do not use unless with else. Rewrite these with the positive case first.
   StyleGuide: https://github.com/bbatsov/ruby-style-guide#no-else-with-unless
   Enabled: true
-Style/UnneededCapitalW:
+Style/RedundantCapitalW:
   Description: Checks for %W when interpolation is not needed.
   Enabled: false
-Style/UnneededPercentQ:
+Style/RedundantPercentQ:
   Description: Checks for %q/%Q when single quotes or double quotes would do.
   StyleGuide: https://github.com/bbatsov/ruby-style-guide#percent-q
   Enabled: false

data/CHANGELOG.md

@@ -1,6 +1,15 @@
 # Changelog
 
-## Version [0.1.0](https://github.com/chiefpansancolt/devise_materialize/releases/tag/0.1.0)
+## Version [0.4.0](https://github.com/chiefpansancolt/devise_materialize/releases/tag/0.4.0)
+
+### Feature Additions
+- Enabled Github Action usage
+- Added Default Sort on Covered Percentage (#4)
+- Added Column Sorting (#4)
+- Upgraded to MDC Data Table Usage
+- Updated Search Box UX
+
+## Version [0.3.0](https://github.com/chiefpansancolt/devise_materialize/releases/tag/0.3.0)
 
 Initial Release
 

data/Gemfile

@@ -8,7 +8,6 @@ gemspec
 
 gem "json"
 gem "minitest"
-gem "minitest-ci"
 gem "mocha"
 gem "pry"
 gem "rake"

data/README.md

@@ -1,12 +1,17 @@
 # Simplecov Material
 
-[![Maintainability](https://api.codeclimate.com/v1/badges/0eb25c5bffe23ccf5796/maintainability)](https://codeclimate.com/github/chiefpansancolt/simplecov-material/maintainability)
-[![Test Coverage](https://api.codeclimate.com/v1/badges/0eb25c5bffe23ccf5796/test_coverage)](https://codeclimate.com/github/chiefpansancolt/simplecov-material/test_coverage)
-[![CircleCI](https://circleci.com/gh/chiefpansancolt/simplecov-material.svg?style=svg)](https://circleci.com/gh/chiefpansancolt/simplecov-material)
+[![Builds](https://github.com/chiefpansancolt/simplecov-material/workflows/Builds/badge.svg)]()
+[![Lints](https://github.com/chiefpansancolt/simplecov-material/workflows/Linter/badge.svg)]()
+[![Tests](https://github.com/chiefpansancolt/simplecov-material/workflows/Tests/badge.svg)]()
+![GitHub release](https://img.shields.io/github/release/chiefpansancolt/simplecov-material?logo=github&style=flat-square)
+![Gem](https://img.shields.io/gem/dt/simplecov-material?logo=rubygems&style=flat-square)
+[![Discord](https://img.shields.io/discord/450095227185659905?label=Discord&logo=discord&style=flat-square)](https://discord.gg/FPfA3w6)
 
 > Note: To learn more about SimpleCov, check out the main repo at https://github.com/colszowka/simplecov
 
-Generates a HTML Material Design report generated from Simplecov using ruby 2.2 or greater.
+Generates a HTML Material Design report generated from Simplecov using ruby 2.3 or greater.
+
+> Checkout this article on the approach to development [https://dev.to/chiefpansancolt/using-a-clean-formatter-for-ruby-testing-2khe](https://dev.to/chiefpansancolt/using-a-clean-formatter-for-ruby-testing-2khe)
 
 ## Table of Contents
 
@@ -22,6 +27,8 @@ Generates a HTML Material Design report generated from Simplecov using ruby 2.2
 
 Add the below to your Gemfile to make Simplecov Material available as a formatter for your application
 
+### Ruby Gems Host
+
 ```ruby
 # ./Gemfile
 
@@ -31,12 +38,34 @@ group :test do
 end
 ```
 
+### Github Rubygems Host
+
+```ruby
+# ./Gemfile
+
+group :test do
+  gem "simplecov"
+end
+
+source "https://rubygems.pkg.github.com/chiefpansancolt"
+  group :test do
+    gem "simplecov-material"
+  end
+end
+```
+
 ## Usage
 
 To use Simplecov Material you will need to ensure your Formatter is set to use Simplecov Material.
 
 In your helper ensure your line about formatter usage is one of the following.
 
+Ensure to add the require tag at the top of your helper class where Simplecov is configured
+
+```ruby
+require "simplecov-material"
+```
+
 **Single Formatter Usage:**
 
 ```ruby

data/bin/publish

@@ -39,7 +39,7 @@ end
 
 joined_version = current_version.join(".")
 
-FileUtils.chdir APP_ROOT do # rubocop:disable BlockLength
+FileUtils.chdir APP_ROOT do # rubocop:disable Metrics/BlockLength
   contents = <<~FILE
     # frozen_string_literal: true
 

data/dist/scripts/table.js

@@ -1,3 +1,6 @@
+import {MDCDataTable} from '@material/data-table';
+new MDCDataTable(document.querySelector('.mdc-data-table'));
+
 export function searchTable(elementId) {
   const input = document.getElementById(elementId);
   const filter = input.value.toUpperCase();
@@ -16,3 +19,71 @@ export function searchTable(elementId) {
 }
 
 window.searchTable = searchTable;
+
+function sortTable(table, col, reverse) {
+  var tb = table.tBodies[0];
+  var tbh = table.tHead;
+  var th = Array.prototype.slice.call(tbh.rows, 0);
+  var tr = Array.prototype.slice.call(tb.rows, 0);
+  var i;
+  var c;
+  reverse = -((+reverse) || -1);
+  tr = tr.sort(function(a, b) {
+    return reverse * (a.cells[col].textContent.trim().localeCompare(b.cells[col].textContent.trim()));
+  });
+  for (i = 0; i < th.length; ++i) {
+    for (c = 0; c < th[i].cells.length; ++c) {
+      if (c != col) {
+        th[i].cells[c].childNodes[1].classList.add('hide');
+        th[i].cells[c].childNodes[3].classList.add('hide');
+      } else {
+        if (reverse == 1) {
+          th[i].cells[c].childNodes[1].classList.add('hide');
+          th[i].cells[c].childNodes[3].classList.remove('hide');
+        } else {
+          th[i].cells[c].childNodes[1].classList.remove('hide');
+          th[i].cells[c].childNodes[3].classList.add('hide');
+        }
+      }
+    }
+  }
+  for (i = 0; i < tr.length; ++i) tb.appendChild(tr[i]);
+}
+
+function makeSortable(table) {
+  var th = table.tHead;
+  var i;
+  th && (th = th.rows[0]) && (th = th.cells);
+  if (th) i = th.length;
+  else return;
+  while (--i >= 0) {
+    (function(i) {
+      var dir = 1;
+      th[i].addEventListener('click', function() {
+        sortTable(table, i, (dir = 1 - dir));
+      });
+    }(i));
+  };
+}
+
+function makeAllSortable(parent) {
+  parent = parent || document.body;
+  var t = parent.getElementsByTagName('table');
+  var i = t.length;
+  while (--i >= 0) {
+    makeSortable(t[i]);
+  };
+}
+
+function defaultSort() {
+  var t = document.getElementsByTagName('table');
+  var i;
+  for (i = 0; i < t.length; ++i) {
+    sortTable(t[i], 1, -1);
+  }
+}
+
+window.onload = function() {
+  makeAllSortable();
+  defaultSort();
+};

data/dist/styles/main.scss

@@ -139,3 +139,83 @@ section.footer {
 .parenthese::after {
   content: ")";
 }
+
+.search-box-outline {
+  display: flex;
+  flex: {
+    direction: column;
+  }
+}
+
+.mdc-text-field-outlined-shaped .mdc-notched-outline .mdc-notched-outline__leading {
+
+  border: {
+    radius: 28px 0 0 28px;
+  }
+
+  width: 28px;
+}
+
+.mdc-text-field-outlined-shaped .mdc-notched-outline .mdc-notched-outline__leading[dir = "rtl"],
+[dir = "rtl"] .mdc-text-field-outlined-shaped .mdc-notched-outline .mdc-notched-outline__leading {
+
+  border: {
+    radius: 0 28px 28px 0;
+  }
+}
+
+.mdc-text-field-outlined-shaped .mdc-notched-outline .mdc-notched-outline__notch {
+
+  max: {
+    width: calc(100% - 28px * 2);
+  }
+}
+
+.mdc-text-field-outlined-shaped .mdc-notched-outline .mdc-notched-outline__trailing {
+
+  border: {
+    radius: 0 28px 28px 0;
+  }
+}
+
+.mdc-text-field-outlined-shaped .mdc-notched-outline .mdc-notched-outline__trailing[dir = "rtl"],
+[dir = "rtl"] .mdc-text-field-outlined-shaped .mdc-notched-outline .mdc-notched-outline__trailing {
+
+  border: {
+    radius: 28px 0 0 28px;
+  }
+}
+
+.mdc-text-field-outlined-shaped .mdc-text-field__input {
+
+  padding: {
+    left: 32px;
+    right: 0;
+  }
+}
+
+.mdc-text-field-outlined-shaped .mdc-text-field__input[dir = "rtl"],
+[dir = "rtl"] .mdc-text-field-outlined-shaped .mdc-text-field__input {
+
+  padding: {
+    left: 0;
+    right: 32px;
+  }
+}
+
+.mdc-text-field-outlined-shaped + .mdc-text-field-helper-line {
+
+  padding: {
+    left: 32px;
+    right: 28px;
+  }
+}
+
+.mdc-text-field-outlined-shaped + .mdc-text-field-helper-line[dir = "rtl"],
+[dir = "rtl"] .mdc-text-field-outlined-shaped + .mdc-text-field-helper-line {
+
+  padding: {
+    left: 28px;
+    right: 32px;
+  }
+}

data/dist/styles/table.scss

@@ -1,7 +1,4 @@
-.table {
-  background: {
-    color: #FFF;
-  }
+table {
   border: {
     spacing: 0;
   }
@@ -18,9 +15,10 @@
   tbody {
 
     tr {
-      -webkit-transition: all .3s ease;
-      -o-transition: all .3s ease;
-      transition: all .3s ease;
+
+      th {
+        cursor: pointer;
+      }
 
       th,
       td {
@@ -28,13 +26,7 @@
           top: 0;
         }
 
-        padding: 1.6rem;
-        -webkit-transition: all .3s ease;
-        -o-transition: all .3s ease;
-        transition: all .3s ease;
-        text: {
-          align: left;
-        }
+        padding: 1rem;
         vertical: {
           align: top;
         }
@@ -61,76 +53,18 @@
             space: nowrap;
           }
         }
-      }
-    }
-  }
-
-  thead {
-
-    tr {
-
-      th {
-        border: {
-          bottom: 1px solid rgba(0, 0, 0, .12);
-        }
 
-        color: #757575;
-        font: {
-          weight: 400;
-        }
-        vertical: {
-          align: bottom;
-        }
-      }
-    }
-  }
+        i {
 
-  tbody {
-    border: {
-      top: 1px solid rgba(0, 0, 0, .12);
-    }
-  }
-
-  &.table-condensed {
-
-    thead,
-    tbody {
-
-      tr {
-
-        th,
-        td {
-          padding: .8rem;
-        }
-      }
-    }
-  }
-
-  &.table-hover {
-
-    tbody {
-
-      tr:hover {
-
-        td {
-          background: {
-            color: rgba(0, 0, 0, .12);
+          vertical: {
+            align: inherit;
           }
         }
       }
     }
   }
+}
 
-  thead:first-child {
-
-    tr:first-child {
-
-      th,
-      td {
-        border: {
-          top: 0;
-        }
-      }
-    }
-  }
+.hide {
+  display: none;
 }