summaryrefslogtreecommitdiffstats
path: root/openecomp-ui/src/sdc-app/Test.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'openecomp-ui/src/sdc-app/Test.jsx')
-rw-r--r--openecomp-ui/src/sdc-app/Test.jsx122
1 files changed, 122 insertions, 0 deletions
diff --git a/openecomp-ui/src/sdc-app/Test.jsx b/openecomp-ui/src/sdc-app/Test.jsx
new file mode 100644
index 0000000000..dd45e39eca
--- /dev/null
+++ b/openecomp-ui/src/sdc-app/Test.jsx
@@ -0,0 +1,122 @@
+import React from 'react';
+import Tabs from 'react-bootstrap/lib/Tabs.js';
+import Tab from 'react-bootstrap/lib/Tab.js';
+import Button from 'react-bootstrap/lib/Button.js';
+import ButtonGroup from 'react-bootstrap/lib/ButtonGroup.js';
+import DropdownButton from 'react-bootstrap/lib/DropdownButton.js';
+import MenuItem from 'react-bootstrap/lib/MenuItem.js';
+
+import Modal from 'nfvo-components/modal/Modal.jsx';
+import ValidationForm from 'nfvo-components/input/validation/ValidationForm.jsx';
+import ValidationInput from 'nfvo-components/input/validation/ValidationInput.jsx';
+import ToggleInput from 'nfvo-components/input/ToggleInput.jsx';
+
+export default class Test extends React.Component {
+
+ render() {
+ return (
+ <div>
+ <Tabs defaultActiveKey={2}>
+ <Tab eventKey={1} title='Tab 1'>Tab 1 content</Tab>
+ <Tab eventKey={2} title='Tab 2'>Tab 2 content</Tab>
+ <Tab eventKey={3} title='Tab 3' disabled>Tab 3 content</Tab>
+ </Tabs>
+ <div style={{marginTop: 20, marginBottom: 20}}></div>
+ <Button>Default</Button>
+ <span style={{marginLeft: 20}}></span>
+ <Button bsStyle='primary'>Primary</Button>
+ <span style={{marginLeft: 20}}></span>
+ <Button bsStyle='success'>Success</Button>
+ <span style={{marginLeft: 20}}></span>
+ <Button bsStyle='info'>Info</Button>
+ <span style={{marginLeft: 20}}></span>
+ <Button bsStyle='warning'>Warning</Button>
+ <span style={{marginLeft: 20}}></span>
+ <Button bsStyle='danger'>Danger</Button>
+ <span style={{marginLeft: 20}}></span>
+ <Button bsStyle='link'>Link</Button>
+ <div style={{marginTop: 20, marginBottom: 20}}></div>
+ <ButtonGroup>
+ <Button>Left</Button>
+ <Button>Middle</Button>
+ <Button>Right</Button>
+ </ButtonGroup>
+ <div style={{marginTop: 20, marginBottom: 20}}></div>
+ <DropdownButton title='title' id='dropdown-basic'>
+ <MenuItem eventKey='1'>Action</MenuItem>
+ <MenuItem eventKey='2'>Another action</MenuItem>
+ <MenuItem eventKey='3' active>Active Item</MenuItem>
+ <MenuItem divider/>
+ <MenuItem eventKey='4'>Separated link</MenuItem>
+ </DropdownButton>
+
+ <div style={{marginTop: 20, marginBottom: 20}}></div>
+ <Modal show={false}>
+ <Modal.Header closeButton>
+ <Modal.Title>Modal title</Modal.Title>
+ </Modal.Header>
+
+ <Modal.Body>
+ One fine body...
+ </Modal.Body>
+
+ <Modal.Footer>
+ <Button>Close</Button>
+ <Button bsStyle='primary'>Save changes</Button>
+ </Modal.Footer>
+
+ </Modal>
+
+ <div style={{marginTop: 20, marginBottom: 20}}></div>
+
+ <ValidationForm>
+ <ValidationInput
+ type='text'
+ label='Required'
+ placeholder='Enter text'
+ validations={{required: true}}/>
+ <ValidationInput
+ type='text'
+ label='Text'
+ placeholder='Enter text'
+ validations={{required: true, minLength:5}}/>
+ <ValidationInput
+ type='email'
+ label='Email Address'
+ placeholder='Enter email'
+ validations={{required: true, email: true}}/>
+ <ValidationInput type='password' label='Password'/>
+ <ValidationInput type='file' label='File' help='[Optional] Block level help text'/>
+ <ValidationInput type='checkbox' label='Checkbox2' name='ziv'/>
+ <ValidationInput type='radio' label='Radio' name='zzz'/>
+ <ValidationInput type='select' label='Select' placeholder='select'>
+ <option value='select'>select</option>
+ <option value='other'>...</option>
+ </ValidationInput>
+ <ValidationInput type='select' label='Multiple Select' multiple>
+ <option value='select'>select (multiple)</option>
+ <option value='other'>...</option>
+ </ValidationInput>
+ <ValidationInput type='textarea' label='Text Area' placeholder='textarea'/>
+ <ToggleInput value={true}/>
+ <ToggleInput />
+ <ToggleInput label='ziv' value={true}/>
+ <ToggleInput label='ziv'/>
+ </ValidationForm>
+ </div>
+ );
+ }
+
+ doSomething(a) {
+ if (a) {
+ this.doSomething2();
+ }
+ else {
+ return 1;
+ }
+ }
+
+ doSomething2() {
+ return 2;
+ }
+}