Andal.LND/frontend-app-communications
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #5 from edx/jhynes/microba-1621_task-manager

Browse Source 
feat: Add some basic scaffolding for the bulk email tool task manager section of the comms MFE
This commit is contained in:
Justin Hynes
2022-01-06 08:38:16 -05:00
committed by GitHub
parent 008165073a 432b6f89be
commit b7579d38c4
6 changed files with 107 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/bulk-email-tool/BulkEmailTaskManager.jsx
View File

@@ -1,5 +0,0 @@
import React from 'react';
export default function BulkEmailTaskManager() {
return <div />;
}

3
src/components/bulk-email-tool/BulkEmailTool.jsx
View File

@@ -3,7 +3,7 @@ import React, { useState, useEffect } from 'react';
import { useParams } from 'react-router-dom';
import BulkEmailRecepient from './BulkEmailRecepient';
import BulkEmailBody from './BulkEmailBody';
import BulkEmailTaskManager from './BulkEmailTaskManager';
import BulkEmailTaskManager from './bulk-email-task-manager/BulkEmailTaskManager';
import Navigationtabs from '../navigation-tabs/NavigationTabs';
import { getCourseHomeCourseMetadata } from './api';
@@ -20,6 +20,7 @@ export default function BulkEmailTool() {
}
fetchTabData();
}, []);
return (
<div>
<Navigationtabs courseId={courseId} tabData={courseTabData} />

26
src/components/bulk-email-tool/bulk-email-task-manager/BulkEmailContentHistory.jsx Normal file
View File

@@ -0,0 +1,26 @@
import React from 'react';
import { FormattedMessage } from '@edx/frontend-platform/i18n';
export default function BulkEmailContentHistory() {
return (
<div>
<div>
<p>
<FormattedMessage
id="bulk.email.content.history.section.heading"
defaultMessage="To see the content of previously sent emails, click this button:"
description="Instructions for course staff and admins to view historical bulk course email content."
/>
</p>
<button type="button" className="btn btn-outline-primary mb-2">
<FormattedMessage
id="bulk.email.view.email.content.history.button"
defaultMessage="Show Sent Email History"
description="Button that displays a table with historical sent email data for this course-run"
/>
</button>
</div>
</div>
);
}

17
src/components/bulk-email-tool/bulk-email-task-manager/BulkEmailPendingTasks.jsx Normal file
View File

@@ -0,0 +1,17 @@
import React from 'react';
import { FormattedMessage } from '@edx/frontend-platform/i18n';
export default function BulkEmailPendingTasks() {
return (
<div>
<p>
<FormattedMessage
id="bulk.email.pending.tasks.section.info"
defaultMessage="Email actions run in the background. The status for any active tasks - including email tasks - appears in the table below"
description="A section to see pending and executing Instructor Tasks"
/>
</p>
</div>
);
}

26
src/components/bulk-email-tool/bulk-email-task-manager/BulkEmailTaskHistory.jsx Normal file
View File

@@ -0,0 +1,26 @@
import React from 'react';
import { FormattedMessage } from '@edx/frontend-platform/i18n';
export default function BulkEmailTaskHistory() {
return (
<div>
<div>
<p>
<FormattedMessage
id="bulk.email.task.history.section.heading"
defaultMessage="To see the status for all email tasks submitted for this course, click this button:"
description="Instructions for course staff and admins to view historical bulk course email task data"
/>
</p>
<button type="button" className="btn btn-outline-primary mb-2">
<FormattedMessage
id="bulk.email.view.task.history.button"
defaultMessage="Show Task Email History"
description="Button that displays a table with historical bulk email task data for a course-run"
/>
</button>
</div>
</div>
);
}

36
src/components/bulk-email-tool/bulk-email-task-manager/BulkEmailTaskManager.jsx Normal file
View File

@@ -0,0 +1,36 @@
import React from 'react';
import { FormattedMessage } from '@edx/frontend-platform/i18n';
import BulkEmailContentHistory from './BulkEmailContentHistory';
import BulkEmailPendingTasks from './BulkEmailPendingTasks';
import BulkEmailTaskHistory from './BulkEmailTaskHistory';
export default function BulkEmailTaskManager() {
return (
<div className="px-5">
<div>
<h2 className="h3">
<FormattedMessage
id="bulk.email.pending.tasks.section.heading"
defaultMessage="Pending Tasks"
description="A section to see pending and executing Instructor Tasks"
/>
</h2>
<BulkEmailPendingTasks />
</div>
<div>
<h2 className="h3">
<FormattedMessage
id="bulk.email.task.manager.heading"
defaultMessage="Email Task History"
description="Title of the Email task History section of the Bulk Course Email tool"
/>
</h2>
<BulkEmailContentHistory />
</div>
<div>
<BulkEmailTaskHistory />
</div>
</div>
);
}