initial commit

Author: pfrazee

README.md

@@ -0,0 +1,15 @@
+# Form: Flag Msg
+
+Flag messages (modal form).
+
+![screenshot.png](screenshot.png)
+
+```jsx
+import ModalBtn from 'patchkit-modal/btn'
+import FormFlagMsg from 'patchkit-form-flag-msg'
+
+const onSubmit = (reason, cb) => { console.log('submit', reason); cb() }
+<ModalBtn className="center-block" Form={FormFlagMsg} formProps={{onSubmit: onSubmit}}>
+  <a className="btn highlighted">Click to open</a>
+</ModalBtn>
+```

demo.jsx

@@ -0,0 +1,18 @@
+import React from 'react'
+import ModalBtn from 'patchkit-modal/btn'
+import FormFlagMsg from './index'
+
+export default class FlagMsgFormDemo extends React.Component {
+  render() {
+    const onSubmit = (reason, cb) => { console.log('submit', reason); cb() }
+    return <div>
+      <h1>patchkit-form-flag-msg</h1>
+      <section className="form-flag-msg">
+        <header>&lt;FormFlagMsg&gt;</header>
+        <div className="content">
+          <ModalBtn className="center-block" Form={FormFlagMsg} formProps={{onSubmit: onSubmit}}><a className="btn highlighted">Click to open</a></ModalBtn>
+        </div>
+      </section>
+    </div>
+  }
+}

index.jsx

@@ -0,0 +1,33 @@
+import React from 'react'
+import Radios from 'patchkit-radios'
+
+export default class FlagMsgForm extends React.Component {
+  constructor(props) {
+    super(props)
+    this.state = { reason: 'spam' }
+  }
+
+  componentDidMount() {
+    this.props.setIsValid(true)
+  }
+
+  onChange(reason) {
+    this.setState({ reason: reason })
+  }
+
+  submit(cb) {
+    this.props.onSubmit(this.state.reason, cb)
+  }
+
+  render() {
+    return <div>
+      <form className="inline" onSubmit={e=>e.preventDefault()}>
+        <fieldset>
+          <h1><i className="fa fa-flag" /> Flag this Message</h1>
+          <div>{"Flagging hides unwanted/negative content. What's your reason for flagging this message?"}</div>
+          <Radios group="reason" options={[{ label: 'Spam', value: 'spam', defaultChecked: true }, { label: 'Abusive', value: 'abuse' }]} onChange={this.onChange.bind(this)} />
+        </fieldset>
+      </form>
+    </div>
+  }
+}

package.json

@@ -0,0 +1,55 @@
+{
+  "name": "patchkit-form-flag-msg",
+  "version": "1.0.0",
+  "description": "Flag messages (modal form)",
+  "main": "index.jsx",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/patchkit/patchkit-form-flag-msg.git"
+  },
+  "keywords": [
+    "react"
+  ],
+  "author": "Paul Frazee <[email protected]>",
+  "license": "GPL-3.0",
+  "bugs": {
+    "url": "https://github.com/patchkit/patchkit-form-flag-msg/issues"
+  },
+  "homepage": "https://github.com/patchkit/patchkit-form-flag-msg#readme",
+  "dependencies": {
+    "patchkit-radios": "^1.0.2",
+    "react": "^0.14.6"
+  },
+  "devDependencies": {
+    "babel": "^6.3.26",
+    "babel-preset-es2015": "^6.3.13",
+    "babel-preset-react": "^6.3.13",
+    "babel-preset-stage-0": "^6.3.13",
+    "babelify": "^7.2.0",
+    "browserify": "^13.0.0",
+    "patchkit-modal": "^1.0.3"
+  },
+  "browserify": {
+    "transform": [
+      [
+        "envify",
+        {
+          "global": true
+        }
+      ],
+      [
+        "babelify",
+        {
+          "presets": [
+            "es2015",
+            "stage-0",
+            "react"
+          ]
+        }
+      ]
+    ]
+  }
+}