ruwin
/
device-mgt-core
forked from community/device-mgt-core
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Change helper texts in APPM Publisher app upload form

Browse Source
feature/appm-store/pbac
Dharmakeerthi Lasantha 5 years ago
parent cfb45fb4a8 c7a9da41c5
commit f01636a2b0
1 changed files with 48 additions and 26 deletions
Show Stats Download Patch File Download Diff File

74
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/new-app/subForms/NewAppUploadForm.js vendored
Unescape View File

@ -17,7 +17,7 @@
*/ */
import React from "react"; import React from "react";
import {Button, Col, Form, Icon, Input, Row, Select, Switch, Upload, Typography, Modal, Alert} from "antd"; import {Button, Col, Form, Icon, Input, Row, Select, Switch, Upload, Typography, Modal, Alert, Tooltip} from "antd";
import "@babel/polyfill"; import "@babel/polyfill";
const {Text} = Typography; const {Text} = Typography;
@ -296,50 +296,72 @@ class NewAppUploadForm extends React.Component {
<Form.Item {...formItemLayout} <Form.Item {...formItemLayout}
label="Icon" label="Icon"
validateStatus="error" validateStatus="error"
help={iconHelperText}> help={iconHelperText}
style={{
marginBottom: 0
}}>
{getFieldDecorator('icon', { {getFieldDecorator('icon', {
valuePropName: 'icon', valuePropName: 'icon',
getValueFromEvent: this.normFile, getValueFromEvent: this.normFile,
required: true, required: true,
message: 'Please select a icon' message: 'Please select a icon'
})( })(
<div> <Upload
<Upload name="logo"
name="logo" listType="picture-card"
listType="picture-card" onChange={this.handleIconChange}
onChange={this.handleIconChange} beforeUpload={() => false}
beforeUpload={() => false} onPreview={this.handlePreview}>
onPreview={this.handlePreview}> {icons.length === 1 ? null : uploadButton}
{icons.length === 1 ? null : uploadButton} </Upload>
</Upload>
<Text>Recommended : 240px x 240px</Text>
</div>
)} )}
</Form.Item> </Form.Item>
<Row style={{
marginBottom: 24
}}>
<Col xs={24} sm={8}>
</Col>
<Col xs={24} sm={16}>
<Text type="secondary">
Recommended : 240px x 240px
</Text>
</Col>
</Row>
<Form.Item {...formItemLayout} <Form.Item {...formItemLayout}
label="Screenshots" label="Screenshots"
validateStatus="error" validateStatus="error"
help={screenshotHelperText}> help={screenshotHelperText}
style={{
marginBottom: 0
}}>
{getFieldDecorator('screenshots', { {getFieldDecorator('screenshots', {
valuePropName: 'icon', valuePropName: 'icon',
getValueFromEvent: this.normFile, getValueFromEvent: this.normFile,
required: true, required: true,
message: 'Please select a icon' message: 'Please select a icon'
})( })(
<div> <Upload
<Upload name="screenshots"
name="screenshots" listType="picture-card"
listType="picture-card" onChange={this.handleScreenshotChange}
onChange={this.handleScreenshotChange} beforeUpload={() => false}
beforeUpload={() => false} onPreview={this.handlePreview}>
onPreview={this.handlePreview}> {screenshots.length >= 3 ? null : uploadButton}
{screenshots.length >= 3 ? null : uploadButton} </Upload>
</Upload>
<Text>Required 3 screenshots, Recommended min. 320px max. 3840px</Text>
</div>
)} )}
</Form.Item> </Form.Item>
<Row style={{
marginBottom: 24
}}>
<Col xs={24} sm={8}>
</Col>
<Col xs={24} sm={16}>
<Text type="secondary">
It is mandatory to upload three screenshots and the
recommended screenshot size - min. 320px max. 3840px.
</Text>
</Col>
</Row>
{formConfig.specificElements.hasOwnProperty("packageName") && ( {formConfig.specificElements.hasOwnProperty("packageName") && (
<Form.Item {...formItemLayout} label="Package Name"> <Form.Item {...formItemLayout} label="Package Name">
{getFieldDecorator('packageName', { {getFieldDecorator('packageName', {

Write Preview
Loading…
Cancel
Save