community/device-mgt-core
1
0
Fork 0
mirror of https://repository.entgra.net/community/device-mgt-core.git synced 2025-10-06 02:01:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

Modified the Stepper footer button layout.

Browse Source
This commit is contained in:
Menaka Jayawardena 2017-10-08 10:46:35 +05:30
parent 71875904d3
commit bde1f80697
4 changed files with 52 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/src/main/resources/publisher/src/components/Application/Create/CreateSteps/Step1.jsx
View File

@ -19,7 +19,7 @@
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import React, {Component} from 'react'; import React, {Component} from 'react';
import {FormattedMessage} from 'react-intl'; import {FormattedMessage} from 'react-intl';
import {Button, Form, FormFeedback, FormGroup, Input, Label, ModalFooter, ModalBody} from 'reactstrap'; import {Button, Form, FormFeedback, FormGroup, Input, Label, ModalBody, ModalFooter} from 'reactstrap';
import * as validator from '../../../../common/validator'; import * as validator from '../../../../common/validator';
import Chip from "../../../UIComponents/Chip/Chip"; import Chip from "../../../UIComponents/Chip/Chip";
@ -342,13 +342,15 @@ class Step1 extends Component {
<FormFeedback id="form-error">{this.state.errors.tags}</FormFeedback> <FormFeedback id="form-error">{this.state.errors.tags}</FormFeedback>
</FormGroup> </FormGroup>
</ModalBody> </ModalBody>
<ModalFooter> <ModalFooter className="custom-footer row">
<div className="footer-main-btn col">
<Button className="custom-flat danger-flat" onClick={this.onCancelClick}> <Button className="custom-flat danger-flat" onClick={this.onCancelClick}>
<FormattedMessage id="Cancel" defaultMessage="Cancel"/> <FormattedMessage id="Cancel" defaultMessage="Cancel"/>
</Button> </Button>
<Button className="custom-raised primary" onClick={this.setStepData}> <Button className="custom-flat primary-flat" onClick={this.setStepData}>
<FormattedMessage id="Continue" defaultMessage="Continue"/> <FormattedMessage id="Continue" defaultMessage="Continue"/>
</Button> </Button>
</div>
</ModalFooter> </ModalFooter>
</div> </div>
); );

8
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/src/main/resources/publisher/src/components/Application/Create/CreateSteps/Step2.jsx
View File

@ -175,16 +175,20 @@ class Step2 extends Component {
<FormFeedback id="form-error">{this.state.errors.platform}</FormFeedback> <FormFeedback id="form-error">{this.state.errors.platform}</FormFeedback>
</FormGroup> </FormGroup>
</ModalBody> </ModalBody>
<ModalFooter> <ModalFooter className="custom-footer row">
<div className="footer-back-btn col">
<Button className="custom-flat primary-flat" onClick={this.onBackClick}> <Button className="custom-flat primary-flat" onClick={this.onBackClick}>
<FormattedMessage id="Back" defaultMessage="Back"/> <FormattedMessage id="Back" defaultMessage="Back"/>
</Button> </Button>
</div>
<div className="footer-main-btn col">
<Button className="custom-flat danger-flat" onClick={this.onCancelClick}> <Button className="custom-flat danger-flat" onClick={this.onCancelClick}>
<FormattedMessage id="Cancel" defaultMessage="Cancel"/> <FormattedMessage id="Cancel" defaultMessage="Cancel"/>
</Button> </Button>
<Button className="custom-raised primary" onClick={this.setStepData}> <Button className="custom-flat primary-flat" onClick={this.setStepData}>
<FormattedMessage id="Continue" defaultMessage="Continue"/> <FormattedMessage id="Continue" defaultMessage="Continue"/>
</Button> </Button>
</div>
</ModalFooter> </ModalFooter>
</div> </div>
); );

8
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/src/main/resources/publisher/src/components/Application/Create/CreateSteps/Step3.jsx
View File

@ -226,16 +226,20 @@ class Step3 extends Component {
</div> </div>
</div> </div>
</ModalBody> </ModalBody>
<ModalFooter> <ModalFooter className="custom-footer row">
<div className="footer-back-btn col">
<Button className="custom-flat primary-flat" onClick={this.onBackClick}> <Button className="custom-flat primary-flat" onClick={this.onBackClick}>
<FormattedMessage id="Back" defaultMessage="Back"/> <FormattedMessage id="Back" defaultMessage="Back"/>
</Button> </Button>
</div>
<div className="footer-main-btn col">
<Button className="custom-flat danger-flat" onClick={this.onCancelClick}> <Button className="custom-flat danger-flat" onClick={this.onCancelClick}>
<FormattedMessage id="Cancel" defaultMessage="Cancel"/> <FormattedMessage id="Cancel" defaultMessage="Cancel"/>
</Button> </Button>
<Button className="custom-raised primary" onClick={this.setStepData}> <Button className="custom-flat primary-flat" onClick={this.setStepData}>
<FormattedMessage id="Continue" defaultMessage="Continue"/> <FormattedMessage id="Continue" defaultMessage="Continue"/>
</Button> </Button>
</div>
</ModalFooter> </ModalFooter>
</div> </div>
); );

8
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/src/main/resources/publisher/src/components/Application/Create/CreateSteps/Step4.jsx
View File

@ -151,16 +151,20 @@ class Step4 extends Component {
</FormGroup> </FormGroup>
</Collapse> </Collapse>
</ModalBody> </ModalBody>
<ModalFooter> <ModalFooter className="custom-footer row">
<div className="footer-back-btn col">
<Button className="custom-flat primary-flat" onClick={this.onBackClick}> <Button className="custom-flat primary-flat" onClick={this.onBackClick}>
<FormattedMessage id="Back" defaultMessage="Back"/> <FormattedMessage id="Back" defaultMessage="Back"/>
</Button> </Button>
</div>
<div className="footer-main-btn col">
<Button className="custom-flat danger-flat" onClick={this.onCancelClick}> <Button className="custom-flat danger-flat" onClick={this.onCancelClick}>
<FormattedMessage id="Cancel" defaultMessage="Cancel"/> <FormattedMessage id="Cancel" defaultMessage="Cancel"/>
</Button> </Button>
<Button className="custom-raised primary" onClick={this.onSubmit}> <Button className="custom-flat primary-flat" onClick={this.onSubmit}>
<FormattedMessage id="Finish" defaultMessage="Finish"/> <FormattedMessage id="Finish" defaultMessage="Finish"/>
</Button> </Button>
</div>
</ModalFooter> </ModalFooter>
</div> </div>
); );