|
|
@@ -0,0 +1,115 @@
|
|
|
+import React from 'react';
|
|
|
+import PropTypes from 'prop-types';
|
|
|
+import { withTranslation } from 'react-i18next';
|
|
|
+import urljoin from 'url-join';
|
|
|
+
|
|
|
+import { createSubscribedElement } from '../../UnstatedUtils';
|
|
|
+
|
|
|
+import AppContainer from '../../../services/AppContainer';
|
|
|
+import AdminNotificationContainer from '../../../services/AdminNotificationContainer';
|
|
|
+
|
|
|
+
|
|
|
+class GlobalNotificationList extends React.Component {
|
|
|
+
|
|
|
+ render() {
|
|
|
+ const { t, adminNotificationContainer } = this.props;
|
|
|
+ const { globalNotifications } = adminNotificationContainer.state;
|
|
|
+
|
|
|
+ return (
|
|
|
+ <React.Fragment>
|
|
|
+ {globalNotifications.map((notification) => {
|
|
|
+ return (
|
|
|
+ <tr key={notification._id}>
|
|
|
+ <td className="align-middle td-abs-center">
|
|
|
+ {/* GW-807 switch enable notification */}
|
|
|
+ <input type="checkbox" className="js-switch" data-size="small" data-id="{{ notification._id.toString() }}" />
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ {notification.triggerPath}
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ {notification.triggerEvents.includes('pageCreate') && (
|
|
|
+ <span className="label label-success" data-toggle="tooltip" data-placement="top" title="Page Create">
|
|
|
+ <i className="icon-doc"></i> CREATE
|
|
|
+ </span>
|
|
|
+ )}
|
|
|
+ {notification.triggerEvents.includes('pageEdit') && (
|
|
|
+ <span className="label label-warning" data-toggle="tooltip" data-placement="top" title="Page Edit">
|
|
|
+ <i className="icon-pencil"></i> EDIT
|
|
|
+ </span>
|
|
|
+ )}
|
|
|
+ {notification.triggerEvents.includes('pageMove') && (
|
|
|
+ <span className="label label-warning" data-toggle="tooltip" data-placement="top" title="Page Move">
|
|
|
+ <i className="icon-action-redo"></i> MOVE
|
|
|
+ </span>
|
|
|
+ )}
|
|
|
+ {notification.triggerEvents.includes('pageDelete') && (
|
|
|
+ <span className="label label-danger" data-toggle="tooltip" data-placement="top" title="Page Delte">
|
|
|
+ <i className="icon-fire"></i> DELETE
|
|
|
+ </span>
|
|
|
+ )}
|
|
|
+ {notification.triggerEvents.includes('pageLike') && (
|
|
|
+ <span className="label label-info" data-toggle="tooltip" data-placement="top" title="Page Like">
|
|
|
+ <i className="icon-like"></i> LIKE
|
|
|
+ </span>
|
|
|
+ )}
|
|
|
+ {notification.triggerEvents.includes('comment') && (
|
|
|
+ <span className="label label-default" data-toggle="tooltip" data-placement="top" title="New Comment">
|
|
|
+ <i className="icon-fw icon-bubble"></i> POST
|
|
|
+ </span>
|
|
|
+ )}
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ {notification.__t === 'mail'
|
|
|
+ && <span data-toggle="tooltip" data-placement="top" title="Email"><i className="ti-email"></i> {notification.toEmail}</span>}
|
|
|
+ {notification.__t === 'slack'
|
|
|
+ && <span data-toggle="tooltip" data-placement="top" title="Slack"><i className="fa fa-slack"></i> {notification.slackChannels}</span>}
|
|
|
+ </td>
|
|
|
+ <td className="td-abs-center">
|
|
|
+ <div className="btn-group admin-group-menu">
|
|
|
+ <button type="button" className="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown">
|
|
|
+ <i className="icon-settings"></i> <span className="caret"></span>
|
|
|
+ </button>
|
|
|
+ <ul className="dropdown-menu" role="menu">
|
|
|
+ <li>
|
|
|
+ <a href={urljoin('/admin/global-notification/', notification._id)}>
|
|
|
+ <i className="icon-fw icon-note"></i> {t('Edit')}
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ {/* TODO GW-780 create delete modal */}
|
|
|
+ <li className="btn-delete">
|
|
|
+ <a
|
|
|
+ href="#"
|
|
|
+ data-setting-id="{{ notification.id }}"
|
|
|
+ data-target="#admin-delete-global-notification"
|
|
|
+ data-toggle="modal"
|
|
|
+ >
|
|
|
+ <i className="icon-fw icon-fire text-danger"></i> {t('Delete')}
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ );
|
|
|
+ })}
|
|
|
+ </React.Fragment>
|
|
|
+ );
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+const GlobalNotificationListWrapper = (props) => {
|
|
|
+ return createSubscribedElement(GlobalNotificationList, props, [AppContainer, AdminNotificationContainer]);
|
|
|
+};
|
|
|
+
|
|
|
+GlobalNotificationList.propTypes = {
|
|
|
+ t: PropTypes.func.isRequired, // i18next
|
|
|
+ appContainer: PropTypes.instanceOf(AppContainer).isRequired,
|
|
|
+ adminNotificationContainer: PropTypes.instanceOf(AdminNotificationContainer).isRequired,
|
|
|
+
|
|
|
+};
|
|
|
+
|
|
|
+export default withTranslation()(GlobalNotificationListWrapper);
|
itizawa