From cdaea262cfe6f0730f8acdb9920b894115869e3a Mon Sep 17 00:00:00 2001
From: Stanislaw Adaszewski <s.adaszewski@gmail.com>
Date: Wed, 11 Mar 2020 11:22:21 +0100
Subject: [PATCH] Add project description during creation

---
 .../src/js/dialog/wb-new-project-dialog.js    | 20 +++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/frontend/src/js/dialog/wb-new-project-dialog.js b/frontend/src/js/dialog/wb-new-project-dialog.js
index f5a897e..c1ffa3a 100644
--- a/frontend/src/js/dialog/wb-new-project-dialog.js
+++ b/frontend/src/js/dialog/wb-new-project-dialog.js
@@ -26,13 +26,16 @@ class WBNewProjectDialog extends Component {
     this.dialogRef.current.hide();
   }
 
-  render({ app }, { ownerUuid, newName, placeholderName, callback, inputId }) {
+  render({ app }, { ownerUuid, newName, placeholderName, callback, inputId,
+    projectDescription }) {
+
     const { arvHost, arvToken } = app.state;
     return (
       <WBDialog title="New Project" ref={ this.dialogRef } accept={ () => {
         const group = {
           'group_class': 'project',
           'name': newName || placeholderName,
+          'description': projectDescription || null,
           'owner_uuid': ownerUuid
         };
         makeArvadosRequest(arvHost, arvToken,
@@ -42,9 +45,18 @@ class WBNewProjectDialog extends Component {
         ).then(callback);
       } }>
         <div>
-          <input type="text" class="form-control" id={ inputId }
-            placeholder={ placeholderName }
-            value={ newName } onChange={ linkState(this, 'newName') } />
+          <div class="form-group">
+            <label for={ inputId }>Project Name</label>
+            <input type="text" class="form-control" id={ inputId }
+              placeholder={ placeholderName }
+              value={ newName } onChange={ linkState(this, 'newName') } />
+          </div>
+          <div class="form-group">
+            <label for="projectDescription">Project Description (optional)</label>
+            <input type="text" class="form-control" id="projectDescription"
+              placeholder="Project Description (optional)"
+              value={ projectDescription } onChange={ linkState(this, 'projectDescription') } />
+          </div>
         </div>
       </WBDialog>
     );