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

changed layout of add nuw app in publisher

Browse Source
This commit is contained in:
Jayasanka 2019-04-11 15:53:09 +05:30
parent f260dfdc8b
commit a2ff850d06
2 changed files with 70 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/pages/dashboard/add-new-app/AddNewApp.js vendored
View File

@ -218,7 +218,6 @@ class AddNewApp extends React.Component {
<div> <div>
<Form labelAlign="left" layout="horizontal" className={styles.stepForm} <Form labelAlign="left" layout="horizontal" className={styles.stepForm}
hideRequiredMark> hideRequiredMark>
<Form.Item {...formItemLayout} label="Platform"> <Form.Item {...formItemLayout} label="Platform">
<Select placeholder="ex: android"> <Select placeholder="ex: android">
<Option value="Android">Android</Option> <Option value="Android">Android</Option>
@ -234,7 +233,7 @@ class AddNewApp extends React.Component {
<Input placeholder="ex: Lorem App"/> <Input placeholder="ex: Lorem App"/>
</Form.Item> </Form.Item>
<Form.Item {...formItemLayout} label="Description"> <Form.Item {...formItemLayout} label="Description">
<TextArea placeholder="Enter the description..." rows={4}/> <TextArea placeholder="Enter the description..." rows={7}/>
</Form.Item> </Form.Item>
<Form.Item {...formItemLayout} label="Category"> <Form.Item {...formItemLayout} label="Category">
<Select placeholder="Select a category"> <Select placeholder="Select a category">
@ -250,24 +249,34 @@ class AddNewApp extends React.Component {
</Form.Item> </Form.Item>
<Divider/> <Divider/>
<Form.Item {...formItemLayout} label="Tags"> <Form.Item {...formItemLayout} label="Tags">
<Select
mode="tags" <InputGroup>
style={{ width: '100%' }} <Row gutter={8}>
placeholder="Tags Mode" <Col span={22}>
> <Select
{this.tags} mode="multiple"
</Select>, style={{ width: '100%' }}
placeholder="Tags Mode"
>
{this.tags}
</Select>
</Col>
<Col span={2}>
<Button type="dashed" shape="circle" icon="plus"/>
</Col>
</Row>
</InputGroup>
</Form.Item> </Form.Item>
<Form.Item {...formItemLayout} label="Meta Daa"> <Form.Item {...formItemLayout} label="Meta Daa">
<InputGroup> <InputGroup>
<Row gutter={8}> <Row gutter={8}>
<Col span={5}> <Col span={10}>
<Input placeholder="Key"/> <Input placeholder="Key"/>
</Col> </Col>
<Col span={10}> <Col span={12}>
<Input placeholder="value"/> <Input placeholder="value"/>
</Col> </Col>
<Col span={4}> <Col span={2}>
<Button type="dashed" shape="circle" icon="plus"/> <Button type="dashed" shape="circle" icon="plus"/>
</Col> </Col>
</Row> </Row>

49
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/pages/dashboard/add-new-app/components/AddTagModal.js vendored Normal file
View File

@ -0,0 +1,49 @@
import React from "react";
import { Upload, Icon, Modal} from 'antd';
class AddTagModal extends React.Component {
state = {
previewVisible: false,
previewImage: '',
fileList: [],
};
handleCancel = () => this.setState({ previewVisible: false });
handlePreview = (file) => {
this.setState({
previewImage: file.url || file.thumbUrl,
previewVisible: true,
});
};
handleChange = ({ fileList }) => this.setState({ fileList });
render() {
const { previewVisible, previewImage, fileList } = this.state;
const uploadButton = (
<div>
<Icon type="plus" />
<div className="ant-upload-text">Upload</div>
</div>
);
return (
<div className="clearfix">
<Upload
action="//jsonplaceholder.typicode.com/posts/"
listType="picture-card"
fileList={fileList}
onPreview={this.handlePreview}
onChange={this.handleChange}
>
{fileList.length >= 3 ? null : uploadButton}
</Upload>
<Modal visible={previewVisible} footer={null} onCancel={this.handleCancel}>
<img alt="example" style={{ width: '100%' }} src={previewImage} />
</Modal>
</div>
);
}
}
export default AddTagModal;