Add ID and UUID info to list, subscriber, and campaign views

This commit is contained in:
Kailash Nadh 2019-01-04 12:40:10 +05:30
parent e7c75b3d83
commit ab1a6bbed8
3 changed files with 35 additions and 9 deletions

View File

@ -481,10 +481,13 @@ class Campaign extends React.PureComponent {
<Col span={ 16 }>
{ !this.state.record.id && <h1>Create a campaign</h1> }
{ this.state.record.id &&
<div>
<h1>
<Tag color={ cs.CampaignStatusColors[this.state.record.status] }>{ this.state.record.status }</Tag>
{ this.state.record.name }
</h1>
<span className="text-tiny text-grey">ID { this.state.record.id } &mdash; UUID { this.state.record.uuid }</span>
</div>
}
</Col>
<Col span={ 8 } className="right">

View File

@ -5,6 +5,11 @@ import { Row, Col, Modal, Form, Input, Select, Button, Table, Icon, Tooltip, Tag
import Utils from "./utils"
import * as cs from "./constants"
const tagColors = {
"private": "orange",
"public": "green"
}
class CreateFormDef extends React.PureComponent {
state = {
confirmDirty: false,
@ -46,6 +51,22 @@ class CreateFormDef extends React.PureComponent {
})
}
modalTitle(formType, record) {
if(formType === cs.FormCreate) {
return "Create a list"
}
return (
<div>
<Tag color={ tagColors.hasOwnProperty(record.type) ? tagColors[record.type] : "" }>{ record.type }</Tag>
{" "}
{ record.name }
<br />
<span className="text-tiny text-grey">ID { record.id } &mdash; UUID { record.uuid }</span>
</div>
)
}
render() {
const { formType, record, onClose } = this.props
const { getFieldDecorator } = this.props.form
@ -60,7 +81,7 @@ class CreateFormDef extends React.PureComponent {
}
return (
<Modal visible={ true } title={ formType === cs.FormCreate ? "Create a list" : record.name }
<Modal visible={ true } title={ this.modalTitle(this.state.form, record) }
okText={ this.state.form === cs.FormCreate ? "Create" : "Save" }
confirmLoading={ this.state.modalWaiting }
onCancel={ onClose }

View File

@ -86,11 +86,13 @@ class CreateFormDef extends React.PureComponent {
}
return (
<span>
<div>
<Tag color={ tagColors.hasOwnProperty(record.status) ? tagColors[record.status] : "" }>{ record.status }</Tag>
{" "}
{ record.name } ({ record.email })
</span>
<br />
<span className="text-tiny text-grey">ID { record.id } &mdash; UUID { record.uuid }</span>
</div>
)
}