diff --git a/extensions/flags/js/admin/src/components/FlagsSettingsModal.js b/extensions/flags/js/admin/src/components/FlagsSettingsModal.js
new file mode 100644
index 000000000..16e457dc4
--- /dev/null
+++ b/extensions/flags/js/admin/src/components/FlagsSettingsModal.js
@@ -0,0 +1,20 @@
+import SettingsModal from 'flarum/components/SettingsModal';
+
+export default class FlagsSettingsModal extends SettingsModal {
+ className() {
+ return 'FlagsSettingsModal Modal--small';
+ }
+
+ title() {
+ return app.translator.trans('flarum-flags.admin.settings.title');
+ }
+
+ form() {
+ return [
+
+
+
+
+ ];
+ }
+}
diff --git a/extensions/flags/js/admin/src/main.js b/extensions/flags/js/admin/src/main.js
index 7a87b4cb4..d7a9ea202 100644
--- a/extensions/flags/js/admin/src/main.js
+++ b/extensions/flags/js/admin/src/main.js
@@ -2,7 +2,11 @@ import { extend } from 'flarum/extend';
import app from 'flarum/app';
import PermissionGrid from 'flarum/components/PermissionGrid';
+import FlagsSettingsModal from 'flarum/flags/components/FlagsSettingsModal';
+
app.initializers.add('flarum-flags', () => {
+ app.extensionSettings['flarum-flags'] = () => app.modal.show(new FlagsSettingsModal());
+
extend(PermissionGrid.prototype, 'moderateItems', items => {
items.add('viewFlags', {
icon: 'flag',
diff --git a/extensions/flags/js/forum/src/components/FlagPostModal.js b/extensions/flags/js/forum/src/components/FlagPostModal.js
index 5e8ddf457..4478ebd6a 100644
--- a/extensions/flags/js/forum/src/components/FlagPostModal.js
+++ b/extensions/flags/js/forum/src/components/FlagPostModal.js
@@ -18,30 +18,36 @@ export default class FlagPostModal extends Modal {
}
content() {
+ const guidelinesUrl = app.forum.attribute('guidelinesUrl');
+
return (
-
+
-