Add Custom Footer HTML (#1315)

* Add Custom Footer HTML

Straight copy from Custom Header HTML

* Move Custom Footer HTML to exactly before `</body>` tag.

* Fix invalid class name

* Append CustomFooterHTML when preparing the view.

* Some consistency in placing the variable

js/admin/src/components/AppearancePage.js

@@ -3,6 +3,7 @@ import Button from 'flarum/components/Button';
 import Switch from 'flarum/components/Switch';
 import EditCustomCssModal from 'flarum/components/EditCustomCssModal';
 import EditCustomHeaderModal from 'flarum/components/EditCustomHeaderModal';
+import EditCustomFooterModal from 'flarum/components/EditCustomFooterModal';
 import UploadImageButton from 'flarum/components/UploadImageButton';
 import saveSettings from 'flarum/utils/saveSettings';
 
@@ -81,6 +82,18 @@ export default class AppearancePage extends Page {
             })}
           </fieldset>
 
+          <fieldset>
+            <legend>{app.translator.trans('core.admin.appearance.custom_footer_heading')}</legend>
+            <div className="helpText">
+              {app.translator.trans('core.admin.appearance.custom_footer_text')}
+            </div>
+            {Button.component({
+              className: 'Button',
+              children: app.translator.trans('core.admin.appearance.edit_footer_button'),
+              onclick: () => app.modal.show(new EditCustomFooterModal())
+            })}
+          </fieldset>
+
           <fieldset>
             <legend>{app.translator.trans('core.admin.appearance.custom_styles_heading')}</legend>
             <div className="helpText">

js/admin/src/components/EditCustomFooterModal.js

@@ -0,0 +1,24 @@
+import SettingsModal from 'flarum/components/SettingsModal';
+
+export default class EditCustomFooterModal extends SettingsModal {
+  className() {
+    return 'EditCustomFooterModal Modal--large';
+  }
+
+  title() {
+    return app.translator.trans('core.admin.edit_footer.title');
+  }
+
+  form() {
+    return [
+      <p>{app.translator.trans('core.admin.edit_footer.customize_text')}</p>,
+      <div className="Form-group">
+        <textarea className="FormControl" rows="30" bidi={this.setting('custom_footer')}/>
+      </div>
+    ];
+  }
+
+  onsaved() {
+    window.location.reload();
+  }
+}

src/Api/Serializer/ForumSerializer.php

@@ -77,6 +77,7 @@ class ForumSerializer extends AbstractSerializer
             'logoUrl' => $this->getLogoUrl(),
             'faviconUrl' => $this->getFaviconUrl(),
             'headerHtml' => $this->settings->get('custom_header'),
+            'footerHtml' => $this->settings->get('custom_footer'),
             'allowSignUp' => (bool) $this->settings->get('allow_sign_up'),
             'defaultRoute'  => $this->settings->get('default_route'),
             'canViewDiscussions' => $this->actor->can('viewDiscussions'),

src/Frontend/FrontendView.php

@@ -304,7 +304,7 @@ class FrontendView
         $view->jsUrls = $this->buildJsUrls($baseUrl);
 
         $view->head = $this->buildHeadContent();
-        $view->foot = implode("\n", $this->foot);
+        $view->foot = $this->buildFootContent(array_get($forum, 'data.attributes.footerHtml'));
 
         return $view->render();
     }
@@ -380,6 +380,15 @@ class FrontendView
         return $html;
     }
 
+    protected function buildFootContent($customFooterHtml)
+    {
+        $html = implode("\n", $this->foot);
+
+        $html .= $customFooterHtml;
+
+        return $html;
+    }
+
     /**
      * @return CompilerInterface
      */