Create a barebones more user friendly form

elifesciences · Dec 4, 2024 · c423782 · c423782
1 parent 4223c42
commit c423782
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 7 deletions.
diff --git a/src/app.ts b/src/app.ts
@@ -5,15 +5,15 @@ import { Client, Connection } from '@temporalio/client';
 import { randomBytes } from 'node:crypto';
 import { manuscriptDataSchema } from './form-validation';
 import { config } from './config';
-import { generateForm } from './form';
+import { generateForm, generateScriptForm } from './form';
 
 const app: Express = express();
 
 app.use(express.json());
 app.use(BodyParser.urlencoded());
 
 app.get('/', (_, res) => {
-  res.sendFile(join(__dirname, 'tmp.html'));
+  res.send(generateScriptForm());
 });
 
 app.get('/input', (_, res) => {

diff --git a/src/form.ts b/src/form.ts
@@ -33,3 +33,36 @@ export const generateForm = () => (`
     </body>
   </html>
 `);
+
+export const generateScriptForm = ()  => (
+  `
+  <!DOCTYPE html>
+  <html lang="en">
+    <head>
+      <meta charset="UTF-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <title>Import Manuscript</title>
+    </head>
+    <body>
+      
+      <form action="/script" method="post">
+        <h2>Manuscript Data</h2>
+        <label for="msid">MSID:</label>
+        <input id="msid" name="msid" required/>
+        <label for="date">Date:</label>
+        <input id="date" name="date" required/>
+        <label for="evaluation-summary-id">Evaluation Summary ID:</label>
+        <input id="evaluation-summary-id" name="evaluation-summary-id" required/>
+        <label for="peer-review-id">Peer Review ID:</label>
+        <input id="peer-review-id" name="peer-review-id" required/>
+        <label for="author-response-id">Author Response ID:</label>
+        <input id="author-response-id" name="author-response-id" required/>
+
+        <br/>
+    
+        <button type="submit">Submit</button>
+    </form>
+
+    </body>
+  </html>`
+)
diff --git a/src/tmp.html b/src/tmp.html