itizawa 6 лет назад
Родитель
Сommit
5f12a0c522

+ 44 - 0
src/client/js/components/Admin/Notification/UserTriggerNotification.jsx

@@ -9,10 +9,54 @@ import AdminNotificationContainer from '../../../services/AdminNotificationConta
 
 class UserTriggerNotification extends React.Component {
 
+  // TODO GW-788 i18n
   render() {
+    const { t } = this.props;
+
     return (
       <React.Fragment>
         <h2 className="border-bottom mb-5">Default Notification Settings for Patterns</h2>
+
+        <table className="table table-bordered">
+          <thead>
+            <tr>
+              <th>Pattern</th>
+              <th>Channel</th>
+              <th>Operation</th>
+            </tr>
+          </thead>
+          <tbody className="admin-notif-list">
+            <tr>
+              <td>
+                <input
+                  className="form-control"
+                  type="text"
+                  name="pathPattern"
+                  defaultValue=""
+                  placeholder="e.g. /projects/xxx/MTG/*"
+                />
+                <p className="help-block">
+                  Path name of wiki. Pattern expression with <code>*</code> can be used.
+                </p>
+              </td>
+              <td>
+                <input
+                  className="form-control form-inline"
+                  type="text"
+                  name="channel"
+                  defaultValue=""
+                  placeholder="e.g. project-xxx"
+                />
+                <p className="help-block">
+                  Slack channel name. Without <code>#</code>.
+                </p>
+              </td>
+              <td>
+                <button type="button" className="btn btn-primary" onClick={this.onClickSubmit}>{t('Update')}</button>
+              </td>
+            </tr>
+          </tbody>
+        </table>
       </React.Fragment>
     );
   }