voom-presenters 0.1.13 → 0.2.0

data/views/mdc/assets/js/utils/compatibility.js

@@ -0,0 +1,9 @@
+import { detect } from 'detect-browser';
+import config from '../config';
+
+const incompatibleList = config.get('compatibility.incompatibleBrowsers', []);
+const browser = detect();
+const name = browser ? browser.name : 'unknown';
+const isCompatible = browser && incompatibleList.indexOf(name) < 0;
+
+export default isCompatible;

data/views/mdc/assets/js/utils/config.js

@@ -0,0 +1,73 @@
+const PATH_SEPARATOR = '.';
+
+/**
+ * Retreive the nested value at `path`.
+ * @param {Object} object The object to search
+ * @param {string} path The period-delimited path to traverse
+ * @return {Object} An object of the structure { ok: boolean, value: any }
+ */
+function dig(object, path) {
+    const ret = {
+        ok: false,
+        value: undefined,
+    };
+    const keys = path.split(PATH_SEPARATOR);
+    let k;
+    let value = object;
+
+    /* eslint-disable no-cond-assign */
+    while (k = keys.shift()) {
+        value = value[k];
+
+        if (typeof value === 'undefined') {
+            return ret;
+        }
+    }
+
+    ret.ok = true;
+    ret.value = value;
+
+    return ret;
+}
+
+export default class VConfig {
+    constructor(config = {}) {
+        this.config = config;
+    }
+
+    /**
+     * Retrieve the entire configuration object.
+     * @return {Object}
+     */
+    all() {
+        return this.config;
+    }
+
+    /**
+     * Determine whether `key` is present.
+     * @param {string} key [description]
+     * @return {Boolean} [description]
+     */
+    has(key) {
+        return dig(this.config, key).ok;
+    }
+
+    /**
+     * Retrieve the nested value at `key`. If any keys during traversal do
+     * not exist, `fallback` is returned.
+     * @param {string} key The period-delimited path to traverse
+     * @param {*} fallback
+     * @return {*}
+     */
+    get(key, fallback) {
+        if (!this.has(key)) {
+            return fallback;
+        }
+
+        const keys = key.split(PATH_SEPARATOR);
+        const last = keys.pop();
+        const obj = dig(this.config, keys.join(PATH_SEPARATOR)).value;
+
+        return obj[last];
+    }
+}

data/views/mdc/assets/js/utils/config.test.js

@@ -0,0 +1,59 @@
+import VConfig from './config';
+
+const baseConfig = {
+    foo: () => {},
+    aaa: {
+        bbb: {
+            ccc: {
+                ddd: true,
+                eee: undefined,
+                fff: 5,
+            },
+            ggg: 'string',
+        },
+    },
+};
+let appConfig;
+
+beforeAll(() => {
+    appConfig = new VConfig(baseConfig);
+});
+
+test('constructs', () => {
+    expect(new VConfig()).toBeInstanceOf(Object);
+});
+
+test('get returns a value for a present key', () => {
+    expect(appConfig.get('foo')).toBeInstanceOf(Function);
+});
+
+test('get returns undefined for an absent key', () => {
+    expect(appConfig.get('absent')).toBeUndefined();
+    expect(appConfig.get('absent.key')).toBeUndefined();
+});
+
+test('get handles nested keys', () => {
+    expect(appConfig.get('aaa.bbb.ggg')).toEqual('string');
+});
+
+test('get handles empty an empty path', () => {
+    expect(appConfig.get('')).toBeUndefined();
+});
+
+test('config returns the entire configuration object', () => {
+    expect(appConfig.all()).toEqual(baseConfig);
+});
+
+test('has returns a truthy value for a present key', () => {
+    expect(appConfig.has('foo')).toEqual(true);
+});
+
+test('has returns false for an absent key', () => {
+    expect(appConfig.has('absent')).toEqual(false);
+    expect(appConfig.has('absent.key')).toEqual(false);
+});
+
+test('has handles nested keys', () => {
+    expect(appConfig.has('aaa.bbb.ggg')).toEqual(true);
+    expect(appConfig.has('aaa.bbb.absent')).toEqual(false);
+});

data/views/mdc/assets/js/utils/urls.js

@@ -18,8 +18,11 @@ export class VUrls {
                     url += this.seperator(url) + this.encodeQueryParam(arg[0], arg[1]);
                 }
             } else if (typeof args === 'object') {
-                url += this.seperator(url) + this.serialize(arguments[i]);
-            } else {
+                let q = this.serialize(arguments[i]);
+                if(q && q.length>0){
+                    url += this.seperator(url) + q;
+                }
+            } else if(args && args.length > 0){
                 url += this.seperator(url) + args;
             }
         }

data/views/mdc/assets/scss/app.scss

@@ -15,6 +15,10 @@
 @import "components/chip";
 @import "components/card";
 @import "components/snackbar";
+@import "components/stepper";
+@import "components/radio";
+@import "components/slider";
+@import "components/tab-bars";
 
 // Custom
 @import "components/expansion-panel"; // MDL derivative
@@ -24,8 +28,12 @@
 @import "components/switch";
 @import "components/image";
 @import "components/icon";
-@import "components/datetime";
+@import "components/content";
+@import "components/data-table";
 
+@import "components/datetime";
+@import "components/file-input";
+@import "components/rich-text-area";
+@import 'components/vendor/flatpickr.min';
+@import "components/vendor/quill.snow";
 @import "styles";
-
-

data/views/mdc/assets/scss/components/button.scss

@@ -27,7 +27,8 @@
 }
 
 .v-button-position-left {
-  float: left;
+  position: absolute;
+  left: 0;
 }
 
 .v-button-text-align-left {
@@ -35,7 +36,18 @@
 }
 
 .v-button-position-right {
-  float: right;
+  position: absolute;
+  right: 0
+}
+
+.v-button-position-top {
+  position: absolute;
+  top: 0
+}
+
+.v-button-position-bottom {
+  position: absolute;
+  bottom: 0
 }
 
 
@@ -60,4 +72,7 @@ v-card-title-position-left {
 
 }
 
+.v-button-full-width {
+  width: 100%;
+}
 

data/views/mdc/assets/scss/components/card.scss

@@ -10,7 +10,7 @@
 }
 
 .v-card-content {
-  padding: 10px 10px 0px 10px;
+  padding: 10px 10px;
 }
 
 .v-card-title {
@@ -35,7 +35,6 @@
 .v-card-title-position-bottom {
   position: absolute;
   bottom: 0;
-
 }
 
 //.v-card-overflow-menu {
@@ -51,4 +50,10 @@
   .v-button-icon-position-top {
     top: 8px;
   }
-}
+}
+
+.v-card--actions {
+  margin-right: 10px;
+  margin-left: 10px;
+  position: relative;
+}

data/views/mdc/assets/scss/components/checkbox.scss

@@ -1,5 +1 @@
 @import "@material/checkbox/mdc-checkbox";
-
-.v-checkbox__label {
-  line-height: 40px;
-}

data/views/mdc/assets/scss/components/content.scss

@@ -0,0 +1,11 @@
+.v-content--float {
+  position: absolute;
+  text-align: left;
+  margin-top: -1px;
+  margin-left: -1px;
+  z-index: 989;
+}
+
+.v-content--relative {
+  position: relative;
+}

data/views/mdc/assets/scss/components/data-table.scss

@@ -0,0 +1,80 @@
+.mdl-data-table {
+  .mdc-list-item__graphic {
+    margin-right: 0px;
+  }
+}
+
+// Custom Pagination based off of MDL
+.v-paging {
+  color: rgba(0, 0, 0, 0.54);
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-justify-content: flex-start;
+  -ms-flex-pack: start;
+  justify-content: left;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
+  height: 56px;
+  -webkit-flex-flow: row wrap;
+  -ms-flex-flow: row wrap;
+  flex-flow: row wrap;
+}
+
+.v-paging > * {
+  -webkit-flex: none;
+  -ms-flex: none;
+  flex: none;
+}
+
+.mdl-list + .v-paging {
+  margin: 0;
+}
+
+.v-paging__per-page {
+  position: relative;
+}
+
+.v-paging__per-page-label {
+  margin-right: 20px;
+}
+
+.v-paging__per-page-value {
+  .v-select {
+    width: auto;
+    height: auto;
+    .mdc-select__native-control {
+      padding-top: 0px;
+      border-bottom: none;
+      &:not(.mdc-select--disabled) {
+        color: rgba(0, 0, 0, 0.54);
+      }
+    }
+  }
+}
+
+.v-paging__per-page + .v-paging__count {
+  margin-left: 24px;
+}
+
+.v-paging .mdl-menu {
+  min-width: 64px;
+}
+
+.v-paging__prev:last-child {
+  margin-right: 44px;
+}
+
+.v-paging__count {
+  margin-left: 30px;
+  margin-right: 44px;
+}
+
+.v-paging__prev + .v-paging__next {
+  margin-left: 12px;
+}
+
+.v-paging__count + .v-paging__next {
+  margin-left: 68px;
+}

data/views/mdc/assets/scss/components/datetime.scss

@@ -1,5 +1,11 @@
 @import "vendor/flatpickr.min";
 
+.v-datetime {
+  &.mdc-text-field--upgraded:not(.mdc-text-field--fullwidth):not(.mdc-text-field--box) {
+    margin-top: 0px;
+  }
+}
+
 .mdc-text-field__icon.v-datetime--clear {
   right: 15px;
   left: initial;

data/views/mdc/assets/scss/components/fab.scss

@@ -3,6 +3,7 @@
 .v-fab--absolute {
   position: relative;
   float: right;
-  margin:  6px -8px -69px;
+  //margin:  6px -40px -69px;
+  margin:  -46px -14px -69px;
   z-index: 10;
 }

data/views/mdc/assets/scss/components/file-input.scss

@@ -0,0 +1,22 @@
+.v-file-input {
+  align-items: center !important;
+  display: inline-block;
+  padding: 16px;
+  position: relative;
+  width: 450px;
+}
+
+.v-file-input > [type='file'] {
+  cursor: pointer;
+  height: 100%;
+  left: 0;
+  opacity: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+  z-index: 10;
+}
+
+.v-file-input > label {
+  line-height: 36px;
+}

data/views/mdc/assets/scss/components/grid.scss

@@ -1,10 +1,66 @@
 @import "@material/layout-grid/mdc-layout-grid";
 
+.v-column--relative {
+  position: relative;
+}
+
+// Used to support side to side scrolling for wide grid elements.
+// Grids that contain a wide table use this.
+.v-grid__wide {
+  overflow-y: hidden;
+  overflow-x: scroll;
+  -webkit-overflow-scrolling: touch;
+  &::-webkit-scrollbar {
+    display: none;
+  }
+}
+
 @each $size in map-keys($mdc-layout-grid-columns) {
   @include mdc-layout-grid-media-query_($size) {
     $gutter: map-get($mdc-layout-grid-default-gutter, $size);
-    .v-nested_grid {
-      padding: $gutter/2 0 $gutter/2 0;
+
+    $tops: (
+            top: $gutter,
+            top0: 0
+    );
+
+    $rights: (
+            right: $gutter,
+            right0: 0
+    );
+
+    $bottoms: (
+            bottom: $gutter,
+            bottom0: 0
+    );
+
+    $lefts: (
+            left: $gutter,
+            left0: 0
+    );
+
+    @each $top, $tsize in $tops {
+      @each $right, $rsize in $rights {
+        @each $bottom, $bsize in $bottoms {
+          @each $left, $lsize in $lefts {
+            .v-grid__padding-#{$bottom}-#{$left}-#{$right}-#{$top} {
+              padding: $tsize $rsize $bsize $lsize;
+            }
+          }
+        }
+      }
     }
+
+    @each $top, $tsize in $tops {
+          @each $right, $rsize in $rights {
+            @each $bottom, $bsize in $bottoms {
+              @each $left, $lsize in $lefts {
+                .v-col__padding-#{$bottom}-#{$left}-#{$right}-#{$top} {
+                  padding: $tsize/2 $rsize/2 $bsize/2 $lsize/2;
+                }
+              }
+            }
+          }
+        }
   }
-}
+}