forked from community/device-mgt-core
Get configuration with React Context in APPM store See merge request entgra/carbon-device-mgt!185feature/appm-store/pbac
Dharmakeerthi Lasantha
5 years ago
commit
7951267a69
@ -0,0 +1,268 @@
|
|||||||
|
import React from "react";
|
||||||
|
import {Button, Col, Divider, Form, Icon, Input, notification, Row, Select, Switch, Upload} from "antd";
|
||||||
|
import axios from "axios";
|
||||||
|
import {withConfigContext} from "../../../context/ConfigContext";
|
||||||
|
|
||||||
|
const formItemLayout = {
|
||||||
|
labelCol: {
|
||||||
|
xs: { span: 24 },
|
||||||
|
sm: { span: 5 },
|
||||||
|
},
|
||||||
|
wrapperCol: {
|
||||||
|
xs: { span: 24 },
|
||||||
|
sm: { span: 19 },
|
||||||
|
},
|
||||||
|
};
|
||||||
|
const {Option} = Select;
|
||||||
|
const {TextArea} = Input;
|
||||||
|
|
||||||
|
class NewAppDetailsForm extends React.Component {
|
||||||
|
|
||||||
|
constructor(props) {
|
||||||
|
super(props);
|
||||||
|
this.state = {
|
||||||
|
categories: [],
|
||||||
|
tags: []
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
handleSubmit = e => {
|
||||||
|
e.preventDefault();
|
||||||
|
const {formConfig} = this.props;
|
||||||
|
const {specificElements} = formConfig;
|
||||||
|
|
||||||
|
this.props.form.validateFields((err, values) => {
|
||||||
|
if (!err) {
|
||||||
|
this.setState({
|
||||||
|
loading: true
|
||||||
|
});
|
||||||
|
const {name, description, categories, tags, price, isSharedWithAllTenants, binaryFile, icon, screenshots, releaseDescription, releaseType} = values;
|
||||||
|
const application = {
|
||||||
|
name,
|
||||||
|
description,
|
||||||
|
categories,
|
||||||
|
subMethod: (price === undefined || parseInt(price) === 0) ? "FREE" : "PAID",
|
||||||
|
tags,
|
||||||
|
unrestrictedRoles: [],
|
||||||
|
};
|
||||||
|
|
||||||
|
if (formConfig.installationType !== "WEB_CLIP") {
|
||||||
|
application.deviceType = values.deviceType;
|
||||||
|
} else {
|
||||||
|
application.type = "WEB_CLIP";
|
||||||
|
application.deviceType = "ALL";
|
||||||
|
}
|
||||||
|
|
||||||
|
this.props.onSuccessApplicationData(application);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
componentDidMount() {
|
||||||
|
this.getCategories();
|
||||||
|
this.getTags();
|
||||||
|
}
|
||||||
|
|
||||||
|
getCategories = () => {
|
||||||
|
const config = this.props.context;
|
||||||
|
axios.get(
|
||||||
|
window.location.origin+ config.serverConfig.invoker.uri + config.serverConfig.invoker.publisher + "/applications/categories"
|
||||||
|
).then(res => {
|
||||||
|
if (res.status === 200) {
|
||||||
|
let categories = JSON.parse(res.data.data);
|
||||||
|
this.setState({
|
||||||
|
categories: categories,
|
||||||
|
loading: false
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
}).catch((error) => {
|
||||||
|
if (error.hasOwnProperty("response") && error.response.status === 401) {
|
||||||
|
window.location.href = window.location.origin+ '/publisher/login';
|
||||||
|
} else {
|
||||||
|
notification["error"]({
|
||||||
|
message: "There was a problem",
|
||||||
|
duration: 0,
|
||||||
|
description:
|
||||||
|
"Error occurred while trying to load categories.",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
this.setState({
|
||||||
|
loading: false
|
||||||
|
});
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
getTags = () => {
|
||||||
|
const config = this.props.context;
|
||||||
|
axios.get(
|
||||||
|
window.location.origin+ config.serverConfig.invoker.uri + config.serverConfig.invoker.publisher + "/applications/tags"
|
||||||
|
).then(res => {
|
||||||
|
if (res.status === 200) {
|
||||||
|
let tags = JSON.parse(res.data.data);
|
||||||
|
this.setState({
|
||||||
|
tags: tags,
|
||||||
|
loading: false,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
}).catch((error) => {
|
||||||
|
if (error.hasOwnProperty("response") && error.response.status === 401) {
|
||||||
|
window.location.href = window.location.origin+ '/publisher/login';
|
||||||
|
} else {
|
||||||
|
notification["error"]({
|
||||||
|
message: "There was a problem",
|
||||||
|
duration: 0,
|
||||||
|
description:
|
||||||
|
"Error occurred while trying to load tags.",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
this.setState({
|
||||||
|
loading: false
|
||||||
|
});
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
render() {
|
||||||
|
const {formConfig} = this.props;
|
||||||
|
const {categories, tags} = this.state;
|
||||||
|
const {getFieldDecorator} = this.props.form;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<Row>
|
||||||
|
<Col md={5}>
|
||||||
|
|
||||||
|
</Col>
|
||||||
|
<Col md={14}>
|
||||||
|
<Form
|
||||||
|
labelAlign="right"
|
||||||
|
layout="horizontal"
|
||||||
|
onSubmit={this.handleSubmit}
|
||||||
|
>
|
||||||
|
{formConfig.installationType !== "WEB_CLIP" && (
|
||||||
|
<Form.Item {...formItemLayout} label="Device Type">
|
||||||
|
{getFieldDecorator('deviceType', {
|
||||||
|
rules: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: 'Please select device type'
|
||||||
|
}
|
||||||
|
],
|
||||||
|
|
||||||
|
}
|
||||||
|
)(
|
||||||
|
<Select placeholder="select device type">
|
||||||
|
<Option key="android">Android</Option>
|
||||||
|
<Option key="ios">iOS</Option>
|
||||||
|
</Select>
|
||||||
|
)}
|
||||||
|
</Form.Item>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{/*app name*/}
|
||||||
|
<Form.Item {...formItemLayout} label="App Name">
|
||||||
|
{getFieldDecorator('name', {
|
||||||
|
rules: [{
|
||||||
|
required: true,
|
||||||
|
message: 'Please input a name'
|
||||||
|
}],
|
||||||
|
})(
|
||||||
|
<Input placeholder="ex: Lorem App"/>
|
||||||
|
)}
|
||||||
|
</Form.Item>
|
||||||
|
|
||||||
|
{/*description*/}
|
||||||
|
<Form.Item {...formItemLayout} label="Description">
|
||||||
|
{getFieldDecorator('description', {
|
||||||
|
rules: [{
|
||||||
|
required: true,
|
||||||
|
message: 'Please enter a description'
|
||||||
|
}],
|
||||||
|
})(
|
||||||
|
<TextArea placeholder="Enter the description..." rows={7}/>
|
||||||
|
)}
|
||||||
|
</Form.Item>
|
||||||
|
<Form.Item {...formItemLayout} label="Categories">
|
||||||
|
{getFieldDecorator('categories', {
|
||||||
|
rules: [{
|
||||||
|
required: true,
|
||||||
|
message: 'Please select categories'
|
||||||
|
}],
|
||||||
|
})(
|
||||||
|
<Select
|
||||||
|
mode="multiple"
|
||||||
|
style={{width: '100%'}}
|
||||||
|
placeholder="Select a Category"
|
||||||
|
onChange={this.handleCategoryChange}
|
||||||
|
>
|
||||||
|
{
|
||||||
|
categories.map(category => {
|
||||||
|
return (
|
||||||
|
<Option
|
||||||
|
key={category.categoryName}>
|
||||||
|
{category.categoryName}
|
||||||
|
</Option>
|
||||||
|
)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
</Select>
|
||||||
|
)}
|
||||||
|
</Form.Item>
|
||||||
|
<Form.Item {...formItemLayout} label="Tags">
|
||||||
|
{getFieldDecorator('tags', {
|
||||||
|
rules: [{
|
||||||
|
required: true,
|
||||||
|
message: 'Please select tags'
|
||||||
|
}],
|
||||||
|
})(
|
||||||
|
<Select
|
||||||
|
mode="tags"
|
||||||
|
style={{width: '100%'}}
|
||||||
|
placeholder="Tags"
|
||||||
|
>
|
||||||
|
{
|
||||||
|
tags.map(tag => {
|
||||||
|
return (
|
||||||
|
<Option
|
||||||
|
key={tag.tagName}>
|
||||||
|
{tag.tagName}
|
||||||
|
</Option>
|
||||||
|
)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
</Select>
|
||||||
|
)}
|
||||||
|
</Form.Item>
|
||||||
|
//todo implement add meta data
|
||||||
|
{/*<Form.Item {...formItemLayout} label="Meta Data">*/}
|
||||||
|
{/*<InputGroup>*/}
|
||||||
|
{/*<Row gutter={8}>*/}
|
||||||
|
{/*<Col span={10}>*/}
|
||||||
|
{/*<Input placeholder="Key"/>*/}
|
||||||
|
{/*</Col>*/}
|
||||||
|
{/*<Col span={12}>*/}
|
||||||
|
{/*<Input placeholder="value"/>*/}
|
||||||
|
{/*</Col>*/}
|
||||||
|
{/*<Col span={2}>*/}
|
||||||
|
{/*<Button type="dashed" shape="circle" icon="plus"/>*/}
|
||||||
|
{/*</Col>*/}
|
||||||
|
{/*</Row>*/}
|
||||||
|
{/*</InputGroup>*/}
|
||||||
|
{/*</Form.Item>*/}
|
||||||
|
<Form.Item style={{float: "right"}}>
|
||||||
|
<Button type="primary" htmlType="submit">
|
||||||
|
Next
|
||||||
|
</Button>
|
||||||
|
</Form.Item>
|
||||||
|
</Form>
|
||||||
|
</Col>
|
||||||
|
</Row>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
export default withConfigContext(Form.create({name: 'app-details-form'})(NewAppDetailsForm));
|
||||||
@ -0,0 +1,323 @@
|
|||||||
|
import React from "react";
|
||||||
|
import {Button, Col, Form, Icon, Input, Row, Select, Switch, Upload, InputNumber} from "antd";
|
||||||
|
|
||||||
|
const formItemLayout = {
|
||||||
|
labelCol: {
|
||||||
|
xs: {span: 24},
|
||||||
|
sm: {span: 5},
|
||||||
|
},
|
||||||
|
wrapperCol: {
|
||||||
|
xs: {span: 24},
|
||||||
|
sm: {span: 19},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
const {Option} = Select;
|
||||||
|
const {TextArea} = Input;
|
||||||
|
|
||||||
|
class NewAppUploadForm extends React.Component {
|
||||||
|
|
||||||
|
constructor(props) {
|
||||||
|
super(props);
|
||||||
|
this.state = {
|
||||||
|
icons: [],
|
||||||
|
screenshots: [],
|
||||||
|
loading: false,
|
||||||
|
binaryFiles: [],
|
||||||
|
application: null,
|
||||||
|
isFree: true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
normFile = e => {
|
||||||
|
if (Array.isArray(e)) {
|
||||||
|
return e;
|
||||||
|
}
|
||||||
|
return e && e.fileList;
|
||||||
|
};
|
||||||
|
|
||||||
|
handleSubmit = e => {
|
||||||
|
e.preventDefault();
|
||||||
|
const {formConfig} = this.props;
|
||||||
|
const {specificElements} = formConfig;
|
||||||
|
|
||||||
|
this.props.form.validateFields((err, values) => {
|
||||||
|
if (!err) {
|
||||||
|
this.setState({
|
||||||
|
loading: true
|
||||||
|
});
|
||||||
|
|
||||||
|
console.log(values);
|
||||||
|
|
||||||
|
const {price, isSharedWithAllTenants, binaryFile, icon, screenshots, releaseDescription, releaseType} = values;
|
||||||
|
|
||||||
|
//add release data
|
||||||
|
const release = {
|
||||||
|
description: releaseDescription,
|
||||||
|
price: (price === undefined) ? 0 : parseInt(price),
|
||||||
|
isSharedWithAllTenants,
|
||||||
|
metaData: "string",
|
||||||
|
releaseType: releaseType
|
||||||
|
};
|
||||||
|
|
||||||
|
if (formConfig.installationType !== "WEB_CLIP") {
|
||||||
|
release.supportedOsVersions = "4.0-10.0";
|
||||||
|
}
|
||||||
|
|
||||||
|
if (specificElements.hasOwnProperty("version")) {
|
||||||
|
release.version = values.version;
|
||||||
|
}
|
||||||
|
if (specificElements.hasOwnProperty("url")) {
|
||||||
|
release.url = values.url;
|
||||||
|
}
|
||||||
|
if (specificElements.hasOwnProperty("packageName")) {
|
||||||
|
release.packageName = values.packageName;
|
||||||
|
}
|
||||||
|
|
||||||
|
const data = new FormData();
|
||||||
|
|
||||||
|
if (specificElements.hasOwnProperty("binaryFile")) {
|
||||||
|
data.append('binaryFile', binaryFile[0].originFileObj);
|
||||||
|
}
|
||||||
|
|
||||||
|
data.append('icon', icon[0].originFileObj);
|
||||||
|
data.append('screenshot1', screenshots[0].originFileObj);
|
||||||
|
data.append('screenshot2', screenshots[1].originFileObj);
|
||||||
|
data.append('screenshot3', screenshots[2].originFileObj);
|
||||||
|
|
||||||
|
this.props.onSuccessReleaseData({data, release});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
handleIconChange = ({fileList}) => this.setState({icons: fileList});
|
||||||
|
handleBinaryFileChange = ({fileList}) => this.setState({binaryFiles: fileList});
|
||||||
|
|
||||||
|
handleScreenshotChange = ({fileList}) => this.setState({screenshots: fileList});
|
||||||
|
|
||||||
|
handlePriceTypeChange = (value) => {
|
||||||
|
this.setState({
|
||||||
|
isFree: (value === 'free')
|
||||||
|
})
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
render() {
|
||||||
|
const {formConfig} = this.props;
|
||||||
|
const {getFieldDecorator} = this.props.form;
|
||||||
|
const {icons, screenshots, binaryFiles, isFree} = this.state;
|
||||||
|
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<Row>
|
||||||
|
<Col md={5}>
|
||||||
|
|
||||||
|
</Col>
|
||||||
|
<Col md={14}>
|
||||||
|
<Form
|
||||||
|
labelAlign="right"
|
||||||
|
layout="horizontal"
|
||||||
|
onSubmit={this.handleSubmit}
|
||||||
|
>
|
||||||
|
{formConfig.specificElements.hasOwnProperty("binaryFile") && (
|
||||||
|
<Form.Item {...formItemLayout} label="Application">
|
||||||
|
{getFieldDecorator('binaryFile', {
|
||||||
|
valuePropName: 'binaryFile',
|
||||||
|
getValueFromEvent: this.normFile,
|
||||||
|
required: true,
|
||||||
|
message: 'Please select application'
|
||||||
|
})(
|
||||||
|
<Upload
|
||||||
|
name="binaryFile"
|
||||||
|
onChange={this.handleBinaryFileChange}
|
||||||
|
beforeUpload={() => false}
|
||||||
|
>
|
||||||
|
{binaryFiles.length !== 1 && (
|
||||||
|
<Button>
|
||||||
|
<Icon type="upload"/> Click to upload
|
||||||
|
</Button>
|
||||||
|
)}
|
||||||
|
</Upload>,
|
||||||
|
)}
|
||||||
|
</Form.Item>
|
||||||
|
)}
|
||||||
|
|
||||||
|
<Form.Item {...formItemLayout} label="Icon">
|
||||||
|
{getFieldDecorator('icon', {
|
||||||
|
valuePropName: 'icon',
|
||||||
|
getValueFromEvent: this.normFile,
|
||||||
|
required: true,
|
||||||
|
message: 'Please select a icon'
|
||||||
|
})(
|
||||||
|
<Upload
|
||||||
|
name="logo"
|
||||||
|
onChange={this.handleIconChange}
|
||||||
|
beforeUpload={() => false}
|
||||||
|
>
|
||||||
|
{icons.length !== 1 && (
|
||||||
|
<Button>
|
||||||
|
<Icon type="upload"/> Click to upload
|
||||||
|
</Button>
|
||||||
|
)}
|
||||||
|
</Upload>,
|
||||||
|
)}
|
||||||
|
</Form.Item>
|
||||||
|
|
||||||
|
<Row style={{marginTop: 40}}>
|
||||||
|
<Col span={24}>
|
||||||
|
|
||||||
|
</Col>
|
||||||
|
</Row>
|
||||||
|
|
||||||
|
<Form.Item {...formItemLayout} label="Screenshots">
|
||||||
|
{getFieldDecorator('screenshots', {
|
||||||
|
valuePropName: 'icon',
|
||||||
|
getValueFromEvent: this.normFile,
|
||||||
|
required: true,
|
||||||
|
message: 'Please select a icon'
|
||||||
|
})(
|
||||||
|
<Upload
|
||||||
|
name="screenshots"
|
||||||
|
onChange={this.handleScreenshotChange}
|
||||||
|
beforeUpload={() => false}
|
||||||
|
multiple
|
||||||
|
>
|
||||||
|
|
||||||
|
{screenshots.length < 3 && (
|
||||||
|
<Button>
|
||||||
|
<Icon type="upload"/> Click to upload
|
||||||
|
</Button>
|
||||||
|
)}
|
||||||
|
|
||||||
|
|
||||||
|
</Upload>,
|
||||||
|
)}
|
||||||
|
</Form.Item>
|
||||||
|
|
||||||
|
{formConfig.specificElements.hasOwnProperty("packageName") && (
|
||||||
|
<Form.Item {...formItemLayout} label="Package Name">
|
||||||
|
{getFieldDecorator('packageName', {
|
||||||
|
rules: [{
|
||||||
|
required: true,
|
||||||
|
message: 'Please input the package name'
|
||||||
|
}],
|
||||||
|
})(
|
||||||
|
<Input placeholder="Package Name"/>
|
||||||
|
)}
|
||||||
|
</Form.Item>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{formConfig.specificElements.hasOwnProperty("url") && (
|
||||||
|
<Form.Item {...formItemLayout} label="URL">
|
||||||
|
{getFieldDecorator('url', {
|
||||||
|
rules: [{
|
||||||
|
required: true,
|
||||||
|
message: 'Please input the url'
|
||||||
|
}],
|
||||||
|
})(
|
||||||
|
<Input placeholder="url"/>
|
||||||
|
)}
|
||||||
|
</Form.Item>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{formConfig.specificElements.hasOwnProperty("version") && (
|
||||||
|
<Form.Item {...formItemLayout} label="Version">
|
||||||
|
{getFieldDecorator('version', {
|
||||||
|
rules: [{
|
||||||
|
required: true,
|
||||||
|
message: 'Please input the version'
|
||||||
|
}],
|
||||||
|
})(
|
||||||
|
<Input placeholder="Version"/>
|
||||||
|
)}
|
||||||
|
</Form.Item>
|
||||||
|
)}
|
||||||
|
|
||||||
|
<Form.Item {...formItemLayout} label="Release Type">
|
||||||
|
{getFieldDecorator('releaseType', {
|
||||||
|
rules: [{
|
||||||
|
required: true,
|
||||||
|
message: 'Please input the Release Type'
|
||||||
|
}],
|
||||||
|
})(
|
||||||
|
<Input placeholder="Release Type"/>
|
||||||
|
)}
|
||||||
|
</Form.Item>
|
||||||
|
|
||||||
|
<Form.Item {...formItemLayout} label="Description">
|
||||||
|
{getFieldDecorator('releaseDescription', {
|
||||||
|
rules: [{
|
||||||
|
required: true,
|
||||||
|
message: 'Please enter a description for release'
|
||||||
|
}],
|
||||||
|
})(
|
||||||
|
<TextArea placeholder="Enter a description for release" rows={5}/>
|
||||||
|
)}
|
||||||
|
</Form.Item>
|
||||||
|
|
||||||
|
<Form.Item {...formItemLayout} label="Price Type">
|
||||||
|
{getFieldDecorator('select', {
|
||||||
|
rules: [{required: true, message: 'Please select price Type'}],
|
||||||
|
})(
|
||||||
|
<Select
|
||||||
|
placeholder="Please select a price type"
|
||||||
|
onChange={this.handlePriceTypeChange}>
|
||||||
|
<Option value="free">Free</Option>
|
||||||
|
<Option value="paid">Paid</Option>
|
||||||
|
</Select>,
|
||||||
|
)}
|
||||||
|
</Form.Item>
|
||||||
|
|
||||||
|
<Form.Item {...formItemLayout} label="Price">
|
||||||
|
{getFieldDecorator('price', {
|
||||||
|
rules: [{
|
||||||
|
required: !isFree
|
||||||
|
}],
|
||||||
|
})(
|
||||||
|
<InputNumber
|
||||||
|
disabled={isFree}
|
||||||
|
options={{
|
||||||
|
initialValue: 1
|
||||||
|
}}
|
||||||
|
min={0}
|
||||||
|
max={10000}
|
||||||
|
formatter={value => `$ ${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')}
|
||||||
|
parser={value => value.replace(/\$\s?|(,*)/g, '')}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
</Form.Item>
|
||||||
|
|
||||||
|
<Form.Item {...formItemLayout} label="Is Shared?">
|
||||||
|
{getFieldDecorator('isSharedWithAllTenants', {
|
||||||
|
rules: [{
|
||||||
|
required: true,
|
||||||
|
message: 'Please select'
|
||||||
|
}],
|
||||||
|
initialValue: false
|
||||||
|
})(
|
||||||
|
<Switch checkedChildren={<Icon type="check"/>}
|
||||||
|
unCheckedChildren={<Icon type="close"/>}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
|
||||||
|
</Form.Item>
|
||||||
|
<Form.Item style={{float: "right", marginLeft: 8}}>
|
||||||
|
<Button type="primary" htmlType="submit">
|
||||||
|
Submit
|
||||||
|
</Button>
|
||||||
|
</Form.Item>
|
||||||
|
<Form.Item style={{float: "right"}}>
|
||||||
|
<Button htmlType="button" onClick={this.props.onClickBackButton}>
|
||||||
|
Back
|
||||||
|
</Button>
|
||||||
|
</Form.Item>
|
||||||
|
</Form>
|
||||||
|
</Col>
|
||||||
|
</Row>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
export default (Form.create({name: 'app-upload-form'})(NewAppUploadForm));
|
||||||
@ -0,0 +1,16 @@
|
|||||||
|
import React from "react";
|
||||||
|
|
||||||
|
const ConfigContext = React.createContext();
|
||||||
|
|
||||||
|
export const withConfigContext = Component => {
|
||||||
|
return props => (
|
||||||
|
<ConfigContext.Consumer>
|
||||||
|
{context => {
|
||||||
|
return <Component {...props} context={context}/>;
|
||||||
|
}}
|
||||||
|
</ConfigContext.Consumer>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default ConfigContext;
|
||||||
|
|
||||||
@ -1,60 +0,0 @@
|
|||||||
import React from "react";
|
|
||||||
import "antd/dist/antd.css";
|
|
||||||
import {PageHeader, Typography,Input, Button, Row, Col} from "antd";
|
|
||||||
import AppList from "../../../components/apps/AppList";
|
|
||||||
// import ReleaseModal from "../../../components/apps/ReleaseModal";
|
|
||||||
|
|
||||||
const Search = Input.Search;
|
|
||||||
|
|
||||||
const routes = [
|
|
||||||
{
|
|
||||||
path: 'index',
|
|
||||||
breadcrumbName: 'Publisher',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: 'first',
|
|
||||||
breadcrumbName: 'Dashboard',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: 'second',
|
|
||||||
breadcrumbName: 'Apps',
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
|
|
||||||
class Apps extends React.Component {
|
|
||||||
routes;
|
|
||||||
constructor(props) {
|
|
||||||
super(props);
|
|
||||||
this.routes = props.routes;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
render() {
|
|
||||||
return (
|
|
||||||
<div>
|
|
||||||
<PageHeader
|
|
||||||
breadcrumb={{routes}}
|
|
||||||
/>
|
|
||||||
<div style={{background: '#f0f2f5', padding: 24, minHeight: 780}}>
|
|
||||||
<Row style={{padding:10}}>
|
|
||||||
<Col span={6} offset={18}>
|
|
||||||
<Search
|
|
||||||
placeholder="search"
|
|
||||||
// onSearch={value => console.log(value)}
|
|
||||||
style={{ width: 200}}
|
|
||||||
/>
|
|
||||||
<Button style={{margin:5}}>Advanced Search</Button>
|
|
||||||
</Col>
|
|
||||||
</Row>
|
|
||||||
{/*<ReleaseModal/>*/}
|
|
||||||
<AppList/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export default Apps;
|
|
||||||
Loading…
Reference in new issue