UNPKG

comindware.core.ui

Version:

Comindware Core UI provides the basic components like editors, lists, dropdowns, popups that we so desperately need while creating Marionette-based single-page applications.

299 lines (279 loc) • 10.2 kB
import { objectPropertyTypes } from '../Meta'; import moment from 'moment'; const stringNaturalComparator = new Intl.Collator(undefined, { numeric: true, sensitivity: 'base' }); export const stringComparator2Asc = function(a, b) { return stringNaturalComparator.compare(a, b); }; export const stringComparator2Desc = function(a, b) { return stringComparator2Asc(b, a); }; export const numberComparator2Asc = function(a, b) { return a - b; }; export const numberComparator2Desc = function(a, b) { return b - a; }; export const durationComparator2Asc = function(a, b) { if (a) { a = moment.duration(a); } if (b) { b = moment.duration(b); } return a ? (b ? a - b : 1) : b ? -1 : 0; }; export const durationComparator2Desc = function(a, b) { if (a) { a = moment.duration(a); } if (b) { b = moment.duration(b); } return b ? (a ? b - a : 1) : a ? -1 : 0; }; export const booleanComparator2Asc = function(a, b) { // true goes first return a ? (b ? 0 : -1) : b ? 1 : 0; }; export const dateComparator2Asc = function(a, b) { if (a) { a = moment(a); } if (b) { b = moment(b); } return a ? (b ? a - b : 1) : b ? -1 : 0; }; export const dateComparator2Desc = function(a, b) { if (a) { a = moment(a); } if (b) { b = moment(b); } return b ? (a ? b - a : 1) : a ? -1 : 0; }; export const booleanComparator2Desc = function(a, b) { return a ? (b ? 0 : 1) : b ? -1 : 0; }; export const referenceComparator2Asc = function(a, b) { const effectiveA = a ? (a.name ? a.name : '') : ''; const effectiveB = b ? (b.name ? b.name : '') : ''; return stringComparator2Asc(effectiveA, effectiveB); }; export const referenceComparator2Desc = function(a, b) { const effectiveA = a ? (a.name ? a.name : '') : ''; const effectiveB = b ? (b.name ? b.name : '') : ''; return stringComparator2Desc(effectiveA, effectiveB); }; export const getComparatorByDataType = function(dataType, sorting) { let comparator; const isDesc = sorting === 'desc'; switch (dataType) { case objectPropertyTypes.STRING: case objectPropertyTypes.URI: comparator = isDesc ? stringComparator2Desc : stringComparator2Asc; break; case objectPropertyTypes.DOUBLE: case objectPropertyTypes.INTEGER: case objectPropertyTypes.DECIMAL: comparator = isDesc ? numberComparator2Desc : numberComparator2Asc; break; case objectPropertyTypes.DURATION: comparator = isDesc ? durationComparator2Desc : durationComparator2Asc; break; case objectPropertyTypes.DATETIME: comparator = isDesc ? dateComparator2Desc : dateComparator2Asc; break; case objectPropertyTypes.BOOLEAN: comparator = isDesc ? booleanComparator2Desc : booleanComparator2Asc; break; case objectPropertyTypes.ACCOUNT: case objectPropertyTypes.INSTANCE: case objectPropertyTypes.DOCUMENT: case objectPropertyTypes.ENUM: comparator = isDesc ? referenceComparator2Desc : referenceComparator2Asc; break; default: comparator = isDesc ? stringComparator2Desc : stringComparator2Asc; break; } return comparator; }; export const stringComparator1 = function(a) { return a; }; export const emptyComparator = function() { return 0; }; export default /** @lends module:core.utils.comparators */ { /** * @param {String} a Argument A. * @return {String} An object to compare with simple operators (&gt;&lt;=). * */ stringComparator1, /** * @function * @param {String} a Argument A. * @param {String} b Argument B. * @return {Number} Result as follows: * <ul> * <li><code>-1</code> - if A &lt; B.</li> * <li><code>0</code> - if A == B.</li> * <li><code>1</code> - if A &gt; B.</li> * </ul> * */ stringComparator2Asc, /** * @function * @param {String} a Argument A. * @param {String} b Argument B. * @return {Number} Result as follows: * <ul> * <li><code>-1</code> - if A &lt; B.</li> * <li><code>0</code> - if A == B.</li> * <li><code>1</code> - if A &gt; B.</li> * </ul> * */ stringComparator2Desc, /** * Empty comparator. * @function * @return {Number} Always 0 (means equals). * */ emptyComparator, /** * @function * @param {Date|String|moment} a Argument A. Javascript <code>Date</code>, date string in ISO8691 or momentJS date. * @param {Date|String|moment} b Argument B. Javascript <code>Date</code>, date string in ISO8691 or momentJS date. * @return {Number} Result as follows: * <ul> * <li><code>-1</code> - if A &lt; B.</li> * <li><code>0</code> - if A == B.</li> * <li><code>1</code> - if A &gt; B.</li> * </ul> * */ dateComparator2Asc, /** * @function * @param {Date|String|moment} a Argument A. Javascript <code>Date</code>, date string in ISO8691 or momentJS date. * @param {Date|String|moment} b Argument B. Javascript <code>Date</code>, date string in ISO8691 or momentJS date. * @return {Number} Result as follows: * <ul> * <li><code>-1</code> - if A &lt; B.</li> * <li><code>0</code> - if A == B.</li> * <li><code>1</code> - if A &gt; B.</li> * </ul> * */ dateComparator2Desc, /** * @function * @param {Number} a Argument A. * @param {Number} b Argument B. * @return {Number} Result as follows: * <ul> * <li><code>-1</code> - if A &lt; B.</li> * <li><code>0</code> - if A == B.</li> * <li><code>1</code> - if A &gt; B.</li> * </ul> * */ numberComparator2Asc, /** * @function * @param {Number} a Argument A. * @param {Number} b Argument B. * @return {Number} Result as follows: * <ul> * <li><code>-1</code> - if A &lt; B.</li> * <li><code>0</code> - if A == B.</li> * <li><code>1</code> - if A &gt; B.</li> * </ul> * */ numberComparator2Desc, /** * @function * @param {String|Object} a Argument A. An ISO8601 duration string ('P1Y2M3DT4H5M6S'), a string separated by colons like '7.23:59:59.999' * or MomentJS object like <code>{ seconds: 2, minutes: 2, hours: 2, days: 2, weeks: 2, months: 2, years: 2 }</code>. * @param {String|Object} a Argument B. An ISO8601 duration string ('P1Y2M3DT4H5M6S'), a string separated by colons like '7.23:59:59.999' * or MomentJS object like <code>{ seconds: 2, minutes: 2, hours: 2, days: 2, weeks: 2, months: 2, years: 2 }</code>. * @return {Number} Result as follows: * <ul> * <li><code>-1</code> - if A &lt; B.</li> * <li><code>0</code> - if A == B.</li> * <li><code>1</code> - if A &gt; B.</li> * </ul> * */ durationComparator2Asc, /** * @function * @param {String|Object} a Argument A. An ISO8601 duration string ('P1Y2M3DT4H5M6S'), a string separated by colons like '7.23:59:59.999' * or MomentJS object like <code>{ seconds: 2, minutes: 2, hours: 2, days: 2, weeks: 2, months: 2, years: 2 }</code>. * @param {String|Object} a Argument B. An ISO8601 duration string ('P1Y2M3DT4H5M6S'), a string separated by colons like '7.23:59:59.999' * or MomentJS object like <code>{ seconds: 2, minutes: 2, hours: 2, days: 2, weeks: 2, months: 2, years: 2 }</code>. * @return {Number} Result as follows: * <ul> * <li><code>-1</code> - if A &lt; B.</li> * <li><code>0</code> - if A == B.</li> * <li><code>1</code> - if A &gt; B.</li> * </ul> * */ durationComparator2Desc, /** * @function * @param {Boolean} a Argument A. * @param {Boolean} b Argument B. * @return {Number} Result as follows: * <ul> * <li><code>-1</code> - if A &lt; B.</li> * <li><code>0</code> - if A == B.</li> * <li><code>1</code> - if A &gt; B.</li> * </ul> * */ booleanComparator2Asc, /** * @function * @param {Boolean} a Argument A. * @param {Boolean} b Argument B. * @return {Number} Result as follows: * <ul> * <li><code>-1</code> - if A &lt; B.</li> * <li><code>0</code> - if A == B.</li> * <li><code>1</code> - if A &gt; B.</li> * </ul> * */ booleanComparator2Desc, /** * Method to compare objects by it's <code>name</code> property. * @function * @param {Object} a Argument A. * @param {Object} b Argument B. * @return {Number} Result as follows: * <ul> * <li><code>-1</code> - if A &lt; B.</li> * <li><code>0</code> - if A == B.</li> * <li><code>1</code> - if A &gt; B.</li> * </ul> * */ referenceComparator2Asc, /** * Method to compare objects by it's <code>name</code> property. * @function * @param {Object} a Argument A. * @param {Object} b Argument B. * @return {Number} Result as follows: * <ul> * <li><code>-1</code> - if A &lt; B.</li> * <li><code>0</code> - if A == B.</li> * <li><code>1</code> - if A &gt; B.</li> * </ul> * */ referenceComparator2Desc, /** * Method returns comparator function based on type name. * @function * @param {String} dataType Data type as in <code>core.meta.objectPropertyTypes</code>. * @param {String} sorting What sorting do we need? Options: <ul><li><code>'asc'</code></li><li><code>'desc'</code></li></ul> * @return {Function} Comparator function. * */ getComparatorByDataType };