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.css | 26 +++++++++++++++++++++++---
 1 file changed, 23 insertions(+), 3 deletions(-)

(limited to 'scraper/client/paper/paper.css')

diff --git a/scraper/client/paper/paper.css b/scraper/client/paper/paper.css
index 1e6d4c30..fc558ca1 100644
--- a/scraper/client/paper/paper.css
+++ b/scraper/client/paper/paper.css
@@ -1,3 +1,12 @@
+.row {
+  display: flex;
+  flex-direction: row;
+  padding: 4px;
+}
+.rowHeading {
+  display: block;
+  width: 194px;
+}
 .form, .paperInfo {
   padding: 10px;
   width: 100%;
@@ -74,9 +83,16 @@ input.notes {
 .param .btn {
   margin-top: 5px;
 }
-.vetting {
-  width: 250px;
-  margin-right: 10px;
+.row.disabled { opacity: 0.5; }
+
+.vettingRow label {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 0 10px 0 0;
+}
+.vettingRow input {
+  margin-right: 6px;
 }
 .param label {
   display: block;
@@ -86,7 +102,11 @@ input.notes {
 .param input[type=checkbox] {
   margin: 6px 0;
 }
+input[type=text] {
+  margin-bottom: 2px;
+}
 textarea {
+  margin-bottom: 2px;
   padding: 4px;
   font-size: 14px;
 }
-- 
cgit v1.2.3-70-g09d2


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

---
 scraper/client/paper/paper.css       |  2 +-
 scraper/client/paper/paper.verify.js | 11 +++++++----
 2 files changed, 8 insertions(+), 5 deletions(-)

(limited to 'scraper/client/paper/paper.css')

diff --git a/scraper/client/paper/paper.css b/scraper/client/paper/paper.css
index fc558ca1..025d6b8a 100644
--- a/scraper/client/paper/paper.css
+++ b/scraper/client/paper/paper.css
@@ -83,7 +83,7 @@ input.notes {
 .param .btn {
   margin-top: 5px;
 }
-.row.disabled { opacity: 0.5; }
+.row.disabled { opacity: 0.5; pointer-events: none;}
 
 .vettingRow label {
   display: flex;
diff --git a/scraper/client/paper/paper.verify.js b/scraper/client/paper/paper.verify.js
index 6b2bde07..adb2d1ce 100644
--- a/scraper/client/paper/paper.verify.js
+++ b/scraper/client/paper/paper.verify.js
@@ -11,7 +11,7 @@ const initialState = {
   citation: null,
   verifiable: false,
   uses_dataset: USES_DATASET.UNKNOWN,
-  images_in_paper: false,
+  images_in_paper: "FALSE",
   verified_by: localStorage.getItem('verify.username') || '',
   reference: '',
   notes: '',
@@ -243,7 +243,10 @@ class PaperVerify extends Component {
           </label>
         </div>
 
-        <div className={this.state.uses_dataset === USES_DATASET.YES ? 'row vettingRow' : 'row vettingRow disabled'}>
+        <div
+          className={this.state.uses_dataset === USES_DATASET.YES ? 'row vettingRow' : 'row vettingRow disabled'}
+          disabled={this.state.uses_dataset === USES_DATASET.YES ? false : true}
+        >
           <div className='rowHeading'>
             {'Paper shows images'}
           </div>
@@ -255,7 +258,7 @@ class PaperVerify extends Component {
               name='images_in_paper'
               checked={this.state.images_in_paper === "TRUE"}
               onChange={e => this.setState({
-                uses_dataset: "TRUE",
+                images_in_paper: "TRUE",
               })}
             />
             <div>{"Yes"}</div>
@@ -268,7 +271,7 @@ class PaperVerify extends Component {
               name='images_in_paper'
               checked={this.state.images_in_paper === "FALSE"}
               onChange={e => this.setState({
-                uses_dataset: "FALSE",
+                images_in_paper: "FALSE",
               })}
             />
             <div>{"No"}</div>
-- 
cgit v1.2.3-70-g09d2