From 786c2fcfa52f14f4ae9d4972405d71b04d5bb724 Mon Sep 17 00:00:00 2001
From: Toby Zerner <toby.zerner@gmail.com>
Date: Fri, 3 Jun 2016 14:51:51 +0930
Subject: [PATCH] Convert EditCustomCssModal into a SettingsModal

---
 js/admin/src/components/EditCustomCssModal.js | 46 ++++---------------
 js/admin/src/components/SettingsModal.js      |  6 ++-
 2 files changed, 15 insertions(+), 37 deletions(-)

diff --git a/js/admin/src/components/EditCustomCssModal.js b/js/admin/src/components/EditCustomCssModal.js
index c15d188bb..5b9a144ed 100644
--- a/js/admin/src/components/EditCustomCssModal.js
+++ b/js/admin/src/components/EditCustomCssModal.js
@@ -1,12 +1,6 @@
-import Modal from 'flarum/components/Modal';
-import Button from 'flarum/components/Button';
-import saveSettings from 'flarum/utils/saveSettings';
-
-export default class EditCustomCssModal extends Modal {
-  init() {
-    this.customLess = m.prop(app.data.settings.custom_less || '');
-  }
+import SettingsModal from 'flarum/components/SettingsModal';
 
+export default class EditCustomCssModal extends SettingsModal {
   className() {
     return 'EditCustomCssModal Modal--large';
   }
@@ -15,36 +9,16 @@ export default class EditCustomCssModal extends Modal {
     return app.translator.trans('core.admin.edit_css.title');
   }
 
-  content() {
-    return (
-      <div className="Modal-body">
-        <p>{app.translator.trans('core.admin.edit_css.customize_text', {a: <a href="https://github.com/flarum/core/tree/master/less" target="_blank"/>})}</p>
-
-        <div className="Form">
-          <div className="Form-group">
-            <textarea className="FormControl" rows="30" value={this.customLess()} onchange={m.withAttr('value', this.customLess)}/>
-          </div>
-
-          <div className="Form-group">
-            {Button.component({
-              className: 'Button Button--primary',
-              type: 'submit',
-              children: app.translator.trans('core.admin.edit_css.submit_button'),
-              loading: this.loading
-            })}
-          </div>
-        </div>
+  form() {
+    return [
+      <p>{app.translator.trans('core.admin.edit_css.customize_text', {a: <a href="https://github.com/flarum/core/tree/master/less" target="_blank"/>})}</p>,
+      <div className="Form-group">
+        <textarea className="FormControl" rows="30" bidi={this.setting('custom_less')}/>
       </div>
-    );
+    ];
   }
 
-  onsubmit(e) {
-    e.preventDefault();
-
-    this.loading = true;
-
-    saveSettings({
-      custom_less: this.customLess()
-    }).then(() => window.location.reload());
+  onsaved() {
+    window.location.reload();
   }
 }
diff --git a/js/admin/src/components/SettingsModal.js b/js/admin/src/components/SettingsModal.js
index 8dce58a57..917d457de 100644
--- a/js/admin/src/components/SettingsModal.js
+++ b/js/admin/src/components/SettingsModal.js
@@ -68,8 +68,12 @@ export default class SettingsModal extends Modal {
     this.loading = true;
 
     saveSettings(this.dirty()).then(
-      this.hide.bind(this),
+      this.onsaved.bind(this),
       this.loaded.bind(this)
     );
   }
+
+  onsaved() {
+    this.hide();
+  }
 }