From b73620bcb0de6ef33f10b8491e486fe9be6cfe73 Mon Sep 17 00:00:00 2001
From: Fabian Neumann <neumann@ferret-go.com>
Date: Fri, 20 Apr 2018 10:00:52 +0200
Subject: [PATCH] WIP

---
 .gitignore                                    |  1 +
 .../plugin/talk-plugin-global-switchoff.md    | 25 ++++++++
 .../client/.eslintrc.json                     | 23 ++++++++
 .../client/components/GlobalSwitchoff.js      | 59 +++++++++++++++++++
 .../client/components/styles.css              |  0
 .../client/index.js                           |  9 +++
 .../client/translations.yml                   |  8 +++
 plugins/talk-plugin-global-switchoff/index.js | 11 ++++
 .../server/index.js                           |  1 +
 .../server/resolvers.js                       | 10 ++++
 .../server/typeDefs.graphql                   | 10 ++++
 11 files changed, 157 insertions(+)
 create mode 100644 docs/source/plugin/talk-plugin-global-switchoff.md
 create mode 100644 plugins/talk-plugin-global-switchoff/client/.eslintrc.json
 create mode 100644 plugins/talk-plugin-global-switchoff/client/components/GlobalSwitchoff.js
 create mode 100644 plugins/talk-plugin-global-switchoff/client/components/styles.css
 create mode 100644 plugins/talk-plugin-global-switchoff/client/index.js
 create mode 100644 plugins/talk-plugin-global-switchoff/client/translations.yml
 create mode 100644 plugins/talk-plugin-global-switchoff/index.js
 create mode 100644 plugins/talk-plugin-global-switchoff/server/index.js
 create mode 100644 plugins/talk-plugin-global-switchoff/server/resolvers.js
 create mode 100644 plugins/talk-plugin-global-switchoff/server/typeDefs.graphql

diff --git a/.gitignore b/.gitignore
index 24022b9d7..ce5146929 100644
--- a/.gitignore
+++ b/.gitignore
@@ -35,6 +35,7 @@ plugins/*
 !plugins/talk-plugin-facebook-auth
 !plugins/talk-plugin-featured-comments
 !plugins/talk-plugin-flag-details
+!plugins/talk-plugin-global-switchoff
 !plugins/talk-plugin-google-auth
 !plugins/talk-plugin-ignore-user
 !plugins/talk-plugin-like
diff --git a/docs/source/plugin/talk-plugin-global-switchoff.md b/docs/source/plugin/talk-plugin-global-switchoff.md
new file mode 100644
index 000000000..317fb4b3b
--- /dev/null
+++ b/docs/source/plugin/talk-plugin-global-switchoff.md
@@ -0,0 +1,25 @@
+---
+title: talk-plugin-global-switchoff
+permalink: /plugin/talk-plugin-global-switchoff/
+layout: plugin
+plugin:
+    name: talk-plugin-global-switchoff
+    provides:
+        - Client
+        - Server
+---
+
+Add a switch to the settings page that disables commenting globally.
+
+## Installation
+
+TBD
+
+Add `"talk-plugin-global-switchoff"` to the `plugins.json` in your Talk installation.
+This plugin provides a server and a client side implementation.
+
+## Server implementation
+
+### How does this work?
+
+TODO
diff --git a/plugins/talk-plugin-global-switchoff/client/.eslintrc.json b/plugins/talk-plugin-global-switchoff/client/.eslintrc.json
new file mode 100644
index 000000000..9fe56bd14
--- /dev/null
+++ b/plugins/talk-plugin-global-switchoff/client/.eslintrc.json
@@ -0,0 +1,23 @@
+{
+  "env": {
+    "browser": true,
+    "es6": true,
+    "mocha": true
+  },
+  "parserOptions": {
+    "sourceType": "module",
+    "ecmaFeatures": {
+      "experimentalObjectRestSpread": true,
+      "jsx": true
+    }
+  },
+  "parser": "babel-eslint",
+  "plugins": [
+    "react"
+  ],
+  "rules": {
+    "react/jsx-uses-react": "error",
+    "react/jsx-uses-vars": "error",
+    "no-console": ["warn", { "allow": ["warn", "error"] }]
+  }
+}
diff --git a/plugins/talk-plugin-global-switchoff/client/components/GlobalSwitchoff.js b/plugins/talk-plugin-global-switchoff/client/components/GlobalSwitchoff.js
new file mode 100644
index 000000000..a5150ed10
--- /dev/null
+++ b/plugins/talk-plugin-global-switchoff/client/components/GlobalSwitchoff.js
@@ -0,0 +1,59 @@
+import React from 'react';
+import { gql } from 'react-apollo';
+import ConfigureCard from 'coral-framework/components/ConfigureCard';
+import MarkdownEditor from 'coral-framework/components/MarkdownEditor';
+import t from 'coral-framework/services/i18n';
+import { withFragments } from 'plugin-api/beta/client/hocs';
+import cn from 'classnames';
+import styles from './styles.css';
+
+const plugin = 'talk-plugin-global-switchoff';
+
+class GlobalSwitchoff extends React.Component {
+  updateGlobalSwitchoffEnable = () => {
+    const updater = {
+      globalSwitchoffEnable: {
+        $set: !this.props.settings.globalSwitchoffEnable,
+      },
+    };
+    this.props.updatePending({ updater });
+  };
+
+  updateGlobalSwitchoffMessage = () => {};
+
+  render() {
+    const { settings } = this.props;
+    return (
+      <ConfigureCard
+        checked={settings.globalSwitchoffEnable}
+        onCheckbox={this.updateGlobalSwitchoffEnable}
+        title={t(plugin + '.setting_title')}
+      >
+        <p>{t(plugin + '.setting_desc')}</p>
+        <div
+          className={cn(
+            styles.configSettingGlobalSwitchoff,
+            settings.globalSwitchoffEnable ? null : styles.hidden
+          )}
+        >
+          <MarkdownEditor
+            className={styles.descriptionBox}
+            onChange={this.updateGlobalSwitchoffMessage}
+            value={settings.globalSwitchoffMessage}
+          />
+        </div>
+      </ConfigureCard>
+    );
+  }
+}
+
+// export default GlobalSwitchoff;
+
+export default withFragments({
+  settings: gql`
+    fragment TalkPlugin_GlobalSwitchoff_settings on Settings {
+      globalSwitchoffEnable
+      globalSwitchoffMessage
+    }
+  `,
+})(GlobalSwitchoff);
diff --git a/plugins/talk-plugin-global-switchoff/client/components/styles.css b/plugins/talk-plugin-global-switchoff/client/components/styles.css
new file mode 100644
index 000000000..e69de29bb
diff --git a/plugins/talk-plugin-global-switchoff/client/index.js b/plugins/talk-plugin-global-switchoff/client/index.js
new file mode 100644
index 000000000..de8b516e7
--- /dev/null
+++ b/plugins/talk-plugin-global-switchoff/client/index.js
@@ -0,0 +1,9 @@
+import GlobalSwitchoff from './components/GlobalSwitchoff';
+import translations from './translations.yml';
+
+export default {
+  translations,
+  slots: {
+    adminStreamSettings: [GlobalSwitchoff],
+  },
+};
diff --git a/plugins/talk-plugin-global-switchoff/client/translations.yml b/plugins/talk-plugin-global-switchoff/client/translations.yml
new file mode 100644
index 000000000..c135337f4
--- /dev/null
+++ b/plugins/talk-plugin-global-switchoff/client/translations.yml
@@ -0,0 +1,8 @@
+en:
+  talk-plugin-global-switchoff:
+    setting_title: 'Deactivate commenting globally'
+    setting_desc: 'Write a message that will be displayed while commenting is deactivated.'
+de:
+  talk-plugin-global-switchoff:
+    setting_title: 'Kommentieren global deaktivieren'
+    setting_desc: 'Verfassen Sie eine Nachricht, die angezeigt wird, solange das Kommentieren deaktiviert ist.'
diff --git a/plugins/talk-plugin-global-switchoff/index.js b/plugins/talk-plugin-global-switchoff/index.js
new file mode 100644
index 000000000..dfd1f0d04
--- /dev/null
+++ b/plugins/talk-plugin-global-switchoff/index.js
@@ -0,0 +1,11 @@
+const { readFileSync } = require('fs');
+const path = require('path');
+const resolvers = require('./server/resolvers');
+
+module.exports = {
+  typeDefs: readFileSync(
+    path.join(__dirname, 'server/typeDefs.graphql'),
+    'utf8'
+  ),
+  resolvers,
+};
diff --git a/plugins/talk-plugin-global-switchoff/server/index.js b/plugins/talk-plugin-global-switchoff/server/index.js
new file mode 100644
index 000000000..f053ebf79
--- /dev/null
+++ b/plugins/talk-plugin-global-switchoff/server/index.js
@@ -0,0 +1 @@
+module.exports = {};
diff --git a/plugins/talk-plugin-global-switchoff/server/resolvers.js b/plugins/talk-plugin-global-switchoff/server/resolvers.js
new file mode 100644
index 000000000..4e249ff3a
--- /dev/null
+++ b/plugins/talk-plugin-global-switchoff/server/resolvers.js
@@ -0,0 +1,10 @@
+const { get } = require('lodash');
+
+module.exports = {
+  Settings: {
+    globalSwitchoffEnable: settings =>
+      get(settings, 'globalSwitchoffEnable', false),
+    globalSwitchoffMessage: settings =>
+      get(settings, 'globalSwitchoffMessage', ''),
+  },
+};
diff --git a/plugins/talk-plugin-global-switchoff/server/typeDefs.graphql b/plugins/talk-plugin-global-switchoff/server/typeDefs.graphql
new file mode 100644
index 000000000..efb4b80f6
--- /dev/null
+++ b/plugins/talk-plugin-global-switchoff/server/typeDefs.graphql
@@ -0,0 +1,10 @@
+
+type Settings {
+    globalSwitchoffEnable: Boolean
+    globalSwitchoffMessage: String
+}
+
+input UpdateSettingsInput {
+    globalSwitchoffEnable: Boolean
+    globalSwitchoffMessage: String
+}