From fb1fdd5b37d5d0091df1e9346eb987cbc327603f Mon Sep 17 00:00:00 2001
From: Steffen Vogel <post@steffenvogel.de>
Date: Mon, 4 Jun 2018 20:38:19 +0200
Subject: [PATCH] Pre-fill UUID field in new simulator dialog with a random
 UUID (closes #152)

---
 src/components/dialog/new-simulator.js | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/dialog/new-simulator.js b/src/components/dialog/new-simulator.js
index ff3ea08..3ddd80d 100644
--- a/src/components/dialog/new-simulator.js
+++ b/src/components/dialog/new-simulator.js
@@ -40,7 +40,7 @@ class NewSimulatorDialog extends React.Component {
   onClose(canceled) {
     if (canceled === false) {
       if (this.valid) {
-        const data = { 
+        const data = {
           properties: {
             name: this.state.name
           },
@@ -86,6 +86,14 @@ class NewSimulatorDialog extends React.Component {
     if (target === 'uuid') return uuid ? "success" : "error";
   }
 
+  uuidv4() {
+    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
+      // eslint-disable-next-line
+      var r = Math.random() * 16 | 0, v = c === 'x' ? r : (r & 0x3 | 0x8);
+      return v.toString(16);
+    });
+  }
+
   render() {
     return (
       <Dialog show={this.props.show} title="New Simulator" buttonTitle="Add" onClose={(c) => this.onClose(c)} onReset={() => this.resetState()} valid={this.valid}>
@@ -102,7 +110,7 @@ class NewSimulatorDialog extends React.Component {
           </FormGroup>
           <FormGroup controlId="uuid" validationState={this.validateForm('uuid')}>
             <ControlLabel>UUID</ControlLabel>
-            <FormControl type="text" placeholder="Enter uuid" value={this.state.uuid} onChange={(e) => this.handleChange(e)} />
+            <FormControl type="text" placeholder="Enter uuid" defaultValue={this.uuidv4()} onChange={(e) => this.handleChange(e)} />
             <FormControl.Feedback />
           </FormGroup>
         </form>