voom-presenters 0.1.7 → 0.1.8

data/public/bundle.js

@@ -1437,6 +1437,14 @@ class VTextField extends Object(__WEBPACK_IMPORTED_MODULE_2__mixins_event_handle
         }
         return null;
     }
+
+    clear() {
+        this.setValue('');
+    }
+
+    setValue(value) {
+        this.input.value = value;
+    }
 }
 /* harmony export (immutable) */ __webpack_exports__["a"] = VTextField;
 
@@ -10046,7 +10054,11 @@ class VDateTime extends __WEBPACK_IMPORTED_MODULE_1__text_fields__["a" /* VTextF
             config.enableTime = true;
             config.noCalendar = true;
         }
-        __WEBPACK_IMPORTED_MODULE_0_flatpickr___default()(this.input, config);
+        this.fp = __WEBPACK_IMPORTED_MODULE_0_flatpickr___default()(this.input, config);
+    }
+
+    clear() {
+        this.fp.clear();
     }
 }
 /* unused harmony export VDateTime */
@@ -13158,11 +13170,11 @@ class MDCNotchedOutline extends __WEBPACK_IMPORTED_MODULE_0__material_base_compo
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__events_replaces__ = __webpack_require__(74);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__events_dialog__ = __webpack_require__(75);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__events_errors__ = __webpack_require__(32);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__events_toggle_visiblity__ = __webpack_require__(76);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__events_toggle_visibility__ = __webpack_require__(76);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__events_snackbar__ = __webpack_require__(77);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__events_autocomplete__ = __webpack_require__(78);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__events_selects__ = __webpack_require__(79);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__events_navigates__ = __webpack_require__(80);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__events_navigates__ = __webpack_require__(79);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__events_clears__ = __webpack_require__(80);
 
 
 
@@ -13238,15 +13250,15 @@ class VEvents {
             case 'dialog':
                 return new __WEBPACK_IMPORTED_MODULE_3__events_dialog__["a" /* VDialog */](options, params, event);
             case 'toggle_visibility':
-                return new __WEBPACK_IMPORTED_MODULE_5__events_toggle_visiblity__["a" /* VToggleVisiblity */](options, params, event);
+                return new __WEBPACK_IMPORTED_MODULE_5__events_toggle_visibility__["a" /* VToggleVisibility */](options, params, event);
             case 'snackbar':
                 return new __WEBPACK_IMPORTED_MODULE_6__events_snackbar__["a" /* VSnackbarEvent */](options, params, event);
             case 'autocomplete':
                 return new __WEBPACK_IMPORTED_MODULE_7__events_autocomplete__["a" /* VAutoComplete */](options, url, params, event);
-            case 'selects':
-                return new __WEBPACK_IMPORTED_MODULE_8__events_selects__["a" /* VSelects */](options, params, event);
             case 'navigates':
-                return new __WEBPACK_IMPORTED_MODULE_9__events_navigates__["a" /* VNavigates */](options, params, event);
+                return new __WEBPACK_IMPORTED_MODULE_8__events_navigates__["a" /* VNavigates */](options, params, event);
+            case 'clear':
+                return new __WEBPACK_IMPORTED_MODULE_9__events_clears__["a" /* VClears */](options, params, event);
             default:
                 throw action_type + ' is not supported.';
         }
@@ -14104,7 +14116,7 @@ class VDialog {
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-class VToggleVisiblity {
+class VToggleVisibility {
     constructor(options, params, event) {
         this.targetId = options.target;
         this.params = params;
@@ -14112,18 +14124,25 @@ class VToggleVisiblity {
     }
 
     call(results) {
-        var targetId = this.targetId;
-        var promiseObj = new Promise(function (resolve) {
-            console.log("Toggling visiblity on: " + targetId);
-            var elem = document.getElementById(targetId);
-            elem.classList.toggle("v-hidden");
-            results.push({ action: 'toggle_visiblity', statusCode: 200 });
+        let targetId = this.targetId;
+        let action = this.params.action;
+        let promiseObj = new Promise(function (resolve) {
+            console.log("Toggling visibility on: " + targetId);
+            let elem = document.getElementById(targetId);
+            if (action === 'show') {
+                elem.classList.remove("v-hidden");
+            } else if (action === 'hide') {
+                elem.classList.add("v-hidden");
+            } else {
+                elem.classList.toggle("v-hidden");
+            }
+            results.push({ action: 'toggle_visibility', statusCode: 200 });
             resolve(results);
         });
         return promiseObj;
     }
 }
-/* harmony export (immutable) */ __webpack_exports__["a"] = VToggleVisiblity;
+/* harmony export (immutable) */ __webpack_exports__["a"] = VToggleVisibility;
 
 
 /***/ }),
@@ -14270,7 +14289,7 @@ class VAutoComplete extends __WEBPACK_IMPORTED_MODULE_1__base__["a" /* VBase */]
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-class VSelects {
+class VNavigates {
     constructor(options, params, event) {
         this.target = options.target;
         this.params = params;
@@ -14278,27 +14297,16 @@ class VSelects {
     }
 
     call(results) {
-        let targetFields = document.querySelectorAll('input[name="' + this.target + '"]');
-        let checked = this.event.target.checked;
-        new Promise(function (resolve) {
-            if (targetFields) {
-                if (checked) {
-                    for (let i = 0; i < targetFields.length; i++) {
-                        console.log(i);
-                        targetFields[i].checked = true;
-                    }
-                } else {
-                    for (let i = 0; i < targetFields.length; i++) {
-                        targetFields[i].checked = false;
-                    }
-                }
-            }
-            results.push({ action: 'selects', statusCode: 200 });
+        var promiseObj = new Promise(function (resolve) {
+            console.log("Navigating back");
+            results.push({ action: 'navigates', statusCode: 200 });
+            history.back();
             resolve(results);
         });
+        return promiseObj;
     }
 }
-/* harmony export (immutable) */ __webpack_exports__["a"] = VSelects;
+/* harmony export (immutable) */ __webpack_exports__["a"] = VNavigates;
 
 
 /***/ }),
@@ -14306,24 +14314,32 @@ class VSelects {
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-class VNavigates {
+class VClears {
     constructor(options, params, event) {
         this.target = options.target;
-        this.params = params;
+        this.ids = params.ids;
         this.event = event;
     }
 
     call(results) {
+        let ids = this.ids;
         var promiseObj = new Promise(function (resolve) {
-            console.log("Navigating back");
-            results.push({ action: 'navigates', statusCode: 200 });
-            history.back();
+            console.log("Clearing");
+            results.push({ action: 'clears', statusCode: 200 });
+            for (const id of ids) {
+                let elem = document.getElementById(id);
+                if (elem && elem.vComponent && elem.vComponent.clear) {
+                    elem.vComponent.clear();
+                } else {
+                    console.log("Unable to clear element with id: " + id + "! Check to make sure you passed the correct id, and that the control/input can be cleared.");
+                }
+            }
             resolve(results);
         });
         return promiseObj;
     }
 }
-/* harmony export (immutable) */ __webpack_exports__["a"] = VNavigates;
+/* harmony export (immutable) */ __webpack_exports__["a"] = VClears;
 
 
 /***/ }),
@@ -14332,9 +14348,92 @@ class VNavigates {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = initLists;
+
+function createSelectAllHandler(component, target, listElements) {
+    return function () {
+        for (let element of listElements) {
+            element.checked = target.checked;
+        }
+        if (component.dataset.totalLines > listElements.length) {
+            toggleSelectTotalHeader(component, listElements.length, target.checked);
+        }
+    };
+}
+
+function createSelectTotalSetHandler(component) {
+    return function (event) {
+        event.preventDefault();
+        if (component.dataset.totalLines > 0) {
+            toggleSelectTotalInput(component, !component.querySelector('#select-total').checked);
+        }
+    };
+}
+
+function createListItemSelectHandler(component, listElements, selectAll) {
+    return function () {
+        let checked = 0;
+        let unchecked = 0;
+        toggleSelectTotalInput(component, false); // Clear select total results whenever a list item selection is modified
+        for (let element of listElements) {
+            element.checked ? checked++ : unchecked++;
+        }
+        selectAll.indeterminate = checked && unchecked;
+        selectAll.checked = checked && !unchecked;
+        toggleSelectTotalHeader(component, listElements.length, Boolean(checked) && !Boolean(unchecked));
+    };
+}
+
+function toggleSelectTotalHeader(component, count, show = false) {
+    if (component.dataset.totalLines > 0) {
+        updateSelectionCount(component, count);
+        if (show === false) {
+            component.querySelector('#list-item-select-all-header').classList.add('hidden');
+        } else {
+            component.querySelector('#list-item-select-all-header').classList.remove('hidden');
+        }
+    }
+}
+
+function toggleSelectTotalInput(component, selectTotal = false) {
+    if (component.dataset.totalLines > 0) {
+        component.querySelector('#select-total').checked = selectTotal;
+        component.querySelector('#list-item-select-all-toggle-on').classList.add('hidden');
+        component.querySelector('#list-item-select-all-toggle-off').classList.add('hidden');
+        component.querySelector('#list-item-select-all-toggle-' + (selectTotal ? 'on' : 'off')).classList.remove('hidden');
+    }
+}
+
+function updateSelectionCount(component, count) {
+    if (component.dataset.totalLines > 0) {
+        component.querySelector('#page-selection-count').innerHTML = count;
+    }
+}
+
 function initLists() {
     console.log('\tLists');
-    // Put any initialization code you need here
+    let components = document.querySelectorAll('.mdc-list');
+    if (components) {
+        for (let component of components) {
+            let selectAllLineItem = component.querySelector('.v-checkbox--select-control');
+            let selectableLineItems = component.querySelectorAll('.v-list-item--selectable-checkbox');
+            if (selectAllLineItem && selectableLineItems) {
+
+                for (let element of component.querySelectorAll('.toggle-total-set')) {
+                    // Clone and replace element to prevent duplicate event handlers when additional records are loaded/paged
+                    let new_element = element.cloneNode(true);
+                    element.parentNode.replaceChild(new_element, element);
+                    new_element.addEventListener('click', createSelectTotalSetHandler(component));
+                }
+
+                selectAllLineItem.addEventListener('change', createSelectAllHandler(component, selectAllLineItem, selectableLineItems));
+
+                for (let element of selectableLineItems) {
+                    element.addEventListener('change', createListItemSelectHandler(component, selectableLineItems, selectAllLineItem));
+                }
+                updateSelectionCount(component, selectableLineItems.length);
+            }
+        }
+    }
 }
 
 /***/ }),
@@ -17975,6 +18074,14 @@ class VForm {
             }
         }
     }
+
+    clear() {
+        for (const input of this.inputs()) {
+            if (input.vComponent && input.vComponent.clear) {
+                input.vComponent.clear();
+            }
+        }
+    }
 }
 /* unused harmony export VForm */
 

data/scripts/bump.sh

@@ -0,0 +1,3 @@
+#!/usr/bin/env bash
+gem bump
+

data/scripts/deploy-demo.sh

@@ -0,0 +1,2 @@
+#!/usr/bin/env bash
+git push heroku master

data/scripts/release.sh

@@ -0,0 +1,4 @@
+#!/usr/bin/env bash
+gem tag
+gem release
+

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

@@ -22,13 +22,17 @@ export class VDateTime extends VTextField {
         config.altInput = true;
         let type = element.dataset.type;
 
-        if(type==='datetime'){
+        if (type === 'datetime') {
             config.enableTime = true;
-        }else if(type==='time'){
-            config.enableTime=true;
-            config.noCalendar=true;
+        } else if (type === 'time') {
+            config.enableTime = true;
+            config.noCalendar = true;
         }
-        flatpickr(this.input, config);
+        this.fp = flatpickr(this.input, config);
+    }
+
+    clear() {
+        this.fp.clear();
     }
 }
 

data/views/mdc/assets/js/components/events.js

@@ -3,12 +3,11 @@ import {VPosts} from './events/posts';
 import {VReplaces} from './events/replaces';
 import {VDialog} from './events/dialog';
 import {VErrors} from './events/errors';
-import {VToggleVisiblity} from './events/toggle_visiblity';
+import {VToggleVisibility} from './events/toggle_visibility';
 import {VSnackbarEvent} from './events/snackbar';
 import {VAutoComplete} from './events/autocomplete';
-import {VSelects} from './events/selects';
 import {VNavigates} from './events/navigates';
-
+import {VClears} from './events/clears';
 
 export class VEvents {
     //[[type, url, target, params]]
@@ -76,15 +75,15 @@ export class VEvents {
             case 'dialog':
                 return new VDialog(options, params, event);
             case 'toggle_visibility':
-                return new VToggleVisiblity(options, params, event);
+                return new VToggleVisibility(options, params, event);
             case 'snackbar':
                 return new VSnackbarEvent(options, params, event);
             case 'autocomplete':
                 return new VAutoComplete(options, url, params, event);
-            case 'selects':
-                return new VSelects(options, params, event);
             case 'navigates':
                 return new VNavigates(options, params, event);
+            case 'clear':
+                return new VClears(options, params, event);
             default:
                 throw action_type + ' is not supported.';
         }
@@ -139,7 +138,7 @@ function fireAfterLoad() {
         for (var j = 0; j < eventsData.length; j++) {
             var eventData = eventsData[j];
             var eventName = eventData[0];
-            if(eventName==='after_init') {
+            if (eventName === 'after_init') {
                 var event = new Event('after_init');
                 // Dispatch the event.
                 eventElem.dispatchEvent(event);

data/views/mdc/assets/js/components/events/clears.js

@@ -0,0 +1,26 @@
+export class VClears {
+    constructor(options, params, event) {
+        this.target = options.target;
+        this.ids = params.ids;
+        this.event = event;
+    }
+
+    call(results) {
+        let ids = this.ids;
+        var promiseObj = new Promise(function (resolve) {
+            console.log("Clearing");
+            results.push({action: 'clears', statusCode: 200});
+            for (const id of ids){
+                let elem = document.getElementById(id);
+                if(elem && elem.vComponent && elem.vComponent.clear){
+                    elem.vComponent.clear();
+                }else {
+                    console.log("Unable to clear element with id: "+id+
+                        "! Check to make sure you passed the correct id, and that the control/input can be cleared.");
+                }
+            }
+            resolve(results);
+        });
+        return promiseObj;
+    }
+}

data/views/mdc/assets/js/components/events/toggle_visibility.js

@@ -0,0 +1,26 @@
+export class VToggleVisibility  {
+    constructor(options, params, event) {
+        this.targetId = options.target;
+        this.params = params;
+        this.event = event;
+    }
+
+    call(results) {
+        let targetId = this.targetId;
+        let action = this.params.action;
+        let promiseObj = new Promise(function (resolve) {
+            console.log("Toggling visibility on: " + targetId);
+            let elem = document.getElementById(targetId);
+            if (action === 'show') {
+                elem.classList.remove("v-hidden");
+            } else if (action === 'hide') {
+                elem.classList.add("v-hidden");
+            } else {
+                elem.classList.toggle("v-hidden");
+            }
+            results.push({action:'toggle_visibility', statusCode: 200});
+            resolve(results);
+        });
+        return promiseObj;
+    }
+}

data/views/mdc/assets/js/components/forms.js

@@ -54,4 +54,12 @@ export class VForm {
             }
         }
     }
+
+    clear() {
+        for (const input of this.inputs()) {
+            if (input.vComponent && input.vComponent.clear) {
+                input.vComponent.clear();
+            }
+        }
+    }
 }

data/views/mdc/assets/js/components/lists.js

@@ -1,4 +1,87 @@
+
+function createSelectAllHandler(component, target, listElements) {
+    return function() {
+        for (let element of listElements) {
+            element.checked = target.checked;
+        }
+        if (component.dataset.totalLines > listElements.length) {
+            toggleSelectTotalHeader(component, listElements.length, target.checked);
+        }
+    }
+}
+
+function createSelectTotalSetHandler(component) {
+    return function(event) {
+        event.preventDefault();
+        if (component.dataset.totalLines > 0) {
+            toggleSelectTotalInput(component, !component.querySelector('#select-total').checked);
+        }
+    }
+}
+
+function createListItemSelectHandler(component, listElements, selectAll) {
+    return function() {
+        let checked = 0;
+        let unchecked = 0;
+        toggleSelectTotalInput(component, false); // Clear select total results whenever a list item selection is modified
+        for (let element of listElements) {
+            element.checked ? checked++ : unchecked++;
+        }
+        selectAll.indeterminate = (checked && unchecked);
+        selectAll.checked = (checked && !unchecked);
+        toggleSelectTotalHeader(component, listElements.length, (Boolean(checked) && !Boolean(unchecked)));
+    }
+}
+
+function toggleSelectTotalHeader(component, count, show = false) {
+    if (component.dataset.totalLines > 0) {
+        updateSelectionCount(component, count);
+        if (show === false) {
+            component.querySelector('#list-item-select-all-header').classList.add('hidden');
+        } else {
+            component.querySelector('#list-item-select-all-header').classList.remove('hidden');
+        }
+    }
+}
+
+function toggleSelectTotalInput(component, selectTotal = false) {
+    if (component.dataset.totalLines > 0) {
+        component.querySelector('#select-total').checked = selectTotal
+        component.querySelector('#list-item-select-all-toggle-on').classList.add('hidden');
+        component.querySelector('#list-item-select-all-toggle-off').classList.add('hidden');
+        component.querySelector('#list-item-select-all-toggle-' + (selectTotal ? 'on' : 'off')).classList.remove('hidden');
+    }
+}
+
+function updateSelectionCount(component, count) {
+    if (component.dataset.totalLines > 0) {
+        component.querySelector('#page-selection-count').innerHTML = count;
+    }
+}
+
 export function initLists() {
     console.log('\tLists');
-    // Put any initialization code you need here
+    let components = document.querySelectorAll('.mdc-list');
+    if (components) {
+        for (let component of components) {
+            let selectAllLineItem = component.querySelector('.v-checkbox--select-control');
+            let selectableLineItems = component.querySelectorAll('.v-list-item--selectable-checkbox');
+            if (selectAllLineItem && selectableLineItems) {
+
+                for (let element of component.querySelectorAll('.toggle-total-set')) {
+                    // Clone and replace element to prevent duplicate event handlers when additional records are loaded/paged
+                    let new_element = element.cloneNode(true);
+                    element.parentNode.replaceChild(new_element, element);
+                    new_element.addEventListener('click', createSelectTotalSetHandler(component));
+                }
+
+                selectAllLineItem.addEventListener('change', createSelectAllHandler(component, selectAllLineItem, selectableLineItems));
+
+                for (let element of selectableLineItems) {
+                    element.addEventListener('change', createListItemSelectHandler(component, selectableLineItems, selectAllLineItem));
+                }
+                updateSelectionCount(component, selectableLineItems.length);
+            }
+        }
+    }
 }