hangar-tech
/
listmonk
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Display subscription status in the subscribers table

This commit is contained in:
Kailash Nadh 2018-12-18 16:24:50 +05:30
parent 11f8e62cf1
commit f2bbf86846
2 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/my/src/Subscribers.js
View File

@ -157,7 +157,7 @@ class CreateFormDef extends React.PureComponent {
<Select.Option value={ v.id } key={ v.id } disabled={ subStatuses[v.id] === cs.SubscriptionStatusUnsubscribed }> <Select.Option value={ v.id } key={ v.id } disabled={ subStatuses[v.id] === cs.SubscriptionStatusUnsubscribed }>
<span>{ v.name } <span>{ v.name }
{ subStatuses[v.id] && { subStatuses[v.id] &&
<sup className={ "status " + subStatuses[v.id] }> { subStatuses[v.id] }</sup> <sup className={ "subscription-status " + subStatuses[v.id] }> { subStatuses[v.id] }</sup>
} }
</span> </span>
</Select.Option> </Select.Option>
@ -335,6 +335,7 @@ class Subscribers extends React.PureComponent {
for (let i = 0; i < record.lists.length; i++) { for (let i = 0; i < record.lists.length; i++) {
out.push(<Tag className="list" key={`sub-${ record.id }-list-${ record.lists[i].id }`}> out.push(<Tag className="list" key={`sub-${ record.id }-list-${ record.lists[i].id }`}>
<Link to={ `/subscribers/lists/${ record.lists[i].id }` }>{ record.lists[i].name }</Link> <Link to={ `/subscribers/lists/${ record.lists[i].id }` }>{ record.lists[i].name }</Link>
<sup className={ "subscription-status " + record.lists[i].subscription_status }> { record.lists[i].subscription_status }</sup>
</Tag>) </Tag>)
} }
} }

6
frontend/my/src/index.css
View File

@ -151,13 +151,13 @@ td .ant-tag {
margin-top: 15px; margin-top: 15px;
} }
.subscriber-modal #lists .status { .subscription-status {
color: #999; color: #999;
} }
.subscriber-modal #lists .status.confirmed { .subscription-status.confirmed {
color: #52c41a; color: #52c41a;
} }
.subscriber-modal #lists .status.unsubscribed { .subscription-status.unsubscribed {
color: #ff7875; color: #ff7875;
} }