alignItems: "center",
},
});
/**
* Organize groups of IconButtons on list cards or in app bars.
*/
const ActionGroup = ({ classes, className, children, ...rest }) => {
const wrapperClasses = classnames(
{ [className]: className },
"CY-ActionGroup",
classes.wrapper
);
return (
<Element {...rest} className={wrapperClasses}>
{children}
</Element>
);
};
ActionGroup.displayName = "ActionGroup";
ActionGroup.propTypes = {
/**
* Although one can pass any component or elements to be rendered as children, ActionGroup was designed for IconButtons or components like `VerticalMenu` that are made with IconButton.
*/
children: PropTypes.node,
};
export default withTheme()(withStyles(styles)(ActionGroup));
}
</Select>
</FormControl>
}
<div className={classes.buttonsWrap}>
{tooltips.map((val, index) =>
<TooltipWithButtonWithIcon key={index}
title={val.title}
titlePlace={'top'}
btnTag={'button'}
btnType={val.btnType}
btnColor={val.btnColor}
btnClick={val.btnClick}
icon={val.icon} />
)}
</div>
<DialogWithBasicActions open={this.state.openDeleteDialog}
title={'请确认'}
content={'确定要删除这个项目吗？'}
cancelAction={() => this.setState({openDeleteDialog: false})}
cancelText={'返回'}
ensureAction={() => this.handleDelete()}
ensureText={'删除'} />
</form>;
}
}
const mapStateToProps = ({companyList}) => ({companyList});
let EditContentRectangleComp = connect(mapStateToProps)(EditContentRectangle);
export default withStyles(styles)(EditContentRectangleComp);
label="Pass-through SOAP API"
className={classes.radioGroup}/>
<FormControlLabel
disabled={!wsdlBean.info.bindingInfo.hasHttpBinding}
value="httpBinding" control={<Radio />}
label="With HTTP binding operations"
className={classes.radioGroup}/>
</RadioGroup>
</FormControl>)
}
</Grid>
<div className={classes.optionAction}>
<Button color="primary" onClick={this.stepBack}>
Back
</Button>
<Button raised color="primary" onClick={this.createWSDLAPI}>
Create
</Button>
</div>
</StepContent>
</Step>
</Stepper>
</CardContent>
</Card>
</Grid>
</Grid>)
}
}
export default withStyles(styles)(ApiCreateWSDL)
<FormHelperText id="url-text">The WSDL will be validated upon submission</FormHelperText>
</FormControl>
</form>
)}
</Grid>
<Grid item xs={4}>
<Grid container>
<Grid item xs={12}>
<Tooltip title={"Validates WSDL " + uploadMethod} placement="bottom">
<Button color={error ? "accent" : "primary"} onClick={this.validateWSDL}>
Validate {isValid && <Done/>}
</Button>
</Tooltip>
</Grid>
<Grid item xs={12}>
{error && (<span style={{color: 'red'}}><ErrorOutline/> {errorMessage}</span>)}
</Grid>
</Grid>
</Grid>
</Grid>
</Grid>
</div>
);
}
}
ProvideWSDL.defaultProps = {
uploadMethod: 'file'
}
export default withStyles(styles)(ProvideWSDL)
);
};
Checkable.displayName = "Checkable";
Checkable.defaultProps = {
size: 40,
isCheckable: false,
};
Checkable.propTypes = {
/**
* Works best with Avatar but can be passed any component or element. For example: an image tag, icon, or third party avatar.
*/
children: PropTypes.node,
/**
* The size is a number representing pixles and needs to be set to the size of your child to keep the checkbox centered.
*/
size: PropTypes.number,
/**
* The props to control "Checkbox" see MUI's checkbox for information on how to use. It is assumed that the child has the same height and width.
*/
checkboxProps: PropTypes.object,
/**
* If true the Checkbox will show.
*/
isCheckable: PropTypes.bool,
};
export default withStyles(styles)(Checkable);
<IconButton color="inherit" aria-label="Menu" onClick={() => logout()}>
<ArrowForward/>
</IconButton>
</Fragment>
}
</Toolbar>
</AppBar>);
const mapStateToProps = state => {
return {userAuth: state.userAuth}
};
const mapDispatchToProps = dispatch => {
return {
logout: () => dispatch(logout()),
}
};
TopBar.propTypes = {
classes: PropTypes.object.isRequired,
};
export default compose(
withStyles(styles),
withRouter,
connect(mapStateToProps, mapDispatchToProps)
)(TopBar);
btnClick={val.btnClick}
icon={val.icon} />
)}
</div>
<DialogWithBasicActions open={openDeleteSlideDialog}
title={'请确认'}
content={'确定要删除这张图片吗？'}
cancelAction={() => this.setState({
openDeleteSlideDialog: false,
needDeleteItemIndex: NaN
})}
cancelText={'返回'}
ensureAction={() => this.handleDeleteSlide()}
ensureText={'删除'} />
<DialogWithBasicActions open={openDeleteDialog}
title={'请确认'}
content={'确定要删除本项目吗？'}
cancelAction={() => this.setState({openDeleteDialog: false})}
cancelText={'返回'}
ensureAction={() => this.handleDelete()}
ensureText={'删除'} />
</form>;
}
}
const mapStateToProps = ({companyList}) => ({companyList});
let EditContentSliderComp = connect(mapStateToProps)(EditContentSlider);
export default withStyles(styles)(EditContentSliderComp);
}
)}
{
this.state.isRichTextPage && <FormControl className={classes.switch}>
<InputLabel htmlFor="age-simple">企业ID</InputLabel>
<Select value={this.state.richPageId}
onChange={(event) => this.handleRichPageIdSelectChange(event)}
input={<Input name="richPageId" id="age-simple" />}>
{
companyList.map((val, index) => <MenuItem value={val.id} key={index}>{val.title}</MenuItem>)
}
</Select>
</FormControl>
}
<div className={classes.buttonsWrap}>
<TooltipWithButtonWithIcon title={'保存并关闭浮层'}
titlePlace={'top'}
btnTag={'Button'}
btnColor={'primary'}
btnType={'submit'}
btnClick={() => this.handleSave()}
icon={<IconSave />} />
</div>
</form>;
}
}
const mapStateToProps = ({companyList}) => ({companyList});
let AddFootFormComp = connect(mapStateToProps)(AddFootForm);
export default withStyles(styles)(AddFootFormComp);