Merge branch 'pen' of https://github.com/browngraphicslab/Dash-Web into pen

1 files changed, 35 insertions, 0 deletions

diff --git a/src/client/views/KeyphraseQueryView.tsx b/src/client/views/KeyphraseQueryView.tsx
new file mode 100644
index 000000000..a9dafc4a4
--- /dev/null
+++ b/src/client/views/KeyphraseQueryView.tsx
@@ -0,0 +1,35 @@
+import { observer } from "mobx-react";
+import React = require("react");
+import "./KeyphraseQueryView.scss";
+
+// tslint:disable-next-line: class-name
+export interface KP_Props {
+    keyphrases: string;
+}
+
+@observer
+export class KeyphraseQueryView extends React.Component<KP_Props>{
+    constructor(props: KP_Props) {
+        super(props);
+        console.log("FIRST KEY PHRASE: ", props.keyphrases[0]);
+    }
+
+    render() {
+        let kps = this.props.keyphrases.toString();
+        let keyterms = this.props.keyphrases.split(',');
+        return (
+            <div>
+                <h5>Select queries to send:</h5>
+                <form>
+                    {keyterms.map((kp: string) => {
+                        //return (<p>{"-" + kp}</p>);
+                        return (<p><label>
+                            <input name="query" type="radio" />
+                            <span>{kp}</span>
+                        </label></p>);
+                    })}
+                </form>
+            </div>
+        );
+    }
+}
\ No newline at end of file