Loading js-apps/meep-frontend/src/js/components/dialogs/id-save-replay-dialog.js +7 −1 Original line number Diff line number Diff line Loading @@ -17,7 +17,11 @@ import React, { Component } from 'react'; import { TextField, TextFieldHelperText } from '@rmwc/textfield'; import IDDialog from './id-dialog'; import { MEEP_DLG_SAVE_REPLAY } from '../../meep-constants'; import { MEEP_DLG_SAVE_REPLAY, MEEP_DLG_SAVE_REPLAY_NAME, MEEP_DLG_SAVE_REPLAY_DESCRIPTION } from '../../meep-constants'; class IDSaveReplayDialog extends Component { constructor(props) { Loading Loading @@ -94,6 +98,7 @@ class IDSaveReplayDialog extends Component { } onChange={e => this.changeReplayName(e.target.value)} value={this.replayName} data-cy={MEEP_DLG_SAVE_REPLAY_NAME} /> <TextFieldHelperText validationMsg={true}> <span>{this.state.replayErr}</span> Loading @@ -108,6 +113,7 @@ class IDSaveReplayDialog extends Component { } onChange={e => this.changeDescription(e.target.value)} value={this.description} data-cy={MEEP_DLG_SAVE_REPLAY_DESCRIPTION} /> <TextFieldHelperText validationMsg={true}> <span>{this.state.descriptionErr}</span> Loading js-apps/meep-frontend/src/js/containers/cfg/cfg-network-element-container.js +12 −6 Original line number Diff line number Diff line Loading @@ -171,6 +171,7 @@ import { CFG_ELEM_WIRELESS_TYPE, CFG_ELEM_INGRESS_SVC_MAP, CFG_ELEM_EGRESS_SVC_MAP, CFG_ELEM_META_DISPLAY_MAP_COLOR, CFG_BTN_NEW_ELEM, CFG_BTN_DEL_ELEM, CFG_BTN_CLONE_ELEM, Loading Loading @@ -936,6 +937,7 @@ const TypeRelatedFormFields = ({ onUpdate, onEditLocation, onEditPath, element } validate={validateColor} label="Zone Color" fieldName={FIELD_META_DISPLAY_MAP_COLOR} cydata={CFG_ELEM_META_DISPLAY_MAP_COLOR} /> { !element.editColor ? null : <div style={ styles.popover }> Loading Loading @@ -1138,7 +1140,7 @@ const TypeRelatedFormFields = ({ onUpdate, onEditLocation, onEditPath, element } /> </GridCell> </Grid> {isWireless ? {isWireless ? ( <Grid> <CfgTextFieldCell span={12} Loading @@ -1149,8 +1151,10 @@ const TypeRelatedFormFields = ({ onUpdate, onEditLocation, onEditPath, element } fieldName={FIELD_WIRELESS_TYPE} cydata={CFG_ELEM_WIRELESS_TYPE} /> </Grid> : <></> } </Grid> ) : ( <></> )} <Grid> <CfgTextFieldCell Loading Loading @@ -1249,7 +1253,7 @@ const TypeRelatedFormFields = ({ onUpdate, onEditLocation, onEditPath, element } /> </GridCell> </Grid> {isWireless ? {isWireless ? ( <Grid> <CfgTextFieldCell span={12} Loading @@ -1260,8 +1264,10 @@ const TypeRelatedFormFields = ({ onUpdate, onEditLocation, onEditPath, element } fieldName={FIELD_WIRELESS_TYPE} cydata={CFG_ELEM_WIRELESS_TYPE} /> </Grid> : <></> } </Grid> ) : ( <></> )} <Grid> <CfgTextFieldCell Loading js-apps/meep-frontend/src/js/containers/exec/dashboard-container.js +4 −1 Original line number Diff line number Diff line Loading @@ -44,8 +44,10 @@ import { VIEW_NAME_NONE, MAP_VIEW, NET_TOPOLOGY_VIEW, DEFAULT_DASHBOARD_OPTIONS DEFAULT_DASHBOARD_OPTIONS, EXEC_BTN_DASHBOARD_BTN_CLOSE } from '../../meep-constants'; import { updateObject } from '../../util/object-util'; const styles = { Loading Loading @@ -251,6 +253,7 @@ const DashboardConfiguration = props => { outlined style={styles.button} onClick={() => props.onCloseDashCfg()} data-cy={EXEC_BTN_DASHBOARD_BTN_CLOSE} > Close </Button> Loading js-apps/meep-frontend/src/js/containers/exec/event-automation-pane.js +13 −0 Original line number Diff line number Diff line Loading @@ -28,6 +28,14 @@ import { uiExecChangeAutomationNetCharMode } from '../../state/ui'; import { EXEC_BTN_EVENT_BTN_AUTOMATION_CHKBOX_MOVEMENT, EXEC_BTN_EVENT_BTN_AUTOMATION_CHKBOX_MOBILITY, EXEC_BTN_EVENT_BTN_AUTOMATION_CHKBOX_POAS_IN_RANGE, EXEC_BTN_EVENT_BTN_AUTOMATION_CHKBOX_NETCHAR, EXEC_BTN_EVENT_BTN_AUTOMATION_BTN_CLOSE } from '../../meep-constants'; const AUTO_TYPE_MOVEMENT = 'MOVEMENT'; const AUTO_TYPE_MOBILITY = 'MOBILITY'; const AUTO_TYPE_POAS_IN_RANGE = 'POAS-IN-RANGE'; Loading Loading @@ -132,6 +140,7 @@ class EventAutomationPane extends Component { <Checkbox checked={this.props.automationMovementMode} onChange={e => this.setMovementMode(e.target.checked)} data-cy={EXEC_BTN_EVENT_BTN_AUTOMATION_CHKBOX_MOVEMENT} > Movement </Checkbox> Loading @@ -140,6 +149,7 @@ class EventAutomationPane extends Component { <Checkbox checked={this.props.automationMobilityMode} onChange={e => this.setMobilityMode(e.target.checked)} data-cy={EXEC_BTN_EVENT_BTN_AUTOMATION_CHKBOX_MOBILITY} > Mobility </Checkbox> Loading @@ -148,6 +158,7 @@ class EventAutomationPane extends Component { <Checkbox checked={this.props.automationPoasInRangeMode} onChange={e => this.setPoasInRangeMode(e.target.checked)} data-cy={EXEC_BTN_EVENT_BTN_AUTOMATION_CHKBOX_POAS_IN_RANGE} > POAs in range </Checkbox> Loading @@ -156,6 +167,7 @@ class EventAutomationPane extends Component { <Checkbox checked={this.props.automationNetCharMode} onChange={e => this.setNetCharMode(e.target.checked)} data-cy={EXEC_BTN_EVENT_BTN_AUTOMATION_CHKBOX_NETCHAR} > Network Characteristics </Checkbox> Loading @@ -169,6 +181,7 @@ class EventAutomationPane extends Component { outlined style={styles.button} onClick={this.props.onClose} data-cy={EXEC_BTN_EVENT_BTN_AUTOMATION_BTN_CLOSE} > Close </Button> Loading js-apps/meep-frontend/src/js/containers/exec/event-container.js +12 −9 Original line number Diff line number Diff line Loading @@ -28,10 +28,12 @@ import { } from '../../state/ui'; import { EXEC_BTN_MANUAL_REPLAY, EXEC_BTN_AUTOMATION, EXEC_BTN_AUTO_REPLAY, EXEC_BTN_SAVE_REPLAY EXEC_BTN_EVENT_BTN_MANUAL_REPLAY, EXEC_BTN_EVENT_BTN_AUTOMATION, EXEC_BTN_EVENT_BTN_AUTO_REPLAY, EXEC_BTN_EVENT_BTN_SAVE_REPLAY, EXEC_BTN_EVENT_BTN_CLOSE, MEEP_EVENT_COUNT } from '../../meep-constants'; const styles = { Loading @@ -55,7 +57,7 @@ const StatusTable = props => { </GridCell> <GridCell align={'middle'} span={3}> <Typography use="subtitle2" style={{ marginRight: 10 }}>EVENT COUNT:</Typography> <Typography use="body2">{props.index} / {props.maxIndex}</Typography> <Typography use="body2" data-cy={MEEP_EVENT_COUNT}>{props.index} / {props.maxIndex}</Typography> </GridCell> <GridCell align={'middle'} span={4}> <Typography use="subtitle2" style={{ marginRight: 10 }}>NEXT/LAST EVENT (S):</Typography> Loading Loading @@ -136,7 +138,7 @@ class EventContainer extends Component { outlined style={styles.button} onClick={() => this.onCreateEvent()} data-cy={EXEC_BTN_MANUAL_REPLAY} data-cy={EXEC_BTN_EVENT_BTN_MANUAL_REPLAY} > MANUAL </Button> Loading @@ -144,7 +146,7 @@ class EventContainer extends Component { outlined style={styles.button} onClick={() => this.onAutomateEvent()} data-cy={EXEC_BTN_AUTOMATION} data-cy={EXEC_BTN_EVENT_BTN_AUTOMATION} > AUTOMATION </Button> Loading @@ -152,7 +154,7 @@ class EventContainer extends Component { outlined style={styles.button} onClick={() => this.onReplayEvent()} data-cy={EXEC_BTN_AUTO_REPLAY} data-cy={EXEC_BTN_EVENT_BTN_AUTO_REPLAY} > AUTO-REPLAY </Button> Loading @@ -160,7 +162,7 @@ class EventContainer extends Component { outlined style={styles.button} onClick={this.props.onSaveReplay} data-cy={EXEC_BTN_SAVE_REPLAY} data-cy={EXEC_BTN_EVENT_BTN_SAVE_REPLAY} > SAVE EVENTS </Button> Loading @@ -168,6 +170,7 @@ class EventContainer extends Component { outlined style={styles.button} onClick={this.props.onCloseEventCfg} data-cy={EXEC_BTN_EVENT_BTN_CLOSE} > Close </Button> Loading Loading
js-apps/meep-frontend/src/js/components/dialogs/id-save-replay-dialog.js +7 −1 Original line number Diff line number Diff line Loading @@ -17,7 +17,11 @@ import React, { Component } from 'react'; import { TextField, TextFieldHelperText } from '@rmwc/textfield'; import IDDialog from './id-dialog'; import { MEEP_DLG_SAVE_REPLAY } from '../../meep-constants'; import { MEEP_DLG_SAVE_REPLAY, MEEP_DLG_SAVE_REPLAY_NAME, MEEP_DLG_SAVE_REPLAY_DESCRIPTION } from '../../meep-constants'; class IDSaveReplayDialog extends Component { constructor(props) { Loading Loading @@ -94,6 +98,7 @@ class IDSaveReplayDialog extends Component { } onChange={e => this.changeReplayName(e.target.value)} value={this.replayName} data-cy={MEEP_DLG_SAVE_REPLAY_NAME} /> <TextFieldHelperText validationMsg={true}> <span>{this.state.replayErr}</span> Loading @@ -108,6 +113,7 @@ class IDSaveReplayDialog extends Component { } onChange={e => this.changeDescription(e.target.value)} value={this.description} data-cy={MEEP_DLG_SAVE_REPLAY_DESCRIPTION} /> <TextFieldHelperText validationMsg={true}> <span>{this.state.descriptionErr}</span> Loading
js-apps/meep-frontend/src/js/containers/cfg/cfg-network-element-container.js +12 −6 Original line number Diff line number Diff line Loading @@ -171,6 +171,7 @@ import { CFG_ELEM_WIRELESS_TYPE, CFG_ELEM_INGRESS_SVC_MAP, CFG_ELEM_EGRESS_SVC_MAP, CFG_ELEM_META_DISPLAY_MAP_COLOR, CFG_BTN_NEW_ELEM, CFG_BTN_DEL_ELEM, CFG_BTN_CLONE_ELEM, Loading Loading @@ -936,6 +937,7 @@ const TypeRelatedFormFields = ({ onUpdate, onEditLocation, onEditPath, element } validate={validateColor} label="Zone Color" fieldName={FIELD_META_DISPLAY_MAP_COLOR} cydata={CFG_ELEM_META_DISPLAY_MAP_COLOR} /> { !element.editColor ? null : <div style={ styles.popover }> Loading Loading @@ -1138,7 +1140,7 @@ const TypeRelatedFormFields = ({ onUpdate, onEditLocation, onEditPath, element } /> </GridCell> </Grid> {isWireless ? {isWireless ? ( <Grid> <CfgTextFieldCell span={12} Loading @@ -1149,8 +1151,10 @@ const TypeRelatedFormFields = ({ onUpdate, onEditLocation, onEditPath, element } fieldName={FIELD_WIRELESS_TYPE} cydata={CFG_ELEM_WIRELESS_TYPE} /> </Grid> : <></> } </Grid> ) : ( <></> )} <Grid> <CfgTextFieldCell Loading Loading @@ -1249,7 +1253,7 @@ const TypeRelatedFormFields = ({ onUpdate, onEditLocation, onEditPath, element } /> </GridCell> </Grid> {isWireless ? {isWireless ? ( <Grid> <CfgTextFieldCell span={12} Loading @@ -1260,8 +1264,10 @@ const TypeRelatedFormFields = ({ onUpdate, onEditLocation, onEditPath, element } fieldName={FIELD_WIRELESS_TYPE} cydata={CFG_ELEM_WIRELESS_TYPE} /> </Grid> : <></> } </Grid> ) : ( <></> )} <Grid> <CfgTextFieldCell Loading
js-apps/meep-frontend/src/js/containers/exec/dashboard-container.js +4 −1 Original line number Diff line number Diff line Loading @@ -44,8 +44,10 @@ import { VIEW_NAME_NONE, MAP_VIEW, NET_TOPOLOGY_VIEW, DEFAULT_DASHBOARD_OPTIONS DEFAULT_DASHBOARD_OPTIONS, EXEC_BTN_DASHBOARD_BTN_CLOSE } from '../../meep-constants'; import { updateObject } from '../../util/object-util'; const styles = { Loading Loading @@ -251,6 +253,7 @@ const DashboardConfiguration = props => { outlined style={styles.button} onClick={() => props.onCloseDashCfg()} data-cy={EXEC_BTN_DASHBOARD_BTN_CLOSE} > Close </Button> Loading
js-apps/meep-frontend/src/js/containers/exec/event-automation-pane.js +13 −0 Original line number Diff line number Diff line Loading @@ -28,6 +28,14 @@ import { uiExecChangeAutomationNetCharMode } from '../../state/ui'; import { EXEC_BTN_EVENT_BTN_AUTOMATION_CHKBOX_MOVEMENT, EXEC_BTN_EVENT_BTN_AUTOMATION_CHKBOX_MOBILITY, EXEC_BTN_EVENT_BTN_AUTOMATION_CHKBOX_POAS_IN_RANGE, EXEC_BTN_EVENT_BTN_AUTOMATION_CHKBOX_NETCHAR, EXEC_BTN_EVENT_BTN_AUTOMATION_BTN_CLOSE } from '../../meep-constants'; const AUTO_TYPE_MOVEMENT = 'MOVEMENT'; const AUTO_TYPE_MOBILITY = 'MOBILITY'; const AUTO_TYPE_POAS_IN_RANGE = 'POAS-IN-RANGE'; Loading Loading @@ -132,6 +140,7 @@ class EventAutomationPane extends Component { <Checkbox checked={this.props.automationMovementMode} onChange={e => this.setMovementMode(e.target.checked)} data-cy={EXEC_BTN_EVENT_BTN_AUTOMATION_CHKBOX_MOVEMENT} > Movement </Checkbox> Loading @@ -140,6 +149,7 @@ class EventAutomationPane extends Component { <Checkbox checked={this.props.automationMobilityMode} onChange={e => this.setMobilityMode(e.target.checked)} data-cy={EXEC_BTN_EVENT_BTN_AUTOMATION_CHKBOX_MOBILITY} > Mobility </Checkbox> Loading @@ -148,6 +158,7 @@ class EventAutomationPane extends Component { <Checkbox checked={this.props.automationPoasInRangeMode} onChange={e => this.setPoasInRangeMode(e.target.checked)} data-cy={EXEC_BTN_EVENT_BTN_AUTOMATION_CHKBOX_POAS_IN_RANGE} > POAs in range </Checkbox> Loading @@ -156,6 +167,7 @@ class EventAutomationPane extends Component { <Checkbox checked={this.props.automationNetCharMode} onChange={e => this.setNetCharMode(e.target.checked)} data-cy={EXEC_BTN_EVENT_BTN_AUTOMATION_CHKBOX_NETCHAR} > Network Characteristics </Checkbox> Loading @@ -169,6 +181,7 @@ class EventAutomationPane extends Component { outlined style={styles.button} onClick={this.props.onClose} data-cy={EXEC_BTN_EVENT_BTN_AUTOMATION_BTN_CLOSE} > Close </Button> Loading
js-apps/meep-frontend/src/js/containers/exec/event-container.js +12 −9 Original line number Diff line number Diff line Loading @@ -28,10 +28,12 @@ import { } from '../../state/ui'; import { EXEC_BTN_MANUAL_REPLAY, EXEC_BTN_AUTOMATION, EXEC_BTN_AUTO_REPLAY, EXEC_BTN_SAVE_REPLAY EXEC_BTN_EVENT_BTN_MANUAL_REPLAY, EXEC_BTN_EVENT_BTN_AUTOMATION, EXEC_BTN_EVENT_BTN_AUTO_REPLAY, EXEC_BTN_EVENT_BTN_SAVE_REPLAY, EXEC_BTN_EVENT_BTN_CLOSE, MEEP_EVENT_COUNT } from '../../meep-constants'; const styles = { Loading @@ -55,7 +57,7 @@ const StatusTable = props => { </GridCell> <GridCell align={'middle'} span={3}> <Typography use="subtitle2" style={{ marginRight: 10 }}>EVENT COUNT:</Typography> <Typography use="body2">{props.index} / {props.maxIndex}</Typography> <Typography use="body2" data-cy={MEEP_EVENT_COUNT}>{props.index} / {props.maxIndex}</Typography> </GridCell> <GridCell align={'middle'} span={4}> <Typography use="subtitle2" style={{ marginRight: 10 }}>NEXT/LAST EVENT (S):</Typography> Loading Loading @@ -136,7 +138,7 @@ class EventContainer extends Component { outlined style={styles.button} onClick={() => this.onCreateEvent()} data-cy={EXEC_BTN_MANUAL_REPLAY} data-cy={EXEC_BTN_EVENT_BTN_MANUAL_REPLAY} > MANUAL </Button> Loading @@ -144,7 +146,7 @@ class EventContainer extends Component { outlined style={styles.button} onClick={() => this.onAutomateEvent()} data-cy={EXEC_BTN_AUTOMATION} data-cy={EXEC_BTN_EVENT_BTN_AUTOMATION} > AUTOMATION </Button> Loading @@ -152,7 +154,7 @@ class EventContainer extends Component { outlined style={styles.button} onClick={() => this.onReplayEvent()} data-cy={EXEC_BTN_AUTO_REPLAY} data-cy={EXEC_BTN_EVENT_BTN_AUTO_REPLAY} > AUTO-REPLAY </Button> Loading @@ -160,7 +162,7 @@ class EventContainer extends Component { outlined style={styles.button} onClick={this.props.onSaveReplay} data-cy={EXEC_BTN_SAVE_REPLAY} data-cy={EXEC_BTN_EVENT_BTN_SAVE_REPLAY} > SAVE EVENTS </Button> Loading @@ -168,6 +170,7 @@ class EventContainer extends Component { outlined style={styles.button} onClick={this.props.onCloseEventCfg} data-cy={EXEC_BTN_EVENT_BTN_CLOSE} > Close </Button> Loading