\r\n\t\t\t\r\n\t\t)\r\n\t}\r\n}\r\n\r\nMailing.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\tlist: PropTypes.instanceOf(Immutable.List).isRequired,\r\n\titems: PropTypes.instanceOf(Immutable.Map).isRequired,\r\n\tgetAll: PropTypes.func.isRequired,\r\n\tclear: PropTypes.func.isRequired,\r\n\tprint: PropTypes.func.isRequired\r\n}\r\n\r\nexport default withStyles(styles)(Mailing);","import { connect } from 'react-redux';\r\nimport Mailing from '../components';\r\nimport { getAll, clear, print } from 'actions/mailing';\r\nimport { startWaiting, endWaiting } from 'actions/ui';\r\n\r\nconst mapStateToProps = (state) => {\r\n\treturn {\r\n\t\tlist: state.getIn(['mailing', 'list']),\r\n\t\titems: state.getIn(['mailing', 'items']),\r\n\t\tlastAction: state.getIn(['ui','lastAction'])\r\n\t}\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n\treturn {\r\n\t\tgetAll: (fromDate, toDate) => {\r\n\t\t\tdispatch(getAll(fromDate, toDate));\r\n\t\t},\r\n\t\tclear: () => {\r\n\t\t\tdispatch(clear());\r\n\t\t},\r\n\t\tprint: (id) => {\r\n\t\t\tdispatch(print(id))\r\n\t\t},\r\n\t\tstartWaiting: () => {\r\n\t\t\tdispatch(startWaiting());\r\n\t\t},\r\n\t\tendWaiting: () => {\r\n\t\t\tdispatch(endWaiting());\r\n\t\t}\r\n\t}\r\n}\r\nexport default connect(\r\n\tmapStateToProps,\r\n\tmapDispatchToProps\r\n)(Mailing)","import Container from './container';\r\nexport default Container;","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport posed from 'react-pose';\r\nimport withStyles from 'react-jss';\r\nimport { ExpandIcon } from 'UI/Icons';\r\n\r\nconst styles = {\r\n\troot:{\r\n\t\tposition: 'relative',\r\n\t},\r\n\tbutton: {\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\twidth: '100px',\r\n\t\tpadding: 0,\r\n\t\tcolor: '#17324d',\r\n\t\t\"& .icon\":{\r\n\t\t\tfill: '#17324d'\r\n\t\t},\r\n\t\t\"&:hover\":{\r\n\t\t\tcolor: \"#0073e6\",\r\n\t\t\t\"& .icon\":{\r\n\t\t\t\tfill: \"#0073e6\"\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\tcol:{\r\n\t},\r\n\tseparator:{\r\n\t\tflex: 1\r\n\t},\r\n\ticon: {\r\n\t\ttransition: 'transform .3s',\r\n\t\t'&.active':{\r\n\t\t\ttransform: 'scaleY(-1)'\r\n\t\t}\r\n\t},\r\n\tdropdownMenu: {\r\n\t\tzIndex: 5,\r\n\t\tposition: 'absolute',\r\n\t\toverflow: 'hidden',\r\n\t\tdisplay: 'block',\r\n\t\ttop: '0px',\r\n\t\tleft: '0px',\r\n\t\tborder: '1px solid #f2f2f2',\r\n\t\tpadding: 0,\r\n\t\tmargin: 0,\r\n\t\t'&:before':{\r\n\t\t\ttop: '-9px',\r\n\t\t\tborderRadius: '2px',\r\n\t\t\tborderLeft: '1px solid #f2f2f2',\r\n\t\t\tborderTop: '1px solid #f2f2f2'\r\n\t\t},\r\n\t\t'&.larger':{\r\n\t\t\tminWidth: '15rem'\r\n\t\t},\r\n\t\t'&.visible': {\r\n\t\t\tpadding: '0.5rem',\r\n\t\t}\r\n\t},\r\n\tmenuLabel:{\r\n\t\tfontSize: '12px',\r\n\t},\r\n\tlistWrapper: {\r\n\t\tmaxHeight: '324px',\r\n\t\toverflow: 'auto'\r\n\t},\r\n\tmenuButton: { \r\n\t\tfontSize: '12px'\r\n\t},\r\n}\r\n\r\nconst Menu = posed.div({\r\n\thidden: { opacity: 0, height: 0, top:0 },\r\n\tvisible: { opacity: 1, height: 'auto', top: '55px' }\r\n})\r\n\r\nclass ToolbarButton extends PureComponent{\r\n\tclick = (e) => {\r\n\t\tconst { onBtnClick } = this.props;\r\n\t\tonBtnClick(e);\r\n\t}\r\n\trender(){\r\n\t\tconst { classes, isOpen, label, Icon, actions } = this.props;\r\n\t\tlet lis = [];\r\n\t\tfor(let i = 0; i < actions.length; i++){\r\n\t\t\tlis.push(\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{actions[i].label}\r\n\t\t\t\t\t \r\n\t\t\t\t \r\n\t\t\t)\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{label} \r\n\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t\t{label} \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{ lis }\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{label} \r\n\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t\t{label} \r\n\t\t\t\t\t\r\n\t\t\t\t\t\tDal giorno \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tAl giorno \r\n\t\t\t\t\t\t\t
\t\r\n\t\t\t\t \r\n\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t {this.link('/qualita/nonconformita')},\r\n\t\t\t\t\t\t\t\t\tisSelected: pathname === '/qualita/nonconformita'\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tlabel: \"Attività Scadute\",\r\n\t\t\t\t\t\t\t\t\tonSelect: () => {this.link('/qualita/attivitascadute')},\r\n\t\t\t\t\t\t\t\t\tisSelected: pathname.indexOf('/qualita/attivitascadute')>-1\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tlabel: \"Altre Non Conformità \",\r\n\t\t\t\t\t\t\t\t\tonSelect: () => {this.link('/qualita/altre')},\r\n\t\t\t\t\t\t\t\t\tisSelected:pathname.indexOf('/qualita/altre')>-1\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{ (pathname === '/qualita/altre') &&\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tAggiungi \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tEsporta \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t \r\n\t\t\t \r\n\t\t);\r\n\t}\r\n}\r\n\r\nToolbar.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\tfilters: PropTypes.instanceOf(Immutable.Map).isRequired,\r\n\tuserList: PropTypes.instanceOf(Immutable.List).isRequired,\r\n\tusers: PropTypes.instanceOf(Immutable.Map).isRequired,\r\n\tkindList: PropTypes.instanceOf(Immutable.List).isRequired,\r\n\tkindItems: PropTypes.instanceOf(Immutable.Map).isRequired,\r\n\tonSetFilter: PropTypes.func.isRequired,\r\n\tonAddToFilter: PropTypes.func.isRequired,\r\n\tonLink: PropTypes.func.isRequired,\r\n\tonExportCSV: PropTypes.func.isRequired\r\n};\r\n\r\nexport default withRouter(withStyles(styles)(Toolbar));","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Immutable from 'immutable';\r\nimport moment from 'moment';\r\nimport classNames from 'classnames';\r\nimport withStyles from 'react-jss';\r\nimport { CalendarIcon, CloseIcon, ErrorIcon, PaIcon, ListIcon, UserIcon } from 'UI/Icons';\r\n\r\nconst styles = {\r\n\troot:{\r\n\t\theight: '27px',\r\n\t\tposition: 'relative',\r\n\t\tpadding: '0 18px',\r\n\t\tflex: 'none',\r\n\t\tborderBottom: '1px solid #e1e1e1',\r\n\t},\r\n\ticon:{\r\n\t\tdisplay: 'inline-flex',\r\n\t\ttransform: \"translateX(-5px) translateY(1px)\",\r\n\t\tcolor: \"#5c6f82\",\r\n\t\tboxSizing: 'content-box',\r\n\t\t\"& .icon\": {\r\n\t\t\theight: '16px',\r\n\t\t\twidth: '16px'\r\n\t\t}\r\n\t}\r\n}\r\n\r\n\r\nclass FilterList extends PureComponent {\r\n\tremoveFilter = (key) => {\r\n\t\tconst { onRemoveFilter } = this.props;\r\n\t\tif(key) onRemoveFilter(key);\r\n\t}\r\n\tremoveFromFilter = (key, index) => {\r\n\t\tconst { onRemoveFromFilter } = this.props;\r\n\t\tif(key && index >= 0) onRemoveFromFilter(key, index); \r\n\t}\r\n\trender(){\r\n\t\tconst { classes, filters, places, kindItems, pathname } = this.props;\r\n\t\tlet userItems = [];\r\n\t\tlet placeItems = [];\r\n\t\tconst users = filters.get('user');\r\n\t\tconst filterPlaces = filters.get('place');\r\n\t\tif(users)\r\n\t\t\tfor(let i = 0; i < users.size; i++){\r\n\t\t\t\tuserItems.push(\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
{filters.getIn(['user', i])} \r\n\t\t\t\t\t\t
{this.removeFromFilter('user', i)}} >\t\r\n\t\t\t\t\t\t\tElimina \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
{places.getIn([filters.getIn(['place', i]), 'Comune' ])} \r\n\t\t\t\t\t\t
{this.removeFromFilter('place', i)}} >\t\r\n\t\t\t\t\t\t\tElimina \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{ pathname.indexOf(\"/qualita/nonconformita\") !== -1 &&
Non Conformità }\r\n\t\t\t\t\t{ pathname.indexOf(\"/qualita/attivitascadute\") !== -1 &&
Attività Scadute }\r\n\t\t\t\t\t{ pathname.indexOf(\"/qualita/altre\") !== -1 &&
Altre non Conformità }\r\n\t\t\t\t
\r\n\t\t\t\t{ placeItems }\r\n\t\t\t\t{ userItems }\r\n\t\t\t\t{ filters.get('nonCompliance') && \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
{kindItems.getIn([filters.get('nonCompliance') + '', 'Descrizione' ])} \r\n\t\t\t\t\t\t
{this.removeFilter('nonCompliance');}} >\t\r\n\t\t\t\t\t\t\tElimina \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\t{ filters.get('dateFrom') && \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
da: {moment(filters.get('dateFrom')).format('DD/MM/YYYY')} \r\n\t\t\t\t\t\t
{this.removeFilter('dateFrom');}} >\t\r\n\t\t\t\t\t\t\tElimina \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\t{ filters.get('dateTo') && \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
a: {moment(filters.get('dateTo')).format('DD/MM/YYYY')} \r\n\t\t\t\t\t\t
{this.removeFilter('dateTo');}} >\t\r\n\t\t\t\t\t\t\tElimina \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t
\r\n\t\t\t\t\t
{this.changeOrder(columns[i].key)} }>\r\n\t\t\t\t\t\t{columns[i].label} \r\n\t\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t{ths}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nTableHeader.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\tcolumns: PropTypes.array.isRequired,\r\n\tonChangeOrder: PropTypes.func.isRequired\r\n}\r\n\r\nexport default withStyles(styles)(TableHeader);","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport Immutable from 'immutable';\r\nimport moment from 'moment';\r\nimport withStyles from 'react-jss';\r\n\r\nconst styles = {\r\n\trow: {\r\n\t\tposition: 'relative',\r\n\t\tfontSize: '12px',\r\n\t\tdisplay: 'flex',\r\n\t\tcursor: 'pointer',\r\n\t\tminWidth: '100%',\r\n\t\tborderBottom: '1px solid #e1e1e1',\r\n\t\t'&:hover': {\r\n\t\t\tbackgroundColor:\"#d9d9d9 !important\",\r\n\t\t},\r\n\t\t'&.selected':{\r\n\t\t\tbackgroundColor:\"#56c4e3 !important\",\r\n\t\t},\r\n\t\t\"&:nth-of-type(odd)\": {\r\n\t\t\tbackgroundColor:\"#f6f7f9\",\r\n\t\t}\r\n\t},\r\n\tcell: {\r\n\t\tpadding:'.5rem',\r\n\t\tflex: 'none',\r\n\t\ttextOverflow: 'ellipsis',\r\n\t\toverflow: 'hidden',\r\n\t\t\"&.size-1\": {\r\n\t\t\twidth: '116px'\r\n\t\t},\r\n\t\t\"&.size-2\": {\r\n\t\t\twidth: '216px'\r\n\t\t}\r\n\t},\r\n\tactionsContainer:{\r\n\t\theight: '100%',\r\n\t\tposition: 'absolute',\r\n\t\tdisplay: 'flex',\r\n\t\tleft: 0,\r\n\t\tpadding: '5px',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'center'\r\n\t},\r\n\tactions: {\r\n\t\tborder: '1px solid #e1e1e1',\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'center',\r\n\t\tborderRadius: '4px',\r\n\t\theight: '30px', \r\n\t\toverflow: 'hidden',\r\n\t\tbackgroundColor: \"#ffffff\"\r\n\t},\r\n\tbutton: {\r\n\t\theight: '100%',\r\n\t\tpadding: 0,\r\n\t\twidth: '30px',\r\n\t\tborderRadius: 'none',\r\n\t\tborderRight: '1px solid #e1e1e1',\r\n\t\t'&:last-child':{\r\n\t\t\tborderRight:'none'\r\n\t\t},\r\n\t\t'&:hover':{\r\n\t\t\tbackgroundColor: '#e1e1e1'\r\n\t\t}\r\n\t},\r\n\ticon: {\r\n\t\theight: '25px'\r\n\t}\r\n}\r\n\r\nclass TableRow extends PureComponent {\r\n\tselect = () => {\r\n\t\tconst { item, onSelect } = this.props;\r\n\t\tonSelect(item.get('IDTipoCarico'));\r\n\t}\r\n\trender(){\r\n\t\tconst { classes, columns, item } = this.props;\r\n\t\tlet cells = [];\r\n\t\tfor(let i = 0; i < columns.length; i++){\r\n\t\t\tlet value = item.get(columns[i].key);\r\n\t\t\tlet width = columns[i].width;\r\n\t\t\tif(value && columns[i].kind === 'date'){\r\n\t\t\t\tvalue = moment(value).format('DD/MM/YYYY');\r\n\t\t\t}else if(value && columns[i].kind === 'time'){\r\n\t\t\t\tlet hours = parseInt(value, 10);\r\n\t\t\t\tlet minutes = parseInt((value - hours) * 60, 10);\r\n\t\t\t\tvalue = hours + 'h ' + minutes + 'm';\r\n\t\t\t}\r\n\t\t\tcells.push(\r\n\t\t\t\t{value}\r\n\r\n\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\treturn(\r\n\t\t\t\r\n\t\t\t\t{cells}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nTableRow.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\tcolumns: PropTypes.array.isRequired,\r\n\tselected: PropTypes.bool.isRequired,\r\n\tonSelect: PropTypes.func.isRequired,\r\n\titem: PropTypes.instanceOf(Immutable.Map).isRequired\r\n}\r\n\r\nexport default withStyles(styles)(TableRow);","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Immutable from 'immutable';\r\nimport classNames from 'classnames';\r\nimport withStyles from 'react-jss';\r\n\r\nconst styles = {\r\n\troot: {\r\n\t\tdisplay: 'flex',\r\n\t\tborderTop: '1px solid #e1e1e1'\r\n\t},\r\n\titem: {\r\n\t\tfontSize: '12px',\r\n\t\tpadding: '.5rem',\r\n\t\tflex: 'none',\r\n\t\t\"&.size-1\": {\r\n\t\t\twidth: '116px'\r\n\t\t},\r\n\t\t\"&.size-2\": {\r\n\t\t\twidth: '216px'\r\n\t\t}\r\n\t}\r\n}\r\n\r\nclass TableFooter extends PureComponent {\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tsums: {}\r\n\t\t};\r\n\t}\r\n\tsum = () => {\r\n\t\tconst { items, columns } = this.props;\r\n\t\tlet sums = {};\r\n\t\tlet sumsLabel = [];\r\n\t\tfor(let i = 0; i < columns.length; i++){\r\n\t\t\tif(columns[i].sum) {\r\n\t\t\t\tsums[columns[i].key] = 0;\r\n\t\t\t\tsumsLabel.push(columns[i].key);\r\n\t\t\t}\r\n\t\t}\r\n\t\titems.map(item => {\r\n\t\t\tfor(let i = 0; i < sumsLabel.length; i++){\r\n\t\t\t\tsums[sumsLabel[i]] += item.get(sumsLabel[i]);\r\n\t\t\t}\r\n\t\t\treturn item;\r\n\t\t});\r\n\t\tthis.setState({\r\n\t\t\tsums: sums\r\n\t\t});\r\n\t}\r\n\tcomponentDidMount(){\r\n\t\tconst { items } = this.props;\r\n\t\tif(items) this.sum();\r\n\t}\r\n\tcomponentDidUpdate(prevProps){\r\n\t\tconst { items } = this.props;\r\n\t\tif(items && !items.equals(prevProps.items)) this.sum();\r\n\t}\r\n\trender(){\r\n\t\tconst { classes, columns } = this.props;\r\n\t\tconst { sums } = this.state;\r\n\t\tlet ths = [];\r\n\t\tfor(let i = 0; i < columns.length; i++){\r\n\t\t\tlet value;\r\n\t\t\tif(columns[i].sum){\r\n\t\t\t\tvalue = sums[columns[i].key];\r\n\t\t\t}\r\n\t\t\tif(value && columns[i].kind === 'time'){\r\n\t\t\t\tlet hours = parseInt(value, 10);\r\n\t\t\t\tlet minutes = parseInt((value - hours) * 60, 10);\r\n\t\t\t\tvalue = hours + 'h ' + minutes + 'm';\r\n\t\t\t}\r\n\t\t\tths.push(\r\n\t\t\t\t\r\n\t\t\t\t{ value && \r\n\t\t\t\t\t
{ value }
\r\n\t\t\t\t}\r\n\t\t\t\t
\r\n\t\t\t\t{ths}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nTableFooter.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\tcolumns: PropTypes.array.isRequired,\r\n\titems: PropTypes.instanceOf(Immutable.Map).isRequired\r\n}\r\n\r\nexport default withStyles(styles)(TableFooter);","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport Immutable from 'immutable';\r\nimport withStyles from 'react-jss';\r\nimport Header from './Header';\r\nimport Row from './Row';\r\nimport Footer from './Footer';\r\n\r\nconst styles = {\r\n\ttable:{\r\n\t\tposition: 'absolute',\r\n\t\theight: '100%',\r\n\t\twidth: '100%',\r\n\t\toverflow: 'auto',\r\n\t\tdisplay: 'flex',\r\n\t\tflexDirection: 'column',\r\n\t},\r\n\theader:{\r\n\t\tposition: 'absolute',\r\n\t\tbackgroundColor: \"#ffffff\",\r\n\t\tminWidth: '100%',\r\n\t\tpaddingTop: '18px',\r\n\t\theight: \"77px\",\r\n\t\tzIndex: 100\r\n\t},\r\n\theaderIe: {\r\n\t\tbackgroundColor: \"#ffffff\",\r\n\t\tminWidth: '100%',\r\n\t\tpaddingTop: '18px',\r\n\t\theight: \"77px\",\r\n\t},\r\n\ttableBody: {\r\n\t\tposition: 'absolute',\r\n\t\tminWidth: '100%',\r\n\t\tpadding: '77px 0 57px 0'\r\n\t},\r\n\tfooter: {\r\n\t\tposition: 'absolute',\r\n\t\tminWidth: '100%',\r\n\t\theight: \"57px\",\r\n\t\tzIndex: 100,\r\n\t\tbottom: 0,\r\n\t\tbackgroundColor: \"#ffffff\"\r\n\t},\r\n\tfooterIE: {\r\n\t\tminWidth: '100%',\r\n\t\theight: \"57px\",\r\n\t\tbackgroundColor: \"#ffffff\"\r\n\t}\r\n}\r\n\r\nconst isIE = /*@cc_on!@*/false || !!document.documentMode;\r\n\r\nclass Table extends PureComponent {\r\n\tconstructor(props){\r\n\t\tsuper(props)\r\n\t\tthis.state = {\r\n\t\t\torderBy: null,\r\n\t\t\torder: null,\r\n\t\t}\r\n\t\tthis.table = React.createRef();\r\n\t\tthis.footer = React.createRef();\r\n\t}\r\n\tchangeOrder = (newOrderBy) => {\r\n\t\tconst { onChangeOrder } = this.props;\r\n\t\tconst { orderBy, order } = this.state;\r\n\t\tlet newOrder;\r\n\t\tif(newOrderBy === orderBy){\r\n\t\t\tnewOrder = (order === 'asc')? 'desc': 'asc';\r\n\t\t}else{\r\n\t\t\tnewOrder = 'asc';\r\n\t\t}\r\n\t\tthis.setState({\r\n\t\t\torderBy: newOrderBy,\r\n\t\t\torder: newOrder\r\n\t\t});\r\n\t\tif(newOrderBy && newOrder) onChangeOrder(newOrderBy, newOrder);\r\n\t\tthis.select(null);\r\n\t}\r\n\tselect = (id) => {\r\n\t\tconst { onSelect } = this.props;\r\n\t\tif(id) onSelect(id);\r\n\t}\r\n\tonResize = (event) => {\r\n\t\tthis.startFPos = this.table.current.getBoundingClientRect().height - this.footer.current.getBoundingClientRect().height;\r\n\t\tthis.endFPos = this.table.current.scrollHeight - this.footer.current.getBoundingClientRect().height;\r\n\t\tthis.maxScroll = this.table.current.scrollHeight - this.table.current.clientHeight;\r\n\t\tthis.setState({\r\n\t\t\tfPos: this.startFPos\r\n\t\t});\r\n\t}\r\n\tonScroll = (event) => {\r\n\t\tif(event.target.scrollTop < this.maxScroll){\r\n\t\t\tthis.setState({\r\n\t\t\t\thPos: this.startHPos + event.target.scrollTop,\r\n\t\t\t\tfPos: this.startFPos + event.target.scrollTop\r\n\t\t\t});\r\n\t\t}else{\r\n\t\t\tthis.setState({\r\n\t\t\t\thPos: this.startHPos + this.maxScroll,\r\n\t\t\t\tfPos: this.startFPos + this.maxScroll\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\tcomponentDidMount(){\r\n\t\tthis.startHPos = 0;\r\n\t\tthis.startFPos = this.table.current.getBoundingClientRect().height - this.footer.current.getBoundingClientRect().height;\r\n\t\tthis.setState({\r\n\t\t\thPos: this.startHPos,\r\n\t\t\tfPos: this.startFPos\r\n\t\t});\r\n\t\twindow.addEventListener('resize', this.onResize )\r\n\t\tthis.table.current.addEventListener('scroll', this.onScroll );\r\n\t}\r\n\tcomponentWillUnmount(){\r\n\t\twindow.removeEventListener('resize', this.onResize);\r\n\t}\r\n\tcomponentDidUpdate(prevProps){\r\n\t\tconst { items, page } = this.props;\r\n\t\tif(items && !items.equals(prevProps.items)){\r\n\t\t\twindow.setTimeout(()=>{\r\n\t\t\t\tif(this.table && this.table.current)\r\n\t\t\t\t\tthis.maxScroll = this.table.current.scrollHeight - this.table.current.clientHeight;\r\n\t\t\t}, 1000);\r\n\t\t}\r\n\t\tif(page >=0 && page !== prevProps.page){\r\n\t\t\tthis.select(null);\r\n\t\t}\r\n\t}\r\n\trender(){\r\n\t\tconst { classes, columns, list, items, page, perPage } = this.props;\r\n\t\tconst { orderBy, order, hPos, fPos, selected } = this.state;\r\n\t\tlet rows = [];\r\n\t\tlet size = (list.size > page*perPage)? (page*perPage): list.size;\r\n\t\tif(page > 0 && size > 0){\r\n\t\t\tfor(let i = perPage*(page-1); i < size; i ++){\r\n\t\t\t\tlet id = list.get(i).toString();\r\n\t\t\t\tlet item = items.get(id);\r\n\t\t\t\trows.push(\r\n\t\t\t\t\t|
\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn(\r\n\t\t\t\r\n\t\t\t\t{ !isIE && \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\t{ isIE && \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\t
\r\n\t\t\t\t\t{ rows }\r\n\t\t\t\t
\r\n\t\t\t\t{ !isIE && \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\t{ isIE && \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\tElementi: \r\n\t\t\t\t\t{items} \r\n\t\t\t\t\tPagine totali: \r\n\t\t\t\t\t{pages} \r\n\t\t\t\t\tPagina: \r\n\t\t\t\t\t{page} \r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tPagina precedente \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tPagina successiva \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t \r\n\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nStreamWorksLiv1.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\tlist: PropTypes.instanceOf(Immutable.List).isRequired,\r\n\titems: PropTypes.instanceOf(Immutable.Map).isRequired,\r\n\tfilters: PropTypes.instanceOf(Immutable.Map).isRequired,\r\n\tgetAll: PropTypes.func.isRequired,\r\n\tclear: PropTypes.func.isRequired,\r\n\tstartWaiting: PropTypes.func.isRequired,\r\n\tendWaiting: PropTypes.func.isRequired\r\n}\r\nexport default withStyles(styles)(StreamWorksLiv1);","import { connect } from 'react-redux';\r\nimport NCLiv1 from '../components';\r\nimport { getAllLiv1 as getAll, clearLiv1 as clear } from 'actions/nonCompliance';\r\nimport { startWaiting, endWaiting } from 'actions/ui';\r\n\r\nconst mapStateToProps = (state) => {\r\n\treturn {\r\n\t\tlist: state.getIn(['nonCompliance', 'listLiv1']),\r\n\t\titems: state.getIn(['nonCompliance', 'itemsLiv1']),\r\n\t\tlastAction: state.getIn(['ui','lastAction'])\r\n\t}\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n\treturn {\r\n\t\tgetAll: (fromDate, toDate, placeId, user, kindId) => {\r\n\t\t\tdispatch(getAll(fromDate, toDate, true, placeId, user, kindId));\r\n\t\t},\r\n\t\tclear: () => {\r\n\t\t\tdispatch(clear());\r\n\t\t},\r\n\t\tstartWaiting: () => {\r\n\t\t\tdispatch(startWaiting());\r\n\t\t},\r\n\t\tendWaiting: () => {\r\n\t\t\tdispatch(endWaiting());\r\n\t\t}\r\n\t}\r\n}\r\nexport default connect(\r\n\tmapStateToProps,\r\n\tmapDispatchToProps\r\n)(NCLiv1)\r\n","import Container from './container';\r\nexport default Container;","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport withStyles from 'react-jss';\r\nimport { ArrowDownTriangleIcon, ArrowUpTriangleIcon } from 'UI/Icons';\r\n\r\nconst styles = {\r\n\troot: {\r\n\t\tdisplay: 'flex',\r\n\t\tborderBottom: '1px solid #e1e1e1'\r\n\t},\r\n\titem: {\r\n\t\tfontSize: '12px',\r\n\t\tflex: 'none',\r\n\t\t\"&.size-1\": {\r\n\t\t\twidth: '116px'\r\n\t\t},\r\n\t\t\"&.size-2\": {\r\n\t\t\twidth: '216px'\r\n\t\t}\r\n\t},\r\n\tbutton:{\r\n\t\twidth: '100%',\r\n\t\tpadding: '.5rem',\r\n\t\theight: '58px',\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center'\r\n\t},\r\n\tlabel: {\r\n\t\ttextAlign: 'left',\r\n\t\t\"&.size-1\": {\r\n\t\t\twidth: '100px'\r\n\t\t},\r\n\t\t\"&.size-2\": {\r\n\t\t\twidth: '200px'\r\n\t\t}\r\n\t},\r\n\tdivisor: {\r\n\t\tflex: 1\r\n\t},\r\n\ticon:{\r\n\t\theight: '16px',\r\n\t\twidth: '16px'\r\n\t}\r\n}\r\n\r\nclass TableHeader extends PureComponent {\r\n\tchangeOrder = (orderBy) => {\r\n\t\tconst { onChangeOrder } = this.props;\r\n\t\tif(orderBy) onChangeOrder(orderBy);\r\n\t}\r\n\trender(){\r\n\t\tconst { classes, columns, orderBy, order } = this.props;\r\n\t\tlet ths = [];\r\n\t\tfor(let i = 0; i < columns.length; i++){\r\n\t\t\tths.push(\r\n\t\t\t\t\r\n\t\t\t\t\t
{this.changeOrder(columns[i].key)} }>\r\n\t\t\t\t\t\t{columns[i].label} \r\n\t\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t{ths}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nTableHeader.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\tcolumns: PropTypes.array.isRequired,\r\n\tonChangeOrder: PropTypes.func.isRequired\r\n}\r\n\r\nexport default withStyles(styles)(TableHeader);","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport Immutable from 'immutable';\r\nimport moment from 'moment';\r\nimport withStyles from 'react-jss';\r\n\r\nconst styles = {\r\n\trow: {\r\n\t\tposition: 'relative',\r\n\t\tfontSize: '12px',\r\n\t\tdisplay: 'flex',\r\n\t\tcursor: 'pointer',\r\n\t\tminWidth: '100%',\r\n\t\tborderBottom: '1px solid #e1e1e1',\r\n\t\t'&:hover': {\r\n\t\t\tbackgroundColor:\"#d9d9d9 !important\",\r\n\t\t},\r\n\t\t'&.selected':{\r\n\t\t\tbackgroundColor:\"#56c4e3 !important\",\r\n\t\t},\r\n\t\t\"&:nth-of-type(odd)\": {\r\n\t\t\tbackgroundColor:\"#f6f7f9\",\r\n\t\t}\r\n\t},\r\n\tcell: {\r\n\t\tpadding:'.5rem',\r\n\t\tflex: 'none',\r\n\t\ttextOverflow: 'ellipsis',\r\n\t\toverflow: 'hidden',\r\n\t\t\"&.size-1\": {\r\n\t\t\twidth: '116px'\r\n\t\t},\r\n\t\t\"&.size-2\": {\r\n\t\t\twidth: '216px'\r\n\t\t}\r\n\t},\r\n\tactionsContainer:{\r\n\t\theight: '100%',\r\n\t\tposition: 'absolute',\r\n\t\tdisplay: 'flex',\r\n\t\tleft: 0,\r\n\t\tpadding: '5px',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'center'\r\n\t},\r\n\tactions: {\r\n\t\tborder: '1px solid #e1e1e1',\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'center',\r\n\t\tborderRadius: '4px',\r\n\t\theight: '30px', \r\n\t\toverflow: 'hidden',\r\n\t\tbackgroundColor: \"#ffffff\"\r\n\t},\r\n\tbutton: {\r\n\t\theight: '100%',\r\n\t\tpadding: 0,\r\n\t\twidth: '30px',\r\n\t\tborderRadius: 'none',\r\n\t\tborderRight: '1px solid #e1e1e1',\r\n\t\t'&:last-child':{\r\n\t\t\tborderRight:'none'\r\n\t\t},\r\n\t\t'&:hover':{\r\n\t\t\tbackgroundColor: '#e1e1e1'\r\n\t\t}\r\n\t},\r\n\ticon: {\r\n\t\theight: '25px'\r\n\t}\r\n}\r\n\r\nclass TableRow extends PureComponent {\r\n\tselect = () => {\r\n\t\tconst { item, onSelect } = this.props;\r\n\t\tonSelect(item.get('IDTipoCarico'));\r\n\t}\r\n\trender(){\r\n\t\tconst { classes, columns, item } = this.props;\r\n\t\tlet cells = [];\r\n\t\tfor(let i = 0; i < columns.length; i++){\r\n\t\t\tlet value = item.get(columns[i].key);\r\n\t\t\tlet width = columns[i].width;\r\n\t\t\tif(value && columns[i].kind === 'date'){\r\n\t\t\t\tvalue = moment(value).format('DD/MM/YYYY');\r\n\t\t\t}else if(value && columns[i].kind === 'time'){\r\n\t\t\t\tlet hours = parseInt(value, 10);\r\n\t\t\t\tlet minutes = parseInt((value - hours) * 60, 10);\r\n\t\t\t\tvalue = hours + 'h ' + minutes + 'm';\r\n\t\t\t}\r\n\t\t\tcells.push(\r\n\t\t\t\t{value}\r\n\r\n\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\treturn(\r\n\t\t\t\r\n\t\t\t\t{cells}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nTableRow.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\tcolumns: PropTypes.array.isRequired,\r\n\tselected: PropTypes.bool.isRequired,\r\n\tonSelect: PropTypes.func.isRequired,\r\n\titem: PropTypes.instanceOf(Immutable.Map).isRequired\r\n}\r\n\r\nexport default withStyles(styles)(TableRow);","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Immutable from 'immutable';\r\nimport classNames from 'classnames';\r\nimport withStyles from 'react-jss';\r\n\r\nconst styles = {\r\n\troot: {\r\n\t\tdisplay: 'flex',\r\n\t\tborderTop: '1px solid #e1e1e1'\r\n\t},\r\n\titem: {\r\n\t\tfontSize: '12px',\r\n\t\tpadding: '.5rem',\r\n\t\tflex: 'none',\r\n\t\t\"&.size-1\": {\r\n\t\t\twidth: '116px'\r\n\t\t},\r\n\t\t\"&.size-2\": {\r\n\t\t\twidth: '216px'\r\n\t\t}\r\n\t}\r\n}\r\n\r\nclass TableFooter extends PureComponent {\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tsums: {}\r\n\t\t};\r\n\t}\r\n\tsum = () => {\r\n\t\tconst { items, columns } = this.props;\r\n\t\tlet sums = {};\r\n\t\tlet sumsLabel = [];\r\n\t\tfor(let i = 0; i < columns.length; i++){\r\n\t\t\tif(columns[i].sum) {\r\n\t\t\t\tsums[columns[i].key] = 0;\r\n\t\t\t\tsumsLabel.push(columns[i].key);\r\n\t\t\t}\r\n\t\t}\r\n\t\titems.map(item => {\r\n\t\t\tfor(let i = 0; i < sumsLabel.length; i++){\r\n\t\t\t\tsums[sumsLabel[i]] += item.get(sumsLabel[i]);\r\n\t\t\t}\r\n\t\t\treturn item;\r\n\t\t});\r\n\t\tthis.setState({\r\n\t\t\tsums: sums\r\n\t\t});\r\n\t}\r\n\tcomponentDidMount(){\r\n\t\tconst { items } = this.props;\r\n\t\tif(items) this.sum();\r\n\t}\r\n\tcomponentDidUpdate(prevProps){\r\n\t\tconst { items } = this.props;\r\n\t\tif(items && !items.equals(prevProps.items)) this.sum();\r\n\t}\r\n\trender(){\r\n\t\tconst { classes, columns } = this.props;\r\n\t\tconst { sums } = this.state;\r\n\t\tlet ths = [];\r\n\t\tfor(let i = 0; i < columns.length; i++){\r\n\t\t\tlet value;\r\n\t\t\tif(columns[i].sum){\r\n\t\t\t\tvalue = sums[columns[i].key];\r\n\t\t\t}\r\n\t\t\tif(value && columns[i].kind === 'time'){\r\n\t\t\t\tlet hours = parseInt(value, 10);\r\n\t\t\t\tlet minutes = parseInt((value - hours) * 60, 10);\r\n\t\t\t\tvalue = hours + 'h ' + minutes + 'm';\r\n\t\t\t}\r\n\t\t\tths.push(\r\n\t\t\t\t\r\n\t\t\t\t{ value && \r\n\t\t\t\t\t
{ value }
\r\n\t\t\t\t}\r\n\t\t\t\t
\r\n\t\t\t\t{ths}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nTableFooter.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\tcolumns: PropTypes.array.isRequired,\r\n\titems: PropTypes.instanceOf(Immutable.Map).isRequired\r\n}\r\n\r\nexport default withStyles(styles)(TableFooter);","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport Immutable from 'immutable';\r\nimport withStyles from 'react-jss';\r\nimport Header from './Header';\r\nimport Row from './Row';\r\nimport Footer from './Footer';\r\n\r\nconst styles = {\r\n\ttable:{\r\n\t\tposition: 'absolute',\r\n\t\theight: '100%',\r\n\t\twidth: '100%',\r\n\t\toverflow: 'auto',\r\n\t\tdisplay: 'flex',\r\n\t\tflexDirection: 'column',\r\n\t},\r\n\theader:{\r\n\t\tposition: 'absolute',\r\n\t\tbackgroundColor: \"#ffffff\",\r\n\t\tminWidth: '100%',\r\n\t\tpaddingTop: '18px',\r\n\t\theight: \"77px\",\r\n\t\tzIndex: 100\r\n\t},\r\n\theaderIe: {\r\n\t\tbackgroundColor: \"#ffffff\",\r\n\t\tminWidth: '100%',\r\n\t\tpaddingTop: '18px',\r\n\t\theight: \"77px\",\r\n\t},\r\n\ttableBody: {\r\n\t\tposition: 'absolute',\r\n\t\tminWidth: '100%',\r\n\t\tpadding: '77px 0 57px 0'\r\n\t},\r\n\tfooter: {\r\n\t\tposition: 'absolute',\r\n\t\tminWidth: '100%',\r\n\t\theight: \"57px\",\r\n\t\tzIndex: 100,\r\n\t\tbottom: 0,\r\n\t\tbackgroundColor: \"#ffffff\"\r\n\t},\r\n\tfooterIE: {\r\n\t\tminWidth: '100%',\r\n\t\theight: \"57px\",\r\n\t\tbackgroundColor: \"#ffffff\"\r\n\t}\r\n}\r\n\r\nconst isIE = /*@cc_on!@*/false || !!document.documentMode;\r\n\r\nclass Table extends PureComponent {\r\n\tconstructor(props){\r\n\t\tsuper(props)\r\n\t\tthis.state = {\r\n\t\t\torderBy: null,\r\n\t\t\torder: null,\r\n\t\t}\r\n\t\tthis.table = React.createRef();\r\n\t\tthis.footer = React.createRef();\r\n\t}\r\n\tchangeOrder = (newOrderBy) => {\r\n\t\tconst { onChangeOrder } = this.props;\r\n\t\tconst { orderBy, order } = this.state;\r\n\t\tlet newOrder;\r\n\t\tif(newOrderBy === orderBy){\r\n\t\t\tnewOrder = (order === 'asc')? 'desc': 'asc';\r\n\t\t}else{\r\n\t\t\tnewOrder = 'asc';\r\n\t\t}\r\n\t\tthis.setState({\r\n\t\t\torderBy: newOrderBy,\r\n\t\t\torder: newOrder\r\n\t\t});\r\n\t\tif(newOrderBy && newOrder) onChangeOrder(newOrderBy, newOrder);\r\n\t\tthis.select(null);\r\n\t}\r\n\tselect = (id) => {\r\n\t\tconst { onSelect } = this.props;\r\n\t\tif(id) onSelect(id);\r\n\t}\r\n\tonResize = (event) => {\r\n\t\tthis.startFPos = this.table.current.getBoundingClientRect().height - this.footer.current.getBoundingClientRect().height;\r\n\t\tthis.endFPos = this.table.current.scrollHeight - this.footer.current.getBoundingClientRect().height;\r\n\t\tthis.maxScroll = this.table.current.scrollHeight - this.table.current.clientHeight;\r\n\t\tthis.setState({\r\n\t\t\tfPos: this.startFPos\r\n\t\t});\r\n\t}\r\n\tonScroll = (event) => {\r\n\t\tif(event.target.scrollTop < this.maxScroll){\r\n\t\t\tthis.setState({\r\n\t\t\t\thPos: this.startHPos + event.target.scrollTop,\r\n\t\t\t\tfPos: this.startFPos + event.target.scrollTop\r\n\t\t\t});\r\n\t\t}else{\r\n\t\t\tthis.setState({\r\n\t\t\t\thPos: this.startHPos + this.maxScroll,\r\n\t\t\t\tfPos: this.startFPos + this.maxScroll\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\tcomponentDidMount(){\r\n\t\tthis.startHPos = 0;\r\n\t\tthis.startFPos = this.table.current.getBoundingClientRect().height - this.footer.current.getBoundingClientRect().height;\r\n\t\tthis.setState({\r\n\t\t\thPos: this.startHPos,\r\n\t\t\tfPos: this.startFPos\r\n\t\t});\r\n\t\twindow.addEventListener('resize', this.onResize )\r\n\t\tthis.table.current.addEventListener('scroll', this.onScroll );\r\n\t}\r\n\tcomponentWillUnmount(){\r\n\t\twindow.removeEventListener('resize', this.onResize);\r\n\t}\r\n\tcomponentDidUpdate(prevProps){\r\n\t\tconst { items, page } = this.props;\r\n\t\tif(items && !items.equals(prevProps.items)){\r\n\t\t\twindow.setTimeout(()=>{\r\n\t\t\t\tif(this.table && this.table.current)\r\n\t\t\t\t\tthis.maxScroll = this.table.current.scrollHeight - this.table.current.clientHeight;\r\n\t\t\t}, 1000);\r\n\t\t}\r\n\t\tif(page >=0 && page !== prevProps.page){\r\n\t\t\tthis.select(null);\r\n\t\t}\r\n\t}\r\n\trender(){\r\n\t\tconst { classes, columns, list, items, page, perPage } = this.props;\r\n\t\tconst { orderBy, order, hPos, fPos, selected } = this.state;\r\n\t\tlet rows = [];\r\n\t\tlet size = (list.size > page*perPage)? (page*perPage): list.size;\r\n\t\tif(page > 0 && size > 0){\r\n\t\t\tfor(let i = perPage*(page-1); i < size; i ++){\r\n\t\t\t\tlet id = list.get(i).toString();\r\n\t\t\t\tlet item = items.get(id);\r\n\t\t\t\trows.push(\r\n\t\t\t\t\t|
\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn(\r\n\t\t\t\r\n\t\t\t\t{ !isIE && \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\t{ isIE && \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\t
\r\n\t\t\t\t\t{ rows }\r\n\t\t\t\t
\r\n\t\t\t\t{ !isIE && \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\t{ isIE && \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\tElementi: \r\n\t\t\t\t\t{items} \r\n\t\t\t\t\tPagine totali: \r\n\t\t\t\t\t{pages} \r\n\t\t\t\t\tPagina: \r\n\t\t\t\t\t{page} \r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tPagina precedente \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tPagina successiva \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t \r\n\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
Carico: {carico} \r\n\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nStreamWorksLiv1.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\tlist: PropTypes.instanceOf(Immutable.List).isRequired,\r\n\titems: PropTypes.instanceOf(Immutable.Map).isRequired,\r\n\tfilters: PropTypes.instanceOf(Immutable.Map).isRequired,\r\n\tgetAll: PropTypes.func.isRequired,\r\n\tclear: PropTypes.func.isRequired,\r\n\tstartWaiting: PropTypes.func.isRequired,\r\n\tendWaiting: PropTypes.func.isRequired\r\n}\r\nexport default withStyles(styles)(StreamWorksLiv1);","import Container from './container';\r\nexport default Container;","import { connect } from 'react-redux';\r\nimport NCLiv2 from '../components';\r\nimport { getAllLiv2 as getAll, clearLiv2 as clear } from 'actions/nonCompliance';\r\nimport { startWaiting, endWaiting } from 'actions/ui';\r\n\r\nconst mapStateToProps = (state) => {\r\n\treturn {\r\n\t\tlist: state.getIn(['nonCompliance', 'listLiv2']),\r\n\t\titems: state.getIn(['nonCompliance', 'itemsLiv2']),\r\n\t\tlastAction: state.getIn(['ui','lastAction'])\r\n\t}\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n\treturn {\r\n\t\tgetAll: (fromDate, toDate, placeId, user, kindId, loadKindId) => {\r\n\t\t\tdispatch(getAll(fromDate, toDate, true, placeId, user, kindId, loadKindId));\r\n\t\t},\r\n\t\tclear: () => {\r\n\t\t\tdispatch(clear());\r\n\t\t},\r\n\t\tstartWaiting: () => {\r\n\t\t\tdispatch(startWaiting());\r\n\t\t},\r\n\t\tendWaiting: () => {\r\n\t\t\tdispatch(endWaiting());\r\n\t\t}\r\n\t}\r\n}\r\nexport default connect(\r\n\tmapStateToProps,\r\n\tmapDispatchToProps\r\n)(NCLiv2)","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Route } from 'react-router-dom';\r\nimport { Switch } from 'react-router';\r\nimport NCLiv1 from 'Routes/NonCompliance/NonCompliance/Liv1';\r\nimport NCLiv2 from 'Routes/NonCompliance/NonCompliance/Liv2';\r\n\r\nclass NonCompliance extends Component {\r\n\texportCSV = (headers, data) => {\r\n\t\tconst { onExportCSV } = this.props;;\r\n\t\tif(headers && data) onExportCSV(headers, data);\r\n\t}\r\n\tselect = (item) => {\r\n\t\tconst { onSelect } = this.props;\r\n\t\tonSelect(item);\r\n\t}\r\n\trender(){\r\n\t\tconst { filters, csv } = this.props;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t }/>\r\n\t\t\t\t \r\n\t\t);\r\n\t}\r\n}\r\n\r\nNonCompliance.propTypes = {\r\n\tonSelect: PropTypes.func.isRequired\r\n};\r\n\r\nexport default NonCompliance;","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport withStyles from 'react-jss';\r\nimport { ArrowDownTriangleIcon, ArrowUpTriangleIcon } from 'UI/Icons';\r\n\r\nconst styles = {\r\n\troot: {\r\n\t\tdisplay: 'flex',\r\n\t\tborderBottom: '1px solid #e1e1e1'\r\n\t},\r\n\titem: {\r\n\t\tfontSize: '12px',\r\n\t\tflex: 'none',\r\n\t\t\"&.size-1\": {\r\n\t\t\twidth: '116px'\r\n\t\t},\r\n\t\t\"&.size-2\": {\r\n\t\t\twidth: '216px'\r\n\t\t}\r\n\t},\r\n\tbutton:{\r\n\t\twidth: '100%',\r\n\t\tpadding: '.5rem',\r\n\t\theight: '58px',\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center'\r\n\t},\r\n\tlabel: {\r\n\t\ttextAlign: 'left',\r\n\t\t\"&.size-1\": {\r\n\t\t\twidth: '100px'\r\n\t\t},\r\n\t\t\"&.size-2\": {\r\n\t\t\twidth: '200px'\r\n\t\t}\r\n\t},\r\n\tdivisor: {\r\n\t\tflex: 1\r\n\t},\r\n\ticon:{\r\n\t\theight: '16px',\r\n\t\twidth: '16px'\r\n\t}\r\n}\r\n\r\nclass TableHeader extends PureComponent {\r\n\tchangeOrder = (orderBy) => {\r\n\t\tconst { onChangeOrder } = this.props;\r\n\t\tif(orderBy) onChangeOrder(orderBy);\r\n\t}\r\n\trender(){\r\n\t\tconst { classes, columns, orderBy, order } = this.props;\r\n\t\tlet ths = [];\r\n\t\tfor(let i = 0; i < columns.length; i++){\r\n\t\t\tths.push(\r\n\t\t\t\t\r\n\t\t\t\t\t
{this.changeOrder(columns[i].key)} }>\r\n\t\t\t\t\t\t{columns[i].label} \r\n\t\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t{ths}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nTableHeader.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\tcolumns: PropTypes.array.isRequired,\r\n\tonChangeOrder: PropTypes.func.isRequired\r\n}\r\n\r\nexport default withStyles(styles)(TableHeader);","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport Immutable from 'immutable';\r\nimport moment from 'moment';\r\nimport withStyles from 'react-jss';\r\n\r\nconst styles = {\r\n\trow: {\r\n\t\tposition: 'relative',\r\n\t\tfontSize: '12px',\r\n\t\tdisplay: 'flex',\r\n\t\tcursor: 'pointer',\r\n\t\tminWidth: '100%',\r\n\t\tborderBottom: '1px solid #e1e1e1',\r\n\t\t'&:hover': {\r\n\t\t\tbackgroundColor:\"#d9d9d9 !important\",\r\n\t\t},\r\n\t\t'&.selected':{\r\n\t\t\tbackgroundColor:\"#56c4e3 !important\",\r\n\t\t},\r\n\t\t\"&:nth-of-type(odd)\": {\r\n\t\t\tbackgroundColor:\"#f6f7f9\",\r\n\t\t}\r\n\t},\r\n\tcell: {\r\n\t\tpadding:'.5rem',\r\n\t\tflex: 'none',\r\n\t\ttextOverflow: 'ellipsis',\r\n\t\toverflow: 'hidden',\r\n\t\t\"&.size-1\": {\r\n\t\t\twidth: '116px'\r\n\t\t},\r\n\t\t\"&.size-2\": {\r\n\t\t\twidth: '216px'\r\n\t\t}\r\n\t},\r\n\tactionsContainer:{\r\n\t\theight: '100%',\r\n\t\tposition: 'absolute',\r\n\t\tdisplay: 'flex',\r\n\t\tleft: 0,\r\n\t\tpadding: '5px',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'center'\r\n\t},\r\n\tactions: {\r\n\t\tborder: '1px solid #e1e1e1',\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'center',\r\n\t\tborderRadius: '4px',\r\n\t\theight: '30px', \r\n\t\toverflow: 'hidden',\r\n\t\tbackgroundColor: \"#ffffff\"\r\n\t},\r\n\tbutton: {\r\n\t\theight: '100%',\r\n\t\tpadding: 0,\r\n\t\twidth: '30px',\r\n\t\tborderRadius: 'none',\r\n\t\tborderRight: '1px solid #e1e1e1',\r\n\t\t'&:last-child':{\r\n\t\t\tborderRight:'none'\r\n\t\t},\r\n\t\t'&:hover':{\r\n\t\t\tbackgroundColor: '#e1e1e1'\r\n\t\t}\r\n\t},\r\n\ticon: {\r\n\t\theight: '25px'\r\n\t}\r\n}\r\n\r\nclass TableRow extends PureComponent {\r\n\tselect = () => {\r\n\t\tconst { item, onSelect } = this.props;\r\n\t\tonSelect(item.get('IDTipoCarico'));\r\n\t}\r\n\trender(){\r\n\t\tconst { classes, columns, item } = this.props;\r\n\t\tlet cells = [];\r\n\t\tfor(let i = 0; i < columns.length; i++){\r\n\t\t\tlet value = item.get(columns[i].key);\r\n\t\t\tlet width = columns[i].width;\r\n\t\t\tif(value && columns[i].kind === 'date'){\r\n\t\t\t\tvalue = moment(value).format('DD/MM/YYYY');\r\n\t\t\t}else if(value && columns[i].kind === 'time'){\r\n\t\t\t\tlet hours = parseInt(value, 10);\r\n\t\t\t\tlet minutes = parseInt((value - hours) * 60, 10);\r\n\t\t\t\tvalue = hours + 'h ' + minutes + 'm';\r\n\t\t\t}\r\n\t\t\tcells.push(\r\n\t\t\t\t{value}\r\n\r\n\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\treturn(\r\n\t\t\t\r\n\t\t\t\t{cells}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nTableRow.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\tcolumns: PropTypes.array.isRequired,\r\n\tselected: PropTypes.bool.isRequired,\r\n\tonSelect: PropTypes.func.isRequired,\r\n\titem: PropTypes.instanceOf(Immutable.Map).isRequired\r\n}\r\n\r\nexport default withStyles(styles)(TableRow);","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Immutable from 'immutable';\r\nimport classNames from 'classnames';\r\nimport withStyles from 'react-jss';\r\n\r\nconst styles = {\r\n\troot: {\r\n\t\tdisplay: 'flex',\r\n\t\tborderTop: '1px solid #e1e1e1'\r\n\t},\r\n\titem: {\r\n\t\tfontSize: '12px',\r\n\t\tpadding: '.5rem',\r\n\t\tflex: 'none',\r\n\t\t\"&.size-1\": {\r\n\t\t\twidth: '116px'\r\n\t\t},\r\n\t\t\"&.size-2\": {\r\n\t\t\twidth: '216px'\r\n\t\t}\r\n\t}\r\n}\r\n\r\nclass TableFooter extends PureComponent {\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tsums: {}\r\n\t\t};\r\n\t}\r\n\tsum = () => {\r\n\t\tconst { items, columns } = this.props;\r\n\t\tlet sums = {};\r\n\t\tlet sumsLabel = [];\r\n\t\tfor(let i = 0; i < columns.length; i++){\r\n\t\t\tif(columns[i].sum) {\r\n\t\t\t\tsums[columns[i].key] = 0;\r\n\t\t\t\tsumsLabel.push(columns[i].key);\r\n\t\t\t}\r\n\t\t}\r\n\t\titems.map(item => {\r\n\t\t\tfor(let i = 0; i < sumsLabel.length; i++){\r\n\t\t\t\tsums[sumsLabel[i]] += item.get(sumsLabel[i]);\r\n\t\t\t}\r\n\t\t\treturn item;\r\n\t\t});\r\n\t\tthis.setState({\r\n\t\t\tsums: sums\r\n\t\t});\r\n\t}\r\n\tcomponentDidMount(){\r\n\t\tconst { items } = this.props;\r\n\t\tif(items) this.sum();\r\n\t}\r\n\tcomponentDidUpdate(prevProps){\r\n\t\tconst { items } = this.props;\r\n\t\tif(items && !items.equals(prevProps.items)) this.sum();\r\n\t}\r\n\trender(){\r\n\t\tconst { classes, columns } = this.props;\r\n\t\tconst { sums } = this.state;\r\n\t\tlet ths = [];\r\n\t\tfor(let i = 0; i < columns.length; i++){\r\n\t\t\tlet value;\r\n\t\t\tif(columns[i].sum){\r\n\t\t\t\tvalue = sums[columns[i].key];\r\n\t\t\t}\r\n\t\t\tif(value && columns[i].kind === 'time'){\r\n\t\t\t\tlet hours = parseInt(value, 10);\r\n\t\t\t\tlet minutes = parseInt((value - hours) * 60, 10);\r\n\t\t\t\tvalue = hours + 'h ' + minutes + 'm';\r\n\t\t\t}\r\n\t\t\tths.push(\r\n\t\t\t\t\r\n\t\t\t\t{ value && \r\n\t\t\t\t\t
{ value }
\r\n\t\t\t\t}\r\n\t\t\t\t
\r\n\t\t\t\t{ths}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nTableFooter.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\tcolumns: PropTypes.array.isRequired,\r\n\titems: PropTypes.instanceOf(Immutable.Map).isRequired\r\n}\r\n\r\nexport default withStyles(styles)(TableFooter);","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport Immutable from 'immutable';\r\nimport withStyles from 'react-jss';\r\nimport Header from './Header';\r\nimport Row from './Row';\r\nimport Footer from './Footer';\r\n\r\nconst styles = {\r\n\ttable:{\r\n\t\tposition: 'absolute',\r\n\t\theight: '100%',\r\n\t\twidth: '100%',\r\n\t\toverflow: 'auto',\r\n\t\tdisplay: 'flex',\r\n\t\tflexDirection: 'column',\r\n\t},\r\n\theader:{\r\n\t\tposition: 'absolute',\r\n\t\tbackgroundColor: \"#ffffff\",\r\n\t\tminWidth: '100%',\r\n\t\tpaddingTop: '18px',\r\n\t\theight: \"77px\",\r\n\t\tzIndex: 100\r\n\t},\r\n\theaderIe: {\r\n\t\tbackgroundColor: \"#ffffff\",\r\n\t\tminWidth: '100%',\r\n\t\tpaddingTop: '18px',\r\n\t\theight: \"77px\",\r\n\t},\r\n\ttableBody: {\r\n\t\tposition: 'absolute',\r\n\t\tminWidth: '100%',\r\n\t\tpadding: '77px 0 57px 0'\r\n\t},\r\n\tfooter: {\r\n\t\tposition: 'absolute',\r\n\t\tminWidth: '100%',\r\n\t\theight: \"57px\",\r\n\t\tzIndex: 100,\r\n\t\tbottom: 0,\r\n\t\tbackgroundColor: \"#ffffff\"\r\n\t},\r\n\tfooterIE: {\r\n\t\tminWidth: '100%',\r\n\t\theight: \"57px\",\r\n\t\tbackgroundColor: \"#ffffff\"\r\n\t}\r\n}\r\n\r\nconst isIE = /*@cc_on!@*/false || !!document.documentMode;\r\n\r\nclass Table extends PureComponent {\r\n\tconstructor(props){\r\n\t\tsuper(props)\r\n\t\tthis.state = {\r\n\t\t\torderBy: null,\r\n\t\t\torder: null,\r\n\t\t}\r\n\t\tthis.table = React.createRef();\r\n\t\tthis.footer = React.createRef();\r\n\t}\r\n\tchangeOrder = (newOrderBy) => {\r\n\t\tconst { onChangeOrder } = this.props;\r\n\t\tconst { orderBy, order } = this.state;\r\n\t\tlet newOrder;\r\n\t\tif(newOrderBy === orderBy){\r\n\t\t\tnewOrder = (order === 'asc')? 'desc': 'asc';\r\n\t\t}else{\r\n\t\t\tnewOrder = 'asc';\r\n\t\t}\r\n\t\tthis.setState({\r\n\t\t\torderBy: newOrderBy,\r\n\t\t\torder: newOrder\r\n\t\t});\r\n\t\tif(newOrderBy && newOrder) onChangeOrder(newOrderBy, newOrder);\r\n\t\tthis.select(null);\r\n\t}\r\n\tselect = (id) => {\r\n\t\tconst { onSelect } = this.props;\r\n\t\tif(id) onSelect(id);\r\n\t}\r\n\tonResize = (event) => {\r\n\t\tthis.startFPos = this.table.current.getBoundingClientRect().height - this.footer.current.getBoundingClientRect().height;\r\n\t\tthis.endFPos = this.table.current.scrollHeight - this.footer.current.getBoundingClientRect().height;\r\n\t\tthis.maxScroll = this.table.current.scrollHeight - this.table.current.clientHeight;\r\n\t\tthis.setState({\r\n\t\t\tfPos: this.startFPos\r\n\t\t});\r\n\t}\r\n\tonScroll = (event) => {\r\n\t\tif(event.target.scrollTop < this.maxScroll){\r\n\t\t\tthis.setState({\r\n\t\t\t\thPos: this.startHPos + event.target.scrollTop,\r\n\t\t\t\tfPos: this.startFPos + event.target.scrollTop\r\n\t\t\t});\r\n\t\t}else{\r\n\t\t\tthis.setState({\r\n\t\t\t\thPos: this.startHPos + this.maxScroll,\r\n\t\t\t\tfPos: this.startFPos + this.maxScroll\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\tcomponentDidMount(){\r\n\t\tthis.startHPos = 0;\r\n\t\tthis.startFPos = this.table.current.getBoundingClientRect().height - this.footer.current.getBoundingClientRect().height;\r\n\t\tthis.setState({\r\n\t\t\thPos: this.startHPos,\r\n\t\t\tfPos: this.startFPos\r\n\t\t});\r\n\t\twindow.addEventListener('resize', this.onResize )\r\n\t\tthis.table.current.addEventListener('scroll', this.onScroll );\r\n\t}\r\n\tcomponentWillUnmount(){\r\n\t\twindow.removeEventListener('resize', this.onResize);\r\n\t}\r\n\tcomponentDidUpdate(prevProps){\r\n\t\tconst { items, page } = this.props;\r\n\t\tif(items && !items.equals(prevProps.items)){\r\n\t\t\twindow.setTimeout(()=>{\r\n\t\t\t\tif(this.table && this.table.current)\r\n\t\t\t\t\tthis.maxScroll = this.table.current.scrollHeight - this.table.current.clientHeight;\r\n\t\t\t}, 1000);\r\n\t\t}\r\n\t\tif(page >=0 && page !== prevProps.page){\r\n\t\t\tthis.select(null);\r\n\t\t}\r\n\t}\r\n\trender(){\r\n\t\tconst { classes, columns, list, items, page, perPage } = this.props;\r\n\t\tconst { orderBy, order, hPos, fPos, selected } = this.state;\r\n\t\tlet rows = [];\r\n\t\tlet size = (list.size > page*perPage)? (page*perPage): list.size;\r\n\t\tif(page > 0 && size > 0){\r\n\t\t\tfor(let i = perPage*(page-1); i < size; i ++){\r\n\t\t\t\tlet id = list.get(i).toString();\r\n\t\t\t\tlet item = items.get(id);\r\n\t\t\t\trows.push(\r\n\t\t\t\t\t|
\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn(\r\n\t\t\t\r\n\t\t\t\t{ !isIE && \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\t{ isIE && \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\t
\r\n\t\t\t\t\t{ rows }\r\n\t\t\t\t
\r\n\t\t\t\t{ !isIE && \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\t{ isIE && \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\tElementi: \r\n\t\t\t\t\t{items} \r\n\t\t\t\t\tPagine totali: \r\n\t\t\t\t\t{pages} \r\n\t\t\t\t\tPagina: \r\n\t\t\t\t\t{page} \r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tPagina precedente \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tPagina successiva \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t \r\n\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nStreamWorksLiv1.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\tlist: PropTypes.instanceOf(Immutable.List).isRequired,\r\n\titems: PropTypes.instanceOf(Immutable.Map).isRequired,\r\n\tfilters: PropTypes.instanceOf(Immutable.Map).isRequired,\r\n\tgetAll: PropTypes.func.isRequired,\r\n\tclear: PropTypes.func.isRequired,\r\n\tstartWaiting: PropTypes.func.isRequired,\r\n\tendWaiting: PropTypes.func.isRequired\r\n}\r\nexport default withStyles(styles)(StreamWorksLiv1);","import Container from './container';\r\nexport default Container;","import { connect } from 'react-redux';\r\nimport NCLiv1 from '../components';\r\nimport { getAllLiv1 as getAll, clearLiv1 as clear } from 'actions/nonCompliance';\r\nimport { startWaiting, endWaiting } from 'actions/ui';\r\n\r\nconst mapStateToProps = (state) => {\r\n\treturn {\r\n\t\tlist: state.getIn(['nonCompliance', 'listLiv1']),\r\n\t\titems: state.getIn(['nonCompliance', 'itemsLiv1']),\r\n\t\tlastAction: state.getIn(['ui','lastAction'])\r\n\t}\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n\treturn {\r\n\t\tgetAll: (fromDate, toDate, placeId, user, kindId) => {\r\n\t\t\tdispatch(getAll(fromDate, toDate, false, placeId, user, kindId));\r\n\t\t},\r\n\t\tclear: () => {\r\n\t\t\tdispatch(clear());\r\n\t\t},\r\n\t\tstartWaiting: () => {\r\n\t\t\tdispatch(startWaiting());\r\n\t\t},\r\n\t\tendWaiting: () => {\r\n\t\t\tdispatch(endWaiting());\r\n\t\t}\r\n\t}\r\n}\r\nexport default connect(\r\n\tmapStateToProps,\r\n\tmapDispatchToProps\r\n)(NCLiv1)\r\n","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport withStyles from 'react-jss';\r\nimport { ArrowDownTriangleIcon, ArrowUpTriangleIcon } from 'UI/Icons';\r\n\r\nconst styles = {\r\n\troot: {\r\n\t\tdisplay: 'flex',\r\n\t\tborderBottom: '1px solid #e1e1e1'\r\n\t},\r\n\titem: {\r\n\t\tfontSize: '12px',\r\n\t\tflex: 'none',\r\n\t\t\"&.size-1\": {\r\n\t\t\twidth: '116px'\r\n\t\t},\r\n\t\t\"&.size-2\": {\r\n\t\t\twidth: '216px'\r\n\t\t}\r\n\t},\r\n\tbutton:{\r\n\t\twidth: '100%',\r\n\t\tpadding: '.5rem',\r\n\t\theight: '58px',\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center'\r\n\t},\r\n\tlabel: {\r\n\t\ttextAlign: 'left',\r\n\t\t\"&.size-1\": {\r\n\t\t\twidth: '100px'\r\n\t\t},\r\n\t\t\"&.size-2\": {\r\n\t\t\twidth: '200px'\r\n\t\t}\r\n\t},\r\n\tdivisor: {\r\n\t\tflex: 1\r\n\t},\r\n\ticon:{\r\n\t\theight: '16px',\r\n\t\twidth: '16px'\r\n\t}\r\n}\r\n\r\nclass TableHeader extends PureComponent {\r\n\tchangeOrder = (orderBy) => {\r\n\t\tconst { onChangeOrder } = this.props;\r\n\t\tif(orderBy) onChangeOrder(orderBy);\r\n\t}\r\n\trender(){\r\n\t\tconst { classes, columns, orderBy, order } = this.props;\r\n\t\tlet ths = [];\r\n\t\tfor(let i = 0; i < columns.length; i++){\r\n\t\t\tths.push(\r\n\t\t\t\t\r\n\t\t\t\t\t
{this.changeOrder(columns[i].key)} }>\r\n\t\t\t\t\t\t{columns[i].label} \r\n\t\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t{ths}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nTableHeader.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\tcolumns: PropTypes.array.isRequired,\r\n\tonChangeOrder: PropTypes.func.isRequired\r\n}\r\n\r\nexport default withStyles(styles)(TableHeader);","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport Immutable from 'immutable';\r\nimport moment from 'moment';\r\nimport withStyles from 'react-jss';\r\n\r\nconst styles = {\r\n\trow: {\r\n\t\tposition: 'relative',\r\n\t\tfontSize: '12px',\r\n\t\tdisplay: 'flex',\r\n\t\tcursor: 'pointer',\r\n\t\tminWidth: '100%',\r\n\t\tborderBottom: '1px solid #e1e1e1',\r\n\t\t'&:hover': {\r\n\t\t\tbackgroundColor:\"#d9d9d9 !important\",\r\n\t\t},\r\n\t\t'&.selected':{\r\n\t\t\tbackgroundColor:\"#56c4e3 !important\",\r\n\t\t},\r\n\t\t\"&:nth-of-type(odd)\": {\r\n\t\t\tbackgroundColor:\"#f6f7f9\",\r\n\t\t}\r\n\t},\r\n\tcell: {\r\n\t\tpadding:'.5rem',\r\n\t\tflex: 'none',\r\n\t\ttextOverflow: 'ellipsis',\r\n\t\toverflow: 'hidden',\r\n\t\t\"&.size-1\": {\r\n\t\t\twidth: '116px'\r\n\t\t},\r\n\t\t\"&.size-2\": {\r\n\t\t\twidth: '216px'\r\n\t\t}\r\n\t},\r\n\tactionsContainer:{\r\n\t\theight: '100%',\r\n\t\tposition: 'absolute',\r\n\t\tdisplay: 'flex',\r\n\t\tleft: 0,\r\n\t\tpadding: '5px',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'center'\r\n\t},\r\n\tactions: {\r\n\t\tborder: '1px solid #e1e1e1',\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'center',\r\n\t\tborderRadius: '4px',\r\n\t\theight: '30px', \r\n\t\toverflow: 'hidden',\r\n\t\tbackgroundColor: \"#ffffff\"\r\n\t},\r\n\tbutton: {\r\n\t\theight: '100%',\r\n\t\tpadding: 0,\r\n\t\twidth: '30px',\r\n\t\tborderRadius: 'none',\r\n\t\tborderRight: '1px solid #e1e1e1',\r\n\t\t'&:last-child':{\r\n\t\t\tborderRight:'none'\r\n\t\t},\r\n\t\t'&:hover':{\r\n\t\t\tbackgroundColor: '#e1e1e1'\r\n\t\t}\r\n\t},\r\n\ticon: {\r\n\t\theight: '25px'\r\n\t}\r\n}\r\n\r\nclass TableRow extends PureComponent {\r\n\tselect = () => {\r\n\t\tconst { item, onSelect } = this.props;\r\n\t\tonSelect(item.get('IDTipoCarico'));\r\n\t}\r\n\trender(){\r\n\t\tconst { classes, columns, item } = this.props;\r\n\t\tlet cells = [];\r\n\t\tfor(let i = 0; i < columns.length; i++){\r\n\t\t\tlet value = item.get(columns[i].key);\r\n\t\t\tlet width = columns[i].width;\r\n\t\t\tif(value && columns[i].kind === 'date'){\r\n\t\t\t\tvalue = moment(value).format('DD/MM/YYYY');\r\n\t\t\t}else if(value && columns[i].kind === 'time'){\r\n\t\t\t\tlet hours = parseInt(value, 10);\r\n\t\t\t\tlet minutes = parseInt((value - hours) * 60, 10);\r\n\t\t\t\tvalue = hours + 'h ' + minutes + 'm';\r\n\t\t\t}\r\n\t\t\tcells.push(\r\n\t\t\t\t{value}\r\n\r\n\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\treturn(\r\n\t\t\t\r\n\t\t\t\t{cells}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nTableRow.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\tcolumns: PropTypes.array.isRequired,\r\n\tselected: PropTypes.bool.isRequired,\r\n\tonSelect: PropTypes.func.isRequired,\r\n\titem: PropTypes.instanceOf(Immutable.Map).isRequired\r\n}\r\n\r\nexport default withStyles(styles)(TableRow);","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Immutable from 'immutable';\r\nimport classNames from 'classnames';\r\nimport withStyles from 'react-jss';\r\n\r\nconst styles = {\r\n\troot: {\r\n\t\tdisplay: 'flex',\r\n\t\tborderTop: '1px solid #e1e1e1'\r\n\t},\r\n\titem: {\r\n\t\tfontSize: '12px',\r\n\t\tpadding: '.5rem',\r\n\t\tflex: 'none',\r\n\t\t\"&.size-1\": {\r\n\t\t\twidth: '116px'\r\n\t\t},\r\n\t\t\"&.size-2\": {\r\n\t\t\twidth: '216px'\r\n\t\t}\r\n\t}\r\n}\r\n\r\nclass TableFooter extends PureComponent {\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tsums: {}\r\n\t\t};\r\n\t}\r\n\tsum = () => {\r\n\t\tconst { items, columns } = this.props;\r\n\t\tlet sums = {};\r\n\t\tlet sumsLabel = [];\r\n\t\tfor(let i = 0; i < columns.length; i++){\r\n\t\t\tif(columns[i].sum) {\r\n\t\t\t\tsums[columns[i].key] = 0;\r\n\t\t\t\tsumsLabel.push(columns[i].key);\r\n\t\t\t}\r\n\t\t}\r\n\t\titems.map(item => {\r\n\t\t\tfor(let i = 0; i < sumsLabel.length; i++){\r\n\t\t\t\tsums[sumsLabel[i]] += item.get(sumsLabel[i]);\r\n\t\t\t}\r\n\t\t\treturn item;\r\n\t\t});\r\n\t\tthis.setState({\r\n\t\t\tsums: sums\r\n\t\t});\r\n\t}\r\n\tcomponentDidMount(){\r\n\t\tconst { items } = this.props;\r\n\t\tif(items) this.sum();\r\n\t}\r\n\tcomponentDidUpdate(prevProps){\r\n\t\tconst { items } = this.props;\r\n\t\tif(items && !items.equals(prevProps.items)) this.sum();\r\n\t}\r\n\trender(){\r\n\t\tconst { classes, columns } = this.props;\r\n\t\tconst { sums } = this.state;\r\n\t\tlet ths = [];\r\n\t\tfor(let i = 0; i < columns.length; i++){\r\n\t\t\tlet value;\r\n\t\t\tif(columns[i].sum){\r\n\t\t\t\tvalue = sums[columns[i].key];\r\n\t\t\t}\r\n\t\t\tif(value && columns[i].kind === 'time'){\r\n\t\t\t\tlet hours = parseInt(value, 10);\r\n\t\t\t\tlet minutes = parseInt((value - hours) * 60, 10);\r\n\t\t\t\tvalue = hours + 'h ' + minutes + 'm';\r\n\t\t\t}\r\n\t\t\tths.push(\r\n\t\t\t\t\r\n\t\t\t\t{ value && \r\n\t\t\t\t\t
{ value }
\r\n\t\t\t\t}\r\n\t\t\t\t
\r\n\t\t\t\t{ths}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nTableFooter.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\tcolumns: PropTypes.array.isRequired,\r\n\titems: PropTypes.instanceOf(Immutable.Map).isRequired\r\n}\r\n\r\nexport default withStyles(styles)(TableFooter);","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport Immutable from 'immutable';\r\nimport withStyles from 'react-jss';\r\nimport Header from './Header';\r\nimport Row from './Row';\r\nimport Footer from './Footer';\r\n\r\nconst styles = {\r\n\ttable:{\r\n\t\tposition: 'absolute',\r\n\t\theight: '100%',\r\n\t\twidth: '100%',\r\n\t\toverflow: 'auto',\r\n\t\tdisplay: 'flex',\r\n\t\tflexDirection: 'column',\r\n\t},\r\n\theaderIe: {\r\n\t\tbackgroundColor: \"#ffffff\",\r\n\t\tminWidth: '100%',\r\n\t\tpaddingTop: '18px',\r\n\t\theight: \"77px\",\r\n\t},\r\n\theader:{\r\n\t\tposition: 'absolute',\r\n\t\tbackgroundColor: \"#ffffff\",\r\n\t\tminWidth: '100%',\r\n\t\tpaddingTop: '18px',\r\n\t\theight: \"77px\",\r\n\t\tzIndex: 100\r\n\t},\r\n\ttableBody: {\r\n\t\tposition: 'absolute',\r\n\t\tminWidth: '100%',\r\n\t\tpadding: '77px 0 57px 0'\r\n\t},\r\n\tfooter: {\r\n\t\tposition: 'absolute',\r\n\t\tminWidth: '100%',\r\n\t\theight: \"57px\",\r\n\t\tzIndex: 100,\r\n\t\tbottom: 0,\r\n\t\tbackgroundColor: \"#ffffff\"\r\n\t},\r\n\tfooterIE: {\r\n\t\tminWidth: '100%',\r\n\t\theight: \"57px\",\r\n\t\tbackgroundColor: \"#ffffff\"\r\n\t}\r\n}\r\n\r\nconst isIE = /*@cc_on!@*/false || !!document.documentMode;\r\n\r\nclass Table extends PureComponent {\r\n\tconstructor(props){\r\n\t\tsuper(props)\r\n\t\tthis.state = {\r\n\t\t\torderBy: null,\r\n\t\t\torder: null,\r\n\t\t}\r\n\t\tthis.table = React.createRef();\r\n\t\tthis.footer = React.createRef();\r\n\t}\r\n\tchangeOrder = (newOrderBy) => {\r\n\t\tconst { onChangeOrder } = this.props;\r\n\t\tconst { orderBy, order } = this.state;\r\n\t\tlet newOrder;\r\n\t\tif(newOrderBy === orderBy){\r\n\t\t\tnewOrder = (order === 'asc')? 'desc': 'asc';\r\n\t\t}else{\r\n\t\t\tnewOrder = 'asc';\r\n\t\t}\r\n\t\tthis.setState({\r\n\t\t\torderBy: newOrderBy,\r\n\t\t\torder: newOrder\r\n\t\t});\r\n\t\tif(newOrderBy && newOrder) onChangeOrder(newOrderBy, newOrder);\r\n\t\tthis.select(null);\r\n\t}\r\n\tselect = (id) => {\r\n\t\tconst { onSelect } = this.props;\r\n\t\tif(id) onSelect(id);\r\n\t}\r\n\tonResize = (event) => {\r\n\t\tthis.startFPos = this.table.current.getBoundingClientRect().height - this.footer.current.getBoundingClientRect().height;\r\n\t\tthis.endFPos = this.table.current.scrollHeight - this.footer.current.getBoundingClientRect().height;\r\n\t\tthis.maxScroll = this.table.current.scrollHeight - this.table.current.clientHeight;\r\n\t\tthis.setState({\r\n\t\t\tfPos: this.startFPos\r\n\t\t});\r\n\t}\r\n\tonScroll = (event) => {\r\n\t\tif(event.target.scrollTop < this.maxScroll){\r\n\t\t\tthis.setState({\r\n\t\t\t\thPos: this.startHPos + event.target.scrollTop,\r\n\t\t\t\tfPos: this.startFPos + event.target.scrollTop\r\n\t\t\t});\r\n\t\t}else{\r\n\t\t\tthis.setState({\r\n\t\t\t\thPos: this.startHPos + this.maxScroll,\r\n\t\t\t\tfPos: this.startFPos + this.maxScroll\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\tcomponentDidMount(){\r\n\t\tthis.startHPos = 0;\r\n\t\tthis.startFPos = this.table.current.getBoundingClientRect().height - this.footer.current.getBoundingClientRect().height;\r\n\t\tthis.setState({\r\n\t\t\thPos: this.startHPos,\r\n\t\t\tfPos: this.startFPos\r\n\t\t});\r\n\t\twindow.addEventListener('resize', this.onResize )\r\n\t\tthis.table.current.addEventListener('scroll', this.onScroll );\r\n\t}\r\n\tcomponentWillUnmount(){\r\n\t\twindow.removeEventListener('resize', this.onResize);\r\n\t}\r\n\tcomponentDidUpdate(prevProps){\r\n\t\tconst { items, page } = this.props;\r\n\t\tif(items && !items.equals(prevProps.items)){\r\n\t\t\twindow.setTimeout(()=>{\r\n\t\t\t\tif(this.table && this.table.current)\r\n\t\t\t\t\tthis.maxScroll = this.table.current.scrollHeight - this.table.current.clientHeight;\r\n\t\t\t}, 1000);\r\n\t\t}\r\n\t\tif(page >=0 && page !== prevProps.page){\r\n\t\t\tthis.select(null);\r\n\t\t}\r\n\t}\r\n\trender(){\r\n\t\tconst { classes, columns, list, items, page, perPage } = this.props;\r\n\t\tconst { orderBy, order, hPos, fPos, selected } = this.state;\r\n\t\tlet rows = [];\r\n\t\tlet size = (list.size > page*perPage)? (page*perPage): list.size;\r\n\t\tif(page > 0 && size > 0){\r\n\t\t\tfor(let i = perPage*(page-1); i < size; i ++){\r\n\t\t\t\tlet id = list.get(i).toString();\r\n\t\t\t\tlet item = items.get(id);\r\n\t\t\t\trows.push(\r\n\t\t\t\t\t|
\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn(\r\n\t\t\t\r\n\t\t\t\t{ !isIE && \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\t{ isIE && \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\t
\r\n\t\t\t\t\t{ rows }\r\n\t\t\t\t
\r\n\t\t\t\t{ !isIE && \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\t{ isIE && \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\tElementi: \r\n\t\t\t\t\t{items} \r\n\t\t\t\t\tPagine totali: \r\n\t\t\t\t\t{pages} \r\n\t\t\t\t\tPagina: \r\n\t\t\t\t\t{page} \r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tPagina precedente \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tPagina successiva \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t \r\n\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
Carico: {carico} \r\n\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nStreamWorksLiv1.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\tlist: PropTypes.instanceOf(Immutable.List).isRequired,\r\n\titems: PropTypes.instanceOf(Immutable.Map).isRequired,\r\n\tfilters: PropTypes.instanceOf(Immutable.Map).isRequired,\r\n\tgetAll: PropTypes.func.isRequired,\r\n\tclear: PropTypes.func.isRequired,\r\n\tstartWaiting: PropTypes.func.isRequired,\r\n\tendWaiting: PropTypes.func.isRequired\r\n}\r\nexport default withStyles(styles)(StreamWorksLiv1);","import Container from './container';\r\nexport default Container;","import { connect } from 'react-redux';\r\nimport NCLiv2 from '../components';\r\nimport { getAllLiv2 as getAll, clearLiv2 as clear } from 'actions/nonCompliance';\r\nimport { startWaiting, endWaiting } from 'actions/ui';\r\n\r\nconst mapStateToProps = (state) => {\r\n\treturn {\r\n\t\tlist: state.getIn(['nonCompliance', 'listLiv2']),\r\n\t\titems: state.getIn(['nonCompliance', 'itemsLiv2']),\r\n\t\tlastAction: state.getIn(['ui','lastAction'])\r\n\t}\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n\treturn {\r\n\t\tgetAll: (fromDate, toDate, placeId, user, kindId, loadKindId) => {\r\n\t\t\tdispatch(getAll(fromDate, toDate, false, placeId, user, kindId, loadKindId));\r\n\t\t},\r\n\t\tclear: () => {\r\n\t\t\tdispatch(clear());\r\n\t\t},\r\n\t\tstartWaiting: () => {\r\n\t\t\tdispatch(startWaiting());\r\n\t\t},\r\n\t\tendWaiting: () => {\r\n\t\t\tdispatch(endWaiting());\r\n\t\t}\r\n\t}\r\n}\r\nexport default connect(\r\n\tmapStateToProps,\r\n\tmapDispatchToProps\r\n)(NCLiv2)","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Route } from 'react-router-dom';\r\nimport { Switch } from 'react-router';\r\nimport NCLiv1 from 'Routes/NonCompliance/Expire/Liv1';\r\nimport NCLiv2 from 'Routes/NonCompliance/Expire/Liv2';\r\n\r\nclass ExpireActivities extends Component {\r\n\texportCSV = (headers, data) => {\r\n\t\tconst { onExportCSV } = this.props;;\r\n\t\tif(headers && data) onExportCSV(headers, data);\r\n\t}\r\n\tselect = (item) => {\r\n\t\tconst { onSelect } = this.props;\r\n\t\tonSelect(item);\r\n\t}\r\n\trender(){\r\n\t\tconst { filters, csv } = this.props;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t }/>\r\n\t\t\t\t \r\n\t\t);\r\n\t}\r\n}\r\n\r\nExpireActivities.propTypes = {\r\n\tonSelect: PropTypes.func.isRequired\r\n};\r\n\r\nexport default ExpireActivities;","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport withStyles from 'react-jss';\r\nimport { ArrowDownTriangleIcon, ArrowUpTriangleIcon } from 'UI/Icons';\r\n\r\nconst styles = {\r\n\troot: {\r\n\t\tdisplay: 'flex',\r\n\t\tborderBottom: '1px solid #e1e1e1'\r\n\t},\r\n\titem: {\r\n\t\tfontSize: '12px',\r\n\t\tflex: 'none',\r\n\t\t\"&.size-1\": {\r\n\t\t\twidth: '116px'\r\n\t\t},\r\n\t\t\"&.size-2\": {\r\n\t\t\twidth: '216px'\r\n\t\t}\r\n\t},\r\n\tbutton:{\r\n\t\twidth: '100%',\r\n\t\tpadding: '.5rem',\r\n\t\theight: '58px',\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center'\r\n\t},\r\n\tlabel: {\r\n\t\ttextAlign: 'left',\r\n\t\t\"&.size-1\": {\r\n\t\t\twidth: '100px'\r\n\t\t},\r\n\t\t\"&.size-2\": {\r\n\t\t\twidth: '200px'\r\n\t\t}\r\n\t},\r\n\tdivisor: {\r\n\t\tflex: 1\r\n\t},\r\n\ticon:{\r\n\t\theight: '16px',\r\n\t\twidth: '16px'\r\n\t}\r\n}\r\n\r\nclass TableHeader extends PureComponent {\r\n\tchangeOrder = (orderBy) => {\r\n\t\tconst { onChangeOrder } = this.props;\r\n\t\tif(orderBy) onChangeOrder(orderBy);\r\n\t}\r\n\trender(){\r\n\t\tconst { classes, columns, orderBy, order } = this.props;\r\n\t\tlet ths = [];\r\n\t\tfor(let i = 0; i < columns.length; i++){\r\n\t\t\tths.push(\r\n\t\t\t\t\r\n\t\t\t\t\t
{this.changeOrder(columns[i].key)} }>\r\n\t\t\t\t\t\t{columns[i].label} \r\n\t\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t{ths}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nTableHeader.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\tcolumns: PropTypes.array.isRequired,\r\n\tonChangeOrder: PropTypes.func.isRequired\r\n}\r\n\r\nexport default withStyles(styles)(TableHeader);","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport withStyles from 'react-jss';\r\nimport { PencilIcon } from 'UI/Icons';\r\n\r\nconst styles = {\r\n\troot: {\r\n\t\tborder: '1px solid #e1e1e1',\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'center',\r\n\t\tborderRadius: '4px',\r\n\t\theight: '30px', \r\n\t\toverflow: 'hidden',\r\n\t\tbackgroundColor: \"#ffffff\"\r\n\t},\r\n\tbutton: {\r\n\t\theight: '100%',\r\n\t\tposition: 'relative',\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'center',\r\n\t\tpadding: 0,\r\n\t\twidth: '30px',\r\n\t\tborderRadius: 'unset',\r\n\t\tborderRight: '1px solid #e1e1e1',\r\n\t\t'&:last-child':{\r\n\t\t\tborderRight:'none'\r\n\t\t},\r\n\t\t'&:hover':{\r\n\t\t\tbackgroundColor: '#e1e1e1'\r\n\t\t}\r\n\t},\r\n\tbutton3: {\r\n\t\theight: '100%',\r\n\t\twidth: 'auto',\r\n\t\tfontSize: '10px',\r\n\t\tpadding: '0 5px',\r\n\t\tborderRadius: 'none',\r\n\t\tborderRight: '1px solid #e1e1e1',\r\n\t\t'&:last-child':{\r\n\t\t\tborderRight:'none'\r\n\t\t},\r\n\t\t'&:hover':{\r\n\t\t\tbackgroundColor: '#e1e1e1'\r\n\t\t}\r\n\t},\r\n\ticon: {\r\n\t\theight: '25px !important',\r\n\t\twidth: '25px !important'\r\n\t},\r\n\ticon2: {\r\n\t\tposition: 'absolute',\r\n\t\ttop: '5px',\r\n\t\tleft: '12px',\r\n\t\twidth: '20px !important'\r\n\t}\r\n}\r\n\r\nclass Actions extends PureComponent{\r\n\tupdate = () => {\r\n\t\tconst { onUpdate } = this.props;\r\n\t\tonUpdate();\r\n\t}\r\n\tstopPropagation = (event) => {\r\n\t\tevent.stopPropagation();\r\n\t}\r\n\trender(){\r\n\t\tconst { classes } = this.props;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\t \r\n\t\t\t
{value}\r\n\r\n\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\treturn(\r\n\t\t\t\r\n\t\t\t\t{cells}\r\n\t\t\t\t{ selected && \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t \r\n\t\t\t\t}\r\n\t\t\t
\r\n\t\t\t\t{ value && \r\n\t\t\t\t\t
{ value }
\r\n\t\t\t\t}\r\n\t\t\t\t
\r\n\t\t\t\t{ths}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nTableFooter.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\tcolumns: PropTypes.array.isRequired,\r\n\titems: PropTypes.instanceOf(Immutable.Map).isRequired\r\n}\r\n\r\nexport default withStyles(styles)(TableFooter);","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport Immutable from 'immutable';\r\nimport withStyles from 'react-jss';\r\nimport Header from './Header';\r\nimport Row from './Row';\r\nimport Footer from './Footer';\r\n\r\nconst styles = {\r\n\ttable:{\r\n\t\tposition: 'absolute',\r\n\t\theight: '100%',\r\n\t\twidth: '100%',\r\n\t\toverflow: 'auto',\r\n\t\tdisplay: 'flex',\r\n\t\tflexDirection: 'column',\r\n\t},\r\n\theader:{\r\n\t\tposition: 'absolute',\r\n\t\tbackgroundColor: \"#ffffff\",\r\n\t\tminWidth: '100%',\r\n\t\tpaddingTop: '18px',\r\n\t\theight: \"77px\",\r\n\t\tzIndex: 100\r\n\t},\r\n\theaderIe: {\r\n\t\tbackgroundColor: \"#ffffff\",\r\n\t\tminWidth: '100%',\r\n\t\tpaddingTop: '18px',\r\n\t\theight: \"77px\",\r\n\t},\r\n\ttableBody: {\r\n\t\tposition: 'absolute',\r\n\t\tminWidth: '100%',\r\n\t\tpadding: '77px 0 57px 0'\r\n\t},\r\n\tfooter: {\r\n\t\tposition: 'absolute',\r\n\t\tminWidth: '100%',\r\n\t\theight: \"57px\",\r\n\t\tzIndex: 100,\r\n\t\tbottom: 0,\r\n\t\tbackgroundColor: \"#ffffff\"\r\n\t},\r\n\tfooterIE: {\r\n\t\tminWidth: '100%',\r\n\t\theight: \"57px\",\r\n\t\tbackgroundColor: \"#ffffff\"\r\n\t}\r\n}\r\n\r\nconst isIE = /*@cc_on!@*/false || !!document.documentMode;\r\n\r\nclass Table extends PureComponent {\r\n\tconstructor(props){\r\n\t\tsuper(props)\r\n\t\tthis.state = {\r\n\t\t\torderBy: null,\r\n\t\t\torder: null,\r\n\t\t\tselected: null\r\n\t\t}\r\n\t\tthis.table = React.createRef();\r\n\t\tthis.footer = React.createRef();\r\n\t}\r\n\tchangeOrder = (newOrderBy) => {\r\n\t\tconst { onChangeOrder } = this.props;\r\n\t\tconst { orderBy, order } = this.state;\r\n\t\tlet newOrder;\r\n\t\tif(newOrderBy === orderBy){\r\n\t\t\tnewOrder = (order === 'asc')? 'desc': 'asc';\r\n\t\t}else{\r\n\t\t\tnewOrder = 'asc';\r\n\t\t}\r\n\t\tthis.setState({\r\n\t\t\torderBy: newOrderBy,\r\n\t\t\torder: newOrder\r\n\t\t});\r\n\t\tif(newOrderBy && newOrder) onChangeOrder(newOrderBy, newOrder);\r\n\t\tthis.select(null);\r\n\t}\r\n\tselect = (id) => {\r\n\t\tconst { onSelect, items } = this.props;\r\n\t\tconst { selected } = this.state;\r\n\t\tthis.setState({\r\n\t\t\tselected: (selected===id)? null: id\r\n\t\t});\r\n\t\tif(selected === id){\r\n\t\t\tonSelect(null)\r\n\t\t}else{\r\n\t\t\tonSelect(items.get(id+''));\r\n\t\t}\r\n\t}\r\n\tupdate = () => {\r\n\t\tconst { onUpdate, onSelect, items } = this.props;\r\n\t\tconst { selected } = this.state;\r\n\t\tif(selected) onSelect(items.get(selected+''));\r\n\t\tonUpdate();\r\n\t}\r\n\tonResize = (event) => {\r\n\t\tthis.startFPos = this.table.current.getBoundingClientRect().height - this.footer.current.getBoundingClientRect().height;\r\n\t\tthis.endFPos = this.table.current.scrollHeight - this.footer.current.getBoundingClientRect().height;\r\n\t\tthis.maxScroll = this.table.current.scrollHeight - this.table.current.clientHeight;\r\n\t\tthis.setState({\r\n\t\t\tfPos: this.startFPos\r\n\t\t});\r\n\t}\r\n\tonScroll = (event) => {\r\n\t\tif(event.target.scrollTop < this.maxScroll){\r\n\t\t\tthis.setState({\r\n\t\t\t\thPos: this.startHPos + event.target.scrollTop,\r\n\t\t\t\tfPos: this.startFPos + event.target.scrollTop\r\n\t\t\t});\r\n\t\t}else{\r\n\t\t\tthis.setState({\r\n\t\t\t\thPos: this.startHPos + this.maxScroll,\r\n\t\t\t\tfPos: this.startFPos + this.maxScroll\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\tcomponentDidMount(){\r\n\t\tthis.startHPos = 0;\r\n\t\tthis.startFPos = this.table.current.getBoundingClientRect().height - this.footer.current.getBoundingClientRect().height;\r\n\t\tthis.setState({\r\n\t\t\thPos: this.startHPos,\r\n\t\t\tfPos: this.startFPos\r\n\t\t});\r\n\t\twindow.addEventListener('resize', this.onResize )\r\n\t\tthis.table.current.addEventListener('scroll', this.onScroll );\r\n\t}\r\n\tcomponentWillUnmount(){\r\n\t\twindow.removeEventListener('resize', this.onResize);\r\n\t}\r\n\tcomponentDidUpdate(prevProps){\r\n\t\tconst { items, page } = this.props;\r\n\t\tif(items && !items.equals(prevProps.items)){\r\n\t\t\twindow.setTimeout(()=>{\r\n\t\t\t\tif(this.table && this.table.current)\r\n\t\t\t\t\tthis.maxScroll = this.table.current.scrollHeight - this.table.current.clientHeight;\r\n\t\t\t}, 1000);\r\n\t\t}\r\n\t\tif(page >=0 && page !== prevProps.page){\r\n\t\t\tthis.select(null);\r\n\t\t}\r\n\t}\r\n\trender(){\r\n\t\tconst { classes, columns, list, items, page, perPage } = this.props;\r\n\t\tconst { orderBy, order, hPos, fPos, selected } = this.state;\r\n\t\tlet rows = [];\r\n\t\tlet size = (list.size > page*perPage)? (page*perPage): list.size;\r\n\t\tif(page > 0 && size > 0){\r\n\t\t\tfor(let i = perPage*(page-1); i < size; i ++){\r\n\t\t\t\tlet id = list.get(i).toString();\r\n\t\t\t\tlet item = items.get(id);\r\n\t\t\t\trows.push(\r\n\t\t\t\t\t|
\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn(\r\n\t\t\t\r\n\t\t\t\t{ !isIE && \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\t{ isIE && \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\t
\r\n\t\t\t\t\t{ rows }\r\n\t\t\t\t
\r\n\t\t\t\t{ !isIE && \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\t{ isIE && \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\tElementi: \r\n\t\t\t\t\t{items} \r\n\t\t\t\t\tPagine totali: \r\n\t\t\t\t\t{pages} \r\n\t\t\t\t\tPagina: \r\n\t\t\t\t\t{page} \r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tPagina precedente \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tPagina successiva \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t \r\n\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nOtherNC.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\tlist: PropTypes.instanceOf(Immutable.List).isRequired,\r\n\titems: PropTypes.instanceOf(Immutable.Map).isRequired,\r\n\tfilters: PropTypes.instanceOf(Immutable.Map).isRequired,\r\n\tonSelect: PropTypes.func.isRequired,\r\n\tonUpdate: PropTypes.func.isRequired,\r\n\tgetAll: PropTypes.func.isRequired,\r\n\tclear: PropTypes.func.isRequired,\r\n\tstartWaiting: PropTypes.func.isRequired,\r\n\tendWaiting: PropTypes.func.isRequired\r\n}\r\nexport default withStyles(styles)(OtherNC);","import Container from './container';\r\nexport default Container;","import { connect } from 'react-redux';\r\nimport NCLiv1 from '../components';\r\nimport { getAllOthers as getAll, clearLiv1 as clear } from 'actions/nonCompliance';\r\nimport { startWaiting, endWaiting } from 'actions/ui';\r\n\r\nconst mapStateToProps = (state) => {\r\n\treturn {\r\n\t\tlist: state.getIn(['nonCompliance', 'listOther']),\r\n\t\titems: state.getIn(['nonCompliance', 'itemsOther']),\r\n\t\tlastAction: state.getIn(['ui','lastAction'])\r\n\t}\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n\treturn {\r\n\t\tgetAll: (fromDate, toDate, placeId, user, kindId) => {\r\n\t\t\tdispatch(getAll(fromDate, toDate, placeId, user, kindId));\r\n\t\t},\r\n\t\tclear: () => {\r\n\t\t\tdispatch(clear());\r\n\t\t},\r\n\t\tstartWaiting: () => {\r\n\t\t\tdispatch(startWaiting());\r\n\t\t},\r\n\t\tendWaiting: () => {\r\n\t\t\tdispatch(endWaiting());\r\n\t\t}\r\n\t}\r\n}\r\nexport default connect(\r\n\tmapStateToProps,\r\n\tmapDispatchToProps\r\n)(NCLiv1)\r\n","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport withStyles from 'react-jss';\r\n\r\nconst styles = {\r\n\troot:{\r\n\t\tmarginBottom: '2rem'\r\n\t},\r\n\tlabel: {\r\n\t\tfontSize: '14px !important',\r\n\t\tlineHeight: 'calc(2rem - 1px) !important',\r\n\t\t\"&.active\": {\r\n\t\t\tfontSize: '10px !important'\r\n\t\t}\r\n\t},\r\n\tinput: {\r\n\t\tfontSize: '14px !important'\r\n\t}\r\n}\r\n\r\nclass TextArea extends PureComponent{\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tisFocused: false,\r\n\t\t\tvalue: ''\r\n\t\t};\r\n\t}\r\n\tchange = (event) => {\r\n\t\tthis.setState({\r\n\t\t\tvalue: event.target.value\r\n\t\t});\r\n\t}\r\n\tfocus = () => {\r\n\t\tthis.setState({\r\n\t\t\tisFocused: true\r\n\t\t});\r\n\t}\r\n\tblur = (event) => {\r\n\t\tconst { onChange } = this.props;\r\n\t\tthis.setState({\r\n\t\t\tisFocused: false\r\n\t\t});\r\n\t\tonChange(event.target.value);\r\n\t}\r\n\tcomponentDidUpdate(prevProps){\r\n\t\tconst { value } = this.props;\r\n\t\tif(value && value !== prevProps.value){\r\n\t\t\tthis.setState({\r\n\t\t\t\tvalue: value\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\tcomponentDidMount(){\r\n\t\tconst { value } = this.props;\r\n\t\tthis.setState({\r\n\t\t\tvalue: value\r\n\t\t});\r\n\t}\r\n\trender(){\r\n\t\tconst { classes, rows, label } = this.props;\r\n\t\tconst { isFocused, value } = this.state;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t