- Fix for #890

- "Channels" feature - Shoutout config param rendered on the homepage - "Clone" feature for campaigns
2020-06-20 08:09:23 +02:00 · 2020-06-20 08:09:23 +02:00 · 00432e6cfe
commit 00432e6cfe
parent 82251d1cb9
23 changed files with 1691 additions and 494 deletions
--- a/client/src/channels/List.js
+++ b/client/src/channels/List.js
@ -0,0 +1,105 @@
+'use strict';
+
+import React, {Component} from 'react';
+import {withTranslation} from '../lib/i18n';
+import {Icon} from '../lib/bootstrap-components';
+import {LinkButton, requiresAuthenticatedUser, Title, Toolbar, withPageHelpers} from '../lib/page';
+import {withErrorHandling} from '../lib/error-handling';
+import {Table} from '../lib/table';
+import {tableAddDeleteButton, tableRestActionDialogInit, tableRestActionDialogRender} from "../lib/modals";
+import {withComponentMixins} from "../lib/decorator-helpers";
+import styles from "./styles.scss";
+import PropTypes from 'prop-types';
+
+@withComponentMixins([
+    withTranslation,
+    withErrorHandling,
+    withPageHelpers,
+    requiresAuthenticatedUser
+])
+export default class List extends Component {
+    constructor(props) {
+        super(props);
+
+        const t = props.t;
+
+        this.state = {};
+        tableRestActionDialogInit(this);
+    }
+
+    static propTypes = {
+        permissions: PropTypes.object
+    }
+
+    render() {
+        const t = this.props.t;
+
+        const permissions = this.props.permissions;
+        const createPermitted = permissions.createChannel;
+
+        const columns = [
+            {
+                data: 1,
+                title: t('name'),
+                actions: data => {
+                    const perms = data[10];
+                    if (perms.includes('view')) {
+                        return [{label: data[1], link: `/channels/${data[0]}/campaigns`}];
+                    } else {
+                        return [{label: data[1]}];
+                    }
+                }
+            },
+            { data: 2, title: t('id'), render: data => <code>{data}</code> },
+            { data: 3, title: t('description') },
+            { data: 4, title: t('namespace') },
+            {
+                className: styles.tblCol_buttons,
+                actions: data => {
+                    const actions = [];
+                    const perms = data[5];
+
+                    if (perms.includes('view')) {
+                        actions.push({
+                            label: <Icon icon="inbox" title={t('Campaigns')}/>,
+                            link: `/channels/${data[0]}/campaigns`
+                        });
+                    }
+
+                    if (perms.includes('view') || perms.includes('edit')) {
+                        actions.push({
+                            label: <Icon icon="edit" title={t('edit')}/>,
+                            link: `/channels/${data[0]}/edit`
+                        });
+                    }
+
+                    if (perms.includes('share')) {
+                        actions.push({
+                            label: <Icon icon="share" title={t('share')}/>,
+                            link: `/channels/${data[0]}/share`
+                        });
+                    }
+
+                    tableAddDeleteButton(actions, this, perms, `rest/channels/${data[0]}`, data[1], t('Deleting channel ...'), t('Channel deleted'));
+
+                    return actions;
+                }
+            }
+        ];
+
+        return (
+            <div>
+                {tableRestActionDialogRender(this)}
+                <Toolbar>
+                    {createPermitted &&
+                        <LinkButton to="/channels/create" className="btn-primary" icon="plus" label={t('Create Channel')}/>
+                    }
+                </Toolbar>
+
+                <Title>{t('Channels')}</Title>
+
+                <Table ref={node => this.table = node} withHeader dataUrl="rest/channels-table" columns={columns} />
+            </div>
+        );
+    }
+}