From 8c628f1c4fdbc596fce7f84dbb8ac500e1cdedae Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Mon, 25 Mar 2019 22:28:37 +0100
Subject: updating that interface

---
 scraper/client/paper/paper.verify.js | 115 +++++++++++++++++++++++------------
 1 file changed, 76 insertions(+), 39 deletions(-)

(limited to 'scraper/client/paper/paper.verify.js')

diff --git a/scraper/client/paper/paper.verify.js b/scraper/client/paper/paper.verify.js
index 9e1a2ad4..6b2bde07 100644
--- a/scraper/client/paper/paper.verify.js
+++ b/scraper/client/paper/paper.verify.js
@@ -3,15 +3,14 @@ import { bindActionCreators } from 'redux'
 import { connect } from 'react-redux'
 
 import * as actions from '../actions'
-
 import { history } from '../store'
-
-import { Loader, Autocomplete } from '../common'
+import { Loader } from '../common'
+import { USES_DATASET } from '../types'
 
 const initialState = {
   citation: null,
   verifiable: false,
-  uses_dataset: false,
+  uses_dataset: USES_DATASET.UNKNOWN,
   images_in_paper: false,
   verified_by: localStorage.getItem('verify.username') || '',
   reference: '',
@@ -169,6 +168,7 @@ class PaperVerify extends Component {
             return (
               <a
                 key={i}
+                href={pdf}
                 onClick={() => this.setState({ pdf_index: i })}
                 className={i === this.state.pdf_index ? 'selected pdfLink' : 'pdfLink'}
               >
@@ -199,43 +199,80 @@ class PaperVerify extends Component {
           />
         </div>
 
-        <div className='param'>
-          <label>Uses the dataset?</label>
-          <input
-            className='vetting'
-            type='radio'
-            name='uses_dataset'
-            checked={!!this.state.uses_dataset}
-            onChange={e => this.setState({
-              uses_dataset: e.target.checked,
-            })}
-          />
-        </div>
+        <div className='row vettingRow'>
+          <div className='rowHeading'>
+            {'Uses dataset'}
+          </div>
+          <label>
+            <input
+              className='vetting'
+              type='radio'
+              name='uses_dataset'
+              checked={this.state.uses_dataset === USES_DATASET.YES || this.state.uses_dataset === "FALSE"}
+              onChange={e => this.setState({
+                uses_dataset: USES_DATASET.YES,
+              })}
+            />
+            <div>{"Yes"}</div>
+          </label>
 
-        <div className='param'>
-          <label>{"Doesn't use dataset"}</label>
-          <input
-            className='vetting'
-            type='radio'
-            name='uses_dataset'
-            checked={!this.state.uses_dataset}
-            onChange={e => this.setState({
-              uses_dataset: !e.target.checked,
-            })}
-          />
+          <label>
+            <input
+              className='vetting'
+              type='radio'
+              name='uses_dataset'
+              checked={this.state.uses_dataset === USES_DATASET.NO || this.state.uses_dataset === "FALSE"}
+              onChange={e => this.setState({
+                uses_dataset: USES_DATASET.NO,
+              })}
+            />
+            <div>{"No"}</div>
+          </label>
+
+          <label>
+            <input
+              className='vetting'
+              type='radio'
+              name='uses_dataset'
+              checked={this.state.uses_dataset === USES_DATASET.UNKNOWN || this.state.uses_dataset === "FALSE"}
+              onChange={e => this.setState({
+                uses_dataset: USES_DATASET.UNKNOWN,
+              })}
+            />
+            <div>{"Not enough information"}</div>
+          </label>
         </div>
 
-        <div className='param'>
-          <label>{"Uses images from dataset"}</label>
-          <input
-            className='vetting'
-            type='checkbox'
-            name='images_in_paper'
-            checked={!!this.state.images_in_paper}
-            onChange={e => this.setState({
-              images_in_paper: e.target.checked,
-            })}
-          />
+        <div className={this.state.uses_dataset === USES_DATASET.YES ? 'row vettingRow' : 'row vettingRow disabled'}>
+          <div className='rowHeading'>
+            {'Paper shows images'}
+          </div>
+
+          <label>
+            <input
+              className='vetting'
+              type='radio'
+              name='images_in_paper'
+              checked={this.state.images_in_paper === "TRUE"}
+              onChange={e => this.setState({
+                uses_dataset: "TRUE",
+              })}
+            />
+            <div>{"Yes"}</div>
+          </label>
+
+          <label>
+            <input
+              className='vetting'
+              type='radio'
+              name='images_in_paper'
+              checked={this.state.images_in_paper === "FALSE"}
+              onChange={e => this.setState({
+                uses_dataset: "FALSE",
+              })}
+            />
+            <div>{"No"}</div>
+          </label>
         </div>
 
         <div className='param'>
@@ -285,7 +322,7 @@ class PaperVerify extends Component {
           <button
             className='btn'
             onClick={this.prev.bind(this)}
-          >{'Prev >'}</button>
+          >{'< Prev'}</button>
 
           <button
             className='btn'
-- 
cgit v1.2.3-70-g09d2