Add project description during creation

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>
     );