Webpack (#14)

See https://github.com/flarum/core/pull/1367

* Replace gulp with webpack and npm scripts for JS compilation
* Set up Travis CI to commit compiled JS
* Restructure `js` directory; only one instance of npm, forum/admin are "submodules"
* Restructure `less` directory

extensions/flags/js/src/forum/components/FlagPostModal.js

@@ -0,0 +1,106 @@
+import Modal from 'flarum/components/Modal';
+import Button from 'flarum/components/Button';
+
+export default class FlagPostModal extends Modal {
+  init() {
+    super.init();
+
+    this.success = false;
+
+    this.reason = m.prop('');
+    this.reasonDetail = m.prop('');
+  }
+
+  className() {
+    return 'FlagPostModal Modal--small';
+  }
+
+  title() {
+    return app.translator.trans('flarum-flags.forum.flag_post.title');
+  }
+
+  content() {
+    if (this.success) {
+      return (
+        <div className="Modal-body">
+          <div className="Form Form--centered">
+            <p className="helpText">{app.translator.trans('flarum-flags.forum.flag_post.confirmation_message')}</p>
+            <div className="Form-group">
+              <Button className="Button Button--primary Button--block" onclick={this.hide.bind(this)}>
+                {app.translator.trans('flarum-flags.forum.flag_post.dismiss_button')}
+              </Button>
+            </div>
+          </div>
+        </div>
+      );
+    }
+
+    const guidelinesUrl = app.forum.attribute('guidelinesUrl');
+
+    return (
+      <div className="Modal-body">
+        <div className="Form Form--centered">
+          <div className="Form-group">
+            <div>
+              <label className="checkbox">
+                <input type="radio" name="reason" checked={this.reason() === 'off_topic'} value="off_topic" onclick={m.withAttr('value', this.reason)}/>
+                <strong>{app.translator.trans('flarum-flags.forum.flag_post.reason_off_topic_label')}</strong>
+                {app.translator.trans('flarum-flags.forum.flag_post.reason_off_topic_text')}
+              </label>
+
+              <label className="checkbox">
+                <input type="radio" name="reason" checked={this.reason() === 'inappropriate'} value="inappropriate" onclick={m.withAttr('value', this.reason)}/>
+                <strong>{app.translator.trans('flarum-flags.forum.flag_post.reason_inappropriate_label')}</strong>
+                {app.translator.trans('flarum-flags.forum.flag_post.reason_inappropriate_text', {
+                  a: guidelinesUrl ? <a href={guidelinesUrl} target="_blank"/> : undefined
+                })}
+              </label>
+
+              <label className="checkbox">
+                <input type="radio" name="reason" checked={this.reason() === 'spam'} value="spam" onclick={m.withAttr('value', this.reason)}/>
+                <strong>{app.translator.trans('flarum-flags.forum.flag_post.reason_spam_label')}</strong>
+                {app.translator.trans('flarum-flags.forum.flag_post.reason_spam_text')}
+              </label>
+
+              <label className="checkbox">
+                <input type="radio" name="reason" checked={this.reason() === 'other'} value="other" onclick={m.withAttr('value', this.reason)}/>
+                <strong>{app.translator.trans('flarum-flags.forum.flag_post.reason_other_label')}</strong>
+                {this.reason() === 'other' ? (
+                  <textarea className="FormControl" value={this.reasonDetail()} oninput={m.withAttr('value', this.reasonDetail)}></textarea>
+                ) : ''}
+              </label>
+            </div>
+          </div>
+
+          <div className="Form-group">
+            <Button
+              className="Button Button--primary Button--block"
+              type="submit"
+              loading={this.loading}
+              disabled={!this.reason()}>
+              {app.translator.trans('flarum-flags.forum.flag_post.submit_button')}
+            </Button>
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+  onsubmit(e) {
+    e.preventDefault();
+
+    this.loading = true;
+
+    app.store.createRecord('flags').save({
+      reason: this.reason() === 'other' ? null : this.reason(),
+      reasonDetail: this.reasonDetail(),
+      relationships: {
+        user: app.session.user,
+        post: this.props.post
+      }
+    })
+      .then(() => this.success = true)
+      .catch(() => {})
+      .then(this.loaded.bind(this));
+  }
+}