\n
\n \n \n {this.state.showLangEditor ?\n \n : null}\n \n : null}\n
\n \n
\n {tags.length > 0 ?\n \n \n \n
\n \n
\n \n \n {exactMatch ?\n \n
\n : null}\n \n
\n this._onAdd(this.state.input)}>\n
\n {__(\"ADD_TAG\")}: {this.state.input}
\n \n
\n : null}\n {this.state.showLangEditor ? \n \n
\n \n {tags}\n
\n \n {__(\"NOTE_TAG_WILL_BE_ADDED_IN_ENG\")}\n
\n \n )\n \n }\n\n\n}\n\n\nexport default Tags\n","import { html, css, LitElement } from \"lit-element\";\n\n\nclass ActionButton extends React.Component {\n static defaultProps = {\n height: \"20px\",\n tip: null\n };\n\n constructor(props) {\n super(props);\n\n this.state = {}\n }\n\n onClick = () => {\n this._hideHover();\n if (this.props.onClick) {\n this.props.onClick();\n } else {\n this.props.onAction(this.props.a);\n }\n };\n\n componentDidMount() {\n if (this.props.tip) {\n this.el.addEventListener('mouseover', this._showHover);\n this.el.addEventListener('mouseout', this._hideHover);\n }\n }\n\n componentWillUnmount() {\n if (this.props.tip) {\n this.el.removeEventListener('mouseover', this._showHover);\n this.el.removeEventListener('mouseout', this._hideHover);\n }\n }\n\n _showHover = () => {\n this._hover = document.createElement('div');\n if (this._hover) {\n this._hover.setAttribute('class', 'action-hover');\n this._hover.appendChild(document.createTextNode(this.props.tip));\n document.body.appendChild(this._hover);\n }\n };\n\n _hideHover = () => {\n if(document.getElementsByClassName('action-hover').length){\n if (this._hover) {\n document.body.removeChild(this._hover);\n }\n }\n };\n render() {\n let style = {\n height: this.props.height,\n lineHeight: this.props.height\n };\n\n return (\n \n \n {label}\n
\n )\n } else if (iconClass && !label) {\n view = (\n \n \n
\n )\n } else {\n view = (\n {label}
\n )\n }\n\n return view;\n }\n});\n\nexport default ButtonComponent;\n","import Button from \"./c.cmp.button\";\n\nclass ButtonGroup extends React.Component {\n static defaultProps = {\n context_help: null,\n value: null,\n config: {\n context_help: null\n }\n };\n\n _onClick = (data) => {\n this.props.onUpdate(this.props.config.nameOverride || this.props.name, data[0], this.props.path || this.props.name);\n };\n\n render() {\n let contextHelp;\n if (this.props.config.context_help) {\n if (this.props.value != null) {\n contextHelp = __(this.props.config.context_help[this.props.value])\n }\n }\n return (\n \n {this.props.config.options.map((button, index) => {\n let key = `BUTTON_${index}`;\n return \n })}\n \n {contextHelp ?\n
\n )\n }\n}\n\nexport default ButtonGroup;\n","import Button from \"./c.cmp.button\";\n\nclass ButtonSet extends React.Component {\n static defaultProps = {\n value: null,\n data: {\n n: null,\n context_help: {},\n o: []\n },\n ro: false\n };\n\n static defaultProps = {\n context_help: null,\n value: null\n };\n\n _onClick = (data) => {\n if (this.props.ro) return;\n this.props.onChange(this.props.data.n, data[0], this.props.p || this.props.n);\n };\n\n render() {\n let contextHelp;\n if (this.props.data.context_help) {\n if (this.props.value != null) {\n contextHelp = __(this.props.data.context_help[this.props.value])\n }\n }\n return (\n {contextHelp}
\n : null}\n\n {this.props.data.o.map((button, index) => {\n let key = `BUTTON_${index}`;\n return \n })}\n \n {contextHelp ?\n
\n )\n }\n}\n\nexport default ButtonSet;\n","// import {Layout, Row, Cell} from \"./Layout\";\n\nclass Button extends React.Component {\n static defaultProps = {\n color: false,\n active: true,\n highlight: false,\n closable: false,\n label: null\n };\n\n constructor(props) {\n super(props);\n }\n\n _onClick = (e) => {\n e.preventDefault();\n e.stopPropagation();\n this.props.onClick(this.props.data);\n };\n\n onClose = (e) => {\n e.preventDefault();\n e.stopPropagation();\n this.props.onClose();\n };\n\n render() {\n\n let className = \"bttn\";\n if (this.props.color) className += \" \" + this.props.color;\n if (!this.props.active) className += \" disabled\";\n if (this.props.highlight) className += \" active\";\n let closer;\n if (this.props.closable) {\n closer = \n }\n\n let icon;\n\n if (this.props.icon) {\n if (this.props.icon.constructor == Array) {\n icon = (\n {contextHelp}
\n : null}\n\n {this.props.icon.map((ic) => {\n return (\n \n )\n })}\n
\n )\n } else {\n icon = \n }\n }\n\n if (icon && this.props.label == null) {\n className += \" no-label\";\n }\n\n return (\n \n {icon}\n {this.props.label ? __(this.props.label) : null}\n {closer}\n
\n )\n }\n}\n\nexport default Button;","export default class CommonCheckbox extends React.Component {\n\n\n static defaultProps = {\n label : \"Data\",\n value : \"CHECKBOX\",\n checked : false,\n index : -1\n }\n\n toggleCheckbox = () => {\n this.props.onToggle(this.props.value, this.props.index);\n }\n\n render() {\n return (\n \n \n
\n )\n }\n\n\n}","import FORM_SOURCE_VARIABLE from \"./forms/form.source.variable\";\n\nconst ACTIONS = [\n [\"fa-pencil\", \"EDIT\"],\n [\"fa-trash\", \"REMOVE\"]\n]\n\nconst NONEDIT_ACTIONS = [\n [\"fa-trash\", \"REMOVE\"]\n]\n\nconst VAR_BLOCK = {\n border: \"1px solid #CCCCCC\",\n padding: \"8px\"\n\n}\n\nclass Variable extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n data: {},\n id: null,\n name: \"Loading...\",\n var: null,\n shown: false,\n isValid: true\n };\n\n this._init(this.props.data);\n }\n\n componentWillReceiveProps(nextProps) {\n this.state.var = nextProps.data[2];\n }\n\n _init = (data) => {\n // validate config for the source\n\n if (data[0] == \"I\") {\n ewars.tx(\"com.ewars.resource\", [\"indicator\", data[1], null, null])\n .then((resp) => {\n this.setState({\n data: resp,\n name: __(resp.name),\n var: data[2]\n })\n })\n }\n\n if (data[0] == \"F\") {\n ewars.tx(\"com.ewars.form.field\", [data[1]])\n .then((resp) => {\n this.setState({\n name: __(resp[2]),\n var: data[2]\n })\n })\n }\n\n if (data[0] == \"D\") {\n // Data source column\n }\n\n if (data[0] == \"V\") {\n this.state.name = data[2] || \"VAR_\";\n }\n\n };\n\n _loadIndicator = () => {\n\n };\n\n _onAction = (action) => {\n if (action == \"REMOVE\") {\n this.props.remove(this.props.index)\n }\n\n if (action == \"EDIT\") {\n this.setState({\n shown: !this.state.shown\n })\n }\n };\n\n _onChange = (prop, value) => {\n this.props.onChange(this.props.index, prop, value);\n };\n\n render() {\n return (\n \n
\n )\n }\n}\n\nconst TYPES = [\n [\"INDICATOR\", \"\n \n \n {this.state.var}: {this.state.name}\n \n \n \n \n \n
\n {this.state.shown ?\n \n \n\n
\n : null}\n {\n this._el = el\n }} style={{...DROPZONE, ...DROPZONE_BASE}} onDrop={this._onDrop} onDragOver={this._onDragOver}>\n
\n )\n }\n\n return (\n {__(\"DROP_DATA_SOURCE_TO_START\")}
\n \n {value.map((item, index) => {\n return \n })}\n
\n )\n }\n}\n\nconst DROPZONE_BASE = {\n position: \"relative\",\n height: \"150px\",\n width: \"100%\",\n display: \"block\"\n}\n\nconst DROPZONE = {\n display: \"none\",\n height: \"100%\",\n width: \"100%\",\n background: \"rgba(0,0,0,0.9)\",\n position: \"absolute\",\n top: 0,\n lefT: 0\n}\n\nexport default DataSourceDrop;\n","\nvar charMap = {\n // latin\n 'À': 'A', 'Á': 'A', 'Â': 'A', 'Ã': 'A', 'Ä': 'A', 'Å': 'A', 'Æ': 'AE',\n 'Ç': 'C', 'È': 'E', 'É': 'E', 'Ê': 'E', 'Ë': 'E', 'Ì': 'I', 'Í': 'I',\n 'Î': 'I', 'Ï': 'I', 'Ð': 'D', 'Ñ': 'N', 'Ò': 'O', 'Ó': 'O', 'Ô': 'O',\n 'Õ': 'O', 'Ö': 'O', 'Ő': 'O', 'Ø': 'O', 'Ù': 'U', 'Ú': 'U', 'Û': 'U',\n 'Ü': 'U', 'Ű': 'U', 'Ý': 'Y', 'Þ': 'TH', 'ß': 'ss', 'à': 'a', 'á': 'a',\n 'â': 'a', 'ã': 'a', 'ä': 'a', 'å': 'a', 'æ': 'ae', 'ç': 'c', 'è': 'e',\n 'é': 'e', 'ê': 'e', 'ë': 'e', 'ì': 'i', 'í': 'i', 'î': 'i', 'ï': 'i',\n 'ð': 'd', 'ñ': 'n', 'ò': 'o', 'ó': 'o', 'ô': 'o', 'õ': 'o', 'ö': 'o',\n 'ő': 'o', 'ø': 'o', 'ù': 'u', 'ú': 'u', 'û': 'u', 'ü': 'u', 'ű': 'u',\n 'ý': 'y', 'þ': 'th', 'ÿ': 'y', 'ẞ': 'SS',\n // greek\n 'α': 'a', 'β': 'b', 'γ': 'g', 'δ': 'd', 'ε': 'e', 'ζ': 'z', 'η': 'h', 'θ': '8',\n 'ι': 'i', 'κ': 'k', 'λ': 'l', 'μ': 'm', 'ν': 'n', 'ξ': '3', 'ο': 'o', 'π': 'p',\n 'ρ': 'r', 'σ': 's', 'τ': 't', 'υ': 'y', 'φ': 'f', 'χ': 'x', 'ψ': 'ps', 'ω': 'w',\n 'ά': 'a', 'έ': 'e', 'ί': 'i', 'ό': 'o', 'ύ': 'y', 'ή': 'h', 'ώ': 'w', 'ς': 's',\n 'ϊ': 'i', 'ΰ': 'y', 'ϋ': 'y', 'ΐ': 'i',\n 'Α': 'A', 'Β': 'B', 'Γ': 'G', 'Δ': 'D', 'Ε': 'E', 'Ζ': 'Z', 'Η': 'H', 'Θ': '8',\n 'Ι': 'I', 'Κ': 'K', 'Λ': 'L', 'Μ': 'M', 'Ν': 'N', 'Ξ': '3', 'Ο': 'O', 'Π': 'P',\n 'Ρ': 'R', 'Σ': 'S', 'Τ': 'T', 'Υ': 'Y', 'Φ': 'F', 'Χ': 'X', 'Ψ': 'PS', 'Ω': 'W',\n 'Ά': 'A', 'Έ': 'E', 'Ί': 'I', 'Ό': 'O', 'Ύ': 'Y', 'Ή': 'H', 'Ώ': 'W', 'Ϊ': 'I',\n 'Ϋ': 'Y',\n // turkish\n 'ş': 's', 'Ş': 'S', 'ı': 'i', 'İ': 'I', 'ç': 'c', 'Ç': 'C', 'ü': 'u', 'Ü': 'U',\n 'ö': 'o', 'Ö': 'O', 'ğ': 'g', 'Ğ': 'G',\n // russian\n 'а': 'a', 'б': 'b', 'в': 'v', 'г': 'g', 'д': 'd', 'е': 'e', 'ё': 'yo', 'ж': 'zh',\n 'з': 'z', 'и': 'i', 'й': 'j', 'к': 'k', 'л': 'l', 'м': 'm', 'н': 'n', 'о': 'o',\n 'п': 'p', 'р': 'r', 'с': 's', 'т': 't', 'у': 'u', 'ф': 'f', 'х': 'h', 'ц': 'c',\n 'ч': 'ch', 'ш': 'sh', 'щ': 'sh', 'ъ': 'u', 'ы': 'y', 'ь': '', 'э': 'e', 'ю': 'yu',\n 'я': 'ya',\n 'А': 'A', 'Б': 'B', 'В': 'V', 'Г': 'G', 'Д': 'D', 'Е': 'E', 'Ё': 'Yo', 'Ж': 'Zh',\n 'З': 'Z', 'И': 'I', 'Й': 'J', 'К': 'K', 'Л': 'L', 'М': 'M', 'Н': 'N', 'О': 'O',\n 'П': 'P', 'Р': 'R', 'С': 'S', 'Т': 'T', 'У': 'U', 'Ф': 'F', 'Х': 'H', 'Ц': 'C',\n 'Ч': 'Ch', 'Ш': 'Sh', 'Щ': 'Sh', 'Ъ': 'U', 'Ы': 'Y', 'Ь': '', 'Э': 'E', 'Ю': 'Yu',\n 'Я': 'Ya',\n // ukranian\n 'Є': 'Ye', 'І': 'I', 'Ї': 'Yi', 'Ґ': 'G', 'є': 'ye', 'і': 'i', 'ї': 'yi', 'ґ': 'g',\n // czech\n 'č': 'c', 'ď': 'd', 'ě': 'e', 'ň': 'n', 'ř': 'r', 'š': 's', 'ť': 't', 'ů': 'u',\n 'ž': 'z', 'Č': 'C', 'Ď': 'D', 'Ě': 'E', 'Ň': 'N', 'Ř': 'R', 'Š': 'S', 'Ť': 'T',\n 'Ů': 'U', 'Ž': 'Z',\n // polish\n 'ą': 'a', 'ć': 'c', 'ę': 'e', 'ł': 'l', 'ń': 'n', 'ó': 'o', 'ś': 's', 'ź': 'z',\n 'ż': 'z', 'Ą': 'A', 'Ć': 'C', 'Ę': 'e', 'Ł': 'L', 'Ń': 'N', 'Ś': 'S',\n 'Ź': 'Z', 'Ż': 'Z',\n // latvian\n 'ā': 'a', 'č': 'c', 'ē': 'e', 'ģ': 'g', 'ī': 'i', 'ķ': 'k', 'ļ': 'l', 'ņ': 'n',\n 'š': 's', 'ū': 'u', 'ž': 'z', 'Ā': 'A', 'Č': 'C', 'Ē': 'E', 'Ģ': 'G', 'Ī': 'i',\n 'Ķ': 'k', 'Ļ': 'L', 'Ņ': 'N', 'Š': 'S', 'Ū': 'u', 'Ž': 'Z',\n // currency\n '€': 'euro', '₢': 'cruzeiro', '₣': 'french franc', '£': 'pound',\n '₤': 'lira', '₥': 'mill', '₦': 'naira', '₧': 'peseta', '₨': 'rupee',\n '₩': 'won', '₪': 'new shequel', '₫': 'dong', '₭': 'kip', '₮': 'tugrik',\n '₯': 'drachma', '₰': 'penny', '₱': 'peso', '₲': 'guarani', '₳': 'austral',\n '₴': 'hryvnia', '₵': 'cedi', '¢': 'cent', '¥': 'yen', '元': 'yuan',\n '円': 'yen', '﷼': 'rial', '₠': 'ecu', '¤': 'currency', '฿': 'baht',\n '$': 'dollar',\n // symbols\n '©': '(c)', 'œ': 'oe', 'Œ': 'OE', '∑': 'sum', '®': '(r)', '†': '+',\n '“': '\"', '”': '\"', '‘': \"'\", '’': \"'\", '∂': 'd', 'ƒ': 'f', '™': 'tm',\n '℠': 'sm', '…': '...', '˚': 'o', 'º': 'o', 'ª': 'a', '•': '*',\n '∆': 'delta', '∞': 'infinity', '♥': 'love', '&': 'and', '|': 'or',\n '<': 'less', '>': 'greater'\n}\n\nfunction slugify(string, replacement) {\n return string.split('').reduce(function (result, ch) {\n if (charMap[ch]) {\n ch = charMap[ch]\n }\n // allowed\n ch = ch.replace(/[^\\w\\s$*_+~.()'\"!\\-:@]/g, '')\n result += ch\n return result\n }, '')\n // trim leading/trailing spaces\n .replace(/^\\s+|\\s+$/g, '')\n // convert spaces\n .replace(/[-\\s]+/g, replacement || '-')\n // remove trailing separator\n .replace('#{replacement}$', '')\n .toLowerCase()\n}\n\nslugify.extend = function (customMap) {\n for (var key in customMap) {\n charMap[key] = customMap[key]\n }\n}\n\nclass Indicator extends React.Component {\n static defaultProps = {\n draggable: true,\n onClick: false\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n _show: false,\n items: [],\n _isLoaded: false\n }\n }\n\n _expand = () => {\n if (this.state._isLoaded) {\n this.setState({\n _show: !this.state._show\n })\n } else {\n this.refs.icon.className = \"fal fa-cog fa-spin\";\n ewars.tx(\"com.ewars.indicators\", [this.props.data.id])\n .then((resp) => {\n this.setState({\n _isLoaded: true,\n _show: true,\n items: resp\n })\n })\n }\n };\n\n _onDragStart = (e) => {\n ewars.emit(\"SHOW_DROPS\", \"I\")\n e.dataTransfer.setData(\"n\", JSON.stringify([\"I\", this.props.data.uuid, slugify(__(this.props.data.name), \"_\"), {}]));\n };\n\n _onClick = () => {\n if (this.props.onClick) {\n this.props.onClick([\n \"I\",\n this.props.data.uuid,\n slugify(__(this.props.data.name), \"_\"),\n {}\n ])\n }\n };\n\n render() {\n let view;\n if (this.props.data.context == \"FOLDER\") {\n view = (\n {\n this._el = el\n }} style={DROPZONE} onDrop={this._onDrop} onDragOver={this._onDragOver}>\n
\n {__(\"DROP_DATA_SOURCE_TO_START\")}
\n \n \n \n \n \n \n {__(this.props.data.name)}\n \n \n
\n )\n }\n\n if (this.props.data.context == \"INDICATOR\") {\n view = (\n \n {__(this.props.data.name)}\n
\n )\n }\n\n return (\n \n {view}\n {this.state._show ?\n
\n )\n }\n}\n\nclass IndicatorTree extends React.Component {\n static defaultProps = {\n draggable: true,\n onClick: false\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n items: [],\n _show: false\n }\n\n ewars.tx('com.ewars.indicators', [null])\n .then((resp) => {\n this.setState({items: resp})\n })\n }\n\n _show = () => {\n this.setState({\n _show: !this.state._show\n })\n };\n\n render() {\n let iconClass = this.state._show ? \"fa-caret-down\" : \"fa-caret-right\";\n return (\n \n {this.state.items.map((item) => {\n return \n })}\n
\n : null}\n \n
\n )\n }\n}\n\nclass FormNode extends React.Component {\n static defaultProps = {\n draggable: true,\n onClick: false\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n fields: null,\n shown: false\n }\n }\n\n _toggler = () => {\n if (!this.state.fields) {\n ewars.tx(\"com.ewars.form.fields\", [this.props.data.id])\n .then((resp) => {\n let sorted = resp.sort((a, b) => {\n if (a[0] > b[0]) return 1;\n if (a[0] < b[0]) return -1;\n return 0;\n })\n this.setState({\n fields: sorted,\n shown: true\n })\n })\n } else {\n this.setState({\n shown: !this.state.shown\n })\n }\n };\n\n render() {\n return (\n \n \n \n \n \n \n \n \n \n {__(\"INDICATORS\")}\n \n \n
\n {this.state._show ?\n \n {this.state.items.map((item) => {\n return \n })}\n\n
\n : null}\n \n
\n )\n }\n}\n\nclass FormField extends React.Component {\n static defaultProps = {\n draggable: true,\n onClick: false\n };\n\n constructor(props) {\n super(props);\n }\n\n _onDragStart = (e) => {\n e.dataTransfer.setData(\"n\", JSON.stringify([\n \"F\",\n `${this.props.form_id}.${this.props.data[1]}`,\n slugify(this.props.data[2], \"_\")\n ]));\n };\n\n _onClick = () => {\n if (this.props.onClick) {\n this.props.onClick([\n \"F\",\n `${this.props.form_id}.${this.props.data[1]}`,\n slugify(this.props.data[2], \"_\"),\n {}\n ])\n }\n }\n\n render() {\n return (\n \n \n \n \n \n \n {__(this.props.data.name)}\n \n \n
\n {this.state.shown ?\n \n {this.state.fields.map((item) => {\n return ;\n })}\n
\n : null}\n \n
\n )\n }\n}\n\nclass FormTree extends React.Component {\n static defaultProps = {\n draggable: true,\n onClick: false\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n _show: false,\n forms: [],\n _isLoaded: false\n }\n }\n\n _show = () => {\n if (this.state._isLoaded) {\n this.setState({\n _show: !this.state._show\n })\n } else {\n this.refs.icon.className = \"fal fa-cog fa-spin\";\n ewars.tx(\"com.ewars.query\", [\"form\", [\"id\", \"name\"], {\"status\": {eq: \"ACTIVE\"}}, null, null, null, null])\n .then((resp) => {\n this.setState({\n forms: resp,\n _isLoaded: true,\n _show: true\n })\n })\n }\n };\n\n render() {\n\n return (\n {__(this.props.data[2])}
\n \n
\n )\n }\n}\n\nclass DataSetTree extends React.Component {\n static defaultProps = {\n draggable: true,\n onClick: false\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n _show: false,\n sets: []\n }\n }\n\n _show = () => {\n this.setState({\n _show: !this.state._shown\n })\n };\n\n render() {\n let iconClass = this.state._show ? \"fa-caret-down\" : \"fa-caret-right\";\n return (\n \n \n \n \n \n \n \n \n \n {__(\"FORM_FIELDS\")}\n \n \n
\n {this.state._show ?\n \n {this.state.forms.map((item) => {\n return \n })}\n
\n : null}\n \n
\n )\n }\n}\n\nclass DimensionTree extends React.Component {\n constructor(props) {\n super(props)\n }\n\n render() {\n return (\n \n )\n }\n}\n\nclass DataSourceTree extends React.Component {\n static defaultPrpos = {\n draggable: true,\n onClick: null\n };\n\n constructor(props) {\n super(props)\n }\n\n _startDrag = (e) => {\n\n };\n\n _onVarDrag = (e) => {\n e.dataTransfer.setData(\"n\", JSON.stringify([\"V\", null, null, {}]));\n };\n\n _onClick = (data) => {\n this.props.onClick(data);\n };\n\n _onVarClick = () => {\n this.props.onClick([\"V\", null, null, {}]);\n };\n\n render() {\n return (\n \n \n \n \n \n \n \n \n \n {__(\"DATA_SET\")}\n \n \n
\n {this.state._show ?\n \n\n
\n : null}\n \n \n \n \n
\n )\n }\n}\n\nexport default DataSourceTree;\n","import Moment from \"moment\";\n\nimport RangeUtils from \"./utils/RangeUtils\";\n\nimport {\n NumericField as NumberField,\n TextField\n} from \"./fields\";\n\nimport DayPicker from \"./fields/c.date.day\";\n\nconst QUICK_RANGES = [\n [\n [\"-30D\", __(\"LAST_30_DAYS\")],\n [\"-60D\", __(\"LAST_60_DAYS\")],\n [\"-6M\", __(\"LAST_6_MONTHS\")],\n [\"-1Y\", __(\"LAST_1_YEAR\")],\n [\"-2Y\", __(\"LAST_2_YEAR\")],\n [\"-5Y\", __(\"LAST_5_YEAR\")]\n ],\n [\n [\"-1D\", __(\"YESTERDAY\")],\n [\"-2D\", __(\"DAY_BEFORE_YESTRDY\")],\n [\"-7D\", __(\"THIS_DAY_LAST_WEEK\")],\n [\"PREV_WEEK\", __(\"PREVIOUS_WEEK\")],\n [\"PREV_MONTH\", __(\"PREVIOUS_MONTH\")],\n [\"PREV_YEAR\", __(\"PREVIOUS_YEAR\")]\n ],\n [\n [\"NOW\", __(\"TODAY\")],\n [\"CUR_WEEK\", __(\"THIS_WEEK\")],\n [\"CUR_MONTH\", __(\"THIS_MONTH\")],\n [\"CUR_YEAR\", __(\"THIS_YEAR\")]\n ]\n];\n\nconst QUICK_RANGES_TEMPLATE = [\n [\n [\"DD-30D\", \"Previous 30 days\"],\n [\"DD-60D\", \"Previous 60 days\"],\n [\"DD-6M\", \"Previous 6 months\"],\n [\"DD-1Y\", \"Previous 1 year\"],\n [\"DD-2Y\", \"Previous 2 years\"],\n [\"DD-5Y\", \"Previous 5 years\"]\n ],\n [\n [\"DD-1D\", \"Previous Day\"],\n [\"DD-2D\", \"Day before previous day\"],\n [\"DD-7D\", \"Same day previous week\"],\n [\"D_PREV_WEEK\", \"Previous week\"],\n [\"D_PREV_MONTH\", \"Previous month\"],\n [\"D_PREV_YEAR\", \"Previous year\"]\n ],\n [\n [\"D_DATE\", \"Document date\"],\n [\"D_CUR_WEEK\", \"Document week\"],\n [\"D_CUR_MONTH\", \"Document month\"],\n [\"D_CUR_YEAR\", \"Document year\"]\n ]\n];\n\nconst PRESETS = [\n [\"NOW\", \"Today\"],\n [\"END\", \"End date\"],\n [\"N_W_S\", \"This week start\"],\n [\"N_W_E\", \"This week end\"],\n [\"N_M_S\", \"This month start\"],\n [\"N_M_E\", \"This month end\"],\n [\"N_Y_S\", \"This year start\"],\n [\"N_Y_E\", \"This year end\"]\n];\n\nconst PRESETS_TEMPLATE = [\n [\"D_DATE\", \"Document date\"],\n [\"NOW\", \"Today\"],\n [\"END\", \"End date\"],\n [\"D_W_S\", \"Document week start\"],\n [\"D_W_E\", \"Document week end\"],\n [\"D_M_S\", \"Document month start\"],\n [\"D_M_E\", \"Document month end\"],\n [\"D_Y_S\", \"Document year start\"],\n [\"D_Y_E\", \"Document year end\"],\n [\"N_W_S\", \"This week start\"],\n [\"N_W_E\", \"This week end\"],\n [\"N_M_S\", \"This month start\"],\n [\"N_M_E\", \"This month end\"],\n [\"N_Y_S\", \"This year start\"],\n [\"N_Y_E\", \"This year end\"]\n];\n\nclass QuickRange extends React.Component {\n constructor(props) {\n super(props)\n }\n\n _onClick = () => {\n this.props.onClick(this.props.data);\n };\n\n render() {\n return (\n \n
\n \n \n \n \n \n \n {_(\"VARIABLE\")}\n \n \n
\n {this.props.data[1]}
\n )\n }\n}\n\nclass Offset extends React.Component {\n constructor(props) {\n super(props);\n }\n\n _onChange = (prop, value) => {\n this.props.onChange(value);\n };\n\n render() {\n return (\n \n \n \n \n
\n )\n }\n}\n\nclass DateSelect extends React.Component {\n static defaultProps = {\n showEndDate: false,\n showStartDate: false\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n shown: false,\n mode: \"CUSTOM\"\n }\n }\n\n componentDidMount() {\n window.__hack__.addEventListener(\"click\", this._handleBodyClick);\n }\n\n componentWillUnmount() {\n window.__hack__.removeEventListener(\"click\", this._handleBodyClick);\n }\n\n _handleBodyClick = (evt) => {\n if (this.refs.selector) {\n const area = this.refs.selector.getDOMNode ? this.refs.selector.getDOMNode() : this.refs.selector;\n\n if (!area.contains(evt.target)) {\n this.setState({\n shown: false\n })\n }\n }\n };\n\n _trigger = () => {\n this.setState({\n shown: !this.state.shown\n })\n\n };\n\n _setMode = (mode) => {\n this.setState({mode})\n };\n\n _onPickerChange = (value) => {\n this.props.onChange(this.props.prop, Moment.utc(value).format(\"YYYY-MM-DD\"));\n this.setState({\n shown: false\n })\n };\n\n _selectpreset = (preset) => {\n this.props.onChange(this.props.prop, \"{\" + preset[0] + \"}\");\n };\n\n _onOffsetChange = (value) => {\n let newValue = RangeUtils.applyOffset(this.props.value, value);\n this.props.onChange(this.props.prop, newValue);\n };\n\n render() {\n\n let label;\n\n let pickerValue;\n if (RangeUtils.isDate(this.props.value)) {\n pickerValue = RangeUtils.getDate(this.props.value);\n }\n label = RangeUtils.formatDateSpec(this.props.value);\n\n let code;\n if (RangeUtils.hasCode(this.props.value)) {\n code = RangeUtils.getCode(this.props.value);\n }\n\n let offset = RangeUtils.getOffset(this.props.value);\n\n let presets = PRESETS;\n if (this.props.mode == \"TEMPLATE\") presets = PRESETS_TEMPLATE;\n if (ewars.TEMPLATE_MODE == \"TEMPLATE\") presets = PRESETS_TEMPLATE;\n\n return (\n \n
\n )\n }\n}\n\nclass DatePop extends React.Component {\n constructor(props) {\n super(props)\n }\n\n render() {\n return \n }\n}\n\nclass PresetItem extends React.Component {\n constructor(props) {\n super(props)\n }\n\n _onClick = () => {\n this.props.onClick(this.props.data);\n };\n\n render() {\n let className = \"dr-preset\";\n if (this.props.code == this.props.data[0]) className += \" active\";\n\n return (\n \n \n {label} \n \n \n \n \n
\n {this.state.shown ?\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n : null}\n \n
\n \n {presets.map(preset => {\n return ;\n })}\n
\n \n \n \n \n \n {this.props.data[1]} \n \n
\n )\n\n }\n}\n\nclass DateRangeSelector extends React.Component {\n static defaultProps = {\n mode: \"DEFAULT\", // or TEMPLATE,\n value: [],\n vertical: false\n };\n\n constructor(props) {\n super(props);\n\n this.state = {}\n }\n\n _onQkSelect = (qk) => {\n let tmp = RangeUtils.processPreset(qk[0]);\n this.props.onChange(this.props.name, [tmp[0], tmp[1]])\n };\n\n _onPropChange = (prop, value) => {\n let data = this.props.value || [];\n\n if (prop == \"start\") data[0] = value;\n if (prop == \"end\") data[1] = value;\n\n this.props.onChange(this.props.n, data);\n };\n\n render() {\n let today = Moment.utc().format(\"YYYY-MM-DD\"),\n startDate = this.props.value ? this.props.value[0] || today : today,\n endDate = this.props.value ? this.props.value[1] || today : today,\n RANGES = QUICK_RANGES;\n if (ewars.TEMPLATE_MODE == \"TEMPLATE\") RANGES = QUICK_RANGES_TEMPLATE;\n\n if (this.props.vertical) {\n return (\n \n \n \n \n \n {RANGES.map(item => {\n return (\n \n {item.map(qk => {\n return \n })}\n \n )\n })}\n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n
\n\n )\n }\n\n return (\n \n \n \n \n \n \n \n\n \n \n \n \n \n {RANGES.map(item => {\n return (\n \n {item.map(qk => {\n return \n })}\n \n )\n })}\n \n \n \n\n \n \n
\n )\n }\n}\n\nexport default DateRangeSelector;\n","import SelectField from \"./c.cmp.select\";\nimport TextField from \"./c.cmp.text\";\nimport { Layout, Row, Cell } from \"./layout\";\nimport { ActionGroup } from \"./c.action_button\";\nimport Toolbar from \"./c.toolbar\";\nimport Button from \"./c.button\";\n\nconst ACTIONS = [\n [\"fa-plus\", \"ADD\"]\n];\n\nconst APPLICATION = {\n n: \"application\",\n o: [\n [\"ALL\", __(\"ALL_OF_FOLLOWING_ARE_TRUE\")],\n [\"ANY\", __(\"ANY_OF_FOLLLOWING_ARE_TRUE\")]\n ]\n};\n\nconst ROW_ACTIONS = [\n [\"fa-trash\", \"DELETE\"]\n]\n\nclass Rule extends React.Component {\n _onChange = (prop, value) => {\n let rule = ewars.copy(this.props.data);\n if (prop == 't_value') rule[2] = value;\n if (prop == 'comparator') rule[1] = value;\n if (prop == \"field\") rule[0] = value;\n\n this.props.onChange(this.props.index, rule);\n };\n\n _onAction = (action) => {\n this.props.onRemove(this.props.index);\n };\n\n render() {\n let val, cmp;\n let fieldOptions = this.props.fields.map(item => {\n return [item[2].path, item[1]];\n })\n if (this.props.data[0] != null) {\n let field;\n this.props.fields.forEach((item) => {\n if (item[2].path == this.props.data[0]){field = item}\n else if(item[0] === this.props.data[0]){ field= item};\n });\n if (field !== undefined && [\"null\", \"notnull\"].indexOf(this.props.data[1]) < 0) {\n switch (field[2].type) {\n case \"text\":\n case \"number\":\n case \"calculated\":\n cmp = (\n \n
\n )\n }\n}\n\nconst DEFAULT = {\n application: \"ALL\",\n rules: []\n};\n\nexport default class RulesEditor extends React.Component {\n static defaultProps = {\n value: {\n application: \"ALL\",\n rules: []\n }\n };\n\n constructor(props) {\n super(props);\n }\n\n _action = (action, args) => {\n if (action == \"ADD\") {\n let cp = ewars.copy(this.props.value || DEFAULT);\n cp.rules.push([null, \"eq\", null]);\n\n this.props.onChange(this.props.data.n, cp);\n }\n\n if (action == \"DELETE\") {\n let cp = ewars.copy(this.props.value || DEFAULT);\n cp.rules.splice(args, 1);\n this.props.onChange(this.props.data.n, cp);\n }\n\n if (action == \"MERGE\") {\n\n }\n };\n\n _onTypeChange = (prop, value) => {\n let v = ewars.copy(this.props.value || DEFAULT);\n v.application = value;\n\n this.props.onChange(this.props.data.n, v);\n };\n\n _onRuleChange = (index, value) => {\n let v = ewars.copy(this.props.value || DEFAULT);\n v.rules[index] = value;\n this.props.onChange(this.props.data.n, v);\n };\n\n _removeRule = (index) => {\n let v = ewars.copy(this.props.value || DEFAULT);\n v.rules.splice(index, 1);\n this.props.onChange(this.props.data.n, v);\n };\n\n render() {\n let application = \"ALL\";\n if (this.props.value) {\n application = this.props.value.application || \"ALL\";\n }\n\n let rules = [];\n if (this.props.value) {\n if (this.props.value.rules) {\n rules = this.props.value.rules;\n }\n }\n\n let items = rules.map((item, index) => {\n return (\n \n \n \n | \n \n | \n \n {cmp}\n | \n \n \n | \n
\n
\n \n \n
\n\n \n this._action(\"ADD\")}/>\n
\n \n {items}\n
\n\n \n
\n )\n }\n}\n\nclass SingleSelect extends React.Component {\n _isLoaded = false;\n _initialLoaded = false;\n\n static defaultProps = {\n o: [],\n os: null,\n value: null,\n ro: false,\n searchProp: null\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n shown: false,\n options: props.o || [],\n rawOptions: null,\n align: \"left\",\n search: ''\n };\n\n this.handleChange = this._onSearchChange.bind(this);\n this.emitChangeDebounced = ewars.debounce(this.emitChange, 3);\n }\n\n componentDidMount() {\n window.__hack__.addEventListener(\"click\", this.handleBodyClick);\n\n let winWidth = this.refs.selector.parentNode.clientWidth;\n let right = this.refs.selector.getBoundingClientRect().left + this.refs.selector.getBoundingClientRect().width;\n let left = this.refs.selector.getBoundingClientRect().right + this.refs.selector.getBoundingClientRect().width;\n if ((winWidth - right) < 200) {\n this.setState({\n align: \"right\"\n })\n }\n\n if ((winWidth - left) < 200) {\n this.setState({\n align: \"left\"\n });\n }\n }\n\n componentWillUnmount() {\n window.__hack__.removeEventListener(\"click\", this.handleBodyClick);\n }\n\n handleBodyClick = (e) => {\n if (this.refs.selector) {\n const area = this.refs.selector.getDOMNode ? this.refs.selector.getDOMNode() : this.refs.selector;\n\n if (!area.contains(e.target)) {\n this.setState({\n shown: false,\n search: ''\n })\n }\n }\n };\n\n _handleClick = (e) => {\n e.stopPropagation();\n };\n\n componentWillMount() {\n this._id = ewars.utils.uuid();\n if (this.props.os && this.props.value) {\n this._init(this.props);\n } else {\n this._initialLoaded = true;\n this.state.options = this.props.o;\n }\n\n }\n\n componentWillReceiveProps(nextProps) {\n if (nextProps.os && nextProps.value) {\n if (nextProps.value != this.props.value) {\n this._init(nextProps);\n }\n } else {\n this._initialLoaded = true;\n this.state.options = nextProps.o;\n }\n }\n\n _select = (data) => {\n this.setState({\n shown: false\n });\n this.props.onSelect(data[0]);\n };\n\n _init = (props) => {\n if (props.os && props.value) {\n // Need to initialized and load up the value for the selected value\n if (!this._initialLoaded) {\n this._initialLoaded = true;\n let resource = props.os[0].toLowerCase();\n let selects = [props.os[1], props.os[2]];\n\n\n ewars.tx(\"com.ewars.resource\", [resource, props.value, selects, null])\n .then((resp) => {\n if (resp) {\n this.setState({\n options: [\n [\n resp[selects[0]],\n __(resp[selects[1]])\n ],\n ]\n })\n }\n })\n }\n }\n };\n\n _toggle = (e) => {\n if (e) e.stopPropagation();\n\n if (this.props.os) {\n if (!this._isLoaded) {\n let resource = this.props.os[0];\n let select = [this.props.os[1], this.props.os[2]];\n\n ewars.tx(\"com.ewars.query\", [resource, select, this.props.os[3] || null, null, null, null, null])\n .then((resp) => {\n this._isLoaded = true;\n this.setState({\n options: resp.map((item) => {\n return [\n item[this.props.os[1]],\n __(item[this.props.os[2]]),\n item\n ]\n }),\n search: '',\n rawOptions: resp,\n shown: true\n })\n\n })\n } else {\n this.setState({\n shown: !this.state.shown,\n search: ''\n })\n }\n } else {\n this.setState({\n shown: !this.state.shown,\n search: ''\n })\n }\n\n };\n\n _onSearchChange = (e) => {\n this.emitChangeDebounced(e.target.value);\n };\n\n emitChange = (value) => {\n this.setState({\n search: value\n })\n };\n\n render() {\n let dispValue = __(\"NONE_SELECTED\");\n\n if (this.props.value) {\n this.state.options.forEach((item) => {\n if (item[0] == this.props.value) {\n dispValue = item[1]\n }\n })\n }\n\n let style = {\n zIndex: 9999\n };\n if (this.state.align == \"right\") {\n style.right = 0;\n style.left = \"auto\";\n } else {\n style.left = 0;\n style.right = \"auto\";\n }\n\n let options = this.state.options;\n if (this.state.search != '') {\n let lowered = this.state.search.toLowerCase();\n options = this.state.options.filter(item => {\n return item[1].toLowerCase().indexOf(lowered) >= 0;\n })\n }\n\n return (\n \n {__(this.props.data[1])}\n
\n \n
\n )\n }\n}\n\nclass MultiSelect extends React.Component {\n render() {\n return (\n \n )\n }\n}\n\nexport default class SelectField extends React.Component {\n static defaultProps = {\n data: {\n o: [],\n os: null,\n c: [],\n l: \"\",\n s: false,\n r: false,\n ml: false\n\n },\n searchProp: null,\n ro: false\n };\n\n _select = (value) => {\n this.props.onChange(this.props.data.n, value);\n };\n\n render() {\n \n let style = null;\n \n if(this.props.style) style = this.props.style;\n else if(this.props.data?.style) style = this.props.data.style;\n\n if (this.props.data.ml) {\n return (\n \n \n | \n {ewars.I18N(dispValue)}\n | \n {!this.props.ro ?\n \n \n | \n : null}\n
\n
\n {this.state.shown && !this.props.ro ?\n \n {this.props.searchProp ?\n \n : null}\n
\n : null}\n \n {options.map((item,index) => {\n return (\n \n )\n })}\n
\n \n
\n )\n }\n}\n\nconst ROW_ACTIONS = [\n [\"fa-pencil\", \"EDIT\"],\n [\"fa-trash\", \"DELETE\"]\n]\n\n\nclass Source extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n data: null\n }\n\n }\n\n componentWillMount() {\n if (this.props.data[0] == \"I\") {\n ewars.tx(\"com.ewars.resource\", [\"indicator\", this.props.data[1], null, null])\n .then((resp) => {\n this.setState({\n data: resp\n })\n })\n }\n\n if (this.props.data[0] == \"F\") {\n\n }\n }\n\n render() {\n let label;\n let iconClass = \"fal fa-cog fa-spin\";\n if (this.state.data) {\n iconClass = \"fal fa-code-branch\";\n if (this.props.data[0] == \"F\") {\n iconClass = \"fal fa-list\";\n }\n if (this.props.data[0] == \"I\") label = __(this.state.data.name);\n if (this.props.data[0] == \"F\") label = this.props.data[1];\n }\n\n\n return (\n \n \n {dispValue} \n \n \n \n \n
\n {this.state.expanded ?\n \n \n
\n : null}\n \n \n \n \n \n \n \n \n \n \n \n \n {label}\n \n \n \n
\n )\n }\n}\n\nclass Sources extends React.Component {\n constructor(props) {\n super(props);\n }\n\n _onSelect = (data) => {\n let sources = this.props.value || [];\n sources.push(data);\n this.props.onChange(this.props.name, sources);\n };\n\n render() {\n return (\n \n \n
\n )\n }\n}\n\nexport default Sources;\n","import LanguageEditor from \"./c.editor.language\";\nimport { Layout, Row, Cell } from \"./layout\";\nimport Shade from \"./c.shade\";\nimport { ActionGroup } from \"./c.action_button\";\n\nconst LANG_OPTIONS = [\n [\"fa-language\", \"EDIT\"]\n];\n\nconst MODAL_ACTIONS = [\n {label: __(\"CLOSE\"), icon: \"fa-times\", action: \"CLOSE\"}\n];\n\nclass TextField extends React.Component {\n static defaultProps = {\n data: {\n n: null, // name\n ml: false, // multi-line\n v: [], // Validations\n r: false, // required\n l: null, // Label,\n mkdwn: false,\n i18: false,\n p : __(\"ENTER_TEXT\")\n },\n value: \"\",\n ro: false\n\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n showLang: false\n }\n }\n\n componentDidMount() {\n window.addEventListener(\"close-shade\", this._closeShade);\n }\n\n componentWillUnmount() {\n window.removeEventListener(\"close-shade\", this._closeShade);\n }\n\n _closeShade = () => {\n this.setState({\n showLang: false\n });\n };\n\n _onChange = (e) => {\n let data = ewars.copy(this.props.value);\n if (this.props.data.i18) {\n if (data == \"\" || data == undefined) data={};\n else if(typeof data === 'string' || data instanceof String) data = {}\n \n if (window.user) {\n let [code, newValue] = [window.user.language, e.target.value];\n data[code] = newValue;\n }\n else {\n data.en = e.target.value;\n }\n this.props.onChange(this.props.data.n, data);\n }else{\n this.props.onChange(this.props.data.n, e.target.value);\n }\n \n };\n\n _action = (action) => {\n if (action == \"EDIT\") {\n this.setState({\n showLang: true\n })\n }\n\n if (action == \"CLOSE\") {\n this.setState({\n showLang: false\n })\n }\n\n };\n\n _onLangChange = (prop, value) => {\n this.props.onChange(this.props.data.n, value);\n };\n _ii8n =(data)=>{\n if (window.user) {\n if (data[window.user.language]) {\n return data[window.user.language];\n } else {\n // if (data.en) {\n // return data.en;\n // } else {\n return \"\";\n // }\n }\n }else {\n if (data.en) {\n return data.en;\n } else {\n return \"\";\n }\n }\n }\n render() {\n let value = this.props.value;\n\n if (value) {\n if (JSON.stringify(value).indexOf(\"{\") >= 0) {\n value = this.props.data.i18?this._ii8n(value):value.en;\n }\n }\n\n if (this.props.data.ml) {\n return (\n \n
\n \n {(this.props.value || []).map((item) => {\n return \n })}\n
\n \n \n
\n \n \n \n \n | \n {this.props.data.i18 ?\n \n \n | \n : null}\n
\n \n {this.state.showLang ?\n \n : null}\n \n
\n )\n }\n\n\n if (this.props.data.mkdwn) {\n return (\n {value}
\n )\n }\n\n return (\n\n \n \n \n | \n {this.props.data.i18 ?\n \n \n | \n : null}\n
\n \n {this.state.showLang ?\n \n : null}\n \n
\n )\n\n }\n}\n\nexport default TextField;\n","export default class Collapser extends React.Component {\n static defaultProps = {\n open: false\n };\n\n render() {\n return (\n \n \n
\n )\n }\n}","class ContextMenuItem extends React.Component {\n constructor(props) {\n super(props);\n }\n\n _onClick = (e) => {\n e.preventDefault();\n e.stopPropagation();\n this.props.onClick(this.props.data.action);\n };\n\n render() {\n let iconClass = `fal ${this.props.data.icon}`;\n\n return (\n \n
\n )\n }\n}\n\nclass ContextMenu extends React.Component {\n constructor(props) {\n super(props);\n }\n\n _onClick = (action) => {\n this.props.onClick(action);\n };\n\n render() {\n let style = {};\n if (!this.props.absolute) style.position = \"relative\";\n\n let actions = this.props.actions.map(function (action) {\n return \n
\n \n
{this.props.data.label}
\n \n {actions}\n
\n )\n }\n}\n\nexport default ContextMenu;","class Control extends React.Component {\n constructor(props) {\n super(props);\n }\n\n onClick = () => {\n this.props.onClick(this.props.action);\n };\n\n render() {\n return (\n \n \n
\n )\n }\n}\n\nexport default Control;","import Control from \"./c.control\";\n\nclass Dashboard extends React.Component {\n constructor(props) {\n super(props)\n }\n\n render() {\n let counter = 0;\n return (\n \n
\n )\n }\n}\n\nclass EditableList extends React.Component {\n static defaultProps = {\n orderable: false,\n onAdd: null,\n onRemove: null,\n onOrder: null,\n items: [],\n onChange: null,\n Template: null\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n selectedIndex: null\n }\n }\n\n _handleAction = (action) => {\n this.props.onAction(\n action,\n this.state.selectedIndex,\n this.props.items[this.state.selectedIndex]\n );\n };\n\n _onItemClick = (index) => {\n this.setState({\n selectedIndex: index\n })\n };\n\n _clearSelected = (evt) => {\n };\n\n render() {\n let selected;\n if (this.state.selectedIndex != null) {\n selected = this.props.items[this.state.selectedIndex];\n }\n var listStyle;\n if(this.props.minHeight)\n listStyle={ minHeight: this.props.minHeight };\n return (\n \n {this.props.data.definition.map((row, index) => {\n counter++;\n let key = `${this.props.data.uuid}_${counter}`;\n return \n })}\n
\n \n
\n )\n }\n}\n\nexport default EditableList;\n","import TextField from \"./c.cmp.text\";\nimport SelectField from \"./c.cmp.select\";\nimport { Layout, Row, Cell } from \"./layout\";\nimport Toolbar from \"./c.toolbar\";\nimport Shade from \"./c.shade\";\nimport { ActionGroup, LitActionGroup } from \"./c.action_button\";\nimport Panel from \"./c.panel\";\n\n\nconst ACTIONS = [\n [\"fa-plus\", \"ADD\", __(\"ADD_TRANSLATION\")],\n [\"fa-times\", \"CLOSE\", __(\"CLOSE\")]\n];\n\nconst ROW_ACTIONS = [\n [\"fa-trash\", \"REMOVE\"]\n];\n\nclass LangRow extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {\n languages: [\n [\"en\", \"English\"],\n [\"fr\", \"French\"]\n ]\n }\n };\n\n _action = () => {\n this.props.onAction(\"REMOVE\", this.props.code);\n };\n\n componentDidMount() {\n ewars.tx(\"com.ewars.language.getLanguage\")\n .then(function (resp) {\n let finalArry = []\n for (let data of resp['results']) {\n let array = []; array.push(data['code']); array.push(data['name']);\n let alraedyExsits = false;\n finalArry.map(function (value, index) {\n if (value[0] === data['code']) {\n alraedyExsits = true\n }\n });\n if (!alraedyExsits && data[\"isActive\"]) {\n finalArry.push(array)\n }\n }\n this.setState({languages:finalArry})\n }.bind(this))\n };\n\n _onKeyChange = (prop, value) => {\n this.props.onAction(\"KEY_CHANGE\", [this.props.code, value]);\n };\n\n _onValueChange = (prop, value) => {\n this.props.onAction(\"VALUE_CHANGE\", [this.props.code, value]);\n };\n\n render() {\n return (\n \n {this.props.items.map((item, index) => {\n return \n })}\n
\n \n {this.props.actions.map(action => {\n let show = true;\n if (action.show && !action.show(this.props.items[this.state.selectedIndex])) {\n show = false;\n return ;\n }\n return (\n \n )\n })}\n
\n \n \n \n
\n
\n | {__(\"CODE\")} | \n{__(\"TRANSLATION\")} | \n\n |
|---|
\n
\n )\n }\n});\n\nexport default Filler;\n","import FormField from \"./c.form_field\";\nimport FormUtils from \"./utils/FormUtils\";\n\nimport {\n SelectField,\n TextField,\n MarginField,\n DateField,\n MatrixField,\n TextAreaField,\n DisplayField,\n ConditionsField,\n RowField,\n TopoJSONField,\n LocationInputField,\n LocationField as LocationSelectField,\n LanguageStringField,\n TimeField,\n NumericField,\n SlugField,\n SwitchField,\n PointField,\n GeometryField,\n SelectFieldOptionsField,\n HeaderField,\n AssignmentLocationField,\n AssignmentField,\n DisplayCalculatedField,\n IndicatorDefinition,\n IndicatorField,\n DateRangeField, // Fix\n ColourThresholdsField, // Fix\n DOMSizeField, // Fix\n ColourField, // Fix\n FileField, // Fix\n LocationGroupField, // Fix\n LatLngField, // Fix\n GeometryEditor, // Fix\n FormFieldField,// Fix\n FormFieldSelect,\n FormFieldCondition,\n MultipleLocationsField,\n IndicatorRelatedForms,\n MultipleAlarmsField,\n ValueMapperField,\n TotalFormulaHelpField\n} from \"./fields\";\nimport MainFormField from \"./fields/f.main_form_field\"\nimport PeriodSelector from \"./c.period_selector\";\nimport { default as ButtonGroupField } from \"./c.button_group\";\nimport ComplexSourcesManager from \"./editors/widgets/_shared/ComplexSourcesManager.react\";\nimport TagField from \"../common/Tags.react\";\nimport AssignmentSelector from \"../common/cmp/fields/AssignmentSelector\";\nimport FileUploadField from \"./fields/f.file_upload\";\nimport MediaContentField from \"./fields/f.media.content\";\n\n\n/**\nimport Datefield from \"./fields/c.date\";\n\nimport MatrixField from \"./fields/MatrixField.react\";\nimport SelectField from \"./fields/SelectField.react\";\nimport TextAreaField from \"./fields/TextAreaField.react\";\nimport TextInputField from \"./fields/TextInputField.react\";\nimport DisplayField from \"./fields/DisplayField.react\";\nimport ConditionsField from \"./fields/ConditionsField.react\";\nimport RowField from \"./fields/RowField.react\";\nimport TopoJSONField from \"./fields/TopoJSONField.react\";\nimport LocationInputField from \"./fields/LocationInputField\";\nimport LocationSelectField from \"./fields/LocationSelectField.react\";\nimport LanguageStringField from \"./fields/LanguageStringInput.react\";\nimport NumberField from \"./fields/NumberField.react\";\nimport SlugField from \"./fields/SlugField.react\";\nimport SwitchFielf from \"./fields/SwitchField.react\";\nimport IndicatorSelector from \"../components/indicator/IndicatorSelectorComponent.react\";\nimport PointField from \"./fields/point/PointSelectionField.react\";\nimport MapGeometryField from \"./fields/MapGeometryField.react\";\nimport SelectFieldOptionsField from \"./fields/system/SelectFieldOptionsField.react\";\nimport HeaderField from \"./fields/HeaderField.react\";\nimport AssignmentLocationField from \"./fields/report_fields/AssignmentLocationField.react\";\nimport IndicatorDefinition from \"./fields/system/IndicatorDefinition.react\";\n// Only used in widget editors\nimport ComplexSourcesDefinition from \"./widget_editors/_shared/ComplexSourcesManager.react\";\n\n\nimport DisplayCalculatedField from \"./fields/DisplayCalculatedField.react\";\nimport AgeField from \"./fields/AgeField\";\nimport RangeSelector from \"../cmp/fields/RangeSelector\";\nimport ColourThresholds from \"../cmp/fields/ColourThresholds\";\nimport ButtonGroup from \"../cmp/fields/ButtonGroup\";\nimport DOMSizeField from \"../cmp/fields/DOMSizeField\";\nimport Colour from \"../cmp/fields/Colour\";\nimport FileUploadField from \"../cmp/fields/FileUploadField\";\nimport LocationGroupField from \"../cmp/fields/LocationGroupField\";\nimport LatLngField from './fields/LatLngField';\nimport BoundingBoxField from \"../cmp/fields/BoundingBox\";\nimport FormFieldField from './fields/system/field.form_field';\n **/\n\nclass NullComponent extends React.Component {\n constructor(props) {\n super(props)\n }\n\n render() {\n return ()\n }\n}\n\nconst FIELDS = {\n tags: TagField,\n select: SelectField,\n text: TextField,\n time: TimeField,\n string: TextField,\n textarea: TextAreaField,\n margin:MarginField,\n date: DateField,\n email: TextField,\n matrix: MatrixField,\n number: NumericField,\n point: PointField,\n display: DisplayField,\n conditions: ConditionsField,\n row: RowField,\n topojson: TopoJSONField,\n location: LocationSelectField,\n language_string: LanguageStringField,\n slug: SlugField,\n switch: SwitchField,\n indicator: IndicatorField,\n //geometry: MapGeometryField,\n select_options: SelectFieldOptionsField,\n header: HeaderField,\n assignment_location: AssignmentField,\n indicator_definition: IndicatorDefinition,\n _complex_sources: ComplexSourcesManager,\n assignment: AssignmentSelector,\n date_range: PeriodSelector,\n colour_thresholds: ColourThresholdsField,\n button_group: ButtonGroupField,\n dom_size: DOMSizeField,\n color: ColourField,\n file: FileField,\n file_upload: FileUploadField,\n location_group: LocationGroupField,\n content: NullComponent,\n lat_long: LatLngField,\n form_field: FormFieldField,\n //bounds: GeoEditor,\n calculated: DisplayCalculatedField,\n main_form_field: MainFormField,\n form_field_select: FormFieldSelect,\n form_field_condition: FormFieldCondition,\n multiple_locations: MultipleLocationsField,\n indicators_forms : IndicatorRelatedForms,\n multiple_alarms : MultipleAlarmsField,\n value_mapper:ValueMapperField,\n total_formula_help:TotalFormulaHelpField,\n media : MediaContentField\n};\n\n\nvar NON_FIELDS = [\"display\", \"grid\"];\n\n/**\n * Comparator used for sorting the fields in the definition by\n * their order property\n * @param a\n * @param b\n * @returns {number}\n * @private\n */\nfunction _comparator(a, b) {\n if (parseInt(a.order) < parseInt(b.order)) {\n return -1;\n }\n if (parseInt(a.order) > parseInt(b.order)) {\n return 1;\n }\n return 0;\n}\n\nfunction _getFieldsAsArray(sourceFields) {\n var fields = [];\n for (let name in sourceFields) {\n let field = ewars.copy(sourceFields[name]);\n field.name = name;\n\n if (field.fields) {\n var children = _getFieldsAsArray(field.fields);\n field.fields = children;\n }\n\n fields.push(field);\n };\n\n return fields.sort(_comparator);\n}\n\nfunction _recursiveSetValue(definition, data, path, errors) {\n for (var i in definition) {\n var field = definition[i];\n if (path) {\n definition[i].path = `${path}.${i}`;\n } else {\n definition[i].path = i;\n }\n\n if (field.fields) {\n // This field doesn't have a value, it has children which have values\n field.fields = _recursiveSetValue(field.fields, data[i] || {}, field.path, errors);\n }\n\n let key = i;\n if (field.nameOverride) key = field.nameOverride;\n\n if (key.indexOf(\".\") >= 0) {\n field.value = ewars.getKeyPath(key, data);\n } else {\n if (data[key] == 0) {\n field.value = data[key];\n }\n else {\n field.value = data[key] || field.defaultValue || \"\";\n }\n }\n\n // Check for errors for this field\n // Only if it's a certain type of field\n if (NON_FIELDS.indexOf(field.type) < 0 && errors) {\n var fieldErrors = ewars.getKeyPath(definition[i].path, errors);\n if (fieldErrors) definition[i].error = fieldErrors;\n }\n\n }\n return definition;\n}\n\n/**\n * Check if a value isn't set, used for required fields\n * @param value\n * @returns {boolean}\n */\nfunction isNull(value) {\n if (value == \"\") return true;\n if (value == undefined) return true;\n if (value == \"null\") return true;\n if (value == \"None\") return true;\n if (value == null) return true;\n if (!value) return true;\n return false;\n}\n\n/**\n * Form class - Used to render forms throughout the application*\n */\nvar Form = React.createClass({\n\n _fields: null,\n\n /**\n * Retrieve the initial state of the form*\n * @returns {{fields: {}, dirty: boolean, tabs: null}}\n */\n\n getInitialState: function () {\n return {\n fields: {},\n dirty: false,\n tabs: null,\n errors: {},\n disabled: false\n }\n },\n\n componentDidMount() {\n // console.log(\"REF\", this.refs);\n },\n\n componentWillMount: function () {\n },\n\n enable: function () {\n this.state.disabled = false;\n if (this.isMounted()) this.forceUpdate();\n },\n\n disable: function () {\n this.state.disabled = true;\n if (this.isMounted()) this.forceUpdate();\n },\n\n getDefaultProps: function () {\n return {\n readOnly: true,\n light: true\n }\n },\n\n /**\n * Handles any changes to fields in the form and bubbles them up to the parent component*\n * @param property\n * @param value\n * @param path FQP for where the proeprty should be updated\n * @param * Any additional data that the field type has bubbled up (location, indicator, etc...)\n * @private\n * @param path\n */\n _handleChange: function (property, value, path, additionalData) {\n this.props.updateAction(this.props.data, property, value, path, additionalData);\n\n // TODO: Need to handle when the form is returned to it;s initial state by the users\n // track history of changes in client before a save call\n this.setState({\n dirty: true\n })\n },\n\n validateField: function (field_name, value) {\n let def = FormUtils.field(this.props.definition, field_name);\n this.state.errors[field_name] = [];\n\n if (def) {\n // Check if required\n if (def.required) {\n if (isNull(value)) {\n this.state.errors[field_name].push(ewars.I18N(def.label) + \" is a required field\");\n }\n }\n\n if (def.type == \"number\") {\n if (def.min) {\n if (value < def.min) {\n this.state.errors[field_name].push(\"Can not be below \" + def.min);\n }\n }\n\n if (def.max) {\n if (value > def.max) {\n this.state.errors[field_name].push(\"Can not be greate than \" + def.max);\n }\n }\n }\n }\n\n },\n\n /**\n * Public functions called via ref to check if a forms data is valid\n */\n isValid: function () {\n return true;\n },\n\n /**\n * Processes and creates any grids defined for the form*\n * @param field\n * @returns {XML}\n * @private\n */\n _processGrid: function (field) {\n var grid;\n\n var columns = [];\n for (var idx in field.fields) {\n var ff = field.fields[idx];\n var key = \"COLUMN_\" + ewars.utils.uuid();\n columns.push(\n \n \n
\n \n \n {columns}\n \n
\n );\n\n return grid;\n },\n\n _getRuleResult: function (rule, data) {\n var result;\n\n var sourceValue = ewars.getKeyPath(rule[0], data);\n if ([\"null\", \"notnull\"].indexOf(rule[1]) < 0){\n if (sourceValue == null || sourceValue == undefined) return false;\n }\n const isNumber = (val) => {\n try {\n parseFloat(val);\n return true;\n } catch (e) {\n return false;\n }\n };\n\n switch (rule[1]) {\n case \"eq\":\n if (Object.prototype.toString.call(sourceValue) == \"[object Array]\") {\n if (sourceValue.indexOf(rule[2]) >= 0) {\n result = true;\n } else {\n result = false;\n }\n } else {\n result = sourceValue == rule[2];\n }\n break;\n case \"ne\":\n case \"neq\":\n if (Object.prototype.toString.call(sourceValue) == \"[object Array]\") {\n if (sourceValue.indexOf(rule[2]) < 0) {\n result = true;\n } else {\n result = false;\n }\n } else {\n result = sourceValue != rule[2];\n }\n break;\n case \"gt\":\n if (!isNumber(sourceValue)) {\n result = false;\n } else {\n result = parseFloat(sourceValue) > parseFloat(rule[2]);\n }\n break;\n case \"lt\":\n if (!isNumber(sourceValue)) {\n result = false;\n } else {\n result = parseFloat(sourceValue) < parseFloat(rule[2]);\n }\n break;\n case 'gte':\n if (!isNumber(sourceValue)) {\n result = false;\n } else {\n result = parseFloat(sourceValue) >= parseFloat(rule[2]);\n }\n break;\n case 'lte':\n if (!isNumber(sourceValue)) {\n result = false;\n } else {\n result = parseFloat(sourceValue) <= parseFloat(rule[2]);\n }\n break;\n case 'null':\n if (isNull(sourceValue)) {\n result = true;\n } else {\n result = false;\n }\n break;\n case 'notnull':\n if (isNull(sourceValue)) {\n result = false;\n } else {\n result = true;\n }\n break;\n default:\n result = false;\n break\n }\n\n return result;\n },\n\n _checkFieldVisible: function (field, data) {\n if (field.conditional_bool == true) {\n var result = false;\n\n if (!field.conditions) return true;\n if (!field.conditions.rules) return true;\n\n if ([\"ANY\", \"any\"].indexOf(field.conditions.application) >= 0) {\n // Only one of the rules has to pass\n\n for (var conIdx in field.conditions.rules) {\n var rule = field.conditions.rules[conIdx];\n\n var tmpResult = this._getRuleResult(rule, data);\n if (result != true && tmpResult == true) result = true;\n }\n\n } else {\n var ruleCount = field.conditions.rules.length;\n var rulePassCount = 0;\n\n for (var ruleIdx in field.conditions.rules) {\n var rule = field.conditions.rules[ruleIdx];\n var ruleResult = this._getRuleResult(rule, data);\n if (ruleResult) rulePassCount++;\n }\n\n if (ruleCount == rulePassCount) result = true;\n\n }\n return result;\n } else {\n return true;\n }\n },\n\n /**\n * Renders the form into the parent container*\n * @returns {XML}\n */\n render: function () {\n var tabs = [];\n\n var readOnly = true;\n if (this.props.readOnly == false) readOnly = false;\n if (this.state.disabled == true) readOnly = true;\n\n var cancelText = \"Close\";\n if (this.state.dirty == true) {\n cancelText = \"Cancel\";\n }\n\n var definition;\n var defCopy = JSON.parse(JSON.stringify(this.props.definition));\n\n if (this.props.data) {\n definition = _recursiveSetValue(defCopy, this.props.data, null, this.props.errors);\n }\n\n var nodes = [];\n\n // Sort and set up the fields\n this._fields = _getFieldsAsArray(definition);\n\n // Instantiate defaults\n this._fields.forEach((field, index) => {\n if (FIELDS[field.type]) {\n var FieldControl = FIELDS[field.type];\n var options = (field.options ? field.options : null);\n\n // Handle default definition\n if (field.value == null || field.value == undefined) {\n if (field.defaultValue != null && field.defaultValue != undefined) {\n field.value = field.defaultValue;\n }\n }\n\n var visible = true;\n if (field.conditions) {\n visible = this._checkFieldVisible(field, this.props.data);\n }\n\n var fields;\n if (this.props.conditionalFieldOptions) {\n fields = this.props.conditionalFieldOptions;\n }\n\n if (visible) {\n if (field.type == 'content') {\n nodes.push(\n \n
\n )\n } else {\n var children;\n\n if (field.fields) {\n children = [];\n\n field.fields.forEach(subField => {\n var childOptions = (field.options ? field.options : null);\n var SubFieldControl = FIELDS[field.type];\n\n var wrapperKey = \"WRAPPER_\" + subField.type + \"_\" + subField.name;\n var controlKey = \"CONTROL_\" + subField.type + \"_\" + subField.name;\n\n let isVisible = true;\n if (subField.conditional_bool) {\n isVisible = this._checkFieldVisible(subField, this.props.data);\n }\n\n if (isVisible) {\n children.push(\n \n
\n \n
\n \n
\n {field.content}
\n\n {nodes}\n
\n\n )\n }\n});\n\nwindow._ewarsForm = Form;\nexport default Form;\n","class SettingsField extends React.Component {\n static defaultProps = {\n vertical: false,\n label: null,\n required: false\n }\n\n render() {\n return (\n \n
\n )\n }\n}\n\nexport default SettingsField;\n","import Panel from \"./c.panel\";\n\nclass SettingsForm extends React.Component {\n static defaultProps = {\n title: null,\n icon: \"fa-wrench\",\n description: null\n }\n\n render() {\n let description = this.props.description ?\n {this.props.label}
\n \n {this.props.children}\n
\n {this.props.description}
\n : null;\n\n return (\n \n
\n \n
\n {description}\n\n \n
{this.props.title}
\n \n {this.props.children}\n
\n \n
\n )\n }\n}\n\nexport default SettingsSection;\n","import {\n LocationGroupField,\n IndicatorField,\n LocationField,\n ColourField,\n HTMLField as HTMLEditor,\n FileUploadField,\n MultiSelectField,\n CalcFieldDefinition as CalculatedFieldDefinition,\n SearchField\n} from \"./fields\";\n\nimport OptionsSet from \"./c.option_set\";\nimport ButtonSet from \"./c.button_set\";\n\nimport RulesEditor from \"./c.cmp.rules\";\nimport DataSourceDrop from \"./c.cmp.data_source_drop\";\nimport DateRangeSelector from \"./c.cmp.date_range_selector\";\nimport Sources from \"./c.cmp.sources\";\nimport SelectField from \"./c.cmp.select\";\nimport TextField from \"./c.cmp.text\";\nimport CommonCheckbox from \"./c.cmp.checkbox\";\n\n\nconst VERT = {\n borderBottom: \"1px solid rgba(0,0,0,0.9)\",\n marginTop: \"8px\",\n marginBottom: \"2px\"\n}\n\nclass Header extends React.Component {\n render() {\n return (\n {this.props.title}
\n {this.props.children}\n \n {this.props.data.i ?\n \n : null}\n {this.props.data.l}\n\n
\n Empty
\n )\n }\n}\n\n\nconst ERRORS = {\n REQUIRED: __(\"REQUIRED_FIELD\")\n}\n\n\nclass Field extends React.Component {\n static defaultProps = {\n errors: [],\n vertical: false,\n ro: false\n };\n\n _onChange = (prop, value, additional) => {\n let propKey=this.props.data.n;\n if(additional && additional.propKey){ // to change some other field value\n propKey=additional.propKey;\n }\n this.props.onChange(propKey, value, additional);\n };\n\n render() {\n let Cmp = Empty;\n\n if (FIELDS[this.props.data.t] != null) {\n Cmp = FIELDS[this.props.data.t.toUpperCase()];\n }\n\n let help;\n if (this.props.data.h) {\n help = __(this.props.data.h);\n }\n\n let hasErrors = this.props.errors.length > 0;\n\n let style = {};\n if (hasErrors) {\n style.borderLeft = \"3px solid #C62828\";\n }\n\n\n if (this.props.data.t == \"H\") {\n return \n {this.props.errors.map((item) => {\n return (\n
\n : null}\n {ERRORS[item]}
\n )\n })}\n \n \n {fields}\n \n
\n )\n }\n}\n","var FormField = React.createClass({\n getInitialState: function () {\n return {\n content: \"\",\n helpShown: false,\n linkagesShown: false,\n errors: [],\n hasErrors: false,\n error: false\n };\n },\n\n _showHelp: function (e) {\n e.preventDefault();\n let title = ewars.I18N(this.props.field.label);\n ewars.prompt(\"fa-question-circle\", `Help: ${title}`, ewars.I18N(this.props.field.help));\n },\n\n _helpClick: function () {\n if (this.props.field.help) {\n ewars.prompt(\"fa-question-circle\", ewars.I18N(this.props.field.label), ewars.I18N(this.props.field.help), function () {\n\n })\n }\n },\n\n render: function () {\n var hasHelp = this.props.field.help ? true : false;\n var hasLinkages = this.props.field.linkages ? true : false;\n\n var fieldClass = \"form-field\";\n if (this.props.field.type == \"row\") fieldClass += \" form-row\";\n if (this.props.field.type == \"switch\") fieldClass += \" switch\";\n if (this.props.field.type == \"header\") fieldClass += \" header\";\n\n var labelClass = \"label\";\n if (this.props.field.type == \"row\") labelClass += \" row-label\";\n if (this.props.field.type == \"matrix\") labelClass += \" matrix-label\";\n\n var features = {\n help: true,\n error: true,\n label: true,\n fieldControls: true\n };\n\n if (this.props.readOnly || [\"row\", \"header\", \"matrix\"].indexOf(this.props.field.type) >= 0) {\n features.fieldControls = false;\n }\n\n let label = false;\n if (this.props.field.label !== false) {\n label = ewars.I18N(this.props.field.label);\n if(this.props.field.is_age_field) label += \" (\" + this.props.field.select_month_year_field + \"s)\"; \n if (this.props.field.required) label += \" *\";\n if (this.props.field.help) labelClass += \" has-help\";\n }\n\n var children = this.props.children;\n if (React.Children.count(this.props.children) == 1) {\n children = [this.props.children];\n }\n\n let showError = true;\n if ([\"matrix\", \"row\", \"header\"].indexOf(this.props.field.type) >= 0) showError = false;\n\n let errors;\n if (this.props.errors) {\n if (this.props.errors[this.props.field.path]) {\n errors = this.props.errors[this.props.field.path];\n }\n }\n\n let wrapper_style = {};\n if (label == false && !this.props.field.showLabelDiv) wrapper_style.paddingLeft = 15;\n\n if (this.props.field.type == 'content') {\n return (\n \n \n
\n )\n }\n\n return (\n \n
\n \n
\n \n
\n {this.props.field.content}
\n\n {label || this.props.field.showLabelDiv?\n
\n )\n }\n\n});\n\nexport default FormField;\n","class LinkSelect extends React.Component {\n _onClick = (e) => {\n e.preventDefault();\n this.props.onClick();\n }\n\n render() {\n let view;\n if (this.props.icon && this.props.label) {\n view = (\n \n \n {this.props.label}\n \n )\n } else if (this.props.icon && !this.props.label) {\n view = (\n \n \n \n )\n } else {\n view = (\n {this.props.label}\n )\n }\n return view;\n }\n}\n\n\nexport default LinkSelect;\n","var ListElement = React.createClass({\n _onClick: function () {\n this.props.onClick(this.props.data);\n },\n\n render: function () {\n\n var view;\n if (this.props.Template) {\n var Tmpl = this.props.Template;\n view = \n \n
\n : null}\n\n \n
\n\n {features.fieldControls ?\n \n
\n \n {children}\n
\n\n \n \n \n
\n
\n : null}\n | \n {errors ?\n \n \n :\n \n }\n \n {errors} \n | \n
{label}
\n }\n\n var className = \"ew-list-item\";\n if (this.props.value == this.props.data.id && this.props.value != null) className += \" active\";\n\n return (\n \n {view}\n
\n )\n }\n});\n\nclass ListComponent extends React.Component {\n constructor(props) {\n super(props);\n }\n\n onChange = (item) => {\n if (!this.props.readOnly) {\n this.props.onUpdate(this.props.name, item.id, null, item);\n }\n };\n\n render() {\n let clickEvent = this.onChange;\n let listStyle={};\n if(this.props.width) listStyle.width=this.props.width;\n if (this.props.onClick) clickEvent = this.props.onClick;\n\n let items = this.props.items.map((item,index) => {\n return (\n No items available
;\n }\n\n return (\n\n {items}\n
\n )\n }\n\n}\n\n\nexport default ListComponent;\n","import chroma from \"chroma-js\";\n\n// need to extend leaflet with TopoJSON support\nif (window.L) {\n L.TopoJSON = L.GeoJSON.extend({\n addData: function (jsonData) {\n if (jsonData.type === \"Topology\") {\n for (key in jsonData.objects) {\n geojson = topojson.feature(jsonData, jsonData.objects[key]);\n L.GeoJSON.prototype.addData.call(this, geojson);\n }\n }\n else {\n L.GeoJSON.prototype.addData.call(this, jsonData);\n }\n }\n });\n\n var _redIcon = L.icon({\n iconUrl: 'static/icons/map-markers/marker-red.png',\n\n iconSize: [21, 34], // size of the icon\n shadowSize: [26, 26], // size of the shadow\n iconAnchor: [10.5, 34], // point of the icon which will correspond to marker's location\n shadowAnchor: [10.5, 24], // the same for the shadow\n popupAnchor: [-3, -9] // point from which the popup should open relative to the iconAnchor\n });\n}\n\nvar _colorScale = chroma.scale(['#D5E3FF', '#003171']).domain([0, 1]);\n\nvar MapComponent = React.createClass({\n _map: null,\n _markers: [],\n _marker: null,\n\n propTypes: {\n layer: React.PropTypes.object,\n showTiles: React.PropTypes.bool,\n height: React.PropTypes.number,\n lat: React.PropTypes.number,\n lng: React.PropTypes.number,\n pointEditMode: React.PropTypes.bool,\n defaultLat: React.PropTypes.number,\n defaultLng: React.PropTypes.number\n },\n\n getDefaultProps: function () {\n return {\n showTiles: true,\n height: 300,\n pointEditMode: false,\n defaultLat: 51.505,\n defaultLng: -0.09\n }\n },\n\n getInitialState: function () {\n return {};\n },\n\n shouldComponentUpdate: function (nextProps, nextState) {\n if (this.props.height != nextProps.height) {\n return true;\n }\n\n if (nextProps.data) {\n if (nextProps.data.length > 0) {\n this._renderMarkers(nextProps.data);\n }\n }\n\n if (nextProps.lat != this.props.lat || nextProps.lng != this.props.lng) {\n if (this._marker) {\n if (nextProps.lat != \"-\" && nextProps.lat != \"\" && nextProps.lng != \"-\" && nextProps.lng != \"\") {\n this._map.setView([nextProps.lat, nextProps.lng]);\n this._marker.setLatLng([nextProps.lat, nextProps.lng]);\n }\n }\n }\n\n if (nextProps.defaultLat && nextProps.defaultLng) {\n this._map.setView([nextProps.defaultLat, nextProps.defaultLng]);\n }\n return false;\n },\n\n componentDidMount: function () {\n if (!this._map) this.renderEditor();\n },\n\n componentDidUpdate: function () {\n if (!this._map) this.renderEditor();\n if (this._map) this._map.invalidateSize();\n this._map.fitBounds(this._topoLayer.getBounds());\n },\n\n componentWillUnmount: function () {\n if (this._map) {\n this._map.off(\"click\", this.onMapClick);\n this._map = null;\n }\n },\n\n onChange: function (name, value) {\n this.props.onChange(name, value);\n },\n\n render: function () {\n if (this.props.height) {\n var style = {\n height: this.props.height + \"px\"\n }\n }\n\n return (\n \n )\n },\n\n _renderMarkers: function (data) {\n for (var i in this._markers) {\n var item = this._markers[i];\n\n this._map.removeLayer(item);\n }\n\n this._markers = [];\n\n var redIcon = L.icon({\n iconUrl: 'static/icons/map-markers/marker-red.png',\n\n iconSize: [21, 34], // size of the icon\n shadowSize: [26, 26], // size of the shadow\n iconAnchor: [10.5, 34], // point of the icon which will correspond to marker's location\n shadowAnchor: [10.5, 24], // the same for the shadow\n popupAnchor: [-3, -9] // point from which the popup should open relative to the iconAnchor\n });\n\n for (i in data) {\n var item = data[i];\n\n var lat = ewars.getKeyPath(this.props.latProp, item);\n var lng = ewars.getKeyPath(this.props.lngProp, item);\n\n if ((lat && lng) && (lat != \"NULL\")) {\n var marker = L.marker([lat, lng], {\n icon: redIcon,\n zIndexOffset: 10000\n });\n\n this._markers.push(marker);\n this._map.addLayer(marker);\n }\n\n }\n\n },\n\n _onPointChange: function (lat, lng) {\n this.props.onPointChange(lat, lng);\n },\n\n renderEditor: function () {\n this._map = L.map(this.getDOMNode(), {\n minZoom: 0,\n maxZoom: 20,\n attributionControl: false,\n scrollWheelZoom: (this.props.pointEditMode ? false : true)\n });\n\n if (this.props.lat && this.props.lng) {\n this._map.setView([this.props.lat, this.props.lng], 1);\n } else {\n this._map.setView([this.props.defaultLat, this.props.defaultLng], 1);\n }\n\n var tiles = L.tileLayer(\n 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',\n {attribution: '© OpenStreetMap contributors, CC-BY-SA'});\n tiles.addTo(this._map);\n\n if (this.props.pointEditMode && this.props.defaultLat) {\n this._marker = L.marker([this.props.defaultLat, this.props.defaultLng], {\n icon: _redIcon,\n draggable: true,\n riseOnHover: true\n });\n\n this._map.addLayer(this._marker);\n this._map.setView([this.props.defaultLat, this.props.defaultLng], 10)\n }\n\n if (this.props.pointEditMode && this.props.lat) {\n this._marker = L.marker([this.props.lat, this.props.lng], {\n icon: _redIcon,\n draggable: true,\n riseOnHover: true\n });\n\n this._map.addLayer(this._marker);\n this._map.setView([this.props.lat, this.props.lng], 10)\n }\n\n if (this.props.data) {\n\n for (i in this.state.data) {\n var item = this.state.data[i];\n\n var lat = ewars.getKeyPath(this.props.latProp, item);\n var lng = ewars.getKeyPath(this.props.lngProp, item);\n\n if (lat && lng) {\n var marker = L.marker([lat, lng], {\n icon: _redIcon,\n zIndexOffset: 10000\n });\n\n this._markers.push(marker);\n this._map.addLayer(marker);\n }\n\n }\n\n }\n\n // Point editing features\n if (this.props.pointEditMode) {\n var self = this;\n this._map.on(\"click\", function (e) {\n if (self._marker) self._marker.setLatLng([e.latlng.lat, e.latlng.lng]);\n self._onPointChange(e.latlng.lat, e.latlng.lng);\n });\n\n if (this._marker) {\n this._marker.on(\"dragend\", function (e) {\n self._onPointChange(e.target.latlng.lat, e.target.latlng.lng);\n })\n }\n }\n\n if (this.props.layer) {\n this._topoLayer = new L.geoJson();\n\n this._topoLayer.addData(this.props.layer);\n this._topoLayer.setStyle({\n fillColor: _colorScale(Math.random()).hex(),\n fillOpacity: 0.1,\n color: \"#555\",\n weight: 1,\n opacity: 0.1\n });\n this._topoLayer.addTo(this._map);\n this._map.fitBounds(this._topoLayer.getBounds());\n }\n\n }\n\n});\n\nexport default MapComponent;\n","var MenuItem = React.createClass({\n _onClick: function () {\n this.props.data.handler();\n this.props.onClick();\n },\n\n render: function () {\n var icon;\n if (this.props.data.icon) {\n icon = \"fal \" + this.props.data.icon;\n }\n\n return (\n \n {icon ?\n
\n )\n }\n});\n\nvar DropDownMenu = React.createClass({\n getInitialProps: function () {\n return {\n isExpanded: false\n }\n },\n\n getInitialState: function () {\n return {\n isExpanded: false\n }\n },\n\n hide: function () {\n this.setState({isExpanded: false});\n document.removeEventListener(\"click\", this.hide);\n },\n\n _onHandleClick: function () {\n this.state.isExpanded = this.state.isExpanded ? false : true;\n if (this.state.isExpanded) {\n document.addEventListener(\"click\", this.hide);\n } else {\n document.removeEventListener(\"click\", this.hide);\n }\n this.forceUpdate();\n },\n\n _onClick: function () {\n this.state.isExpanded = false;\n document.removeEventListener(\"click\", this.hide);\n this.forceUpdate();\n },\n\n render: function () {\n var iconName = \"fal \" + this.props.icon;\n\n var items;\n items = _.map(this.props.menu, function (menuItem) {\n return \n : null}\n
{this.props.data.label}
\n \n
\n )\n }\n});\n\nexport default DropDownMenu;\n","import Button from \"./c.button\";\nimport { SwitchField } from \"./fields\";\n\nvar ModalComponent = React.createClass({\n getDefaultProps: function () {\n return {\n visible: false,\n wizard: false,\n height: null,\n light: false,\n toggle: null,\n footer: true\n }\n },\n\n componentWillMount: function () {\n },\n\n getInitialState: function () {\n return {\n visible: false\n }\n },\n\n _onButtonAction: function (data) {\n if(this.props.data){\n this.props.onAction(data.action,this.props.data);\n }\n else{\n this.props.onAction(data.action);\n }\n },\n\n _processButtons: function () {\n var buttons = [];\n\n (this.props.buttons || []).forEach(button => {\n if(this.props.hasOwnProperty('showSpinner')){ \n this.props.showSpinner ? button.enabled = false : button.enabled = true\n }\n \n let key = ewars.utils.uuid();\n buttons.push(\n
\n {this.state.isExpanded ?\n \n {this.props.label ?\n
{this.props.label}
\n : null}\n \n
\n {items}\n
\n : null}\n \n \n
\n
\n )\n },\n\n render: function () { \n \n var modalClass = \"modal-wrapper\";\n if (this.props.visible) modalClass += \" show\";\n if (!this.props.visible) modalClass += \" hide\";\n if (this.props.wizard) modalClass += \" wizard\";\n\n var buttons = this._processButtons();\n\n var hasButtons = false;\n if (buttons.length > 0) hasButtons = true;\n\n var style = {};\n if (this.props.width) {\n style.width = this.props.width + \"px\";\n }\n\n var bodyStyle = {};\n if (this.props.height) {\n bodyStyle.height = this.props.height;\n }\n\n if (this.props.overflowY) {\n bodyStyle.overflowY = this.props.overflowY;\n }\n var layoutStyle={};\n if(this.props.layoutMargin){\n layoutStyle.marginTop=this.props.layoutMargin;\n }\n var icon;\n if (this.props.icon) icon = \"fal \" + this.props.icon;\n\n var toggle;\n if (this.props.toggle) toggle = this._processToggle();\n\n return (\n | \n {this.props.toggle.label} \n | \n \n \n \n\n | \n
\n
\n )\n }\n});\n\nexport default ModalComponent;\n","import TextField from \"./c.cmp.text\";\nimport { Layout, Row, Cell } from \"./layout\";\nimport Panel from \"./c.panel\";\nimport Shade from \"./c.shade\";\nimport { ActionGroup } from \"./c.action_button\";\nimport Toolbar from \"./c.toolbar\";\nimport ButtonGroup from \"./c.button_group\";\n\nconst TYPE_SELECT = {\n options: [\n [\"STATIC\", \"STATIC\"],\n [\"DYNAMIC\", \"DYNAMIC\"]\n ]\n};\n\nconst ACTIONS = [,\n [\"fa-trash\", 'CLEAR'],\n [\"fa-plus\", \"ADD\"]\n];\n\nconst ACTIONS_OPTION = [\n [\"fa-caret-up\", \"UP\"],\n [\"fa-caret-down\", \"DOWN\"],\n [\"fa-trash\", \"REMOVE\"]\n];\n\nconst CONFIG_ACTIONS = [\n {label: __(\"CLOSE\"), icon: \"fa-times\", action: \"CLOSE\"}\n];\n\nclass OptionConfig extends React.Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n return (\n \n
\n \n {this.props.title ?\n
\n\n\n \n
\n : null}\n\n \n
\n \n {icon ?\n
\n \n \n
\n : null}\n {this.props.title}
\n \n
\n {this.props.footer ?\n \n {this.props.children}\n
\n \n
\n : null}\n \n {toggle}\n\n {hasButtons ?\n
\n \n {buttons}\n
\n : null}\n \n \n {this.state.showOptions ?\n \n : null}\n\n \n
\n )\n }\n}\n\nexport default class OptionsSet extends React.Component {\n static defaultProps = {\n showTypes: true,\n title: __(\"OPTIONS_EDITOR\"),\n data: {\n i18: true\n },\n onChange: function () {\n }\n };\n\n constructor(props) {\n super(props);\n }\n\n _onFileChange = (e) => {\n console.log(e);\n console.log(e.target.files[0]);\n if (e.target.files[0]) {\n if (e.target.files[0].name.indexOf(\".csv\") < 0) {\n ewars.growl(__(\"UPLOAD_CSV_FILE_ONLY_MESSEGE\"));\n return;\n }\n }\n this.selectedFileName = e.target.files[0].name;\n let reader = new FileReader(e.target);\n\n reader.onloadend = function() {\n if (reader.error) {\n console.log(reader.error.message);\n }\n }\n\n reader.onload = () => {\n let dataURL = reader.result;\n\n let lines = dataURL.split(\"\\n\");\n let options = [];\n lines.forEach(item => {\n let nodes = item.split(',');\n options.push([nodes[0] || \"\", {en: nodes[1] || \"\"}]);\n });\n\n this.props.onChange(this.props.data.n, options);\n\n }\n\n let res = reader.readAsText(e.target.files[0]);\n };\n\n _action = (action, index) => {\n if (action == \"CLEAR\") {\n this.props.onChange(this.props.data.n, []);\n return;\n }\n\n if (action == \"ADD\") {\n let cp = ewars.copy(this.props.value || []);\n if (this.props.data.i18) {\n cp.push([\"\", {en: \"\"}])\n } else {\n cp.push([\"\", \"\"])\n }\n\n this.props.onChange(this.props.data.n, cp);\n return;\n }\n\n if (action == \"UP\") {\n let cp = ewars.copy(this.props.value || []);\n if (index > 0) {\n let tmp = cp[index - 1];\n cp[index - 1] = cp[index];\n cp[index] = tmp;\n this.props.onChange(this.props.data.n, cp);\n }\n return;\n }\n\n if (action == \"DOWN\") {\n let cp = ewars.copy(this.props.value || []);\n if (index < cp.length - 1) {\n let tmp = cp[index + 1];\n cp[index + 1] = cp[index];\n cp[index] = tmp;\n this.props.onChange(this.props.data.n, cp);\n }\n return;\n }\n\n };\n\n _onValueChange = (index, prop, value) => {\n let cp = ewars.copy(this.props.value || []);\n cp[index][prop] = value;\n\n this.props.onChange(this.props.data.n, cp);\n };\n\n _remove = (index) => {\n let cp = ewars.copy(this.props.value || []);\n cp.splice(index, 1);\n this.props.onChange(this.props.data.n, cp);\n\n };\n\n render() {\n let type_value = \"STATIC\";\n\n let options = (this.props.value || []).map((item, index) => {\n return \n \n \n \n | \n \n | \n \n \n | \n \n \n | \n
\n
\n \n \n \n \n \n | \n
\n \n \n \n \n\n | \n
\n \n \n | \n | \n
\n \n
\n )\n }\n}\n","class Panel extends React.Component {\n render() {\n let style = {};\n if (this.props.style) {\n for (let i in this.props.style) {\n style[i] = this.props.style[i];\n }\n }\n return (\n \n document.getElementById('getFile').click()}>{__(\"CHOOSE_FILE\")}\n \n
\n \n
\n \n
\n {options}\n \n \n | {__(\"STORED_VALUE\")} | \n \n | \n {__(\"DISPLAY_VALUE\")} | \n \n | \n
\n
\n \n {this.props.children}\n
\n )\n }\n}\n\nexport default Panel;\n","import Moment from \"moment\";\nimport RangeUtils from \"./utils/RangeUtils\";\n\nimport { Layout, Row, Cell } from \"./layout\";\nimport Toolbar from \"./c.toolbar\";\n\nimport {\n NumericField as NumberField,\n TextField\n} from \"./fields\";\n\nimport DayPicker from \"./fields/c.date.day\";\n\nconst STYLES = {\n QK_DROP: {\n position: \"absolute\",\n left: 0,\n width: \"100%\",\n bottom: \"-150px\",\n height: \"150px\",\n overflowY: \"scroll\",\n background: \"#fff\",\n padding: \"5px\",\n zIndex: 9,\n borderLeft: \"1px solid #000000\",\n borderRight: \"1px solid #000000\",\n borderBottom: \"1px solid #000000\",\n borderBottomRightRadius: \"3px\",\n borderBottomLeftRadius: \"3px\"\n\n }\n}\n\nconst QUICK_RANGES = [\n [\n [\"-30D\", __(\"LAST_30_DAYS\")],\n [\"-60D\", __(\"LAST_60_DAYS\")],\n [\"-6M\", __(\"LAST_6_MONTHS\")],\n [\"-1Y\", __(\"LAST_1_YEAR\")],\n [\"-2Y\", __(\"LAST_2_YEAR\")],\n [\"-5Y\", __(\"LAST_5_YEAR\")]\n ],\n [\n [\"-1D\", __(\"YESTERDAY\")],\n [\"-2D\", __(\"DAY_BEFORE_YESTRDY\")],\n [\"-7D\", __(\"THIS_DAY_LAST_WEEK\")],\n [\"PREV_WEEK\", __(\"PREVIOUS_WEEK\")],\n [\"PREV_52_WEEKS\", __(\"PREVIOUS_52_WEEKS\")],\n [\"PREV_MONTH\", __(\"PREVIOUS_MONTH\")],\n [\"PREV_YEAR\", __(\"PREVIOUS_YEAR\")]\n ],\n [\n [\"NOW\", __(\"TODAY\")],\n [\"CUR_WEEK\", __(\"THIS_WEEK\")],\n [\"CUR_MONTH\", __(\"THIS_MONTH\")],\n [\"CUR_YEAR\", __(\"THIS_YEAR\")],\n [\"CUR_YEAR_FIRST_WEEK\", __(\"CUR_YEAR_FIRST_WEEK\")], \n [\"CUR_YEAR_52_WEEKS\" , \"This year 52 weeks\"],\n [\"CUR_YEAR_WEEKS\" , \"This year weeks\"]\n\n ]\n];\n\nconst QUICK_RANGES_TEMPLATE = [\n [\n [\"DD-30D\", \"Previous 30 days\"],\n [\"DD-60D\", \"Previous 60 days\"],\n [\"DD-6M\", \"Previous 6 months\"],\n [\"DD-1Y\", \"Previous 1 year\"],\n [\"DD-2Y\", \"Previous 2 years\"],\n [\"DD-5Y\", \"Previous 5 years\"]\n ],\n [\n [\"DD-1D\", \"Previous Day\"],\n [\"DD-2D\", \"Day before previous day\"],\n [\"DD-7D\", \"Same day previous week\"],\n [\"D_PREV_WEEK\", \"Previous week\"],\n [\"D_PREV_MONTH\", \"Previous month\"],\n [\"D_PREV_YEAR\", \"Previous year\"],\n [\"CUR_YEAR\", __(\"THIS_YEAR\")]\n ],\n [\n [\"D_DATE\", \"Document date\"],\n [\"D_CUR_WEEK\", \"Document week\"],\n [\"D_CUR_MONTH\", \"Document month\"],\n [\"D_CUR_YEAR\", \"Document year\"],\n [\"D_YEAR_FIRST_WEEK\", \"Document year first week\"],\n [\"D_YEAR_WEEKS\" , \"Document year weeks\"],\n [\"D_YEAR_52_WEEKS\" , \"Document year 52 weeks\"]\n\n ]\n];\n\nconst PRESETS = [\n [\"NOW\", \"Today\"],\n [\"END\", \"End date\"],\n [\"N_W_S\", \"This week start\"],\n [\"N_W_E\", \"This week end\"],\n [\"N_M_S\", \"This month start\"],\n [\"N_M_E\", \"This month end\"],\n [\"N_Y_S\", \"This year start\"],\n [\"N_Y_E\", \"This year end\"],\n [\"N_Y_F_W_S\", \"This year first week start\"],\n [\"N_Y_F_W_E\", \"This year first week end\"]\n];\n\nconst PRESETS_TEMPLATE = [\n [\"D_DATE\", \"Document date\"],\n [\"NOW\", \"Today\"],\n [\"END\", \"End date\"],\n [\"D_W_S\", \"Document week start\"],\n [\"D_W_E\", \"Document week end\"],\n [\"D_M_S\", \"Document month start\"],\n [\"D_M_E\", \"Document month end\"],\n [\"D_Y_S\", \"Document year start\"],\n [\"D_Y_E\", \"Document year end\"],\n ['D_Y_S_ISO', 'Document year start (ISOW)'],\n ['D_Y_E_ISO', 'Document year end (ISOW)'],\n [\"N_W_S\", \"This week start\"],\n [\"N_W_E\", \"This week end\"],\n [\"N_M_S\", \"This month start\"],\n [\"N_M_E\", \"This month end\"],\n [\"N_Y_S\", \"This year start\"],\n [\"N_Y_E\", \"This year end\"],\n [\"N_Y_F_W_S\", \"This year first week start\"],\n [\"N_Y_F_W_E\", \"This year first week end\"],\n [\"D_Y_F_W_S\", \"Document year first week start\"],\n [\"D_Y_F_W_E\", \"Document year first week end\"],\n [\"D_CUR_YEAR_FIRST_WEEK\", \"Document year first week\"]\n\n\n\n\n];\n\nclass QuickRange extends React.Component {\n constructor(props) {\n super(props)\n }\n\n _onClick = (e) => {\n e.preventDefault();\n e.stopPropagation();\n this.props.onClick(this.props.data);\n };\n\n render() {\n return (\n {this.props.data[1]}
\n )\n }\n}\n\nclass Offset extends React.Component {\n constructor(props) {\n super(props);\n }\n\n _onChange = (prop, value) => {\n this.props.onChange(value);\n };\n\n offsetHelp = () => {\n ewars.prompt(\"fa-question-circle\", __(\"OFFSET_HELP\"),\n __(\"OFFSET_DESCRIPTION\") \n ,async () => {\n \n }, () => { },\n __(\"CONFIRM\"), __(\"CANCEL\"), true, false);\n }\n\n render() {\n return (\n \n \n
\n )\n }\n}\n\nclass DateSelect extends React.Component {\n static defaultProps = {\n showEndDate: false,\n showStartDate: false\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n shown: false,\n mode: \"CUSTOM\"\n }\n }\n\n componentDidMount() {\n window.__hack__.addEventListener(\"click\", this._handleBodyClick);\n }\n\n componentWillUnmount() {\n window.__hack__.removeEventListener(\"click\", this._handleBodyClick);\n }\n\n _handleBodyClick = (evt) => {\n if (this.refs.selector) {\n const area = this.refs.selector.getDOMNode ? this.refs.selector.getDOMNode() : this.refs.selector;\n\n if (!area.contains(evt.target)) {\n this.setState({\n shown: false\n })\n }\n }\n };\n\n _trigger = () => {\n this.setState({\n shown: !this.state.shown\n })\n\n };\n\n _setMode = (mode) => {\n this.setState({mode})\n };\n\n _onPickerChange = (value) => {\n this.props.onChange(this.props.prop, Moment.utc(value).format(\"YYYY-MM-DD\"));\n this.setState({\n shown: false\n })\n };\n\n _selectpreset = (preset) => {\n this.props.onChange(this.props.prop, \"{\" + preset[0] + \"}\");\n };\n\n _onOffsetChange = (value) => {\n let newValue = RangeUtils.applyOffset(this.props.value, value);\n this.props.onChange(this.props.prop, newValue);\n };\n\n render() {\n\n let label;\n\n let pickerValue;\n if (RangeUtils.isDate(this.props.value)) {\n pickerValue = RangeUtils.getDate(this.props.value);\n }\n label = RangeUtils.formatDateSpec(this.props.value);\n\n let code;\n if (RangeUtils.hasCode(this.props.value)) {\n code = RangeUtils.getCode(this.props.value);\n }\n\n let offset = RangeUtils.getOffset(this.props.value);\n\n let presets = PRESETS;\n\n if (this.props.mode == \"TEMPLATE\") presets = PRESETS_TEMPLATE;\n if (ewars.TEMPLATE_MODE == \"TEMPLATE\") presets = PRESETS_TEMPLATE;\n\n return (\n \n \n \n
\n \n \n
\n )\n }\n}\n\nclass DatePop extends React.Component {\n constructor(props) {\n super(props)\n }\n\n render() {\n return \n }\n}\n\nclass PresetItem extends React.Component {\n constructor(props) {\n super(props)\n }\n\n _onClick = () => {\n this.props.onClick(this.props.data);\n };\n\n render() {\n let className = \"dr-preset\";\n if (this.props.code == this.props.data[0]) className += \" active\";\n\n return (\n \n \n | {label} | \n \n \n | \n
\n
\n {this.state.shown ?\n \n \n \n \n \n | \n \n \n \n | \n | \n \n \n \n \n | \n \n \n | \n
\n \n
\n : null}\n \n
\n \n {presets.map(preset => {\n return ;\n })}\n
\n \n \n | \n \n | \n {this.props.data[1]} | \n
\n
\n )\n\n }\n}\n\nclass PeriodSelector extends React.Component {\n static defaultProps = {\n mode: \"DEFAULT\", // or TEMPLATE,\n value: [],\n vertical: false,\n showQuick: true\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n showRanges: false\n }\n }\n\n _onQkSelect = (qk) => {\n let tmp = RangeUtils.processPreset(qk[0]);\n if (this.props.onUpdate) this.props.onUpdate(this.props.config.nameOverride || this.props.name, [tmp[0], tmp[1]])\n if (this.props.onChange) this.props.onChange(this.props.n, [tmp[0], tmp[1]], null, null);\n\n this.setState({\n showRanges: false\n })\n };\n\n _onPropChange = (prop, value) => {\n let data = this.props.value || [];\n\n if (prop == \"start\") data[0] = value;\n if (prop == \"end\") data[1] = value;\n\n if (this.props.onChange) this.props.onChange(this.props.n, data);\n if (this.props.onUpdate) this.props.onUpdate(this.props.config.nameOverride || this.props.name, data, null, null);\n };\n\n quickRangeHelp = () => {\n ewars.prompt(\"fa-question-circle\", __(\"QUICK_RANGE_HELP\"),\n __(\"QUICK_RANGE_DESCRIPTION\") \n ,async () => {\n \n }, () => { },\n __(\"CONFIRM\"), __(\"CANCEL\"), true, false);\n };\n\n _showRanges = () => {\n this.setState({\n showRanges: !this.state.showRanges\n })\n };\n\n render() {\n let startDate = this.props.value && this.props.value[0] || Moment.utc().format(\"YYYY-MM-DD\");\n let endDate = this.props.value && this.props.value[1] || Moment.utc().format(\"YYYY-MM-DD\");\n let RANGES = QUICK_RANGES;\n if (ewars.TEMPLATE_MODE == \"TEMPLATE\") RANGES = QUICK_RANGES_TEMPLATE;\n\n if (this.props.vertical) {\n\n let items = [];\n RANGES.forEach((item, rangeIndex) => {\n item.forEach((qk, qkIndex) => {\n items.push(\n \n \n \n \n \n \n\n \n \n | \n
\n \n
\n\n )\n }\n\n return (\n \n \n | \n {__(\"QUICK_RANGES\")}\n | \n \n \n | \n {this.state.showRanges ?\n
\n
\n \n {items}\n
\n : null}\n \n \n \n \n \n \n \n\n \n \n | \n {this.props.showQuick ?\n \n \n \n \n \n {RANGES.map((item,index) => {\n return (\n \n {item.map((qk,ind) => {\n return \n })}\n | \n )\n })}\n \n \n | \n : null}\n\n
\n \n
\n )\n }\n}\n\nexport default PeriodSelector;\n","import Button from \"./c.button\";\n\nclass Prompt extends React.Component {\n static defaultProps = {\n confirmText: \"OK\",\n cancelText: \"Cancel\"\n };\n\n constructor(props) {\n super(props);\n }\n\n render() {\n console.log(this.props.data);\n\n let actions = [\n {label: this.props.confirmText, action: \"OK\"},\n {label: this.props.cancelText, action: \"CANCEL\"}\n ];\n\n if (this.props.data.actions) actions = this.props.data.actions;\n\n return (\n \n
\n )\n }\n}\n\nexport default Prompt;\n","import DataTable from \"./datatable/c.datatable\";\n\nvar COLUMNS = [\n {\n name: \"data_date\",\n label: __(\"REPORT_DATE\"),\n width: 80,\n fmt: function (value) {\n return ewars.DATE(value, \"DAY\")\n }\n },\n {\n name: \"location_name\",\n label: __(\"LOCATION\"),\n width: 250,\n fmt: function (value) {\n return ewars.I18N(value)\n }\n },\n {\n name: \"submitted_date\",\n label: __(\"SUBMITTED_DATE\"),\n width: 100,\n fmt: function (value) {\n return ewars.DATE(value, \"DAY\")\n }\n },\n {\n name: \"creator_name\",\n filterKey: \"created_by\",\n label: __(\"SUBMITTED\"),\n width: 150\n },\n {\n name: \"created\",\n label: __(\"CREATED\"),\n width: 100,\n fmt: ewars.DATE\n },\n {\n name: \"form_id\",\n label: __(\"FORM_ID\"),\n width: 100\n },\n {\n name: \"form_version_id\",\n label: __(\"FORM_VEERSION_ID\"),\n width: 300\n },\n {\n name: \"source\",\n label: __(\"SOURCE\"),\n width: 100\n },\n {\n name: \"status\",\n label: __(\"STATUS\"),\n width: 100\n },\n {\n name: \"uuid\",\n label: __(\"UUID\"),\n width: 300\n }\n];\n\nclass ReportBrowser extends React.Component {\n static defaultProps = {\n form_id: null,\n filter: null,\n editor: false,\n actions: [],\n id: null,\n onAction: () => {\n }\n };\n\n constructor(props) {\n super(props);\n\n this.state = {};\n\n this._reload(props.form_id);\n }\n\n componentWillReceiveProps(nextProps) {\n if (nextProps.form_id != this.props.form_id) {\n this._reload(nextProps.form_id);\n }\n }\n\n _reload = (form_id) => {\n ewars.tx(\"com.ewars.form.definition\", [form_id])\n .then((resp) => {\n this.setState({\n definition: resp\n })\n })\n };\n\n render() {\n if (!this.state.definition) {\n return (\n \n
\n \n
\n \n
{this.props.data.title}
\n {this.props.data.content}
\n \n
\n \n {actions.map(item => {\n return (\n \n )\n })}\n
\n \n {__(\"LOADING_DEF\")}
\n )\n }\n\n let grid;\n if (this.state.definition.grid) {\n grid = ewars.copy(this.state.definition.grid);\n\n grid.columns.forEach((col) => {\n switch (col.name) {\n case \"submitted_date\":\n col.fmt = (val) => {\n return ewars.DATE(val, \"YYYY-MM-DD HH:mm\")\n };\n break;\n case \"created\":\n col.fmt = (val) => {\n ewars.DATE(val, \"YYYY-MM-DD HH:mm\");\n };\n break;\n case \"data_date\":\n col.fmt = (val) => {\n return ewars.DATE(val, this.state.definition.interval);\n };\n break;\n default:\n break;\n }\n })\n }\n\n\n return (\n \n \n
\n )\n }\n}\n\nexport default ReportBrowser;\n","import { Layout, Row, Cell } from \"./layout\";\nimport Toolbar from \"./c.toolbar\";\nimport Button from \"./c.cmp.button\";\n\nclass Shade extends React.Component {\n static defaultProps = {\n shown: false,\n title: \"\",\n actions: [],\n onAction: null,\n toolbar: true\n };\n\n constructor(props) {\n super(props);\n }\n\n onClose = () => {\n this.props.onAction(\"CLOSE\", null);\n };\n\n _onAction = (data) => {\n this.props.onAction(data.action);\n };\n\n componentDidMount() {\n if (this.props.shown) {\n } else {\n\n }\n }\n\n componentWillReceiveProps(nextProps) {\n if (nextProps.shown && !this.props.shown) {\n }\n }\n\n render() {\n if (!this.props.shown) return (\n \n );\n\n return (\n \n \n \n | \n | \n \n | \n
\n \n
\n )\n }\n}\n\nexport default Shade;\n\n","var Spinner = React.createClass({\n render: function () {\n return (\n \n \n
\n \n \n {this.props.toolbar ?\n \n \n : null}\n\n \n | \n {this.props.children}\n | \n
\n\n \n
\n \n {this.props.actions.map((item,index) => {\n return (\n \n\n )\n })}\n
\n \n
\n )\n }\n});\n\nexport default Spinner;\n","const ICON_STYLE = {\n maxWidth: \"20px\",\n flexBasis: \"0px\",\n flexGrow: 1,\n padding: \"8px 5px\",\n textAlign: \"center\",\n borderTopLeftRadius: \"3px\"\n}\n\nconst LABEL_STYLE = {\n wordBreak: \"keep-all\",\n flex: \"0 0 auto\",\n padding: \"8px\"\n}\n\nclass Tab extends React.Component {\n constructor(props) {\n super(props);\n }\n\n _onClick = (e) => {\n e.preventDefault();\n this.props.onClick(this.props.data);\n };\n\n render() {\n let className = \"panelsbar-btn\";\n if (this.props.active) className += \" panelsbar-btn-active\";\n\n let icon, label;\n if (this.props.icon) icon = ;\n if (this.props.label) label = __(this.props.label);\n\n return (\n \n \n
\n \n
\n )\n }\n}\n\nexport default Tab;\n","'use strict';\n\nvar VertTab = React.createClass({\n getDefaultProps: function () {\n return {\n active: false\n }\n },\n\n _onClick: function () {\n this.props.onClick(this.props.view);\n },\n\n render: function () {\n var className = \"ide-tab\";\n if (this.props.active) className += \" ide-tab-down\";\n\n var iconClass = \"fal \" + this.props.icon;\n\n return (\n \n {icon ?\n
\n {icon}
\n : null}\n {label}
\n \n {this.props.label}\n
\n )\n }\n});\n\nexport default VertTab;\n","class Toolbar extends React.Component {\n static defaultProps = {\n label: null,\n buttons: []\n };\n\n constructor(props) {\n super(props);\n }\n\n render() {\n return (\n \n
\n )\n }\n}\n\nexport default Toolbar;","class Handle extends React.Component {\n render() {\n let formName, locationName;\n if (this.props.value.form_id) {\n this.props.assignments.forEach((item) => {\n if (item.form_id == this.props.value.form_id) {\n formName = ewars.I18N(item.form_name);\n\n if (this.props.value.location_id) {\n item.locations.forEach((loc) => {\n if (loc.location_id == this.props.value.location_id) {\n locationName = ewars.I18N(loc.name[0]);\n }\n })\n }\n }\n })\n }\n\n let name = __(\"NO_SELECTION\");\n if (formName && locationName) name = `${formName} - ${locationName}`;\n\n return (\n \n
\n \n {this.props.icon ?\n
\n \n \n
\n : null}\n {this.props.label ?\n {__(this.props.label)}{this.props.note ? (*{__(this.props.note)}) : \"\"}
\n : null}\n\n \n {this.props.buttons}\n
\n {this.props.children}\n \n \n \n {name} \n \n \n \n \n \n
\n )\n }\n}\n\nclass SelectChild extends React.Component {\n render() {\n let locationName = ewars.I18N(this.props.data.name[0]);\n return (\n {this.props.onClick(this.props.data)}}>\n
\n )\n }\n}\n\nclass SelectItem extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n show: false\n }\n }\n\n _toggle = () => {\n this.setState({\n show: !this.state.show\n })\n };\n\n _onClick = (location) => {\n this.props.onSelect([this.props.data, location]);\n };\n\n render() {\n let formName = ewars.I18N(this.props.data.form_name);\n\n let className = this.state.show ? \"fal fa-caret-down\" : \"fal fa-caret-right\";\n return (\n {locationName}
\n \n
\n )\n }\n}\n\nexport default class AssignmentSelector extends React.Component {\n _initialLoad = false;\n _initialized = false;\n\n static defaultProps = {\n showForm: true\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n data: [],\n assignment: null,\n show: false\n };\n\n ewars.tx('com.ewars.user.assignments')\n .then((resp) => {\n this._isLoaded = true;\n this.setState({\n data: resp\n })\n })\n\n }\n\n componentDidMount() {\n window.__hack__.addEventListener('click', this.handleBodyClick);\n }\n\n componentWillUnmount() {\n window.__hack__.removeEventListener('click', this.handleBodyClick);\n }\n\n handleBodyClick = (evt) => {\n if (this.refs.selector) {\n const area = this.refs.selector.getDOMNode ? this.refs.selector.getDOMNode() : this.refs.selector;\n\n if (!area.contains(evt.target)) {\n this.state.showLocations = false;\n this.forceUpdate();\n }\n }\n };\n\n _toggle = (e) => {\n e.stopPropagation();\n this.setState({\n show: !this.state.show\n })\n };\n\n handleClick = (e) => {\n e.stopPropagation();\n };\n\n _init = (props) => {\n ewars.tx(\"com.ewars.user.assignments\")\n .then((resp) => {\n this.setState({\n data: resp\n })\n })\n };\n\n _onChange = (data) => {\n this.props.onUpdate(this.props.name, data);\n };\n\n _onSelect = (data) => {\n let loc = data[1];\n let value = loc.uuid;\n this.state.show = false;\n this.props.onUpdate(this.props.name, value, data);\n };\n\n render() {\n return (\n \n \n \n \n \n \n {formName}\n \n \n
\n {this.state.show ?\n \n {this.props.data.locations.map((item,index) => {\n return \n })}\n
\n : null}\n \n \n {this.state.show ?\n
\n )\n }\n}","module.exports = {\n // User Types\n SUPER_ADMIN: \"SUPER_ADMIN\",\n INSTANCE_ADMIN: \"INSTANCE_ADMIN\",\n GLOBAL_ADMIN: \"GLOBAL_ADMIN\",\n ACCOUNT_ADMIN: \"ACCOUNT_ADMIN\",\n USER: \"USER\",\n ORG_ADMIN: \"ORG_ADMIN\",\n LAB_USER: \"LAB_USER\",\n REGIONAL_ADMIN: \"REGIONAL_ADMIN\",\n COUNTRY_SUPERVISOR: \"ACCOUNT_ADMIN\",\n BOT: \"BOT\",\n API_USER: \"API_USER\",\n\n // General states\n DISABLED: \"DISABLED\",\n\n // Reporting intervals\n NONE: \"NONE\",\n DAY: \"DAY\",\n WEEK: \"WEEK\",\n MONTH: \"MONTH\",\n YEAR: \"YEAR\",\n\n // Filterable time periods\n ONEM: \"1M\",\n THREEM: \"3M\",\n SIXM: \"6M\",\n ONEY: \"1Y\",\n YTD: \"YTD\",\n ALL: \"ALL\",\n\n ACTIVE: \"ACTIVE\",\n INACTIVE: \"INACTIVE\",\n DRAFT: \"DRAFT\",\n DELETED: \"DELETED\",\n\n DEFAULT: \"DEFAULT\",\n\n DESC: \"DESC\",\n ASC: \"ASC\",\n\n FORWARD: \"FORWARD\",\n BACKWARD: \"BACKWARD\",\n\n // Icons\n ICO_DASHBOARD: \"fal fa-tachometer\",\n ICO_USERS: \"fal fa-users\",\n ICO_USER: \"fal fa-user\",\n ICO_REPORT: \"fal fa-file\",\n ICO_REPORTS: \"fal fa-clipboard\",\n ICO_GRAPH: \"fal fa-chart-bar\",\n ICO_INVESTIGATION: \"fal fa-search\",\n ICO_RELATED: \"fal fa-link\",\n ICO_GEAR: \"fal fa-gear\",\n ICO_CARET_DOWN: \"fal fa-caret-down\",\n ICO_SEND: \"fal fa-envelope\",\n ICO_SUBMIT: \"fal fa-senf\",\n ICO_SAVE: \"fal fa-save\",\n ICO_CANCEL: \"fal fa-times\",\n\n // Chart Types\n SERIES: \"SERIES\",\n BAR: \"BAR\",\n MAP: \"MAP\",\n PIE: \"PIE\",\n SCATTER: \"SCATTER\",\n\n // Indicator types\n CUSTOM: \"CUSTOM\",\n\n OPEN: \"OPEN\",\n CLOSED: \"CLOSED\",\n\n // Form types\n PRIMARY: \"PRIMARY\",\n INVESTIGATIVE: \"INVESTIGATIVE\",\n LAB: \"LAB\",\n SURVEY: \"SURVEY\",\n\n // Alert stages\n VERIFICATION: \"VERIFICATION\",\n RISK_ASSESS: \"RISK_ASSESS\",\n RISK_CHAR: \"RISK_CHAR\",\n OUTCOME: \"OUTCOME\",\n\n // OUtcomes\n\n // Stage states\n DISCARD: \"DISCARD\",\n MONITOR: \"MONITOR\",\n ADVANCE: \"ADVANCE\",\n COMPLETED: \"COMPLETED\",\n PENDING: \"PENDING\",\n RESPOND: \"RESPOND\",\n DISCARDED: \"DISCARDED\",\n AUTODISCARDED: \"AUTODISCARDED\",\n\n // Risk levels\n LOW: \"LOW\",\n MODERATE: \"MODERATE\",\n HIGH: \"HIGH\",\n SEVERE: \"SEVERE\",\n\n // Colors\n RED: \"red\",\n GREEN: \"green\",\n ORANGE: \"orange\",\n YELLOW: \"yellow\",\n\n // Default Formats\n DEFAULT_DATE: \"YYYY-MM-DD\",\n\n // Dates\n MONTHS_LONG: [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"],\n MONTHS_SHORT: [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"],\n CAL_DAYS_LABELS: [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thurs\", \"Fri\", \"Sat\"],\n CAL_DAYS_IN_MONTH: [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31],\n\n};","export let FIELD_FORM = [\n {\n _o: 0,\n n: \"label\",\n i18: true,\n t: \"TEXT\",\n l: __(\"FIELD_LABEL\"),\n d: {en: \"New Field\"},\n p : __(\"ENTER_FIELD_LABEL\"),\n },\n {\n _o: 1,\n n: \"export_label\",\n i18: true,\n t: \"TEXT\",\n l: __(\"FIELD_EXPORT_LABEL\"),\n p : __(\"ENTER_FIELD_EXPORT_LABEL\"),\n },\n {\n _o: 1,\n n: \"type\",\n t: \"SELECT\",\n l: __(\"FIELD_TYPE\"),\n d: \"text\",\n o: [\n [\"text\", __(\"TEXT_FIELD\")],\n [\"number\", __(\"NUMERIC_FIELD\")],\n [\"select\", __(\"SELECT_FIELD\")],\n [\"textarea\", __(\"TEXTAREA_FIELD\")],\n [\"header\", __(\"HEADER_FIELD\")],\n [\"matrix\", __(\"MATRIX_FIELD\")],\n [\"row\", __(\"MATRIX_ROW_FIELD\")],\n [\"display\", __(\"DISPLAY\")],\n [\"date\", __(\"DATE_FIELD\")],\n ['location', __('LOCATION')],\n ['lat_long', __('LAT_LONG_FIELD')],\n ['calculated', __('CALCULATED_FIELD')],\n // ['repeater', __('REPEATER_ONLY_WEB')],\n // ['related', __('RELEATED_RECORDS_WEB_ONLY')],\n [\"time\", __(\"TIME_FIELD\")],\n [\"main_form_field\", __(\"MAIN_FORM_FIELD\")],\n [\"media\", __(\"MEDIA_FIELD\")]\n ]\n },\n {\n _o: 3,\n n: \"name\",\n t: \"TEXT\",\n l: __(\"FIELD_NAME\"),\n p : __(\"ENTER_FIELD_NAME\"),\n },\n {\n _o: 2,\n n: \"main_form_field_key\",\n t: \"SELECT\",\n l: __(\"MAIN_FORM_FIELD\"),\n r: true,\n o: [],\n c: [\n \"ALL\",\n \"type:=:main_form_field\"\n ]\n },\n {\n _o: 2,\n n: \"media_type\",\n t: \"SELECT\",\n l: __(\"MEDIA_TYPE\"),\n r: true,\n o: [\n [\"ANY\", __(\"PHOTO_VIDEO\")],\n [\"IMAGE\", __(\"IMAGE\")],\n [\"VIDEO\", __(\"VIDEO\")]\n ],\n c: [\n \"ALL\",\n \"type:=:media\"\n ]\n },\n {\n _o: 3,\n n: \"main_form_field_editable\",\n l: __(\"IS_EDITABLE\"),\n t: \"BUTTONSET\",\n o: [\n [false, __(\"NO\")],\n [true, __(\"YES\")]\n ],\n d: false,\n c: [\n \"ALL\",\n \"type:=:main_form_field\"\n ]\n },\n \n {\n _o: 3,\n n: \"required\",\n l: __(\"REQUIRED\"),\n t: \"BUTTONSET\",\n o: [\n [false, __(\"NO\")],\n [true, __(\"YES\")]\n ],\n d: false,\n c: [\n \"ANY\",\n \"type:=:select\",\n \"type:=:text\",\n \"type:=:textarea\",\n \"type:=:date\",\n \"type:=:location\",\n \"type:=:number\",\n \"type:=:lat_long\",\n \"type:=:main_form_field\",\n \"type:=:media\"\n ]\n },\n {\n _: 4,\n n: \"is_search_field\",\n t: \"BUTTONSET\",\n l: __(\"SHOW_SEARCH_BOX\"),\n o: [\n [false, __(\"NO\")],\n [true, __(\"YES\")]\n ],\n c:[\n \"ALL\",\n \"type:=:select\"\n ]\n },\n /**\n {\n _o: 3.1,\n n: \"unique\",\n l: \"Unique Constraint\",\n t: \"BUTTONSET\",\n o: [\n [false, \"No\"],\n [true, \"Yes\"]\n ],\n h: \"Fields marked as unique will restrict the form from being submitted if a record with the same combination of values in its unique fields already exists.\",\n d: false,\n c: [\n \"ANY\",\n \"type:!=:header\",\n \"type:!=:matrix\",\n \"type:!=:row\",\n \"type:!=:display\",\n \"type:!=:markdown\",\n ]\n },\n **/\n {\n _: 4,\n n: \"show_mobile\",\n t: \"BUTTONSET\",\n l: __(\"SHOW_ON_MOBILE\"),\n o: [\n [false, __(\"NO\")],\n [true, __(\"YES\")]\n ]\n },\n {\n _o: 4,\n n: 'sti',\n t: 'SELECT',\n l: __(\"LOCATION_TYPE\"),\n r: true,\n o: [],\n c: [\n 'ALL',\n 'type:=:location'\n ],\n os: ['location_type', 'id', 'name', {}]\n\n },\n {\n _o: 5,\n n: \"show_row_label\",\n t: \"BUTTONSET\",\n l: __(\"SHOW_ROW_LABEL\"),\n o: [\n [false, __(\"NO\")],\n [true, __(\"YES\")]\n ],\n c: [\n \"ALL\",\n \"type:=:row\"\n ]\n },\n {\n _o: 5,\n n: \"is_age_field\",\n t: \"BUTTONSET\",\n l: __(\"IS_AGE_LABEL\"),\n o: [\n [false, __(\"NO\")],\n [true, __(\"YES\")]\n ],\n c: [\n \"ALL\",\n \"type:=:number\"\n ]\n },\n {\n _o: 6,\n n: \"date_type\",\n t: \"SELECT\",\n l: __(\"DATE_TYPE\"),\n r: true,\n d: \"DAY\",\n o: [\n [\"DAY\", __(\"DAY\")],\n [\"WEEK\", __(\"WEEK\")],\n [\"MONTH\", __(\"MONTH\")],\n [\"YEAR\", __(\"YEAR\")]\n // [\"CUSTOM\", \"Custom\"]\n ],\n c: [\n \"ALL\",\n \"type:=:date\"\n ]\n },\n /**\n {\n _o: 6.1,\n n: \"is_canonical_date\",\n t: \"BUTTONSET\",\n r: true,\n l: \"Canonical Date?\",\n o: [\n [false, \"No\"],\n [true, \"Yes\"]\n ],\n c: [\n \"ALL\",\n \"type:=:date\"\n ]\n },\n **/\n {\n _o: 6.2,\n n: \"interval_days\",\n t: \"NUMERIC\",\n l: __(\"NUMBER_OF_DAYS_IN_INTERVAL\"),\n r: true,\n d: 0,\n c: [\n \"ALL\",\n \"date_type:=:CUSTOM\"\n ]\n },\n {\n _o: 6.3,\n n: \"interval_base_date\",\n t: \"DATE\",\n dt: \"DAY\",\n l: __(\"BASE_DATE\"),\n r: true,\n c: [\n \"ALL\",\n \"date_type:=:CUSTOM\"\n ]\n },\n {\n _o: 6.4,\n n: \"date_format\",\n t: \"TEXT\",\n l: __(\"OUTPUT_FORMAT\"),\n c: [\n \"ALL\",\n \"type:=:date\"\n ],\n p : __(\"ENTER_OUTPUT_FORMAT\"),\n },\n {\n _o: 6,\n n: \"select_date_field\",\n t: \"SELECT\",\n l: __(\"CALCULATE_AGE_FROM\"),\n c: [\n \"ALL\",\n \"type:=:number\",\n \"is_age_field:=:true\"\n ],\n o: []\n },\n {\n _o: 7,\n n: \"select_month_year_field\",\n t: \"BUTTONSET\",\n l: __(\"SELECT_MONTH_DAY_LABEL\"),\n o: [\n [\"month\", __(\"Month(s)\")],\n [\"year\", __(\"YEARS\")]\n ],\n c: [\n \"ALL\",\n \"type:=:number\",\n \"is_age_field:=:true\",\n ]\n },\n {\n _o: 8,\n n: \"help\",\n t: \"TEXT\",\n i18: true,\n l: __(\"FIELD_INSTRUCTIONS\"),\n ml: true,\n p : __(\"ENTER_FIELD_INSTRUCTIONS\"),\n c: [\n \"ANY\",\n \"type:=:select\",\n \"type:=:text\",\n \"type:=:textarea\",\n \"type:=:date\",\n \"type:=:location\",\n \"type:=:number\"\n ]\n },\n {\n _o: 9,\n n: \"options\",\n t: \"OPTIONSDEF\",\n l: __(\"OPTIONS\"),\n o: [\n [\"month\", __(\"Month(s)\")],\n [\"day\", __(\"Day(s)\")]\n ],\n i18: true,\n c: [\n \"ALL\",\n \"type:=:select\"\n ]\n },\n \n {\n _o: 10,\n n: \"default\",\n t: \"TEXT\",\n p : __(\"ENTER_DEFAULT_VALUE\"),\n l: __(\"DEFAULT_VALUE\"),\n c: [\n \"ANY\",\n \"type:=:number\",\n \"type:=:select\",\n \"type:=:text\",\n \"type:=:textarea\",\n \"type:=:date\",\n \"type:=:location\"\n ]\n },\n {\n _o: 11,\n n: \"redacted\",\n t: \"BUTTONSET\",\n l: __(\"REDACTED\"),\n d: false,\n o: [\n [false, __(\"NO\")],\n [true, __(\"YES\")]\n ],\n c: [\n \"ANY\",\n \"type:=:select\",\n \"type:=:number\",\n \"type:=:text\",\n \"type:=:date\",\n \"type:=:location\",\n \"type:=:textarea\"\n ]\n },\n {\n _o: 11,\n n: \"header_style\",\n t: \"SELECT\",\n l: __(\"HEADER_STYLE\"),\n d: \"TITLE\",\n o: [\n [\"style-title\", __(\"TITLE\")],\n [\"style-sub-title\", __(\"SUB_TITLE\")]\n ],\n c: [\n \"ALL\",\n \"type:=:header\"\n ]\n },\n {\n _o: 12,\n n: \"placeholder\",\n t: \"TEXT\",\n p : __(\"ENTER_PLACEHOLDER\"),\n l: __(\"PLACEHOLDER\"),\n c: [\n \"ANY\",\n \"type:=:text\",\n \"type:=:number\",\n \"type:=:textarea\"\n ]\n },\n {\n _o: 13,\n n: \"barcode\",\n t: \"BUTTONSET\",\n l: __(\"BARCODE\"),\n o: [\n [false, __(\"NO\")],\n [true, __(\"YES\")]\n ],\n c: [\n \"ANY\",\n \"type:=:text\",\n \"type:=:number\"\n ]\n },\n {\n _o: 14,\n n: \"block_future\",\n t: \"BUTTONSET\",\n l: __(\"ALLOW_FUTURE_DATES\"),\n d: false,\n o: [\n [false, __(\"YES\")],\n [true, __(\"NO\")]\n ],\n c: [\n \"ALL\",\n \"type:=:date\"\n ]\n },\n {\n _o: 15,\n n: \"multiple\",\n t: \"BUTTONSET\",\n l: __(\"SELECT_MULTIPLE\"),\n o: [\n [false, __(\"NO\")],\n [true, __(\"YES\")]\n ],\n d: false,\n c: [\n \"ALL\",\n \"type:=:select\"\n ]\n },\n // {\n // _o: 16,\n // n: \"max\",\n // t: \"TEXT\",\n // p : __(\"ENTER_MAXIMUM\"),\n // l: __(\"MAXIMUM\"),\n // c: [\n // \"ALL\",\n // \"type:=:number\"\n // ]\n // },\n // {\n // _o: 17,\n // n: \"min\",\n // t: \"TEXT\",\n // p : __(\"ENTER_MINIMUM\"),\n // l: __(\"MINIMUM\"),\n // c: [\n // \"ALL\",\n // \"type:=:number\"\n // ]\n // },\n {\n _o: 18,\n n: \"decimal_allowed\",\n t: \"BUTTONSET\",\n l: __(\"ALLOW_DECIMALS\"),\n o: [\n [false, __(\"NO\")],\n [true, __(\"YES\")]\n ],\n d: true,\n c: [\n \"ALL\",\n \"type:=:number\"\n ]\n },\n {\n _o: 18,\n n: \"negative\",\n t: \"BUTTONSET\",\n l: __(\"ALLOW_NEGATIVE\"),\n o: [\n [false, __(\"NO\")],\n [true, __(\"YES\")]\n ],\n d: true,\n c: [\n \"ALL\",\n \"type:=:number\"\n ]\n },\n {\n _o: 19,\n n: \"conditional_bool\",\n t: \"BUTTONSET\",\n o: [\n [false, __(\"NO\")],\n [true, __(\"YES\")]\n ],\n l: __(\"CONDITIONAL_LOGIC\")\n },\n {\n _o: 20,\n n: \"conditions\",\n t: \"FIELDRULES\",\n l: __(\"RULES_EDITOR\"),\n c: [\n \"ALL\",\n \"conditional_bool:=:true\"\n ]\n },\n {\n _o: 21,\n n: \"calc_def\",\n t: \"CALC_FIELD_DEF\",\n l: __(\"SOURCE_FIELDS\"),\n c: [\n \"ALL\",\n \"type:=:calculated\"\n ]\n },\n {\n _o: 22,\n n: \"calc_def_formula\",\n t: \"BUTTONSET\",\n o: [\n [\"SUM\", __(\"SUM\")],\n [\"SUBTRACT\", __(\"SUBTRACT\")],\n [\"CONCATE\", __(\"CONCATENATE\")],\n \n ],\n d:\"CONCATE\",\n l: __(\"OPERATOR_TYPE\"),\n c: [\n \"ALL\",\n \"type:=:calculated\"\n ]\n },\n {\n _o: 23,\n n: \"calc_def_formula_separator\",\n t: \"TEXT\",\n p : __(\"ENTER_SEPARATOR\"),\n l: __(\"SEPARATOR\"),\n c: [\n \"ALL\",\n \"type:=:calculated\",\n \"calc_def_formula:=:CONCATE\"\n ]\n },\n {\n _o: 24,\n n: \"display_for_sort_view\",\n l: __('DISPLAY_IN_MAIN_RECORD'),\n t: \"BUTTONSET\",\n o: [\n [false, __(\"NO\")],\n [true, __(\"YES\")]\n ],\n d: false\n },\n];\n\nexport const setFormFieldsForAge = (fields) => {\n let formFieldForAge = [];\n for(const key in fields) {\n if(fields[key][\"type\"] === \"date\")\n formFieldForAge.push([fields[key].name, ewars.formatters.I18N_FORMATTER(fields[key].label)])\n }; \n FIELD_FORM = FIELD_FORM.map(field => {\n if(field.n===\"select_date_field\")\n return {...field, o:formFieldForAge}\n return field\n }) \n}","import {\n DateField,\n SelectField,\n TextAreaField,\n SwitchField,\n LocationField as LocationSelect,\n NumericField as NumberField,\n TextField\n} from \"../fields/\";\n\nimport Button from \"../c.button\";\nimport ContextMenu from \"../c.context_menu\";\n\nconst TYPES = {\n date: DateField,\n select: SelectField,\n text: TextField,\n textarea: TextAreaField,\n switch: SwitchField,\n location: LocationSelect,\n number: NumberField\n};\n\n\nconst CELL_ACTIONS = [\n [\"fa-save\", \"SAVE\", \"Save\"],\n [\"fa-times\", \"CANCEL\", \"Cancel\"]\n]\n\nclass DataTableCell extends React.Component {\n static defaultProps = {\n editable: false,\n editor: null\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n context: false,\n edit: false,\n tempVal: null\n }\n }\n\n componentWillMount() {\n window.__hack__.addEventListener(\"contextmenu\", this._clear);\n ewars.subscribe(\"UNMOUNT_EDIT\", this._unmountEdit);\n }\n\n componentWillUnmount() {\n window.__hack__.removeEventListener(\"contextmenu\", this._clear);\n }\n\n _unmountEdit = () => {\n this.setState({\n edit: false\n })\n };\n\n _clear = (evt) => {\n if (this.refs.item) {\n if (!this.refs.item.contains(evt.target)) {\n this.setState({\n context: false\n })\n }\n }\n };\n\n _edit = () => {\n };\n\n _context = (e) => {\n e.preventDefault();\n this.setState({\n context: true\n })\n };\n\n _onAction = (data) => {\n this.setState({\n context: false\n });\n this.props.onAction(data, this.props.col, this.props.row);\n };\n\n _onDblClick = (e) => {\n e.preventDefault();\n if (!this.props.editable) {\n this.props.onAction(\"CLICK\", this.props.col, this.props.row);\n } else {\n let val;\n if (this.props.col.name.startsWith(\"data.\")) {\n val = this.props.row.data[this.props.col.name.replace(\"data.\", \"\")]\n } else if (this.props.col.name.indexOf(\".\") > 0) {\n val = ewars.getKeyPath(this.props.col.name, this.props.row);\n } else {\n val = this.props.row[this.props.col.name] || null;\n }\n\n let editVal = val;\n if (this.props.col.editor) {\n // Edit a column other than this one\n if (this.props.col.editor.editColumn != null) {\n editVal = ewars.getKeyPath(this.props.col.editor.editColumn, this.props.row);\n }\n\n if (this.props.col.editor.editIndex != null) {\n editVal = editVal[this.props.col.editor.editIndex];\n }\n }\n\n ewars.emit(\"UNMOUNT_EDIT\");\n this.setState({\n edit: true,\n tempVal: editVal\n })\n }\n };\n\n _onCellAction = (action) => {\n switch (action) {\n case \"CANCEL\":\n this.setState({\n edit: false,\n tempVal: null\n });\n return true;\n case \"SAVE\":\n this.setState({\n edit: false\n });\n this.props.col.editor.onChange(this.props.col, this.props.row, this.state.tempVal);\n return true;\n default:\n return true;\n }\n };\n\n _onValueChange = (e) => {\n this.setState({\n tempVal: e.target.value\n })\n };\n\n render() {\n let style = {width: this.props.width};\n\n let val;\n if (this.props.col.name.startsWith(\"data.\")) {\n if (this.props.col.config.type == \"main_form_field\"){\n // val = this.props.row.main_report_data[this.props.col.config.main_form_field_key]\n val = this.props.row.main_report_data ? this.props.row.main_report_data[this.props.col.config.main_form_field_key] : null\n }else{\n val = this.props.row.data[this.props.col.name.replace(\"data.\", \"\")]\n }\n } else if (this.props.col.name.indexOf(\".\") > 0) {\n val = ewars.getKeyPath(this.props.col.name, this.props.row);\n } else {\n val = this.props.row[this.props.col.name] || null;\n }\n let rawVal = val;\n\n\n if (this.props.col.config.type == \"select\" && this.props.col.config.options) {\n if (this.props.col.config.multiple) {\n if (val) {\n let newVal = [];\n this.props.col.config.options.forEach((item) => {\n if (val.indexOf(item[0]) >= 0) {\n newVal.push(ewars.I18N(item[1]));\n }\n });\n\n val = newVal.join(\", \")\n }\n\n } else {\n this.props.col.config.options.forEach(function (item) {\n if (item[0] == val) val = item[1]\n })\n }\n }\n\n if (this.props.col.config.type == \"lat_long\" && val != null) val = `Lat: ${rawVal[0]}, Lng: ${rawVal[1]}`;\n\n if (this.props.col.fmt) val = this.props.col.fmt(val, this.props.row);\n\n if (val instanceof Object) val = ewars.I18N(val);\n\n let valueClass = \"dt-cell-value\";\n if (this.props.col.config.type == \"number\") valueClass += \" rh-align\";\n\n let EditControl;\n // if (this.state.edit) {\n // EditControl = TYPES[this.props.col.config.type];\n // }\n\n let cellStyle = {\n border: \"1px dashed transparent\",\n position: \"relative\",\n height: \"100%\"\n };\n if (this.props.col.color) {\n let color = this.props.col.color(rawVal);\n cellStyle.borderColor = color;\n cellStyle.textShadow = `0px -2px 3px ${color}`;\n }\n\n\n return (\n \n
\n : null}\n \n {this.state.data.map((item,index) => {\n return (\n \n )\n })}\n
\n \n {this.state.edit ?\n
\n \n \n
\n : null}\n {!this.state.edit ?\n {val}
\n : null}\n {this.state.context ?\n \n \n
\n : null}\n {this.state.edit ?\n \n \n
\n : null}\n \n
\n )\n }\n}\n\nclass UserFilter extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n search: \"\",\n data: [],\n resource: \"user\"\n }\n }\n\n componentDidMount() {\n if(this.props.applyResourceOffline){\n this.setState({\n resource : \"user_search\" \n })\n } \n }\n\n query = (term) => {\n ewars.tx(\"com.ewars.query\", [this.state.resource, ['id', 'name', 'email'], {name: {like: term}}, null, null, null, null])\n .then(function (resp) {\n this.setState({\n data: resp\n })\n }.bind(this))\n };\n\n _onSearchChange = (e) => {\n if (e.target.value.length > 2) {\n this.setState({search: e.target.value});\n this.query(this.state.search)\n } else {\n this.setState({search: e.target.value, data: []})\n }\n };\n\n _onSelect = (user) => {\n if([\"NIN\", \"IN\"].indexOf(this.props.condition) >= 0){\n let arrdata = this.props.value;\n if (!arrdata) arrdata = [];\n if (arrdata.indexOf(user.id) < 0) {\n arrdata.push(user.id);\n this.props.onUpdate(this.props.name, arrdata);\n } else {\n let place = arrdata.indexOf(user.id);\n arrdata.splice(place, 1);\n this.props.onUpdate(this.props.name, arrdata);\n }\n }else{\n this.props.onUpdate(this.props.name, user.id);\n }\n };\n\n render() {\n return (\n \n
\n \n {[\"NIN\", \"IN\"].indexOf(this.props.condition) >= 0 ?\n
\n \n \n
: null}\n \n {this.props.data.name}\n \n [{this.props.data.email}]\n
\n \n
\n )\n }\n}\n\nclass DataTableFilterControl extends React.Component {\n static defaultProps = {\n filter: null,\n id: null,\n cell: null,\n top: 0,\n left: 0\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n filter: {},\n condition: \"EQ\",\n value: null,\n upper: null\n }\n\n let comparator = \"EQ\";\n let value = '';\n let cellName = this.props.cell.config.filterKey || this.props.cell.name;\n if (this.props.filter[cellName]) {\n // There is filtering applied\n let keys = Object.keys(this.props.filter[cellName]);\n if (keys.indexOf(\"type\") >= 0) keys.splice(keys.indexOf(\"type\"), 1);\n comparator = keys[0].toUpperCase();\n value = this.props.filter[cellName][keys[0]] || \"\"\n if(keys[0] == 'isEmpty' && this.props.filter[cellName][keys[0]]) value = \"\"\n }\n if (!value && this.props.cell.config.type == 'date') value = new Date();\n this.state.condition = comparator;\n this.state.value = value;\n }\n componentDidMount() {\n if(Array.isArray(this.state.value)){\n this.setState({\n ...this.state,\n value : this.state.value[0],\n upper : this.state.value[1],\n })\n }\n }\n componentWilReceiveProps(props) {\n let comparator = this.state.condition;\n let value = this.state.value;\n let cellName = props.cell.config.filterKey || props.cell.name;\n if (props.filter[cellName]) {\n // There is filtering applied\n let keys = Object.keys(props.filter[cellName]);\n if (keys.indexOf(\"type\") >= 0) keys.splice(keys.indexOf(\"type\"), 1);\n comparator = keys[0].toUpperCase();\n value = props.filter[cellName][keys[0]] || \"\"\n }\n\n if (!value && props.cell.config.type == 'date') value = new Date();\n\n this.state.condition = comparator;\n this.state.value = value;\n }\n\n _filterChange = (prop, value) => {\n this.setState({\n ...this.state,\n [prop]: value\n })\n };\n\n _clear = () => {\n this.setState({\n ...this.state,\n condition: null,\n value: null,\n upper: null\n });\n this.props.onSave(null);\n };\n\n _onSave = () => {\n if (!this.state.condition) {\n this.props.onSave(null);\n return;\n }\n if(this.state.value == undefined){\n ewars.growl(__(\"INVALID_FILTER_MESSAGE\"))\n return;\n }\n\n if(this.props.cell.config.type == \"user\"){\n if(this.state.value == ''){\n ewars.growl(__(\"SELECT_VALID_VALUE\"))\n return;\n }\n }\n\n if(this.state.condition == \"IN\" && this.props.cell.config.type != \"user\"){\n if(this.state.upper == undefined || this.state.upper == null || this.state.value == undefined || this.state.value == null){\n ewars.growl(__(\"INVALID_FILTER_MESSAGE\"))\n return;\n }\n }\n let filter = {};\n switch (this.state.condition) {\n case \"EQ\":\n filter.eq = this.state.value;\n filter.type = this.props.cell.config.type || null;\n break;\n case \"NEQ\":\n filter.neq = this.state.value;\n filter.type = this.props.cell.config.type || null;\n break;\n case \"GT\":\n filter.gt = this.state.value;\n filter.type = this.props.cell.config.type || null;\n break;\n case \"GTE\":\n filter.gte = this.state.value;\n filter.type = this.props.cell.config.type || null;\n break;\n case \"LT\":\n filter.lt = this.state.value;\n filter.type = this.props.cell.config.type || null;\n break;\n case \"LTE\":\n filter.lte = this.state.value;\n filter.type = this.props.cell.config.type || null;\n break;\n case \"UNDER\":\n filter.under = this.state.value;\n filter.type = this.props.cell.config.type || null;\n break;\n case \"AT+UNDER\":\n filter.within = this.state.value;\n filter.type = this.props.cell.config.type || null;\n break;\n case 'CONTAINS':\n filter.contains = this.state.value;\n filter.type = this.props.cell.config.type || null;\n break;\n case \"IN\":\n if(this.props.cell.config.type == \"user\") filter.in = this.state.value;\n else filter.in = [this.state.value,this.state.upper];\n filter.type = this.props.cell.config.type || null;\n break;\n case \"NIN\":\n if(this.props.cell.config.type == \"user\") filter.nin = this.state.value;\n else filter.nin = [this.state.value,this.state.upper];\n filter.type = this.props.cell.config.type || null;\n break;\n case \"NULL\":\n filter.isEmpty = true\n filter.type = this.props.cell.config.type || null;\n break;\n case \"NOT_NULL\":\n filter.isEmpty = false\n filter.type = this.props.cell.config.type || null;\n break;\n default:\n filter.eq = this.state.value;\n filter.type = this.props.cell.config.type || null;\n break;\n }\n\n this.props.onSave(filter);\n };\n\n render() {\n let Control;\n if (this.props.cell.config.type == \"date\") Control = DateField;\n if (this.props.cell.config.type == \"select\") Control = SelectField;\n if(this.props.cell.config.type == \"EQUALS\") Control = SelectField;\n if (this.props.cell.config.type == \"number\") Control = NumberField;\n if (this.props.cell.config.type == \"location\") Control = LocationField;\n if (this.props.cell.config.type == \"text\") Control = TextField;\n if (this.props.cell.config.type == \"textarea\") Control = TextField;\n if (this.props.cell.config.type == \"user\") Control = UserFilter;\n if (this.props.cell.config.type == \"LOCGROUPS\") Control = LocationGroupField;\n\n\n let SecondControl;\n if ([\"NIN\", \"IN\", \"WITHIN\", \"NWITHIN\"].indexOf(this.state.condition) >= 0 && this.props.cell.config.type != \"user\" ) {\n SecondControl = Control;\n }\n\n let options;\n if (TYPE_MAPS[this.props.cell.config.type]) {\n options = [];\n CONDITION_OPTIONS.forEach(function (item) {\n if (TYPE_MAPS[this.props.cell.config.type].indexOf(item[0]) >= 0) {\n options.push(item);\n }\n }.bind(this));\n FIELDS.filter_condition.options = options;\n }\n\n let controlConfig = ewars.copy(this.props.cell.config);\n if (this.props.cell.config.type == \"location\") {\n controlConfig[\"locationFilter\"] = true;\n if (window.user.user_type != \"SUPER_ADMIN\") {\n controlConfig.parentId = window.user.clid;\n if (window.user.user_type == \"REGIONAL_ADMIN\") {\n controlConfig.parentId = window.user.location_id;\n }\n }\n\n // Remove location id if location group is assigend to regional admin\n if(isRegionalAdminWithLocGroup()){\n controlConfig.parentId = null;\n }\n }\n\n let hasFilter = false;\n let cellName = this.props.cell.config.filterKey || this.props.cell.name;\n\n return (\n \n
\n {this.state.data.length > 0 ?\n \n \n
\n \n
\n : null}\n \n
\n \n
\n \n {this.state.data.map(function (user) {\n return ;\n }.bind(this))}\n
\n \n
\n )\n }\n}\n\nexport default DataTableFilterControl;\n","import { isRegionalAdminWithLocGroup } from \"../utils/User\";\nimport DataTableFilterControl from \"./c.datatable.filter_control\";\n\nclass DataTableHeaderCell extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n showControl: false,\n controls: false\n };\n }\n\n componentWillMount() {\n window.__hack__.addEventListener(\"click\", this._clear);\n window.__hack__.addEventListener(\"contextmenu\", this._clear);\n }\n\n componentWillUnmount() {\n window.__hack__.removeEventListener(\"click\", this._clear);\n window.__hack__.removeEventListener(\"contextmenu\", this._clear);\n }\n\n _clear = (evt) => {\n if (this.refs.item) {\n if (!this.refs.item.contains(evt.target)) {\n this.setState({\n controls: false\n })\n }\n }\n };\n\n static defaultProps = {\n sortable: false,\n filterable: false\n };\n\n _filter = () => {\n this.setState({\n controls: !this.state.controls\n })\n };\n\n _sort = (e) => {\n e.preventDefault();\n let colName;\n if (this.props.data.config) {\n if (this.props.data.config.name) colName = this.props.data.config.name;\n }\n if (this.props.data.name) colName = this.props.data.name;\n\n if (this.props.data.config.sortKey) colName = this.props.data.config.sortKey;\n ewars.z.dispatch(this.props.id || \"DT_TRANSIENT\", \"UPDATE_SORT\", {\n field: colName,\n fieldType: this.props.data.type || this.props.data.config.type\n })\n };\n\n _cancelFilter = () => {\n this.setState({\n controls: false\n })\n };\n\n _applyFilter = (value) => {\n this.setState({\n controls: false\n }, () => {\n ewars.z.dispatch(this.props.id || \"DT_TRANSIENT\", \"UPDATE_FILTER\", {\n key: this.props.data.config.filterKey || this.props.data.name,\n config: value\n });\n });\n\n };\n\n render() {\n let resourceoffline = false\n if(this.props.data.config.type === 'user' && !window.network_connection.isNetwork) resourceoffline = true;\n\n let label = ewars.I18N(this.props.data.config.label);\n let fieldType = this.props.data.config.type;\n let isDuplicateFilterApplied = this.props.id?.includes(\"DUPLICATE_FILTER_APPLIED\") ?? false;\n let hasControls = true;\n if ([\"matrix\", \"display\", \"row\"].indexOf(this.props.data.config.type) >= 0 || isDuplicateFilterApplied || !fieldType) hasControls = false;\n\n let colSpan = this.props.data.cols || 1,\n rowSpan = this.props.data.rows || 1;\n\n let width = (this.props.data.width || 90) + \"px\";\n\n let sortIcon;\n\n let colName;\n if (this.props.data.config) {\n if (this.props.data.config.name) colName = this.props.data.config.name\n }\n if (this.props.data.name) colName = this.props.data.name;\n\n sortIcon = ;\n if (this.props.sort[colName]) {\n if (this.props.sort[colName].indexOf(\"DESC\") >= 0) sortIcon = ;\n if (this.props.sort[colName].indexOf(\"ASC\") >= 0) sortIcon = ;\n }\n\n let actionControlClass = \"ide-col dt-filter-btn\";\n if (this.props.filter[this.props.data.config.filterKey || this.props.data.name]) actionControlClass += \" active\";\n\n let filterIconClass = \"fal fa-filter\";\n if (this.props.filter[this.props.data.config.filterKey || this.props.data.name]) filterIconClass += \" green\";\n\n let hasSort = true;\n let style = {position: \"relative\"};\n if (['row', 'matrix'].indexOf(this.props.data.config.type) >= 0 || !fieldType) {\n hasSort = false;\n style.background = \"rgba(0,0,0,0.1)\"\n }\n \n if(this.props.data.width){\n style.width = width;\n }\n if(isDuplicateFilterApplied){\n hasSort = false;\n if(this.props.bgColor) {\n style.color = \"white\"\n style.background = this.props.bgColor\n }\n }\n\n if (this.props.id == \"LANGUAGES\") {\n style.textAlign = 'left'\n }\n\n // Conditions for hiding filters\n let hideFilter;\n\n if(this.props.hideLocGroupFilter && this.props.data.config.name == \"groups\" && isRegionalAdminWithLocGroup()){\n hideFilter = true;\n }\n\n return (\n \n \n
\n \n \n \n
\n {!(this.state.condition == \"NULL\" || this.state.condition == \"NOT_NULL\") ? \n \n \n \n {SecondControl ?\n \n : null}\n
\n :null}\n \n\n
\n \n\n
\n \n \n \n
\n \n
\n {this.state.controls ?\n \n {label}\n
\n {hasSort ?\n \n {sortIcon}\n
\n : null}\n {hasControls && !hideFilter ?\n \n \n
\n : null}\n\n \n
\n : null}\n \n
)\n });\n if (content.length === 0) {\n content = No Sub forms are there!
\n }\n return (\n \n \n {content}\n
\n )\n }\n}\nclass DataControlCell extends React.Component {\n static defaultProps = {\n actions: []\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n show: false,\n showPopup: false,\n popUpAction: null\n }\n }\n componentWillMount() {\n window.__hack__.addEventListener(\"click\", this._clear);\n window.__hack__.addEventListener(\"contextmenu\", this._clear);\n }\n\n componentWillUnmount() {\n window.__hack__.removeEventListener(\"click\", this._clear);\n window.__hack__.removeEventListener(\"contextmenu\", this._clear);\n }\n\n _clear = (evt) => {\n if (this.refs.item) {\n if (!this.refs.item.contains(evt.target)) {\n this.setState({\n showPopup: false\n })\n }\n }\n };\n\n _onClick = () => {\n this.props.onAction(this.props.data.action, null, this.props.row);\n };\n\n _show = () => {\n this.setState({\n show: true\n })\n };\n\n _hide = () => {\n this.setState({\n show: false\n })\n };\n\n\n\n _isShowPopup = (action) => {\n var showPopupActions = this.props.actions.find((element) => {\n return element.showPopup == true;\n })\n return showPopupActions ? true : false\n };\n _action = (action, value) => {\n this.props.onAction(action, value, this.props.row);\n if (this._isShowPopup(action)) {\n this.setState({\n showPopup: !this.state.showPopup,\n popUpAction: action\n })\n }\n };\n componentWillMount() {\n window.__hack__.addEventListener(\"click\", this._clear);\n window.__hack__.addEventListener(\"contextmenu\", this._clear);\n }\n\n _clear = (evt) => {\n if (this.refs.item) {\n if (!this.refs.item.contains(evt.target)) {\n this.setState({\n showPopup: false\n })\n }\n }\n };\n\n render() {\n let dtActions = this.props.actions.map((item) => {\n return [\n item.icon,\n item.action,\n item.label,\n item.showPopup\n ]\n });\n var showPopup = this._isShowPopup();\n return (\n */}\n {/**/}\n {/*{this.state.show ?*/}\n {/*
*/}\n {\n this.state.showPopup && showPopup ?\n {this.props.data.label}
*/}\n {/*: null}*/}\n {/*\n {\n this.state.popUpAction == \"PRINT\" ? \n
\n : null\n }\n\n \n
\n :\n this.state.popUpAction == \"ADD_SUB_FORM\" ?\n \n
\n : \n this.state.popUpAction == \"VIEW_SUB_RECORD\"?\n \n
\n :null\n }\n \n\n \n
\n )\n }\n}\n\nexport default DataTable;\n","function _updatePagination (STATE, data) {\n switch (data.page) {\n case \"FF\":\n if (STATE.offset < STATE.count) {\n var pages = STATE.count / STATE.limit;\n STATE.page = Math.ceil(pages);\n STATE.offset = (STATE.page - 1) * STATE.limit;\n }\n break;\n case \"F\":\n if (STATE.offset < STATE.count) {\n STATE.offset = (STATE.page + 1) * STATE.limit;\n STATE.page++;\n }\n break;\n case \"B\":\n STATE.offset = (STATE.page - 1) * STATE.limit;\n STATE.page--;\n break;\n case \"BB\":\n STATE.offset = 0;\n STATE.page = 0;\n break;\n default:\n break;\n }\n\n if (STATE.page < 0) STATE.page = 0;\n if (STATE.page <= 0) STATE.offset = 0;\n\n return STATE;\n}\n\nfunction _updateSort(state, cell, fieldType) {\n if (!state.order[cell]) {\n state.order = {};\n state.order[cell] = `DESC:${fieldType}`;\n } else if (state.order[cell] == `DESC:${fieldType}`) {\n state.order[cell] = `ASC:${fieldType}`;\n } else if (state.order[cell] == `ASC:${fieldType}`) {\n delete state.order[cell];\n } else if (state.order[cell] == \"DESC\") {\n state.order[cell] = \"ASC\";\n } else if (state.order[cell] == \"ASC\") {\n delete state.order[cell];\n }\n\n return state;\n}\n\nfunction _updateFilter(state, col, data) {\n if (!data) {\n delete state.filter[col];\n return state;\n }\n\n if (!col) return state;\n state.offset = 0;\n state.page = 0;\n state.filter[col] = data;\n\n return state;\n}\n\nconst _updateSearch = (state, value) => {\n if (value == \"\") {\n delete state.filter.data;\n state.searchParam = \"\";\n } else {\n state.searchParam = value;\n }\n return state;\n};\n\nconst _clearSearch = (state) => {\n state.searchParam = \"\";\n if (state.filter.data) {\n delete state.filter.data;\n }\n return state;\n};\n\nexport default (rawState, action, data) => {\n let state = ewars.copy(rawState);\n\n switch(action) {\n case \"SET_ITEMS\":\n data.state = {\n ...data.state,\n initialized: true\n }\n return Object.assign({}, state, data.state, {data: data.results, count: data.count});\n case \"PAGINATE\":\n return _updatePagination(state, data);\n case \"UPDATE_SORT\":\n return _updateSort(state, data.field, data.fieldType);\n case \"UPDATE_FILTER\":\n if(data.key == 'groups'){\n data.key = 'data.groups'\n if(data.config){\n data.config['isGroups'] = true\n }\n }else{\n if(data.config){\n delete data.config['isGroups']\n }\n }\n return _updateFilter(state, data.key, data.config);\n case \"UPDATE_SEARCH\":\n return _updateSearch(state, data.value);\n case \"CLEAR_SEARCH\":\n return _clearSearch(state);\n default:\n return state;\n }\n}","import FormUtils from \"../../utils/FormUtils\";\n\nfunction flatten(definition) {\n let results = [];\n\n for (var i in definition) {\n let item = definition[i];\n item.name = i;\n\n results.push(item);\n }\n\n return results.sort(function (a, b) {\n if (a.order < b.order) return -1;\n if (a.order > b.order) return 1;\n return 0\n })\n}\n\nclass Handle extends React.Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n let label;\n if (this.props.field) label = ewars.I18N(this.props.field.label) + ` [${this.props.field.name}]`;\n\n return (\n \n {this.props.grid ?\n \n \n : null}\n
\n\n {\n this.state.showFilterControls ?\n \n {\n !isDuplicateFilterApplied ?\n | \n | \n :null}\n
\n\n {this.props.header_actions.length > 0 ?\n \n \n \n | \n \n | \n
\n
: null\n }\n {\n !this.state.searchParam && this.props.showDuplicateFilterBtn ?\n \n\n
\n \n | \n | \n
\n : null\n }\n\n {this.props.isMainForm ? \n \n \n {\n isDuplicateFilterApplied ?\n
\n \n {__(\"FILL_SUBFORM_CLICK_ON_MAIN_RECORD_PLUS_ICON\")}\n
\n \n {this.props.header_actions.map((item, index) => {\n return (\n \n {item[0] == \"checkbox\" ? \n {\n if (event.target.checked) {\n this.props.onAction(item[1], item[3], false);\n } else {\n this.props.onAction(item[1], item[3], true);\n }\n }}\n type=\"checkbox\" /> {item[2]}\n :\n {\n this.props.onAction(item[1]);\n }}\n title={item[2]}\n />}\n \n )\n })}\n
\n : null}\n \n
\n \n
\n \n\n \n \n {colHeaders}\n \n \n {rows}\n \n
\n {/*
\n \n \n {this.props.noDataMessage}\n \n
: null\n }\n \n
\n \n
\n \n
\n {paginationString}
\n\n \n {this.state.offset > 0 ?\n
\n \n
\n \n \n \n
\n
\n )\n }\n}\n\nclass FieldItem extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n show: false\n }\n }\n\n _onClick = () => {\n if (this.props.data.fields) {\n this.setState({show: !this.state.show})\n } else {\n this.props.onSelect(this.props.name, this.props.data);\n }\n };\n\n render() {\n let iconClass;\n if (this.props.data.fields) {\n if (this.state.show) {\n iconClass = \"fa fa-caret-down\";\n } else {\n iconClass = \"fa fa-caret-right\";\n }\n }\n\n let children;\n if (this.state.show) {\n children = flatten(this.props.data.fields);\n children = children.map(function (item) {\n if ([\"display\", \"header\"].indexOf(item.type) < 0) {\n return | {label} | \n\n \n | \n
\n
\n )\n }\n}\n\nclass FieldSelector extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n show: false\n }\n }\n\n _toggle = () => {\n this.setState({\n show: !this.state.show\n })\n };\n\n _onSelect = (field_name, data) => {\n this.setState({show: false});\n this.props.onUpdate(this.props.name, field_name);\n };\n\n render() {\n\n let flattened = flatten(this.props.definition, null);\n\n let rootNodes = flattened.map(function (item) {\n if ([\"header\", \"display\"].indexOf(item.type) < 0) {\n return \n
\n {this.state.show ?\n \n
\n \n
{ewars.I18N(this.props.data.label)}
\n \n {children}\n
\n : null}\n \n
\n )\n }\n}\n\nexport default FieldSelector;\n","import Set from \"./Set\";\n\nclass Complex extends React.Component {\n constructor(props) {\n super(props);\n }\n\n _remove = () => {\n window.dispatchEvent(new CustomEvent('ind-remove-complex', {\n detail: {\n _event: \"ind-remove-complex\",\n id: this.props.indicator,\n index: this.props.index\n }\n }));\n };\n\n render() {\n return (\n \n \n {this.state.show ?\n
\n \n
\n : null}\n\n\n \n
\n \n {rootNodes}\n
\n \n \n } else {\n // This is sub-ste\n return \n }\n });\n\n return (\n \n )\n }\n}\n\nclass SetItem extends React.Component {\n constructor(props) {\n super(props);\n }\n\n _onChange = (prop, value) => {\n window.dispatchEvent(new CustomEvent(\"etl-set-update-rule\", {\n detail: {\n _event: \"etl-set-update-rule\",\n id: this.props.indicator,\n path: this.props.path,\n prop,\n value\n }\n }));\n };\n\n _onRemove = () => {\n window.dispatchEvent(new CustomEvent(\"etl-set-remove-rule\", {\n detail: {\n _event: \"etl-set-remove-rule\",\n id: this.props.indicator,\n path: this.props.path\n }\n }));\n };\n\n\n render() {\n let fieldPath = this.props.data.split(\":\")[0];\n\n\n let Cmp, field;\n if (fieldPath != \"null\" && fieldPath) {\n field = FormUtils.field(this.props.definition, fieldPath);\n if (TYPE_MAP[field.type]) {\n Cmp = TYPE_MAP[field.type];\n } else {\n Cmp = NoField;\n }\n }\n\n if (!field && fieldPath.length == 3) {\n if (fieldPath[0] != \"null\") {\n return (\n \n });\n\n return (\n \n } else {\n valueControl = Please select a field;\n }\n\n var options = _.map(this.props.fieldOptions, function (optionSet) {\n var fieldLabel = optionSet[1];\n return \n }, this);\n options.unshift();\n\n return (\n {day} \n )\n }\n}\n\nclass DayPicker extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n curDate: Moment.utc(this.props.value || undefined),\n today: Moment.utc(),\n textDate : \"\",\n years : []\n }\n }\n componentWillMount(){\n let textDate = Moment(this.props.value).format(\"YYYY-MM-DD\"); // \"Sun, 3PM\"\n\n this.setState({\n ...this.state,\n curDate: Moment.utc(this.props.value || undefined),\n textDate : textDate\n })\n }\n\n componentDidMount(){\n }\n \n \n\n componentWillReceiveProps(nextProps) {\n let textDate = Moment.utc(nextProps.value).format(\"YYYY-MM-DD\"); // \"Sun, 3PM\"\n\n this.setState({\n curDate: Moment.utc(nextProps.value || undefined),\n textDate : textDate\n })\n }\n _clear = () => {\n this.props.clear();\n }\n _prevMonth = () => {\n if (this.props.hideYear && this.state.curDate.month() == 0) {\n return;\n }\n this.setState({\n ...this.state,\n curDate: this.state.curDate.clone().subtract(1, 'M')\n })\n };\n _prevYear = () => {\n if (this.props.hideYear) {\n return;\n }\n this.setState({\n ...this.state,\n curDate: this.state.curDate.clone().subtract(1, 'Y')\n })\n };\n\n\n _nextMonth = () => {\n if (this.props.hideYear && this.state.curDate.month() == 11) {\n return;\n }\n this.setState({\n ...this.state,\n curDate: this.state.curDate.clone().add(1, \"M\")\n })\n };\n _nextYear = () => {\n if (this.props.hideYear) {\n return;\n }\n this.setState({\n ...this.state,\n curDate: this.state.curDate.clone().add(1, \"Y\")\n })\n };\n\n _setDate = (date) => { \n this.setState({\n ...this.state,\n textDate: date\n });\n };\n _onYearChange = (prop,year) => { \n let curDate = this.state.curDate;\n curDate.set('year', year);\n \n this.setState({\n ...this.state,\n curDate: curDate\n });\n };\n _onMonthChange = (prop,month) => { \n let curDate = this.state.curDate;\n curDate.set('month', month-1);\n \n this.setState({\n ...this.state,\n curDate: curDate\n });\n };\n _saveDate = () => {\n let temp = Moment.utc(this.state.textDate); \n this.setState({\n ...this.state,\n curDate : temp,\n });\n this.props.onChange(temp);\n\n };\n\n _onDateSelect = (newDate) => {\n this.props.onChange(newDate);\n };\n\n _getDayHeaderAsPerDow = (dow) => {\n const dayList = [\n \"MON\", \"TUE\", \"WED\", \"THURS\", \"FRI\", \"SAT\", \"SUN\"\n ]\n\n // K means how much the array should be rotated\n const k = (8 - dow ) % 7;\n\n for (let i = 0; i < k; i++) {\n dayList.unshift(dayList.pop());\n }\n\n return dayList;\n }\n\n render() {\n let realValue = this.props.value;\n Moment.updateLocale(\"en\", {\n week: {\n dow: ewars.getDOWMod7(),\n doy: (7 + ewars.getDOWMod7() - ewars.getDOY())\n }\n });\n let selected = Moment(realValue || undefined);\n let value;\n if(this.state.curDate && this.state.curDate.isValid()){\n value = this.state.curDate\n } \n else{\n\n value = Moment.utc();\n }\n let currentYear = new Date().getFullYear();\n if (!this.props.block_future) {\n currentYear += 10;\n }\n\n let years = [];\n let startYear = 1970;\n let x = 0; \n while ( startYear <= currentYear ) {\n x = currentYear--;\n years.push([x,x]);\n } \n let months = [\n [1 , __(\"JANUARY\")],\n [2,__(\"FEBRUARY\")],\n [3,__(\"MARCH\")],\n [4,__(\"APRIL\")],\n [5, __(\"MAY\")],\n [6,__(\"JUNE\")],\n [7,__(\"JULY\") ],\n [8,__(\"AUGUST\")],\n [9,__(\"SEPTEMBER\")],\n [10,__(\"OCTOBER\")],\n [11,__(\"NOVEMBER\")],\n [12,__(\"DECEMBER\")]\n ]\n let dayHeaders = [];\n let dow = ewars.getDOWMod7();\n \n // reverseDow should be ((7(length_of_week) + 1(offset, which is monday) - dow) % 7)\n // So, for sunday as dow, (7 + 1 - 0) % 7 = 1\n // for saturday as dow, (7 + 1 - 6) % 7 = 2\n // It counts no of days between the monday and current dow in reverse order,\n // So if we want to have sunday as dow, it is 1 day gap from monday to sunday in reverse\n // let reverseDow = dow == 0 ? 1 : 0;\n let reverseDow = ( 7 + 1 - dow) % 7;\n\n const daysAsPerDow = this._getDayHeaderAsPerDow(dow);\n\n dayHeaders.push(\n \n {__(\"W\")} \n { daysAsPerDow.map(hdr => {__(hdr)} ) }\n \n )\n \n //locations \n this.state.curDate = value\n let year = value.year();\n\n let logical_month = value.month() + 1;\n\n // get the first day of the month\n let first_day = Moment([value.year(), value.month(), 1]);\n let first_day_weekday = first_day.day();\n if(dow == 1 && first_day_weekday == 0){\n first_day_weekday = 7;\n }\n\n // Find number of dasy in month\n let month_length = this.state.curDate.daysInMonth();\n let previous_month_length = Moment.utc([this.state.curDate.year(), this.state.curDate.month(), 1]).subtract(1, \"M\").daysInMonth();\n\n let monthShortName = this.state.curDate.format(\"MMM\");\n\n\n let day = 1,\n prev = 1,\n next = 1;\n\n let rows = [];\n for (var i = 0; i < 9; i++) {\n let cells = [];\n let weekNo = Moment([value.year(), value.month(), day]).week();\n cells.push({weekNo} );\n for (var j = 1; j <= 7; j++) {\n if (day <= month_length && (i > 0 || j > (Math.abs(first_day_weekday + (7 - dow)))%7) ) {\n let active = true;\n if (this.props.block_future) {\n let targetDate = Moment.utc([value.year(), value.month(), day]);\n let today = Moment.utc();\n\n if (targetDate.isAfter(today, \"d\")) active = false;\n }\n cells.push(\n \n );\n day++;\n } else {\n if (day <= month_length) {\n let dayValue = previous_month_length - first_day_weekday - reverseDow + prev + 1;\n cells.push({dayValue} );\n prev++;\n } else {\n cells.push({next} );\n next++;\n }\n }\n }\n\n // Stop making rows if we've run out of days\n rows.push({cells} );\n if (day > month_length) {\n break;\n }\n\n }\n\n const pickerHeader = this.props.hideYear ? monthShortName : `${year} - ${monthShortName}`;\n return (\n {name} \n )\n }\n}\n\nconst MONTHS = [\n [0, 1, 2, 3],\n [4, 5, 6, 7],\n [8, 9, 10, 11]\n];\n\nclass MonthPicker extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n curDate: Moment.utc(this.props.value) || Moment.utc()\n }\n }\n\n componentWillReceiveProps(nextProps) {\n this.setState({\n curDate: Moment.utc(nextProps.value) || Moment.utc()\n })\n }\n\n _prevMonth = () => {\n this.setState({\n curDate: this.state.curDate.clone().subtract(1, 'Y')\n })\n };\n\n _nextMonth = () => {\n if (!this.props.block_future || (this.props.block_future && this.state.curDate.clone().isSameOrBefore(Moment.utc()))) {\n this.setState({\n curDate: this.state.curDate.clone().add(1, \"Y\")\n })\n }\n };\n\n _onDateSelect = (newDate) => {\n if(this.props.block_future && !newDate.clone().endOf(\"M\").isSameOrBefore(Moment.utc().endOf(\"M\"))){\n return;\n }\n this.props.onChange(newDate);\n };\n\n render() {\n\n let months = [];\n let selected = Moment.utc(this.props.value);\n let year = this.state.curDate.year();\n\n for (var i = 0; i <= 2; i++) {\n let cells = [];\n for (var j = 0; j <= 3; j++) {\n let date = this.state.curDate.clone().month(MONTHS[i][j]).endOf(\"M\");\n if(this.props.block_future && !date.isSameOrBefore(Moment.utc().endOf(\"M\"))){\n continue;\n }\n cells.push(\n \n )\n }\n months.push({cells} )\n }\n\n return (\n \n \n \n \n )\n }\n}\n\nclass WeekPicker extends React.Component {\n static defaultProps = {\n offsetAvailability: false\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n curYear: Moment.utc(this.props.value).year() || Moment.utc().year()\n }\n }\n\n componentWillReceiveProps(nextProps) {\n this.setState({\n curYear: Moment.utc(nextProps.value).year() || Moment.utc().year()\n })\n }\n\n _prevMonth = () => {\n this.setState({\n curYear: this.state.curYear - 1\n })\n };\n\n _nextMonth = () => {\n this.setState({\n curYear: this.state.curYear + 1\n })\n };\n\n _onDateSelect = (newDate) => {\n console.log('newDate', newDate)\n this.props.onChange(newDate);\n };\n\n render() {\n\n let isoWeeksInYear = 53;\n\n // For each week in the year, generate a list item.\n var weeks2 = [];\n\n let comparator = Moment.utc();\n Moment.updateLocale(\"en\", {\n week: {\n dow: ewars.getDOWMod7(),\n doy: (7 + ewars.getDOWMod7() - ewars.getDOY())\n },\n });\n if (this.props.offsetAvailability) comparator.add(2, 'days');\n\n for (var i = 1; i <= isoWeeksInYear; i++) {\n if (this.props.block_future) {\n if (Moment.utc().weekYear(this.state.curYear).week(i).endOf(\"week\").isBefore(comparator)) {\n let dt = Moment.utc()\n .weekYear(this.state.curYear)\n .week(i);\n if (dt.weekYear() == this.state.curYear) {\n weeks2.push(Moment.utc().weekYear(this.state.curYear).week(i).startOf(\"week\"))\n }\n }\n } else {\n let dt = Moment.utc()\n .weekYear(this.state.curYear)\n .week(i);\n\n if (dt.weekYear() == this.state.curYear) {\n weeks2.push(Moment.utc()\n .weekYear(this.state.curYear)\n .week(i).startOf(\"week\"))\n }\n }\n }\n\n weeks2.reverse();\n\n // Given the month of the date, get the isoweeks in the month\n\n let selected;\n let value;\n\n let weeks = weeks2.map(function (week, i) {\n // console.log(week)\n return \n }.bind(this));\n\n return (\n \n }, this)\n }\n\n var iconClass = this._getIcon();\n\n var nodeName = ewars.formatters.I18N_FORMATTER(this.props.data.label);\n\n return (\n \n \n )\n }\n});\n\nfunction _findFieldByPath(options, path) {\n var found;\n\n _.each(options, function (field) {\n if (field.path == path) found = field;\n if (!found && field.children) {\n var subFound = _findFieldByPath(field.children, path);\n if (subFound) found = subFound;\n }\n }, this);\n\n return found;\n}\n\nvar FormFieldTree = React.createClass({\n getInitialState: function () {\n return {\n nodeName: \"None Selected\",\n nodePath: null,\n showTree: false\n }\n },\n\n componentWillMount: function () {\n if (this.props.value) {\n var node = _findFieldByPath(this.props.options, this.props.value);\n\n if (node) {\n this.state.nodeName = node.pathLabel;\n this.state.nodePath = node.path;\n }\n }\n },\n\n _processTree: function () {\n return _.map(this.props.options, function (option) {\n return ;\n }, this)\n },\n\n _hideTree: function (e) {\n this.setState({\n showTree: false\n })\n },\n\n _toggleTree: function () {\n this.setState({\n showTree: this.state.showTree ? false : true\n })\n },\n\n _onNodeSelection: function (node) {\n this.setState({\n nodeName: node.pathLabel,\n nodePath: node.path,\n showTree: false\n });\n\n this.props.onUpdate(node);\n },\n\n render: function () {\n var rootNodes = this._processTree();\n\n return (\n \n }\n }, this);\n\n return items;\n },\n\n _toggle: function () {\n this.state.showTree = this.state.showTree ? false : true;\n this.forceUpdate();\n\n if (!this._isLoaded) {\n this._loadAssignments();\n }\n },\n\n componentDidMount: function () {\n window.__assign_hack__.addEventListener('click', this.handleBodyClick);\n },\n\n componentWillUnmount: function () {\n window.__assign_hack__.removeEventListener('click', this.handleBodyClick);\n },\n\n handleBodyClick: function (evt) {\n if (this.refs.selector) {\n const area = this.refs.selector;\n\n if (!area.contains(evt.target)) {\n this.state.showTree = false;\n this.forceUpdate();\n }\n }\n },\n\n\n render: function () {\n if (this.props.value && !this._initialLoad) {\n return (\n ;\n }\n }, this);\n\n var selectedName = \"No Location Selected\";\n if (!this.props.config.form_id) selectedName = \"Please select a form first.\";\n if (this.state.currentLocation) selectedName = ewars.formatters.I18N_FORMATTER(this.state.currentLocation.location_name);\n\n if (this.props.readOnly) {\n return (\n \n )\n }\n\n\n if (!this._isLoaded && this.state.showTree) {\n items = - \n });\n\n return (\n
\n \n \n \n \n\n \n \n \n \n \n \n \n \n )\n }\n}\n\nexport default CalculatedFieldDefinition;\n","import { Layout, Row, Cell } from \"../layout\";\n\nimport TextField from \"./f.text\";\n\nconst COLOURS = [\n [ \"#FFFFFF00\",\"#000000\", \"#191919\", \"#333333\", \"#4C4C4C\", \"#666666\"],\n [\"#7F7F7F\", \"#999999\", \"#B3B3B3\", \"#E6E6E6\", \"#FFFFFF\"],\n [\"#004080\", \"#000080\", \"#0000FF\", \"#0080FF\", \"#66CCFF\"],\n [\"#66FFFF\", \"#00FFFF\", \"#008080\", \"#008040\", \"#408000\"],\n [\"#008000\", \"#00FF00\", \"#80FF00\", \"#66FF66\", \"#00FF80\"],\n [\"#66FFCC\", \"#804000\", \"#800000\", \"#FF0000\", \"#FF6666\"],\n [\"#FF8000\", \"#FFFF00\", \"#FFFF66\", \"#FFCC66\", \"#400080\"],\n [\"#800080\", \"#800040\", \"#8000FF\", \"#FF00FF\", \"#FF0080\"],\n [\"#CC66FF\", \"#FF66FF\"]\n];\n\nclass ColorCell extends React.Component {\n constructor(props) {\n super(props);\n }\n\n _onClick = () => {\n this.props.onClick(this.props.data);\n };\n\n render() {\n return (\n \n\n | \n )\n }\n}\n\nclass ColourField extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n shown: false,\n showLeft: false\n }\n }\n\n componentWillMount() {\n window.__hack__.addEventListener(\"click\", this._onBodyClick);\n }\n\n componentWillUnmount() {\n window.__hack__.removeEventListener(\"click\", this._onBodyClick);\n }\n\n _onBodyClick = (evt) => {\n if (this.refs.selector) {\n const area = this.refs.selector.getDOMNode ? this.refs.selector.getDOMNode() : this.refs.selector;\n\n if (!area.contains(evt.target)) {\n this.setState({\n shown: false\n })\n }\n }\n };\n\n _trigger = () => {\n let boundingRect = this.refs.selector.getBoundingClientRect();\n let screenWidth = window.innerWidth;\n\n let showLeft = false;\n if (screenWidth - boundingRect.right < 250) {\n showLeft = true;\n }\n\n this.setState({\n shown: !this.state.shown,\n showLeft: showLeft\n })\n };\n\n _onColourSelect = (colour) => {\n this.setState({shown: false});\n this.props.onUpdate(this.props.name, colour);\n };\n\n _onCustomChange = (prop, value) => {\n this.props.onUpdate(this.props.name, value);\n };\n\n render() {\n let STYLE;\n \n if(this.props.style){\n STYLE = this.props.style\n }else{\n STYLE = {\n height: 30,\n backgroundColor: \"#FFFFFF\",\n padding: 5,\n textAlign: \"center\"\n };\n }\n if (this.props.value) STYLE.backgroundColor = this.props.value;\n\n let dropStyle = {\n padding: 5,\n width: 250\n };\n\n if (this.state.showLeft) {\n dropStyle.left = \"-271px\"\n }\n\n return (\n \n }, this);\n }\n\n return (\n \n \n \n \n | \n \n \n | \n
\n \n )\n }\n}\n\nexport default DOMSizeField;\n","const ALLOWED_TYPES = [\n \"image/png\",\n \"image/jpg\",\n \"image/jpeg\",\n \"application/pdf\",\n \"text/csv\",\n \"image/gif\"\n];\n\nclass FileField extends React.Component {\n static defaultProps = {\n filePath: \"/{account_id}/assets/\",\n allowedTypes: ALLOWED_TYPES.slice(\",\").join(\",\"),\n label: \"Choose file\",\n file_size: 2,\n local: false,\n return_data: false,\n onData: null,\n binary: false,\n showInput: true,\n showPreview: true,\n checkType:false\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n uploading: false,\n file: null,\n imagePreviewUrl: null\n }\n }\n\n componentWillMount() {\n this._uuid = ewars.utils.uuid();\n if (this.props.value) this.state.imagePreviewUrl = this.props.value;\n }\n\n componentWillReceiveProps(nextProps) {\n if (this.props.value != nextProps.value) this.state.imagePreviewUrl = nextProps.value;\n }\n _checkfile=(sender)=> {\n if(!this.props.checkType){\n return true;\n }\n var validExts = this.props.allowedTypes.trim().split(\",\");\n var fileExt = sender.type;\n // fileExt = fileExt.substring(fileExt.lastIndexOf('.'));\n if (validExts.indexOf(fileExt) < 0) {\n ewars.error(__(\"INVALID_FILE_TYPE\"));\n return false;\n }\n else return true;\n }\n _onFileChange = (event) => {\n event.preventDefault();\n\n let reader = new FileReader();\n let file = event.target.files[0];\n if(!this._checkfile(file)){\n return ;\n }\n reader.onloadend = () => {\n this.setState({\n file: file,\n imagePreviewUrl: reader.result,\n uploading: true\n });\n\n if (this.props.return_data) {\n this.props.onData(reader.result);\n } else {\n this._upload(reader.result);\n }\n };\n\n if (this.props.binary) {\n reader.readAsBinaryString(file);\n } else {\n reader.readAsDataURL(file);\n }\n\n };\n\n _upload = (fileData) => {\n let bl = new ewars.Blocker(null, __(\"UPLOADING_FILE\"));\n let formData = new FormData();\n formData.append(\"file\", this.refs.filer.files[0]);\n formData.append(\"fileName\", this.state.file.name);\n formData.append(\"fileType\", this.state.file.type);\n formData.append(\"tki\", window.user.tki);\n if (this.props.local || (this.props.data && this.props.data.local)) {\n formData.append(\"local\", true);\n }\n if (this.props.isCountryInstance){\n formData.append(\"countryInstance\", true);\n formData.append(\"domain\", this.props.domain);\n }\n let oReq = new XMLHttpRequest();\n\n oReq.onreadystatechange = () => {\n let DONE = 4;\n let OK = 200;\n\n if (oReq.readyState == DONE) {\n bl.destroy();\n if (oReq.status == OK) {\n let resp = JSON.parse(window.decodeURI(oReq.responseText));\n this.props.onUpdate(this.props.name, resp.fn);\n } else {\n if (oReq.status == 500) {\n }\n\n if (oReq.status == 101) {\n\n }\n }\n }\n };\n\n oReq.open(\"POST\", \"/upload\", true);\n oReq.send(formData);\n };\n\n render() {\n let imagePreviewUrl = this.state.imagePreviewUrl;\n let imagePreview;\n if (imagePreviewUrl) {\n imagePreview = (
);\n }\n\n let inputStyle = {};\n if (!this.props.showInput) inputStyle.display = \"none\";\n\n return (\n );\n }\n let inputStyle = {};\n if (!this.props.showInput) inputStyle.display = \"none\";\n\n return (\n {\n this._el = el\n }}\n style={{height: \"100%\", width: \"100%\"}}>\n\n\n
\n )\n }\n}\n\n\nclass HTMLField extends React.Component {\n static defaultProps = {\n value: \"\"\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n edit: false,\n html: \"\"\n }\n }\n\n\n componentDidMount() {\n console.log(this._el);\n this._editor = CodeMirror(this._el, {\n lineNumbers: true,\n mode: \"html\"\n })\n };\n\n _edit = () => {\n this.setState({\n edit: true,\n html: this.props.value || \"\"\n })\n };\n\n _action = (action) => {\n if (action == \"CLOSE\") {\n this.setState({\n edit: false,\n html: \"\"\n })\n }\n\n if (action == \"SAVE\") {\n let value = this._editor.getValue();\n this.props.onChange(this.props.name, value);\n this.setState({\n edit: false,\n html: \"\"\n })\n }\n };\n\n _onChange = (value) => {\n this.setState({html: value});\n };\n\n render() {\n return (\n \n
\n )\n }\n}\n\nexport default Complex;\n","import SetItem from \"./SetItem\";\n\nclass Set extends React.Component {\n constructor(props) {\n super(props);\n }\n\n _emit = (event, data) => {\n window.dispatchEvent(new CustomEvent(event, {\n detail: {\n ...data,\n _event: event\n }\n }));\n };\n\n _add = () => {\n this._emit(\"etl-add-field\", {\n id: this.props.indicator,\n path: this.props.path\n });\n };\n\n _addSet = () => {\n this._emit(\"etl-add-set\", {\n id: this.props.indicator,\n path: this.props.path\n })\n };\n\n _onRemove = () => {\n this._emit(\"etl-remove-set\", {\n id: this.props.indicator,\n path: this.props.path\n });\n };\n\n _onChangeRule = (e) => {\n this._emit(\"etl-set-change-provision\", {\n id: this.props.indicator,\n path: this.props.path,\n value: e.target.value\n });\n };\n\n render() {\n\n let items = this.props.data.map((item, index) => {\n if ([\"ANY\", \"ALL\"].indexOf(item) >= 0) {\n return (\n \n
\n \n
\n {__(\"COMPLEX\")}
\n \n \n
\n \n \n
\n \n
\n )\n } else if (typeof item == \"string\") {\n return \n
\n \n \n
\n {__(\"OF_FOLLOWING_ARE_TRUE\")}
\n \n \n
\n {(!this.props.hasOwnProperty('addRemoveButton') || this.props.addRemoveButton == true) ? \n \n \n
: null}\n \n {items}\n
\n )\n }\n}\n\nexport default Set;\n","import {\n SelectField,\n TextField,\n NumericField as NumberField,\n DateField\n} from \"../../fields\";\n\nimport FieldSelector from \"../form_definition/FieldSelector\";\nimport FormUtils from \"../../utils/FormUtils\";\n\nconst TYPE_MAP = {\n number: NumberField,\n select: SelectField,\n text: TextField,\n date: DateField\n\n};\n\nconst options = [\n [\"EQ\", __(\"IS_EQ_TO\")],\n [\"NEQ\", __(\"IS_NEQ_TO\")],\n [\"GT\", __(\"IS_GT\")],\n [\"LT\", __(\"IS_LT\")],\n [\"GTE\", __(\"IS_GT_OR_EQ_TO\")],\n [\"LTE\", __(\"IS_LT_OR_EQ_TO\")]\n];\n\nclass NoField extends React.Component {\n render() {\n return (\n Please select a field
\n
\n )\n }\n }\n\n\n let endOptions = ewars.copy(options);\n let value = this.props.data.split(':')[2] || '';\n if (field) {\n if (field.multiple) {\n endOptions.push(['CNT', __(\"CONTAINS\")]);\n endOptions.push(['NCNT', __(\"DOES_NOT_CONTAIN\")]);\n\n // create an array from the value\n if (value != '' && value != null && value != 'null') {\n value = value.split(',');\n } else {\n value = [];\n }\n }\n }\n\n // endOptions.push(['NULL', __(\"NULL\")]);\n\n\n return (\n \n \n
\n {__(\"UNRECOGNIZED_FIELD\")} {fieldPath}
\n \n
\n \n
\n )\n }\n}\n\nexport default SetItem;\n","import Button from \"../../../c.button\";\nimport TextField from \"../../../fields/f.text\";\nimport SelectField from \"../../../fields/f.select\";\nimport IndicatorField from \"../../../fields/f.indicator\";\nif (!ewars.copy) ewars.copy = function (item) {\n return JSON.parse(JSON.stringify(item));\n};\nvar DEFAULTS = {\n variable_name: \"var_name\",\n indicator: null,\n reduction: \"NONE\"\n};\nvar FORM = {\n reduction: {\n type: \"select\",\n label: {en: __(\"REDUCTION\")},\n options: [\n [\"NONE\", __(\"NONE\")],\n [\"SUM\", __(\"SUM\")],\n [\"MED\", __(\"MED\")]\n ]\n }\n};\nvar ComplexSource = React.createClass({\n getInitialState: function () {\n return {\n isExpanded: false\n }\n },\n _update: function (prop, value) {\n console.log(prop, value);\n if (prop == \"variable_name\") {\n value = value.replace(\" \", \"_\")\n }\n this.props.onChange(this.props.index, prop, value);\n },\n _expand: function () {\n this.setState({\n isExpanded: this.state.isExpanded ? false : true\n })\n },\n _delete: function () {\n this.props.onDelete(this.props.index);\n },\n render: function () {\n return (\n \n
\n \n
\n \n
\n \n \n\n
\n \n
\n \n {field ?\n \n : null}\n\n
\n \n \n
\n\n \n
\n )\n }\n});\n\nvar ComplexSourcesManager = React.createClass({\n getInitialState: function () {\n return {}\n },\n\n _onChange: function (index, prop, value) {\n var copy = ewars.copy(this.props.value || []);\n copy[index][prop] = value;\n this.props.onUpdate(this.props.config.nameOverride || this.props.name, copy);\n },\n\n _addVariable: function () {\n var copy = ewars.copy(this.props.value || []);\n copy.push({...{}, ...DEFAULTS});\n this.props.onUpdate(this.props.config.nameOverride || this.props.name, copy);\n },\n\n _delete: function (index) {\n var copy = ewars.copy(this.props.value || []);\n copy.splice(index, 1);\n this.props.onUpdate(this.props.config.nameOverride || this.props.name, copy);\n },\n\n render: function () {\n let variables = (this.props.value || []).map((series, index) => {\n return \n
\n {this.state.isExpanded ?\n {this.props.data.variable_name}
\n \n
\n \n \n \n
\n \n
\n : null }\n \n
\n\n {__(\"VARIABLE_NAME\")}
\n \n \n
\n \n
\n\n {/* {__(\"INDICATOR\")}
\n \n \n
\n \n
*/}\n {__(\"REDUCTION\")}
\n \n \n
\n \n
\n\n )\n }\n});\n\nexport default ComplexSourcesManager;\n","import FormFieldTree from \"./c.tree.form_fields\";\nimport FormUtils from \"../utils/FormUtils\";\n\nfunction _findFieldByPath(options, path) {\n var found;\n\n _.each(options, function (field) {\n if (field.path == path) found = field;\n if (!found && field.children) {\n var subFound = _findFieldByPath(field.children, path);\n if (subFound) found = subFound;\n }\n }, this);\n\n return found;\n}\n\nvar ConditionRow = React.createClass({\n _data: [null, \"eq\", null],\n _node: null,\n\n getInitialProps: function () {\n return {\n data: [null, \"eq\", null]\n }\n },\n\n getInitialState: function () {\n return {\n data: [null, \"eq\", null]\n };\n },\n\n componentWillMount: function () {\n if (this.props.data) {\n this._node = _findFieldByPath(this.props.fieldOptions, this.props.data[0]);\n\n this.state.data = ewars.copy(this.props.data);\n }\n },\n\n componentWillReceiveProps: function (nextProps) {\n this.state.data = ewars.copy(nextProps.data);\n },\n\n _removeRule: function () {\n this.props.onRemove(this.props.index);\n },\n\n _onFieldSelect: function (e) {\n this.state.data[0] = e.target.value;\n this.props.onUpdate(this.props.index, this.state.data);\n },\n\n _onValueChange: function (prop, value) {\n this.state.data[2] = value;\n this.props.onUpdate(this.props.index, this.state.data);\n },\n\n _onCmpChange: function (e) {\n this.state.data[1] = e.target.value;\n this.props.onUpdate(this.props.index, this.state.data);\n },\n\n render: function () {\n var valueControl;\n\n if (this.state.data[0] && this.state.data[0] != \"none\") {\n // Find the field definition\n var fieldDef = _.find(this.props.fieldOptions, function (field) {\n if (field[0] == this.state.data[0]) return true;\n }, this);\n\n\n var FieldControl = this.props.map[fieldDef[2].type];\n\n valueControl = \n \n\n
\n\n \n {variables}\n
\n\n \n \n \n
\n
\n )\n }\n});\n\nexport default ConditionRow;\n","import CONSTANTS from \"../constants\";\nimport Moment from \"moment\";\n\nimport {\n SelectField\n} from \"../../common/fields\";\nclass Day extends React.Component {\n constructor(props) {\n super(props);\n }\n\n _onClick = () => {\n if (this.props.active) {\n this.props.onClick(this.props.date);\n }\n };\n\n render() {\n\n let className = \"cal-day\";\n if (\n this.props.value.date() == this.props.date.date() &&\n this.props.value.month() == this.props.date.month() &&\n this.props.value.year() == this.props.date.year()\n ) {\n className += \" selected\";\n }\n\n if (!this.props.active) className += \" inactive\";\n\n if (!this.props.curDate.isSame(this.props.date, \"M\")) className = \"cal-day-nan\";\n\n let day = this.props.date.date();\n\n return (\n | \n \n | \n\n \n | \n\n {valueControl}\n | \n\n \n \n \n | \n
\n
\n )\n }\n}\n\nexport default DayPicker;\n","class DisplayPicker extends React.Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n let value = ewars.DATE(this.props.value, this.props.interval);\n return (\n \n
\n {/* \n
\n \n
\n \n {\n !this.props.hideYear ?\n
\n \n
\n : null }\n \n
\n \n \n
\n \n
\n \n \n
\n \n \n
\n {/* \n {pickerHeader}\n
*/}\n \n
\n \n\n \n
\n \n \n
\n \n
\n \n \n \n {dayHeaders}\n \n \n {rows}\n \n
\n
\n \n this._setDate(event.target.value) }>\n
*/}\n \n \n
\n \n \n
\n \n \n {value}\n
\n )\n }\n}\n\nexport default DisplayPicker;","import CONSTANTS from \"../constants\";\nimport Moment from \"moment\";\n\nclass Month extends React.Component {\n constructor(props) {\n super(props);\n }\n\n _onClick = () => {\n let newDate = Moment.utc([this.props.year, this.props.month, 1]);\n newDate = newDate.clone().endOf(\"M\");\n this.props.onClick(newDate);\n };\n\n render() {\n let name = CONSTANTS.MONTHS_SHORT[this.props.month];\n\n let className = \"cal-month\";\n\n let nominalDate = Moment.utc([this.props.year, this.props.month, 1]).endOf(\"M\");\n\n if (this.props.value.isSame(nominalDate, \"day\")) className += \" selected\";\n\n return (\n \n
\n )\n }\n}\n\nexport default MonthPicker;\n","import Moment from \"moment\";\n\nclass Week extends React.Component {\n constructor(props) {\n super(props);\n }\n\n _onClick = () => {\n Moment.updateLocale(\"en\", {\n week: {\n dow:ewars.getDOWMod7(),\n doy: (7 + ewars.getDOWMod7() - ewars.getDOY())\n },\n });\n console.log(\"moment\",Moment.utc(this.props.week).add(6, 'd'))\n this.props.onClick(Moment.utc(this.props.week).add(6, 'd'));\n };\n\n render() {\n\n Moment.updateLocale(\"en\", {\n week: {\n dow:ewars.getDOWMod7(),\n doy: (7 + ewars.getDOWMod7() - ewars.getDOY())\n },\n });\n\n // let weekStart = Moment.utc(this.props.week).subtract(7, 'd');\n\n let label = ewars.DATE(this.props.week, \"WEEK\");\n let weekNo = this.props.week.week();\n\n let className = \"cal-week\";\n\n if (this.props.block_future) {\n if (this.props.week.isAfter(Moment.utc())) className += \" inactive\";\n }\n\n return (\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n {year}\n
\n \n \n
\n \n
\n \n \n \n {months}\n \n
\n
\n \n
\n {weekNo}
\n {label}
\n \n
\n )\n }\n}\n\nexport default WeekPicker;\n","import Moment from \"moment\";\n\nclass YearPicker extends React.Component {\n constructor(props) {\n super(props);\n }\n\n _movePrevious = () => {\n let newDate;\n if (Moment.isMoment(this.props.value)) {\n newDate = this.props.value.clone().subtract(1, \"y\").endOf(\"Y\");\n } else {\n newDate = Moment.utc(this.props.value || new Date()).subtract(1, 'y').endOf(\"Y\");\n }\n this.props.onChange(newDate);\n };\n\n _moveNext = (isSelectedValue) => {\n let newDate;\n if (Moment.isMoment(this.props.value)) {\n if(isSelectedValue){\n newDate =this.props.value.clone().endOf(\"y\");\n }else{\n newDate = this.props.value.clone().add(1, \"y\").endOf(\"y\");\n }\n } else {\n if(isSelectedValue){\n newDate = Moment.utc(this.props.value || new Date()).endOf(\"y\");\n }else{\n newDate = Moment.utc(this.props.value || new Date()).add(1, 'y').endOf(\"Y\");\n }\n }\n if(this.props.block_future && !newDate.clone().endOf(\"Y\").isSameOrBefore(Moment.utc().endOf(\"Y\"))){\n return;\n }\n this.props.onChange(newDate);\n };\n\n render() {\n let value = Moment.utc(this.props.value || new Date());\n let year = value.year();\n\n return (\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n {this.state.curYear}\n
\n \n \n
\n \n
\n \n \n \n {weeks}\n \n
\n
\n \n
\n )\n }\n}\n\nexport default YearPicker;\n","var TreeNode = React.createClass({\n _hasLoaded: false,\n\n getInitialState: function () {\n return {\n showChildren: false\n };\n },\n\n onCaretClick: function (e) {\n e.stopPropagation();\n e.preventDefault();\n\n if ([\"row\", \"group\", \"matrix\", \"form\"].indexOf(this.props.data.nodeType) >= 0) {\n this.setState({\n showChildren: this.state.showChildren ? false : true\n })\n } else {\n this._onLabelClick(e);\n }\n\n },\n\n _onLabelClick: function (e) {\n e.stopPropagation();\n e.preventDefault();\n\n if ([\"row\", \"group\", \"matrix\", \"form\"].indexOf(this.props.data.field.type) < 0) {\n this.props.onNodeSelect(this.props.data);\n } else {\n this.onCaretClick(e);\n }\n },\n\n _hasChildren: function () {\n if (!this.props.data.children) return false;\n if (this.props.data.children.length > 0) return true;\n return false;\n },\n\n _getIcon: function () {\n var icon = \"fal \";\n\n if ([\"form\", \"row\", \"matrix\"].indexOf(this.props.data.nodeType) >= 0) {\n icon += \"fa-circle\";\n if (this.props.data.children) {\n if (this.props.data.children.length > 0) icon = \"fal fa-caret-right\";\n if (this.props.data.children.length > 0 && this.state.showChildren) icon = \"fal fa-caret-down\";\n }\n } else {\n icon += \"fa-th\";\n }\n\n return icon;\n },\n\n render: function () {\n var childs;\n\n if (this.state.showChildren) {\n childs = _.map(this.props.data.children, function (child) {\n return \n
\n\n \n
\n \n \n
\n {year}
\n \n \n
\n \n
{nodeName}
\n {this.state.showChildren ?\n \n
\n : null}\n - \n {childs}\n
\n
\n )\n }\n});\n\nexport default FormFieldTree;\n","import Spinner from \"../c.spinner\";\n\nvar AssignmentItem = React.createClass({\n getInitialState: function () {\n return {}\n },\n\n onNodeClick: function () {\n this.props.onClick(this.props.data);\n },\n\n render: function () {\n var locationName = ewars.formatters.I18N_FORMATTER(this.props.data.location_name);\n\n return (\n \n
\n {this.state.showTree ?\n \n
\n {this.state.nodeName}
\n \n
\n \n
\n : null}\n\n \n
\n \n\n
\n \n\n
\n - \n {rootNodes}\n
\n {locationName}\n
\n )\n }\n});\n\nvar Handle = React.createClass({\n render: function () {\n var name = ewars.I18N(this.props.current.name);\n\n return (\n \n \n \n
\n
\n )\n }\n});\n\nvar Item = React.createClass({\n _onClick: function () {\n this.props.onClick(this.props.data);\n },\n\n render: function () {\n var className = 'item';\n if (this.props.value == this.props.data[0]) className += \" active\";\n\n return (\n | {name} | \n\n \n | \n
{this.props.data[1]}
\n )\n }\n});\n\nvar AssignmentLocationField = React.createClass({\n _isLoaded: false,\n _initialLoad: false,\n\n getInitialState: function () {\n return {\n assignments: [],\n showTree: false,\n currentLocation: {\n name: {en: \"No Location Selected\"}\n }\n }\n },\n\n componentWillMount: function () {\n if (this.props.value) {\n this._loadSetLocation();\n } else {\n this._initialLoad = true;\n }\n },\n\n _loadSetLocation: function () {\n ewars.tx(\"com.ewars.resource\", [\"location\", this.props.value, [\"uuid\", \"name\"], null])\n .then(function (resp) {\n this.state.currentLocation = resp;\n this._initialLoad = true;\n if (this.isMounted()) this.forceUpdate();\n }.bind(this))\n },\n\n _loadAssignments: function () {\n if (this.props.config.form_id) {\n ewars.tx(\"com.ewars.user.assignments\", [])\n .then(function (resp) {\n this.state.assignments = resp;\n this._isLoaded = true;\n if (this.isMounted()) this.forceUpdate();\n }.bind(this))\n }\n },\n\n componentWillReceiveProps: function (nextProps) {\n if (nextProps.config.form_id != this.props.config.form_id) {\n if (nextProps.config.form_id) {\n ewars.tx(\"com.ewars.user.assignments\", [])\n .then(function (resp) {\n this.state.assignments = resp;\n if (this.isMounted()) this.forceUpdate();\n }.bind(this));\n\n if (this.props.value != nextProps.value) {\n ewars.tx(\"com.ewars.resource\", [\"location\", nextProps.value, [\"uuid\", \"name\"], null])\n .then(function (resp) {\n this.state.currentLocation = resp;\n if (this.isMounted()) this.forceUpdate();\n }.bind(this))\n }\n }\n } else if (this.props.value != nextProps.value) {\n ewars.tx(\"com.ewars.resource\", [\"location\", nextProps.value, [\"uuid\", \"name\"], null])\n .then(function (resp) {\n this.state.currentLocation = resp;\n if (this.isMounted()) this.forceUpdate();\n }.bind(this))\n }\n },\n\n onNodeSelect: function (node) {\n this.state.currentLocation = node;\n this.state.showTree = false;\n this.forceUpdate();\n this.props.onUpdate(this.props.name, node.location_uuid, this.props.config.path || \"\");\n },\n\n _processLocations: function () {\n var items = _.map(this.state.assignments, function (item,index) {\n if (item.form_id == this.props.config.form_id) {\n return \n
\n )\n }\n\n\n var items = _.map(this.state.assignments, function (item,index) {\n if (item.form_id == this.props.config.form_id) {\n return \n \n
\n \n \n {this.state.showTree ?\n
\n )\n }\n\n});\n\nexport default AssignmentLocationField;\n","import Button from \"../c.cmp.button\";\n\nclass ButtonGroupField extends React.Component {\n static defaultProps = {\n context_help: null,\n value: null,\n config: {\n context_help: null\n }\n };\n\n _onClick = (data) => {\n this.props.onUpdate(this.props.config.nameOverride || this.props.name, data[0], this.props.path || this.props.name);\n };\n\n render() {\n let contextHelp;\n if (this.props.config.context_help) {\n if (this.props.value != null) {\n contextHelp = __(this.props.config.context_help[this.props.value])\n }\n }\n return (\n \n {items}\n
\n : null}\n \n {this.props.config.options.map((button, index) => {\n let key = `BUTTON_${index}`;\n return \n })}\n \n {contextHelp ?\n
\n )\n }\n}\n\nexport default ButtonGroupField;\n","import TextField from \"./f.text\";\nimport SelectField from \"./../c.cmp.select\";\n\nconst ACTIONS = [\n ['fa-plus', 'ADD_ITEM', 'ADD_ITEM']\n];\n\nconst ACTIONS_OPTION = [\n ['fa-trash', 'DELETE', 'DELETE']\n];\n\nclass Item extends React.Component {\n constructor(props) {\n super(props);\n }\n\n _action = (action) => {\n this.props.onRemove(this.props.index);\n };\n\n _value = (prop, value) => {\n this.props.onChange(this.props.index, value);\n };\n\n render() {\n return (\n {contextHelp}
\n : null}\n\n
\n )\n }\n}\n\nclass CalculatedFieldDefinition extends React.Component {\n constructor(props) {\n super(props);\n }\n\n _action = (action) => {\n switch (action) {\n case \"ADD_ITEM\":\n let items = this.props.value || [];\n items.push(\"\");\n this.props.onChange(this.props.data.n, items);\n break;\n default:\n break;\n }\n\n };\n\n _onChange = (data) => {\n this.props.onChange(this.props.data.n, data);\n };\n\n _remove = (index) => {\n let items = this.props.value || [];\n items.splice(index, 1);\n this.props.onChange(this.props.data.n, items);\n };\n\n _change = (index, value) => {\n let items = this.props.value || [];\n items[index] = value;\n console.log(this.props.data.n);\n this.props.onChange(this.props.data.n, items);\n // this.props.onChange(this.props.data.n, false,{propKey:\"show_mobile\"}); // update show_mobile=false\n };\n\n render() {\n\n let fields = (this.props.data.fo || []).filter(item => {\n return item[2].type == \"number\" || item[2].type == \"text\";\n });\n let fieldOptions = fields.map(item => {\n return [item[2].path, item[1]];\n })\n let options = (this.props.value || []).map((item, index) => {\n return \n \n \n \n \n \n \n \n \n
\n \n {options}\n
\n\n \n
\n )\n }\n}\n\nexport default ColourField;\n","import { Layout, Row, Cell} from \"../layout\";\n\nimport EditableList from \"../c.editable_list\";\nimport Colour from \"./f.colour\";\nimport TextField from \"./f.text\";\nimport NumericField from \"./f.numeric\";\n\nconst ACTIONS = [\n {icon: \"fa-plus\", action: \"ADD\" , tooltip : __(\"ADD_THRESHHOLD\")},\n {icon: \"fa-minus\", action: \"REMOVE\" ,tooltip : __(\"REMOVE_THRESHHOLD\") },\n {icon: \"fa-caret-up\", action: \"MOVE_UP\" ,tooltip : __(\"MOVE_UP\")},\n {icon: \"fa-caret-down\", action: \"MOVE_DOWN\", tooltip : __(\"MOVE_DOWN\")}\n];\n\nconst SEP_STYLE = {\n textAlign: \"center\",\n lineHeight: \"30px\"\n};\n\nlet INF_STYLE = {\n borderTopRightRadius: 3,\n borderBottomRightRadius: 3,\n borderTop: \"1px solid #505152\",\n borderRight: \"1px solid #505152\",\n borderBottom: \"1px solid #505152\",\n textAlign: \"center\",\n lineHeight: \"30px\",\n width: \"37px\",\n height: \"31px\"\n};\n\nclass ThresholdColour extends React.Component {\n onClick = () => {\n this.props.onClick(this.props.index);\n };\n\n _onChange = (prop, value) => {\n this.props.onChange(this.props.index, prop, value);\n };\n\n _setMaxInf = () => {\n let newValue = \"INF\";\n if (this.props.data[1] == \"INF\") newValue = 0;\n this.props.onChange(this.props.index, \"max\", newValue);\n };\n\n render() {\n let readOnly = false;\n if (this.props.data[1] == \"INF\") readOnly = true;\n let value = this.props.data[1];\n if (this.props.data[1] == \"INF\") value = \"Infinity\";\n\n let MAX_STYLE = {\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0\n };\n let INF_STYLE_COPY = Object.assign({}, INF_STYLE)\n\n if (this.props.data[1] == \"INF\") {\n INF_STYLE_COPY.background = \"#505152\";\n INF_STYLE_COPY.color = \"#F2F2F2\";\n\n MAX_STYLE.background = \"#505152\";\n MAX_STYLE.color = \"#F2F2F2\";\n }\n\n let className = \"iw-list-edit-item\";\n if (this.props.active) className += \" active\";\n\n const hideMinField = (this.props.config && this.props.config.showOnlyMax);\n\n return (\n \n \n | \n \n | \n
\n
\n {this.state.shown ?\n \n \n \n \n \n {COLOURS.map((row, rowIndex) => {\n return (\n \n {row.map((cell, cellIndex) => {\n return (\n \n )\n })}\n \n )\n })}\n \n | \n
\n \n \n \n \n \n | \n
\n \n
\n : null}\n \n \n {!hideMinField &&\n \n \n | \n }\n {!hideMinField && to | }\n {hideMinField && {`<=`} | }\n\n \n \n \n | \n \n | \n | \n = | \n \n \n | \n
\n
\n )\n }\n}\n\nclass ThresholdValue extends React.Component {\n onClick = () => {\n this.props.onClick(this.props.index);\n };\n\n _onChange = (prop, value) => {\n this.props.onChange(this.props.index, prop, value);\n };\n\n _setMaxInf = () => {\n let newValue = \"INF\";\n if (this.props.data[1] == \"INF\") newValue = 0;\n this.props.onChange(this.props.index, \"max\", newValue);\n };\n\n render() {\n let className = \"iw-list-edit-item\";\n if (this.props.active) className += \" active\";\n\n let readOnly = false;\n if (this.props.data[1] == \"INF\") readOnly = true;\n let value = this.props.data[1];\n if (this.props.data[1] == \"INF\") value = \"Infinity\";\n\n let MAX_STYLE = {\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0\n };\n\n let INF_STYLE_COPY = Object.assign({}, INF_STYLE)\n\n\n if (this.props.data[1] == \"INF\") {\n INF_STYLE_COPY.background = \"#505152\";\n INF_STYLE_COPY.color = \"#F2F2F2\";\n\n MAX_STYLE.background = \"#505152\";\n MAX_STYLE.color = \"#F2F2F2\";\n }\n\n return (\n Inf
\n \n \n \n \n | \n to | \n \n \n \n | \n \n | \n\n\n | \n = | \n \n \n | \n
\n
\n )\n }\n}\n\nclass ColourThresholdsField extends React.Component {\n static defaultProps = {\n output_type: \"COLOUR\",\n config: {\n output_type: \"COLOUR\"\n }\n };\n\n constructor(props) {\n super(props);\n }\n\n _onListAction = (action, selectedIndex) => {\n if (action === \"ADD\") {\n let thresholds = this.props.value || [];\n thresholds.push([0, 0, \"\"]);\n this.props.onUpdate(this.props.name, thresholds);\n }\n\n if (action === \"REMOVE\") {\n let thresholds = this.props.value || [];\n thresholds.splice(selectedIndex, 1);\n this.props.onUpdate(this.props.name, thresholds);\n }\n\n if (action === \"MOVE_UP\") {\n if (selectedIndex > 0) {\n let thresholds = this.props.value || [];\n let tmp = thresholds[selectedIndex - 1];\n\n thresholds[selectedIndex - 1] = thresholds[selectedIndex];\n thresholds[selectedIndex] = tmp;\n\n this.props.onUpdate(this.props.name, thresholds);\n }\n }\n\n if (action === \"MOVE_DOWN\") {\n let thresholds = this.props.value || [];\n if (selectedIndex < thresholds.length) {\n let tmp = thresholds[selectedIndex + 1];\n thresholds[selectedIndex + 1] = thresholds[selectedIndex];\n thresholds[selectedIndex] = tmp;\n\n this.props.onUpdate(this.props.name, thresholds);\n }\n }\n\n };\n\n _onPropChange = (index, prop, value) => {\n let threshes = this.props.value;\n if (prop == \"colour\") threshes[index][2] = value;\n if (prop == \"output\") threshes[index][2] = value;\n if (prop == \"min\") threshes[index][0] = value;\n if (prop == \"max\") threshes[index][1] = value;\n\n this.props.onUpdate(this.props.name, threshes);\n };\n\n render() {\n let Template = ThresholdColour;\n if (this.props.config.output_type == \"VALUE\") Template = ThresholdValue;\n\n return (\n Inf
\n \n
\n )\n }\n}\n\nexport default ColourThresholdsField;\n","import ConditionsRow from \"./c.conditions.row\";\nimport Button from \"../c.button\";\n\nvar ConditionsField = React.createClass({\n\n getInitialState: function () {\n return {\n data: {\n rules: [\n [\"none\", \"eq\", null]\n ],\n application: \"ALL\"\n }\n };\n },\n\n _addRule: function () {\n var newConditions = this.state.data.rules ? this.state.data.rules : [];\n newConditions.push([null, \"eq\", null]);\n this.state.data.rules = newConditions;\n this.props.onUpdate(this.props.name, this.state.data);\n },\n\n _removeRule: function (index) {\n var rules = ewars.copy(this.state.data);\n rules.rules.splice(index, 1);\n this.props.onUpdate(this.props.name, rules);\n },\n\n _defaultRow: [\"none\", \"eq\", \"none\"],\n\n componentWillMount: function () {\n if (!this.props.value || this.props.value.length >= 0) {\n this.state.data = {\n application: \"ALL\",\n rules: [\n [\"none\", \"eq\", false]\n ]\n }\n } else {\n if (this.props.config.value != undefined) this.state.data = this.props.config.value;\n }\n },\n\n componentWillReceiveProps: function (nextProps) {\n this.state.data = nextProps.value;\n },\n\n _rowUpdate: function (index, data) {\n this.state.data.rules[index] = data;\n this.props.onUpdate(this.props.name, this.state.data);\n },\n\n _onApplicationChange: function (e) {\n this.state.data.application = e.target.value;\n this.props.onUpdate(this.props.name, this.state.data);\n },\n\n render: function () {\n var rules = [];\n\n if (this.state.data.rules) {\n rules = _.map(this.state.data.rules, function (rule, index) {\n return ( Please enter thresholds value between 0 - 100 percentage )
\n : null\n }\n\n
\n )\n }\n});\n\nexport default ConditionsField;\n","import DayPicker from \"./c.date.day\";\nimport WeekPicker from \"./c.date.week\";\nimport MonthPicker from \"./c.date.month\";\nimport YearPicker from \"./c.date.year\";\nimport DisplayPicker from \"./c.date.display\";\nimport Moment from \"moment\";\nimport {getMonthsDaysBetweenDates} from \"../utils/DateUtils\"\n\nconst PICKERS = {\n NONE: DayPicker,\n DAY: DayPicker,\n WEEK: WeekPicker,\n MONTH: MonthPicker,\n YEAR: YearPicker,\n DISPLAY: DisplayPicker\n};\n\nclass Handle extends React.Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n let name = __(\"NO_DATE_SELECTED\"),\n showClear = false;\n\n if (this.props.value) {\n let value = this.props.value;\n if(typeof value == 'object'){\n value = Moment(value).format('YYYY-MM-DD');\n }\n name = ewars.DATE(value, this.props.hideYear ? 'MMM DD' : this.props.format);\n showClear = true;\n }\n\n return (\n \n \n \n
\n\n {rules}\n\n
\n | Pass When | \n\n \n | \n
\n \n
\n \n
\n )\n }\n}\n\nclass DateField extends React.Component {\n constructor(props) {\n super(props);\n\n let val = this.props.value;\n if (!val) val = null;\n\n this.state = {\n showOptions: false,\n value: val || Moment()\n }\n }\n\n static defaultProps = {\n value: null,\n dispValue: null,\n name: null,\n config: {\n block_future: true,\n date_type: \"DAY\"\n }\n };\n\n componentWillMount() {\n window.__hack__.addEventListener(\"click\", this._handleBodyClick);\n if (!this.props.value) {\n this.state.value = Date.now()\n } else {\n let val = this.props.value;\n if (!val) val = null;\n this.state.value = val;\n }\n }\n\n componentWillReceiveProps(nextProps) {\n if (!nextProps.value) {\n this.state.value = Date.now()\n } else {\n let val = nextProps.value;\n if (!val) val = null;\n this.state.value = val;\n }\n }\n\n componentWillUnmount() {\n window.__hack__.removeEventListener(\"click\", this._handleBodyClick);\n }\n\n _handleBodyClick = (evt) => {\n if (this.refs.selector) {\n const area = this.refs.selector;\n\n if (!area.contains(evt.target)) {\n this.state.showOptions = false;\n this.forceUpdate();\n }\n }\n };\n\n _onValueChange = (newValue) => {\n let name = this.props.name;\n if (this.props.config.nameOverride) name = this.props.config.nameOverride;\n this.state.showOptions = false;\n this.props.onUpdate(name, newValue.clone().format(\"YYYY-MM-DD\"), this.props.config.path || null);\n let age_field;\n for (const key in this.props.definition) {\n if (\n this.props.definition.hasOwnProperty(key) &&\n typeof this.props.definition[key] === \"object\" &&\n this.props.definition[key] !== null\n ) {\n const field = this.props.definition[key];\n if (\n field.hasOwnProperty(\"is_age_field\") &&\n field.is_age_field === true\n ) {\n age_field = field;\n break;\n }\n }\n }\n\n if (age_field && age_field.select_date_field === name) {\n const age =\n age_field.select_month_year_field === \"month\"\n ? getMonthsDaysBetweenDates(newValue.clone().format(\"YYYY-MM-DD\")).months\n : getMonthsDaysBetweenDates(newValue.clone().format(\"YYYY-MM-DD\")).years;\n this.props.onUpdate(age_field.name, age, age_field.name);\n }\n };\n\n _toggle = () => {\n this.setState({\n showOptions: !this.state.showOptions\n })\n };\n\n _clear = (e) => {\n e.preventDefault();\n e.stopPropagation();\n let name = this.props.name;\n if (this.props.config.nameOverride) name = this.props.config.nameOverride;\n this.props.onUpdate(name, null, this.props.config.path || null);\n };\n\n render() {\n let view;\n let date_type = this.props.config.date_type || this.props.date_type;\n let ViewCmp = PICKERS[date_type || \"DAY\"];\n\n if (this.props.readOnly) {\n let label=ewars.DATE(this.state.value, date_type);\n if(!this.props.value) label= __(\"NO_DATE_SELECTED\");\n return (\n {}}/>\n )\n }\n let ewSelectStyle={};\n if (this.props.ewSelectWidth){\n ewSelectStyle.width=this.props.ewSelectWidth;\n }\n view = \n
\n {name}
\n {showClear ?\n \n \n
\n : null}\n \n \n
\n \n
\n )\n }\n}\n\nexport default DateField;\n","function debounce(fn, delay) {\n var timer = null;\n return function () {\n var context = this, args = arguments;\n clearTimeout(timer);\n timer = setTimeout(function () {\n fn.apply(context, args);\n }, delay);\n };\n}\nclass DisplayCalculatedField extends React.Component {\n constructor(props) {\n super(props)\n this.onUpdate = debounce(this.onUpdate, 100);\n }\n onUpdate = (value) => {\n this.props.onUpdate(this.props.config.nameOverride || this.props.name, value, this.props.path || this.props.name);\n }\n componentWillReceiveProps(nextProps) {\n let value;\n (this.props.config.calc_def || []).forEach((item, index) => {\n let fieldVal = nextProps.data[item];\n if (this.props.config.calc_def_formula == \"SUM\") {\n value = value || 0;\n fieldVal = fieldVal || 0;\n value += parseFloat(fieldVal);\n } else if (this.props.config.calc_def_formula == 'SUBTRACT') {\n value = value || 0;\n fieldVal = fieldVal || 0;\n if (index == 0 ) value = parseFloat(fieldVal)\n else value -= parseFloat(fieldVal);\n } else {\n value = value == undefined ? '' : value;\n value += fieldVal || '';\n if (this.props.config.calc_def_formula_separator && ((index + 1) < this.props.config.calc_def.length)) {\n value += this.props.config.calc_def_formula_separator || '';\n }\n }\n });\n if (value !== nextProps.value && (value !== 0 || nextProps.value !== \"\")) {\n this.onUpdate(value);\n }\n }\n\n render() {\n return (\n \n {view}\n
\n : null}\n \n {this.props.config.defaultValue || this.props.value}\n
\n )\n }\n});\n\nexport default DisplayField;\n","import { Layout, Row, Cell } from \"../layout\";\nimport ButtonGroup from \"./f.button_group\";\n\nimport NumericField from \"./f.numeric\";\nconst NumberField = NumericField;\n\nconst PX_REG = /([px])/g;\nconst EM_REG = /([em])/g;\nconst PERC_REG = /([%])/g;\n\nconst BUTTON_OPTIONS = [\n [\"px\", \"px\"],\n [\"%\", \"%\"],\n [\"em\", \"em\"]\n];\n\nconst UNITS_CONFIG = {\n options: BUTTON_OPTIONS\n};\n\nclass DOMSizeField extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n units: \"px\"\n }\n }\n\n _onUnitsChange = (prop, units) => {\n let value = 0;\n if (PX_REG.test(this.props.value)) {\n value = this.props.value.replace(\"px\", \"\");\n this.props.onUpdate(this.props.name, value + units);\n return;\n }\n\n if (EM_REG.test(this.props.value)) {\n value = this.props.value.replace(\"em\", \"\");\n this.props.onUpdate(this.props.name, value + units);\n return;\n }\n\n if (PERC_REG.test(this.props.value)) {\n value = this.props.value.replace(\"%\", \"\");\n this.props.onUpdate(this.props.name, value + units);\n\n }\n };\n\n _onValueChange = (prop, value) => {\n let units;\n if (PX_REG.test(this.props.value)) units = \"px\";\n if (EM_REG.test(this.props.value)) units = \"em\";\n if (PERC_REG.test(this.props.value)) units = \"%\";\n\n if (!units) units = \"px\";\n\n let update;\n if (value) update = value + units;\n\n this.props.onUpdate(this.props.name, update);\n };\n\n\n render() {\n let value = this.props.value;\n let units = \"px\";\n if (isNaN(value)) {\n if (value.indexOf(\"px\") >= 0) {\n value = value.replace(\"px\", \"\");\n } else if (value.indexOf(\"em\") >= 0) {\n value = value.replace(\"em\", \"\");\n units = \"em\";\n } else if (value.indexOf(\"%\") >= 0) {\n value = value.replace(\"%\", \"\");\n units = \"%\";\n }\n }\n\n const unitsConfig = {...UNITS_CONFIG};\n \n if(this.props.config.hide){\n unitsConfig.options = UNITS_CONFIG.options.filter(unit_conf => !this.props.config.hide.includes(unit_conf[0]));\n }\n\n return (\n \n \n \n {this.props.showPreview && imagePreview ?\n
\n )\n }\n}\n\nexport default FileField;\n","import { NONE } from \"../constants\";\n\nconst ALLOWED_TYPES = [\n \"image/png\",\n \"image/jpg\",\n \"image/jpeg\",\n \"application/pdf\",\n \"text/csv\",\n \"image/gif\",\n \"text/javascript\",\n \"text/css\"\n];\n\nclass FileUploadField extends React.Component {\n static defaultProps = {\n filePath: \"/{account_id}/assets/\",\n allowedTypes: ALLOWED_TYPES.slice(\",\").join(\",\"),\n label: \"Choose file\",\n file_size: 2,\n local: false,\n return_data: false,\n onData: null,\n binary: false,\n showInput: true,\n showPreview: true,\n checkType:false,\n readFile : false\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n uploading: false,\n file: null,\n imagePreviewUrl: null\n }\n }\n\n componentWillMount() {\n this._uuid = ewars.utils.uuid();\n if (this.props.value) this.state.imagePreviewUrl = this.props.value;\n }\n\n componentWillReceiveProps(nextProps) {\n if (this.props.value != nextProps.value) this.state.imagePreviewUrl = nextProps.value;\n }\n _checkfile=(sender)=> {\n if(!this.props.checkType){\n return true;\n }\n var validExts = this.props.allowedTypes.trim().split(\",\");\n var fileExt = sender.type,fileName=sender.name;\n // fileExt = fileExt.substring(fileExt.lastIndexOf('.'));\n if(fileName.indexOf('#') >= 0){\n ewars.error(__(\"INVALID_FILE_NAME\"));\n return false;\n }\n if (validExts.indexOf(fileExt) < 0) {\n ewars.error(__(\"NOTALLOWED_FILE_TYPE\"));\n return false;\n }\n else return true;\n }\n _onFileChange = (event, label = null, refs = null) => {\n event.preventDefault();\n\n let reader = new FileReader();\n let file = event.target.files[0];\n if(!this._checkfile(file)){\n return ;\n }\n reader.onloadend = () => {\n this.setState({\n file: file,\n imagePreviewUrl: reader.result,\n uploading: true\n });\n\n if (this.props.return_data) {\n this.props.onData(reader.result);\n } else {\n this._upload(reader.result, label, refs, file);\n }\n };\n\n if (this.props.binary) {\n reader.readAsBinaryString(file);\n } else {\n reader.readAsDataURL(file);\n }\n\n };\n\n _upload = (fileData, label, refs, file) => {\n \n if(label) label = label;\n else if(this.props.config && this.props.config.bucket_path) label = this.props.config.bucket_path;\n else label = 'site_images'\n\n let bl = new ewars.Blocker(null, __(\"UPLOADING_FILE\"));\n let formData = new FormData();\n formData.append(\"file\", refs ? refs : this.refs.filer.files[0]);\n formData.append(\"filename\", refs ? refs.name : this.state.file.name);\n formData.append(\"label\", label);\n if(this.props.readFile){\n var reader = new FileReader();\n reader.onload = (event) => {\n let data = event.target.result;\n data = JSON.parse(data);\n let features = data[\"features\"] || [];\n let properties = [];\n let location = features[0];\n if(location){\n let obj = location[\"properties\"];\n properties = Object.keys(obj);\n this.props.onPropertiesFetch(refs ? refs.name : this.state.file.name,properties,data);\n }\n bl.destroy();\n };\n reader.readAsText(refs ? refs : this.refs.filer.files[0]);\n }\n else{\n if(!this.props.uploadAsBinary) formData.append(\"content_type\", file.type);\n\n let oReq = new XMLHttpRequest();\n\n oReq.onreadystatechange = () => {\n let DONE = 4;\n let OK = 200;\n\n if (oReq.readyState == DONE) {\n bl.destroy();\n if (oReq.status == OK) {\n let resp = JSON.parse(window.decodeURI(oReq.responseText));\n if(this.props.isDownload){\n let link=document.createElement('a');\n link.href = \"https://\" + ewars.domain + \"/download/\" + resp.file_name;\n link.download = link.href.substr(link.href.lastIndexOf('/') + 1);\n link.click();\n }\n if(this.props.isForUploadingCss){\n this.props.onUpdate(this.props.name, resp.data,this.state.file.type);\n }else{\n ewars.growl(__(\"FILE_UPLOADED_SUCCESSFULLY\"))\n this.props.onUpdate(this.props.name, resp.data);\n }\n } else {\n if (oReq.status == 500) {\n }\n\n if (oReq.status == 101) {\n\n }\n }\n }\n };\n \n let path = \"/api/s3Bucket\"\n if (this.props.api_path || (this.props.data && this.props.data.api_path)) {\n path = this.props.api_path || this.props.data.api_path;\n }\n oReq.open(\"POST\",path , true);\n oReq.send(formData);\n }\n };\n\n render() {\n let imagePreviewUrl = this.state.imagePreviewUrl;\n let imagePreview;\n if (imagePreviewUrl) {\n imagePreview = ({imagePreview}
\n : null}\n \n \n \n {this.props.showPreview && imagePreview ?\n
\n )\n }\n}\n\nexport default FileUploadField;\n","class FormFieldField extends React.Component {\n static defaultProps = {\n required_type: null\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n forms: ewars.g.forms || null\n };\n\n if (!ewars.g.forms) {\n ewars.tx(\"com.ewars.mapping.layer_options\", [])\n .then(res => {\n ewars.g.forms = res.forms;\n this.setState({\n forms: res.forms\n })\n })\n .catch(err => {\n ewars.error(__(\"ERR_LOADING_FORM\"));\n })\n }\n }\n\n _onChange = (e) => {\n let value = this.props.value || [null, null];\n if (e.target.name == \"fid\") value[0] = e.target.value;\n if (e.target.name == \"field\") value[1] = e.target.value;\n this.props.onUpdate(this.props.name, value);\n };\n\n render() {\n\n if (!this.state.forms) {\n return (\n {imagePreview}
\n : null}\n {__(\"LOADING\")}
\n )\n }\n\n let fields = [];\n let form_id = (this.props.value || [null, null])[0] || null;\n if (form_id != null) {\n let form = this.state.forms.filter(item => {\n return item.id == form_id\n })[0] || null;\n\n if (form) {\n for (let i in form.definition) {\n fields.push([i, __(form.definition[i].label), form.definition[i].type]);\n }\n }\n\n // If we're only looking for a specific type of field,\n // fulter the fields available to that type\n if (this.props.config.required_type) {\n fields = fields.filter(item => {\n return item[2] === this.props.config.required_type;\n })\n }\n }\n\n return (\n \n \n
\n )\n }\n}\n\nexport default FormFieldField;\n","// Dependent upno the current form . The dynamic form configuration (json object) must be having the form_id as property\nimport Complex from \"../editors/logic/Complex\";\nimport Set from \"../editors/logic/Set\"\nconst events = [\n \"etl-add-field\",\n \"etl-add-set\",\n \"etl-remove_set\",\n \"etl-change-rule\",\n\n // Root-level events\n \"ind-rule-change\",\n \"ind-swap\",\n \"remove-ind\",\n \"dupe-ind\",\n \"ind-move-up\",\n \"ind-move-down\",\n\n \"ind-remove-field\",\n \"ind-update-field\",\n \"ind-remove-complex\",\n\n \"etl-set-update-rule\",\n \"etl-set-remove-rule\",\n \"etl-set-change-provision\"\n\n]\nclass FormFieldCondition extends React.Component {\n\n constructor(props) {\n super(props);\n\n this.state = {\n form_id: null,\n definition: null,\n items: [\"ALL\", \":EQ:\"],\n id : ewars.utils.uuid()\n };\n }\n componentDidMount() {\n if(this.props.value){\n this.state.items = this.props.value\n }\n events.forEach(event => {\n window.addEventListener(event, this._onAction);\n });\n }\n componentWillMount () {\n if (this.props.value) {\n this.state.items = this.props.value;\n }\n }\n componentWillReceiveProps(nextProps) {\n if(nextProps.value){\n this.state.items = nextProps.value;\n }\n }\n\n _onAction = (e) => {\n if(e.detail.id == this.state.id){\n switch (e.type) {\n case \"etl-add-field\":\n this._addSet()\n break;\n case \"etl-set-remove-rule\":\n this._removeSet(e.detail);\n break;\n case \"etl-set-update-rule\":\n this._updateSetValue(e.detail);\n break;\n case \"etl-set-change-provision\":\n this._updateCondition(e.detail);\n break;\n }}\n };\n\n _updateSetValue = (data) =>{\n let index = data.path.split(\".\")[1];\n let item = this.state.items[index];\n let split;\n if (item.split(\":\")[0] == \"data.Time\" && data.value.includes(\":\")) {\n split = item.split(\":\", 3);\n split.pop()\n }\n else {\n split = item.split(\":\");\n }\n switch (data.prop) {\n case \"field\":\n split[0] = data.value;\n break;\n case \"operator\":\n split[1] = data.value;\n break;\n case \"value\":\n split[2] = data.value;\n break;\n default:\n break;\n }\n let updatedItem = split.join(\":\");\n let x = this.state.items\n x[index] = updatedItem;\n this.setState({\n ...this.state,\n items: x\n })\n this.props.onUpdate(this.props.name, this.state.items);\n }\n\n _updateCondition = (data) =>{\n let x = this.state.items;\n x[0] = data.value;\n this.setState({\n ...this.state,\n items: x\n })\n this.props.onUpdate(this.props.name, this.state.items);\n }\n\n _addSet = () => {\n let x = this.state.items\n x.push(\":EQ:\");\n this.setState({\n ...this.state,\n items: x\n })\n this.props.onUpdate(this.props.name, this.state.items);\n }\n\n _removeSet = (data) => {\n let index = data.path.split(\".\")[1];\n\n let x = this.state.items;\n x.splice(index, 1);\n this.setState({\n ...this.state,\n items: x\n })\n this.props.onUpdate(this.props.name, this.state.items);\n }\n\n\n render() {\n\n let form_id = this.props.definition.form_id.value;\n if (form_id && form_id != this.state.form_id) {\n let joins = [\n \"version:version_id:uuid\"\n ];\n ewars.tx(\"com.ewars.resource\", [\"form\", form_id, null, joins])\n .then(res => {\n let form = res.version;\n this.setState({\n ...this.state,\n form_id: form_id,\n definition: form.definition\n })\n })\n .catch(err => {\n console.log(err);\n ewars.error(__(\"ERR_LOADING_FORM\"));\n })\n\n }\n return (\n \n \n \n {this.state.forms.map(item => {\n return (\n \n )\n })}\n \n
\n\n \n\n \n \n \n \n {fields.map((item,index) => {\n return \n })}\n \n
\n \n
\n )\n }\n}\n\nexport default FormFieldCondition;\n","// Dependent upno the current form . The dynamic form configuration (json object) must be having the form_id as property\nclass FormFieldSelect extends React.Component {\n static defaultProps = {\n required_type: null\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n form_id: null,\n fields: []\n };\n }\n\n _onChange = (e) => {\n let value = this.props.value || null;\n if (e.target.name == \"field\") value = e.target.value;\n this.props.onUpdate(this.props.name, value);\n };\n\n render() {\n let form_id_field_name = this.props.options[\"form_id_field_name\"];\n let form_id = null;\n if(form_id_field_name){\n form_id = this.props.definition[form_id_field_name].value;\n }else{\n let conditional_field_name=this.props.options[\"conditional_field_name\"];\n let conditional_field_value=this.props.definition[conditional_field_name].value;\n let mutiple_form_ids = this.props.options[\"mutiple_form_ids\"];\n Object.keys(mutiple_form_ids).forEach( (key) => {\n if(conditional_field_value == key){\n form_id = this.props.definition[mutiple_form_ids[key]].value;\n return;\n }\n })\n }\n \n if (form_id && form_id != this.state.form_id) {\n let joins = [\n \"version:version_id:uuid\"\n ];\n ewars.tx(\"com.ewars.resource\", [\"form\", form_id, null, joins])\n .then(res => {\n let form = res.version;\n let fields = [];\n let definition = form.definition\n let numericOnly = true\n if(this.props.hasOwnProperty(\"options\")){\n numericOnly = this.props.options[\"numericOnly\"]\n }\n for (let key in definition) {\n if(definition[key].type == \"matrix\"){\n let rows = definition[key].fields;\n for (let row in rows){\n let columns = rows[row].fields;\n for(let column in columns){\n if(columns[column].type != 'number' && numericOnly){\n continue\n }\n\n let label = __(form.definition[key].label)+\":\"+__(rows[row].label) +\":\"+ __(columns[column].label);\n let subkey = key+\".\"+row+\".\"+column \n fields.push([subkey, label, columns[column].type]);\n }\n }\n }else{\n if(form.definition[key].type != 'number' && numericOnly){\n continue\n }\n fields.push([key, __(form.definition[key].label), form.definition[key].type]);\n }\n }\n this.setState({\n form_id: form_id,\n fields: fields\n })\n })\n .catch(err => {\n console.log(err);\n ewars.error(__(\"ERR_LOADING_FORM\"));\n })\n\n }\n return (\n \n
\n \n\n\n \n \n
\n )\n }\n}\n\nexport default FormFieldSelect;\n","import Button from \"../c.button\";\n\nvar GeometryField = React.createClass({\n getInitialState: function () {\n return {}\n },\n\n _editMode: function () {\n ewars.prompt(\"fa-cogs\", \"Feature Unavailable\", \"This feature is under active development and will be available soon\", function () {});\n },\n\n render: function () {\n return (\n \n
\n \n \n \n {this.state.fields.map((item, index) => {\n return \n })}\n \n
\n \n \n
\n )\n }\n});\n\nexport default GeometryField;\n","var HeaderField = React.createClass({\n getInitialState: function () {\n return {}\n },\n\n render: function () {\n var className = \"form-header\";\n var label = __(this.props.config.label);\n label = label.replace(/\\\\n/g, '\\n');\n if (this.props.config.header_style) {\n className += \" \" + this.props.config.header_style;\n } else {\n className += \" style-title\";\n }\n\n return (\n \n {this.props.config.icon ?\n
\n )\n }\n});\n\nexport default HeaderField;\n","import CodeMirror from \"codemirror\";\n\nconst ACTIONS = [\n {icon: \"fa-save\", action: \"SAVE\", label: __(\"SAVE_CHANGESs\")},\n {icon: \"fa-times\", action: \"CLOSE\", label: __(\"CANCEL\")}\n];\n\nclass Editor extends React.Component {\n constructor(props) {\n super(props)\n }\n\n componentDidMount() {\n let height = this._el.getBoundingClientRect().height;\n this._editor = CodeMirror(this._el, {\n value: this.props.value,\n lineNumbers: true,\n mode: \"html\"\n })\n this._editor.setSize(\"100%\", height);\n }\n\n getValue = () => {\n return this._editor.getValue();\n };\n\n render() {\n return (\n \n
\n :\n {label}\n {label}\n }\n \n
\n )\n }\n}\n\nclass IndicatorControl extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n items: []\n }\n }\n\n _filterChange = (data, prop, value) => {\n let settings = ewars.copy(this.props.data);\n if (!typeof settings === 'object') {\n settings = {};\n }\n settings[prop] = value;\n this.props.onChange(settings);\n };\n\n render() {\n\n let FORM_DEF = SYSTEM_INDS[this.props.itype];\n\n if (!FORM_DEF) {\n return \n
\n {label}
\n \n
\n \n \n
\n \n
\n }\n\n let IndForm = this.props.Form || _ewarsForm;\n\n return (\n {__(\"LOADING\")}
\n \n \n \n
\n
\n )\n }\n});\n\nclass IndicatorNode extends React.Component {\n _isLoaded = false;\n\n constructor(props) {\n super(props);\n\n this.state = {\n data: [],\n show: false\n }\n }\n\n _onClick = () => {\n if (!this._isLoaded && this.props.data.context == \"FOLDER\") {\n ewars.tx(\"com.ewars.indicators\", [this.props.data.id])\n .then(function (resp) {\n if(this.props.hide_extra_system_indicators){\n let indicators = [];\n indicators = resp.filter(function(indicator){\n if((indicator.hasOwnProperty(\"context\") && indicator.context == \"FOLDER\") || indicator.itype == 'DEFAULT' || indicator.itype == 'ALERTS' || indicator.itype == 'FORM_SUBMISSIONS' ||indicator.itype == 'FORMS' ) { return true;}\n else { return false;\n }\n });\n resp = indicators;\n \n }\n this._isLoaded = true;\n this.setState({\n data: resp,\n show: !this.state.show\n })\n }.bind(this));\n return;\n }\n\n this.setState({\n show: !this.state.show\n })\n };\n\n render() {\n var className = \"item locale-select\";\n if (this.props.value == this.props.data.uuid) className += \" active\";\n\n var name = ewars.I18N(this.props.data.name);\n\n var children;\n if (this.state.show && this._isLoaded) {\n children = this.state.data.map(function (item) {\n return | {name} | \n\n \n | \n
\n
\n )\n }\n}\n\n\nfunction debounce(fn, delay) {\n var timer = null;\n return function () {\n var context = this, args = arguments;\n clearTimeout(timer);\n timer = setTimeout(function () {\n fn.apply(context, args);\n }, delay);\n };\n}\n\nclass SearchInput extends React.Component {\n static defaultProps = {\n value: ''\n };\n\n constructor(props) {\n super(props);\n\n this.sendForSearch = debounce(this.sendForSearch, 250);\n }\n\n componentDidMount() {\n this._el.focus();\n }\n\n sendForUpdate = (e) => {\n this.props.onChange(e.target.value);\n\n if (e.target.value.length > 2) {\n this.sendForSearch(e.target.value);\n }\n\n if (e.target.value == \"\") this.sendForSearch(null);\n };\n\n sendForSearch = (searchTerm) => {\n this.props.onSearch(searchTerm);\n };\n\n render() {\n return (\n \n {iconClass ?\n
\n {this.state.show ?\n \n : null}\n
{name}
\n \n {children}\n
\n : null}\n \n
\n )\n }\n}\n\nexport default IndicatorField;\n","import Button from \"../c.button\";\nimport TextField from \"./f.text\";\nimport SelectField from \"./f.select\";\n\nconst REDUCTION = {\n options: [\n [\"SUM\", \"Sum\"],\n [\"MEDIAN\", \"Median\"]\n ]\n};\n\nclass CompoundManager extends React.Component {\n constructor(props) {\n super(props);\n }\n\n _onUpdate = (prop, value) => {\n this.props.onUpdate(prop, value);\n };\n\n render() {\n return (\n \n \n {this.state.showTree ?\n
\n {isConfigurable ?\n \n
\n : null}\n\n\n \n
\n {rootNodes}\n \n \n {this.state.search.length > 0 ?\n
\n \n \n
\n : null}\n \n
\n )\n\n }\n}\n\n\nclass IndicatorItem extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n indicator: {}\n }\n\n }\n\n componentWillMount() {\n ewars.tx(\"com.ewars.resource\", [\"indicator\", this.props.data, [\"uuid\", \"name\", \"definition\", \"itype\", \"icode\"], null])\n .then(function (resp) {\n this.setState({\n indicator: resp\n })\n }.bind(this))\n }\n\n _remove = () => {\n this.props.onRemove(this.props.index);\n };\n\n render() {\n let indName = this.state.indicator.icode || \"\" + \" \" + ewars.I18N(this.state.indicator.name || \"Loading\");\n\n return (\n \n
\n Formula
\n \n \n
\n \n
\n Indicators
\n \n \n
\n \n
\n )\n }\n}\n\n\nclass IndicatorList extends React.Component {\n constructor(props) {\n super(props);\n }\n\n _onDragEnter = (e) => {\n e.preventDefault();\n };\n\n _onDragLeave = (e) => {\n };\n\n _onDropped = (e) => {\n e.preventDefault();\n e.stopPropagation();\n\n let data = JSON.parse(e.dataTransfer.getData(\"item\"));\n\n let definition = ewars.copy(this.props.data.definition);\n definition.series.push(data.uuid);\n\n this.props.onUpdate(\"series\", definition.series);\n };\n\n _remove = (index) => {\n let definition = ewars.copy(this.props.data.definition);\n definition.series.splice(index, 1);\n this.props.onUpdate(\"series\", definition.series);\n };\n\n render() {\n let view;\n if (this.props.data.definition.series.length <= 0) {\n view = \n
\n \n
\n \n
\n {indName}
\n \n
\n \n \n
\n Drag 'n' Drop indicators here
;\n } else {\n view = this.props.data.definition.series.map(function (item, index) {\n return \n
\n )\n }\n}\n\nclass AggregateManager extends React.Component {\n constructor(props) {\n super(props);\n }\n\n _onUpdate = (prop, value) => {\n this.props.onUpdate(prop, value);\n };\n\n render() {\n return (\n \n {view}\n
\n \n
\n )\n }\n}\n\n\nvar IndicatorDefinition = React.createClass({\n getInitialState: function () {\n return {\n definition: {}\n }\n },\n\n _updateDefinition: function (prop, value) {\n let data = ewars.copy(this.props.value.definition);\n data[prop] = value;\n\n\n this.props.onUpdate(\"definition\", data);\n },\n\n render: function () {\n\n let edit;\n if (this.props.value) {\n if (this.props.value.itype == \"COMPOUND\") edit =\n \n
\n Aggregation Type
\n \n \n
\n \n
\n Indicators
\n \n \n
\n \n {this.state.forms.map((item) => {\n return
\n )\n\n }\n}\n\nexport default IndicatorRelatedForms;\n","var _languages = [\"en\", \"fr\", \"ar\"];\n\nvar LanguageNode = React.createClass({\n render: function () {\n var className = \"language\";\n if (this.props.active) className += \" active\";\n\n return (\n {ewars.I18N(item[\"name\"])}
\n })}\n {this.props.value}
\n )\n }\n});\n\nvar LanguageStringField = React.createClass({\n _defaultLang: \"en\",\n\n getInitialState: function () {\n return {\n curLang: (window.user && window.user.language)?window.user.language:\"en\",\n showTree: false\n };\n },\n\n componentWillMount: async function () {\n // A little clean up, fix labels which are not dicts to dicts\n this.state.value = this.props.value;\n if (!this.props.value) {\n this.state.value = {en: \"\"}\n }\n\n if (typeof this.props.value == \"string\") {\n this.state.value = {en: this.props.value};\n }\n let languages = [];\n if (window.localStorage.language_array) {\n languages = JSON.parse(window.localStorage.language_array);\n } else {\n let resp = await ewars.tx(\"com.ewars.language.getLanguage\",[{\"filters\":{status:{booleaneq:true}}}]);\n if (resp.results) {\n languages = resp.results;\n window.localStorage.language_array=JSON.stringify(resp.results);\n }\n }\n _languages = []\n for (let data of languages) {\n let array = []; array.push(data['code']);\n let alraedyExsits = false;\n _languages.map(function (value, index) {\n if (value[0] === data['code']) {\n alraedyExsits = true\n }\n });\n if (!alraedyExsits && data[\"isActive\"]) {\n _languages.push(array)\n }\n }\n },\n\n componentWillReceiveProps: function (nextProps) {\n this.state.value = nextProps.value;\n if (!nextProps.value) {\n this.state.value = {en: \"\"}\n }\n\n if (typeof nextProps.value == \"string\") {\n this.state.value = {en: nextProps.value}\n }\n },\n\n onChange: function (e) {\n var copy = this.state.value;\n copy[this.state.curLang] = e.target.value;\n this.props.onUpdate(this.props.name, copy,this.state.curLang);\n },\n\n _handleLanguageChange: function (e) {\n e.preventDefault();\n e.stopPropagation();\n var language = e.target.dataset.lang;\n const value = this.state.value.hasOwnProperty(language) ? this.state.value : { ...this.state.value, [language]: \"\" }\n this.setState({\n showTree: false,\n curLang: language,\n value\n })\n },\n\n _hideTree: function () {\n this.setState({\n showTree: false\n })\n },\n\n _toggleTree: function (e) {\n this.setState({\n showTree: this.state.showTree == true ? false : true\n });\n\n },\n\n render: function () {\n var curValue = this.state.value[this.state.curLang];\n\n var languages = _languages.map(function (language) {\n var active = false;\n if (this.state.curLang == language) active = true;\n return (\n {language}
\n \n
\n )\n }\n});\n\nexport default LanguageStringField;\n","import Modal from \"../c.modal\";\nimport mapboxgl from \"mapbox-gl\";\n\nimport Button from \"../c.button\";\nimport Shade from \"../c.shade\";\n\nconst MODAL_ACTIONS = [\n {icon: 'fa-times', action: 'CLOSE', label: __(\"CLOSE\")}\n]\n\nconst WARN_STYLE = {\n position: 'absolute',\n top: '10px',\n right: '10px',\n height: '20px',\n background: '#F2F2F2',\n color: '#333333',\n padding: '5px',\n zIndex: 1\n};\n\nclass LatLng extends React.Component {\n static defaultProps = {\n parent_id: null\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n isMapEnabled: false,\n parentGeom: null\n }\n\n this._map = null;\n this._layer = null;\n this._source = {\n type: 'geojson',\n data: {\n type: 'FeatureCollection',\n features: []\n }\n };\n\n this._sourceRaw = {\n type: 'geojson',\n data: {\n type: 'FeatureCollection',\n features: []\n }\n }\n\n this._sourceParentGeom = {\n type: 'geojson',\n data: {\n type: 'FeatureCollection',\n features: []\n }\n }\n }\n\n /**\n * Get the users current location from the browser\n * @private\n */\n _getLocation = () => {\n ewars.prompt(\"fa-globe\", __(\"LOCATION_DETECTION\"), __(\"LOCATION_DETECTION_QUESTION\"), function () {\n navigator.geolocation.getCurrentPosition(\n function (position) {\n this._setValue(position.coords.latitude, position.coords.longitude);\n }.bind(this),\n function (error) {\n if (error.code == error.PERMISSION_DENIED) {\n ewars.growl(__(\"ENABLE_LOCATION_MESSEGE\"));\n }\n }.bind(this));\n }.bind(this))\n };\n\n _setValue = (lat, lng) => {\n var value = {\n type: \"Point\",\n coordinates: [lng, lat]\n };\n this.props.onUpdate(this.props.name, JSON.stringify(value));\n };\n\n _showMap = () => {\n if (this.props.parent_id) {\n ewars.tx('com.ewars.location.geometry', [this.props.parent_id])\n .then(res => {\n this.setState({\n isMapEnabled: true\n }, () => {\n if (res.features != null) {\n this._renderMap(res);\n } else {\n this._renderMap();\n }\n })\n })\n } else {\n this.setState({\n isMapEnabled: true\n }, () => {\n this._renderMap();\n })\n }\n };\n\n\n /**\n * Render the map\n * @param parentGeom\n * @private\n */\n _renderMap(parentGeom) {\n if (this.state.isMapEnabled) {\n if (!this._map) {\n\n mapboxgl.accessToken = 'pk.eyJ1IjoiamR1cmVuIiwiYSI6IkQ5YXQ2UFUifQ.acHWe_O-ybfg7SN2qrAPHg';\n this._map = new mapboxgl.Map({\n container: this._el,\n minZoom: 0,\n style: 'mapbox://styles/jduren/cj95cps6g154x2rmnu6xphlya',\n maxZoom: 20,\n zoom: 1,\n width: \"100%\",\n height: '100%',\n attributionControl: false,\n doubleClickZoom: false,\n scrollWheelZoom: false\n });\n\n this._map.addControl(new mapboxgl.NavigationControl(), 'top-left');\n\n this._map.on(\"style.load\", () => {\n this._map.addSource(\"markers\", this._sourceRaw);\n\n if (parentGeom) {\n this._map.addSource('parent', this._sourceParentGeom);\n }\n\n this._source = this._map.getSource('markers');\n\n if (this.props.value) {\n let val;\n if (typeof this.props.value == 'string') {\n if (this.props.value.indexOf('{') >= 0) val = JSON.parse(this.props.value);\n } else {\n val = this.props.value || {};\n }\n\n let newData = {\n type: \"FeatureCollection\",\n features: [{\n type: \"Feature\",\n properties: {},\n geometry: val\n }]\n };\n\n this._source.setData(newData);\n\n if (val.coordinates[0] != 0 && val.coordinates[1] != 0) {\n this._map.jumpTo({center: val.coordinates, zoom: 11.15});\n }\n } else {\n this._map.jumpTo({center: [1, 1]});\n this._map.setZoom(1);\n }\n\n if (parentGeom) {\n this._sourceParentGeom = this._map.getSource('parent');\n this._parentLayer = this._map.addLayer({\n id: 'parent',\n type: 'fill',\n source: 'parent',\n paint: {\n 'fill-color': '#000000',\n 'fill-opacity': 0.4\n },\n 'filter': ['==', '$type', 'Polygon']\n })\n\n this._sourceParentGeom.setData(parentGeom);\n }\n\n this._layer = this._map.addLayer({\n id: \"markers\",\n interactive: true,\n type: \"symbol\",\n source: \"markers\",\n layout: {\n \"icon-image\": \"circle-15\"\n }\n })\n\n this._layer = this._map.on(\"dblclick\", (e) => {\n var newData = {\n type: \"FeatureCollection\",\n features: [{\n type: \"Feature\",\n geometry: {\n type: \"Point\",\n coordinates: [\n e.lngLat.lng,\n e.lngLat.lat\n ]\n }\n }]\n };\n this._source.setData(newData);\n\n this._setValue(e.lngLat.lat, e.lngLat.lng);\n })\n\n\n });\n\n\n } else {\n // map exists, we may need to update parent geometry\n console.log(this.state.parentGeom);\n }\n }\n };\n\n componentWillReceiveProps(nextProps) {\n if (this.state.isMapEnabled) {\n\n if (this._map) {\n var newData = {\n type: \"FeatureCollection\",\n features: [{\n type: \"Feature\",\n geometry: nextProps.value\n }]\n };\n this._source.setData(newData);\n\n }\n }\n };\n\n _setPos = (e) => {\n var val;\n if (this.props.value) {\n val = this.props.value;\n if (typeof (val) == \"string\") {\n val = JSON.parse(val);\n }\n } else {\n val = {\n type: \"Point\",\n coordinates: [0, 0]\n }\n }\n if (e.target.name == \"lat\") val.coordinates[1] = parseFloat(e.target.value);\n if (e.target.name == 'lng') val.coordinates[0] = parseFloat(e.target.value);\n this.props.onUpdate(this.props.name, JSON.stringify(val));\n };\n\n _closeModal = () => {\n this.state.isMapEnabled = false;\n this.forceUpdate();\n };\n\n _onAction = (action) => {\n if (action == 'CLOSE') {\n this._map = null;\n this._layer = null;\n this._source = {\n type: 'geojson',\n data: {\n type: 'FeatureCollection',\n features: []\n }\n };\n this._sourceRaw = {\n type: 'geojson',\n data: {\n type: 'FeatureCollection',\n features: []\n }\n }\n\n this._sourceParentGeom = {\n type: 'geojson',\n data: {\n type: 'FeatureCollection',\n features: []\n }\n\n }\n this.setState({\n isMapEnabled: false\n })\n }\n };\n\n render = () => {\n var lat = null, lng = null;\n\n if (this.props.value) {\n if (Array.isArray(this.props.value)) {\n lat = this.props.value[0]\n lng = this.props.value[1]\n } else {\n var val = JSON.parse(this.props.value);\n if (val && val.hasOwnProperty('coordinates') && val.coordinates) {\n lat = val.coordinates[1];\n lng = val.coordinates[0];\n }\n }\n }\n\n var hasGeoLocate = true;\n if (!navigator.geolocation) hasGeoLocate = false;\n\n var modalButtons = [\n {label: \"Close\", onClick: this._closeModal}\n ];\n\n\n return (\n \n
\n\n {this.state.showTree ?\n \n \n
\n \n
\n \n {languages}\n
\n \n \n
\n : null}\n\n \n
\n {__(\"AVAILABLE_LANGUAGES\")}
\n- \n {nodes}\n
\n \n \n
\n \n {\n this._el = el\n }}>\n
\n \n\n \n )\n }\n\n}\n\n\nexport default LatLng;\n","const STYLE = {\n item: {\n padding: 8,\n border: \"1px solid #CCCCCC\",\n marginBottom: 5,\n cursor: \"pointer\"\n },\n active: {\n background: \"#CCCCCC\",\n color: \"#FFFFFF\"\n },\n cell: {\n padding: 8\n },\n itemRaw: {\n border: \"1px solid #CCCCCC\",\n marginBottom: 5\n }\n\n};\n\nclass ListItem extends React.Component {\n static defaultProps = {\n active: false,\n index: null,\n name: null\n };\n\n _click = () => {\n this.props.click(this.props.index);\n };\n\n render() {\n let style = STYLE.item;\n if (this.props.active) style = {...style, ...STYLE.active};\n return (\n | \n | \n \n | \n
| \n {hasGeoLocate ?\n | \n
{__(\"PLACE_MARKER_MAP\")}
\n {ewars.I18N(this.props.name)}
\n )\n }\n\n}\n\nclass OrderableListItem extends React.Component {\n static defaultProps = {\n active: false,\n index: null,\n name: null\n };\n\n _remove = () => {\n console.log(\"HERE\");\n this.props.remove(this.props.index);\n };\n\n _moveUp = () => {\n this.props.moveUp(this.props.index);\n };\n\n _moveDown = () => {\n this.props.moveDown(this.props.index);\n };\n\n render() {\n return (\n \n \n \n {ewars.I18N(this.props.name)}\n \n {this.props.index > 0 ?\n \n \n \n : null}\n \n \n \n \n \n \n \n
\n )\n }\n\n}\n\nclass Source extends React.Component {\n static defaultProps = {\n correlary: \"id\",\n target: [],\n data: [],\n selected: null\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n selected: null\n }\n }\n\n _select = (index) => {\n this.props.select(index);\n };\n\n render() {\n\n let items = [];\n\n this.props.data.forEach((item, index) => {\n\n let hasItem = false;\n this.props.target.forEach((tgt) => {\n if (tgt[0] == item[this.props.correlary]) {\n hasItem = true;\n }\n });\n\n if (!hasItem) {\n items.push(\n {ewars.formatters.I18N_FORMATTER(this.props.sourceLabel)}
:null}\n \n
\n \n {items}\n
\n {ewars.formatters.I18N_FORMATTER(this.props.targetLabel)}
:null}\n \n
\n \n {items}\n
\n \n \n \n \n \n \n \n \n \n \n
\n )\n }\n}\n\nexport default LinkedListsField;\n","import {Layout, Row, Cell} from \"../layout\";\nimport Button from \"../c.button\";\nimport Spinner from \"../c.spinner\";\nimport { isRegionalAdminWithLocGroup } from \"../utils/User\";\n\nconst LOCATION_SELECT = [\"uuid\", \"name\", \"parent_id\", \"@children\", \"site_type_id\", \"@lineage\"];\n\nvar _backupLocations = null;\n\nvar LocationTreeNode = React.createClass({\n _isLoaded: false,\n\n getDefaultProps: function () {\n return {\n hideInactive: true,\n lineageRoot: null,\n selectionTypeId: null\n }\n },\n\n getInitialState: function () {\n return {\n showLocations: false\n }\n },\n\n _onSelect: function () {\n this.props.onSelect(this.props.data);\n },\n\n _onClick: function () {\n if (this.props.selectionTypeId && this.props.data.site_type_id == this.props.selectionTypeId) {\n this._onSelect();\n return;\n }else if(isRegionalAdminWithLocGroup()){ // Dont select the value if reg admin with loc group\n return;\n }\n\n if (this.props.data.children <= 0) return;\n\n\n this.state.showLocations = this.state.showLocations ? false : true;\n if (this.isMounted()) this.forceUpdate();\n\n if (!this._isLoaded && this.state.showLocations) {\n var filters = {\n parent_id: {eq: this.props.data.uuid}\n };\n\n if(window.user.role == \"REGIONAL_ADMIN\"){\n if(window.user.location_group){\n filters['data.groups']= { eq: [window.user.location_group], isGroups: true, type: \"LOCGROUPS\" };\n }\n }\n\n if (this.props.hideInactive) filters.status = {eq: \"ACTIVE\"};\n if (!this.props.hideInactive) filters.status = {neq: \"DELETED\"};\n\n ewars.tx(\"com.ewars.query\", [\"location\", LOCATION_SELECT, filters, {\"name.en\": \"ASC\"}, null, null, [\"location_type:site_type_id:id\"]])\n .then(function (resp) {\n this.state.locations = resp;\n this._isLoaded = true;\n if (this.isMounted()) this.forceUpdate();\n }.bind(this))\n }\n },\n\n render: function () {\n var className = \"item locale-select\";\n if (this.props.value == this.props.data.uuid) className += \" active\";\n\n var name = ewars.I18N(this.props.data.name);\n name += \" (\" + ewars.I18N(this.props.data.location_type.name) + \")\";\n\n var children;\n if (this.state.showLocations && this._isLoaded) {\n children = this.state.locations.map(location => {\n return (\n \n
\n )\n }\n});\n\nvar Handle = React.createClass({\n render: function () {\n var name = __(\"NO_SELECTION\");\n\n if (this.props.value.uuid) {\n name = ewars.I18N(this.props.value.name);\n name += \" (\" + ewars.I18N(this.props.value.location_type.name) + \")\";\n }\n return (\n \n
\n \n
\n {name}\n {lineage ?
: null}\n {lineage ?\n {lineage}\n : null}\n\n
\n {showSelect ?\n : null}\n {lineage ?\n {lineage}\n : null}\n\n
\n \n
\n : null}\n \n {children}\n
\n \n \n \n | \n {name}\n | \n \n \n | \n
\n \n
\n )\n }\n});\n\n\nfunction debounce(fn, delay) {\n var timer = null;\n return function () {\n var context = this, args = arguments;\n clearTimeout(timer);\n timer = setTimeout(function () {\n fn.apply(context, args);\n }, delay);\n };\n}\n\nclass SearchInput extends React.Component {\n static defaultProps = {\n value: ''\n };\n\n constructor(props) {\n super(props);\n\n this.sendForSearch = debounce(this.sendForSearch, 250);\n }\n\n componentDidMount() {\n this._el.focus();\n }\n\n sendForUpdate = (e) => {\n this.props.onChange(e.target.value);\n\n if (e.target.value.length > 2) {\n this.sendForSearch(e.target.value);\n }\n\n if (e.target.value == \"\") this.sendForSearch(null);\n };\n\n sendForSearch = (searchTerm) => {\n this.props.onSearch(searchTerm);\n };\n\n render() {\n return (\n \n
\n )\n }\n\n if (this.props.readOnly) {\n var name = ewars.I18N(this.state.location.name);\n name += \" (\" + ewars.I18N(this.state.location.name) + \")\";\n return \n }\n\n var parent_id;\n if (this.props.config) {\n if (this.props.config.parent_id) parent_id = this.props.config.parent_id;\n }\n\n var rootNodes;\n if (!this._isLoaded && this.state.showLocations) rootNodes = \n \n
\n \n \n {this.state.showLocations ?\n
\n )\n }\n});\n\nexport default LocationSelectField;\n","import SelectField from \"./f.select\";\nimport DisplayField from \"./f.display\";\n\nconst STYLE = {\n display: \"inline-block\",\n background: \"#F2F2F2\",\n borderRadius: 3,\n padding: 5,\n marginRight: 8\n};\n\nclass Group extends React.Component {\n render() {\n return (\n \n
\n : null}\n \n
\n {rootNodes}\n \n \n {this.state.search.length > 0 ?\n
\n \n \n
\n : null}\n \n \n {this.props.data}\n \n {\n this.props.onClose(this.props.data)\n }}>\n \n \n \n
\n )\n }\n}\n\nclass LocationGroupField extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n data: []\n }\n }\n\n componentWillMount() {\n this._getGroups();\n }\n\n componentWillReceiveProps() {\n if (!this.state.data) {\n this._getGroups();\n }\n }\n\n _getGroups = () => {\n ewars.tx(\"com.ewars.location.groups\")\n .then((data) => {\n this.setState({\n data: data\n })\n })\n };\n\n _onAdd = (prop, value) => {\n let newValue = [];\n if (this.props.value) newValue = ewars.copy(this.props.value);\n if (newValue.indexOf(value) < 0) {\n newValue.push(value);\n }\n\n this.props.onUpdate(this.props.name, newValue);\n };\n\n _onRemove = (group) => {\n let index = this.props.value.indexOf(group);\n if (index >= 0) {\n let newValue = ewars.copy(this.props.value);\n newValue.splice(index, 1);\n this.props.onUpdate(this.props.name, newValue);\n }\n };\n\n render() {\n let fieldConfig = {\n options: this.state.data.map((item) => {\n return [item, item];\n })\n };\n\n let value = \"\";\n let arrValue = [];\n\n if (this.props.value) {\n arrValue = this.props.value;\n value = this.props.value.join(\", \")\n }\n\n return (\n \n {arrValue.map((group,index) => {\n return \n })}\n\n
\n \n
\n )\n }\n});\n\nexport default LocationInputField;\n","import {\n Form\n} from \"../../common\";\nimport FormUtils from \"../../common/utils/FormUtils\";\nclass MainFormField extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n definition:{}\n }\n }\n componentWillMount() {\n }\n _onDataChange = (data, prop, value, path) => {\n let fieldPath = this.props.config.path || this.props.name;\n this.props.onUpdate(prop, value, prop);\n this.props.onMainFormDataChange(this.props.config.main_form_field_key, value, this.props.config.main_form_field_key);\n }\n render() {\n var fieldDefinition=this.props.mainFormDefinition[this.props.config.main_form_field_key]?this.props.mainFormDefinition[this.props.config.main_form_field_key]:FormUtils.field(this.props.mainFormDefinition, this.props.config.main_form_field_key);\n var definition={},data={};\n definition[fieldDefinition.name]=fieldDefinition;\n if(this.props.data.main_data && this.props.data.main_data.hasOwnProperty(this.props.config.main_form_field_key)){\n data[fieldDefinition.name]= this.props.data.main_data[this.props.config.main_form_field_key];\n }else{\n if(!this.props.mainFormData) this.props.mainFormData={};\n data[fieldDefinition.name]= this.props.mainFormData[this.props.config.main_form_field_key];\n }\n \n return (\n \n \n
\n {!this.props.readOnly ?\n \n
\n : null}\n \n
\n \n Latitude\n \n
\n \n Longitude\n \n
\n \n
\n )\n }\n\n});\n\nexport default MarginField;\n","var MatrixCell = React.createClass({\n getInitialState: function () {\n return {};\n },\n\n render: function () {\n var label = ewars.formatters.I18N_FORMATTER(this.props.field.label);\n label = label.replace(/\\\\n/g, '\\n');\n if (this.props.field.required) label += \" *\";\n\n let errors;\n if (this.props.errors) {\n if (this.props.errors[this.props.field.path]) {\n errors = this.props.errors[this.props.field.path];\n }\n }\n\n return (\n \n
\n Top:
\n\n
\n \n
\n Right:
\n\n
\n \n
\n Bottom:
\n\n
\n \n
\n \n
\n Left:
\n\n
\n \n
\n {[\"header\", \"display\"].indexOf(this.props.field.type) < 0 ?\n \n {errors ?\n
\n\n \n \n
\n : null}\n \n
\n {label}\n \n \n {errors ?\n
\n : null}\n {this.state.showErrors ?\n \n
\n : null}\n\n \n {errors.map(err => {\n return
\n {err}
\n })}\n \n\n
\n : null}\n\n \n \n \n {content}\n \n
\n
\n )\n }\n});\n\nexport default MatrixField;\n","var MatrixRow = React.createClass({\n getInitialState: function () {\n return {};\n },\n\n render: function () {\n\n var label;\n\n if (this.props.data.show_row_label) {\n var labelContent = ewars.I18N(this.props.data.label);\n label = (\n {__(\"INPUT_NOT_ALLOWED_IN_WEB\")}
\n }\n\n if (this.state.isLoading) {\n return {__(\"LOADING\")}
\n }\n\n let value = this.props.value;\n if (value) {\n let strValue = String(value);\n if (strValue.indexOf(\"DUPE_\") >= 0) {\n value = strValue.replace(\"DUPE_\", \"\");\n }\n }\n\n\n return (\n \n {\n !value || !this.state.data ?
\n )\n }\n\n}\n\n\nexport default MediaContentField;\n","import SelectField from \"./f.select\";\nimport DisplayField from \"./f.display\";\n\nconst STYLE = {\n display: \"inline-block\",\n background: \"#F2F2F2\",\n color: \"#4E4E4E\",\n margin: \"1px 0px 2px\",\n borderRadius: 3,\n padding: \"3px 5px\",\n marginRight: 8\n};\n\nclass SelectedItem extends React.Component {\n render() {\n return (\n \n {__(\"NO_DATA_AVAILABLE\")}\n
:\n !this.state.mediaType ?\n {__(\"UNSUPPORTED_MEDIA\")}
\n :\n \n {\n this.state.mediaType == MEDIA_TYPES.PHOTO ?\n
\n }\n \n \n {this.props.data}\n \n {\n this.props.onClose(this.props.data)\n }}>\n \n \n \n
\n )\n }\n}\n\nclass MultiSelectField extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n data: {\n o: [],\n os: null,\n c: [],\n l: \"\",\n s: false,\n r: false,\n ml: false\n \n }\n }\n }\n\n _onAdd = (prop, value) => {\n if (!value) return;\n let newValue = [];\n if (this.props.value) newValue = ewars.copy(this.props.value);\n if (newValue.indexOf(value) < 0) {\n newValue.push(value);\n }\n\n this.props.onUpdate(this.props.name, newValue);\n };\n\n _onRemove = (group) => {\n let index = this.props.value.indexOf(group);\n if (index >= 0) {\n let newValue = ewars.copy(this.props.value);\n newValue.splice(index, 1);\n this.props.onUpdate(this.props.name, newValue);\n }\n };\n\n render() {\n let fieldConfig = {\n options: this.props.data.o.map((item) => {\n return [item, item];\n })\n };\n\n let styleClass = \" min-width-unset custom-scroll \";\n\n if(this.props.data.styleClass){\n styleClass += this.props.data.styleClass; \n }\n\n let value = \"\";\n let arrValue = [];\n\n if (this.props.value) {\n arrValue = this.props.value;\n value = this.props.value.join(\", \")\n }\n\n return (\n \n {\n arrValue && arrValue.length > 0 ? \n
\n \n { \n arrValue.map((group,index) => {\n return \n })\n } \n
: \n \n No primary columns selected\n
\n }\n\n \n \n {ewars.I18N(this.props.data.name)}\n \n {\n this.props.onClose(this.props.data)\n }}>\n \n \n \n
\n )\n }\n}\n\n\nvar MultipleAlarmsField = React.createClass({\n _isLoaded: false,\n _initialLoad: false,\n _isSearch: false,\n\n propTypes: {\n _onChange: React.PropTypes.func,\n placeholder: React.PropTypes.string,\n name: React.PropTypes.string,\n readOnly: React.PropTypes.bool,\n emptyText: React.PropTypes.string\n },\n\n getDefaultProps: function () {\n return {\n config: {\n allowCheck: false,\n location_type: null,\n hideInactive: false,\n parentId: null,\n selectionTypeId: null,\n lineageRoot: null\n },\n emptyText: __(\"NO_LOCATION_SELECTED\")\n }\n },\n\n getInitialState: function () {\n return {\n alarms: [],\n data: [],\n alarm:null\n };\n },\n\n _init: function (props) {\n if (props.value.length > 0) {\n this.state.data = props.value;\n this._initialLoad = true;\n }\n },\n\n componentWillMount: function () {\n ewars.tx(\"com.ewars.query\", [\"alarm\", [\"uuid\", \"name\"], { \"status\": { eq: \"ACTIVE\" } }, null, null, null, null])\n .then((resp) => {\n this.state.alarms= resp;\n if (this.props.value && this.props.value != this.state.data) {\n this._init(this.props);\n } else {\n this._initialLoad = true;\n }\n this.forceUpdate();\n }\n )\n\n },\n\n componentWillReceiveProps: function (nextProps) {\n if (this.props.value != nextProps.value) {\n if (nextProps.value.length == 0) {\n this.state.data = [];\n } else {\n this._initialLoad = false;\n if (nextProps.value.length > 0) this._init(nextProps);\n }\n } else {\n this._initialized = true;\n }\n },\n\n componentDidMount: function () {\n window.__hack__.addEventListener('click', this.handleBodyClick);\n },\n\n componentWillUnmount: function () {\n window.__hack__.removeEventListener('click', this.handleBodyClick);\n },\n\n componentDidUpdate: function () {\n\n },\n\n\n handleClick: function (e) {\n e.stopPropagation();\n },\n\n _onChange: function (prop,alarm) {\n if (JSON.stringify(alarm).indexOf(\"{\") >= 0) {\n if (alarm) {\n alarm = JSON.parse(alarm)\n }\n let name = this.props.config.nameOverride || this.props.name;\n let path = this.props.config.path || null;\n this.state.data.push(alarm);\n this.state.alarm = null;\n this.props.onUpdate(name, this.state.data, path);\n }\n },\n\n\n _onRemove: function (group) {\n let alarms = ewars.copy(this.props.value);\n let newValue = alarms.filter((alarm) => alarm.uuid != group.uuid)\n if (newValue.length == 0) {\n this._initialLoad = true;\n }\n this.state.data = newValue;\n this.props.onUpdate(this.props.name, newValue);\n if (this.isMounted()) this.forceUpdate();\n\n },\n\n render: function () {\n let options = [];\n\n if (this.props.value) {\n options = this.props.value;\n } else {\n options = this.state.data\n }\n let fieldConfig = {\n options: this.state.alarms.map((item) => {\n return [JSON.stringify(item), item[\"name\"]];\n })\n };\n\n return (\n \n \n \n \n \n \n \n \n \n
\n )\n }\n});\n\nexport default MultipleAlarmsField;\n","import { Layout, Row, Cell } from \"../layout\";\nimport Button from \"../c.button\";\nimport Spinner from \"../c.spinner\";\n\nconst LOCATION_SELECT = [\"uuid\", \"name\", \"parent_id\", \"@children\", \"site_type_id\", \"@lineage\"];\nconst STYLE = {\n display: \"inline-block\",\n background: \"#F2F2F2\",\n borderRadius: 3,\n padding: 5,\n marginRight: 8\n};\n\nclass Group extends React.Component {\n render() {\n return (\n \n {options.map((group, index) => {\n return
\n \n \n {ewars.I18N(this.props.data.name)}\n \n {\n this.props.onClose(this.props.data)\n }}>\n \n \n \n
\n )\n }\n}\nvar _backupLocations = null;\n\nvar LocationTreeNode = React.createClass({\n _isLoaded: false,\n\n getDefaultProps: function () {\n return {\n hideInactive: true,\n lineageRoot: null,\n selectionTypeId: null\n }\n },\n\n getInitialState: function () {\n return {\n showLocations: false\n }\n },\n\n _onSelect: function () {\n this.props.onSelect(this.props.data);\n },\n\n _onClick: function () {\n if (this.props.selectionTypeId && this.props.data.site_type_id == this.props.selectionTypeId) {\n this._onSelect();\n return;\n }\n\n if (this.props.data.children <= 0) return;\n\n\n this.state.showLocations = this.state.showLocations ? false : true;\n if (this.isMounted()) this.forceUpdate();\n\n if (!this._isLoaded && this.state.showLocations) {\n var filters = {\n parent_id: { eq: this.props.data.uuid }\n };\n\n if (this.props.hideInactive) filters.status = { eq: \"ACTIVE\" };\n if (!this.props.hideInactive) filters.status = { neq: \"DELETED\" };\n\n ewars.tx(\"com.ewars.query\", [\"location\", LOCATION_SELECT, filters, { \"name.en\": \"ASC\" }, null, null, [\"location_type:site_type_id:id\"]])\n .then(function (resp) {\n this.state.locations = resp;\n this._isLoaded = true;\n if (this.isMounted()) this.forceUpdate();\n }.bind(this))\n }\n },\n\n render: function () {\n var className = \"item locale-select\";\n if (this.props.value == this.props.data.uuid) className += \" active\";\n\n var name = ewars.I18N(this.props.data.name);\n name += \" (\" + ewars.I18N(this.props.data.location_type.name) + \")\";\n\n var children;\n if (this.state.showLocations && this._isLoaded) {\n children = this.state.locations.map(location => {\n return (\n \n
\n )\n }\n});\n\nvar Handle = React.createClass({\n render: function () {\n var name = __(\"NO_SELECTION\");\n\n if (this.props.value.uuid) {\n name = ewars.I18N(this.props.value.name);\n name += \" (\" + ewars.I18N(this.props.value.location_type.name) + \")\";\n }\n return (\n \n
\n \n
\n {name}\n {lineage ?
: null}\n {lineage ?\n {lineage}\n : null}\n\n
\n {showSelect ?\n : null}\n {lineage ?\n {lineage}\n : null}\n\n
\n
\n : null}\n \n {children}\n
\n \n \n \n | \n {name}\n | \n \n \n | \n
\n \n
\n )\n }\n});\n\n\nfunction debounce(fn, delay) {\n var timer = null;\n return function () {\n var context = this, args = arguments;\n clearTimeout(timer);\n timer = setTimeout(function () {\n fn.apply(context, args);\n }, delay);\n };\n}\n\nclass SearchInput extends React.Component {\n static defaultProps = {\n value: ''\n };\n\n constructor(props) {\n super(props);\n\n this.sendForSearch = debounce(this.sendForSearch, 250);\n }\n\n componentDidMount() {\n this._el.focus();\n }\n\n sendForUpdate = (e) => {\n this.props.onChange(e.target.value);\n\n if (e.target.value.length > 2) {\n this.sendForSearch(e.target.value);\n }\n\n if (e.target.value == \"\") this.sendForSearch(null);\n };\n\n sendForSearch = (searchTerm) => {\n this.props.onSearch(searchTerm);\n };\n\n render() {\n return (\n \n
\n )\n }\n\n if (this.props.readOnly) {\n var name = ewars.I18N(this.state.location.name);\n name += \" (\" + ewars.I18N(this.state.location.name) + \")\";\n return \n }\n\n var parent_id;\n if (this.props.config) {\n if (this.props.config.parent_id) parent_id = this.props.config.parent_id;\n }\n\n var rootNodes;\n if (!this._isLoaded && this.state.showLocations) rootNodes = \n \n
\n \n \n \n \n \n \n \n \n \n \n
\n )\n }\n});\n\nexport default MultipleLocationsField;\n","var FieldNotImplemented = React.createClass({\n getInitialState: function () {\n return {};\n },\n\n render: function () {\n return (\n \n )\n }\n});\n\nexport default FieldNotImplemented;\n","const reg = /^\\d+$/;\n\nvar NumericField = React.createClass({\n propTypes: {\n placeholder: React.PropTypes.string,\n name: React.PropTypes.string,\n readOnly: React.PropTypes.bool,\n config: React.PropTypes.object\n },\n\n getDefaultProps: function () {\n return {\n placeholder: __(\"ENTER_NUMBER\"),\n name: null,\n readOnly: false,\n path: null,\n config: {\n allow_negative: true,\n decimal_allowed: true,\n style: {}\n }\n }\n },\n\n _options: {},\n\n componentDidMount: function () {\n if (this.props.focus) {\n this.refs.inputField.focus();\n }\n },\n\n getInitialState: function () {\n return {};\n },\n\n _onChange: function (e) {\n var value = e.target.value;\n\n if (!this.props.config.decimal_allowed) value = value.split(\".\")[0];\n if (!this.props.config.allow_negative) value = value.replace(\"-\", \"\");\n\n value = value.replace(/[^\\d.-]/g, '');\n if(this.props.config.decimal_allowed){\n let counter = 0;\n value = value.replace(/[^0-9.]|\\./g, ($0)=> {\n if ($0 == \".\" && this.props.config.decimal_allowed && !(counter++)) // dot found and counter is not incremented\n return \".\"; // that means we met first dot and we want to keep it\n return \"\"; // if we find anything else, let's erase it\n });\n }\n let name = this.props.config.nameOverride || this.props.name;\n let path = this.props.config.path || this.props.name;\n\n //value = value.replace(/^0+/, '');\n this.props.onUpdate(name, value, path);\n },\n\n render: function () {\n var value;\n if(this.props.value == 0){\n value = this.props.value;\n }else{\n value = this.props.value || \"\";\n }\n\n let style = {paddingRight: \"5px\"};\n if (this.props.style) Object.assign(style, this.props.style);\n if(this.props.config.is_age_field) this.props.config.readOnly = true;\n return (\n \n )\n\n }\n\n});\n\nexport default NumericField;\n","const PasswordField = React.createClass({\n propTypes: {\n _onChange: React.PropTypes.func,\n placeholder: React.PropTypes.string,\n name: React.PropTypes.string,\n readOnly: React.PropTypes.bool\n },\n\n _options: {\n\n },\n\n componentDidMount: function () {\n if (this.props.focus) {\n this.refs.inputField.focus();\n }\n },\n\n getDefaultProps: function () {\n return {\n path: null,\n name: null,\n config: {}\n }\n },\n\n getInitialState: function () {\n return {};\n },\n\n _handleKeyDown: function (e) {\n if (this.props.onKeyDown) this.props.onKeyDown(e);\n },\n\n _onChange: function (event) {\n if (!this.props.config.useBlur) {\n this.props.onUpdate(this.props.name, event.target.value, this.props.path);\n }\n },\n\n _onBlur: function (e) {\n // Perform validation here\n if (this.props.config.useBlur) {\n this.props.onUpdate(this.props.name, e.target.value, this.props.path);\n }\n },\n\n render: function() {\n\n let value = this.props.value;\n if (value) {\n let strValue = String(value);\n if (strValue.indexOf(\"DUPE_\") >= 0) {\n value = strValue.replace(\"DUPE_\", \"\");\n }\n }\n\n return (\n \n {arrValue.map((group, index) => {\n return
\n \n
\n \n
\n : null}\n \n
\n {rootNodes}\n \n
\n \n \n
\n : null}\n \n \n\n
\n )\n },\n\n _createGeoJSON: function (lat, lng) {\n return JSON.stringify({\"type\": \"Point\", \"coordinates\": [lat, lng]});\n },\n\n _handleMapLocationChange: function (lat, lng) {\n this.props.onUpdate(this.props.name, this._createGeoJSON(lat, lng));\n },\n\n renderEditor: function () {\n this._map = mapboxgl.Map(this.refs.mapControl.getDOMNode(), {\n minZoom: 0,\n maxZoom: 20,\n doubleClickZoom: false,\n worldCopyJump: true,\n attributionControl: false,\n scrollWheelZoom: false\n });\n\n\n if (this.props.value) {\n var value = JSON.parse(this.props.value);\n this._marker = L.marker(value.coordinates).addTo(this._map);\n this._map.setView(new L.LatLng(value.coordinates[0], value.coordinates[1]), 8);\n } else {\n this._marker = L.marker([46.232727, 6.134357]).addTo(this._map);\n this._map.setView(new L.LatLng(46.232727, 6.134357), 5);\n }\n\n this._map.on(\"dblclick\", function (e) {\n this._handleMapLocationChange(e.latlng.lat, e.latlng.lng);\n }.bind(this))\n\n }\n});\n\nexport default PointSelectionField;\n","import Button from \"../c.button\";\n\nvar RowField = React.createClass({\n getInitialState: function () {\n return {};\n },\n\n render: function () {\n var childs = [];\n if (this.props.children) {\n\n var childLength = this.props.children.length;\n var colWidth = 12 / childLength;\n var colString = \"col-\" + colWidth + \" column\";\n\n childs = [];\n for (var childIndex in this.props.children) {\n var child = this.props.children[childIndex];\n childs.push(\n Double Click on the map to set the location or manually enter lat/lng below
\n \n \n
\n
\n | Lat | \nLng | \n\n \n | \n
\n {child}\n
\n )\n }\n }\n\n return (\n \n
\n )\n }\n});\n\nexport default RowField;\n","\n\nvar Handle = React.createClass({\n render: function () {\n var name = __(\"NO_SELECTION\");\n if (this.props.value) {\n let item = this.props.options.find(item => {\n return item[0] == this.props.value;\n });\n if (item) name = item[1];\n }\n return (\n \n {childs}\n\n \n\n
\n \n \n \n \n
\n
\n )\n }\n});\n\n\nfunction debounce(fn, delay) {\n var timer = null;\n return function () {\n var context = this, args = arguments;\n clearTimeout(timer);\n timer = setTimeout(function () {\n fn.apply(context, args);\n }, delay);\n };\n}\n\n\n\nclass SearchInput extends React.Component {\n static defaultProps = {\n value: ''\n };\n\n constructor(props) {\n super(props);\n\n this.sendForSearch = debounce(this.sendForSearch, 200);\n }\n\n componentDidMount() {\n this._el.focus();\n }\n\n sendForUpdate = (e) => {\n this.props.onChange(e.target.value);\n\n if (e.target.value.length >= 1) {\n this.sendForSearch(e.target.value);\n }\n\n if (e.target.value == \"\") this.sendForSearch(null);\n };\n\n sendForSearch = (searchTerm) => {\n this.props.onSearch(searchTerm);\n };\n\n render() {\n return (\n | {ewars.I18N(name)} | \n\n \n | \n
\n
\n )\n }\n}\nvar MultiSelectWrapper = React.createClass({\n getInitialState: function () {\n return {}\n },\n\n _onClick: function () {\n this.props.onClick(this.props.data);\n },\n\n render: function () {\n var iconClass = \"fal\";\n if (this.props.value) {\n if (this.props.value.indexOf(this.props.data[0]) >= 0) {\n iconClass += \" fa-check-square\";\n } else {\n iconClass += \" fa-square\";\n }\n } else {\n iconClass += \" fa-square\"\n }\n return (\n {ewars.I18N(this.props.data[1])}
\n \n \n \n
\n
\n )\n }\n});\n\nclass SeachField extends React.Component {\n static defaultProps = {\n formConfig: {},\n config: {\n showSystem: true\n },\n name: null,\n showSystem: true,\n data: {\n o: [],\n os: null,\n c: [],\n l: \"\",\n s: false,\n r: false,\n ml: false\n },\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n showTree: false,\n fullData: [],\n search: \"\",\n placeKey: ewars.utils.uuid()\n }\n }\n\n _clearSearch = () => {\n this.setState({\n search: \"\",\n fullData: this.props.data.o\n })\n };\n\n _onSearchChange = (val) => {\n this.setState({\n search: val\n })\n };\n\n _onSearch = (term) => {\n if (term == null || term == '') {\n this.setState({\n fullData: this.state.options,\n search: ''\n })\n } else {\n let options = this.state.options.filter(function (option) {\n return ewars.I18N(option[1]).toLowerCase().indexOf(term.toLowerCase()) != -1; // returns true or false\n });\n this.setState({\n fullData: options,\n search: term\n })\n }\n };\n\n _toggle = () => {\n this.setState({\n fullData: this.state.options,\n showTree: !this.state.showTree\n })\n };\n handleBodyClick = (evt) => {\n if (this.refs.selector) {\n const area = this.refs.selector.getDOMNode ? this.refs.selector.getDOMNode() : this.refs.selector;\n\n if (!area.contains(evt.target)) {\n this.state.search= \"\";\n this.state.data= this.props.options;\n this.state.showTree = false;\n this.forceUpdate();\n }\n }\n }\n componentWillMount() {\n this.setState({\n fullData: this.props.data.o,\n options: this.props.data.o,\n })\n }\n componentDidMount() {\n window.__hack__.addEventListener('click', this.handleBodyClick);\n }\n componentWillUnmount() {\n window.__hack__.removeEventListener('click', this.handleBodyClick);\n }\n componentWillReceiveProps(nextProps) {\n this.setState({\n // fullData: nextProps.data.o,\n options: nextProps.data.o,\n })\n }\n\n _onNodeSelection = (data) => {\n this.setState({\n search: \"\",\n showTree: !this.state.showTree\n })\n \n this.props.onUpdate(this.props.data.n, data[0],data);\n };\n\n\n render() {\n let rootNodes ;\n var dataClassName = \"ew-select-data \";\n \n if(this.props.styleClass){\n dataClassName = dataClassName+this.props.styleClass\n }\n\n var multiple = this.props.multiple;\n if (multiple) {\n dataClassName += \" multi-select\";\n }\n if (this.props.multiple) {\n rootNodes=this.state.fullData.map(function (option) {\n let id = ewars.utils.uuid();\n let item=| \n \n \n \n | \n \n {this.props.children}\n | \n
\n
\n )\n }\n}\n\nexport default SeachField;\n","import Button from \"../c.button\";\nimport TextField from \"./f.text\";\n\nvar OptionRow = React.createClass({\n getInitialState: function () {\n return {};\n },\n\n _onUpdate: function () {\n\n },\n\n _addRow: function () {\n this.props.onAddRow();\n },\n\n _deleteRow: function () {\n this.props.onRemoveRow(this.props.index);\n },\n\n _updateLabel: function (prop, value) {\n this.props.onUpdate(this.props.index, \"LABEL\", value);\n },\n\n _updateValue: function (prop, value) {\n this.props.onUpdate(this.props.index, \"VALUE\", value);\n },\n\n render: function () {\n return (\n \n {!this.props.multiple ?
\n \n
\n : null}\n \n
\n {rootNodes}\n \n
\n \n \n \n
\n \n \n \n
\n
\n )\n }\n});\n\nexport default SelectFieldOptionsField;\n","import Spinner from \"../c.spinner\";\nimport SearchField from \"./f.searchfield\";\nwindow.__hack__ = document.getElementById(\"application\");\n\nvar PRESET_TEMPLATES = {\n form: React.createClass({\n _onClick: function () {\n this.props.onClick(this.props.data);\n },\n\n render: function () {\n var formName, accountName;\n var item = this.props.data[2];\n var className = 'item';\n formName = ewars.I18N(item.name);\n if (item.account) accountName = ewars.I18N(item.account.name);\n if (this.props.value == this.props.data[0]) className += \" active\";\n\n return (\n | Value | \nLabel | \n\n |
|---|
\n\n
\n \n
\n )\n }\n }),\n alarm: React.createClass({\n _onClick: function () {\n this.props.onClick(this.props.data);\n },\n\n render: function () {\n var alarmName, accountName;\n var item = this.props.data[2];\n var className = 'item';\n if (this.props.value == this.props.data[0]) className += \" active\";\n alarmName = ewars.I18N(item.name);\n accountName = ewars.I18N(item.account.name);\n\n return (\n {formName}
\n {accountName}\n \n
\n )\n }\n }),\n assignment: React.createClass({\n _onClick: function () {\n this.props.onClick(this.props.data);\n },\n\n render: function () {\n let shortName = ewars.I18N(this.props.data[2][0]);\n let longName = this.props.data[2][1];\n longName = longName.split(\",\");\n let longNameDOM = longName.map(function (item) {\n return {item}\n });\n var className = 'item';\n if (this.props.value == this.props.data[0]) className += \" active\";\n\n return (\n {alarmName}
\n {accountName}\n \n
\n )\n }\n })\n};\n\nfunction _recurseOptions(items, label, val, level) {\n var options = [];\n var dashes = \"\";\n\n if (level) {\n let dashes = \"\";\n for (let i = 0; i <= level; i++) {\n dashes += \" \";\n }\n dashes += \"-\";\n }\n\n items.forEach(option => {\n var itemLabel = dashes + \" \";\n itemLabel += ewars.I18N(option[label]);\n\n options.push([option[val], itemLabel]);\n\n if (option.children.length > 0) {\n var subOptions = _recurseOptions(option.children, label, val, level + 1);\n options.push.apply(options, subOptions);\n }\n });\n\n return options;\n}\n\nfunction _processExternalOptions(options, hProp) {\n var optionsMap = {};\n options.forEach(option => {\n if (!optionsMap[option.id]) optionsMap[option.id] = option;\n optionsMap[option.id].children = [];\n });\n\n optionsMap.forEach(option => {\n if (option.parent_id) {\n optionsMap[option.parent_id].children.push(option);\n }\n });\n\n let cleaned = optionsMap.filter(item => {\n if (item.parent_id) return false;\n return true;\n });\n\n return cleaned;\n}\n\nvar Handle = React.createClass({\n render: function () {\n var name = this.props.emptyText ?this.props.emptyText :__(\"NO_SELECTION\");\n\n\n if (this.props.value) {\n let item = this.props.options.find(item => {\n return item[0] == this.props.value;\n });\n if (item) name = item[1];\n }\n\n\n if (this.props.prefixed) {\n let suspects = this.props.prefixed.filter(item => {\n return item[0] == this.props.value;\n })\n if (suspects.length > 0) {\n name = suspects[0][1];\n }\n }\n\n const selectIconStyle = this.props.selectIconStyle || {} ;\n\n return (\n {shortName}
\n \n
\n \n {longNameDOM}\n
\n \n \n \n
\n
\n )\n }\n});\n\nvar MultiSelectWrapper = React.createClass({\n getInitialState: function () {\n return {}\n },\n\n _onClick: function () {\n this.props.onClick(this.props.data);\n },\n\n render: function () {\n var iconClass = \"fal\";\n if (this.props.value) {\n if (this.props.value.indexOf(this.props.data[0]) >= 0) {\n iconClass += \" fa-check-square\";\n } else {\n iconClass += \" fa-square\";\n }\n } else {\n iconClass += \" fa-square\"\n }\n return (\n | {ewars.I18N(name)} | \n\n \n | \n
\n \n \n
\n
\n )\n }\n});\n\nvar Item = React.createClass({\n _onClick: function () {\n this.props.onClick(this.props.data);\n },\n\n render: function () {\n var className = 'item';\n if (this.props.value == this.props.data[0]) className += \" active\";\n\n let onClick = this._onClick;\n if (this.props.multiple) onClick = null;\n\n return (\n | \n \n \n \n | \n \n {this.props.children}\n | \n
{ ewars.I18N(this.props.data[1])}
\n )\n }\n});\n\nvar SelectField = React.createClass({\n _isLoaded: false,\n _initialLoaded: false,\n\n PropTypes: {\n config: React.PropTypes.object\n },\n\n getDefaultProps: function () {\n return {\n path: null,\n name: null,\n config: {}\n }\n },\n\n getInitialProps: function () {\n return {\n name: null,\n config: {\n multiple: false,\n path: null,\n groups: false\n },\n emptyText: __(\"NO_SELECTION\")\n }\n },\n\n getInitialState: function () {\n return {\n options: [],\n rawOptions: [],\n showOptions: false,\n placeKey: ewars.utils.uuid()\n }\n },\n\n _init: function (props) {\n if (props.value && props.config.optionsSource) {\n if (props.config.multiple) {\n this._initialLoaded = true;\n if (this.isMounted()) this.forceUpdate();\n this._toggle(null);\n return;\n }\n var resource = props.config.optionsSource.resource.toLowerCase();\n var select = [props.config.optionsSource.labelSource, props.config.optionsSource.valSource];\n if (props.config.optionsSource.select) {\n select = props.config.optionsSource.select;\n }\n\n if (this.props.config.optionsSource.additionalProperties) {\n select = select.concat(this.props.config.optionsSource.additionalProperties);\n }\n\n let isPrefix;\n if (props.config.optionsSource.prefixed) {\n let suspects = props.config.optionsSource.prefixed.filter(item => {\n return item[0] == props.value;\n });\n if (suspects.length > 0) isPrefix = true;\n }\n\n if (!isPrefix) {\n ewars.tx(\"com.ewars.resource\", [resource, props.value, select, null])\n .then(function (resp) {\n if (resp) {\n this.state.options = [[resp[props.config.optionsSource.valSource], ewars.I18N(resp[props.config.optionsSource.labelSource])]];\n }\n\n if (props.config) {\n if (props.config.optionsSource) {\n if (props.config.optionsSource.additional) {\n props.config.optionsSource.additional.forEach(option => {\n var optionValue = option[0];\n if (optionValue == null) optionValue = \"null\";\n this.state.options.unshift([optionValue, option[1]]);\n });\n }\n }\n }\n\n this._initialLoaded = true;\n if (this.isMounted()) this.forceUpdate();\n }.bind(this))\n } else {\n this._initialLoaded = true;\n }\n }\n },\n\n componentWillMount: function () {\n this._id = ewars.utils.uuid();\n if (this.props.config && this.props.config.optionsSource && this.props.value) {\n this._init(this.props);\n } else {\n this._initialLoaded = true;\n this.state.options = this.props.config.options;\n }\n },\n\n componentWillReceiveProps: function (nextProps) {\n if (nextProps.config && nextProps.config.optionsSource && nextProps.value) {\n if (this.props.value != nextProps.value) this._init(nextProps);\n } else {\n this._initialLoaded = true;\n this.state.options = nextProps.config.options;\n }\n },\n\n componentDidMount: function () {\n window.__hack__.addEventListener('click', this.handleBodyClick);\n },\n\n componentWillUnmount: function () {\n window.__hack__.removeEventListener('click', this.handleBodyClick);\n },\n\n handleBodyClick: function (evt) {\n if (this.refs.selector) {\n const area = this.refs.selector.getDOMNode ? this.refs.selector.getDOMNode() : this.refs.selector;\n\n if (!area.contains(evt.target)) {\n this.state.showOptions = false;\n this.forceUpdate();\n }\n }\n },\n\n handleClick: function (e) {\n e.stopPropagation();\n },\n\n _selectNone: function (e) {\n e.preventDefault();\n\n let name = this.props.config.nameOverride || this.props.name;\n\n this.props.onUpdate(name, [], this.props.path, null);\n },\n\n _selectAll: function (e) {\n e.preventDefault();\n\n let name = this.props.config.nameOverride || this.props.name;\n\n let value;\n if (this.props.config.optionsSource) {\n value = this.state.rawOptions.map(function (item) {\n return item[this.props.config.optionsSource.valSource];\n }.bind(this));\n } else {\n value = this.props.config.options.map(function (item) {\n return item[0];\n }.bind(this))\n }\n\n this.props.onUpdate(name, value, this.props.path, null);\n },\n\n _onPrefixSelect: function (e) {\n if (this.props.readOnly) return;\n let val = e.target.getAttribute('data-value');\n\n let name = this.props.config.nameOverride || this.props.name;\n this.state.showOptions = false;\n\n this.props.onUpdate(name, val, this.props.path, null);\n },\n\n onChange: function (item) {\n if (this.props.readOnly) return;\n this.state.showOptions = false;\n\n let name = this.props.config.nameOverride || this.props.name;\n\n let path = this.props.path || this.props.name;\n\n var node = item;\n if (this.props.config.optionsSource) {\n node = this.state.rawOptions.find(result => {\n if (result[this.props.config.optionsSource.valSource] == item[0]) return true;\n });\n }\n\n if (!this.props.config.multiple) {\n if (this.props.config) this.props.onUpdate(name, item[0], path, node);\n if (!this.props.config) this.props.onUpdate(name, item[0], path, node);\n } else {\n let newVal = [];\n if (this.props.value && this.props.value.constructor === Array) {\n newVal = this.props.value;\n }\n\n if (newVal.indexOf(item[0]) < 0) {\n newVal.push(item[0]);\n } else {\n let tmp = newVal.filter(p => {\n if (p == item[0]) return false;\n return true;\n });\n newVal = tmp;\n }\n\n this.props.onUpdate(name, newVal, path, node);\n\n }\n },\n\n _processConfig: function () {\n var config = {};\n if (this.props.config) config = this.props.config;\n\n if (config.multiple == undefined || config.multiple == null) config.multiple = false;\n return config;\n },\n\n _getOptionDisplay: function () {\n var result;\n for (var i in this.state.options) {\n if (this.state.options[i][0] == this.props.value) {\n result = this.state.options[i][1];\n }\n }\n return result;\n },\n\n _getOptions: function () {\n if (this.props.options) return this.props.options;\n if (this.props.config.options) return this.props.config.options;\n if (this.state.options) return this.state.options;\n return [];\n },\n\n _toggle: function (e) {\n if (e) e.stopPropagation();\n this.state.showOptions = this.state.showOptions ? false : true;\n\n this.forceUpdate();\n\n if (this.props.config.optionsSource && this._isLoaded) {\n var options = [];\n\n if (this.props.config.optionsSource.hierarchical) {\n var optionsH = _processExternalOptions(this.state.rawOptions, this.props.config.optionsSource.hierarchyProp);\n options = _recurseOptions(optionsH, this.props.config.optionsSource.labelSource, this.props.config.optionsSource.valSource, 0);\n } else {\n\n this.state.rawOptions.forEach((item) => {\n options.push([\n item[this.props.config.optionsSource.valSource],\n ewars.I18N(item[this.props.config.optionsSource.labelSource]),\n item\n ])\n });\n\n if (this.props.config) {\n if (this.props.config.optionsSource) {\n if (this.props.config.optionsSource.additional) {\n props.config.optionsSource.additional.forEach(option => {\n var optionValue = option[0];\n if (optionValue == null) optionValue = \"null\";\n options.unshift([optionValue, option[1]]);\n });\n }\n }\n }\n }\n\n this.state.options = options;\n if (this.isMounted()) this.forceUpdate();\n }\n\n if (this.props.config.optionsSource && !this._isLoaded) {\n // We need to load the options\n var resource = this.props.config.optionsSource.resource.toLowerCase();\n var select = [this.props.config.optionsSource.labelSource, this.props.config.optionsSource.valSource];\n if (this.props.config.optionsSource.select) {\n select = this.props.config.optionsSource.select;\n }\n\n if (this.props.config.optionsSource.additionalProperties) {\n select = select.concat(this.props.config.optionsSource.additionalProperties);\n }\n\n var join = this.props.config.optionsSource.join || null;\n var orderby = this.props.config.optionsSource.orderby || null;\n \n ewars.tx(\"com.ewars.query\", [resource, select, this.props.config.optionsSource.query, orderby , null, null, join])\n .then(function (resp) {\n var options = [];\n\n if (this.props.config.optionsSource.hierarchical) {\n var optionsH = _processExternalOptions(resp, this.props.config.optionsSource.hierarchyProp);\n options = _recurseOptions(optionsH, this.props.config.optionsSource.labelSource, this.props.config.optionsSource.valSource, 0);\n } else {\n\n resp.forEach(item => {\n options.push([\n item[this.props.config.optionsSource.valSource],\n ewars.I18N(item[this.props.config.optionsSource.labelSource]),\n item\n ])\n });\n\n if (this.props.config) {\n if (this.props.config.optionsSource) {\n if (this.props.config.optionsSource.additional) {\n this.props.config.optionsSource.additional.forEach(option => {\n var optionValue = option[0];\n if (optionValue == null) optionValue = \"null\";\n options.unshift([optionValue, option[1]]);\n });\n }\n }\n }\n\n this.state.rawOptions = resp;\n }\n\n this.state.options = options;\n this._isLoaded = true;\n if (this.isMounted()) this.forceUpdate();\n }.bind(this))\n }\n },\n\n render: function () {\n var dataClassName = \"ew-select-data \";\n \n if(this.props.styleClass){\n dataClassName = dataClassName+this.props.styleClass\n }\n\n if (!this._initialLoaded) {\n return (\n \n
\n )\n }\n\n\n var multiple = this.props.config.multiple;\n if (multiple) {\n dataClassName += \" multi-select\";\n }\n\n if (this.props.config) {\n if (this.props.config.multiple != undefined || this.props.config.multiple != null) {\n multiple = this.props.config.multiple;\n }\n }\n\n var config = this._processConfig();\n\n if (this.props.readOnly && !multiple) {\n var value = ewars.I18N(this._getOptionDisplay());\n return (\n \n )\n }\n if (this.props.config.is_search_field == true) {\n return (\n \n \n
\n \n {!multiple ?\n \n : null}\n {show ?\n
\n )\n }\n});\n\nexport default SelectField;\n","var TextInputField = React.createClass({\n propTypes: {\n _onChange: React.PropTypes.func,\n placeholder: React.PropTypes.string,\n name: React.PropTypes.string,\n readOnly: React.PropTypes.bool\n },\n\n _options: {\n\n },\n\n componentWillMount: function () {\n this.state.value = this.props.value;\n },\n\n componentDidMount: function () {\n if (this.props.focus) {\n this.refs.inputField.getDOMNode().focus();\n }\n },\n\n componentWillReceiveProps: function (nextProps) {\n this.state.value = nextProps.value;\n },\n\n getInitialState: function () {\n return {\n value: \"\"\n };\n },\n\n _handleKeyDown: function (e) {\n if (this.props.onKeyDown) this.props.onKeyDown(e);\n },\n\n _onBlur: function (event) {\n if (this.props.config.trigger != \"change\") {\n if (this.state.value != this.props.value) {\n this.props.onUpdate(this.props.name, this.state.value);\n }\n }\n },\n\n _onChange: function (e) {\n var value = e.target.value;\n value = value.replace(/\\s/g, \"_\").toLowerCase();\n value = value.replace(\"-\", \"_\");\n value = value.replace(\";\", \"_\");\n\n if (this.props.config.trigger == \"change\") {\n this.props.onUpdate(this.props.name, value)\n } else {\n this.setState({\n value: value\n })\n }\n },\n\n render: function() {\n\n return (\n \n )\n\n }\n\n});\n\nexport default TextInputField;\n","var SwitchField = React.createClass({\n getInitialState: function () {\n return {};\n },\n\n onChange: function () {\n let value;\n if ([true, \"true\"].indexOf(this.props.value) >= 0) value = true;\n if ([false, \"false\", -1, 0, \"\"].indexOf(this.props.value) >= 0) value = false;\n\n console.log(value);\n if (this.props.config && this.props.config.path) {\n this.props.onUpdate(this.props.name, !value, this.props.config.path);\n } else {\n this.props.onUpdate(this.props.name, !value);\n }\n },\n\n render: function () {\n var value = false;\n if (this.props.value) value = true;\n\n var name = ewars.utils.uniqueId(\"switch_\");\n\n let className = \"fal fa-toggle-off\";\n if (value) className = \"fal fa-toggle-on\";\n\n let style = {};\n if (value) style.color = \"green\";\n\n return (\n \n {options}\n
\n : null}\n {multiple && !this.props.readOnly ?\n \n : null}\n \n \n
\n )\n }\n});\n\nexport default SwitchField;\n","import FileUploadField from \"../fields/f.file_upload\";\n\nconst allowedFileTypes = \"image/png,image/jpeg,image/jpg\"\n\nconst TextField = React.createClass({\n propTypes: {\n _onChange: React.PropTypes.func,\n placeholder: React.PropTypes.string,\n name: React.PropTypes.string,\n readOnly: React.PropTypes.bool\n },\n\n _options: {\n\n },\n\n componentDidMount: function () {\n if (this.props.focus) {\n this.refs.inputField.focus();\n }\n },\n\n getDefaultProps: function () {\n return {\n placeholder: __(\"ENTER_TEXT\"),\n path: null,\n name: null,\n config: {}\n }\n },\n\n getInitialState: function () {\n return {};\n },\n\n _handleKeyDown: function (e) {\n if (this.props.onKeyDown) this.props.onKeyDown(e);\n },\n\n _onChange: function (event) {\n if (!this.props.config.useBlur) {\n this.props.onUpdate(this.props.config.nameOverride || this.props.name, event.target.value, this.props.path || this.props.name);\n }\n },\n\n _onBlur: function (e) {\n // Perform validation here\n if (this.props.config.useBlur) {\n this.props.onUpdate(this.props.config.nameOverride || this.props.name, e.target.value, this.props.path);\n }\n },\n\n _fileUpped: function(name, value) {\n this.props.onUpdate(this.props.name, value, this.props.path || this.props.name);\n },\n\n render: function() {\n\n let value = this.props.value;\n if (value) {\n let strValue = String(value);\n if (strValue.indexOf(\"DUPE_\") >= 0) {\n value = strValue.replace(\"DUPE_\", \"\");\n }\n }\n\n return (\n \n {this.props.config.isUpload ? \n
\n )\n }\n\n});\n\nexport default TextField;\n","var _languages = [\"en\", \"fr\", \"ar\"];\n\nvar LanguageNode = React.createClass({\n _onClick: function () {\n this.props.onClick(this.props.value);\n },\n\n render: function () {\n var className = __(\"LANGUAGE\");\n if (this.props.active) className += \" active\";\n\n return (\n \n \n
\n :null}\n \n
\n :null}\n ( e.g. box-shadow = \"x-offset y-offset blur spread color\" ( box-shadow = 1px 1px 1px 1px #333 ))
\n{this.props.value}
\n \n
\n {this.props.config.i18n ?\n \n {this.props.config.markdown ?\n
\n )\n }\n\n});\n\nexport default TextAreaField;\n","const STYLE = {\n fontSize: \"12px\",\n border: \"1px solid #e3e7e9\",\n padding: \"7px 5px 7px 5px\",\n margin: \"0px\",\n color: \"#525252\"\n}\n\nclass TimeField extends React.Component {\n constructor(props) {\n super(props);\n }\n\n _onChange = (e) => {\n if (this.props.onUpdate) this.props.onUpdate(this.props.name, e.target.value);\n if (this.props.onChange) this.props.onChange(this.props.n, e.target.value);\n\n };\n\n render() {\n\n return (\n \n
\n : null}\n - \n {nodes}\n
{__(\"FIELD_SUPPORT_MARKDOWN\")}
\n : null}\n\n {options.map((item) => {\n return
\n \n )\n }\n}\n\nexport default TotalFormulaHelpField;\n","import { Layout, Row, Cell } from \"../layout\";\nimport CommonCheckbox from \"../c.cmp.checkbox\"\n\nimport EditableList from \"../c.editable_list\";\nimport Colour from \"./f.colour\";\nimport TextField from \"./f.text\";\nimport NumericField from \"./f.numeric\";\nimport DateUtils from \"../../documents/utils/DateUtils\";\nimport ewars from \"../../ewars/app\";\n\nconst ACTIONS = [\n { icon: \"fa-plus\", action: \"ADD\", tooltip: __(\"ADD_THRESHHOLD\") },\n { icon: \"fa-minus\", action: \"REMOVE\", tooltip: __(\"REMOVE_THRESHHOLD\") },\n { icon: \"fa-caret-up\", action: \"MOVE_UP\", tooltip: __(\"MOVE_UP\") },\n { icon: \"fa-caret-down\", action: \"MOVE_DOWN\", tooltip: __(\"MOVE_DOWN\") }\n];\n\nconst SEP_STYLE = {\n textAlign: \"center\",\n lineHeight: \"30px\"\n};\n\nconst fieldHeaderStyle = {\n fontWeight: \"bolder\",\n padding: \"5px\"\n}\nconst mapperTitle = {\n fontWeight: \"bolder\",\n paddingTop: \"5px\",\n paddingLeft: \"10px\"\n}\nconst mapperTableHeader = {\n paddingTop: \"5px\",\n background: \"#edf1f4\",\n paddingBottom: \"30px\"\n}\n\nlet NOTE_STYLE = {\n \n border : \"none\",\n fontStyle: \"italic\",\n fontSize : \"11px\",\n \n};\n\nlet layoutStyle = {\n display: \"flex\",\n flexDirection: \"column\"\n}\n\nlet listStyle = {\n marginBottom: \"0px\",\n overflowY: \"auto\",\n maxHeight: \"208px\",\n padding: \"2px\"\n}\n\n\n\n\nclass ValueMapperField extends React.Component {\n\n\n constructor(props) {\n super(props);\n\n this.state = {\n data: [],\n group_by : null,\n message : \"\"\n }\n\n }\n\n _onFetch = () => {\n this.props.onUpdate(this.props.name, { \"data\": this.state.data, \"remove\": false, \"fetch\": true ,\"group_by\" : this.state.group_by });\n }\n\n _onAdd = () => {\n let newArray = this.state.data;\n let element = [\"\", \"\", false];\n newArray.push(element);\n this.props.onUpdate(this.props.name, { \"data\": newArray, \"remove\": false });\n\n }\n\n _onChangeValue = (idx, change) => {\n let newArray = this.state.data;\n let element = newArray[idx];\n element[1] = change;\n newArray[idx][1] = change;\n newArray = this._unique(newArray);\n this.props.onUpdate(this.props.name, { \"data\": newArray, \"remove\": false });\n\n }\n\n _onChangeKey = (idx, change) => {\n let newArray = this.state.data;\n let element = newArray[idx];\n element[0] = change;\n newArray[idx][0] = change;\n newArray = this._unique(newArray);\n this.props.onUpdate(this.props.name, { \"data\": newArray, \"remove\": false });\n\n }\n\n toggleCheckbox = (idx, change) => {\n let newArray = this.state.data;\n let flag = newArray[idx][2];\n flag = !flag;\n newArray[idx][2] = flag;\n this.props.onUpdate(this.props.name, { \"data\": newArray, \"remove\": false });\n\n }\n\n _onRemove = (idx) => {\n let newArray = this.state.data;\n let arr = [];\n if (this.state.data.length > 1) {\n if (idx == 0) {\n arr = newArray.slice(1, newArray.length);\n }\n else if (idx == newArray.length) {\n arr = newArray.slice(0, newArray.length - 1);\n } else {\n let arr1 = newArray.slice(0, idx);\n let arr2 = newArray.slice(idx + 1, newArray.length);\n arr = arr1.concat(arr2);\n }\n }\n this.props.onUpdate(this.props.name, { \"data\": arr, \"remove\": true });\n\n }\n\n _onRemoveAll = () => {\n this.props.onUpdate(this.props.name, { \"data\": [], \"remove\": true });\n }\n\n _unique = function (a) {\n for (var i = 0; i < a.length; ++i) {\n for (var j = i + 1; j < a.length; ++j) {\n if (a[i][0] === a[j][0])\n a.splice(j--, 1);\n }\n }\n return a;\n }\n componentWillReceiveProps = (nextProps) => {\n let options = nextProps.value.data || [];\n if (nextProps.value.remove) {\n this.state.data = options;\n this.state.data = this._unique(this.state.data);\n }\n else {\n if (this.state.data && this.state.data.length > 0) {\n this.state.data = this.state.data.concat(options);\n } else {\n this.state.data = options;\n }\n this.state.data = this._unique(this.state.data);\n }\n if(nextProps.value.hasOwnProperty(\"group_by\")){\n this.state.group_by = nextProps.value.group_by;\n }\n if(nextProps.value.hasOwnProperty(\"message\")){\n this.state.message = nextProps.value.message;\n }\n \n };\n\n componentWillMount = () => {\n let options = this.props.value.data || [];\n if (this.props.value.remove) {\n this.state.data = options;\n this.state.data = this._unique(this.state.data);\n }\n else {\n if (this.state.data && this.state.data.length > 0) {\n this.state.data = this.state.data.concat(options);\n } else {\n this.state.data = options;\n }\n this.state.data = this._unique(this.state.data);\n }\n if(this.props.value.hasOwnProperty(\"group_by\")){\n this.state.group_by = this.props.value.group_by;\n }else{\n this.state.group_by = this.props.data.ds_group_by;\n }\n \n };\n\n\n render() {\n let options = [];\n let className = \"iw-list-edit-item\";\n if(this.state.data.length > 0){\n options.push({ewars.I18N(item)}
\n })}\n \n {__(\"ORIGINAL_VALUE\")}\n
\n \n {__(\"ALIAS\")}\n
\n \n\n
\n )\n }\n}\n\nexport default ValueMapperField;\n","export { default as AssignmentField } from \"./f.assignment\";\nexport { default as PasswordField } from \"./f.password\";\nexport { default as MarginField } from \"./f.margin\";\nexport { default as DisplayField } from \"./f.display\";\nexport { default as DisplayCalculatedField } from \"./f.display.calculated\";\n// export { default as MainFormField } from \"./f.main_form_field\";\nexport { default as FormField } from \"./f.form_field\";\nexport { default as GeometryField } from \"./f.geometry\";\nexport { default as HeaderField } from \"./f.header\";\nexport { default as LocationField } from \"./f.location\";\nexport { default as MatrixField } from \"./f.matrix\";\nexport { default as NotImplemented } from \"./f.not_implemented\";\nexport { default as NumericField } from \"./f.numeric\";\nexport { default as PointField } from \"./f.point\";\nexport { default as RowField } from \"./f.row\";\n//export { default as FormSelectField } from \"./f.select.form\";\nexport { default as SelectField } from \"./f.select\";\nexport { default as MultiSelectField } from \"./f.multi_select\";\nexport { default as SlugField } from \"./f.slug\";\nexport { default as SwitchField } from \"./f.switch\";\nexport { default as TextField } from \"./f.text\";\nexport { default as TextAreaField } from \"./f.textarea\";\nexport { default as TopoJSONField } from \"./f.topojson\";\nexport { default as LocationGroupField } from \"./f.location_group\";\nexport { default as LocationInputField } from \"./f.location_input\";\nexport { default as LatLngField } from \"./f.lat_lng\";\nexport { default as DateField } from \"./f.date\";\nexport { default as DOMSizeField } from \"./f.dom_size_field\";\nexport { default as ConditionsField } from \"./f.conditions\";\nexport { default as LanguageStringField } from \"./f.language_string\";\nexport { default as CalcFieldDefinition } from \"./f.calc_field_definition\";\nexport { default as LinkedListsField } from \"./f.linked_lists\";\nexport { default as ColourField } from \"./f.colour\";\nexport { default as ColourThresholdsField } from \"./f.colour_thresholds\";\nexport { default as IndicatorField } from \"./f.indicator\";\nexport { default as HTMLField } from \"./f.html\";\nexport { default as ButtonGroupField } from \"./f.button_group\";\nexport { default as FileField } from \"./f.file\";\nexport { default as FormFieldField } from \"./f.form_field\";\nexport { default as SelectFieldOptionsField } from \"./f.select.form.field.options\";\nexport { default as IndicatorDefinition } from \"./f.indicator_definition\";\nexport { default as TimeField } from \"./f.time\";\nexport { default as FormFieldSelect } from \"./f.form_field_select\";\nexport { default as FormFieldCondition } from \"./f.form_field_condition\";\nexport { default as MultipleLocationsField } from \"./f.multiple_location\";\nexport { default as IndicatorRelatedForms } from \"./f.indicator_related_forms\";\nexport { default as MultipleAlarmsField } from \"./f.multiple_alarm\";\nexport { default as ValueMapperField } from \"./f.value_mapper\";\nexport { default as TotalFormulaHelpField } from \"./f.total_formula_helper\";\nexport { default as FileUploadField } from \"./f.file\";\nexport { default as SearchField } from \"./f.searchfield\";\n\n","var TreeNodeComponent = React.createClass({\n _hasLoaded: false,\n\n getInitialState: function () {\n return {\n children: [],\n showChildren: false\n };\n },\n\n onCaretClick: function (e) {\n e.stopPropagation();\n e.preventDefault();\n this.toggleCaret();\n },\n\n toggleCaret: function () {\n if (this._hasLoaded) {\n this.setState({\n showChildren: this.state.showChildren ? false : true\n });\n return;\n }\n\n var self = this;\n ewars._connect().then(function (session) {\n session.call(\"com.ewars.indicators\", [self.props.data.id])\n .then(function (resp) {\n this._hasLoaded = true;\n\n if (resp.d.length > 0) {\n this.setState({\n children: resp.d,\n showChildren: true\n })\n } else {\n this.forceUpdate();\n }\n\n }.bind(self))\n })\n\n },\n\n _onLabelClick: function (e) {\n e.stopPropagation();\n e.preventDefault();\n\n if (this.props.data.type == \"node\") {\n this.props.onNodeSelect(this.props.data);\n } else {\n this.toggleCaret();\n }\n },\n\n _hasChildren: function () {\n if (this.props.data.child_count > 0) return true;\n return false;\n },\n\n _hasIndicators: function () {\n if (this.props.data.indicator_count > 0) return true;\n return false;\n },\n\n _processChildren: function () {\n var childs = [];\n\n for (var i in this.state.children) {\n var child = this.state.children[i];\n\n childs.push(\n \n
\n\n\n \n
\n \n
\n \n {__(\"GROUP_BY_COLUMN_VALUE\")}\n
\n\n \n
\n \n {options.length > 0 ? \n
\n\n \n {options}\n
\n :\n {this.state.message}
\n }\n \n
{nodeName}
\n {this.state.showChildren ?\n \n
\n : null}\n - \n {childs}\n
\n
\n )\n }\n}\n\nclass IndicatorFolderNode extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = ewars.g[\"FOLDER_\" + this.props.data.id] || {\n showChildren: false,\n data: null,\n showContext: false\n }\n }\n\n componentWillMount() {\n window.__hack__.addEventListener(\"click\", this._onBodyClick);\n ewars.subscribe(\"RELOAD_INDICATORS\", this._reload);\n }\n\n _onBodyClick = (evt) => {\n if (!this.refs.item.contains(evt.target)) {\n this.setState({\n showContext: false\n })\n }\n };\n\n _reload = () => {\n ewars.tx(\"com.ewars.indicators\", [this.props.data.id])\n .then(function (resp) {\n this.setState({\n data: resp\n })\n }.bind(this))\n };\n\n getChildren = () => {\n if (this.state.data) {\n this.setState({\n showChildren: !this.state.showChildren\n });\n return;\n }\n\n this.refs.iconHandle.setAttribute(\"class\", \"fa fa-spin fa-gear\");\n\n // Get groups first\n ewars.tx(\"com.ewars.indicators\", [this.props.data.id])\n .then(function (resp) {\n this.setState({\n data: resp,\n showChildren: true\n })\n }.bind(this))\n };\n\n _onCaretClick = () => {\n this.getChildren();\n };\n\n componentWillUnmount() {\n window.__hack__.removeEventListener(\"click\", this._onBodyClick);\n ewars.g[\"FOLDER_\" + this.props.data.id] = ewars.copy(this.state);\n };\n\n _dragStart = (e) => {\n e.dataTransfer.setData(\"item\", JSON.stringify(this.props.data));\n };\n\n _onContext = (e) => {\n e.preventDefault();\n this.setState({\n showContext: true\n })\n };\n\n _onContextAction = (action) => {\n this.setState({\n showContext: false\n });\n\n this.props.onAction(action, this.props.data);\n };\n\n render() {\n\n let childs;\n\n if (this.state.data) {\n childs = this.state.data.map(function (item) {\n if (item.context == \"INDICATOR\") {\n return (\n \n \n : null}\n
\n \n {this.props.allowCheck ?\n
\n {this.props.actions && this.state.showContext ?\n \n \n
\n : null}\n {label}
\n \n
\n )\n }\n}\n\nvar TreeNodeComponent = React.createClass({\n _hasLoaded: false,\n\n getDefaultProps: function () {\n return {\n dark: false,\n hideInactive: true\n }\n },\n\n getInitialState: function () {\n return {\n children: [],\n showChildren: false,\n showContext: false\n };\n },\n\n componentWillMount: function () {\n window.__hack__.addEventListener(\"click\", this._onBodyClick);\n ewars.subscribe(\"RELOAD_INDICATORS\", this._reload);\n },\n\n componentWillUnmount: function () {\n window.__hack__.removeEventListener(\"click\", this._onBodyClick);\n },\n\n _onBodyClick: function (evt) {\n if (!evt.contains(this.refs.item)) {\n this.setState({\n showContext: false\n })\n }\n },\n\n _onContext: function (e) {\n e.preventDefault();\n this.setState({\n showContext: true\n })\n },\n\n _onContextAction: function (action) {\n this.props.onAction(action, this.props.data);\n },\n\n _reload: function () {\n if (this._hasLoaded && this.props.type != \"INDICATOR\") {\n // Get groups first\n\n ewars.tx(\"com.ewars.indicators\", [this.props.data.id])\n .then(function (resp) {\n this._hasLoaded = true;\n this.setState({\n children: resp,\n showChildren: true\n })\n }.bind(this))\n }\n },\n\n _onClick: function () {\n if (this.state.showChildren) {\n this.setState({\n showChildren: false\n });\n return;\n }\n\n if (!this._hasLoaded) {\n ewars.tx(\"com.ewars.indicators\", [this.props.data.id])\n .then(function (resp) {\n this._hasLoaded = true;\n this.setState({\n children: resp,\n showChildren: true\n })\n }.bind(this))\n } else {\n\n this.setState({\n showChildren: true\n })\n }\n },\n\n _hasChildren: function () {\n return true;\n },\n\n _onEdit: function () {\n this.props.onEdit(null, this.props.data);\n },\n\n render: function () {\n let className = \"block\";\n\n let label = ewars.I18N(this.props.data.name);\n\n let showSelect = false;\n\n let caret;\n if ([\"SYSTEM\", \"FOLDER\"].indexOf(this.props.data.context) >= 0) {\n if (this.state.showChildren) caret = \"fal fa-folder-open\";\n if (!this.state.showChildren) caret = \"fal fa-folder\";\n }\n\n let children;\n\n if (this.state.showChildren && this._hasLoaded) {\n children = [];\n this.state.children.forEach(function (item) {\n children.push(\n \n : null}\n
\n {this.state.showChildren ?\n \n
\n {this.props.actions && this.state.showContext ?\n \n \n
\n {label}
\n \n {childs}\n
\n : null}\n \n
\n )\n }\n});\n\nfunction debounce(fn, delay) {\n var timer = null;\n return function () {\n var context = this, args = arguments;\n clearTimeout(timer);\n timer = setTimeout(function () {\n fn.apply(context, args);\n }, delay);\n };\n}\n\nclass SearchInput extends React.Component {\n static defaultProps = {\n value: ''\n };\n\n constructor(props) {\n super(props);\n\n this.sendForSearch = debounce(this.sendForSearch, 300);\n }\n\n sendForUpdate = (e) => {\n this.props.onChange(e.target.value);\n\n if (e.target.value.length > 2) {\n this.sendForSearch(e.target.value);\n }\n\n if (e.target.value == \"\") this.sendForSearch(null);\n };\n\n sendForSearch = (searchTerm) => {\n this.props.onSearch(searchTerm);\n };\n\n render() {\n return (\n \n \n : null}\n
\n {this.state.showChildren ?\n \n {caret ?\n
\n {this.props.actions && this.state.showContext ?\n \n \n
\n : null}\n {label}
\n \n {children}\n
\n : null}\n \n
\n \n \n \n \n \n \n \n \n {this.state.search != \"\" ?\n \n \n \n : null}\n \n
\n \n
\n \n {nodes}\n
\n \n {this.props.children}\n
\n )\n }\n}\n\nclass Row extends React.Component {\n static defaultProps = {\n height: null,\n borderTop: false,\n borderBottom: false,\n borderRight: false,\n borderLeft: false,\n style: null,\n addClass: null,\n onClick: null\n };\n\n constructor(props) {\n super(props);\n }\n\n render() {\n let className = \"ide-row\";\n if (this.props.addClass) className += \" \" + this.props.addClass;\n let style = {};\n\n style.maxHeight = this.props.height || null;\n\n if (this.props.style) Object.assign(style, this.props.style);\n\n let onClick = this.props.onClick || null;\n\n return (\n \n {this.props.children}\n
\n )\n }\n}\n\nclass Layout extends React.Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n let style = {};\n let classname = ''\n if (this.props.style) Object.assign(style, this.props.style);\n if(this.props.className) classname = this.props.className;\n return (\n \n {this.props.children}\n
\n )\n }\n}\n\nclass Panel extends React.Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n let style = {};\n if (this.props.style) {\n for (let i in this.props.style) {\n style[i] = this.props.style[i];\n }\n }\n return (\n \n {this.props.children}\n
\n )\n }\n}\n\nexport {\n Layout,\n Row,\n Cell,\n Panel\n};\n","var Moment = require('moment');\n\nvar CONSTANTS = require(\"../constants\");\n\n/**\n * Get most recently completed interval date\n * @param specDate\n * @param interval\n * @returns {*}\n */\nvar getActualDate = function (specDate, interval, no_future) {\n \n Moment.updateLocale(\"en\", {\n week: {\n dow: ewars.getDOWMod7(),\n doy: (7 + ewars.getDOWMod7() - ewars.getDOY())\n }\n });\n\n \n if (interval == CONSTANTS.DAY) return specDate;\n\n if (interval == CONSTANTS.WEEK) {\n var actualEndWeek = specDate.clone().endOf(\"week\");\n\n if (no_future) {\n if (actualEndWeek.isAfter(specDate, \"d\")) {\n return actualEndWeek.clone().subtract(7, \"d\");\n } else {\n return actualEndWeek;\n }\n } else {\n return actualEndWeek;\n }\n }\n\n if (interval == CONSTANTS.MONTH) {\n var actualEndMonth = specDate.clone().endOf(\"month\");\n\n if (specDate.isSame(actualEndMonth, \"day\")) return actualEndMonth;\n if (specDate.isBefore(actualEndMonth, \"day\")) return actualEndMonth.clone()\n .subtract(1, \"M\")\n .endOf(\"month\");\n }\n\n if (interval == CONSTANTS.YEAR) {\n var actualEndYear = specDate.clone().endOf(\"year\");\n\n if (specDate.isSame(actualEndYear, \"day\")) return actualEndYear;\n if (specDate.isBefore(actualEndYear, \"day\"))\n return actualEndYear.clone().subtract(1, \"y\").endOf(\"year\");\n }\n};\n\nvar getDaysBetween = function (startDate, endDate) {\n var resultantDates = [startDate];\n\n var cur_date = startDate.clone();\n\n while (cur_date.isBefore(endDate, CONSTANTS.DAY)) {\n var newDate = cur_date.clone().add(1, \"d\");\n resultantDates.push(newDate);\n cur_date = newDate;\n }\n\n return resultantDates;\n\n};\n\nvar getWeeksBetween = function (startDate, endDate) {\n var resultantDates = [startDate.clone()];\n\n var cur_date = startDate.clone();\n\n while (cur_date.isBefore(endDate, \"day\")) {\n var newDate = cur_date.clone().add(7, \"d\");\n resultantDates.push(newDate);\n cur_date = newDate;\n }\n\n\n return resultantDates;\n\n};\n\nvar getMonthsBetween = function (startDate, endDate) {\n\n};\n\nvar getYearsBetween = function (startDate, endDate) {\n\n};\n\nvar INTERVAL_MAP = {\n \"DAY\": \"d\",\n \"WEEK\": \"d\",\n \"MONTH\": \"M\",\n \"YEAR\": \"Y\"\n};\n\nmodule.exports = {\n /**\n * Returns a list of dates occurring between two dates\n * of a specific interval type\n * @param start_date\n * @param end_date\n * @param interval\n */\n getDatesInInterval: function (start_date, end_date, interval) {\n\n var startDate = Moment(start_date),\n endDate;\n\n if (end_date) endDate = Moment(end_date);\n if (!end_date) endDate = Moment();\n\n var actualEnd = getActualDate(endDate, interval, true);\n var actualStart = getActualDate(startDate, interval);\n\n if (interval == CONSTANTS.DAY) return getDaysBetween(actualStart, actualEnd);\n if (interval == CONSTANTS.WEEK) return getWeeksBetween(actualStart, actualEnd);\n if (interval == CONSTANTS.MONTH) return getMonthsBetween(actualStart, actualEnd);\n if (interval == CONSTNATS.YEAR) return getYearsBetween(actualStart, actualEnd);\n\n return []\n },\n getMonthsDaysBetweenDates: function(startDate) {\n const start = Moment(startDate);\n const end = Moment(new Date());\n \n const months = end.diff(start, \"months\");\n const years = end.diff(start, \"years\");\n \n return {months, years};\n },\n getMostRecentlyEndedInterval: function (reportDate, interval) {\n return getActualDate(reportDate, interval);\n },\n\n getStartDate: function (specDate, interval) {\n Moment.updateLocale(\"en\", {\n week: {\n dow: ewars.getDOWMod7(),\n doy: (7 + ewars.getDOWMod7() - ewars.getDOY()) \n }\n });\n\n if (interval == CONSTANTS.DAY) return Moment(specDate).clone();\n if (interval == CONSTANTS.WEEK) return Moment(specDate).clone().startOf(\"week\");\n if (interval == CONSTANTS.MONTH) return Moment(specDate).clone().startOf(\"month\");\n if (interval == CONSTANTS.YEAR) return Moment(specDate).clone().startOf(\"year\");\n },\n\n getEndDate: function (specDate, interval) {\n Moment.updateLocale(\"en\", {\n week: {\n dow: ewars.getDOWMod7(),\n doy: (7 + ewars.getDOWMod7() - ewars.getDOY()) \n }\n });\n\n if (interval == CONSTANTS.DAY) return Moment(specDate).clone();\n if (interval == CONSTANTS.WEEK) return Moment(specDate).clone().endOf(\"week\");\n if (interval == CONSTANTS.MONTH) return Moment(specDate).clone().endOf(\"month\");\n if (interval == CONSTANTS.YEAR) return Moment(specDate).clone().endOf(\"year\");\n },\n\n processDateSpec: function (definition, reportDate) {\n var startDate,\n endDate;\n\n if (definition.filter) {\n if (!reportDate) endDate = Moment();\n var filterSpec = definition.filter;\n\n if (filterSpec == \"1M\") startDate = endDate.clone().subtract(1, 'M');\n if (filterSpec == \"3M\") startDate = endDate.clone().subtract(3, \"M\");\n if (filterSpec == \"6M\") startDate = endDate.clone().subtract(6, \"M\");\n if (filterSpec == \"1Y\") startDate = endDate.clone().subtract(1, \"Y\");\n if (filterSpec == \"YTD\") {\n startDate = endDate.clone().startOf(\"year\");\n }\n\n } else {\n if (definition.end_date_spec == \"MANUAL\") {\n endDate = Moment(definition.end_date);\n }\n\n if (definition.end_date_spec == \"REPORT_DATE\") {\n endDate = Moment(reportDate);\n }\n\n if (definition.end_date_spec == \"REPORT_DATE_SUBTRACTION\") {\n var units = parseInt(definition.end_intervals);\n // If the time interval is weeks, we use days for the subtraction as\n // isoweeks isn't very reliable\n if (definition.timeInterval == \"WEEK\") {\n units = 7 * units;\n }\n endDate = Moment(reportDate).clone().subtract(units, INTERVAL_MAP[definition.timeInterval]);\n }\n\n if (definition.start_date_spec == \"MANUAL\") {\n startDate = Moment(definition.start_date);\n }\n\n if (definition.start_date_spec == \"END_SUBTRACTION\") {\n var units = parseInt(definition.start_intervals);\n // If the time interval is weeks, we use days for the subtraction as\n // isoweeks isn't very reliable\n if (definition.timeInterval == \"WEEK\") {\n units = 7 * units;\n }\n startDate = endDate.clone().subtract(units, INTERVAL_MAP[definition.timeInterval]);\n }\n\n if (definition.start_date_spec == \"REPORT_DATE\") {\n startDate = Moment(reportDate).startOf(INTERVAL_MAP[definition.timeInterval]);\n }\n }\n\n return [startDate.format(\"YYYY-MM-DD\"), endDate.format(\"YYYY-MM-DD\")];\n\n },\n\n getNextPeriod: function (startDate, interval) {\n if ([CONSTANTS.NONE, CONSTANTS.DAY].indexOf(interval) >= 0) return startDate.clone().add(1, 'd');\n if (interval == CONSTANTS.WEEK) return startDate.clone().add(7, 'd');\n if (interval == CONSTANTS.MONTH) return null;\n if (interval == CONSTANTS.YEAR) return startDate.clone().add(365, \"d\");\n },\n\n getPreviousPeriod: function (startDate, interval) {\n if ([CONSTANTS.NONE, CONSTANTS.DAY].indexOf(interval) >= 0) return startDate.clone().subtract(1, \"d\");\n if (interval == CONSTANTS.WEEK) return startDate.clone().subtract(7, 'd');\n if (interval == CONSTANTS.MONTH) return null;\n if (interval == CONSTANTS.YEAR) return startDate.clone().subtract(365, 'd');\n },\n\n getUTCOffsetFromTZ : function(tzInfo){\n \n if(tzInfo){\n const utcoffset = tzInfo.split('@@')[1]; \n return parseInt(utcoffset, 10);\n }\n\n return 0;\n }\n\n};","import {FIELD_FORM} from '../constants/field_definition.js'\n\nfunction _convertFormToOptions(definition, path, lLabel) {\n var options = [];\n\n for (let key in definition) {\n let field = definition[key];\n let fieldName = ewars.formatters.I18N_FORMATTER(field.label);\n let realName = fieldName;\n if (lLabel) realName = `${lLabel.join(\" \\\\ \")} \\\\ ${fieldName}`;\n let fieldPath = `${key}`;\n if (path) fieldPath = `${path}.${fieldPath}`;\n options.push([key, realName, {...field, path: fieldPath}]);\n\n if (field.fields) {\n let subLabel = [fieldName];\n if (lLabel) {\n subLabel = ewars.copy(lLabel);\n subLabel.push(fieldName);\n }\n\n let subPath;\n if (path) {\n subPath = path + \".\" + key;\n } else {\n subPath = key;\n }\n let subFields = _convertFormToOptions(field.fields, fieldPath, subLabel);\n options.push.apply(options, subFields);\n }\n }\n\n return options;\n}\n\n/**\n * Convert all form labels for transaltion\n * @param {*} definition \n * \n * \n */\nfunction _convertFormLabelsForTranslation(formData){\n var labels = [];\n\n Object.entries(formData).map((key , value) => { \n if(key[1]){\n if(key[1].isTranslate){\n let labelName = key[0];\n let dispalyName = labelName;\n let fieldpath = `${key[0]}`\n labels.push([key[0], dispalyName, {...key[1], path: fieldpath}]);\n }\n }\n if(key[0] == 'version'){\n let definitionData = _converDefinitionToLabel(key[1].definition , null)\n let _allLabels = _getAllLabelsFromDefinationFields(definitionData)\n labels.push.apply(labels , _allLabels)\n }\n })\n\n return labels\n}\n\n/**\n * Convert all definition labels for transaltion\n * @param {*} definition \n * @param {*} \n * @param {*} \n */\nfunction _converDefinitionToLabel(definition , path , subfield) {\n var label = [];\n\n for (let key in definition) {\n let field = definition[key];\n let labelName = field.name;\n let dispalyName = labelName;\n if (subfield) dispalyName = `${subfield.join(\" \\\\ \")} \\\\ ${labelName}`;\n let fieldPath = `${key}`;\n if (path) fieldPath = `${path}.${fieldPath}`;\n label.push([labelName, dispalyName, {...field, path: fieldPath}]);\n\n if (field.fields) {\n let subLabel = [labelName];\n if (subfield) {\n subLabel = ewars.copy(subfield);\n subLabel.push(labelName);\n }\n\n let subPath;\n if (path) {\n subPath = path + \".\" + key;\n } else {\n subPath = key;\n }\n let subFields = _converDefinitionToLabel(field.fields, fieldPath, subLabel);\n label.push.apply(label, subFields);\n }\n } \n return label;\n\n}\n\n/**\n * get all the labels that can be translated\n */\nfunction _getAllLabelsFromDefinationFields(sortedDefinition){\n let allLabels = [];\n for(let field in sortedDefinition){\n for(let fieldKey in sortedDefinition[field][2]){\n for(let keys in FIELD_FORM) {\n if(fieldKey == FIELD_FORM[keys].n && FIELD_FORM[keys].i18){\n let labelName , dispalyName , labelValue;\n labelName = sortedDefinition[field][2].name + \"__\" + fieldKey\n if(fieldKey != 'label'){\n dispalyName = sortedDefinition[field][1] + ` ${FIELD_FORM[keys].l}`;\n }else\n {\n // labelName = sortedDefinition[field][2].name ;\n dispalyName = sortedDefinition[field][1];\n }\n if(Array.isArray(sortedDefinition[field][2][fieldKey])){\n for(let opt in sortedDefinition[field][2][fieldKey]){\n let lName = labelName + \"__\" + sortedDefinition[field][2][fieldKey][opt][0];\n let dName = dispalyName + ` ${sortedDefinition[field][2][fieldKey][opt][0]}`;\n let lValue = sortedDefinition[field][2][fieldKey][opt][1]\n allLabels.push([lName , dName , lValue])\n continue\n }\n break;\n }else{\n labelValue = sortedDefinition[field][2][fieldKey]\n }\n allLabels.push([labelName , dispalyName , labelValue])\n break;\n }\n }\n }\n } \n return allLabels\n}\n\n/**\n * Converts a form definition to a tree\n * @param definition\n * @param place\n * @param placeName\n * @returns {Array}\n * @private\n */\nfunction _convertFormToTree(definition, place, placeName) {\n var items = [];\n\n var asArray = _.map(definition, function (field, fieldName) {\n var newField = _.extend({}, field, {name: fieldName});\n return newField;\n }, this);\n\n var asSorted = _.sortBy(asArray, function (item) {\n return item.order;\n }, true);\n\n _.each(asSorted, function (field) {\n if (field.fields) {\n var path;\n if (!place) path = field.name;\n if (place) path = place + \"/\" + field.name;\n\n var pathName;\n if (!placeName) pathName = ewars.formatters.I18N_FORMATTER(field.label);\n if (placeName) pathName = placeName + \" / \" + ewars.formatters.I18N_FORMATTER(field.label);\n\n var children = _convertFormToTree(field.fields, path, pathName);\n\n items.push({\n label: ewars.formatters.I18N_FORMATTER(field.label),\n pathLabel: pathName,\n name: field.name,\n path: path,\n field: field,\n nodeType: field.type,\n children: children\n })\n } else {\n var path;\n if (!place) path = field.name;\n if (place) path = place + \"/\" + field.name;\n\n var pathName;\n if (!placeName) pathName = ewars.formatters.I18N_FORMATTER(field.label);\n if (placeName) pathName = placeName + \" / \" + ewars.formatters.I18N_FORMATTER(field.label);\n\n items.push({\n label: ewars.formatters.I18N_FORMATTER(field.label),\n name: field.name,\n pathLabel: pathName,\n path: path,\n field: field,\n nodeType: field.type\n })\n }\n }, this);\n\n return items;\n}\n\nfunction _findField(definition, fieldName) {\n var current = definition;\n\n if (definition[fieldName]) {\n current = definition[fieldName];\n }\n}\n\n/**\n * Retrieve a field from within the definition\n * @param definition\n * @param path\n * @returns {*}\n * @private\n */\nfunction _getField(definition, specPath) {\n let item = definition;\n\n let path = specPath.split(\".\");\n if (path.indexOf(\"data.\") >= 0) path.shift();\n\n path.forEach(function (pathItem) {\n if (item[pathItem]) {\n if (item[pathItem].fields) {\n item = item[pathItem].fields;\n } else {\n item = item[pathItem];\n }\n }\n }.bind(this));\n\n return item;\n}\n\n\nfunction _getFieldProperty(definition, field, prop) {\n if (field.indexOf(\".\") >= 0) {\n let splat = field.split(\".\");\n\n let defn = definition;\n let splatLen = splat.length;\n for (var i in splat) {\n if (defn[i]) {\n if (defn[i].fields) {\n defn = defn[i].fields;\n } else {\n defn = defn[i];\n }\n } else {\n\n }\n }\n return defn[prop];\n } else {\n return definition[field][prop] || null;\n }\n}\n\nconst _getRuleResult = (rule, data) => {\n var result;\n\n var sourceValue = data[rule[0]] || null;;\n if ([\"null\", \"notnull\"].indexOf(rule[1]) < 0) {\n if (sourceValue == null || sourceValue == undefined) return false;\n }\n\n switch (rule[1]) {\n case \"eq\":\n if (Object.prototype.toString.call(sourceValue) == \"[object Array]\") {\n if (sourceValue.indexOf(rule[2]) >= 0) {\n result = true;\n } else {\n result = false;\n }\n } else {\n result = sourceValue == rule[2];\n }\n break;\n case \"ne\":\n case \"neq\":\n if (Object.prototype.toString.call(sourceValue) == \"[object Array]\") {\n if (sourceValue.indexOf(rule[2]) < 0) {\n result = true;\n } else {\n result = false;\n }\n } else {\n result = sourceValue != rule[2];\n }\n break;\n case \"gt\":\n result = sourceValue > rule[2];\n break;\n case \"lt\":\n result = sourceValue < rule[2];\n break;\n case 'lte':\n result = sourceValue <= rule[2];\n break;\n case 'gte':\n result = sourceValue >= rule[2];\n break;\n case 'null':\n if (ewars.isNull(sourceValue)) {\n result = true;\n } else {\n result = false;\n }\n break;\n case 'notnull':\n if (ewars.isNull(sourceValue)) {\n result = false;\n } else {\n result = true;\n }\n break;\n default:\n result = false;\n break\n }\n\n return result;\n};\n\n/**\n * Check if a field is visible if it isnt' we shouldn'y\n * try to vlaidate it\n * @param data The data in the system\n * @param fieldDef The definition for the field\n * @param fieldKey\n * @private\n */\nfunction _isVisible(data, field, fieldKey) {\n if (!field.conditional_bool) return true;\n\n if (field.conditional_bool == true) {\n let result = false;\n\n if (!field.conditions) return true;\n if (!field.conditions.rules) return true;\n\n if ([\"ANY\", \"any\"].indexOf(field.conditions.application) >= 0) {\n // Only one of the rules has to pass\n\n for (let conIdx in field.conditions.rules) {\n let rule = field.conditions.rules[conIdx];\n\n var tmpResult = _getRuleResult(rule, data);\n if (result != true && tmpResult == true) result = true;\n }\n\n } else {\n let ruleCount = field.conditions.rules.length;\n let rulePassCount = 0;\n\n for (let ruleIdx in field.conditions.rules) {\n let rule = field.conditions.rules[ruleIdx];\n let ruleResult = _getRuleResult(rule, data);\n if (ruleResult) rulePassCount++;\n }\n\n if (ruleCount == rulePassCount) result = true;\n\n }\n return result;\n } else {\n return true;\n }\n\n}\n\n/**\n * Instantiate an object with the defaults from a form definition\n * @param definition\n * @param flattened\n * @returns {{}}\n */\nfunction setFormDefaults(definition, flattened) {\n let data = {};\n\n return data;\n}\n\nfunction isSet(value) {\n if (value == null) return false;\n if (value == undefined) return false;\n if (value == \"\") return false;\n if (value == \"null\") return false;\n if (value == \"NULL\") return false;\n if (value == \"None\") return false;\n\n return true\n}\n\nconst NON_VALIDATE = ['matrix', 'row', 'header', 'display', 'media'];\n\nfunction _validate(definition, data, flattened) {\n let errors = {};\n let hasErrors = false;\n for (var i in definition) {\n let field = definition[i];\n let value;\n if(field.hasOwnProperty('nameOverride')){\n let pr = field.nameOverride\n let arr = pr.split(\".\")\n let parent_field = arr[0]\n let child_field = arr[1]\n if(data.hasOwnProperty(parent_field) && data[parent_field]){\n value = data[parent_field][child_field]\n }else{\n value = null\n }\n }\n else if (flattened) {\n value = data[i] || null;\n } else {\n value = ewars.getKeyPath(i, data);\n }\n errors[i] = [];\n \n let dotCount = (i.match(/\\./g) || []).length;\n\n let isVisible = true;\n if (dotCount > 0 && NON_VALIDATE.indexOf(field.type) < 0) {\n // This is a non-root field, we need to evaluate whether it's parents are\n // visible before evaluating whether the actual field is\n let key;\n let fieldTree = [];\n i.split(\".\").forEach(item => {\n if (!key) {\n key = item;\n } else {\n key += \".\" + item;\n }\n\n fieldTree.push(key);\n })\n fieldTree.pop();\n\n fieldTree.forEach(item => {\n let _vis = _isVisible(data, definition[item], item);\n if (!_vis) isVisible = false;\n })\n //this is for the last fieldtree value check if parent is visible\n if(isVisible){\n isVisible = _isVisible(data, field, i);\n }\n } else {\n isVisible = _isVisible(data, field, i);\n }\n if (isVisible && NON_VALIDATE.indexOf(field.type) < 0) {\n if (field.required && NON_VALIDATE.indexOf(field.type) < 0) {\n if (!isSet(value)) {\n hasErrors = true;\n errors[i].push(ewars.I18N(field.label) + \" is a required field\");\n } else {\n let typeErrors = [];\n switch (field.type) {\n case \"number\":\n typeErrors = _validateNumber(field, value);\n break;\n case \"text\":\n typeErrors = _validateText(field, value);\n break;\n case \"select\":\n typeErrors = _validateSelect(field, value);\n break;\n case \"date\":\n typeErrors = _validateDate(field, value);\n break;\n case \"location\":\n typeErrors = _validateLocation(field, value);\n break;\n default:\n break;\n }\n\n if (typeErrors.length > 0) hasErrors = true;\n errors[i].push.apply(errors[i], typeErrors);\n }\n }\n }\n }\n\n for (var f in errors) {\n if (errors[f].length <= 0) delete errors[f];\n }\n\n return {hasErrors, errors};\n}\n\nfunction _validateNumber(def, value) {\n let errors = [];\n\n return errors;\n}\n\nfunction _validateText(def, value) {\n return [];\n}\n\nfunction _validateSelect(def, value) {\n return [];\n}\n\nfunction _validateDate(def, value) {\n return [];\n}\n\nfunction _validateLocation(def, value) {\n return [];\n}\n\n\nfunction _getFieldsAsArray(sourceFields, parent) {\n let result = {};\n\n for (var i in sourceFields) {\n let field = sourceFields[i];\n\n let key;\n if (parent) {\n key = `${parent}.${i}`;\n } else {\n key = `${i}`;\n }\n\n if (field.type == \"matrix\") {\n let results = _getFieldsAsArray(field.fields, key);\n result[key] = field;\n for (var f in results) {\n result[f] = results[f];\n }\n } else if (field.type == \"row\") {\n let results = _getFieldsAsArray(field.fields, key);\n result[key] = field;\n for (var f in results) {\n result[f] = results[f];\n }\n } else {\n result[key] = field;\n }\n }\n\n return result;\n}\n\nexport default {\n validate: _validate,\n flattenDefinition: function (definition) {\n\n },\n asOptions: function (definition) {\n return _convertFormToOptions(definition, null);\n },\n translateOption: function(formData) {\n return _convertFormLabelsForTranslation(formData , null)\n },\n getField: function (definition, fieldPath) {\n return _findField(definition, fieldPath);\n },\n\n nest: function (data) {\n let unnested = {};\n\n for (var i in data) {\n let path = i.split(\".\");\n let last = path[path.length - 1];\n\n let term = unnested;\n\n path.forEach(item => {\n if (term[item]) {\n term = term[item];\n } else {\n if (item != last) {\n term[item] = {};\n term = term[item]\n } else {\n term[item] = data[i]\n }\n }\n })\n\n }\n\n return unnested;\n },\n flatten: function (definition) {\n return _getFieldsAsArray(definition, null);\n },\n field: _getField,\n fieldProperty: _getFieldProperty,\n asTree: function (form) {\n let formItems;\n if (form.version) formItems = _convertFormToTree(form.version.definition, null, \"Form\");\n if (!form.version) formItems = _convertFormToTree(form, null, \"Form\");\n\n if (form.location_aware) {\n formItems.unshift({\n label: ewars.formatters.I18N_FORMATTER({\n en: \"Report Location\"\n }),\n field: {\n type: \"location\",\n required: true\n },\n nodeType: \"location\",\n type: \"location\",\n name: \"location_id\",\n path: \"form/location_id\",\n pathLabel: \"Form / Location\"\n })\n }\n\n formItems.unshift({\n label: ewars.formatters.I18N_FORMATTER({\n en: \"Report Date\"\n }),\n type: \"date\",\n field: {\n type: \"date\",\n required: true\n },\n nodeType: \"date\",\n name: \"data_date\",\n path: \"form/data_date\",\n pathLabel: \"Form / Report Date\"\n });\n\n return [{\n nodeType: \"form\",\n label: \"Form\",\n name: \"form\",\n field: {\n type: \"form\"\n },\n type: \"form\",\n children: formItems\n }];\n }\n};\n","const Moment = require(\"moment\");\n\nlet RangeUtils = {};\n\nconst OFFSET_REG = /([-|+][0-9]*[DWMY])/g;\nconst DATE_REG = /([0-9]{4}-[0-9]{2}-[0-9]{2})/;\nconst CODE_REG = /^([{][A-Z_]*[}])/;\n\nconst NUMERALS = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];\n\nconst CODES = {\n \"{D_DATE}\": \"Document date\",\n \"{NOW}\": \"Today\",\n \"{END}\": \"End date\",\n \"{D_W_S}\": \"Document week start\",\n \"{D_W_E}\": \"Document week end\",\n \"{D_M_S}\": \"Document month start\",\n \"{D_M_E}\": \"Document month end\",\n \"{D_Y_S}\": \"Document year start\",\n \"{D_Y_E}\": \"Document year end\",\n \"{N_W_S}\": \"This week start\",\n \"{N_W_E}\": \"This week end\",\n \"{N_M_S}\": \"This month start\",\n \"{N_M_E}\": \"This month end\",\n \"{N_Y_F_W}\": \"This year first week\",\n \"{N_Y_S}\": \"This year start\",\n \"{N_Y_E}\": \"This year end\",\n \"{D_Y_S_ISO\": \"Document year start (ISO)\",\n \"{D_Y_E_ISO\": \"Document year end (ISO)\",\n \"{N_Y_F_W_S}\": \"This year first week start\",\n \"{N_Y_F_W_E}\": \"This year first week end\",\n \"{D_Y_F_W_S}\": \"Document year first week start\",\n \"{D_Y_F_W_E}\": \"Document year first week end\",\n \"{N_Y_L_W}\": \"This year last week end\",\n \"{D_Y_L_W}\": \"Document year last week end\" \n\n\n};\n\nconst PRESETS_DEFAULT = {\n \"-30D\": [\"{NOW}-30D\", \"{NOW}\"],\n \"-60D\": [\"{NOW}-60D\", \"{NOW}\"],\n \"-6M\": [\"{NOW}-6M\", \"{NOW}\"],\n \"-1Y\": [\"{NOW}-1Y\", \"{NOW}\"],\n \"-2Y\": [\"{NOW}-2Y\", \"{NOW}\"],\n \"-5Y\": [\"{NOW}-5Y\", \"{NOW}\"],\n \"-1D\": [\"{NOW}-1D\", \"{NOW}-1D\"],\n \"-2D\": [\"{NOW}-2D\", \"{NOW}-2D\"],\n \"-7D\": [\"{NOW}-7D\", \"{NOW}-7D\"],\n \"PREV_WEEK\": [\"{N_W_S}-1W\", \"{N_W_E}-1W\"],\n \"PREV_52_WEEKS\":[\"{N_W_S}-52W\", \"{N_W_E}-1W\"],\n \"PREV_MONTH\": [\"{N_M_S}-1M\", \"{N_M_E}-1M\"],\n \"PREV_YEAR\": [\"{N_Y_S}-1Y\", \"{N_Y_E}-1Y\"],\n \"NOW\": [\"{NOW}\", \"{NOW}\"],\n \"CUR_WEEK\": [\"{N_W_S}\", \"{N_W_E}\"],\n \"CUR_MONTH\": [\"{N_M_S}\", \"{N_M_E}\"],\n \"CUR_YEAR\": [\"{N_Y_S}\", \"{N_Y_E}\"],\n \"CUR_YEAR_FIRST_WEEK\" : [\"{N_Y_F_W_S}\",\"{N_Y_F_W_E}\"],\n \"CUR_YEAR_52_WEEKS\" : [\"{N_Y_F_W_S}\",\"{N_Y_F_W_E}+51W\"],\n \"CUR_YEAR_WEEKS\" : [\"{N_Y_F_W_S}\",\"{N_Y_L_W}\"],\n\n // TEMPLATE PRESETS\n \"DD-30D\": [\"{D_DATE}-30D\", \"{D_DATE}\"],\n \"DD-60D\": [\"{D_DATE}-60D\", \"{D_DATE}\"],\n \"DD-6M\": [\"{D_DATE}-6M\", \"{D_DATE}\"],\n \"DD-1Y\": [\"{D_DATE}-1Y\", \"{D_DATE}\"],\n \"DD-2Y\": [\"{D_DATE}-2Y\", \"{D_DATE}\"],\n \"DD-5Y\": [\"{D_DATE}-5Y\", \"{D_DATE}\"],\n \"DD-1D\": [\"{D_DATE}-1D\", \"{D_DATE}-1D\"],\n \"DD-2D\": [\"{D_DATE}-2D\", \"{D_DATE}-2D\"],\n \"DD-7D\": [\"{D_DATE}-7D\", \"{D_DATE}-7D\"],\n \"D_PREV_WEEK\": [\"{D_W_S}-1W\", \"{D_W_E}-1W\"],\n \"D_PREV_MONTH\": [\"{D_M_S}-1M\", \"{D_M_E}-1M\"],\n \"D_PREV_YEAR\": [\"{D_Y_S}-1Y\", \"{D_Y_E}-1Y\"],\n \"D_DATE\": [\"{D_DATE}\", \"{D_DATE}\"],\n \"D_CUR_WEEK\": [\"{D_W_S}\", \"{D_W_E}\"],\n \"D_CUR_MONTH\": [\"{D_M_S}\", \"{D_M_E}\"],\n \"D_CUR_YEAR\": [\"{D_Y_S}\", \"{D_Y_E}\"],\n \"D_YEAR_FIRST_WEEK\" : [\"{D_Y_F_W_S}\",\"{D_Y_F_W_E}\"],\n \"D_YEAR_WEEKS\" : [\"{D_Y_F_W_S}\",\"{D_Y_L_W}\"],\n \"D_YEAR_52_WEEKS\" : [\"{D_Y_F_W_S}\",\"{D_Y_F_W_E}+51W\"],\n\n};\n\nconst PRESETS_TEMPLATE = {\n \"-30D\": [\"{D_DATE}-30D\", \"{D_DATE}\"],\n \"-60D\": [\"{D_DATE}-60D\", \"{D_DATE}\"],\n \"-6M\": [\"{D_DATE}-6M\", \"{D_DATE}\"],\n \"-1Y\": [\"{D_DATE}-1Y\", \"{D_DATE}\"],\n \"-2Y\": [\"{D_DATE}-2Y\", \"{D_DATE}\"],\n \"-5Y\": [\"{D_DATE}-5Y\", \"{D_DATE}\"],\n \"-1D\": [\"{D_DATE}-1D\", \"{D_DATE}\"],\n \"-2D\": [\"{D_DATE}-2D\", \"{D_DATE}\"],\n \"-7D\": [\"{D_DATE}-7D\", \"{D_DATE}\"],\n \"PREV_WEEK\": [\"{D_W_S}-7D\", \"{D_W_E}-7D\"],\n \"PREV_MONTH\": [\"{D_M_S}-1M\", \"{D_M_E}-1M\"],\n \"PREV_YEAR\": [\"{D_Y_S}-1Y\", \"{D_Y_E}-1Y\"],\n \"NOW\": [\"{D_DATE}\", \"{D_DATE}\"],\n \"CUR_WEEK\": [\"{D_W_S}\", \"{D_W_E}\"],\n \"CUR_MONTH\": [\"{D_M_S}\", \"{D_M_E}\"],\n \"CUR_YEAR\": [\"{D_Y_S}\", \"{D_Y_E}\"]\n};\n\nconst INT_MARKERS = [\"D\", \"W\", \"M\", \"Y\"];\nconst DIGITS = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];\n\nconst DIGIT_STRINGS = {\n D: \"day(s)\",\n W: \"week(s)\",\n M: \"month(s)\",\n Y: \"year(s)\"\n};\n\nRangeUtils.processPreset = function (preset) {\n return PRESETS_DEFAULT[preset];\n};\n\nRangeUtils.formatDateSpec = function (dateSpec) {\n let result = \"\";\n\n if (DATE_REG.test(dateSpec)) {\n let datePortion = dateSpec.match(DATE_REG)[0];\n let offset = RangeUtils.getOffset(dateSpec);\n\n if (offset == \"\") {\n return datePortion;\n }\n\n result = datePortion;\n\n if (offset.indexOf(\"-\") >= 0) {\n result = result + \" - \";\n offset = offset.replace(\"-\", \"\");\n }\n\n if (offset.indexOf(\"+\") >= 0) {\n result = result + \" + \";\n offset = offset.replace(\"+\", \"\");\n }\n\n let lastChar = offset.substr(offset.length - 1);\n let period;\n if (INT_MARKERS.indexOf(lastChar) >= 0) {\n period = DIGIT_STRINGS[lastChar];\n offset = offset.replace(lastChar, \"\");\n } else {\n period = \"day(s)\";\n }\n\n result = result + \" \" + offset + \" \" + period;\n return result;\n\n } else if (CODE_REG.test(dateSpec)) {\n let codePortion = dateSpec.match(CODE_REG)[0];\n let offset = RangeUtils.getOffset(dateSpec);\n\n result = CODES[codePortion];\n let arr_offset = dateSpec.match(OFFSET_REG) || [];\n for (let i = 0 ; i\n {view}\n
\n )\n }\n\n _onAction() {\n window.localStorage.isIdleTimerTriggered = 'false';\n window.localStorage.lastActiveTime = this.idleTimer.getLastActiveTime();\n }\n\n _onIdle() { \n const inactiveTime = (new Date().getTime() - window.localStorage.lastActiveTime);\n if(inactiveTime >= this.timeoutInMS){\n window.localStorage.isIdleTimerTriggered = 'true';\n this.setState({\n lockmodal : true\n })\n }\n }\n}","import ewars from '../../ewars/app';\n\nconst style = {\n 'outsideHeader': {\n padding: \"10px 10px 10px 20px\",\n borderBottom: \"1px solid lightgrey\",\n height: 40,\n fontSize: 18,\n background: \"#EDF1F4\",\n\n },\n 'insideLeft': {\n float: \"left\"\n },\n 'error': {\n position: \"absolute\",\n top: 69,\n right: 400\n },\n 'container': {\n // height: \"100vh\",\n },\n 'labelStyle': {\n fontSize: 18,\n fontWeight: \"bold\"\n },\n 'buttonMargin': {\n margin: '0px 10px'\n },\n 'pTagLeft': {\n fontSize: 14,\n color:\"#CCC\"\n },\n 'input': {\n padding: \"0px 20px\",\n marginTop: 10,\n width: \"30%\",\n display: \"inline\"\n },\n 'inputStyle': {\n width: \"100%\",\n padding: '7px',\n color: '#CCC'\n },\n 'upperHalfStyle': {\n display: 'flex',\n marginTop: 10,\n },\n 'authButton': {\n textAlign: \"center\",\n cursor: \"pointer\",\n display: 'grid'\n },\n 'authButtonStyle': {\n marginTop: 20\n },\n 'loginAgainSpan': {\n textAlign: 'right',\n marginTop: '3px',\n },\n 'emailTxt': {\n width: \"100%\",\n padding: '10px 10px 10px 10px',\n fontSize: '15px',\n color:\"#CCC\"\n }\n \n};\n\n\nclass LockModal extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {\n email: window.user.email,\n password: '',\n error: '',\n credentials: {},\n showLockmodal : true\n };\n }\n\n\n checkAuthentication = () => { \n var blocker = new ewars.Blocker(null, __(\"AUTHENTICATING\"));\n let argument = {\n \"user_email\": this.state.email,\n \"user_password\": this.state.password,\n }\n argument.authenticate_local = true\n ewars.txOpen('POST', '/api/_authenticate', argument)\n .then(async resp => {\n blocker.destroy();\n if (resp.err) {\n ewars.growl(__(\"AUTHENTICATION_FAILED\"));\n }\n else {\n let cred = {\n \"username\": (this.state.email).trim(),\n \"password\": this.state.password\n }\n window.name = JSON.stringify(cred);\n window.localStorage.isIdleTimerTriggered = 'false';\n this.setState({\n showLockmodal : false\n })\n ewars.checkIdelTime(true) ;\n }\n }\n ).catch(err => {\n ewars.growl(__(\"AUTHENTICATION_FAILED\"));\n })\n };\n\n _onIndicatorChange = (event) => {\n var curState = this.state;\n curState[event.target.name] = event.target.value;\n this.setState(curState);\n }\n\n _handleEnter = (event) => {\n if (event.keyCode == 13) {\n event.stopPropagation();\n this.checkAuthentication();\n }\n }\n\n _clearError = () => {\n this.setState({\n error: null\n })\n }\n\n render() {\n if(this.props.showLocker && this.state.showLockmodal){ \n return (\n \n\n
\n\n )\n }\n else{\n return (\n \n )\n }\n }\n}\n\nexport default LockModal\n","import utils from \"../utils/general\";\n\nvar _notifications = [];\nvar notififyId = null;\n\n\n\nfunction _fadeOut(el) {\n el.style.opacity = 1;\n\n (function fade() {\n if ((el.style.opacity -= .1) < 0) {\n el.parentNode.removeChild(el);\n } else {\n requestAnimationFrame(fade);\n }\n })();\n}\n\nconst Notification = {\n _buildBase: function ( id, iconString, titleString, contentString, colour, closeBtnString ) {\n if (!colour) colour = 'blue';\n\n\n var wrapper = document.createElement(\"div\");\n wrapper.setAttribute(\"class\", \"ew-not-modal modal \" + colour);\n wrapper.setAttribute(\"id\", id);\n\n\n // Set up header\n var header = document.createElement(\"div\");\n header.setAttribute(\"class\", \"header\");\n\n if ( closeBtnString )\n {\n var closeBtnWrapper = document.createElement( \"div\" );\n closeBtnWrapper.setAttribute( \"class\", \"closebtn pull-right\" );\n var closeIcon = document.createElement( \"I\" );\n closeIcon.setAttribute( \"class\", \"fal \" + closeBtnString );\n closeIcon.setAttribute( \"style\", \"font-size : inherit ; margin : 10px\" );\n closeIcon.addEventListener( \"click\", function ()\n {\n notififyId = null;\n var item = document.getElementById( id );\n _fadeOut( item );\n } );\n closeBtnWrapper.appendChild( closeIcon );\n\n }\n \n var iconWrapper = document.createElement(\"div\");\n iconWrapper.setAttribute(\"class\", \"icon\");\n var icon = document.createElement(\"I\");\n icon.setAttribute(\"class\", \"fal \" + iconString);\n iconWrapper.appendChild(icon);\n\n var title = document.createElement(\"div\");\n title.setAttribute(\"class\", \"title\");\n\n var titleText = document.createTextNode(titleString);\n title.appendChild(titleText);\n if ( closeBtnString )\n {\n header.appendChild( closeBtnWrapper );\n }\n header.appendChild(iconWrapper);\n header.appendChild(title);\n\n wrapper.appendChild(header);\n\n // Set up Body\n var body = document.createElement(\"div\");\n body.setAttribute(\"class\", \"body\");\n var content = document.createTextNode(contentString);\n body.appendChild(content);\n\n wrapper.appendChild(body);\n\n return wrapper;\n },\n /**\n * Provides a way to show notifications to the user form anywhere in the application\n * @param icon\n * @param title\n * @param content\n */\n notification: function (iconString, titleString, contentString, timeout, colour) {\n if (!timeout) timeout = 5000;\n\n var id = utils.uniqueId(\"notification\");\n\n var wrapper = this._buildBase(id, iconString, titleString, contentString, colour);\n\n var notStream = document.getElementById(\"notification-stream\");\n\n notStream.appendChild(wrapper);\n\n setTimeout(function () {\n var item = document.getElementById(id);\n _fadeOut(item);\n }, timeout);\n },\n notify: function ( iconString, titleString, contentString, colour, closeBtnString , fadeOut )\n {\n if ( notififyId == null )\n {\n var id = utils.uniqueId( \"notification\" );\n notififyId = id;\n var wrapper = this._buildBase( id, iconString, titleString, contentString, colour, closeBtnString );\n var notifyStream = document.getElementById( \"notification-stream\" );\n notifyStream.appendChild( wrapper );\n } else\n {\n var item = document.getElementById( notififyId );\n item.childNodes[1].textContent = contentString;\n }\n if(fadeOut){\n var item = document.getElementById(notififyId);\n _fadeOut(item);\n notififyId = null;\n\n }\n\n },\n error: function (message) {\n let id = utils.uniqueId(\"error\");\n let wrapper = document.createElement(\"div\");\n wrapper.setAttribute(\"id\", id);\n wrapper.setAttribute(\"class\", \"error-wrapper\");\n\n let inner = document.createElement(\"div\");\n inner.setAttribute(\"class\", \"error-inner\");\n\n let icon = document.createElement(\"i\");\n icon.setAttribute(\"class\", 'fal fa-exclamation-triangle');\n let text = document.createTextNode(\" \" + message);\n\n inner.appendChild(icon);\n inner.appendChild(text);\n wrapper.appendChild(inner);\n\n let notStream = document.getElementById(\"notification-stream\");\n notStream.appendChild(wrapper);\n\n setTimeout(() => {\n let item = document.getElementById(id);\n _fadeOut(item);\n }, 5000)\n },\n /**\n * Create a prompt which requires user feedback before an action is undertaken\n * @param icon\n * @param title\n * @param content\n * @param ok\n * @param cancel\n */\n prompt: function (iconString, titleString, contentString, okCallback, cancelCallback, okText, cancelText) {\n if (!okText) okText = \"OK\";\n if (!cancelText) cancelText = \"Cancel\";\n\n var id = utils.uniqueId(\"notification\");\n\n var wrapper = this._buildBase(id, iconString, titleString, contentString);\n\n // Buttons\n var buttonsWrapper = document.createElement(\"div\");\n buttonsWrapper.setAttribute(\"class\", \"footer\");\n\n var okBtn = document.createElement('button');\n okBtn.setAttribute(\"class\", \"btn-flat\");\n okBtn.appendChild(document.createTextNode(okText));\n okBtn.addEventListener(\"click\", function () {\n var item = document.getElementById(id);\n _fadeOut(item);\n okCallback();\n });\n\n var cancelBtn = document.createElement(\"button\");\n cancelBtn.setAttribute(\"class\", \"btn-flat\");\n cancelBtn.appendChild(document.createTextNode(cancelText));\n cancelBtn.addEventListener(\"click\", function () {\n var item = document.getElementById(id);\n _fadeOut(item);\n if (cancelCallback) cancelCallback();\n });\n\n var btnGroup = document.createElement(\"div\");\n btnGroup.setAttribute(\"class\", \"btn-group pull-right\");\n btnGroup.appendChild(okBtn);\n btnGroup.appendChild(cancelBtn);\n buttonsWrapper.appendChild(btnGroup);\n\n // BUG: Need to fix layout with pull-right\n var clearer = document.createElement(\"div\");\n clearer.setAttribute(\"class\", \"clearer\");\n buttonsWrapper.appendChild(clearer);\n\n wrapper.appendChild(buttonsWrapper);\n // END Buttons\n\n var notStream = document.getElementById(\"notification-stream\");\n\n notStream.appendChild(wrapper);\n },\n /**\n * Show a progress indicator and fire a callback when finished\n * @param icon\n * @param title\n * @param processHandler\n * @param finishedCallback\n */\n progress: function (icon, title, processHandler, finishedCallback) {\n\n },\n\n killPrompts: function () {\n\n }\n};\n\nexport default Notification;\n","\nfunction _fadeOut(el) {\n el.style.opacity = 1;\n\n (function fade() {\n if ((el.style.opacity -= .1) < 0) {\n el.parentNode.removeChild(el);\n } else {\n requestAnimationFrame(fade);\n }\n })();\n}\n\nconst Prompt = function (icon, title, content, callback, cancelCallback, OK_TEXT = __(\"CONFIRM\"), CANCEL_TEXT = __(\"CANCEL\"), showOnlyOk = false,showCrossIcon = false) {\n var _id = ewars.utils.uuid();\n\n var _base = document.createElement(\"div\");\n _base.setAttribute(\"class\", \"prompt-wrapper\");\n _base.setAttribute(\"id\", _id);\n\n var _main = document.createElement(\"div\");\n _main.setAttribute(\"class\", \"prompt-container\");\n\n var _header = document.createElement(\"div\");\n _header.setAttribute(\"class\", \"prompt-header\");\n\n // Set up icon\n var _icon = document.createElement(\"div\");\n _icon.setAttribute(\"class\", \"prompt-icon\");\n var _iconItem = document.createElement(\"i\");\n _iconItem.setAttribute(\"class\", \"fal \" + icon);\n _icon.appendChild(_iconItem);\n\n // Set up prompt title\n var _title = document.createElement(\"div\");\n _title.setAttribute(\"class\", \"prompt-title\");\n\n var _titleText = document.createTextNode(title);\n _title.appendChild(_titleText);\n _header.appendChild(_icon);\n if (showCrossIcon) {\n var _crossiconItem = document.createElement(\"i\");\n _crossiconItem.setAttribute(\"class\", \"fal fa-times\");\n _crossiconItem.style.float = 'right';\n _crossiconItem.style.cursor = 'pointer';\n _crossiconItem.addEventListener(\"click\", function () {\n var item = document.getElementById(_id);\n _fadeOut(item);\n });\n _title.appendChild(_crossiconItem);\n }\n _header.appendChild(_title);\n\n _main.appendChild(_header);\n // Header setup complete\n\n var _body = document.createElement(\"div\");\n _body.setAttribute(\"class\", \"prompt-body\");\n var _content = document.createTextNode(content);\n _body.appendChild(_content);\n\n _main.appendChild(_body);\n // Main body set up\n\n // Buttons\n var buttonsWrapper = document.createElement(\"div\");\n buttonsWrapper.setAttribute(\"class\", \"footer\");\n\n var okBtn = document.createElement('button');\n okBtn.setAttribute(\"class\", \"btn-flat\");\n okBtn.appendChild(document.createTextNode(OK_TEXT));\n okBtn.addEventListener(\"click\", function () {\n var item = document.getElementById(_id);\n _fadeOut(item);\n callback();\n });\n if (!showOnlyOk) {\n var cancelBtn = document.createElement(\"button\");\n cancelBtn.setAttribute(\"class\", \"btn-flat\");\n cancelBtn.appendChild(document.createTextNode(CANCEL_TEXT));\n cancelBtn.addEventListener(\"click\", function () {\n var item = document.getElementById(_id);\n _fadeOut(item);\n if (cancelCallback) cancelCallback();\n });\n }\n\n var btnGroup = document.createElement(\"div\");\n \n btnGroup.appendChild(okBtn);\n if (showOnlyOk) {\n btnGroup.setAttribute(\"class\", \"btn-group alert-btn\");\n } else {\n btnGroup.appendChild(cancelBtn);\n btnGroup.setAttribute(\"class\", \"btn-group pull-right\");\n }\n buttonsWrapper.appendChild(btnGroup);\n\n // BUG: Need to fix layout with pull-right\n var clearer = document.createElement(\"div\");\n clearer.setAttribute(\"class\", \"clearer\");\n buttonsWrapper.appendChild(clearer);\n\n _main.appendChild(buttonsWrapper);\n _base.appendChild(_main);\n\n document.getElementsByTagName('body')[0].appendChild(_base);\n\n return {\n el: _base,\n id: _id,\n close: function () {},\n show: function () {}\n }\n\n};\n\nexport default Prompt;\n","const EN = {\n ALARMS_DISCRIPTION:\"View and configure alarms within the system\",\n CONFIG_TRANSFER_DESCRIPTION:\"Transfer configured items from one account to another account.\",\n CONFIGURATION_TRANSFER:\"Configuration Transfer\",\n DASHBOARDS_DESCRIPTION:\"Manage system dashboards.\",\n IMPORT_DESCRIPTION:\"Import and map data from outside the system\",\n DATA_IMPORT:\"Data Import\",\n DOCUMENT_TEMPLATES_DESCRIPTION:\"Access reports and information\",\n TEAM_MANAGEMENT_DESCRIPTION:\"Create and manage teams\",\n DOCUMENT_TEMPLATES:\"Document Templates\",\n TEAM_MANAGEMENT:\"Teams Management\",\n EWARS_LOGS_DESCRIPTION:\"Ewars Error Log Files & Upload.\",\n EWARS_LOGS:\"EWARS Logs\",\n WEB_CONTENT:\"Web Content\",\n WEB_CONTENT_DESCRIPTION:\"Manage Web Content Upload\",\n WEBSITE_BUILDER: \"Website Builder\",\n SITE_BUILDER_DESCRIPTION: \"Create & Publish Website\",\n FORMS_DESCRIPTION:\"Create and manage custom forms and data collection systems\",\n INDICATORS_DESCRIPTION:\"Create and manage indicators available within the system\",\n LOCATIONS_DESCRIPTION:\"Manage administrative and site locations\",\n OUTBREAKS_DESCRIPTION:\"Declare and manage outbreaks\",\n SUBMISSIONS:\"Submissions\",\n SUBMISSIONS_DESCRIPTION:\"Manage reports within the system\",\n THIRD_PARTY_CLIENTS:\"Third Party Clients\",\n INTEGRATION: \"Integration\",\n THIRD_PARTY_CLIENTS_DESCRIPTION:\"Manage third party clients of system\",\n USERS_DESCRIPTION:\"Manage the users within the system\",\n DOWNLOADS:\"Downloads\",\n DOWNLOADS_DESCRIPTION:\"Download latest APKs and Desktop Application.\",\n MEAUITOR:\"M&E Auditor\",\n MEAUITOR_DESCRIPTION:\"Review key indicators of system performance\",\n DOCUMENTS_DESCRIPTION:\"Access reports and information\",\n EXPORT_DESCRIPTION:\"Export data for use in other systems\",\n MAPPING_DESCRIPTION:\"Explore data through a map interface\",\n NOTEBOOKS_DESCRIPTION:\"Perform complex queries against data within the system\",\n PLOT_DESCRIPTION:\"Plot and share charts and diagrams\",\n ALERT_LOG_DESCRIPTION:\"View and track alerts occurring within the system\",\n ALERT_LOG:\"Alert log\",\n REPORT_MANAGER_DESCRIPTION:\"Perform routine reporting\",\n DATA_COLLECTION:\"Data Collection\",\n EVALUATION:\"Evaluation\",\n AVAILABLE_ONLINE:\"Available Online\",\n AVAILABLE_OFFLINE:\"Available Offline\",\n INDICATOR: \"Indicator\",\n LANGUAGES:\"Languages\",\n MANAGE_LANGUAGES:\"Manage Languages\",\n SELECT_LANGUAGE:\"Select Language\",\n ALARM: \"Alarm\",\n ALARMS: \"Alarms\",\n DATA: \"Data\",\n DASHBOARD: \"Dashboard\",\n EQUAL_TO: \"Equal to\",\n HOME: \"Home\",\n LOGGED_IN_AS_: \"Logged in as \",\n NOT_EQUAL_TO: \"Not equal to\",\n NO_SELECTION: \"No selection\",\n FIELD_SEARCH:\"Search fields...\",\n ORGANIZATION: \"Organization\",\n OVERVIEW: \"OverviewOverview\",\n RISK: \"Risk\",\n SETTING: \"Setting\",\n STAGE_STATE: \"Stage state\",\n STAGE: \"Stage\",\n STATE: \"State\",\n ALERT: \"Alert\",\n ALERTS: \"Alerts\",\n RISK_ASSESSMENT: \"Risk Assessment\",\n RECORDS: \"Records\",\n RISK_CHARACTERIZATION: \"Risk Characterization\",\n OUTCOME: \"Outcome\",\n VERIFICATION: \"Verification\",\n VERIFIED: \"Verified\",\n UNVERIFIED: \"Unverified\",\n DISCARDED: \"Discarded\",\n DISCARD: \"Discard\",\n MAP: \"Map\",\n ANALYSIS: \"Analysis\",\n PLOT: \"Plot\",\n EXPORT: \"Export\",\n IMPORT: \"Import\",\n ASSIGNMENTS: \"Assignments\",\n DOCUMENTS: \"Documents\",\n ACTIVITY: \"Activity\",\n METRICS: \"Metrics\",\n METRICS_OVERALL: \"Overall Metrics\",\n WORKLOAD: \"Workload\",\n ALERT_MAP: \"Alerts Map\",\n TASKS: \"Tasks\",\n PERFORMANCE: \"Performance\",\n SYSTEM: \"System\",\n ANDROID: \"Android\",\n DESKTOP: \"Desktop\",\n IOS: \"iOS\",\n NAME: \"Name\",\n USERNAME : \"Username\",\n TITLE: \"Title\",\n EMAIL: \"Email\",\n DEFINITION:\"Definition\",\n SELECT_ALL : \"Select All\",\n SELECT_NONE : \"Select None\",\n NO_DATE_SELECTED : \"No date selected\",\n MAPPING : \"Mapping\",\n\n ACTIVE: \"Active\",\n INACTIVE: \"Inactive\",\n SUPER_ADMIN: \"Super Administrator\",\n REPORTING_USER: \"Reporting User\",\n ACCOUNT_ADMIN: \"Account Administrator\",\n GEOGRAPHIC_ADMIN: \"Geographic Administrator\",\n\n NO_RETRACTIONS: \"There are currently no pending deletions\",\n NO_AMENDMENTS: \"There are currently no pending amendments\",\n\n OPEN: \"Open\",\n CLOSED: \"Closed\",\n state: \"State\",\n stage_state: \"Stage State\",\n stage: \"Stage\",\n risk: \"Risk\",\n alarm_id: \"Alarm\",\n organization_id: \"Organization\",\n LEVEL_OF_RISK: \"Level of risk\",\n\n FIELD_LABEL: \"Field label\",\n ENTER_FIELD_LABEL:\"Enter field label\",\n ENTER_FIELD_EXPORT_LABEL: \"Enter field export label\",\n ENTER_FIELD_NAME: \"Enter field name\",\n ENTER_OUTPUT_FORMAT: \"Enter output format\",\n ENTER_FIELD_INSTRUCTIONS: \"Enter field instructions\",\n ENTER_DEFAULT_VALUE: \"Enter default value\",\n ENTER_PLACEHOLDER: \"Enter placeholder\",\n ENTER_MAXIMUM: \"Enter maximum\",\n ENTER_MINIMUM: \"Enter minimum\",\n ENTER_SEPARATOR: \"Enter separator\",\n FIELD_TYPE: \"Field type\",\n FIELD_NAME: \"Field name\",\n REQUIRED: \"Required\",\n FIELD_INSTRUCTIONS: \"Field instructions\",\n OPTIONS: \"Options\",\n DEFAULT_VALUE: \"Default value\",\n REDACTED: \"Redacted\",\n HEADER_STYLE: \"Header style\",\n PLACEHOLDER: \"Placeholder\",\n DATE_TYPE: \"Date type\",\n ALLOW_FUTURE_DATES: \"Allow future dates\",\n ACCESS: \"Access\",\n CONDITIONAL_LOGIC: \"Conditional logic\",\n CONDITIONAL_RULES: \"Conditional rules\",\n SELECT_MULTIPLE: \"Multi-Select\",\n MINIMUM: \"Minimum\",\n MAXIMUM: \"Maximum\",\n ALLOW_NEGATIVE: \"Allow negative\",\n\n SUBMITTED: \"Submitted\",\n LATE: \"Late\",\n EXPECTED: \"Expected\",\n ON_TIME : \"On Time\",\n NEW_VALUE : \"New Value\",\n ORIGINAL_VALUE : \"Original Value\",\n VALUE_DISPLAYED: \"Value to be displayed\",\n VALUE_TABLE: \"Value Table\",\n FIRST_VALUE_ONLY : \"First Value Only\",\n RETURNS : \"Returns\",\n GROUP_BY_COLUMN_VALUE : \"Group by column value\",\n HIDE_COLUMN : \"Hide This Column\",\n MISSING: \"Missing\",\n COMPLETENESS: \"Completeness\",\n TIMELINESS: \"Timeliness\",\n USER: \"User\",\n REGIONAL_ADMIN: \"Geographic Administrator\",\n\n COUNT_REPORTING_LOCATIONS: \"Count Reporting Locations\",\n SUM_OF_FIELD_VALUE : \"Sum of field value\",\n CONCAT_FIELD_VALUE : \"Concat field value\",\n COUNT_REPORTS : \"Count Reports\",\n CONDITION_ON_FIELD : \"Apply condition on fields\",\n\n ALL: \"All\",\n MOBILE: \"Mobile\",\n WEB: \"Web\",\n NODE: \"Node\",\n SUBMITTER_TYPE: \"Submitter Type\",\n DELETE: \"Delete\",\n SOURCE: \"Source\",\n SAVE_CHANGES: \"Save Changes\",\n CANCEL: \"Cancel\",\n ALARM_UPDATED: \"The alarm has been updated\",\n CLOSE: \"Close\",\n SAVE_CHANGESs : \"Save Change(s)\",\n NEW : \"New\",\n DUPLICATE : \"Duplicate\",\n\n TEXT_FIELD: \"Text Field\",\n NUMERIC_FIELD: \"Numeric Field\",\n SELECT_FIELD: \"Select Field\",\n TEXTAREA_FIELD: \"Text area Field\",\n SWITCH_FIELD: \"Switch Field\",\n HEADER_FIELD: \"Header Field\",\n MATRIX_FIELD: \"Matrix\",\n ROW_FIELD: \"Row\",\n DISPLAY: \"Display Field\",\n DATE_FIELD : \"Date field\",\n LOC_FIELD : \"Location field\",\n LAT_LNG_FIELD : \"Lat/Lng field\",\n LAT_LONG_FIELD : \"Lat/Long field\",\n CALCULATED :\"Calculated\",\n TIME_INPUT : \"Time Input\",\n MATRIX_ROW_FIELD : \"Matrix Row Field\",\n CALCULATED_FIELD : \"Calculated Field\",\n MEDIA_FIELD : \"Media Field\",\n REPEATER_ONLY_WEB : \"Repeater (Web Only)\",\n RELEATED_RECORDS_WEB_ONLY :\"Related Records (Web Only)\",\n TIME_FIELD :\"Time Field\",\n\n SUB_TITLE: \"Sub-title\",\n\n DAY: \"Day\",\n WEEK: \"Week\",\n MONTH: \"Month\",\n YEAR: \"Year\",\n\n DESC_SETTINGS_GENERAL: \"Modify general settings for how this account operates\",\n DESC_SETTINGS_DASHBOARD: \"Configure dashboard for different user types.\",\n\n DELETE_INDICATOR_GROUP: \"Are you sure you want to delete this item? All associated data and children will be remove including alerts, alarms and form logic items which are based on or rely on any indicators which belong to this group. This operation is permanent.\",\n ALARM_UPDATE: \"Alarm updated\",\n\n SUBMISSIONS: \"Form submissions\",\n REPORTING_LOCATIONS: \"Reporting locations\",\n USER_ORGANIZATIONS:\"User assigned Organizations\",\n USERS: \"Users\",\n LOCATIONS: \"Locations\",\n MONITOR: \"Monitor\",\n RESPONSE: \"Response\",\n RESPOND: \"Respond\",\n AUTO_DISCARDED: \"Auto-Discarded\",\n NO_OUTCOME: \"No Outcome\",\n PENDING: \"Pending\",\n COMPLETED: \"Completed\",\n IN_PROGRESS: \"In Progress\",\n UNASSIGNED: \"Unassigned\",\n\n VERY_HIGH_RISK: \"Very High Risk\",\n HIGH_RISK: \"High Risk\",\n MODERATE_RISK: \"Moderate Risk\",\n LOW_RISK: \"Low Risk\",\n NO_RISK: \"No Risk\",\n\n EID: \"EID\",\n PERIOD_OF_ALERT: \"Period of Alert\",\n TRIGGERED_ON: \"Triggered On\",\n LOCATION_EXACT: \"Location (Exact)\",\n STAGE: \"Stage\",\n RISK_CHAR: \"Risk Characterization\",\n RISK_ASSESS: \"Risk Assessment\",\n ALERTS_OPEN: \"Open alerts\",\n ALERTS_TOTAL: \"Alerts total\",\n ALERTS_CLOSED: \"Alerts closed\",\n FORMS: \"Forms\",\n DEVICES: \"Devices\",\n PARTNERS: \"Partners\",\n TASKS_OPEN: \"Tasks open\",\n TASKS_UNACTIONED: \"Tasks unactioned\",\n TASKS_TOTAL: \"Tasks total\",\n\n TEXT: \"Text\",\n ALERTS_LIST: \"Alerts List\",\n ALERTS_MAP: \"Alerts Map\",\n IMAGE: \"Image\",\n OVERDUE: \"Overdue\",\n UPCOMING: \"Upcoming\",\n NOTIFICATIONS: \"Notifications\",\n DELETIONS: \"Deletions\",\n AMENDMENTS: \"Amendments\",\n FORM_SUBMISSIONS: \"Form Submissions\",\n OTHER : \"Other\",\n ACTIVITY_FEED : \"Activity Feed\",\n\n DASHBOARD_SETTINGS: \"Dashboard Settings\",\n HEADER_ICON: \"Widget Header Icon\",\n HEADER_TEXT_COLOUR: \"Widget Header Text Colour\",\n HEADER_BACKGROUND_COLOUR: \"Widget Background Colour\",\n HEADER_HEADER_TEXT_COLOUR: \"Widget Header Text Colour\",\n WIDGET_FOOTER_TEXT : \"Widget footer text\",\n SAVING_CHANGES: \"Saving changes...\",\n CHANGES_SAVED: \"Changes saved...\",\n\n GENERATED: \"Generated\",\n PER_REPORT: \"Per-report\",\n ONE_OFF: \"One-off\",\n PORTRAIT: \"Portrait\",\n LANDSCAPE: \"Landscape\",\n PDF_ORIENTATION: \"PDF Page Orientation\",\n TEMPLATE_TYPE: \"Template type\",\n INSTANCE_NAME: \"Instance name\",\n TEMPLATE_NAME: \"Template name\",\n GENERAL: \"General\",\n DOCUMENT_DATE: \"Document date\",\n STATUS: \"Status\",\n DESCRIPTION: \"Description\",\n GENERATION: \"Generation\",\n INTERVAL: \"Interval\",\n LOCATION_SPEC: \"Location spec\",\n MONITOR_FOR : \"Monitor For\",\n SET_ALARM_LOCATION_TYPE : \"Set alarm for location type\",\n RESTRICT_DATA_SOURCE:\"Restrict data source\",\n DATA_REPORTED_LOCATION_TYPE :\"Data reported on location type\",\n SOURCE_OF_DATA_BY_LOC_TYPE :\"Source of data by location type\",\n GENERATE_FOR_SPECIFIC_LOC: \"Generate for specific location\",\n GENERATE_FOR_TYPE: \"Generate for type\",\n LOCATION: \"Location\",\n LOCATION_TYPE: \"Location Type\",\n START_DATE: \"Start Date\",\n END_DATE: \"End Date\",\n SOURCE_FORM: \"Source Form\",\n ACCESS_CONSTRAINTS: \"Access constraints\",\n PUBLIC: \"Public\",\n PRIVATE: \"Private\",\n SHARING: \"Sharing\",\n ENABLED: \"Enabled\",\n DISABLED: \"Disabled\",\n ADDITIONAL: \"Additional\",\n NOTIFY_ON_AVAILABLE: \"Notify on availability\",\n DRAFT: \"Draft\",\n UUID : \"UUID\",\n CACHE_EXPIRY_TIME : \"Cache Expiry (hours)\",\n HELP : \"Help\",\n LAST_MODIFIED :\"Last Modified\",\n CREATED_DATE : \"Created Date\",\n\n SETTINGS : \"Settings\",\n WIDGET_EDITOR : \"Widget Editor\",\n TABLE_COLUMNS : \"Table Columns\",\n ADD_COLUMN : \"Add Column\",\n TOTAL_ADVENCED_FORMULA_HELP : \"Use 'variable.{series title}' as operands.Here any series total from the widget can be used in operands. For example 'variable.cholera_male / variable.cholera_total'\",\n ADVENCED_FORMULA_HELP : \"Use 'd.{series title}' as operands.Here series total from the widget can be used in operands. For example 'd.cholera_male / d.cholera_total'\",\n AVAILABLE_OPERANDS :\"Available Operands\",\n AVAILABLE_VARIABLES:\"Available Variables\",\n ALIAS:\"Alias\",\n OPERANDS_HELP : \"You can use these serires total in the formula\",\n CHANGESs_APPLIED : \"Change(s) applied\",\n SOURCE_EDITOR : \"Source Editor\",\n UPDATE : \"Update\",\n SPECIFIC_LOCATION : \"Specific Location\",\n REPORT_LOCATION : \"Report Location\",\n RAW_WIDGET_EDITOR : \"Raw Widget Editor\",\n SERIES_WIDGET_EDITOR : \"Series Widget Editor\",\n ADD_SERIES : \"Add Series\",\n LOCATION_SOURCE : \"Location source\",\n GENERATOR : \"Generator\",\n CATEGORY_WIDGET_EDITOR : \"Category Widget Editor\",\n ADD_CATEGORY : \"Add Category\",\n DOCUMENT_LOCATION :\"Document Location\",\n THRESHOLDS : \"Thresholds\",\n LAYERS : \"Layers\",\n ADD_LAYERS : \"Add Layer\",\n\n\n JSON_EDITOR_ERROR : \"There is an error in your JSON, please review and make changes.\",\n\n\n YES: \"Yes\",\n NO: \"No\",\n VERTICAL_STACK: \"Vertical Stack\",\n HORIZONTAL_STACK: \"Horizontal Stack\",\n SERIES: \"Time series\",\n CATEGORY: \"Categorical\",\n RAW: \"Raw Value\",\n TABLE: \"Table\",\n PIVOT: \"Pivot Table\",\n RECENT_SUBMISSIONS: \"Recent submissions\",\n VIDEO: \"Video\",\n LINKLIST: \"Link list\",\n RECENT_ARTICLES: \"Recent articles\",\n CATEGORY_CHART : \"Category Chart\",\n OVERDUE_SUBMISSION : \"Overdue Submissions\",\n DRAFT_SUBMISSIONS : \"Draft Submissions\",\n\n V_TXT: \"Stack items vertically\",\n H_TXT: \"Stack item horizontally\",\n DATAPOINT: 'DataPoint',\n DATAPOINT_TXT: \"Display a single value\",\n ALERTS_LIST_TXT: \"Display a list of alerts\",\n ALERTS_MAP_TXT: \"Display a map of alerts\",\n MAP_TXT: \"Visualize data on a map\",\n GAUGE: \"Gauge\",\n GAUGE_TXT: \"Display a gauge\",\n HEATMAP: \"Heatmap\",\n HEATMAP_TXT: \"Display a uniform heatmap\",\n TREEMAP: \"Treemap\",\n TREEMAP_TXT: \"Display hierarchical data\",\n ASSIGNMENTS_TXT: \"Display a users current assignments\",\n TABLE_TXT: \"Create a table of values\",\n PIVOT_TXT: \"Create complex tables of data\",\n ACTIVITY_TXT: \"Show recent activity for a user/account\",\n OVERDUE_TXT: \"Show current users overdue form submissions\",\n RECENT_SUBMISSIONS_TXT: \"Show recently submitted forms\",\n DOCUMENTS_TXT: \"Show available documents in system\",\n AMENDMENTS_TXT: \"Show pending amendments\",\n HTML_TXT: \"Manually edit HTML content\",\n IMAGE_TXT: \"Insert an image into a layout\",\n VIDEO_TXT: \"Embed a video from an external service\",\n LINKLIST_TXT: \"Display a list of external links\",\n RECENT_ARTICLES_TXT: \"Display a list of recently published articles\",\n TASKS_TXT: \"Display a users current pending tasks\",\n USER_TXT: \"Display a summary profile widget for the current user\",\n PERFORMANCE_TXT: \"Display summary performance metrics for a user\",\n XRANGE: 'X-Range',\n XRANGE_TXT: 'Bar progress indications',\n SPARK: 'Spark',\n SPARK_TXT: 'Minimal series chart',\n PIE: 'Pie',\n PIE_TXT: 'Display sliced data',\n FUNNEL: 'Funnel',\n FUNNEL_TXT: 'organize data as funnel',\n PYRAMID: 'Pyramid',\n PYRAMID_TXT: 'Hierarchical single values',\n STREAM: 'Stream',\n STREAM_TXT: 'Distribution over time',\n CANDLE: 'Candlestick',\n CANDLE_TXT: 'Display variance',\n BULLET: 'Bullet',\n BULLET_TXT: 'Progress/variance',\n DEFAULT: 'Default',\n DEFAULT_TXT: 'Default Vis',\n CALENDAR: 'Calendar',\n CALENDAR_TXT: 'Plot data against a calendar',\n BARCODE: \"Barcode\",\n EDIT: \"Edit\",\n PAGE_EDIT: \"Page Edit\",\n SITE_EDIT: \"Site Edit\",\n EDIT_ASSIGNMENTS: \"Edit assignments\",\n CHANGE_PASSWORD: \"Change password\",\n REVOKE_ACCESS: \"Revoke access\",\n ACCESS_REVOKED: \"Access Revoked\",\n CONFIRM: \"Confirm\",\n INFO : \"Info\",\n //Profile\n ALERT_TRIGGERED: \"An alert is triggered\",\n ALERT_CLOSED: \"An alert is closed\",\n ALERT_REOPENED: \"An alert is re-opened\",\n ALERT_COMMENT: \"Someone comments on an alert\",\n ALERT_AUTOCLOSED: \"An alert is automatically closed due to expiration\",\n ALERT_OTHER: \"Other alert activity not listed above occurs.\",\n SUCCESS_SUBMIT: \"A new form is submitted\",\n AMENDMENT_REJECTED: \"Your amendment is rejected\",\n AMENDMENT_APPROVED: \"Your amendment is approved\",\n SUBMISSION_RETRACT_APPROVED: \"Your submission retraction request is approved\",\n SUBMISSION_RETRACT_REJECTED: \"Your submission retraction request is rejected\",\n OVERDUE_REPORT: \"You have a report overdue\",\n REPORT_COMMENT: \"Someone comments on a report\",\n OTHER_FORM_SUBMISSION_NOT_LISTED: \"Other form submission activity not listed above occurs\",\n WEEKLY_DIGEST: \"Weekly Digest\",\n DOCUMENT_AVAILABLE: \"New Documents Digest\",\n OTHER_DIGEST_NOT_LISTED: \"Other digest activity not listed above occurs\",\n FORM_REVISION_CREATED: \"A revision is created\",\n FORM_NEW_AVAILABLE: \"A new form becomes available\",\n OTHER_FORM_ACTIVITY_NOT_LISTED: \"Other form activity not listed above occurs\",\n NEW_INDICATOR_AVAILABLE: \"A new indicator becomes available\",\n INDICATOR_OTHER_ACTIVITY_NOT_LISTED: \"Other indicator activity not listed above occurs\",\n NEW_TASK_AVAILABLE: \"A new task becomes available\",\n TASK_STATUS_CHANGE: \"A tasks status changes\",\n TASK_OWNER_CHANGE: \"A tasks owner changes\",\n TASK_COMMENT: \"Someone comments on a task\",\n OTHER_TASK_ACTIVITY_NOT_LISTED: \"Other task activity not listed above occurs\",\n NEW_LOCATION_AVAILABLE: \"A new location becomes available\",\n NEW_LOCATION_REPORTING: \"A new reporting period for a location opens\",\n CLOSED_LOC_REPORTING: \"A locations reporting period closes\",\n LOCATION_DELETED: \"A location is deleted\",\n OTHER_LOCATION: \"Other location activity not listed above occurs\",\n IGNORE: \"Ignore\",\n NOTIFY: \"Notify\",\n DEFAULT_HTML_EMAIL: \"Default (Send HTML Email)\",\n HTML_EMAIL: \"Send HTML Email\",\n PLAINTEXT: \"Send plain text email\",\n DEFAULT_ENABLE_EMAIL_NOTIFICATION: \"Default (Enable Email Notifications)\",\n ENABLE_EMAIL_NOTIFICATION: \"Enable Email Notifications\",\n DISABLE_EMAIL_NOTIFICATION: \"Disable Email Notifications\",\n DEFAULT_DISABLE_PUSH_NOTIFICATION: \"Default (Disable Push Notifications)\",\n ENABLE_PUSH_NOTIFICATION: \"Enable Push Notifications\",\n DISABLE_PUSH_NOTIFICATION: \"Disable Push Notifications\",\n ONLY_APP_NOTIFICATION: \"Send Application Notifications Only\",\n DESKTOP_NOTIFICATION: \"Send Desktop Notifications Too\",\n UPDATED_THEIR_PROFILE: \" updated their profile\",\n UPDATED_HIS_PROFILE: \" updated his profile\",\n UPDATED_HER_PROFILE: \" updated her profile\",\n INSERT: \"Insert\",\n TWO_FACTOR_AUTHENTICATION_NOTE : \"Choose 'Enabled' option to turn on Two-factor authentication.\",\n\n //settings\n DASHBOARDS: \"Dashboards\",\n ORGANIZATIONS: \"Organizations\",\n INVITATIONS: \"Invitations\",\n THEME: \"Theme\",\n PUSH_NOTIFICATIONS: \"Push Notifications\",\n NOTIFICATION_WILL_BE_DELETED_AFTER_30_DAYS: \"Notifications will be automatically deleted after 30 days.\",\n SEND: \"Send\",\n TITLE: \"Title\",\n BODY: \"Body\",\n TEAM: \"Team\",\n SELECT_TEAM_FOR_NOTIFICATION: \"Select team to send the notification\",\n ACCOUNT_NAME: \"Account name\",\n DOMAIN_NAME: \"Domain name\",\n OFFLINE_EXPIRY: \"Offline Sync Expiry Time(Days)\",\n AUTH_SECURITY: \"Authentication & Security\",\n CHANGE_SETTING_MESSEGE: \"Change settings pertaining to how users access the EWARS systems\",\n TWO_FACTOR_AUTH: \"Two-factor authentication\",\n ENFORCE_SSL: \"Enforce SSL\",\n SYSTEM_DEFAULTS: \"System Defaults\",\n SYSTEM_DEFAULTS_MSG: \"Set sane defaults for some user-overridable settings\",\n DEFAULT_LANGUAGE: \"Default language\",\n TIMEZONE: \"Timezone\",\n DATE_FORMAT: \"Date format\",\n TIME_FORMAT: \"Time format\",\n TRANSLATION: \"Translation\",\n ACCOUNT_INFO: \"System/Account Information\",\n OCTET_VERSION: \"Octet version\",\n HUB_ACCESS: \"Hub access\",\n TEMP_DOMAIN: \"Temp domain\",\n ID: \"ID\",\n STORAGE: \"Storage\",\n EMAILS_SENT: \"Emails Sent\",\n GENERAL_SETTINGS: \"General Settings\",\n DEFAULT_BOUNDS: \"Default Bounds\",\n DRAW_DEFAULT_BOUNDS_U_WANT_TO_FOCUS: \"Draw the default bounds that you would like alert maps to focus to\",\n SELECT_LOCATION_TYPE_SHOULD_DEFAULT_BEING_VISUALIZED: \"Select the location type which should default to being visualized on alert maps\",\n AUTO_DISCARD_NOTIFICATION: \"Notify on Auto-Discard\",\n AUTO_DISCARD_NOTIFICATION_ALL_STACKEHOLDER: \"Notify all stakeholders when an alert is auto-discarded?\",\n VIEW: \"View\",\n VIEW_CAPITAL: \"VIEW\",\n DEVICE_TYPE: \"Device Type\",\n DEVICE_ID: \"Device ID\",\n DEVICE_OS_VERSION: \"Device OS Version\",\n NUMBER: \"Number\",\n USER_EMAIL: \"User Email\",\n LAST_SEEN: \"Last Seen\",\n APP_VERSION: \"App Version\",\n APP_VERSION_NAME: \"App Version Name\",\n ANDROID_VERSION: \"Android Version\",\n DEVICE_TYPE_NAME: \"Device Type Name\",\n ADD: \"Add\",\n RESEND: \"RESEND\",\n ORGANIZATION_NAME: \"Organization Name\",\n ACRONYM: \"Acronym\",\n WEB_SITE: \"Web Site\",\n CREATED_BY: \"Created by\",\n APPLICATION_NAME: \"Application name\",\n GENERAL_SETTING_INFORMATION: \"Administer general settings for the account.\",\n DASHBOARDS_SETTING_INFORMATION: \"Configure individual role types dashboards.\",\n // ALARMS_SETTING_INFORMATION: \"Configure and administer settings for alerts within EWARS.\",\n ALERTS_SETTING_INFORMATION: \"Configure and administer settings for alerts within EWARS.\",\n LOCATIONS_SETTING_INFORMATION: \"Set and configure settings for how locations operate within the account.\",\n ORGANIZATIONS_SETTING_INFORMATION: \"Customize the organizations that users for this account can belong to.\",\n DEVICES_SETTING_INFORMATION: \"Manage and view devices connexted to your account.\",\n SCREEN_LOCK_TIME_MINUTES :\"Screen Lock Time(Minutes)\",\n SMS_PHONE_NUMBER : \"SMS Phone Number\",\n ENTER_SMS_PHONE_NUMBER: \"Enter SMS phone number\",\n EPI_WEEK_START_LABEL: \"epi week Start\",\n FIRST_WEEK_CONTAINS: \"1st Week Contains\",\n MONDAY:\"Monday\",\n TUESDAY:\"Tuesday\",\n WENDESDAY:\"Wednesday\",\n THURSDAY:\"Thursday\",\n FRIDAY:\"Friday\",\n SATURDAY:\"Saturday\",\n SUNDAY:\"Sunday\",\n\n JANUARY : \"January\",\n FEBRUARY : \"February\",\n MARCH : \"March\",\n APRIL : \"April\",\n MAY : \"May\",\n JUNE : \"June\",\n JULY : \"July\",\n AUGUST : \"August\",\n SEPTEMBER : \"September\",\n OCTOBER : \"October\",\n NOVEMBER : \"November\",\n DECEMBER : \"December\",\n //locations\n LOCATION_GROUPS: \"Location Group(s)\",\n PARENT: \"Parent\",\n LOCATION_TYPE: \"Location Type\",\n GEOMETRY_TYPE: \"Geometry Type\",\n DEFAULT_ZOOM: \"Default zoom\",\n CREATED: \"Created\",\n LOADING: \"Loading...\",\n DELETE_LOCATION: \"Delete Location?\",\n DELETE_LOCATION_BUTTON_TEXT: \"I understand the consequences, delete this location\",\n MERGE_LOCATION: \"Merge Location\",\n MOVE_DATA_T: \"Move Data\",\n MOVE_DATA_B: \"Commit Transfer\",\n ARCHIVE_LOCATION: \"Archive Location\",\n COMMIT_TO_ARCHIVE: \"Commit to Archive\",\n ADD_CHILD: \"Add Child\",\n MERGE_INTO: \"Merge Into\",\n ENABLE_CHILDREN: \"Enable Children\",\n DISABLE_CHILDREN: \"Disable Children\",\n //outbreaks\n OUTBREAKS : \"Outbreaks\",\n MODIFIED: \"Modified\",\n OUTBREAK_NAME: \"Outbreak Name\",\n NEW_OUTBREAK: \"New Outbreak\",\n //inbox\n NO_TASKS_MESSEGE: \"You currently do not have any tasks available\",\n HIGH: \"High\",\n MODERATE: \"Moderate\",\n LOW: \"Low\",\n DELETION_REQUEST: \"Deletion Request\",\n AMENDMENT_REQUEST: \"Amendment Request\",\n USER_ACC_REQUEST: \"User Account Request\",\n ASSIGNMENT_REQUEST: \"Assignment Request\",\n IN: \"in\",\n NO_ACTIVITY: \"No Activity\",\n LOAD_MORE: \"Load more\",\n JOINED_EWARS_MESSEGE: \"has joined ewars\",\n NEW_REPORT_SUBMITTED: \"submitted a new report\",\n //report_manager\n PROVIDE_SEARCH_TERM: \"Please provide a search term\",\n\n //dashboards\n ALARM_STATUS : \"Alarm Status\",\n ANY : \"Any\",\n REPORT_COUNT : \"Report Count\",\n ACTIVE_ALERTS : \"Active Alerts\",\n GRID : \"Grid\",\n LIST : \"LIst\",\n EXPLORE : \"Explore\",\n\n MOVE_ROW_UP : \"Move Row Up\",\n MOVE_ROW_DOWN : \"Move Row Down\",\n MOVE_CELL_LEFT : \"Move Cell Left\",\n MOVE_CELL_RIGHT : \"Move Cell Right\",\n DUPLICATE_ROW : \"Duplicate Row\",\n DUPLICATE_CELL : \"Duplicate Cell\",\n REMOVE_CELL : \"Remove Cell\",\n REMOVE_ROW : \"Remove Row\",\n CHART_COMPONENT: \"Chart Component\",\n SERIES_CHART : \"Series Chart\",\n CATEGORY_WIDGET : \"Category Widget\",\n LAYOUT_NAME : \"Layout Name\",\n COLOR : \"Color\",\n RAW_WIDGET : \"Raw Widget\",\n SUMMARY_STATISTICS : \"Summary Statistics\",\n OVERDUE_REPORTS : \"Overdue Reports\",\n CELL : \"Cell\",\n ROW_D : \"Row\",\n CONTENT : \"Content\",\n RAW_D : \"Raw\",\n\n DATA_SOURCE : \"Data Source\",\n SOURCE_TYPE : \"Source Type\",\n COMPLEX : \"Complex\",\n IND_SOURCE : \"Indicator Source\",\n FORMULA : \"Formula\",\n VARIABLES :\"Variables\",\n ZONES : \"Zones\",\n REDUCTION : \"Reduction\",\n PERIOD : \"Period\",\n STYLE : \"Style\",\n VALUE_FORMATTING : \"Value Formatting\",\n PREFIX : \"Prefix\",\n SUFFIX : \"Suffix\",\n VALUE_COLOURING : \"Value Colouring\",\n VALUE_MAPPING :\"Value Mapping\",\n //Alerts\n PROBABILITY_GT_95: \"Is expected to occur in most circumstances (e.g. probability of 95% or more) \",\n PROBABILITY_70_TO_94: \"Will probably occur in most circumstances (e.g. a probability of between 70% and 94%) \",\n PROBABILITY_30_TO_69: \"Will occur some of the time (e.g. a probability of between 30% and 69%) \",\n PROBABILITY_5_TO_29: \"Could occur some of the time (e.g. a probability of between 5% and 29%) \",\n PROBABILITY_LT_5: \"Could occur under exceptional circumstances (e.g. a probability of less than 5%)\",\n\n LIMITED_IMPACT: \"Limited impact on the affected population\",\n MINOR_IMPACT: \"Minor impact for a small population or at-risk group \",\n MODERATE_IMPACT: \"Moderate impact as a large population or at-risk group is affected\",\n MAJOR_IMPACT: \"Major impact for a small population or at-risk group \",\n SEVER_IMPACT: \"Severe impact for a large population or at-risk group \",\n\n LITTLE_DISRUPTION: \"Little disruption to normal activities and services\",\n LIMITED_DISRUPTION: \"Limited disruption to normal activities and services\",\n MODERATE_DISRUPTION: \"Moderate disruption to normal activities and services\",\n MAJOR_DISRUPTION: \"Major disruption to normal activities and services\",\n SEVERE_DISRUPTION: \"Severe disruption to normal activities and services\",\n\n FEW_INCREASE: \"Few extra costs for authorities and stakeholders \",\n SOME_INCREASE: \"Some increase in costs for authorities and stakeholders\",\n MODERATE_INCREASE: \"Moderate increase in costs for authorities and stakeholders \",\n SIGNIFICANT_INCREASE: \"Significant increase in costs for authorities and stakeholders \",\n SERIOUS_INCREASE: \"Serious increase in costs for authorities and stakeholders\",\n\n NO_RESOURCES: \"Routine responses are adequate and there is no need to implement additional control measures\",\n MINIMAL_RESOURCES: \"A small number of additional control measures will be needed that require minimal resources\",\n MODERATE_RESOURCES: \"Some additional control measures will be needed and some of these require moderate resources to implement\",\n SOME_SIGNIFICANT_RESOURCES: \"A large number of additional control measures will be needed and some of these require significant resources to implement\",\n MOST_SIGNIFICANT_RESOURCES: \"A large number of additional control measures will be needed and most of these require significant resources to implement\",\n\n MINIMAL: \"Minimal\",\n MINOR: \"Minor\",\n MODERATE: \"Moderate\",\n MAJOR: \"Major\",\n SEVERE: \"Severe\",\n\n ALMOST_CERTAIN: \"Almost Certain\",\n HIGHLY_LIKELY: \"Highly Likely\",\n LIKELY: \"Likely\",\n UNLIKELY: \"Unlikely\",\n VERY_UNLIKELY: \"Very Unlikely\",\n\n ON: \"On\",\n OFF: \"Off\",\n\n START_RISK_ASSESSMENT_CAMEL: \"Start Risk Assessment\",\n\n VERIFIED_THIS_ALERT: \"verified this alert on\",\n ASSESSED_THIS_ALERT: \"assessed this alert on\",\n CHARACTERIZED_THIS_ALERT: \"characterized this alert on\",\n SET_OUTCOME_FOR__THIS_ALERT: \"set the outcome for this alert on\",\n REOPEN_THIS_ALERT: \"reopened this alert on\",\n DISCARDED_THIS_ALERT: \"discarded this alert on\",\n AUTOCLOSED_THIS_ALERT: \"discarded this alert on\",\n MONITOR_THIS_ALERT_STATE: \"set this alerts state to Monitor on\",\n RESPOND_THIS_ALERT_OUTCOME: \"set this alerts outcome to Respond on\",\n CLOSED_THIS_ALERT: \"caused this alert to close on\",\n SET_RESPONSE_THIS_ALERT: \"set this alerts outcome to Respond on\",\n INVESTIGATION_REPORT_SUBMISSION: \"submitted an investigation report on\",\n\n ALERT_EVENTS_OPENED: \"Alert opened on\",\n ALERT_EVENTS_CLOSED: \"Alert was closed on\",\n ALERT_EVENTS_TRIGGERED: \"Alert was raised on\",\n ALERT_EVENTS_AUTODISCARDED: \"Alert was auto-discarded by the system due to inaction on\",\n ALERT_EVENTS_AUTOCLOSED: \"Alert was auto-discarded by the system due to inaction on\",\n\n CONSTANTS_ONEM: \"ONEM\",\n CONSTANTS_THREEM: \"THREEM\",\n CONSTANTS_SIXM: \"SIXM\",\n CONSTANTS_ONEY: \"ONEY\",\n CONSTANTS_YTD: \"YTD\",\n CONSTANTS_ALL: \"ALL\",\n CONSTANTS_DAY: \"DAY\",\n CONSTANTS_WEEK: \"WEEK\",\n CONSTANTS_MONTH: \"MONTH\",\n CONSTANTS_YEAR: \"YEAR\",\n\n NEARBY: \"NEARBY\",\n \n RISK_UNASSIGNED: \"Risk unassigned\",\n OUTCOME_UNASSIGNED: \"Outcome unassigned\",\n\n ALERT_WORKFLOW: \"Alert Workflow\",\n TRIGGERED_ALERT: \"Alert Triggered\",\n SAVE_DRAFT: \"Save Draft\",\n SUBMIT: \"Submit\",\n GUIDANCE: \"Guidance\",\n\n STAGE_1_VERIFICATION: \"Stage 1 | Verification\",\n STAGE_2_RISK_ASSESSMENT: \"Stage 2 | Risk Assessment\",\n STAGE_3_RISK_CHARACTERIZATION: \"Stage 3 | Risk Characterisation\",\n STAGE_4_OUTCOME: \"Stage 4 | Outcome\",\n\n VERIFICATION_NOTES: \"Verification notes\",\n VERIFICATION_QUESTION_1: \"Has the event been reported by an official source (for example, local health-care centre or clinic, public health authorities, animal health workers?\",\n VERIFICATION_QUESTION_2: \"Has the event been reported by multiple independent sources (for example, residents, news media, health-care workers, animal health status )?\",\n VERIFICATION_QUESTION_3: \"Does the event description include details about time, place and people involved (for example, six people are sick and two died three days after a ending a local celebration on in community X)?\",\n VERIFICATION_QUESTION_4: \"Is the clinical presentation of the cases described (for example, a cluster of seven people admitted to hospital with atypical pneumonia, of whom two have died)?\",\n VERIFICATION_QUESTION_5: \"Has a similar event been reported previously (for example, with a similar presentation, affecting a similar population and geographical area, over the same time period)?\",\n\n VERIFY_ALERT_MSG: \"Verify the alert to determine if it needs to be risk assessed, monitored or discarded\",\n\n START_VERIFICATION: \"Start verification\",\n OPEN_VERIFICATION: \"Open verification\",\n REVIEW_VERIFICATION: \"Review verification\",\n UPDATE_VERIFICATION: \"Update verification\",\n \n ALERT_REOPEN: \"Re-Open Alert\",\n\n START_OUTCOME: \"Start outcome\",\n OPEN_OUTCOME: \"Open outcome\",\n REVIEW_OUTCOME: \"Review outcome\",\n UPDATE_OUTCOME: \"Update outcome\",\n\n DESIGNATE_OUTCOME_MSG: \"Designate a final outcome to the alert.\",\n SELECT_OUTCOME_MSG: \"Please select an outcome for the alert below\",\n\n START_RISK_ASSESSMENT: \"Start risk assessment\",\n OPEN_RISK_ASSESSMENT: \"Open risk assessment\",\n REVIEW_RISK_ASSESSMENT: \"Review risk assessment\",\n UPDATE_RISK_ASSESSMENT: \"Update risk assessment\",\n RISK_ASSESSMENT_MESSEGE: \"Complete risk assessment to describe the hazard, exposure and context\",\n\n ALERT_RISK_LEVEL_MESSEGE: \"Characterise the alert to assign a level of risk, from low to very high\",\n\n RISK_CHARACTERIZATION_WARNING: \"Please select a risk characterisation\",\n START_RISK_CHARACTERIZATION: \"Start risk characterisation\",\n OPEN_RISK_CHARACTERIZATION: \"Open risk characterisation\",\n REVIEW_RISK_CHARACTERIZATION: \"Review risk characterisation\",\n UPDATE_RISK_CHARACTERIZATION: \"Update risk characterisation\",\n\n LOW_RISK_CONTENT: \"Managed according to standard response protocols, routine control programmes and regulation (e.g. monitoring through routine surveillance systems) \",\n MODERATE_RISK_CONTENT: \"Roles and responsibility for the response must be specified. Specific monitoring or control measures required (e.g. enhanced surveillance, additional vaccination campaigns) \",\n HIGH_RISK_CONTENT: \"Senior management attention needed: there may be a need to establish command and control structures; a range of additional control measures will be required some of which may have significant consequences \",\n SEVERE_RISK_CONTENT: \"Immediate response required even if the event is reported out of normal working hours. Immediate senior management attention needed (e.g. the command and control structure should be established within hours); the implementation of control measures with serious consequences is highly likely \",\n\n LIKELIHOOD: \"Likelihood\",\n CONSEQUENCES: \"Consequences\",\n ACTIONS: \"Actions\",\n\n RISK_MATRIX: \"Risk Matrix\",\n SELECT_EVENT_MSG: \"Select likelihood and potential consequences of the hazard/event in the grid below:\",\n OVERALL_LEVEL_OF_RISK: \"Overall level of risk\",\n\n HAZARD_ASSESSMENT: \"Hazard Assessment\",\n HAZARD_ASSESSMENT_INCLUDES: \"Hazard assessment includes:\",\n HAZARD_ASSESSMENT_INCLUDES_1: \"identifying the hazard(s) that could be causing the event\",\n HAZARD_ASSESSMENT_INCLUDES_2: \"reviewing key information about the potential hazard(s) (i.e. characterizing the hazard)\",\n HAZARD_ASSESSMENT_INCLUDES_3: \"ranking potential hazards when more than one is considered a possible cause of the event (equivalent to a differential diagnosis in clinical medicine).\",\n \n EXPOSURE_ASSESSMENT: \"Exposure Assessment\",\n EXPOSURE_ASSESSMENT_OUTPUT: \"The key output of the assessment is an estimate of the:\",\n EXPOSURE_ASSESSMENT_OUTPUT_1: \"number of people or group known or likely to have been exposed.\",\n EXPOSURE_ASSESSMENT_OUTPUT_2: \"number of exposed people or groups who are likely to be susceptible (i.e capable of getting a disease because they not immune)\",\n \n CONTEXT_ASSESSMENT: \"Context Assessment\",\n CONTEXT_ASSESSMENT_QUESTIONS: \"Context assessment addresses the following questions:\",\n CONTEXT_ASSESSMENT_QUESTIONS_1: \"What are the factors associated with the environment, health status, behaviours, social or cultural practices, health infrastructure and legal and policy frameworks that increase a population’s vulnerability?\",\n\n SELECT_RISK_LEVEL_MSG: \"Please select a risk level from the options at left.\",\n ALERT_INDICATOR_TREND: \"Alert Indicator Trend\",\n ALERT_THRESHOLD: \"Alert Threshold\",\n\n COMMENTS: \"Comments\",\n ADD_COMMENT_MESSEGE: \"Add any other relevant comments\",\n\n REASON: \"Reason\",\n REASON_FOR_REOPENING_ALERT_MSG: \"Please enter a reason below for re-opening this alert\",\n\n LOADING_ALERT: \"Loading alert...\",\n DRAFT_UPDATED: \"Draft updated...\",\n SAVING: \"Saving...\",\n SUBMITTING: \"Submitting...\",\n SAVE_COMMENT: \"Saving comment...\",\n COMMENTED_ON: \" commented on \",\n REOPENING_ALERT: \"Re-opening alert...\",\n VALIDATING_REPORT: \"Validating Report...\",\n SUBMITTING_REPORT: \"Submitting Report...\",\n\n PROVIDE_VALID_HAZARD_ASSESSMENT: \"Please provide a valid hazard assessment\",\n PROVIDE_VALID_CONTEXT_ASSESSMENT: \"Please provide a valid context assessment\",\n PROVIDE_VALID_EXPOSURE_ASSESSMENT: \"Please provide a valid exposure assessment\",\n \n PROVIDE_VALID_VERIFICATION_NOTES: \"Please provide valid Verification notes\",\n PROVIDE_VALID_VERIFICATION_OUTCOME: \"Please provide a valid verification outcome\",\n\n VALID_REASON_FOR_REOPEN_ALERT_ERROR: \"Please provide a valid reason for re-opening this alert.\",\n\n VALID_COMMENT_ERROR: \"Please provide a valid comment\",\n SUBMIT_REPORT: \"Submit Report\",\n CREATE_REPORT: \"Create Report\",\n ERR_IN_REPORT: \"There is an error in the report\",\n CONFIRMATION_FOR_SUBMIT_REPORT: \"Are you sure you want to submit this report? Once submitted, the report will not be editable.\",\n REPORT_SUBMITTED_SUCCESSFULLY: \"Report submitted successfully\",\n REPORT_LINKED_SUCCESSFULLY: \"Report linked successfully\",\n ATTACHED_REPORTS: \"Attached reports\",\n LINK_RECORD:\"Link Report\",\n LINK_RECORD_DESC:\"Are you sure you want to link this report? Once linked, the report will not be unlinked.\",\n LINKING_REPORT: \"Linking Report...\",\n NONE : \"None\",\n SUM : \"Sum\",\n MED :\"Average/Mean\",\n VARIABLE_NAME : \"Variable Name\",\n SEARCHING_INDICATOR : \"Search indicators...\",\n SELECT_INDICATOR : \"Select Indicator\",\n ADD_VARIABLE : \"Add Variable\",\n COLOUR_THRESHOLDS : \"Colour Thresholds\",\n LANGUAGE : \"language\",\n FIELD_SUPPORT_MARKDOWN : \"This field supports markdown\",\n NO_LOCATION_SELECTED : \"No location selected\",\n AVAILABLE_LANGUAGES : \"Available Languages\",\n ENTER_NUMBER : \"Enter number\",\n ENTER_TEXT : \"Enter text\",\n SLICE_LABEL : \"Slice Label\",\n COLOUR : \"Colour\",\n LOCATION_SPECIFICATION : \"Location Specification\",\n VALUE_FOR : \"Value For\",\n COLUMN_TOTAL : \"Column Total\",\n EXISTING_DATA_SOURCE : \"Use Existing Data Source\",\n USE_EXISTING_DATA_SOURCE : \"Use existing data source\",\n ROW_VALUE_SELECTION : \"Row Value Selection\",\n DATA_COLUMN : \"Data Column\",\n GROUP_OUTPUT : \"Group Output\",\n AGGREGATE : \"Aggregate\",\n INDIVIDUAL : \"Individual\",\n GENERATOR_PARENT_LOCATION : \"Generator parent location\",\n GENERATOR_LOCATION_TYPE : \"Generator location type\",\n LOCATION_STATUS : \"Location Status\",\n CATEGORY_LABEL_SOURCE : \"Category Label Source\",\n INDICATOR_LOCACTION_VALUE : \"Indicator - Location - Value\",\n INDICATOR_LOCATION : \"Indicator - Location\",\n REDUCTION_TYPE : \"Reduction Type\",\n AVG : \"Average/Median\",\n INHERIT : \"Inherit\",\n OVERRIDE : \"Override\",\n CUSTOM : \"Custom\",\n CHART_TITLE : \"Chart Title\",\n SAMPLE_INTERVAL : \"Sample Interval\",\n CONTROLS : \"Controls\",\n LEGEND : \"Legend\",\n SHOW_DATA_LABELS : \"Data Labels\",\n CONNECTORS_DISTANCE:\"Data Label connector's distance\",\n LEGEND_POSITION : \"Legend Position\",\n CHART_MIN_SIZE: \"Chart Min. Size\",\n CHART_STYLE : \"Chart Style\",\n DONUT : \"Donut\",\n ARC : \"Arc\",\n BAR_GRAPH : \"Bar Graph\",\n SLICE_ORDRING : \"Slice Ordering\",\n START_ANGLE:\"Start Angle\",\n CATEGORY_NAME_ASCENDING : \"Category Title Ascending\",\n CATEGORY_NAME_DESCENDING : \"Category Title Descending\",\n VALUE_ASCENDING : \"Value Ascending\",\n VALUE_DESCENDING : \"Value Descending\",\n ADVANCED_OPTION :\"Advanced Options\",\n SLICE_WITH_NO_DATA : \"Slices with no data\",\n DATA_QUERY_PERIOD : \"Data Query Period\",\n TIME_INTERVAL : \"Time Interval\",\n QUERY_RANGE : \"Query Range\",\n RANGES : \"Ranges\",\n COLOURS : \"Colours\",\n STYLING : \"Styling\",\n NUM_FORMATTING : \"Number Formatting\",\n LOCATION_SOURCE : \"Locations Source\",\n LOCATIONs : \"Location(s)\",\n SPECIFIC : \"Specific\",\n OF_TYPE : \"Of Type\",\n QUERY_TYPE : \"Query Type\",\n FORMULA_AGGREGATION_INTERVAL :\"Formula Aggregation Interval\",\n OPACITY : \"Opacity\",\n BASE_GEOMETRY_COLOR : \"Base Geometry Colour\",\n BACKGROUND_COLOR : \"Background Colour\",\n HOVER_COLOR : \"Hover Colour\",\n STROKE_COLOR : \"Stroke Colour\",\n STROKE_WIDTH : \"Stroke Width\",\n STROKE_STYLE : \"Stroke style\",\n LABEL_STYLING :\"Label Styling\",\n SHOW_LABEL : \"Show labels\",\n LABELLING_STYLE :\"Labelling style\",\n NUMBERED : \"Numbered\",\n LABEL_FONT_SIZE : \"Label Font Size (px)\",\n LABEL_COLOUR : \"Label Colour\",\n LABEL_THRESHOLD : \"Label Threshold (gte)\",\n LAYER_TITLE : \"Layer title\",\n VISUALIZATION : \"Visualization\",\n LOC_OF_TYPE : \"Locations of type\",\n SINGLE_LOCATION : \"Single location\",\n COLLECTED_LAT_LNG : \"Collected Lat/Lng\",\n ALERT_MAP : \"Alerts Map\",\n COMPLEX_INDICATOR : \"Complex Indicator\",\n DOWNLOADING_FAILED:\"Downloading Failed!\",\n DOWNLOADING:\"Downloading pdf...\",\n CALCULATION :\"Calculation\",\n SOURCE_PERIOD : \"Source period\",\n SHOW_SCALE : \"Show scale\",\n SCALE_POSITION : \"Scale pos.\",\n DATE_RANGE : \"Date Range\",\n FORMATTING : \"Formatting\",\n VALUE_TEXT_SIZE : \"Value Text Size\",\n\n\n\n WIDGET_SETTING :\"Widget settings\",\n BASE_COLOUR : \"Base colour\",\n HIGHLIGHT_COLOUR : \"Highlight colour\",\n ICON :\"Icon\",\n WIDGET_SUB_TEXT :\"Widget sub-text\",\n WIDGET_FOOTER_TEXT : \"Widget footer text\",\n HEADER_COLOUR : \"Header Colour\",\n HEADER_TEXT_CLR : \"Header Text Colour\",\n WIGDET_TEXT_CLR :\"Widget Text Colour\",\n WIDGET_TITLE : \"Widget Title\",\n WIDGET_ICON : \"Widget Icon\",\n WIDGET_STYLING : \"Widget styling\",\n HEADR_ICON : \"Header icon\",\n\n AVGERAGE : \"Average\",\n LOCATION_GROUP : \"Location group\",\n CUSTOM_GEOJSON : \"Custom geojson\",\n FORM_FIELD : \"Form field\",\n FILL_COLOR : \"Fill color\",\n FILL_OPACITY : \"Fill opacity\",\n MARKER_TYPE : \"Marker type\",\n MARKER_SIZE : \"Marker size\",\n LABELS : \"Labels\",\n LABEL_TYPE : \"Label type\",\n IN_PLACE : \"In-place\",\n NO_LABELLING : \"No labelling\",\n LABEL_COLOR :\"Label color\",\n LABEL_SIZE : \"Label size\",\n MAP_BOUNDS : \"Map bounds\",\n BACKGROUND_COLOR : \"Background color\",\n TIME_CONTROLS : \"Time controls\",\n ZOOM_CONTROLS : \"Zoom controls\",\n LAYER_CONTROLS : \"Layer controls\",\n MAPBOX_LAYER : \"Mapbox layer\",\n LAYOUT : \"Layout\",\n SELECTED_METRICS : \"Selected Metrics\",\n LOCATION_TOTAL : \"Locations Total\",\n ALERT_OPEN : \"Alerts Open\",\n ALERT_TRIGGERED : \"Alerts Triggered\",\n DOCUMNETS_TOTAL : \"Documents Total\",\n SPECIFIC_ALARM_OPTIONAL : \"Specific Alarm (Optional)\",\n ALERT_STATE_OPTIONAL : \"Alert State (Optional)\",\n ALERT_STAGE : \"Alert Stage\",\n ALERT_STAGE_STATE : \"Alert Stage State\",\n PENDING : \"Pending\",\n COMPLETED : \"Completed\",\n ALERT_RISK: \"Alert Risk\",\n SPECIFIC_FORM_OPTIONAL : \"Specific Form (Optional)\",\n IMAGE_URL : \"Image URL\",\n IMAGE_LINK : \"Image link\",\n LINK_URL:\"Link Url\",\n REDIRECTION_URL: \"Redirection URL\",\n REDIRECTION_URL_PLACEHOLDER: \"Enter the URL of the website,document etc.\",\n DOMAIN:\"Domain\",\n AGGREGATION_INTERVAL : \"Aggregation Interval\",\n GROUPs : \"Group(s)\",\n INDICATOR_SPECIFICATION : \"Indicator Specification\",\n LINE_WIDTH : \"Line Width\",\n LINE_STYLE : \"Line Style\",\n MARKER_RADIUS : \"Marker Radius\",\n MARKER_STYLE : \"Marker style\",\n DATA_PERIOD : \"Data Period\",\n NAVIGATOR : \"Navigator\",\n COLUMN_HEADER : \"Column Headers\",\n ADDITIONAL_CLASS_NAME : \"Additional Class Name\",\n\n DAILY : \"Daily\",\n WEEKLY :\"Weekly\",\n MONTHLY : \"Monthly\",\n ANNUALY : \"Annually\",\n ON : \"On\",\n OFF : \"Off\",\n SHOW : \"Show\",\n HIDE : \"Hide\",\n TOP : \"Top\",\n RIGHT : \"Right\",\n BOTTOM : \"Bottom\",\n LEFT : \"Left\",\n Y_AXIS_LABEL :\"Y Axis label\",\n Y_AXIS_FORMAT :\"Y Axis format\",\n Y_AXIS_DECIMALS :\"Y Axis decimals\",\n WIDTH : \"Width\",\n HEIGHT : \"Height\",\n SOLID : \"Solid\",\n DOTTED : \"Dotted\",\n DASHED : \"Dashed\",\n CIRCLE: \"Circle\",\n SQUARE : 'Square',\n TRIANGLE : \"Triangle\",\n STAR: \"Star\",\n BAR : \"Bar\",\n DIAMOND : \"Diamond\",\n TRIANGLE_DOWN : \"Triangle-Down\",\n ZOOM : \"Zoom\",\n Y_AXIS : \"Y Axis\",\n SECOND_Y_AXIS:\"Secondary Y Axis\",\n X_LABEL_EXCLUDE_YEARS:\"Exclude years from X Axis labels\",\n X_AXIS_INVERTED:\"X Axis Inverted\",\n SHOW_ONLY_TITLE_IN_LEGEND:\"Show only title (Legends)\",\n X_AXIS_TITLE: \"X Axis title\",\n Y_AXIS_TITLE: \"Y Axis title\",\n SLICES_WITH_NO_DATA: \"Show slices with no data\",\n DECIMALS : \"Decimals\",\n MAX_Y_VALUE : \"Max. Y value\",\n Y_AXIS_INTRVL : \"Y Axis interval\",\n X_AXIS_INTRVL : \"X Axis interval\",\n X_AXIS : \"X Axis\",\n X_AXIS_LABELS: \"X Axis labels\",\n X_LABEL_ROTATION : \"X Axis label rotation\",\n X_AXIS_LABEL_STAGGER_LINES : \"X Axis label stagger lines\", \n CHART_WIDTH_PX : \"Chart width (px)\",\n CHART_HIEGHT_PX : \"Chart height (px)\",\n STACKED : \"Stacked\",\n SHOW_PARENT_COLUMN : \"Show parent column?\",\n PARENT_LOCATION : \"Parent Location\",\n ADVANCED : \"Advanced\",\n SORTING_COLUMN : \"Sorting Column\",\n HIDE_ROW_0_NO_DATA : \"Hide rows with 0 or no data\",\n LIMIT_ROWS : \"Limit rows\",\n\n LINE : \"Line\",\n AREA : \"Area\",\n COLUMN : \"Column\",\n SCATTER : \"Scatter\",\n SPLINE : \"Spline\",\n WATERFALL : \"Waterfall\",\n\n\n Top_Center : 'Top-center',\n Top_Right : \"Top-right\",\n Middle_Right : \"Middle-right\",\n Bottom_Right : \"Bottom-right\",\n Bottom_Center : 'Bottom-center',\n Bottom_Left : \"Bottom-left\",\n Middle_Left : \"Middle-left\",\n Top_Left : \"Top-left\",\n Middle_Center : \"Middle-Center\",\n\n SHORT_DASH: \"Short Dash\",\n SHORT_DOT : \"Short Dot\",\n SHORT_DASH_DOT : \"Short Dash Dot\",\n SHORT_DASH_DOT_DOT : \"Short Dash Dot Dot\",\n DOT : \"Dot\",\n DASH: \"Dash\",\n LONG_DASH : \"Long Dash\",\n DASH_DOT : \"Dash Dot\",\n LONG_DASH_DOT : \"Long Dash Dot\",\n LONG_DASH_DOT_DOT : \"Long Dash Dot Dot\",\n\n\n W : \"W\",\n MON : \"Mon\",\n TUE : \"Tue\",\n WED : \"Wed\",\n THURS : \"Thurs\",\n FRI : \"Fri\",\n SAT : \"Sat\",\n SUN : \"Sun\",\n \n //Alarms\n GENERAL:\"General\",\n MONITORING:\"Monitoring\",\n AUTO_DISCARD:\"Auto-Discard\",\n INVESTIGATION:\"Investigation\",\n ADMINSTRATION:\"Administration\",\n ALERT_EID_PREFIX: \"Alert EID Prefix\",\n EID_HELP: \"Set a prefix for the ID of any alerts generated by this alarm\",\n GENERAL_SETTING_FOR_THE_ALARM:\"General settings for the alarm\",\n MONITORING_TYPE:\"Monitoring Type\",\n DESC_AGGREGATE_CONTENT:\"Aggregate type alarms use an aggregation from multiple records for a given source to evaluate an alert. The record date for the form submission which triggered the evaluation is used as the period of data to aggregate. Only a single active alert can exist per location/date.\",\n DESC_RECORD_OCNTENT:\"Record constrained alarms are sandboxed to indicator values coming from the record which triggered the evaluation and will be raised against the records location and date. Multiple alerts can be raised for a single location/date.\",\n LOCATION_SPECIFICATIONS : \"Location Source Specifications\",\n DATA_SOURCE_SPECIFICATION:\"Data Source Specifications\",\n MONITORED_BY:\"Monitored By\",\n DATA_SOURCE_INTERVAL_AS:\"Data Source Interval as\",\n RANGE_OF_INTERVAL : \"Range of Intervals\",\n MONITOR_LOCATION : \"Location\",\n INTERVAL:\"Interval\",\n NO_OF_INTERVALS:\"No. of Intervals\",\n AUTO_DISCARD_SETTINGS:\"Auto-discard settings\",\n AUTO_DISCARD_DESCRIPTION:\"Define interval and no. of interval when the alert should be auto-closed\",\n AUTO_DISCARDED_INTERVAL:\"Auto-discard interval\",\n RESTRICTED_LOCATIONS:\"Restrict Location(s)\",\n RESTRICTED_LOCATION_TYPE:\"Restrict location type\",\n EVELUATE_AT_LOCATION_TYPE:\"Evaluate at location type\",\n EXCLUDE_ZERO_VALUE: \"Exclude zero value\",\n IS_SEASONAL: \"Seasonal Variation\",\n SD_MEAN_PER:\"SD/Mean/Percentile\",\n RNG_OF_INTVS:\"Range of Intervals\",\n ALARM_FIELD_REQUIRED: \"Please provide required fields in the alarm configuration\",\n ALARM_FIELD_MANDATORY: \"Please provide mandatory fields\",\n NO_OF_WEEKS:\"No. of +/- Weeks\",\n NO_OF_PREV_YEARS:\"No. of previous years\",\n PRE_CONFIGURED_FORMULA:\"Pre-Configured Formula\",\n STI_AGG_ROLLUP_HELP:\"Roll up data to this location type\",\n DATA_SOURCE_INTERVAL_SOURCE:\"Data Source Interval Source\",\n RANGE_INTERVAL:\"Range Intervals\",\n DATA_SOURCE_INTERVAL:\"Data Source Interval\",\n AGGREGATE_BASED:\"Aggregate-based\",\n RECORD_BASED:\"Record-based\",\n REPORT_PERIOD:\"Report Period\",\n RANGE:\"Range\",\n SOURCE_INDICATOR:\"Source Indicator\",\n AGGREGATE_LOWER_LEVELS_LOCATIONS:\"Aggregate Lower levels(Locations)\",\n AGGREGATION:\"Aggregation\",\n SUM:\"Sum\",\n AVERAGE_MEAN:\"Average/Mean\",\n AVERAGE: \"Average\",\n MODIFIER:\"Modifier\",\n ALERT_CRITERIA:\"Alert Criteria\",\n COMPERATOR:\"Comparator\",\n CRITARIA_DATA_SOURCE:\"Criteria Data Source\",\n STATIC_VALUE:\"Static Value\",\n START_DATE_SPECIFICATION:\"Start date specification\",\n INTERVAL_BACK:\"Intervals Back from end date\",\n REPORT_DATE:\"Report date\",\n START_DATE_INTERVALS:\"Start Date Intervals\",\n END_DATE_SPECIFICATION:\"End date specification\",\n END_DATE_INTERVALS:\"End Date Intervals\",\n SD_FORMULA_HELP: \"Use variables SD -> Standard Deviation, MEAN -> Mean, SUM -> Sum, IDV -> Indicator Value, PERCENTILE -> Percentile\",\n SOURCES:\"Sources\",\n MODIFIER:\"Modifier\",\n MODIFIER_HELP:\"The aggregate value will be multiplied by this value before comparison\",\n VALUE:\"Value\",\n FLOOR:\"Floor\",\n MONITORING_INTRODUCTION:\"Configure how, where and when this alarm generates alerts.\",\n DAYS:\"Day(s)\",\n WEEKS:\"Week(s)\",\n MONTHS:\"Month(s)\",\n YEARS:\"Year(s)\",\n COMOPARATOR_SOURCE:\"Comparator Source\",\n CRITARIA_VALUE:\"Criteria Value\",\n ERROR:\"Error\",\n CONFIRMATION:\"Confirmation\",\n AN_ERROR_OCCURED:\"An error occurred\",\n PENDIG_APPROVAL:\"Pending Approval\",\n USER_TYPE:\"User Type\",\n AUTO_DISCARDED:\"Auto-Discarded\",\n PENDING:\"Pending\",\n COMPLETED:\"Completed\",\n DIMENTION:\"Dimension\",\n ALERTS_TRIGGERED: \"Alerts triggered\",\n ALERTS_CLOSED_NON_AUTO: \"Closed alerts (not incl. auto-discarded\",\n ALERTS_AUTO_DISCARDED: \"Auto-discarded alerts\",\n ALERTS_DISCARDED: \"Alerts discarded\",\n ALERTS_MONITORED: \"Alerts monitor\",\n ALERTS_RESPOND: \"Alerts response\",\n ALERTS_IN_VERIFICATION: \"Alerts in verification\",\n ALERTS_AWAIT_VERIFICATION: \"Alerts awaiting verification\",\n NO_OF_HOURS : \"No. of hours\",\n VERIFIED_WHITHIN : \"Verified within\",\n INCLUDE : \"Include\",\n ALERTS_VERIFIED: \"Alerts verified\",\n ALERTS_RISK_ASSESS_WITHIN : \"Risk assessment within\",\n RISK_ASSESS_WITHIN : \"Risk assess within\",\n RISK_ASSESSED_WITHIN : \"Risk assessed within\",\n RISK_CHARD_WITHIN : \"Risk characterized within\",\n\n\n RISK_CHAR_WITHIN : \"Risk characterize within\",\n INC_REPORT_DATA: \"Include report data\",\n\n\n\n ALERTS_RISK_CHAR_WITHIN : \"Risk Characterization within\",\n ALERTS_OUTCOME_WITHIN : \"Outcome within\",\n ALERTS_DISCARDED_VERIFICATION: \"Alerts discarded at verification\",\n ALERTS_MONITORED_VERIFICATION: \"Alerts monitoring at verification\",\n ALERTS_IN_RISK_ASSESS: \"Alerts in risk assessment\",\n ALERTS_AWAIT_RISK_ASSESS: \"Alerts awaiting risk assessment\",\n ALERTS_RISK_ASSESSED: \"Alerts risk assessed\",\n ALERTS_IN_RISK_CHAR: \"Alerts in risk characterization\",\n ALERTS_AWAIT_RISK_CHAR: \"Alerts awaiting risk characterization\",\n ALERTS_RISK_CHAR: \"Alerts risk characterized\",\n ALERTS_IN_OUTCOME: \"Alerts in outcome\",\n ALERTS_AWAIT_OUTCOME: \"Alerts awaiting outcome\",\n ALERTS_OUTCOME: \"Alerts with outcome\",\n ALERTS_DISCARD_OUTCOME: \"Alerts discarded at outcome\",\n ALERTS_MONITORED_OUTCOME: \"Alerts monitoring at outcome\",\n ALERTS_RESPOND_OUTCOME: \"Alerts respond at outcome\",\n ALERTS_RISK_LOW: \"Alerts (low risk)\",\n ALERTS_RISK_MODERATE: \"Alerts (moderate risk)\",\n ALERTS_RISK_HIGH: \"Alerts (high risk)\",\n ALERTS_RISK_SEVERE: \"Alerts (very high risk)\",\n FORM:\"Form\",\n ELAPSED:\"Elapsed\",\n SYNCED:\"Synced\",\n UNSYNCED:\"UnSynced\",\n SMS:\"SMS\",\n TASK_TYPE:\"Task Type\",\n REGISTRATION:\"Registration\",\n AMENDMENT:\"Amendment\",\n DISCARD:\"Discard\",\n APPROVED:\"Approved\",\n REJECTED:\"Rejected\",\n COUNT:\"Count\",\n NONE:\"None\",\n ALARMS_DISABLED_FIELDS_NOTE:\"**Note: Data Source selected as SD/MEAN, you will not be able to edit Alert criteria\",\n FORMULA_NOTE:\"**Note: Variable names for Standard Deviation is SD, Mean is MEAN, Indicator Value is IDV and Percentile is PERCENTILE\",\n DATA_POINT_NOTE: \"To evaluate alarm there must be atleast 8 reports submitted for given interval related to selected Source Indicator\",\n WEEKS_BOUND_NOTE: \"Max Number of +/- weeks are allowed is 6\",\n PREVIOUS_YEAR_NOTE: \"Max Number of previous years are allowed is 10\",\n THRESHOLDS_NOTE:\"**Note: If you selected Indicator as Form Submissions and Dimension is Timeliness/Completeness the value will be between 0-100\",\n // EXPORT\n CHILDREN_OF_TYPE:\"Children of type\",\n SELECTED:\"Selected\",\n ANNUAL:\"Annual\",\n\n //ANALYSIS\n SERIES_CHART: \"Series Chart\",\n CATEGORY_CHART: \"Category Chart\",\n DATA_TABLE: \"Data Table\",\n PROVIDE_VALID_NOTEBOOK_TITLE: \"Please provide a title for your notebook\",\n NOTEBOOK_SAVED: \"Notebook saved\",\n SHARED: \"Shared\",\n GENERATING_EXCEL: \"Generating excel...\",\n GENERATING_PDF : \"Generating pdf...\",\n //PLOTS\n SERIES_STYLE: \"Series Style\",\n SERIES_COLOR: \"Series Color\",\n DATA_SET: \"Data Set\",\n CHART_TYPE: \"Chart Type\",\n TIME_SERIES: \"Time Series\",\n CATEGORYS: \"Category\",\n STACKED_BAR: 'Stacked Bar',\n TABULAR_REPORT: 'Tabular Report',\n AGGREGATE_DATA_INTERVAL_MESSEGE: \"The interval at which to aggregate the data in the series\", \n SERIES_START_DATE: \"The start date of the series\",\n SERIES_END_DATE: \"The end date of the series\",\n VALUES_FOR_INDICATORS_WILLBE_AGGREGATED: \"Values for indicators will be aggregated using the specified function\",\n NEW_CHART: \"New Chart\",\n\n\n //documents\n SHARE : \"Share\",\n LOADING_LOCATION : \"Loading locations...\",\n BACK : \"Back\",\n DOCUMENT_TITLE : \"Document Title\",\n DOCUMENT_DATE : \"Document Date\",\n PDF : \"Pdf\",\n \n // FORMS\n DELETE_FORM_BUTTON_TEXT:\"I understand the consequences, delete this form\",\n MOVE_UP:\"Move Up\",\n MOVE_DOWN:\"Move Down\",\n PINNED:\"Pinned\",\n EARLY_WARNING:\"Early Warning\",\n VALIDATING :\"Validating...\",\n NEW_FIELD : \"New Field\",\n ADD_FIELD : \"Add Field\",\n PREVIEW : \"Preview\",\n CLOSE_PREW :\"Close Preview\",\n ADD_ONE :\"Add one\",\n MAX_SIX :\"Maximum Six\",\n UNRECOGNIZED_FIELD : \"Unrecognized field\",\n ON_SUBMIT : \"On submit\",\n ON_UPDATE : \"On update\",\n ON_DELETE : \"On delete\",\n DATA_MAPPING :\"Data mapping\",\n TASK : \"Task\",\n STAKEHOLDERS :\"Stakeholders\",\n HOOKS : \"Hooks\",\n PRE : \"Pre\",\n POST : \"Post\",\n ADD_ACTION : \"Add action\",\n DELETE_STAGE : \"Delete stage\",\n EDIT_ACTION : \"Edit action\",\n COPY_ACTION : \"Copy action\",\n REMOVE_ACTION : \"Remove action\",\n ACTION_EDITOR : \"Action Editor\",\n TARGET : \"Target\",\n GENERATE_NEW_RECORD : \"Generate new record\",\n SEND_NOTIFICATIONs:\"Send notification(s)\",\n MODIFY_FORM : \"Modify form\",\n GENERATE_ALERT : \"Generate alert\",\n LOCK_TO_ROLE : \"Lock to role\",\n COMPLETE : \"Complete\",\n CREATE_DIMENSION : \"Create dimension\",\n CREATE_MEASURE : \"Create measure\",\n SAVE : \"Save\",\n JSON: \"JSON\",\n XML:\"XML\",\n YAML: \"YAML\",\n PROTOBUF: \"ProtoBuf\",\n BINARY: \"Binary\",\n TYPE : \"Type\",\n MODIFY_RECORD : \"Modify Record\",\n SHOW_ON_MOBILE :\"Show on mobile?\",\n MEDIA_TYPE : \"Media Type\",\n PHOTO_VIDEO : \"Image / Video\",\n MAX_MEDIA_FIELD_ALLOWED_IS : \"The maximum number of media fields allowed in form is\",\n SHOW_ROW_LABEL : \"Show row label\",\n IS_AGE_LABEL: \"Calculate Age\",\n SELECT_MONTH_DAY_LABEL: \"Display Age in\",\n ISO8601_WEEKLY : \"ISO8601 Weekly\",\n NUMBER_OF_DAYS_IN_INTERVAL :\"Number of days in interval\",\n BASE_DATE : \"Base Date\",\n OUTPUT_FORMAT : \"Output Format\",\n RULES_EDITOR : \"Rules editor\",\n SOURCE_FIELDS : \"Source field(s)\",\n TRANSLATIONS :\"Translations\",\n LANGUAGE_EDITOR : \"Language Editor\",\n CODE :\"Code\",\n ADD_TRANSLATION : \"Add Translation\",\n REMOVE : \"Remove\",\n CLEAR : \"CLEAR\",\n UPLOAD_CSV_FILE_ONLY_MESSEGE : \"Please upload CSV files only\",\n UPLOAD_CSV_OPTIONS : \"Upload CSV Options\",\n STORED_VALUE :\"Stored Value\",\n DISPLAY_VALUE :\"Display Value\",\n ALL_OF_FOLLOWING_ARE_TRUE : \"All of the following are true\",\n ANY_OF_FOLLLOWING_ARE_TRUE : \"Any of the following are true\",\n GREATER_THAN :\"Greater than\",\n GREATER_THAN_EQUAL_TO : \"Greater than / equal to\",\n LESS_THAN : \"Less than\",\n LESS_THAN_EQUAL_TO : \"Less than / equal to\",\n CONDITIONS_EDITOR : \"Conditions Editor\",\n DROP_DATA_SOURCE_TO_START : \"Drop data source to start\",\n OFFSET :\"Offset\",\n FROM : \"From\",\n TO : \"To\",\n QUICK_RANGES : \"Quick Ranges\",\n ADD_SOURCES : \"Add Source\",\n VARIABLE : \"Variable\",\n INDICATORS : \"Indicators\",\n FORM_FIELDS :\"Form Fields\",\n DATA_SET : \"Data Set\",\n SOURCE_FIELDS : \"Source Fields\",\n ADD_INDICATOR : \"Add Indicator\",\n NO_INDICATOR_SELECTED : \"No indicator selected\",\n CONTAINS : \"Contains\",\n DOES_NOT_CONTAIN : \"Does not contain\",\n NULL : \"Null\",\n GENERATE_CUSTOM_ID :\"Generate Custom Id\",\n DISPLAY_IN_MAIN_RECORD : \"Display in Main Record\",\n FILL_SUB_FORM:\"Fill sub form\",\n VIEW_SUB_RECORDS:\"View sub form records\",\n\n INTERVAL_BASED_REPORTING : \"Interval-Based Reporting\",\n INTRVL_BASED_REPORTNG_DESCRIPTION:\"Form is configure to be submitted on a routine basis\",\n REPORTING_INTERVAL : \"Reporting Interval\",\n BLOCK_DATE_IN_FUTURE : \"Block dates in the future\",\n LOCATION_BASED_REPORTING : \"Location-Based Reporting\",\n LOCATION_BASED_REPORTING_DESCRIPTION :\"Forms are submitted with a correlated location of a specific type\",\n OVERDUE_THRESHOLDS : \"Overdue Thresholds\",\n OVERDUE_THRESHOLDS_DESCRIPTION : \"Form can be configured to be overdue\",\n OVERDUE_INTERVAL_TYPE : \"Overdue Interval Type\",\n OVRDUE_THRESHOLD : \"Overdue Threshold\",\n GENERATE_UNIQUE_ID_LABEL:\"Generate unique sequence on form submissions.\",\n UNIQUE_ID_FIELD_NAME: \"Unique ID Field Name\",\n ENABLE_UNIQUE_ID_GENERATION:\"Enable Unique ID Generation.\",\n GENERATE_UNIQUE_ID_DESCRIPTION:\"Forms are submitted with a Unique Id\",\n PREFIX_LOCATION_TYPE:\"Prefix Location Type\",\n SERIAL_NUMBER_LENGTH:\"Serial number length\",\n FORM_PREFIX:\"Form Prefix\",\n AMMENDMENT_DESCRIPTION :\"Force users to have to submit amendments for approval\",\n REQ_APPROVAL : \"Require approval\",\n RETRACTIONS : \"Retractions\",\n RETRACTION_DESCRIPTION :\"Force users to have to submit deletions for approval\",\n ATTACHABLE_TO_ALERT : \"Attachable to Alerts\",\n ATTACHABL_TO_ALERT_DESCRIPTION : \"Allow this form to be configured to be used in alert investigations\",\n\n\n\n DRAG_FIELD_TO_START_MESSEGE :\"Drag a field here to start\",\n NO_FIELD_CONFIGURED_MESSEGE :\"There are currently no fields configured\",\n MAX_SIX_FIELD_CAN_CONFIGURED_MESSEGE :\"A row can only contain a maximum of six items\",\n DROP_FIELD_HERE :\"Drop field here\",\n SURE_WANT_DELETE_STAGE_MESSEGE :\"Are you sure you want to delete this stage?\",\n OF_FOLLOWING_ARE_TRUE : \"of the following are TRUE\",\n NO_ACTION_TYPE_SELECTED : \"No action type selected\",\n\n IS_EQ_TO : \"Is equal to\",\n IS_NEQ_TO : \"Is not equal to\",\n IS_GT : \"Is greater than\",\n IS_LT : \"Is less than\",\n IS_GT_OR_EQ_TO :\"Is greater-than or equal to\",\n IS_LT_OR_EQ_TO : \"Is less-than or equal to\",\n IS_EMPTY: \"Is empty\",\n IS_NOT_EMPTY: \"Is not empty\",\n BEGINS_WITH: \"Begins with\",\n ENDS_WITH: \"Ends with\",\n IS_BETWEEN: \"Is between\",\n IS_NOT_BETWEEN: \"Is not between\",\n IS_WITHIN: \"Is within\",\n IS_NOT_WITHIN: \"Is not within\",\n UNDER: \"Under\",\n AT_PLUS_UNDER: \"At + under\",\n Days : \"Day(s)\",\n Weeks : \"Week(s)\",\n Months : \"Month(s)\",\n Years : \"Year(s)\",\n\n FORM_NAME : \"Form Name\",\n FORM_NAME_HELP : \"Enter a descriptive name for the form\",\n FORM_TYPE : \"Form Type\",\n PRIMARY_COLLECTION : \"Primary Collection\",\n INVESTIGATIVE : \"Investigative\",\n FORM_TYPE_HELP :\"Type of context that this form will be used within, default is 'Primary Collection' for normal surveillance\",\n REPORTING_INTERVAL_HELP :\"Select the reporting period that this form should be submittable for, if None, a report can be submitted for any date\",\n ACCOUNT : \"Account\",\n LOCATION_AWARE : \"Location Aware\",\n LOCATION_AWARE_HELP : \"Turn this on if this form should be submitted for specific locations\",\n ALLOWED_LOCATION_TYPE : \"Allowed Location Type\",\n SINGLE_REPORT_RESTRICTION : \"Single Report Restriction\",\n SINGLE_REPORT_RESTRICTION_HELP : \"Disable this setting if you would like to allow multiple reports with the same report date / location selected\",\n OVERDUE_INTERVAL : \"Overdue Interval\",\n OVERDUE_INTERVAL_HELP :\"The interval at which the report will become overdue\",\n OVRDUE_THRESHOLD_HELP :\"The number of the Overdue Interval after which the report will become overdue\",\n BLOCK_FUTURE_DATES: \"Block Future Dates\",\n BLOCK_FUTURE_DATE_HELP :\"Do not allow reports to be submitted past the current date\",\n FORM_STATUS : \"Form Status\",\n ARCHIVED : \"Archived\",\n MULTIPLE_ALLOWED_1_REQUIRED : \"Multiple allowed; 1 required\",\n NOT_REQUIRED : \"Not required\",\n FORM_DESCRIPTION : \"Form Description\",\n FORM_DESCRIPTION_HELP :\"Enter a concise description of the form\",\n CONDITIONS : \"Conditions\",\n ADD_IN_TO_IND_VAL : \"Add 'in' to indicator value\",\n\n LAST_30_DAYS : \"Last 30 days\",\n LAST_60_DAYS :\"Last 60 days\",\n LAST_6_MONTHS : \"Last 6 months\",\n LAST_1_YEAR : \"Last 1 year\",\n LAST_2_YEAR : \"Last 2 years\",\n LAST_5_YEAR : \"Last 5 years\",\n YESTERDAY : \"Yesterday\",\n DAY_BEFORE_YESTRDY : \"Day before yesterday\",\n THIS_DAY_LAST_WEEK :\"This day last week\" ,\n PREVIOUS_WEEK :\"Previous week\",\n PREVIOUS_52_WEEKS :\"Previous 52 weeks\",\n PREVIOUS_MONTH :\"Previous month\",\n PREVIOUS_YEAR :\"Previous year\",\n TODAY :\"Today\",\n THIS_WEEK : \"This week\",\n THIS_MONTH : \"This month\",\n THIS_YEAR :\"This year\",\n CUR_YEAR_FIRST_WEEK : \"This year first week\",\n\n \n //MAP\n TARGET_LOCATION_TYPE: \"Target Location Type\",\n COMPLEX_DATA_SOURCE: \"Complex Data Source\",\n SITE_TYPE: \"Site Type\",\n MEDIAN_AVERAGE: \"Median/Average\",\n SOURCE_SPECIFICATION: \"Source Specification\",\n TARGET_INTERVAL: \"Target Interval\",\n INDICATOR_SOURCE_DATA: \"Indicator Source Data\",\n SPECIFIC_LOCATIONS: \"Specific Locations\",\n COUNTRY: \"Country\",\n TARGET_LOCATION_STATUS: \"Target Location Status\",\n DISPLAY_MODE: \"Display Mode\",\n MOVEMENT: \"Movement\",\n SCALE: \"Scale\",\n RED_BLUE: \"Red -> Blue\",\n BLUE_RED: \"Blue -> Red\",\n LAYER_OPACITY: \"Layer Opacity\",\n AVERAGE: \"Average\",\n STANDARD_DEVIATION: \"Standard Deviation\",\n QUARTILE: \"Quartile\",\n \n\n //imports\n PROCESSING_DATA :\"Processing data...\" ,\n DATA_LOADED : \"Data loaded\",\n DELETING : \"Deleting...\",\n IMPORTING : \"Importing...\",\n UPLOADING_FILE : \"Uploading file...\",\n PROJECT_NAME: \"Project name\",\n TARGET_IMPORT_TYPE: \"Target import type\",\n DATASET: \"Dataset\",\n TOTAL_ITEMS : \"Total Items\",\n ITEMS_IMPORTED :\"Items Imported\",\n RESULTS : \"Results\",\n TARGET_FORM_FIELD: \"Target form field\",\n SOURCE_DATE_FORMAT : \"Source Date Format\",\n MISSING_DATA_PLAN: \"Missing data plan\",\n CUSTOM_DATE_FORMAT : \"Custom date format\",\n SET_NULL : \"Set NULL\",\n SET_ZERO: \"Set Zero (0)\",\n IGNORE_ROW : \"Ignore Row\",\n LOCATION : \"Location\",\n LOADING_DEF : \"Loading definition\",\n SUBMITTED_DATE : \"Submitted Date\",\n FORM_ID : \"Form ID\",\n FORM_VEERSION_ID : \"Form Version ID\",\n LOCATION_COLUMN : \"Location Column\",\n LOCATION_MATCH_TYPE: \"Location Match Type\",\n OVERRIDE_LOCATION_MATCH_TYPE : \"Override location type match?\",\n LOCATION_TYPE_MATCH : \"Location type match\",\n REPORT_DATE_COLUMN : \"Report Date Column\",\n REPORT_DATE_FORMAT : \"Report Date Format\",\n SUBMITTED_DATE_COLUMN : \"Submitted Date Column\",\n SYSTEM_TODAY : \"System Today\",\n SYSTEM_REPORT_DATE : \"System Report Date\",\n SUBMITTED_DATE_FORMAT : \"Submitted Date Format\",\n ALLOW_FUTURE : \"Allow future?\",\n DELETE_PROJECT: \"Delete project\",\n REVOMED_ALREADY_IMPORTED_PROJECT_DATA : \"Remove already imported data?\",\n ACTION : \"Action\",\n REQUIRED_FIELD : \"Required field\",\n\n //mapping\n DEFAULT_CENTER: \"Default Center\",\n GROUP : \"Group\",\n SHOW_LEGEND : \"Show legend\",\n LEGEND_POS : \"Legend pos.\",\n STROKE_COLOR : \"Stroke color\",\n CROSS : \"Cross\",\n WYE : \"Wye\",\n INTERACTIVITY : \"Interactivity\",\n NO_FORM_SELCTED :\"No form selected\",\n FIELD : \"Field\",\n NO_FIELD_SELECTED : \"No field selected\",\n CREATE_NEW: \"Create New\",\n ERR_LOADING_FORM : \"error loading forms\",\n SETTING_CHANGED : \"Settings Changed!\",\n \n //map mapping common \n SAVING_MAP: \"Saving map...\",\n DELETING_MAP: \"Deleting map...\",\n MAP_DELETED: \"Map deleted\",\n DELETE_MAP: \"Delete Map?\",\n DELETE_MAP_CONFIRMATION_MESSEGE: \"Are you sure you want to delete this map?\",\n UPDATE_MAP: \"Update Map\",\n CREATE_MAP: \"Create Map\",\n MAP_BROWSER: \"Map Browser\",\n SAVED_MAPS: \"Saved Map(s)\",\n OPEN_CREATE_MAP_INSTRUCTION: '\"Open\" to view an existing map or click \"Create\" below to create your own.',\n \n //dashboard\n OVERDUE_RECORDS : \"Overdue records\",\n DRAFTS : \"DRAFTS\",\n REQUEST_ASSIGNMENT : \"Request Assignment\",\n PLOTS : \"Plots\",\n DOCUMENT_TEMPLATE : \"Document Templates\",\n ALERTS : \"Alerts\",\n\n //reporting\n UPCOMNG_REPORT_NOT_AVAILABLE_FOR_ROLE : \"Upcoming reports are not available for your role.\",\n OVRDUE_REPORT_NOT_AVAILABLE_FOR_ROLE : \"Overdue reports are not available for your role.\",\n CLAIM_REPORT: \"Claim Report\",\n CLAIM_REPORT_MESSAGE: \"Are you sure you want to claim this report. All associated data and responsibility for this report will be transferred to you.\",\n CLAIM_SUCCESS: \"This report now belongs to you\",\n DELETING_SUBMISSION: \"Deleting form submission...\",\n REPORT_DATE_HELP : \"Select the date that this report is for.\",\n REPORT_LOCATION_HELP :\"Select the location this report belongs to.\",\n REPORT_ASSGNMNT_HELP : \"Select the assignment you are submitting this report for\",\n DATE_OF_ADMISSION : \"Date of admission\",\n UNIQUE_ID:\"Unique Id\",\n MAIN_FORM_ID: \"Main Form Id\",\n VIEW_EDIT : \"View/Edit\",\n PRINT :\" Print\",\n RE_EVALUATE : \"Re-evaluate\",\n FROM_SERVER : \"From Server\",\n KEEP_GLOBAL_CHANGES : \"Keep global changes\",\n KEEP_LOCAL_CHANGES :\"Keep local changes\",\n RESOLVE_CONFLICT : \"Resolve Conflict\",\n CONFLICT_RESOLVED_SUCCESSFULLY :\"Conflict Resolved Successfully\",\n REPORT_TYPE: \"Report Type\",\n PROPOSED_CHANGES : \"Proposed Changes\",\n UNCATEGORIZED : \"Uncategorized\",\n GLOBAL :\"Global\",\n LOCAL : \"Local\",\n LOADING_USERS : \"Loading users\",\n NO_USER_AVBL : \"No users available\",\n LOADING_REPORTNG_PERIOD : \"Loading reporting periods\",\n NO_REPORTING_PERIOD_FOR_LOCATION : \"No reporting periods set for this location\",\n LOADING_ASSIGNMNETS : \"Loading assignments\",\n NO_ASSGNMNTS : \"No assignments\",\n LOCATION_NAME: \"Location name\",\n IMPORT_GEOJSON : \"Import Geojson\",\n UPLOAD_FILE : \"Upload File\",\n LOCATION_PCODE : \"Location pcode\",\n PARENT_LOCATION_PCODE : \"Parent location pcode\",\n GEOJSON_FILE_COLUMN : \"GeoJson file column\",\n PROVIDE_FIELD_MANDATORY: \"Please provide mandatory fields\",\n\n IMPORT_LOCATION_AS:\"Import location as\",\n ADDING_LOCATIONS : \"Adding Locations\",\n LOCATIONS_ADDED : \"Locations Added\",\n PCODE : \"PCode\",\n LOC_PATH : \"Location Path\",\n LOAD_LOCATION : \"Loading location...\",\n ASSIGNMENT_REQUEST_SUBMITTED : \"Assignment Request Submitted\",\n ASSIGNMENT_REQUEST_MESSEGE :\"Your assignment request has been submitted. An administrator will review your request and you will receive feedback soon.\",\n SELECT_ANOTHER_FORM_FOR_REQUEST : \"Select another form opposite to request another assignment.\",\n ASSIGNMENT_DETAILS :\"Assignment Details\",\n ASSIGNMENT_FORM_REQUIRE_ADMIN_APPROVAL : \"Assignments for this form require approval by an administrator before they can be used.\",\n ASSIGNMENT_LOCATION : \"Assignment Location\",\n SELECT_VALID_LOCATION: \"Please select a valid location\",\n SUBMITTING_ASSIGNMENT_REQUEST : \"Submitting assignment request...\",\n SELECT_FORM_TO_REQUEST_ASSIGNMENT : \"Select a form from the left to request an assignment\",\n NO_ITEMS_FOUND : \"No items found\",\n DETAILS : \"Details\",\n REPORTING_PERIOD : \"Reporting Periods\",\n STRUCTURE : \"Structure\",\n REPORTS_SUBMIITED : \"Reports Submitted\",\n REPORT_REPRSNTIVENSS : \"Reporting Representativeness\",\n ASSIGNMENT_ACTIVE : \"Assignments (Active)\",\n REGIONAL_ADMINS : \"Regional Admins\",\n ALERTSOPEN : \"Alerts (Open)\",\n ALERTSTRIGGRED : \"Alerts (Triggered)\",\n CHILD_LOCATION_ACTIVE : \"Child Locations (Active)\",\n CHILD_LOCATION_ARCHIVED : \"Child Locations (Archived)\",\n\n USER_WITH_THIS_ROLE_HAVE_NO_ASSGNMNT : \"Users with this role type do not have assignments.\",\n LOADING_ASSGNMNT :\"Loading assignments...\",\n LOADING_USER_DETAILS : \"Loading user details...\",\n SHOW_UNSYNCED_DATA : \"Show UnSynced Data\",\n FILL_SUBFORM_CLICK_ON_MAIN_RECORD_PLUS_ICON:\"To fill sub form click on the Main Record icon.\",\n SHOWING : \"Showing \",\n to : \" to \",\n of : \" of \",\n\n ASSIGNMENT_NOT_APPLICABLE_FOR_THIS_ROLE : \"Assignments are not applicable to your user type.\",\n REQUEST_NEW_ASSIGNMENT : \"Request new assignment\",\n\n //common\n REQUEST_TO_FOLLOWING_REPORT : \" has requested an amendment to the following report:\",\n ORIGINAL_VALUE : \"Original Value\",\n AMENDED_VALUE : \"Amended Value\",\n REJECTION_MESSEGE_FOR_AMMENDMENT_REQUEST : \"You are rejecting this amendment request, please provide a reason the request is being rejected and EWARS will notify the requestor.\",\n REJECTION_REASON :\"Rejection Reason\",\n PROCESSING : \"Processing...\",\n APPROVE : \"Approve\",\n REJECT : \"Reject\",\n REQUEST_DELETION_OF_REPORT : \" has requested deletion of the following report:\",\n VIEW_REPORT : \"View Report\",\n REJECTION_MESSEGE_FOR_DELETION_REQUEST : \"You are rejecting this deletion request, please provide a reason the request is being rejected and EWARS will notify the requestor.\",\n REPORT_DELETION_REQUEST : \"Report Deletion Request\",\n REQUEST_OF_ASSIGNMENT : \" has requested a new assignment:\",\n REJECTION_MESSEGE_FOR_ASSIGNMENT_REQUEST : \"You are rejecting this assignment request, please provide a reason the request is being rejected and EWARS will notify the requestor.\",\n LOCATION_FULL : \"Location (Full)\",\n ACCOUNT_REQUEST : \" has requested an account:\",\n USER_DETAILS : \"User Details\",\n NEW_ORGANIZATION_NAME : \"New organization name\",\n ACCESS_DETAILS : \"Access Details\",\n ROLE: \"Role\",\n REJECTION_MESSEGE_FOR_USER_REGISTRATION :\"You are rejecting this user registration, please provide a reason the request is being rejected and EWARS will notify the requestor.\",\n\n SPECIFY_VALID_ROLE : \"Please specify a valid role\",\n SPECIFY_VALID_STATUS :\"Please specify a valid status\",\n SPECIFY_LOCATION_FOR_GEOGRAPHIC_ADMIN : \"Please specify a location for this Geographic Administrator\",\n REGISTRATION_REQUEST :\"Registration Request\",\n\n ONLINE_FEATURE : \"Online feature\",\n CANNOT_CONNECT_WITHOUT_AN_INTERNET : \"Sorry: you can’t access this feature without an internet connection!\", \n CANNOT_CONNECT_WITHOUT_INTERNET :\"Sorry you can't access this feature without internet connection!! \",\n REQUESTING_NEW_COOKIE_ERROR : \"There was an error requesting new cookie.\",\n CURRENTLY_OFFLINE_PLEASE_CHECK_CONNECTION : \"You are currently offline, please check your internet connection before proceeding with any work.\",\n RECONNECTED : \"Reconnected\",\n YOUR_CONNECTION_HAS_RE_ESTABLISHED :\"Your internet connection has been re-established.\",\n SYNCING_ACCOUNT: \"Syncing account...\",\n USER_APPROVAL_PENDING: \"User Approval Pending\",\n INTERNAL_SERVER_ERROR: \"Internal server error\",\n SYNCED_SUCCESSFULLY: \"Synced Successfully!\",\n AUTHENTICATION_FAILED: \"Authentication Failed!!!\",\n WANT_TO_RECIEVE_DATA_FROM_USER : \"Do you want to receive data from user \",\n WILL_BE_SYNCED_BY :\" will be synced from user \",\n DO_YOU_WANT_TO_CONTINUE : \" , Do you want to continue?\",\n REGISTERED : \"Registered\",\n SYSTEM_USER : \"System User\",\n PHONE : \"Phone\",\n NUMERIC : \"Numeric\",\n STATIC : \"Static\",\n\n IS_REQUIRED_FILED : \" is a required field.\",\n SCHEDULED : \"Scheduled\",\n COMMENT: \"Comment\",\n ACTIVITY_COMMENTS: \"Comments\",\n ANNUALLY: \"Annually\",\n NONE_SELECTED: \"No selection\",\n OPTIONS_EDITOR: \"Options Editor\",\n CHOOSE_FILE: \"Choose File\",\n CHOOSE_FILE_TO : \"Choose a file to\",\n CHOOSE_CSV_FILE_TO : \"Choose a CSV file to\",\n DOWNLOAD_TEMPLATE_CSV: \"Download Template CSV\",\n IMPORTING_DATA: \"Importing data...\",\n DATA_IMPORTED: \"Data imported successfully.\",\n LINK_GOOGLE_SHEET : \"Link Google Sheet\",\n VIA_CSV : \"Via csv\",\n GOOGLE_SHEET : \"Google Sheet\",\n APPEND_ROWS: \"Append rows\",\n UPDATE_AND_APPEND_ROWS: \"Update and append rows\",\n IMPORT_FAILED: \"Failed to import\", \n DOWNLOAD_TEMPLATE_CSV_FROM_HERE : \"You can download the template from here\",\n NO_FILE_CHOSEN: 'No File Chosen',\n YEARLY : \"Yearly\",\n SHAREABLE:\"Shareable\",\n PDF_PAGE_ORIENTATION : \"PDF Page Orientation\",\n NO_DATA_AVAILABLE: \"No data available\",\n //field helps\n LOCATION_INFORMATION: \"The location to source the indicator data at\",\n EXPORT_HELP: \"Show export button for exporting images, pdf, etc...\",\n ZOOM_HELP: \"Allow zooming into the chart by click dragging\",\n NAVIGATOR_HELP: \"Show the timeline navigator below the chart\",\n SERIES_TITLE_HELP: \"The series title displayed in the chart, if left blank, indicator name will be used\",\n LABEL_HELP: \"Labels are scaled based on the overall map scale, use em scaling to rescale labels\",\n THRESHOLD_HELP: \"Threshold above which labels will be displayed\",\n CSS_CLASSNAME_HELP: \"Specify a CSS class name to set on the main element in order to apply custom styling\",\n PREFIX_TEXT_HELP: \"Text shown to the left of the value\",\n SUFFIX_TEXT_HELP: \"Text shown after the value in\",\n FONT_SIZE_HELP: \"Size is in pixels (px), default 30px\",\n LOCATION_GORUP_HELP: \"Aggregate: A single line is produced aggregating the locations data together, Individual: Individual lines are produced for each location in the group\",\n INDICATOR_HELP: \"The data to use\",\n CHART_TYPE_HELP: \"The type of series chart to display\",\n SERIES_COLOR_HELP: \"The colour to use for the series, if unset, will default to indicator defined colour or random\",\n START_DATE_SPECIFICATION: \"Start Date Specification\",\n END_DATE_SPECIFICATION: \"End Date Specification\",\n INVERVAL_END_DATE: \"Intervals to Subtract from End Date\",\n INVERVAL_REPORT_DATE: \"Intervals to Subtract from Report Date\",\n INVERVAL_END_DATE_HELP: \"The amount of the chart interval back that will be subtracted from the Start Date\",\n SERIES_TYPE: \"Series Type\",\n SERIES_TITLE: \"Series Title\",\n SERIES_COLOR: \"Series Colour\",\n SERIES_MODIFIER_HELP: \"A value to multiply each value in the series by, no modifier will be use if left blank\",\n NEW_COLUMN: \"New Column\",\n WIDGET_ID: \"Widget Id\",\n DATA_FORM: \"Data Form\",\n SOURCE_FORM:\"Source Form\",\n SELECT_FORM:\"Select Form\",\n DATA_AGGREGATION: \"Data Aggregation\",\n GROUP_BY: \"Group By\",\n ALL:\"All\",\n FETCH: \"Fetch\",\n SPECIFIC_FORM:\"Specific Form\",\n TIME_INTERVAL:\"Time Interval\",\n NO_GROUPING:\"No Grouping\",\n ALERT_DATA: \"Alert Data\",\n WIDGET_TYPE:\"Widget Type\",\n ADD_WIDGET:\"Add Widget\",\n ENH_TABLE : \"Enh Table\",\n PF_IND:\"Performance Indicators\",\n REPORTING_LOCATION: \"Reporting Location\",\n SOURCE_ALARM: \"Source Alarm\",\n SELECTED_ALARM: \"Selected Alarms\",\n USE_TOTAL_FORMULA:\"Use Total Formula\",\n USE_FORMULA_TOTAL:\"Use formula for total\",\n SELECT_ALARMS: \"Select Alarms\",\n ALERT_DATA_COLUMN: \"Alert Data Column\",\n ALARM_NAME: \"Alarm Name\",\n ALERT_STATE: \"Alert State\",\n ALERT_OUTCOME: \"Alert Outcome\",\n LIKELY_EVENT:\"Likely event\",\n VALUE_MAPPING_EXCLUDE:\"Value Mapping & Exclude Values\",\n VALUE_ALIASING_EXCLUDING:\"Group by column value aliasing and excluding it\",\n VALUE_ALIASING: \"Value Aliasing\",\n PROVIDE_VALID_CONFIG : \"Please provide valid configuration\",\n NO_DATA_FETCH: \"No data to fetch\",\n TOTAL_FORMULA_NOTE:\"Enter arithmetic expression using arithmetic operators '+,-,*,/,(,)' and following variables \",\n REMOVE_ALL : \"Remove All\",\n SHOW_TOTALS: \"Show totals\",\n GROUP_BY_COLUMN_TITLE:\"Group by column title\",\n COLUMN_TITLE: \"Column Title\",\n VALUE_MAPPER : \"Value Mapper\",\n SHOW_TOTAL: \"Show Total\",\n TITLE_HELP:\"Any Special characters are not allowed.Use '_' instade of space in between words .\",\n SERIES_DESCRIPTION:\"Short description about the series\",\n EXCLUDE: \"Exclude\",\n LOCATION_TYPE: \"Location Type\",\n LOCATIONS: \"Locations\",\n LOCATION_GROUPS: \"Location Group\",\n DISPLAY_BY : \"Display by\",\n INDICATOR: \"Indicator\",\n FORM_FIELD: \"Form Field\",\n DATA_LOCATION:\"Data Location\",\n SELECT_LOCATIONS: \"Select Locations\",\n DATA_PERIOD: \"Data Period\",\n SORTING_FILTERING: \"Sorting & Filtering\",\n TABLE_CSS_CLASS: \"Table CSS Class\",\n DATA_SOURCE_FORMS: \"Data Source Forms\",\n INPUT_NOT_ALLOWED_IN_WEB : \"Input not allowed in the web.\",\n UNSUPPORTED_MEDIA :\"Unsupported Media\",\n\n //HEADER\n DAYS_LEFT: \" days left to sync\",\n ONLINE: \"Online\",\n OFFLINE: \"Offline\",\n LOADER_MSG2: \"Thank you for using EWARS. We appreciate it!\",\n LOADER_MSG3: \"- Your friends at EWARS\",\n SHORTCUTS: \"Shortcuts : \",\n HARD_REFRESH: \"Hard Refresh\",\n REFRESH: \"Refresh\",\n GO_BACK: \"Go Back\",\n OPEN_DEVTOOLS: \"Open DevTools\",\n ALL_RIGHTS_RESERVED: \"All Rights Reserved.\",\n //validators\n ENTER_VALID_NUMBER : \"Please enter a valid number.\",\n DECIMAL_NUMBER_NOT_ALLOWED_ENTER_WHOLE_NUMBER : \"Decimal numbers are not allowed, please only provide whole numbers.\",\n MAX_VALUE_ALLOWED_IS : \"Maximum allowed value is \",\n MIN_VALUE_ALLOWED_IS : \"Mininum allowed value is \",\n NEGATIVE_NUMBER_NOT_ALLOWED_ENTER_POSITIVE_NUMBER : \"Negative values are not allowed, please use only positive numbers\",\n MUST_SPECIFY_ATLEAST_ONE_VALUE_IN_ONE_LANGUAGE : \"You must specify at least one value in at least one language\",\n USER_EXISTS_AT_ROOT: \"The email specified is already exists in the system.\",\n\n LOCATION_DETECTION: \"Location Detection\",\n LOCATION_DETECTION_QUESTION: \"Would you like EWARS to try and use your current location?\",\n CURRENT_LOCATION: \"Current Location\",\n MAP_LOCATION: \"Map Location\",\n FILTER_BY_CONDITION: \"Filter by condition:\",\n FILTER_BY_VALUE: \"Filter by value:\",\n REMOVE_FILTER: \"Remove filter\",\n INVALID_FILE_TYPE:\"Invalid file selected!\",\n NOTALLOWED_FILE_TYPE:\"This File Type is not allowed!\",\n INVALID_FILE_NAME:\"# in the File Name is not allowed! \",\n\n COLLAPSE : \"Collapse\",\n SEARCH : \"Search\",\n CLEAR_SEARCH : \"Clear search\",\n USERVIEW : \"Userview\",\n APPLY_FILTER : \"Apply filter\",\n SORT : \"Sort\",\n SELECT_DATE : \"Select date\",\n CLEAR_DATE : \"Clear date\",\n ADD_THRESHOLD : \"Add threshold\",\n GENERATE_PDF : \"Generate pdf\",\n DOWNLOAD : \"Download\",\n DOWNLOAD_CSV : \"Download as CSV\",\n \n REDIRECT: \"Redirect\",\n EXTERNAL_LINK : \"External link\",\n BROWSE : \"Browse\",\n ADD_THRESHHOLD : \"Add threshold\",\n REMOVE_THRESHHOLD : \"Remove threshold\",\n CHANGE_FILTER : \"Change Filter\",\n FILTER_DUPLICATE_RECORDS : \"Filter Duplicate Records\",\n CLEAR_FILTER : \"Clear Filter\",\n\n FAST_BACKWARD : \"Fast backward\",\n STEP_BACKWARD : \"Step backward\",\n STEP_FORWARD : \"Step forward\",\n FAST_FORWARD : \"Fast forward\",\n SYNC: \"Sync\",\n OK:\"Ok\",\n\n REPORT_MANAGER : \"Report manager\",\n ALERT_LOGS: \"Alert logs\",\n LOGOUT : \"logout\",\n USER_PROFILE : \"User profile\",\n WIFI : \"Wifi\",\n THIRD_PARTY_CLIENT : \"Third party client\",\n COPY_CLIENT_DETAILS : \"Copy Client Details\",\n NETWORK_STATUS : \"Network status\",\n CREATE_NEW_RECORD : \"Create new record\",\n EXPAND : \"expand\",\n OR_BASED_SYNC : \"QR based sync\",\n\n ADD_SECTION: \"Add section\",\n EDIT_SECTION : \"Edit section\",\n MOVE : \"Move\",\n RESEND_INVITE : \"Resend invite\",\n DELETE_INVITE: \"Delete invite\",\n PRINT_FORM : \"Print form\",\n EXPORT_FORM : \"Export form\",\n NOTEBOOKS: \"Notebooks\",\n MAPS: \"Maps\",\n KEY: \"Key\",\n\n RECEIVE_DATA: \"Receive Data\",\n DOC : \"Doc\",\n GROUP_BY: \"Group By\",\n ERROR_IN_PDF_DOWNLOADING : \"Some error in downloading pdf.Please try again !\",\n ERROR_DOWNLOAING_DOCUMENT : \"Some error in downloading doc, please try again later!\",\n FIELD_EXPORT_LABEL: \"Export label\",\n CONCATENATE:\"Concate\",\n SUBTRACT:\"Subtract\",\n OPERATOR_TYPE:\"Operator type\",\n SEPARATOR:\"Separator\",\n TABLE_VIEW:\"Table View\",\n CUMULATIVE:\"Cumulative\",\n CUMULATIVE_DESCRIPTION:\"If true then it will show cumulative value of data in the series\",\n NO_AUTH: \"Incorrect Email/Password\",\n USER_DELETED: \"Incorrect Email/Password\",\n EMAIL_PENDING_VERIFICATION: \"Account is pending email verification, please check your inbox.\",\n USER_EXISTS_NO_ACCESS_ACCOUNTS: \"You do not have access to any accounts at this time.\",\n USER_EXISTS_NO_ACCESS_ACCOUNT: \"You do not have access to this account at this time.\",\n NO_ACCOUNT: \"You do not have access to any accounts at this time\",\n USER_ACCESS_REVOKED: \"Your access to the account was revoked\",\n USER_PENDING_APPROVAL: \"You account access is currently pending approval\",\n USER_NO_ACCESS_ACCOUNTS: \"You currently do not have access to any accounts\",\n SELECT_LANGUAGE: \"Select any language first!\",\n ADDING_LANGUAGE: \"Adding new language... please wait...\",\n LANGUAGE_ALREADY_EXISTS: \"Selected language Already exists!\",\n LANGUAGE_ADDED: \"Added language Successfully.\",\n FETCHING_TRANSLATION: \"Fetching Translation...\",\n AUTO_TRANSLATE_T: \"Auto Translate\",\n AUTO_TRANSLATE_Q: \"It will only translate and replace empty values of language json. Do you want to continue?\",\n TRANSLATING_LABELS: \"Translating labels...Please wait as this may take a few minutes...\",\n LANGUAGE_TRANSLATED: \"Language translated successfully.\",\n LANGUAGE_TRANSLATION_FAILED: \"Language translation failed!\",\n LANGUAGES: \"Languages\",\n ADD_LANGUAGE: \"Add Language\",\n EDIT_TRANSLATION: \"Edit Translation\",\n AUTO_TRANSLATE: \"Auto Translate\",\n ENGLISH: \"English\",\n MODULE: \"Module\",\n\n //team\n TEAM_MEMBERS:\"Team Members\",\n MEMBERS_COUNT: \"Members\",\n SELECT_MEMBER: \"Select Member\",\n IS_ALREADY_IN_TEAM :\"is already in team\",\n TEAM_EDITOR:\"Team editor\",\n TEAM_SETTINGS:\"General Team Details\",\n TEAM_SETTING_INTRODUCTION:\"Define your team\",\n TEAM_MEMBER_SETTINGS :\"Team Members\",\n TEAM_MEMBER_SETTING_INTRODUCTION :\"Define your Team Member\",\n SELECT_USER_AND_MAKE_TEAM :\"Select user from here to create a team\",\n TEAM_UPDATED:\"Team Updated\",\n TEAM_CREATING:\"Team Creating\",\n TEAM_CREATED:\"Team Created\",\n DELETE_TEAM : \"Delete Team\",\n DELETE_TEAM_MESSEGE:\"Are you sure youn want to delete team?\",\n DELETING_TEAM:\"Team Deleting\",\n TEAM_DELETED:\"Team Deleted\",\n SMS_PHONE_NUMBER : \"SMS Phone Number\",\n TWELVE_DIGIT_NUMBER:\"Enter 12 Digit SMS Phone Number\",\n PHONE_NUMBER_WITH_COUNTRY_CODE : \"Enter Phone number with Country code (+1232323232)\",\n\n\n //lock\n PASSWORD: \"Password\",\n AUTHENTICATE: \"Authenticate\",\n EWARS_LOCKED: \"Ewars Locked\",\n LOGIN_AGAIN: \"Login Again\",\n CHANGE_STATUS: \"Change Status\",\n DUPLICATE_LANGUAGE: \"Duplicate Language\",\n DUPLICATE_LANGUAGE_CONF: \"Do you still want to add it for your account?\",\n\n CHANGE_LANG_STATUS: \"Are you sure you want to mark this language as \",\n SET_AS_DEFAULT: \"Set as default\",\n LANGUAGE_EXISTS: \"This language already exists\",\n SET_DEFAULT_LANGUAGE_ERROR: \"You can not set inactive language as default\",\n CHANGE_DEFAULT_LANGUAGE_T : \"Set default language\",\n // CHANGE_DEFAULT_LANGUAGE_Q : \"Do you want to change default language for all user?\",\n CHANGE_DEFAULT_LANGUAGE_QUES : \"Do you want to change default language as \",\n UPDATE_ALL_USER : \"All Users\",\n OLNY_ACCOUNT : \"Current User\",\n UPDATED_DEFAULT_LANGUAGE:\"Successfully updated default language\",\n NOT_SET_DEFAULT_LANGUAGE: \"Failed to update default language\",\n NOT_SET_DEFAULT_LANGUAGE_AS_INACTIVE: \"You can't change default language status as inactive\",\n MY_IP_ADDRESSES:\"My IP Addresses\",\n IP: \"IP Addresses\",\n GROUP_BY_INDICATORS: \"Group By Indicators\",\n PYRAMID_CHART: \"Pyramid Chart\",\n AUTHENTICATING: \"Authenticating...\",\n REQUEST_TIMEOUT: \"Request timeout\",\n MAIN_FORM_FIELD: \"Parent form field\",\n IS_EDITABLE: \"Is Editable\",\n SHOW_SEARCH_BOX:\"Show search box?\",\n AUTO_TRANSLATE_TEXT: \"Auto Translate\",\n AUTO_TRANSLATE_QUESTION : \"It will only translate the labels that are checked and replace empty values of labels. Do you want to continue?\",\n LABELS : \"Labels\",\n ENGLISH_TRANSLATION : \"English Translation\",\n PLEASE_COMPLETE_ENGLISH_RANSLATION : \"Please complete all the english translations for the labels!\",\n NO_LABELS_TO_TRANSLATE : \"No labels to translate!\",\n\n ONLINE_FEATURE_CANT_ACCESS_OFFLINE : \"You won't able to access this feature as you're offline. Please go to online and try again!\",\n COMPARE_YEARS: \"Compare Years\",\n SELECT_YEARS_TO_COMPARE: \"Select years to compare\",\n TAG: \"Tag\",\n ADD_TAG: \"Add Tag\",\n\n TAGS_ALREADY_TRANSLATED :\"Tags Already Translated...\",\n NO_TAGS_TO_TRANSLATE : \"No Tags to Translate.\",\n TRANSLATING_TAGS: \"Translating Tags...Please wait as this may take a few minutes...\",\n TAGS_TRANSLATED : \"Tags Translated\",\n TAGS_TRANSLATION_FAILED : \"Tags Translation Failed\",\n DELETE_TAG:\"Delete Tag\",\n EDIT_TAG : \"Edit Tag\",\n AUTO_TRANSLATE_ALL_TAGS:\"Auto Translate all Tags\",\n NOTE_TAG_WILL_BE_ADDED_IN_ENG : \"*Note: The tags will be added in english by default... You can edit and translate the tags in multiple languages.*\",\n \n CONFIGURED_EVENT : \"Configured Event\",\n EVENT_CONFIG_DESCRIPTION : \"Configure when and what to execute on trigger of an event\",\n\n COPY_LINK:\"Copy Link\",\n REPORT_URL_COPIED:\"Report URL Copied!\",\n CANNOT_ACCESS_MAP_URL: \"you cannot copy link of a private map! You need to change the access to public\",\n URL_COPIED : \"URL copied..\",\n CANNOT_ACCESS_PRIVATE_NOTEBOOK : \"You cannot access link of a private notebook! You need to change the access to public.\",\n\n //site builder\n IN_PX : \" (in px)\",\n LETTER_SPACING : 'Letter Spacing',\n LINE_HEIGHT : \"Line Height\",\n TEXT_STYLE : \"Text Style\",\n MARGIN : \"Margin\",\n OPACITY : \"Opacity\",\n BOX_SHADOW: \"Box Shadow\",\n EDITOR : 'Editor',\n PAGE_NAME : \"Page Name\",\n DELETE_PAGE : \"Delete Page\",\n WEBSITE_NAME : \"Website Name\",\n MENU : \"Menu\",\n EMPTY : \"Empty\",\n TEXT_FONT_SIZE : \"Text Font Size\",\n TEXT_COLOUR : \"Text Colour\", \n VIDEO_URL : \"Video Url\",\n FRAME_WIDTH : \"Frame Width\",\n FRAME_HEIGHT : \"Frame Height\",\n CAROUSEL : \"Carousel\",\n CELL_SETTINGS: \"Cell Settings\",\n IMAGE_DESCRIPTION: \"Image Description\",\n LINK_ACTION: \"Link Action\",\n DUPLICATE_SITE: \"Duplicate Site\",\n DUPLICATE_SITE_CONFIG: \"Are you sure you want to duplicate site -\",\n DUPLICATING_SITE: \"Duplicating website config...\",\n // IMAGE_CONTENT : \"Image Content\",\n IMAGE_TEXT : \"Image Text\",\n CAROUSEL_SHOULD_ATLEAST_HAVE_TWO_IMG : \"Cannot Delete. Carousel must have atleast 2 images..\",\n CAROUSEL_EDITOR : \"Carousel Editor\",\n ALLOW_AUTOPLAY : \"Allow Autoplay\",\n ENTER_INTERVAL_IN_SEC : \"Enter interval in seconds\",\n IMAGES :\"Images\",\n ADD_IMAGES : \"Add Images\",\n INVALID_FILTER_MESSAGE : \"Please select valid filter\",\n AVERAGE_MEDIAN:\"Average/Median\",\n SUBSCRIBE : \"Subscribe\" ,\n LATEST_DOCUMENT_LINK:\"Copy latest report link\",\n REPORT_LINK_PRIVATE_MSG:\"You report access is private , to access this report via copied link set Access to Pubilc\",\n BOLD: \"Bold\",\n ITALIC: \"Italic\",\n UNDERLINE: \"Underline\",\n DOCUMENT_LIST : \"Documents List\",\n SUBSCRIBE_DOCUMENT : \"Subscribe Document\",\n SITE_SETTING : \"Site Settings\",\n PUBLISHED : \"Published\",\n UNPUBLISHED : \"Unpublished\",\n WEBSITE :\"Website\",\n CSS_SETTINGS : \"Css Setting\",\n CELL_CLASS : \"Cell Class\",\n CELL_CONTENT_DESCRIPTION : \"Cell Content Description\",\n STYLE_EDITOR_HELP:\"Style Editor Help\",\n STYLR_EDITOR_DESCRIPTION :\"Information about how to add styling.\",\n CSS_EDITOR: \"CSS Editor\",\n GLOBAL_ADMIN : \"Global Administrator\",\n MENU_CONFIG: \"Menu\",\n MENU_CONFIG_SETTING_INFORMATION: \"Configure menu based on role and user\",\n ROLE_EXISTS :\"Role already assigned to selected menu\",\n USER_EXISTS :\"User have already assigned to selected menu\",\n ACCOUNT_SECURITY: \"Account Security\",\n canEdit : \"Can Edit\",\n canAdd : \"Can Add\",\n canDelete : \"Can Delete\",\n canView : \"Can View\",\n DELETE_ACCESS: \"Delete Access\",\n DELETE_ACCESS_QUESTION: \"Are you sure you want to delete this access\",\n LIST_OF_MENU: \"List of Menu\",\n ACCESS_RIGHTS : \"Access Rights\",\n\n //Web_Content\n UPLOAD: \"Upload\",\n USER_LOCATION: \"User's Location\",\n DELETE_FILE : \"Delete Uploaded File\",\n CANNOT_ADD_MORE_CSS_FILE : \"Cannot add more files.You already added 5 CSS files.!\",\n CANNOT_ADD_MORE_JS_FILE:\"Cannot add more files.You already added 5 JS files.!\",\n SITE_EDITOR: \"Site Editor\",\n UPLOAD_CSS_OR_JS :\"Upload CSS or JS file\",\n CSS_LINK : \"CSS File Links:\",\n JS_LINKS : \"JS File Links:\",\n FILE_UPLOADED_SUCCESSFULLY:\"File Uploaded Successfully\",\n FILE_DELETED_SUCCESSFULLY:\"File Deleted Successfully\",\n\n OFFSET_HELP: \"Offset Help\",\n OFFSET_DESCRIPTION: \"e.g. :\\n -1Y : Before one year \\n -1M : Before one month \\n -1D : Before one day \\n Similarly for After...\",\n QUICK_RANGE_HELP: \"Quick Range Help\",\n QUICK_RANGE_DESCRIPTION: \"'Last' keyword is used to refer to the immediately preceding period from today itself & 'Previous' keyword is used for previous calendar event\",\n MONITORED_DATA_HELP:\"Monitored Data Help\",\n MONITORED_DATA_DESCRIPTION: \"Monitored Data Description\",\n ALERT_MAP_SETTING : \"Alert Maps Setting\",\n DUPLICATE_ORGANIZATION_FOUND_MESSEGE : \"We found an existing organization within EWARS with this name! Create with another name of organization instead.\",\n SELECT_VALID_VALUE : \"Select valid value\",\n EVENT : \"Event\",\n DISPLAY_NAME : \"Display Name\",\n ALERT_LOG_SETTING : \"Alerts Log Setting\",\n EVENTS : \"Events\",\n EVENTS_D : \"Events(Diseases)\",\n LIKELY_EVENTS_D : \"Likely Events(Diseases)\",\n LIKELY_EVENT:\"Likely Event\",\n SHOW_LIKELY_EVENTS_IN_RISK_ASSESS : \"Show Likely Event in Risk Assessment\",\n ADD_STYLE_IN_ROW_WIDGET :\"Adds styles to the rows in website.\",\n ADD_STYLE_TO_CELL_WIDGET : \"Adds styles to the cells containing the widgets in website.\",\n ADD_STYLE_TO_IMG_WIDGET : \"Adds styles to the image widget in website.\",\n ADD_STYLE_TO_MENU_BAR : \"Adds styles to the menu bar in website.\",\n ADD_STYLE_TO_TEXT_WEIDGET : \"Adds styles to the text widget in website.\", \n ADD_STYLE_TO_PAGE : \"Adds style to the pages in website\",\n ENTER_DOMAIN_PLACEHOLDER : \"Enter Domain\",\n PAGE_CLASS : \"Page Class\",\n PAGE_CLASS_PLACEHOLDER : \"Add Class for Page\",\n PAGE_CLASS_NOTE : \"*Note:You can add multiple class name after a comma ( , ) . Eg: class_1,class_2*\",\n APPLY : \"Apply\",\n EXPORT_AS_PDF_LABEL : \"Export as PDF\",\n EXPORT_AS_PDF : \"Export as Pdf\",\n EXPORT_AS_EXCEL : \"Export as Excel\",\n ENHANCED_TABLE:\"Enh Table\",\n ENHANCED_CHART:\"Enhanced Chart\",\n ENHANCED__TABLE:\"Enhanced Table\",\n ENHANCED__MAP:\"Enhanced Map\",\n EXPORT_PDF:\"PDF\",\n PUSH_DATA : \"Push Data\",\n AUTHENTICATE: \"Authenticate\",\n EWARS_FORM : \"EWARS Form\",\n DHIS2_DATASET : \"DHIS2 Dataset\",\n SERVER_URL : \"Server URL\",\n AUTO_PUSH : \"Auto Push\",\n README_DOWNLOAD_DESC : \"All the information is given in Readme. You can download the Readme file\",\n\n //Integration\n ORG_UNIT_ERR : \"Org unit error\",\n INVALID_DATA : \"Invalid data\",\n INVALID : \"Invalid\",\n ORG_NOT_ASSIGNED : \"Org unit is not assigned to Program\",\n SEARCH_FOR_FIELDS:\"Search for fields\",\n NO_VALUE_AVAILABLE:\"No Value Available\",\n RETRACTED_SUCCESS : \"Retracted successfully\",\n RETRACT : \"Retract\",\n REPORTING_AND_FORMS:\"Reporting & Forms\",\n FORM_AND_REPORTING_SETTING:\"Reporting & Forms setting\",\n SHOW_FORM_SEARCH_IN_REPORTING:\"Show Form search bar\",\n SEARCH_WILL_SHOW_IN_WEB_MOBILE:\"Show search bar in Reporting for web & mobile?\",\n SHOW_SYNC_OPTIONS_IN_MOBILE:\"Show Sync options in Mobile?\",\n SHOW_SYNC_OPTIONS_IN_MOBILE_DESC:\"This will show Sync options in EWARS mobile application.(Mobile to EWARS web,Mobile to Desktop app,Mobile to Mobile)\",\n SHOW_ALERT_FEATURE_IN_MOBILE:\"Show Alert feature in Mobile?\",\n SHOW_ALERT_FEATURE_IN_MOBILE_DESC:\"This will show Alert feature in EWARS mobile application.\",\n ALERT_NOTIFICATION_ENABLED:\"Enable Alert Notifications\",\n ALERT_NOTIFICATION_ENABLED_DESC:\"Email / Notification will be sent to all the stakeholders related to that specific alert.\",\n\n PUSH_NOTIFICATION: \"Push Notification\",\n SUBJECT: \"Subject\",\n MESSAGE: \"Message\",\n\n CALCULATE_AGE_FROM: \"Calculate age from\",\n\n YOUR_EMAIL: \"Your Email\",\n YOUR_NAME: \"Your Name\",\n CONFIRM_EMAIL: \"Confirm Email\",\n CONFIRM_PASSWORD: \"Confirm Password\",\n COMPLETE_REGISTRATION: \"Complete Registration\",\n PROVIDE_DETAIL: \"Please provide us with the details below to complete your registration.\",\n EWARS_INVITATION: \"EWARS Invitation\",\n ADDTIONAL_INFO: \"If you've received an invite from us by mistake, or you're unsure of whether you need this account, just close this page, we will not send you any other emails. For additional information please contact \",\n INVITE_HEADER_LABEL_1: \"You've been invited to join the\",\n INVITE_HEADER_LABEL_2: \"account as a\",\n INVITE_HEADER_LABEL_3: \"please complete registration below to start using EWARS.\",\n INVITE_MAIL_LABEL_1: \"You've been invited to join the\",\n INVITE_MAIL_LABEL_2: \"EWARS account\",\n INVITE_MAIL_LABEL_3: \"Click here\",\n INVITE_MAIL_LABEL_4: \"to join the account.\",\n INVITE_SUBJECT: \"[EWARS] You\\'ve been invited to EWARS\",\n DO_NOT_REPLY_LABEL: \"You are receiving this email because you previously signed up for EWARS or because another EWARS user has shared this message with you. Please do not reply to this email.\",\n LEARN_MORE: \"Learn more about EWARS\",\n WELCOME: \"Welcome to EWARS\",\n LOGIN_LINK: \"Welcome to EWARS, you can now log in to your account at\",\n ACCEPT_INVITATION: \"You can accept the invitation by clicking \\\"Complete registration\\\" below.\",\n SENT_ON: \"Sent on\"\n\n};\nmodule.exports = EN;","var Combi = function Combi() {\n var _this = this;\n\n // (0, _classCallCheck3.default)(this, Combi);\n\n this.register = function (name, reduction, initialState, persisted=true) {\n // Register a subStore into the store\n if (_this.subStores[name]) return;\n\n _this.subStores[name] = {\n s: ewars.copy(initialState || {}),\n r: reduction\n };\n\n \n if (persisted && _this.delayed[name]) {\n _this.delayed[name].forEach(function (item) {\n var reducer = _this.subStores[name].r;\n var state = _this.subStores[name].s;\n\n _this.subStores[name].s = reducer(state, item[0], item[1]);\n initialState = _this.subStores[name].s;\n });\n _this.signal(name, 'PRELOAD');\n }\n\n return initialState;\n };\n\n this.deregister = function (name) {\n // Remove a subStore from the store\n delete _this.subStores[name];\n };\n\n this.force = function (name, data) {\n _this.subStores[name].s = data;\n return _this.subStores[name].s;\n };\n\n this.dispatch = function (name, action, data) {\n if (_this.subStores[name]) {\n var reducer = _this.subStores[name].r;\n var state = _this.subStores[name].s;\n\n _this.subStores[name].s = reducer(state, action, data);\n _this.signal(name, action);\n } else {\n if (_this.delayed[name]) {\n _this.delayed[name].push([action, data]);\n } else {\n _this.delayed[name] = [[action, data]];\n }\n }\n };\n\n this.subscribe = function (name, method) {\n if (_this.subscribers[name]) {\n _this.subscribers[name].push(method);\n } else {\n _this.subscribers[name] = [method];\n }\n };\n\n this.unsubscribe = function (name, method) {\n var index = _this.subscribers[name].indexOf(method);\n\n if (index >= 0) {\n _this.subscribers[name].splice(index, 1);\n }\n };\n\n this.exists = function (name) {\n return _this.subStores[name];\n };\n\n this.signal = function (name, action) {\n if (_this.subscribers[name]) {\n _this.subscribers[name].forEach(function (method) {\n method(action);\n });\n }\n };\n\n this.getState = function (name) {\n if (_this.subStores[name]) return _this.subStores[name].s;\n return null;\n };\n\n this.subStores = {};\n this.subscribers = {};\n this.delayed = {};\n}\nexport default Combi;","var cache = {};\n\nfunction _createCache (id, data) {\n cache[id] = data;\n}\n\nfunction _getCached (key, data) {\n if (cache[key]) return cache[key];\n return null;\n}\n\nexport default {\n get: _getCached,\n add: _createCache\n};\n","import Moment from \"moment\";\nimport Numeral from \"numeral\";\n\nfunction formatPercentage(n, format) {\n var space = '',\n output,\n value = n * 100;\n\n // check for space before %\n if (format.indexOf(' %') > -1) {\n space = ' ';\n format = format.replace(' %', '');\n } else {\n format = format.replace('%', '');\n }\n\n output = formatNumber(value, format);\n\n if (output.indexOf(')') > -1) {\n output = output.split('');\n output.splice(-1, 0, space + '%');\n output = output.join('');\n } else {\n output = output + space + '%';\n }\n\n return output;\n}\n\nfunction toFixed (value, maxDecimals, optionals) {\n var splitValue = value.toString().split('.'),\n minDecimals = maxDecimals - (optionals || 0),\n boundedPrecision,\n optionalsRegExp,\n power,\n output;\n\n // Use the smallest precision value possible to avoid errors from floating point representation\n if (splitValue.length === 2) {\n boundedPrecision = Math.min(Math.max(splitValue[1].length, minDecimals), maxDecimals);\n } else {\n boundedPrecision = minDecimals;\n }\n\n power = Math.pow(10, boundedPrecision);\n\n //roundingFunction = (roundingFunction !== undefined ? roundingFunction : Math.round);\n // Multiply up by precision, round accurately, then divide and use native toFixed():\n output = (Math.round(value * power) / power).toFixed(boundedPrecision);\n\n if (optionals > maxDecimals - boundedPrecision) {\n optionalsRegExp = new RegExp('\\\\.?0{1,' + (optionals - (maxDecimals - boundedPrecision)) + '}$');\n output = output.replace(optionalsRegExp, '');\n }\n\n return output;\n}\n\nfunction formatNumber(value, format) {\n var negP = false,\n signed = false,\n optDec = false,\n abbr = '',\n abbrK = false, // force abbreviation to thousands\n abbrM = false, // force abbreviation to millions\n abbrB = false, // force abbreviation to billions\n abbrT = false, // force abbreviation to trillions\n abbrForce = false, // force abbreviation\n bytes = '',\n ord = '',\n abs = Math.abs(value),\n w,\n precision,\n thousands,\n d = '',\n neg = false;\n\n // check if number is zero and a custom zero format has been set\n // see if we should use parentheses for negative number or if we should prefix with a sign\n // if both are present we default to parentheses\n if (format.indexOf('(') > -1) {\n negP = true;\n format = format.slice(1, -1);\n } else if (format.indexOf('+') > -1) {\n signed = true;\n format = format.replace(/\\+/g, '');\n }\n\n // see if abbreviation is wanted\n if (format.indexOf('a') > -1) {\n // check if abbreviation is specified\n abbrK = format.indexOf('aK') >= 0;\n abbrM = format.indexOf('aM') >= 0;\n abbrB = format.indexOf('aB') >= 0;\n abbrT = format.indexOf('aT') >= 0;\n abbrForce = abbrK || abbrM || abbrB || abbrT;\n\n // check for space before abbreviation\n if (format.indexOf(' a') > -1) {\n abbr = ' ';\n }\n\n format = format.replace(new RegExp(abbr + 'a[KMBT]?'), '');\n\n if (abs >= Math.pow(10, 12) && !abbrForce || abbrT) {\n // trillion\n value = value / Math.pow(10, 12);\n } else if (abs < Math.pow(10, 12) && abs >= Math.pow(10, 9) && !abbrForce || abbrB) {\n // billion\n value = value / Math.pow(10, 9);\n } else if (abs < Math.pow(10, 9) && abs >= Math.pow(10, 6) && !abbrForce || abbrM) {\n // million\n value = value / Math.pow(10, 6);\n } else if (abs < Math.pow(10, 6) && abs >= Math.pow(10, 3) && !abbrForce || abbrK) {\n // thousand\n value = value / Math.pow(10, 3);\n }\n }\n\n if (format.indexOf('[.]') > -1) {\n optDec = true;\n format = format.replace('[.]', '.');\n }\n\n w = value.toString().split('.')[0];\n precision = format.split('.')[1];\n thousands = format.indexOf(',');\n\n if (precision) {\n if (precision.indexOf('[') > -1) {\n precision = precision.replace(']', '');\n precision = precision.split('[');\n d = toFixed(value, (precision[0].length + precision[1].length), precision[1].length);\n } else {\n d = toFixed(value, precision.length);\n }\n\n w = d.split('.')[0];\n\n if (d.indexOf('.') > -1) {\n d = \".\" + d.split('.')[1];\n } else {\n d = '';\n }\n\n if (optDec && Number(d.slice(1)) === 0) {\n d = '';\n }\n } else {\n w = toFixed(value, null);\n }\n\n // format number\n if (w.indexOf('-') > -1) {\n w = w.slice(1);\n neg = true;\n }\n\n if (thousands > -1) {\n w = w.toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1' + \",\");\n }\n\n if (format.indexOf('.') === 0) {\n w = '';\n }\n\n return ((negP && neg) ? '(' : '') + ((!negP && neg) ? '-' : '') + ((!neg && signed) ? '+' : '') + w + d + ((ord) ? ord : '') + ((abbr) ? abbr : '') + ((bytes) ? bytes : '') + ((negP && neg) ? ')' : '');\n}\n\nconst FORMATTERS = {\n AGE_FORMATTER: function (value) {\n if (!value) return \"Unknown\";\n if (!value.units) return \"Unknown\";\n var result = value.value + \" \" + value.units + \"(s)\";\n return result;\n },\n DATE_FORMATTER: function (value, format) {\n if (!value) return \"Unknown\";\n\n var defFormat = 'YYYY-MM-DD';\n\n if (format == \"WEEK\") {\n Moment.updateLocale(\"en\", {\n week: {\n dow: ewars.getDOWMod7(),\n doy: (7 + ewars.getDOWMod7() - ewars.getDOY())\n },\n });\n var startDate = Moment.utc(value).startOf('week').format(\"DD\");\n var endDate = Moment.utc(value).endOf(\"week\").format(\"DD\");\n var stringDate = Moment.utc(value).format(\"[W]w gggg | [START - END] [MTH]\");\n stringDate = stringDate.replace(\"START\", startDate).replace(\"END\", endDate).replace(\"MTH\", Moment.utc(value).endOf(\"week\").format(\"MMMM\"));\n return stringDate;\n }\n\n if (format === 'MMM DD') {\n return Moment.utc(value).format(format);\n }\n if (format === 'MONTH') {\n return Moment.utc(value).format('MMMM , YYYY');\n }\n if (format === 'YEAR') {\n return Moment.utc(value).format('YYYY');\n }\n\n if (!format || typeof format === 'object' || typeof format === 'Array') return Moment.utc(value).format(defFormat);\n return Moment.utc(value).format(defFormat);\n },\n I18N_FORMATTER: function (data) {\n if (typeof(data) == \"string\") {\n if (data.indexOf(\"{\") == 0) {\n data = JSON.parse(data);\n } else {\n return data;\n }\n }\n if (typeof(data) == \"number\") {\n return data;\n }\n if (!data) return \"Unknown\";\n if (window.user) {\n if (data[window.user.language] && data[window.user.language] != \"\") {\n return data[window.user.language];\n } else {\n if (data.en) {\n return data.en;\n } else {\n return \"\";\n }\n }\n }else {\n if (data.en) {\n return data.en;\n } else {\n return \"\";\n }\n }\n },\n NUM_FORMATTER: function (num) {\n return Numeral(num).format(\"0,0.00\");\n },\n NUM: function (value, format) {\n if (value === undefined || value === null || value === \"\") return \"\";\n if (format.indexOf(\"%\") > -1) {\n return formatPercentage(value, format);\n } else {\n return formatNumber(value, format);\n }\n\n }\n};\n\nexport default FORMATTERS;","var _idCounter = 0;\n\nvar eq = function(a, b, aStack, bStack) {\n // Identical objects are equal. `0 === -0`, but they aren't identical.\n // See the [Harmony `egal` proposal](http://wiki.ecmascript.org/doku.php?id=harmony:egal).\n if (a === b) return a !== 0 || 1 / a === 1 / b;\n // A strict comparison is necessary because `null == undefined`.\n if (a == null || b == null) return a === b;\n // Unwrap any wrapped objects.\n if (a instanceof _) a = a._wrapped;\n if (b instanceof _) b = b._wrapped;\n // Compare `[[Class]]` names.\n var className = toString.call(a);\n if (className !== toString.call(b)) return false;\n switch (className) {\n // Strings, numbers, regular expressions, dates, and booleans are compared by value.\n case '[object RegExp]':\n // RegExps are coerced to strings for comparison (Note: '' + /a/i === '/a/i')\n case '[object String]':\n // Primitives and their corresponding object wrappers are equivalent; thus, `\"5\"` is\n // equivalent to `new String(\"5\")`.\n return '' + a === '' + b;\n case '[object Number]':\n // `NaN`s are equivalent, but non-reflexive.\n // Object(NaN) is equivalent to NaN\n if (+a !== +a) return +b !== +b;\n // An `egal` comparison is performed for other numeric values.\n return +a === 0 ? 1 / +a === 1 / b : +a === +b;\n case '[object Date]':\n case '[object Boolean]':\n // Coerce dates and booleans to numeric primitive values. Dates are compared by their\n // millisecond representations. Note that invalid dates with millisecond representations\n // of `NaN` are not equivalent.\n return +a === +b;\n }\n};\n\nvar eqJSON = function (obA, obB) {\n return (JSON.stringify(obA) == JSON.stringify(obB));\n};\n\nfunction unwrapStringOrNumber(obj) {\n return (obj instanceof Number || obj instanceof String\n ? obj.valueOf()\n : obj);\n}\nfunction areEquivalent(a, b) {\n a = unwrapStringOrNumber(a);\n b = unwrapStringOrNumber(b);\n if (a === b) return true; //e.g. a and b both null\n if (a === null || b === null || typeof (a) !== typeof (b)) return false;\n if (a instanceof Date)\n return b instanceof Date && a.valueOf() === b.valueOf();\n if (typeof (a) !== \"object\")\n return a == b; //for boolean, number, string, xml\n\n var newA = (a.areEquivalent_Eq_91_2_34 === undefined),\n newB = (b.areEquivalent_Eq_91_2_34 === undefined);\n try {\n if (newA) a.areEquivalent_Eq_91_2_34 = [];\n else if (a.areEquivalent_Eq_91_2_34.some(\n function (other) { return other === b; })) return true;\n if (newB) b.areEquivalent_Eq_91_2_34 = [];\n else if (b.areEquivalent_Eq_91_2_34.some(\n function (other) { return other === a; })) return true;\n a.areEquivalent_Eq_91_2_34.push(b);\n b.areEquivalent_Eq_91_2_34.push(a);\n\n var tmp = {};\n for (var prop in a)\n if(prop != \"areEquivalent_Eq_91_2_34\")\n tmp[prop] = null;\n for (var prop in b)\n if (prop != \"areEquivalent_Eq_91_2_34\")\n tmp[prop] = null;\n\n for (var prop in tmp)\n if (!areEquivalent(a[prop], b[prop]))\n return false;\n return true;\n } finally {\n if (newA) delete a.areEquivalent_Eq_91_2_34;\n if (newB) delete b.areEquivalent_Eq_91_2_34;\n }\n}\n\nconst GENERAL = {\n uniqueId: function (prefix) {\n var id = ++_idCounter + '';\n return prefix ? prefix + id : id;\n },\n uuid: function () {\n return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {\n var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);\n return v.toString(16);\n });\n\n },\n\n isSame: function (obA, obB) {\n return areEquivalent(obA, obB);\n },\n \n isElectron:function() {\n // Renderer process\n if (typeof window !== 'undefined' && typeof window.process === 'object' && window.process.type === 'renderer') {\n return true;\n }\n // Main process\n if (typeof process !== 'undefined' && typeof process.versions === 'object' && !!process.versions.electron) {\n return true;\n }\n // Detect the user agent when the `nodeIntegration` option is set to true\n if (typeof navigator === 'object' && typeof navigator.userAgent === 'string' && navigator.userAgent.indexOf('Electron') >= 0) {\n return true;\n }\n return false;\n }\n};\n\nexport default GENERAL;\n","var Component = require(\"./components/Component.react\");\n\nimport {\n Layout,\n Row,\n Cell,\n Toolbar,\n Panel,\n Button,\n ButtonGroup,\n Shade,\n Modal\n} from \"../common\";\n\newars.d = {\n Layout,\n Row,\n Cell,\n Toolbar,\n Panel,\n Button,\n ButtonGroup,\n Shade,\n Modal\n};\n\nReactDOM.render(\n \n
\n \n
\n\n \n
\n \n
\n \n
\n \n
\n \n
{__(\"EWARS_LOCKED\")}
\n \n
\n \n
\n \n \n
\n \n \n \n
\n \n
\n {this.state.error ?\n this.checkAuthentication()} className=\"btnstyle\">\n {__(\"AUTHENTICATE\")}\n
\n \n \n {__(\"LOGIN_AGAIN\")}\n \n \n \n \n {this.state.error}\n
\n : null}\n \n \n {ERROR_CODES[this.state.passcodeerror] || this.state.passcodeerror}\n
\n }\n if (this.state.is_two_factor_auth) {\n return (\n \n
\n )\n }\n\n if (this.state.multiple) {\n return (\n \n
\n \n
\n Two Factor Authentication\n
\n \n \n
\n \n {error}\n \n \n
\n
\n \n
Please click 'Resend OTP' button, If One Time Password was not received
\n\n this._twoFactorLogin()} />\n this._resendPasscode()} />\n
\n \n
\n )\n }\n\n if (this._isMobile) {\n return (\n Accounts
\nPlease select the account you would like to access.
\n\n\n
\n\n {window.server_type == \"LOCAL\" ?\n \n
\n \n {this.state.accounts.map((acc) => {\n return (\n
\n { acc[3] ? this._selectAccount(acc[0]) : null }}>\n
\n )\n })}\n\n \n {ewars.I18N(acc[1])} {acc[2]}\n {acc[3] ?\n null\n :\n window.server_type == \"LOCAL\" ?\n
\n \n this._redirectToSyncPage()} />\n
\n : null \n }\n \n \n
\n : null}\n\n \n
\n )\n }\n\n var accName = \"Global\";\n if (window.account) accName = window.account.name;\n\n let year = new Date().getFullYear();\n\n return (\n \n
\n Mobile Unsupported
\n\nUnfortunately, at this time, mobile browsers are not supported by the EWARS platform. A\n mobile application is under active development and will be released for various platforms\n (Android, iOS, Windows Phone) in the coming months.
\nIn the meantime, please access the EWARS application through either a desktop browser, or the\n desktop client.
\nIf you have any questions or concerns, please contact ewars@who.int\n
\n\n
\n )\n\n }\n});\n\nmodule.exports = Component;\n","\"use strict\";\n\nrequire(\"./noConflict\");\n\nvar _global = _interopRequireDefault(require(\"core-js/library/fn/global\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nif (_global[\"default\"]._babelPolyfill && typeof console !== \"undefined\" && console.warn) {\n console.warn(\"@babel/polyfill is loaded more than once on this page. This is probably not desirable/intended \" + \"and may have consequences if different versions of the polyfills are applied sequentially. \" + \"If you do need to load the polyfill more than once, use @babel/polyfill/noConflict \" + \"instead to bypass the warning.\");\n}\n\n_global[\"default\"]._babelPolyfill = true;","\"use strict\";\n\nrequire(\"core-js/es6\");\n\nrequire(\"core-js/fn/array/includes\");\n\nrequire(\"core-js/fn/array/flat-map\");\n\nrequire(\"core-js/fn/string/pad-start\");\n\nrequire(\"core-js/fn/string/pad-end\");\n\nrequire(\"core-js/fn/string/trim-start\");\n\nrequire(\"core-js/fn/string/trim-end\");\n\nrequire(\"core-js/fn/symbol/async-iterator\");\n\nrequire(\"core-js/fn/object/get-own-property-descriptors\");\n\nrequire(\"core-js/fn/object/values\");\n\nrequire(\"core-js/fn/object/entries\");\n\nrequire(\"core-js/fn/promise/finally\");\n\nrequire(\"core-js/web\");\n\nrequire(\"regenerator-runtime/runtime\");","function _arrayWithHoles(arr) {\n if (Array.isArray(arr)) return arr;\n}\n\nmodule.exports = _arrayWithHoles;","function _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}\n\nmodule.exports = _assertThisInitialized;","function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {\n try {\n var info = gen[key](arg);\n var value = info.value;\n } catch (error) {\n reject(error);\n return;\n }\n\n if (info.done) {\n resolve(value);\n } else {\n Promise.resolve(value).then(_next, _throw);\n }\n}\n\nfunction _asyncToGenerator(fn) {\n return function () {\n var self = this,\n args = arguments;\n return new Promise(function (resolve, reject) {\n var gen = fn.apply(self, args);\n\n function _next(value) {\n asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value);\n }\n\n function _throw(err) {\n asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err);\n }\n\n _next(undefined);\n });\n };\n}\n\nmodule.exports = _asyncToGenerator;","function _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\nmodule.exports = _classCallCheck;","function _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\n\nmodule.exports = _createClass;","function _getPrototypeOf(o) {\n module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\n\nmodule.exports = _getPrototypeOf;","var setPrototypeOf = require(\"./setPrototypeOf\");\n\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) setPrototypeOf(subClass, superClass);\n}\n\nmodule.exports = _inherits;","function _iterableToArrayLimit(arr, i) {\n if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === \"[object Arguments]\")) {\n return;\n }\n\n var _arr = [];\n var _n = true;\n var _d = false;\n var _e = undefined;\n\n try {\n for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {\n _arr.push(_s.value);\n\n if (i && _arr.length === i) break;\n }\n } catch (err) {\n _d = true;\n _e = err;\n } finally {\n try {\n if (!_n && _i[\"return\"] != null) _i[\"return\"]();\n } finally {\n if (_d) throw _e;\n }\n }\n\n return _arr;\n}\n\nmodule.exports = _iterableToArrayLimit;","function _nonIterableRest() {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance\");\n}\n\nmodule.exports = _nonIterableRest;","var _typeof = require(\"../helpers/typeof\");\n\nvar assertThisInitialized = require(\"./assertThisInitialized\");\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n\n return assertThisInitialized(self);\n}\n\nmodule.exports = _possibleConstructorReturn;","function _setPrototypeOf(o, p) {\n module.exports = _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nmodule.exports = _setPrototypeOf;","var arrayWithHoles = require(\"./arrayWithHoles\");\n\nvar iterableToArrayLimit = require(\"./iterableToArrayLimit\");\n\nvar nonIterableRest = require(\"./nonIterableRest\");\n\nfunction _slicedToArray(arr, i) {\n return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || nonIterableRest();\n}\n\nmodule.exports = _slicedToArray;","function _typeof(obj) {\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n module.exports = _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n module.exports = _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n\n return _typeof(obj);\n}\n\nmodule.exports = _typeof;","module.exports = require(\"regenerator-runtime\");\n","/**\n * chroma.js - JavaScript library for color conversions\n *\n * Copyright (c) 2011-2019, Gregor Aisch\n * All rights reserved.\n *\n * Redistribution and use in source and binary forms, with or without\n * modification, are permitted provided that the following conditions are met:\n *\n * 1. Redistributions of source code must retain the above copyright notice, this\n * list of conditions and the following disclaimer.\n *\n * 2. Redistributions in binary form must reproduce the above copyright notice,\n * this list of conditions and the following disclaimer in the documentation\n * and/or other materials provided with the distribution.\n *\n * 3. The name Gregor Aisch may not be used to endorse or promote products\n * derived from this software without specific prior written permission.\n *\n * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS \"AS IS\"\n * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE\n * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE\n * DISCLAIMED. IN NO EVENT SHALL GREGOR AISCH OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT,\n * INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING,\n * BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,\n * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY\n * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING\n * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE,\n * EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n *\n * -------------------------------------------------------\n *\n * chroma.js includes colors from colorbrewer2.org, which are released under\n * the following license:\n *\n * Copyright (c) 2002 Cynthia Brewer, Mark Harrower,\n * and The Pennsylvania State University.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,\n * either express or implied. See the License for the specific\n * language governing permissions and limitations under the License.\n *\n * ------------------------------------------------------\n *\n * Named colors are taken from X11 Color Names.\n * http://www.w3.org/TR/css3-color/#svg-color\n *\n * @preserve\n */\n\n(function (global, factory) {\n typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :\n typeof define === 'function' && define.amd ? define(factory) :\n (global.chroma = factory());\n}(this, (function () { 'use strict';\n\n var limit = function (x, min, max) {\n if ( min === void 0 ) min=0;\n if ( max === void 0 ) max=1;\n\n return x < min ? min : x > max ? max : x;\n };\n\n var clip_rgb = function (rgb) {\n rgb._clipped = false;\n rgb._unclipped = rgb.slice(0);\n for (var i=0; i<=3; i++) {\n if (i < 3) {\n if (rgb[i] < 0 || rgb[i] > 255) { rgb._clipped = true; }\n rgb[i] = limit(rgb[i], 0, 255);\n } else if (i === 3) {\n rgb[i] = limit(rgb[i], 0, 1);\n }\n }\n return rgb;\n };\n\n // ported from jQuery's $.type\n var classToType = {};\n for (var i = 0, list = ['Boolean', 'Number', 'String', 'Function', 'Array', 'Date', 'RegExp', 'Undefined', 'Null']; i < list.length; i += 1) {\n var name = list[i];\n\n classToType[(\"[object \" + name + \"]\")] = name.toLowerCase();\n }\n var type = function(obj) {\n return classToType[Object.prototype.toString.call(obj)] || \"object\";\n };\n\n var unpack = function (args, keyOrder) {\n if ( keyOrder === void 0 ) keyOrder=null;\n\n \t// if called with more than 3 arguments, we return the arguments\n if (args.length >= 3) { return Array.prototype.slice.call(args); }\n // with less than 3 args we check if first arg is object\n // and use the keyOrder string to extract and sort properties\n \tif (type(args[0]) == 'object' && keyOrder) {\n \t\treturn keyOrder.split('')\n \t\t\t.filter(function (k) { return args[0][k] !== undefined; })\n \t\t\t.map(function (k) { return args[0][k]; });\n \t}\n \t// otherwise we just return the first argument\n \t// (which we suppose is an array of args)\n return args[0];\n };\n\n var last = function (args) {\n if (args.length < 2) { return null; }\n var l = args.length-1;\n if (type(args[l]) == 'string') { return args[l].toLowerCase(); }\n return null;\n };\n\n var PI = Math.PI;\n\n var utils = {\n \tclip_rgb: clip_rgb,\n \tlimit: limit,\n \ttype: type,\n \tunpack: unpack,\n \tlast: last,\n \tPI: PI,\n \tTWOPI: PI*2,\n \tPITHIRD: PI/3,\n \tDEG2RAD: PI / 180,\n \tRAD2DEG: 180 / PI\n };\n\n var input = {\n \tformat: {},\n \tautodetect: []\n };\n\n var last$1 = utils.last;\n var clip_rgb$1 = utils.clip_rgb;\n var type$1 = utils.type;\n\n\n var Color = function Color() {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n var me = this;\n if (type$1(args[0]) === 'object' &&\n args[0].constructor &&\n args[0].constructor === this.constructor) {\n // the argument is already a Color instance\n return args[0];\n }\n\n // last argument could be the mode\n var mode = last$1(args);\n var autodetect = false;\n\n if (!mode) {\n autodetect = true;\n if (!input.sorted) {\n input.autodetect = input.autodetect.sort(function (a,b) { return b.p - a.p; });\n input.sorted = true;\n }\n // auto-detect format\n for (var i = 0, list = input.autodetect; i < list.length; i += 1) {\n var chk = list[i];\n\n mode = chk.test.apply(chk, args);\n if (mode) { break; }\n }\n }\n\n if (input.format[mode]) {\n var rgb = input.format[mode].apply(null, autodetect ? args : args.slice(0,-1));\n me._rgb = clip_rgb$1(rgb);\n } else {\n throw new Error('unknown format: '+args);\n }\n\n // add alpha channel\n if (me._rgb.length === 3) { me._rgb.push(1); }\n };\n\n Color.prototype.toString = function toString () {\n if (type$1(this.hex) == 'function') { return this.hex(); }\n return (\"[\" + (this._rgb.join(',')) + \"]\");\n };\n\n var Color_1 = Color;\n\n var chroma = function () {\n \tvar args = [], len = arguments.length;\n \twhile ( len-- ) args[ len ] = arguments[ len ];\n\n \treturn new (Function.prototype.bind.apply( chroma.Color, [ null ].concat( args) ));\n };\n\n chroma.Color = Color_1;\n chroma.version = '2.1.0';\n\n var chroma_1 = chroma;\n\n var unpack$1 = utils.unpack;\n var max = Math.max;\n\n var rgb2cmyk = function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n var ref = unpack$1(args, 'rgb');\n var r = ref[0];\n var g = ref[1];\n var b = ref[2];\n r = r / 255;\n g = g / 255;\n b = b / 255;\n var k = 1 - max(r,max(g,b));\n var f = k < 1 ? 1 / (1-k) : 0;\n var c = (1-r-k) * f;\n var m = (1-g-k) * f;\n var y = (1-b-k) * f;\n return [c,m,y,k];\n };\n\n var rgb2cmyk_1 = rgb2cmyk;\n\n var unpack$2 = utils.unpack;\n\n var cmyk2rgb = function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n args = unpack$2(args, 'cmyk');\n var c = args[0];\n var m = args[1];\n var y = args[2];\n var k = args[3];\n var alpha = args.length > 4 ? args[4] : 1;\n if (k === 1) { return [0,0,0,alpha]; }\n return [\n c >= 1 ? 0 : 255 * (1-c) * (1-k), // r\n m >= 1 ? 0 : 255 * (1-m) * (1-k), // g\n y >= 1 ? 0 : 255 * (1-y) * (1-k), // b\n alpha\n ];\n };\n\n var cmyk2rgb_1 = cmyk2rgb;\n\n var unpack$3 = utils.unpack;\n var type$2 = utils.type;\n\n\n\n Color_1.prototype.cmyk = function() {\n return rgb2cmyk_1(this._rgb);\n };\n\n chroma_1.cmyk = function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['cmyk']) ));\n };\n\n input.format.cmyk = cmyk2rgb_1;\n\n input.autodetect.push({\n p: 2,\n test: function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n args = unpack$3(args, 'cmyk');\n if (type$2(args) === 'array' && args.length === 4) {\n return 'cmyk';\n }\n }\n });\n\n var unpack$4 = utils.unpack;\n var last$2 = utils.last;\n var rnd = function (a) { return Math.round(a*100)/100; };\n\n /*\n * supported arguments:\n * - hsl2css(h,s,l)\n * - hsl2css(h,s,l,a)\n * - hsl2css([h,s,l], mode)\n * - hsl2css([h,s,l,a], mode)\n * - hsl2css({h,s,l,a}, mode)\n */\n var hsl2css = function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n var hsla = unpack$4(args, 'hsla');\n var mode = last$2(args) || 'lsa';\n hsla[0] = rnd(hsla[0] || 0);\n hsla[1] = rnd(hsla[1]*100) + '%';\n hsla[2] = rnd(hsla[2]*100) + '%';\n if (mode === 'hsla' || (hsla.length > 3 && hsla[3]<1)) {\n hsla[3] = hsla.length > 3 ? hsla[3] : 1;\n mode = 'hsla';\n } else {\n hsla.length = 3;\n }\n return (mode + \"(\" + (hsla.join(',')) + \")\");\n };\n\n var hsl2css_1 = hsl2css;\n\n var unpack$5 = utils.unpack;\n\n /*\n * supported arguments:\n * - rgb2hsl(r,g,b)\n * - rgb2hsl(r,g,b,a)\n * - rgb2hsl([r,g,b])\n * - rgb2hsl([r,g,b,a])\n * - rgb2hsl({r,g,b,a})\n */\n var rgb2hsl = function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n args = unpack$5(args, 'rgba');\n var r = args[0];\n var g = args[1];\n var b = args[2];\n\n r /= 255;\n g /= 255;\n b /= 255;\n\n var min = Math.min(r, g, b);\n var max = Math.max(r, g, b);\n\n var l = (max + min) / 2;\n var s, h;\n\n if (max === min){\n s = 0;\n h = Number.NaN;\n } else {\n s = l < 0.5 ? (max - min) / (max + min) : (max - min) / (2 - max - min);\n }\n\n if (r == max) { h = (g - b) / (max - min); }\n else if (g == max) { h = 2 + (b - r) / (max - min); }\n else if (b == max) { h = 4 + (r - g) / (max - min); }\n\n h *= 60;\n if (h < 0) { h += 360; }\n if (args.length>3 && args[3]!==undefined) { return [h,s,l,args[3]]; }\n return [h,s,l];\n };\n\n var rgb2hsl_1 = rgb2hsl;\n\n var unpack$6 = utils.unpack;\n var last$3 = utils.last;\n\n\n var round = Math.round;\n\n /*\n * supported arguments:\n * - rgb2css(r,g,b)\n * - rgb2css(r,g,b,a)\n * - rgb2css([r,g,b], mode)\n * - rgb2css([r,g,b,a], mode)\n * - rgb2css({r,g,b,a}, mode)\n */\n var rgb2css = function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n var rgba = unpack$6(args, 'rgba');\n var mode = last$3(args) || 'rgb';\n if (mode.substr(0,3) == 'hsl') {\n return hsl2css_1(rgb2hsl_1(rgba), mode);\n }\n rgba[0] = round(rgba[0]);\n rgba[1] = round(rgba[1]);\n rgba[2] = round(rgba[2]);\n if (mode === 'rgba' || (rgba.length > 3 && rgba[3]<1)) {\n rgba[3] = rgba.length > 3 ? rgba[3] : 1;\n mode = 'rgba';\n }\n return (mode + \"(\" + (rgba.slice(0,mode==='rgb'?3:4).join(',')) + \")\");\n };\n\n var rgb2css_1 = rgb2css;\n\n var unpack$7 = utils.unpack;\n var round$1 = Math.round;\n\n var hsl2rgb = function () {\n var assign;\n\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n args = unpack$7(args, 'hsl');\n var h = args[0];\n var s = args[1];\n var l = args[2];\n var r,g,b;\n if (s === 0) {\n r = g = b = l*255;\n } else {\n var t3 = [0,0,0];\n var c = [0,0,0];\n var t2 = l < 0.5 ? l * (1+s) : l+s-l*s;\n var t1 = 2 * l - t2;\n var h_ = h / 360;\n t3[0] = h_ + 1/3;\n t3[1] = h_;\n t3[2] = h_ - 1/3;\n for (var i=0; i<3; i++) {\n if (t3[i] < 0) { t3[i] += 1; }\n if (t3[i] > 1) { t3[i] -= 1; }\n if (6 * t3[i] < 1)\n { c[i] = t1 + (t2 - t1) * 6 * t3[i]; }\n else if (2 * t3[i] < 1)\n { c[i] = t2; }\n else if (3 * t3[i] < 2)\n { c[i] = t1 + (t2 - t1) * ((2 / 3) - t3[i]) * 6; }\n else\n { c[i] = t1; }\n }\n (assign = [round$1(c[0]*255),round$1(c[1]*255),round$1(c[2]*255)], r = assign[0], g = assign[1], b = assign[2]);\n }\n if (args.length > 3) {\n // keep alpha channel\n return [r,g,b,args[3]];\n }\n return [r,g,b,1];\n };\n\n var hsl2rgb_1 = hsl2rgb;\n\n var RE_RGB = /^rgb\\(\\s*(-?\\d+),\\s*(-?\\d+)\\s*,\\s*(-?\\d+)\\s*\\)$/;\n var RE_RGBA = /^rgba\\(\\s*(-?\\d+),\\s*(-?\\d+)\\s*,\\s*(-?\\d+)\\s*,\\s*([01]|[01]?\\.\\d+)\\)$/;\n var RE_RGB_PCT = /^rgb\\(\\s*(-?\\d+(?:\\.\\d+)?)%,\\s*(-?\\d+(?:\\.\\d+)?)%\\s*,\\s*(-?\\d+(?:\\.\\d+)?)%\\s*\\)$/;\n var RE_RGBA_PCT = /^rgba\\(\\s*(-?\\d+(?:\\.\\d+)?)%,\\s*(-?\\d+(?:\\.\\d+)?)%\\s*,\\s*(-?\\d+(?:\\.\\d+)?)%\\s*,\\s*([01]|[01]?\\.\\d+)\\)$/;\n var RE_HSL = /^hsl\\(\\s*(-?\\d+(?:\\.\\d+)?),\\s*(-?\\d+(?:\\.\\d+)?)%\\s*,\\s*(-?\\d+(?:\\.\\d+)?)%\\s*\\)$/;\n var RE_HSLA = /^hsla\\(\\s*(-?\\d+(?:\\.\\d+)?),\\s*(-?\\d+(?:\\.\\d+)?)%\\s*,\\s*(-?\\d+(?:\\.\\d+)?)%\\s*,\\s*([01]|[01]?\\.\\d+)\\)$/;\n\n var round$2 = Math.round;\n\n var css2rgb = function (css) {\n css = css.toLowerCase().trim();\n var m;\n\n if (input.format.named) {\n try {\n return input.format.named(css);\n } catch (e) {\n // eslint-disable-next-line\n }\n }\n\n // rgb(250,20,0)\n if ((m = css.match(RE_RGB))) {\n var rgb = m.slice(1,4);\n for (var i=0; i<3; i++) {\n rgb[i] = +rgb[i];\n }\n rgb[3] = 1; // default alpha\n return rgb;\n }\n\n // rgba(250,20,0,0.4)\n if ((m = css.match(RE_RGBA))) {\n var rgb$1 = m.slice(1,5);\n for (var i$1=0; i$1<4; i$1++) {\n rgb$1[i$1] = +rgb$1[i$1];\n }\n return rgb$1;\n }\n\n // rgb(100%,0%,0%)\n if ((m = css.match(RE_RGB_PCT))) {\n var rgb$2 = m.slice(1,4);\n for (var i$2=0; i$2<3; i$2++) {\n rgb$2[i$2] = round$2(rgb$2[i$2] * 2.55);\n }\n rgb$2[3] = 1; // default alpha\n return rgb$2;\n }\n\n // rgba(100%,0%,0%,0.4)\n if ((m = css.match(RE_RGBA_PCT))) {\n var rgb$3 = m.slice(1,5);\n for (var i$3=0; i$3<3; i$3++) {\n rgb$3[i$3] = round$2(rgb$3[i$3] * 2.55);\n }\n rgb$3[3] = +rgb$3[3];\n return rgb$3;\n }\n\n // hsl(0,100%,50%)\n if ((m = css.match(RE_HSL))) {\n var hsl = m.slice(1,4);\n hsl[1] *= 0.01;\n hsl[2] *= 0.01;\n var rgb$4 = hsl2rgb_1(hsl);\n rgb$4[3] = 1;\n return rgb$4;\n }\n\n // hsla(0,100%,50%,0.5)\n if ((m = css.match(RE_HSLA))) {\n var hsl$1 = m.slice(1,4);\n hsl$1[1] *= 0.01;\n hsl$1[2] *= 0.01;\n var rgb$5 = hsl2rgb_1(hsl$1);\n rgb$5[3] = +m[4]; // default alpha = 1\n return rgb$5;\n }\n };\n\n css2rgb.test = function (s) {\n return RE_RGB.test(s) ||\n RE_RGBA.test(s) ||\n RE_RGB_PCT.test(s) ||\n RE_RGBA_PCT.test(s) ||\n RE_HSL.test(s) ||\n RE_HSLA.test(s);\n };\n\n var css2rgb_1 = css2rgb;\n\n var type$3 = utils.type;\n\n\n\n\n Color_1.prototype.css = function(mode) {\n return rgb2css_1(this._rgb, mode);\n };\n\n chroma_1.css = function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['css']) ));\n };\n\n input.format.css = css2rgb_1;\n\n input.autodetect.push({\n p: 5,\n test: function (h) {\n var rest = [], len = arguments.length - 1;\n while ( len-- > 0 ) rest[ len ] = arguments[ len + 1 ];\n\n if (!rest.length && type$3(h) === 'string' && css2rgb_1.test(h)) {\n return 'css';\n }\n }\n });\n\n var unpack$8 = utils.unpack;\n\n input.format.gl = function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n var rgb = unpack$8(args, 'rgba');\n rgb[0] *= 255;\n rgb[1] *= 255;\n rgb[2] *= 255;\n return rgb;\n };\n\n chroma_1.gl = function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['gl']) ));\n };\n\n Color_1.prototype.gl = function() {\n var rgb = this._rgb;\n return [rgb[0]/255, rgb[1]/255, rgb[2]/255, rgb[3]];\n };\n\n var unpack$9 = utils.unpack;\n\n var rgb2hcg = function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n var ref = unpack$9(args, 'rgb');\n var r = ref[0];\n var g = ref[1];\n var b = ref[2];\n var min = Math.min(r, g, b);\n var max = Math.max(r, g, b);\n var delta = max - min;\n var c = delta * 100 / 255;\n var _g = min / (255 - delta) * 100;\n var h;\n if (delta === 0) {\n h = Number.NaN;\n } else {\n if (r === max) { h = (g - b) / delta; }\n if (g === max) { h = 2+(b - r) / delta; }\n if (b === max) { h = 4+(r - g) / delta; }\n h *= 60;\n if (h < 0) { h += 360; }\n }\n return [h, c, _g];\n };\n\n var rgb2hcg_1 = rgb2hcg;\n\n var unpack$a = utils.unpack;\n var floor = Math.floor;\n\n /*\n * this is basically just HSV with some minor tweaks\n *\n * hue.. [0..360]\n * chroma .. [0..1]\n * grayness .. [0..1]\n */\n\n var hcg2rgb = function () {\n var assign, assign$1, assign$2, assign$3, assign$4, assign$5;\n\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n args = unpack$a(args, 'hcg');\n var h = args[0];\n var c = args[1];\n var _g = args[2];\n var r,g,b;\n _g = _g * 255;\n var _c = c * 255;\n if (c === 0) {\n r = g = b = _g;\n } else {\n if (h === 360) { h = 0; }\n if (h > 360) { h -= 360; }\n if (h < 0) { h += 360; }\n h /= 60;\n var i = floor(h);\n var f = h - i;\n var p = _g * (1 - c);\n var q = p + _c * (1 - f);\n var t = p + _c * f;\n var v = p + _c;\n switch (i) {\n case 0: (assign = [v, t, p], r = assign[0], g = assign[1], b = assign[2]); break\n case 1: (assign$1 = [q, v, p], r = assign$1[0], g = assign$1[1], b = assign$1[2]); break\n case 2: (assign$2 = [p, v, t], r = assign$2[0], g = assign$2[1], b = assign$2[2]); break\n case 3: (assign$3 = [p, q, v], r = assign$3[0], g = assign$3[1], b = assign$3[2]); break\n case 4: (assign$4 = [t, p, v], r = assign$4[0], g = assign$4[1], b = assign$4[2]); break\n case 5: (assign$5 = [v, p, q], r = assign$5[0], g = assign$5[1], b = assign$5[2]); break\n }\n }\n return [r, g, b, args.length > 3 ? args[3] : 1];\n };\n\n var hcg2rgb_1 = hcg2rgb;\n\n var unpack$b = utils.unpack;\n var type$4 = utils.type;\n\n\n\n\n\n\n Color_1.prototype.hcg = function() {\n return rgb2hcg_1(this._rgb);\n };\n\n chroma_1.hcg = function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['hcg']) ));\n };\n\n input.format.hcg = hcg2rgb_1;\n\n input.autodetect.push({\n p: 1,\n test: function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n args = unpack$b(args, 'hcg');\n if (type$4(args) === 'array' && args.length === 3) {\n return 'hcg';\n }\n }\n });\n\n var unpack$c = utils.unpack;\n var last$4 = utils.last;\n var round$3 = Math.round;\n\n var rgb2hex = function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n var ref = unpack$c(args, 'rgba');\n var r = ref[0];\n var g = ref[1];\n var b = ref[2];\n var a = ref[3];\n var mode = last$4(args) || 'auto';\n if (a === undefined) { a = 1; }\n if (mode === 'auto') {\n mode = a < 1 ? 'rgba' : 'rgb';\n }\n r = round$3(r);\n g = round$3(g);\n b = round$3(b);\n var u = r << 16 | g << 8 | b;\n var str = \"000000\" + u.toString(16); //#.toUpperCase();\n str = str.substr(str.length - 6);\n var hxa = '0' + round$3(a * 255).toString(16);\n hxa = hxa.substr(hxa.length - 2);\n switch (mode.toLowerCase()) {\n case 'rgba': return (\"#\" + str + hxa);\n case 'argb': return (\"#\" + hxa + str);\n default: return (\"#\" + str);\n }\n };\n\n var rgb2hex_1 = rgb2hex;\n\n var RE_HEX = /^#?([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/;\n var RE_HEXA = /^#?([A-Fa-f0-9]{8}|[A-Fa-f0-9]{4})$/;\n\n var hex2rgb = function (hex) {\n if (hex.match(RE_HEX)) {\n // remove optional leading #\n if (hex.length === 4 || hex.length === 7) {\n hex = hex.substr(1);\n }\n // expand short-notation to full six-digit\n if (hex.length === 3) {\n hex = hex.split('');\n hex = hex[0]+hex[0]+hex[1]+hex[1]+hex[2]+hex[2];\n }\n var u = parseInt(hex, 16);\n var r = u >> 16;\n var g = u >> 8 & 0xFF;\n var b = u & 0xFF;\n return [r,g,b,1];\n }\n\n // match rgba hex format, eg #FF000077\n if (hex.match(RE_HEXA)) {\n if (hex.length === 5 || hex.length === 9) {\n // remove optional leading #\n hex = hex.substr(1);\n }\n // expand short-notation to full eight-digit\n if (hex.length === 4) {\n hex = hex.split('');\n hex = hex[0]+hex[0]+hex[1]+hex[1]+hex[2]+hex[2]+hex[3]+hex[3];\n }\n var u$1 = parseInt(hex, 16);\n var r$1 = u$1 >> 24 & 0xFF;\n var g$1 = u$1 >> 16 & 0xFF;\n var b$1 = u$1 >> 8 & 0xFF;\n var a = Math.round((u$1 & 0xFF) / 0xFF * 100) / 100;\n return [r$1,g$1,b$1,a];\n }\n\n // we used to check for css colors here\n // if _input.css? and rgb = _input.css hex\n // return rgb\n\n throw new Error((\"unknown hex color: \" + hex));\n };\n\n var hex2rgb_1 = hex2rgb;\n\n var type$5 = utils.type;\n\n\n\n\n Color_1.prototype.hex = function(mode) {\n return rgb2hex_1(this._rgb, mode);\n };\n\n chroma_1.hex = function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['hex']) ));\n };\n\n input.format.hex = hex2rgb_1;\n input.autodetect.push({\n p: 4,\n test: function (h) {\n var rest = [], len = arguments.length - 1;\n while ( len-- > 0 ) rest[ len ] = arguments[ len + 1 ];\n\n if (!rest.length && type$5(h) === 'string' && [3,4,5,6,7,8,9].indexOf(h.length) >= 0) {\n return 'hex';\n }\n }\n });\n\n var unpack$d = utils.unpack;\n var TWOPI = utils.TWOPI;\n var min = Math.min;\n var sqrt = Math.sqrt;\n var acos = Math.acos;\n\n var rgb2hsi = function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n /*\n borrowed from here:\n http://hummer.stanford.edu/museinfo/doc/examples/humdrum/keyscape2/rgb2hsi.cpp\n */\n var ref = unpack$d(args, 'rgb');\n var r = ref[0];\n var g = ref[1];\n var b = ref[2];\n r /= 255;\n g /= 255;\n b /= 255;\n var h;\n var min_ = min(r,g,b);\n var i = (r+g+b) / 3;\n var s = i > 0 ? 1 - min_/i : 0;\n if (s === 0) {\n h = NaN;\n } else {\n h = ((r-g)+(r-b)) / 2;\n h /= sqrt((r-g)*(r-g) + (r-b)*(g-b));\n h = acos(h);\n if (b > g) {\n h = TWOPI - h;\n }\n h /= TWOPI;\n }\n return [h*360,s,i];\n };\n\n var rgb2hsi_1 = rgb2hsi;\n\n var unpack$e = utils.unpack;\n var limit$1 = utils.limit;\n var TWOPI$1 = utils.TWOPI;\n var PITHIRD = utils.PITHIRD;\n var cos = Math.cos;\n\n /*\n * hue [0..360]\n * saturation [0..1]\n * intensity [0..1]\n */\n var hsi2rgb = function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n /*\n borrowed from here:\n http://hummer.stanford.edu/museinfo/doc/examples/humdrum/keyscape2/hsi2rgb.cpp\n */\n args = unpack$e(args, 'hsi');\n var h = args[0];\n var s = args[1];\n var i = args[2];\n var r,g,b;\n\n if (isNaN(h)) { h = 0; }\n if (isNaN(s)) { s = 0; }\n // normalize hue\n if (h > 360) { h -= 360; }\n if (h < 0) { h += 360; }\n h /= 360;\n if (h < 1/3) {\n b = (1-s)/3;\n r = (1+s*cos(TWOPI$1*h)/cos(PITHIRD-TWOPI$1*h))/3;\n g = 1 - (b+r);\n } else if (h < 2/3) {\n h -= 1/3;\n r = (1-s)/3;\n g = (1+s*cos(TWOPI$1*h)/cos(PITHIRD-TWOPI$1*h))/3;\n b = 1 - (r+g);\n } else {\n h -= 2/3;\n g = (1-s)/3;\n b = (1+s*cos(TWOPI$1*h)/cos(PITHIRD-TWOPI$1*h))/3;\n r = 1 - (g+b);\n }\n r = limit$1(i*r*3);\n g = limit$1(i*g*3);\n b = limit$1(i*b*3);\n return [r*255, g*255, b*255, args.length > 3 ? args[3] : 1];\n };\n\n var hsi2rgb_1 = hsi2rgb;\n\n var unpack$f = utils.unpack;\n var type$6 = utils.type;\n\n\n\n\n\n\n Color_1.prototype.hsi = function() {\n return rgb2hsi_1(this._rgb);\n };\n\n chroma_1.hsi = function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['hsi']) ));\n };\n\n input.format.hsi = hsi2rgb_1;\n\n input.autodetect.push({\n p: 2,\n test: function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n args = unpack$f(args, 'hsi');\n if (type$6(args) === 'array' && args.length === 3) {\n return 'hsi';\n }\n }\n });\n\n var unpack$g = utils.unpack;\n var type$7 = utils.type;\n\n\n\n\n\n\n Color_1.prototype.hsl = function() {\n return rgb2hsl_1(this._rgb);\n };\n\n chroma_1.hsl = function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['hsl']) ));\n };\n\n input.format.hsl = hsl2rgb_1;\n\n input.autodetect.push({\n p: 2,\n test: function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n args = unpack$g(args, 'hsl');\n if (type$7(args) === 'array' && args.length === 3) {\n return 'hsl';\n }\n }\n });\n\n var unpack$h = utils.unpack;\n var min$1 = Math.min;\n var max$1 = Math.max;\n\n /*\n * supported arguments:\n * - rgb2hsv(r,g,b)\n * - rgb2hsv([r,g,b])\n * - rgb2hsv({r,g,b})\n */\n var rgb2hsl$1 = function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n args = unpack$h(args, 'rgb');\n var r = args[0];\n var g = args[1];\n var b = args[2];\n var min_ = min$1(r, g, b);\n var max_ = max$1(r, g, b);\n var delta = max_ - min_;\n var h,s,v;\n v = max_ / 255.0;\n if (max_ === 0) {\n h = Number.NaN;\n s = 0;\n } else {\n s = delta / max_;\n if (r === max_) { h = (g - b) / delta; }\n if (g === max_) { h = 2+(b - r) / delta; }\n if (b === max_) { h = 4+(r - g) / delta; }\n h *= 60;\n if (h < 0) { h += 360; }\n }\n return [h, s, v]\n };\n\n var rgb2hsv = rgb2hsl$1;\n\n var unpack$i = utils.unpack;\n var floor$1 = Math.floor;\n\n var hsv2rgb = function () {\n var assign, assign$1, assign$2, assign$3, assign$4, assign$5;\n\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n args = unpack$i(args, 'hsv');\n var h = args[0];\n var s = args[1];\n var v = args[2];\n var r,g,b;\n v *= 255;\n if (s === 0) {\n r = g = b = v;\n } else {\n if (h === 360) { h = 0; }\n if (h > 360) { h -= 360; }\n if (h < 0) { h += 360; }\n h /= 60;\n\n var i = floor$1(h);\n var f = h - i;\n var p = v * (1 - s);\n var q = v * (1 - s * f);\n var t = v * (1 - s * (1 - f));\n\n switch (i) {\n case 0: (assign = [v, t, p], r = assign[0], g = assign[1], b = assign[2]); break\n case 1: (assign$1 = [q, v, p], r = assign$1[0], g = assign$1[1], b = assign$1[2]); break\n case 2: (assign$2 = [p, v, t], r = assign$2[0], g = assign$2[1], b = assign$2[2]); break\n case 3: (assign$3 = [p, q, v], r = assign$3[0], g = assign$3[1], b = assign$3[2]); break\n case 4: (assign$4 = [t, p, v], r = assign$4[0], g = assign$4[1], b = assign$4[2]); break\n case 5: (assign$5 = [v, p, q], r = assign$5[0], g = assign$5[1], b = assign$5[2]); break\n }\n }\n return [r,g,b,args.length > 3?args[3]:1];\n };\n\n var hsv2rgb_1 = hsv2rgb;\n\n var unpack$j = utils.unpack;\n var type$8 = utils.type;\n\n\n\n\n\n\n Color_1.prototype.hsv = function() {\n return rgb2hsv(this._rgb);\n };\n\n chroma_1.hsv = function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['hsv']) ));\n };\n\n input.format.hsv = hsv2rgb_1;\n\n input.autodetect.push({\n p: 2,\n test: function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n args = unpack$j(args, 'hsv');\n if (type$8(args) === 'array' && args.length === 3) {\n return 'hsv';\n }\n }\n });\n\n var labConstants = {\n // Corresponds roughly to RGB brighter/darker\n Kn: 18,\n\n // D65 standard referent\n Xn: 0.950470,\n Yn: 1,\n Zn: 1.088830,\n\n t0: 0.137931034, // 4 / 29\n t1: 0.206896552, // 6 / 29\n t2: 0.12841855, // 3 * t1 * t1\n t3: 0.008856452, // t1 * t1 * t1\n };\n\n var unpack$k = utils.unpack;\n var pow = Math.pow;\n\n var rgb2lab = function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n var ref = unpack$k(args, 'rgb');\n var r = ref[0];\n var g = ref[1];\n var b = ref[2];\n var ref$1 = rgb2xyz(r,g,b);\n var x = ref$1[0];\n var y = ref$1[1];\n var z = ref$1[2];\n var l = 116 * y - 16;\n return [l < 0 ? 0 : l, 500 * (x - y), 200 * (y - z)];\n };\n\n var rgb_xyz = function (r) {\n if ((r /= 255) <= 0.04045) { return r / 12.92; }\n return pow((r + 0.055) / 1.055, 2.4);\n };\n\n var xyz_lab = function (t) {\n if (t > labConstants.t3) { return pow(t, 1 / 3); }\n return t / labConstants.t2 + labConstants.t0;\n };\n\n var rgb2xyz = function (r,g,b) {\n r = rgb_xyz(r);\n g = rgb_xyz(g);\n b = rgb_xyz(b);\n var x = xyz_lab((0.4124564 * r + 0.3575761 * g + 0.1804375 * b) / labConstants.Xn);\n var y = xyz_lab((0.2126729 * r + 0.7151522 * g + 0.0721750 * b) / labConstants.Yn);\n var z = xyz_lab((0.0193339 * r + 0.1191920 * g + 0.9503041 * b) / labConstants.Zn);\n return [x,y,z];\n };\n\n var rgb2lab_1 = rgb2lab;\n\n var unpack$l = utils.unpack;\n var pow$1 = Math.pow;\n\n /*\n * L* [0..100]\n * a [-100..100]\n * b [-100..100]\n */\n var lab2rgb = function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n args = unpack$l(args, 'lab');\n var l = args[0];\n var a = args[1];\n var b = args[2];\n var x,y,z, r,g,b_;\n\n y = (l + 16) / 116;\n x = isNaN(a) ? y : y + a / 500;\n z = isNaN(b) ? y : y - b / 200;\n\n y = labConstants.Yn * lab_xyz(y);\n x = labConstants.Xn * lab_xyz(x);\n z = labConstants.Zn * lab_xyz(z);\n\n r = xyz_rgb(3.2404542 * x - 1.5371385 * y - 0.4985314 * z); // D65 -> sRGB\n g = xyz_rgb(-0.9692660 * x + 1.8760108 * y + 0.0415560 * z);\n b_ = xyz_rgb(0.0556434 * x - 0.2040259 * y + 1.0572252 * z);\n\n return [r,g,b_,args.length > 3 ? args[3] : 1];\n };\n\n var xyz_rgb = function (r) {\n return 255 * (r <= 0.00304 ? 12.92 * r : 1.055 * pow$1(r, 1 / 2.4) - 0.055)\n };\n\n var lab_xyz = function (t) {\n return t > labConstants.t1 ? t * t * t : labConstants.t2 * (t - labConstants.t0)\n };\n\n var lab2rgb_1 = lab2rgb;\n\n var unpack$m = utils.unpack;\n var type$9 = utils.type;\n\n\n\n\n\n\n Color_1.prototype.lab = function() {\n return rgb2lab_1(this._rgb);\n };\n\n chroma_1.lab = function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['lab']) ));\n };\n\n input.format.lab = lab2rgb_1;\n\n input.autodetect.push({\n p: 2,\n test: function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n args = unpack$m(args, 'lab');\n if (type$9(args) === 'array' && args.length === 3) {\n return 'lab';\n }\n }\n });\n\n var unpack$n = utils.unpack;\n var RAD2DEG = utils.RAD2DEG;\n var sqrt$1 = Math.sqrt;\n var atan2 = Math.atan2;\n var round$4 = Math.round;\n\n var lab2lch = function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n var ref = unpack$n(args, 'lab');\n var l = ref[0];\n var a = ref[1];\n var b = ref[2];\n var c = sqrt$1(a * a + b * b);\n var h = (atan2(b, a) * RAD2DEG + 360) % 360;\n if (round$4(c*10000) === 0) { h = Number.NaN; }\n return [l, c, h];\n };\n\n var lab2lch_1 = lab2lch;\n\n var unpack$o = utils.unpack;\n\n\n\n var rgb2lch = function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n var ref = unpack$o(args, 'rgb');\n var r = ref[0];\n var g = ref[1];\n var b = ref[2];\n var ref$1 = rgb2lab_1(r,g,b);\n var l = ref$1[0];\n var a = ref$1[1];\n var b_ = ref$1[2];\n return lab2lch_1(l,a,b_);\n };\n\n var rgb2lch_1 = rgb2lch;\n\n var unpack$p = utils.unpack;\n var DEG2RAD = utils.DEG2RAD;\n var sin = Math.sin;\n var cos$1 = Math.cos;\n\n var lch2lab = function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n /*\n Convert from a qualitative parameter h and a quantitative parameter l to a 24-bit pixel.\n These formulas were invented by David Dalrymple to obtain maximum contrast without going\n out of gamut if the parameters are in the range 0-1.\n\n A saturation multiplier was added by Gregor Aisch\n */\n var ref = unpack$p(args, 'lch');\n var l = ref[0];\n var c = ref[1];\n var h = ref[2];\n if (isNaN(h)) { h = 0; }\n h = h * DEG2RAD;\n return [l, cos$1(h) * c, sin(h) * c]\n };\n\n var lch2lab_1 = lch2lab;\n\n var unpack$q = utils.unpack;\n\n\n\n var lch2rgb = function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n args = unpack$q(args, 'lch');\n var l = args[0];\n var c = args[1];\n var h = args[2];\n var ref = lch2lab_1 (l,c,h);\n var L = ref[0];\n var a = ref[1];\n var b_ = ref[2];\n var ref$1 = lab2rgb_1 (L,a,b_);\n var r = ref$1[0];\n var g = ref$1[1];\n var b = ref$1[2];\n return [r, g, b, args.length > 3 ? args[3] : 1];\n };\n\n var lch2rgb_1 = lch2rgb;\n\n var unpack$r = utils.unpack;\n\n\n var hcl2rgb = function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n var hcl = unpack$r(args, 'hcl').reverse();\n return lch2rgb_1.apply(void 0, hcl);\n };\n\n var hcl2rgb_1 = hcl2rgb;\n\n var unpack$s = utils.unpack;\n var type$a = utils.type;\n\n\n\n\n\n\n Color_1.prototype.lch = function() { return rgb2lch_1(this._rgb); };\n Color_1.prototype.hcl = function() { return rgb2lch_1(this._rgb).reverse(); };\n\n chroma_1.lch = function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['lch']) ));\n };\n chroma_1.hcl = function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['hcl']) ));\n };\n\n input.format.lch = lch2rgb_1;\n input.format.hcl = hcl2rgb_1;\n\n ['lch','hcl'].forEach(function (m) { return input.autodetect.push({\n p: 2,\n test: function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n args = unpack$s(args, m);\n if (type$a(args) === 'array' && args.length === 3) {\n return m;\n }\n }\n }); });\n\n /**\n \tX11 color names\n\n \thttp://www.w3.org/TR/css3-color/#svg-color\n */\n\n var w3cx11 = {\n aliceblue: '#f0f8ff',\n antiquewhite: '#faebd7',\n aqua: '#00ffff',\n aquamarine: '#7fffd4',\n azure: '#f0ffff',\n beige: '#f5f5dc',\n bisque: '#ffe4c4',\n black: '#000000',\n blanchedalmond: '#ffebcd',\n blue: '#0000ff',\n blueviolet: '#8a2be2',\n brown: '#a52a2a',\n burlywood: '#deb887',\n cadetblue: '#5f9ea0',\n chartreuse: '#7fff00',\n chocolate: '#d2691e',\n coral: '#ff7f50',\n cornflower: '#6495ed',\n cornflowerblue: '#6495ed',\n cornsilk: '#fff8dc',\n crimson: '#dc143c',\n cyan: '#00ffff',\n darkblue: '#00008b',\n darkcyan: '#008b8b',\n darkgoldenrod: '#b8860b',\n darkgray: '#a9a9a9',\n darkgreen: '#006400',\n darkgrey: '#a9a9a9',\n darkkhaki: '#bdb76b',\n darkmagenta: '#8b008b',\n darkolivegreen: '#556b2f',\n darkorange: '#ff8c00',\n darkorchid: '#9932cc',\n darkred: '#8b0000',\n darksalmon: '#e9967a',\n darkseagreen: '#8fbc8f',\n darkslateblue: '#483d8b',\n darkslategray: '#2f4f4f',\n darkslategrey: '#2f4f4f',\n darkturquoise: '#00ced1',\n darkviolet: '#9400d3',\n deeppink: '#ff1493',\n deepskyblue: '#00bfff',\n dimgray: '#696969',\n dimgrey: '#696969',\n dodgerblue: '#1e90ff',\n firebrick: '#b22222',\n floralwhite: '#fffaf0',\n forestgreen: '#228b22',\n fuchsia: '#ff00ff',\n gainsboro: '#dcdcdc',\n ghostwhite: '#f8f8ff',\n gold: '#ffd700',\n goldenrod: '#daa520',\n gray: '#808080',\n green: '#008000',\n greenyellow: '#adff2f',\n grey: '#808080',\n honeydew: '#f0fff0',\n hotpink: '#ff69b4',\n indianred: '#cd5c5c',\n indigo: '#4b0082',\n ivory: '#fffff0',\n khaki: '#f0e68c',\n laserlemon: '#ffff54',\n lavender: '#e6e6fa',\n lavenderblush: '#fff0f5',\n lawngreen: '#7cfc00',\n lemonchiffon: '#fffacd',\n lightblue: '#add8e6',\n lightcoral: '#f08080',\n lightcyan: '#e0ffff',\n lightgoldenrod: '#fafad2',\n lightgoldenrodyellow: '#fafad2',\n lightgray: '#d3d3d3',\n lightgreen: '#90ee90',\n lightgrey: '#d3d3d3',\n lightpink: '#ffb6c1',\n lightsalmon: '#ffa07a',\n lightseagreen: '#20b2aa',\n lightskyblue: '#87cefa',\n lightslategray: '#778899',\n lightslategrey: '#778899',\n lightsteelblue: '#b0c4de',\n lightyellow: '#ffffe0',\n lime: '#00ff00',\n limegreen: '#32cd32',\n linen: '#faf0e6',\n magenta: '#ff00ff',\n maroon: '#800000',\n maroon2: '#7f0000',\n maroon3: '#b03060',\n mediumaquamarine: '#66cdaa',\n mediumblue: '#0000cd',\n mediumorchid: '#ba55d3',\n mediumpurple: '#9370db',\n mediumseagreen: '#3cb371',\n mediumslateblue: '#7b68ee',\n mediumspringgreen: '#00fa9a',\n mediumturquoise: '#48d1cc',\n mediumvioletred: '#c71585',\n midnightblue: '#191970',\n mintcream: '#f5fffa',\n mistyrose: '#ffe4e1',\n moccasin: '#ffe4b5',\n navajowhite: '#ffdead',\n navy: '#000080',\n oldlace: '#fdf5e6',\n olive: '#808000',\n olivedrab: '#6b8e23',\n orange: '#ffa500',\n orangered: '#ff4500',\n orchid: '#da70d6',\n palegoldenrod: '#eee8aa',\n palegreen: '#98fb98',\n paleturquoise: '#afeeee',\n palevioletred: '#db7093',\n papayawhip: '#ffefd5',\n peachpuff: '#ffdab9',\n peru: '#cd853f',\n pink: '#ffc0cb',\n plum: '#dda0dd',\n powderblue: '#b0e0e6',\n purple: '#800080',\n purple2: '#7f007f',\n purple3: '#a020f0',\n rebeccapurple: '#663399',\n red: '#ff0000',\n rosybrown: '#bc8f8f',\n royalblue: '#4169e1',\n saddlebrown: '#8b4513',\n salmon: '#fa8072',\n sandybrown: '#f4a460',\n seagreen: '#2e8b57',\n seashell: '#fff5ee',\n sienna: '#a0522d',\n silver: '#c0c0c0',\n skyblue: '#87ceeb',\n slateblue: '#6a5acd',\n slategray: '#708090',\n slategrey: '#708090',\n snow: '#fffafa',\n springgreen: '#00ff7f',\n steelblue: '#4682b4',\n tan: '#d2b48c',\n teal: '#008080',\n thistle: '#d8bfd8',\n tomato: '#ff6347',\n turquoise: '#40e0d0',\n violet: '#ee82ee',\n wheat: '#f5deb3',\n white: '#ffffff',\n whitesmoke: '#f5f5f5',\n yellow: '#ffff00',\n yellowgreen: '#9acd32'\n };\n\n var w3cx11_1 = w3cx11;\n\n var type$b = utils.type;\n\n\n\n\n\n Color_1.prototype.name = function() {\n var hex = rgb2hex_1(this._rgb, 'rgb');\n for (var i = 0, list = Object.keys(w3cx11_1); i < list.length; i += 1) {\n var n = list[i];\n\n if (w3cx11_1[n] === hex) { return n.toLowerCase(); }\n }\n return hex;\n };\n\n input.format.named = function (name) {\n name = name.toLowerCase();\n if (w3cx11_1[name]) { return hex2rgb_1(w3cx11_1[name]); }\n throw new Error('unknown color name: '+name);\n };\n\n input.autodetect.push({\n p: 5,\n test: function (h) {\n var rest = [], len = arguments.length - 1;\n while ( len-- > 0 ) rest[ len ] = arguments[ len + 1 ];\n\n if (!rest.length && type$b(h) === 'string' && w3cx11_1[h.toLowerCase()]) {\n return 'named';\n }\n }\n });\n\n var unpack$t = utils.unpack;\n\n var rgb2num = function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n var ref = unpack$t(args, 'rgb');\n var r = ref[0];\n var g = ref[1];\n var b = ref[2];\n return (r << 16) + (g << 8) + b;\n };\n\n var rgb2num_1 = rgb2num;\n\n var type$c = utils.type;\n\n var num2rgb = function (num) {\n if (type$c(num) == \"number\" && num >= 0 && num <= 0xFFFFFF) {\n var r = num >> 16;\n var g = (num >> 8) & 0xFF;\n var b = num & 0xFF;\n return [r,g,b,1];\n }\n throw new Error(\"unknown num color: \"+num);\n };\n\n var num2rgb_1 = num2rgb;\n\n var type$d = utils.type;\n\n\n\n Color_1.prototype.num = function() {\n return rgb2num_1(this._rgb);\n };\n\n chroma_1.num = function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['num']) ));\n };\n\n input.format.num = num2rgb_1;\n\n input.autodetect.push({\n p: 5,\n test: function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n if (args.length === 1 && type$d(args[0]) === 'number' && args[0] >= 0 && args[0] <= 0xFFFFFF) {\n return 'num';\n }\n }\n });\n\n var unpack$u = utils.unpack;\n var type$e = utils.type;\n var round$5 = Math.round;\n\n Color_1.prototype.rgb = function(rnd) {\n if ( rnd === void 0 ) rnd=true;\n\n if (rnd === false) { return this._rgb.slice(0,3); }\n return this._rgb.slice(0,3).map(round$5);\n };\n\n Color_1.prototype.rgba = function(rnd) {\n if ( rnd === void 0 ) rnd=true;\n\n return this._rgb.slice(0,4).map(function (v,i) {\n return i<3 ? (rnd === false ? v : round$5(v)) : v;\n });\n };\n\n chroma_1.rgb = function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['rgb']) ));\n };\n\n input.format.rgb = function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n var rgba = unpack$u(args, 'rgba');\n if (rgba[3] === undefined) { rgba[3] = 1; }\n return rgba;\n };\n\n input.autodetect.push({\n p: 3,\n test: function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n args = unpack$u(args, 'rgba');\n if (type$e(args) === 'array' && (args.length === 3 ||\n args.length === 4 && type$e(args[3]) == 'number' && args[3] >= 0 && args[3] <= 1)) {\n return 'rgb';\n }\n }\n });\n\n /*\n * Based on implementation by Neil Bartlett\n * https://github.com/neilbartlett/color-temperature\n */\n\n var log = Math.log;\n\n var temperature2rgb = function (kelvin) {\n var temp = kelvin / 100;\n var r,g,b;\n if (temp < 66) {\n r = 255;\n g = -155.25485562709179 - 0.44596950469579133 * (g = temp-2) + 104.49216199393888 * log(g);\n b = temp < 20 ? 0 : -254.76935184120902 + 0.8274096064007395 * (b = temp-10) + 115.67994401066147 * log(b);\n } else {\n r = 351.97690566805693 + 0.114206453784165 * (r = temp-55) - 40.25366309332127 * log(r);\n g = 325.4494125711974 + 0.07943456536662342 * (g = temp-50) - 28.0852963507957 * log(g);\n b = 255;\n }\n return [r,g,b,1];\n };\n\n var temperature2rgb_1 = temperature2rgb;\n\n /*\n * Based on implementation by Neil Bartlett\n * https://github.com/neilbartlett/color-temperature\n **/\n\n\n var unpack$v = utils.unpack;\n var round$6 = Math.round;\n\n var rgb2temperature = function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n var rgb = unpack$v(args, 'rgb');\n var r = rgb[0], b = rgb[2];\n var minTemp = 1000;\n var maxTemp = 40000;\n var eps = 0.4;\n var temp;\n while (maxTemp - minTemp > eps) {\n temp = (maxTemp + minTemp) * 0.5;\n var rgb$1 = temperature2rgb_1(temp);\n if ((rgb$1[2] / rgb$1[0]) >= (b / r)) {\n maxTemp = temp;\n } else {\n minTemp = temp;\n }\n }\n return round$6(temp);\n };\n\n var rgb2temperature_1 = rgb2temperature;\n\n Color_1.prototype.temp =\n Color_1.prototype.kelvin =\n Color_1.prototype.temperature = function() {\n return rgb2temperature_1(this._rgb);\n };\n\n chroma_1.temp =\n chroma_1.kelvin =\n chroma_1.temperature = function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n return new (Function.prototype.bind.apply( Color_1, [ null ].concat( args, ['temp']) ));\n };\n\n input.format.temp =\n input.format.kelvin =\n input.format.temperature = temperature2rgb_1;\n\n var type$f = utils.type;\n\n Color_1.prototype.alpha = function(a, mutate) {\n if ( mutate === void 0 ) mutate=false;\n\n if (a !== undefined && type$f(a) === 'number') {\n if (mutate) {\n this._rgb[3] = a;\n return this;\n }\n return new Color_1([this._rgb[0], this._rgb[1], this._rgb[2], a], 'rgb');\n }\n return this._rgb[3];\n };\n\n Color_1.prototype.clipped = function() {\n return this._rgb._clipped || false;\n };\n\n Color_1.prototype.darken = function(amount) {\n \tif ( amount === void 0 ) amount=1;\n\n \tvar me = this;\n \tvar lab = me.lab();\n \tlab[0] -= labConstants.Kn * amount;\n \treturn new Color_1(lab, 'lab').alpha(me.alpha(), true);\n };\n\n Color_1.prototype.brighten = function(amount) {\n \tif ( amount === void 0 ) amount=1;\n\n \treturn this.darken(-amount);\n };\n\n Color_1.prototype.darker = Color_1.prototype.darken;\n Color_1.prototype.brighter = Color_1.prototype.brighten;\n\n Color_1.prototype.get = function(mc) {\n var ref = mc.split('.');\n var mode = ref[0];\n var channel = ref[1];\n var src = this[mode]();\n if (channel) {\n var i = mode.indexOf(channel);\n if (i > -1) { return src[i]; }\n throw new Error((\"unknown channel \" + channel + \" in mode \" + mode));\n } else {\n return src;\n }\n };\n\n var type$g = utils.type;\n var pow$2 = Math.pow;\n\n var EPS = 1e-7;\n var MAX_ITER = 20;\n\n Color_1.prototype.luminance = function(lum) {\n if (lum !== undefined && type$g(lum) === 'number') {\n if (lum === 0) {\n // return pure black\n return new Color_1([0,0,0,this._rgb[3]], 'rgb');\n }\n if (lum === 1) {\n // return pure white\n return new Color_1([255,255,255,this._rgb[3]], 'rgb');\n }\n // compute new color using...\n var cur_lum = this.luminance();\n var mode = 'rgb';\n var max_iter = MAX_ITER;\n\n var test = function (low, high) {\n var mid = low.interpolate(high, 0.5, mode);\n var lm = mid.luminance();\n if (Math.abs(lum - lm) < EPS || !max_iter--) {\n // close enough\n return mid;\n }\n return lm > lum ? test(low, mid) : test(mid, high);\n };\n\n var rgb = (cur_lum > lum ? test(new Color_1([0,0,0]), this) : test(this, new Color_1([255,255,255]))).rgb();\n return new Color_1(rgb.concat( [this._rgb[3]]));\n }\n return rgb2luminance.apply(void 0, (this._rgb).slice(0,3));\n };\n\n\n var rgb2luminance = function (r,g,b) {\n // relative luminance\n // see http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef\n r = luminance_x(r);\n g = luminance_x(g);\n b = luminance_x(b);\n return 0.2126 * r + 0.7152 * g + 0.0722 * b;\n };\n\n var luminance_x = function (x) {\n x /= 255;\n return x <= 0.03928 ? x/12.92 : pow$2((x+0.055)/1.055, 2.4);\n };\n\n var interpolator = {};\n\n var type$h = utils.type;\n\n\n var mix = function (col1, col2, f) {\n if ( f === void 0 ) f=0.5;\n var rest = [], len = arguments.length - 3;\n while ( len-- > 0 ) rest[ len ] = arguments[ len + 3 ];\n\n var mode = rest[0] || 'lrgb';\n if (!interpolator[mode] && !rest.length) {\n // fall back to the first supported mode\n mode = Object.keys(interpolator)[0];\n }\n if (!interpolator[mode]) {\n throw new Error((\"interpolation mode \" + mode + \" is not defined\"));\n }\n if (type$h(col1) !== 'object') { col1 = new Color_1(col1); }\n if (type$h(col2) !== 'object') { col2 = new Color_1(col2); }\n return interpolator[mode](col1, col2, f)\n .alpha(col1.alpha() + f * (col2.alpha() - col1.alpha()));\n };\n\n Color_1.prototype.mix =\n Color_1.prototype.interpolate = function(col2, f) {\n \tif ( f === void 0 ) f=0.5;\n \tvar rest = [], len = arguments.length - 2;\n \twhile ( len-- > 0 ) rest[ len ] = arguments[ len + 2 ];\n\n \treturn mix.apply(void 0, [ this, col2, f ].concat( rest ));\n };\n\n Color_1.prototype.premultiply = function(mutate) {\n \tif ( mutate === void 0 ) mutate=false;\n\n \tvar rgb = this._rgb;\n \tvar a = rgb[3];\n \tif (mutate) {\n \t\tthis._rgb = [rgb[0]*a, rgb[1]*a, rgb[2]*a, a];\n \t\treturn this;\n \t} else {\n \t\treturn new Color_1([rgb[0]*a, rgb[1]*a, rgb[2]*a, a], 'rgb');\n \t}\n };\n\n Color_1.prototype.saturate = function(amount) {\n \tif ( amount === void 0 ) amount=1;\n\n \tvar me = this;\n \tvar lch = me.lch();\n \tlch[1] += labConstants.Kn * amount;\n \tif (lch[1] < 0) { lch[1] = 0; }\n \treturn new Color_1(lch, 'lch').alpha(me.alpha(), true);\n };\n\n Color_1.prototype.desaturate = function(amount) {\n \tif ( amount === void 0 ) amount=1;\n\n \treturn this.saturate(-amount);\n };\n\n var type$i = utils.type;\n\n Color_1.prototype.set = function(mc, value, mutate) {\n if ( mutate === void 0 ) mutate=false;\n\n var ref = mc.split('.');\n var mode = ref[0];\n var channel = ref[1];\n var src = this[mode]();\n if (channel) {\n var i = mode.indexOf(channel);\n if (i > -1) {\n if (type$i(value) == 'string') {\n switch(value.charAt(0)) {\n case '+': src[i] += +value; break;\n case '-': src[i] += +value; break;\n case '*': src[i] *= +(value.substr(1)); break;\n case '/': src[i] /= +(value.substr(1)); break;\n default: src[i] = +value;\n }\n } else if (type$i(value) === 'number') {\n src[i] = value;\n } else {\n throw new Error(\"unsupported value for Color.set\");\n }\n var out = new Color_1(src, mode);\n if (mutate) {\n this._rgb = out._rgb;\n return this;\n }\n return out;\n }\n throw new Error((\"unknown channel \" + channel + \" in mode \" + mode));\n } else {\n return src;\n }\n };\n\n var rgb$1 = function (col1, col2, f) {\n var xyz0 = col1._rgb;\n var xyz1 = col2._rgb;\n return new Color_1(\n xyz0[0] + f * (xyz1[0]-xyz0[0]),\n xyz0[1] + f * (xyz1[1]-xyz0[1]),\n xyz0[2] + f * (xyz1[2]-xyz0[2]),\n 'rgb'\n )\n };\n\n // register interpolator\n interpolator.rgb = rgb$1;\n\n var sqrt$2 = Math.sqrt;\n var pow$3 = Math.pow;\n\n var lrgb = function (col1, col2, f) {\n var ref = col1._rgb;\n var x1 = ref[0];\n var y1 = ref[1];\n var z1 = ref[2];\n var ref$1 = col2._rgb;\n var x2 = ref$1[0];\n var y2 = ref$1[1];\n var z2 = ref$1[2];\n return new Color_1(\n sqrt$2(pow$3(x1,2) * (1-f) + pow$3(x2,2) * f),\n sqrt$2(pow$3(y1,2) * (1-f) + pow$3(y2,2) * f),\n sqrt$2(pow$3(z1,2) * (1-f) + pow$3(z2,2) * f),\n 'rgb'\n )\n };\n\n // register interpolator\n interpolator.lrgb = lrgb;\n\n var lab$1 = function (col1, col2, f) {\n var xyz0 = col1.lab();\n var xyz1 = col2.lab();\n return new Color_1(\n xyz0[0] + f * (xyz1[0]-xyz0[0]),\n xyz0[1] + f * (xyz1[1]-xyz0[1]),\n xyz0[2] + f * (xyz1[2]-xyz0[2]),\n 'lab'\n )\n };\n\n // register interpolator\n interpolator.lab = lab$1;\n\n var _hsx = function (col1, col2, f, m) {\n var assign, assign$1;\n\n var xyz0, xyz1;\n if (m === 'hsl') {\n xyz0 = col1.hsl();\n xyz1 = col2.hsl();\n } else if (m === 'hsv') {\n xyz0 = col1.hsv();\n xyz1 = col2.hsv();\n } else if (m === 'hcg') {\n xyz0 = col1.hcg();\n xyz1 = col2.hcg();\n } else if (m === 'hsi') {\n xyz0 = col1.hsi();\n xyz1 = col2.hsi();\n } else if (m === 'lch' || m === 'hcl') {\n m = 'hcl';\n xyz0 = col1.hcl();\n xyz1 = col2.hcl();\n }\n\n var hue0, hue1, sat0, sat1, lbv0, lbv1;\n if (m.substr(0, 1) === 'h') {\n (assign = xyz0, hue0 = assign[0], sat0 = assign[1], lbv0 = assign[2]);\n (assign$1 = xyz1, hue1 = assign$1[0], sat1 = assign$1[1], lbv1 = assign$1[2]);\n }\n\n var sat, hue, lbv, dh;\n\n if (!isNaN(hue0) && !isNaN(hue1)) {\n // both colors have hue\n if (hue1 > hue0 && hue1 - hue0 > 180) {\n dh = hue1-(hue0+360);\n } else if (hue1 < hue0 && hue0 - hue1 > 180) {\n dh = hue1+360-hue0;\n } else{\n dh = hue1 - hue0;\n }\n hue = hue0 + f * dh;\n } else if (!isNaN(hue0)) {\n hue = hue0;\n if ((lbv1 == 1 || lbv1 == 0) && m != 'hsv') { sat = sat0; }\n } else if (!isNaN(hue1)) {\n hue = hue1;\n if ((lbv0 == 1 || lbv0 == 0) && m != 'hsv') { sat = sat1; }\n } else {\n hue = Number.NaN;\n }\n\n if (sat === undefined) { sat = sat0 + f * (sat1 - sat0); }\n lbv = lbv0 + f * (lbv1-lbv0);\n return new Color_1([hue, sat, lbv], m);\n };\n\n var lch$1 = function (col1, col2, f) {\n \treturn _hsx(col1, col2, f, 'lch');\n };\n\n // register interpolator\n interpolator.lch = lch$1;\n interpolator.hcl = lch$1;\n\n var num$1 = function (col1, col2, f) {\n var c1 = col1.num();\n var c2 = col2.num();\n return new Color_1(c1 + f * (c2-c1), 'num')\n };\n\n // register interpolator\n interpolator.num = num$1;\n\n var hcg$1 = function (col1, col2, f) {\n \treturn _hsx(col1, col2, f, 'hcg');\n };\n\n // register interpolator\n interpolator.hcg = hcg$1;\n\n var hsi$1 = function (col1, col2, f) {\n \treturn _hsx(col1, col2, f, 'hsi');\n };\n\n // register interpolator\n interpolator.hsi = hsi$1;\n\n var hsl$1 = function (col1, col2, f) {\n \treturn _hsx(col1, col2, f, 'hsl');\n };\n\n // register interpolator\n interpolator.hsl = hsl$1;\n\n var hsv$1 = function (col1, col2, f) {\n \treturn _hsx(col1, col2, f, 'hsv');\n };\n\n // register interpolator\n interpolator.hsv = hsv$1;\n\n var clip_rgb$2 = utils.clip_rgb;\n var pow$4 = Math.pow;\n var sqrt$3 = Math.sqrt;\n var PI$1 = Math.PI;\n var cos$2 = Math.cos;\n var sin$1 = Math.sin;\n var atan2$1 = Math.atan2;\n\n var average = function (colors, mode, weights) {\n if ( mode === void 0 ) mode='lrgb';\n if ( weights === void 0 ) weights=null;\n\n var l = colors.length;\n if (!weights) { weights = Array.from(new Array(l)).map(function () { return 1; }); }\n // normalize weights\n var k = l / weights.reduce(function(a, b) { return a + b; });\n weights.forEach(function (w,i) { weights[i] *= k; });\n // convert colors to Color objects\n colors = colors.map(function (c) { return new Color_1(c); });\n if (mode === 'lrgb') {\n return _average_lrgb(colors, weights)\n }\n var first = colors.shift();\n var xyz = first.get(mode);\n var cnt = [];\n var dx = 0;\n var dy = 0;\n // initial color\n for (var i=0; i\n
\n \n
\n \n\n
\n\n \n
\n\n
\n\n Existing User? Sign in
\n {this.state.error ?\n\n \n {this.state.error}\n
\n : null\n }\n\n \n \n \n\n \n
\n \n \n {this.state.showPassword ? (\n \n ) : (\n \n )}\n
\n \n\n
\n
\n {window.server_type == \"LOCAL\" ?\n \n :\n \n }\n Login\n
\n \n
\n \n\n 
\n : null}\n\n
\n \n {window.account.account_flag && window.account.account_flag != \"\" ?\n
\n\n\n {window.account.name ?\n \n 
\n
\n : null}\n \n
\n \n {accName}
\n {window.config.APP_NAME || \"EWARS\"}
\n {window.account.description}
\n :\n{DEFAULT}
\n }\n\n \n\n {window.account.account_logo && window.account.account_logo != \"\" ?\nAll Content Copyright WHO {year}.\n All Rights Reserved. Powered by ewars\n
\n (prop: P, _obj: unknown): P => prop;\n\ndeclare global {\n var JSCompiler_renameProperty:
(\n prop: P, _obj: unknown) => P;\n\n interface Window {\n JSCompiler_renameProperty: typeof JSCompiler_renameProperty;\n }\n}\n\n/**\n * Converts property values to and from attribute values.\n */\nexport interface ComplexAttributeConverter<${repeat(items, (item) => html`
`\n * ```\n *\n * When `repeat` is invoked, it returns a directive function that closes over\n * `items` and the template function. When the outer template is rendered, the\n * return directive function is called with the Part for the expression.\n * `repeat` then performs it's custom logic to render multiple items.\n *\n * @param f The directive factory function. Must be a function that returns a\n * function of the signature `(part: Part) => void`. The returned function will\n * be called with the part object.\n *\n * @example\n *\n * import {directive, html} from 'lit-html';\n *\n * const immutable = directive((v) => (part) => {\n * if (part.value !== v) {\n * part.setValue(v)\n * }\n * });\n */\nexport const directive =