simplecov-material 0.2.0

data/bin/setup

@@ -0,0 +1,6 @@
+#!/usr/bin/env bash
+set -euo pipefail
+IFS=$'\n\t'
+set -vx
+
+bundle install

data/dist/app.js

@@ -0,0 +1,8 @@
+import './scripts/table.js';
+import './scripts/navigation.js';
+import './scripts/topbar.js';
+import './scripts/list.js';
+import './scripts/ripple.js';
+import './scripts/timeago.js';
+import './scripts/forms.js';
+import './scripts/dialog.js';

data/dist/app.scss

@@ -0,0 +1,11 @@
+$material-design-icons-font-directory-path: "~material-design-icons-iconfont/dist/fonts/";
+$mdc-theme-primary: #1A237E;
+$mdc-theme-secondary: #4FC3F7;
+$mdc-theme-on-primary: #FFF;
+$mdc-theme-on-secondary: #000;
+
+@import "~material-design-icons-iconfont/src/material-design-icons";
+@import "material-components-web/material-components-web";
+@import "./styles/main";
+@import "./styles/table";
+@import "./styles/dialog";

data/dist/scripts/dialog.js

@@ -0,0 +1,8 @@
+import {MDCDialog} from '@material/dialog';
+
+export function openModal(fileName) {
+  const dialog = new MDCDialog(document.getElementById(fileName + '-dialog'));
+  dialog.open();
+}
+
+window.openModal = openModal;

data/dist/scripts/forms.js

@@ -0,0 +1,13 @@
+import {MDCTextField} from '@material/textfield';
+import {MDCTextFieldHelperText} from '@material/textfield/helper-text';
+
+const textFields = document.querySelectorAll('.mdc-text-field');
+const helperTexts = document.querySelectorAll('.mdc-text-field-helper-text');
+
+for (var a = 0; a < textFields.length; a++) {
+  new MDCTextField(textFields[a]);
+}
+
+for (var b = 0; b < helperTexts.length; b++) {
+  new MDCTextFieldHelperText(helperTexts[b]);
+}

data/dist/scripts/list.js

@@ -0,0 +1,8 @@
+import {MDCList} from '@material/list';
+
+const lists = document.querySelectorAll('.mdc-list');
+
+for (var i = 0; i < lists.length; i++) {
+  const list = MDCList.attachTo(lists[i]);
+  list.wrapFocus = true;
+}

data/dist/scripts/navigation.js

@@ -0,0 +1,14 @@
+export function navigate(elementId) {
+  const tabGroups = document.querySelectorAll('.tab-groups');
+
+  for (var i = 0; i < tabGroups.length; i++) {
+    var txtValue = tabGroups[i].attributes.name.value;
+    if (txtValue.indexOf(elementId) > -1) {
+      tabGroups[i].style.display = '';
+    } else {
+      tabGroups[i].style.display = 'none';
+    }
+  }
+}
+
+window.navigate = navigate;

data/dist/scripts/ripple.js

@@ -0,0 +1,18 @@
+
+import {MDCRipple} from '@material/ripple';
+
+const buttons = document.querySelectorAll('.mdc-button');
+const listItems = document.querySelectorAll('.mdc-list-item');
+const iconButtons = document.querySelectorAll('.mdc-icon-button');
+
+for (var b = 0; b < buttons.length; b++) {
+  new MDCRipple.attachTo(buttons[b]);
+}
+
+for (var l = 0; l < listItems.length; l++) {
+  new MDCRipple.attachTo(listItems[l]);
+}
+
+for (var i = 0; i < iconButtons.length; i++) {
+  new MDCRipple.attachTo(iconButtons[i]);
+}

data/dist/scripts/table.js

@@ -0,0 +1,18 @@
+export function searchTable(elementId) {
+  const input = document.getElementById(elementId);
+  const filter = input.value.toUpperCase();
+  const table = document.getElementById(elementId + '-table');
+  const rows = table.getElementsByTagName('tbody')[0].getElementsByTagName('tr');
+
+  for (var i = 0; i < rows.length; i++) {
+    var row = rows[i].getElementsByTagName('td')[0];
+    var txtValue = row.textContent || row.innerText;
+    if (txtValue.toUpperCase().indexOf(filter) > -1) {
+      rows[i].style.display = '';
+    } else {
+      rows[i].style.display = 'none';
+    }
+  }
+}
+
+window.searchTable = searchTable;

data/dist/scripts/timeago.js

@@ -0,0 +1,3 @@
+import {render} from 'timeago.js';
+
+render(document.querySelectorAll('.timeago'));

data/dist/scripts/topbar.js

@@ -0,0 +1,5 @@
+import {MDCTopAppBar} from '@material/top-app-bar';
+
+const topAppBar = MDCTopAppBar.attachTo(document.getElementById('app-bar'));
+
+topAppBar.setScrollTarget(document.querySelector('.main-content'));

data/dist/styles/dialog.scss

@@ -0,0 +1,191 @@
+.mdc-dialog--scrollable {
+
+  .mdc-dialog__content {
+    padding: 0;
+  }
+}
+
+.mdc-dialog {
+
+  .mdc-dialog__surface {
+    max: {
+      width: 100%;
+    }
+    min: {
+      width: 560px;
+    }
+
+    width: 1000px;
+
+    .mdc-dialog__content {
+      padding: 0;
+    }
+  }
+
+  .mdc-dialog__actions {
+    justify: {
+      content: space-between !important;
+    }
+
+    .text {
+      justify: {
+        content: flex-start !important;
+      }
+    }
+
+    .buttons {
+      justify: {
+        content: flex-end !important;
+      }
+    }
+  }
+
+  .header {
+    padding: 10px;
+  }
+
+  code {
+    color: #000;
+  }
+
+  pre {
+    background: {
+      color: #546E7A;
+    }
+
+    color: #000;
+    margin: 0;
+    padding: 0;
+    white: {
+      space: normal;
+    }
+
+    ol {
+      color: #FFF;
+      padding: 0;
+      font: {
+        size: 12px;
+      }
+      margin: {
+        bottom: 0;
+        left: 45px;
+        right: 0;
+        top: 0;
+      }
+    }
+
+    li {
+      border: {
+        left: 5px solid #FFF;
+      }
+
+      margin: 0;
+      padding: 2px 6px;
+
+      code {
+        white: {
+          space: pre;
+          space: pre-wrap;
+        }
+      }
+    }
+
+    .hits {
+      background: {
+        color: #212121;
+      }
+      border: {
+        radius: 6px;
+      }
+
+      color: #FFF;
+      float: right;
+      font: {
+        size: 10px;
+        weight: bold;
+      }
+      margin: {
+        left: 10px;
+      }
+      padding: {
+        left: 5px;
+        right: 5px;
+      }
+      text: {
+        align: center;
+      }
+    }
+  }
+
+  .covered {
+    border: {
+      color: #388E3C;
+    }
+
+    &:nth-child(odd) {
+      background: {
+        color: #81C784;
+      }
+    }
+
+    &:nth-child(even) {
+      background: {
+        color: #A5D6A7;
+      }
+    }
+  }
+
+  .missed {
+    border: {
+      color: #D32F2F;
+    }
+
+    &:nth-child(odd) {
+      background: {
+        color: #E57373;
+      }
+    }
+
+    &:nth-child(even) {
+      background: {
+        color: #EF9A9A;
+      }
+    }
+  }
+
+  .never {
+    border: {
+      color: #000;
+    }
+
+    &:nth-child(odd) {
+      background: {
+        color: #EFEFEF;
+      }
+    }
+
+    &:nth-child(even) {
+      background: {
+        color: #F4F4F4;
+      }
+    }
+  }
+
+  .skipped {
+    border: {
+      color: #FBC02D;
+    }
+
+    &:nth-child(odd) {
+      background: {
+        color: #FFF176;
+      }
+    }
+
+    &:nth-child(even) {
+      background: {
+        color: #FFF59D;
+      }
+    }
+  }
+}

data/dist/styles/main.scss

@@ -0,0 +1,141 @@
+body {
+  display: flex;
+  height: 100vh;
+  margin: 0;
+}
+
+section.footer {
+  background: {
+    color: #202124;
+  }
+
+  bottom: 0;
+  color: #FAFAFA;
+  height: 50px;
+  position: absolute;
+  width: 100%;
+  margin: {
+    left: -18px;
+    right: -18px;
+  }
+
+  div {
+    padding: {
+      right: 15px;
+      top: 15px;
+    }
+    text: {
+      align: right;
+    }
+
+    a {
+      color: #FAFAFA !important;
+    }
+  }
+}
+
+.bottom-spacer {
+  padding: {
+    bottom: 75px;
+  }
+}
+
+.mdc-drawer-app-content {
+  flex: auto;
+  overflow: auto;
+  position: relative;
+}
+
+.main-content {
+  height: 100%;
+  overflow: auto;
+  padding: 0 18px;
+}
+
+.app-bar {
+  position: absolute;
+
+  .mdc-top-app-bar__navigation-icon {
+    text: {
+      decoration: none;
+    }
+  }
+}
+
+.mdc-top-app-bar {
+  z: {
+    index: 7;
+  }
+}
+
+.red {
+  color: #D32F2F;
+}
+
+.yellow {
+  color: #FBC02D;
+}
+
+.green {
+  color: #388E3C;
+}
+
+.file_list_container {
+
+  .mdc-card {
+    margin: {
+      top: 25px;
+    }
+  }
+}
+
+.center {
+  text: {
+    align: center !important;
+  }
+}
+
+.clickable {
+  cursor: pointer;
+}
+
+.card-tile {
+  background: {
+    color: #202124;
+  }
+  border: {
+    radius: 10px;
+  }
+
+  color: #FFF;
+  padding: 25px 5px;
+  text: {
+    align: center;
+  }
+
+  .card-title {
+    font: {
+      size: 1.1rem;
+      weight: 500;
+    }
+    margin: {
+      bottom: 0;
+      top: 0;
+    }
+  }
+
+  .card-data {
+    margin: {
+      bottom: 5px;
+      top: 20px;
+    }
+  }
+}
+
+.parenthese::before {
+  content: "(";
+}
+
+.parenthese::after {
+  content: ")";
+}