From 708ae2740cec7d84429eca770ede45393d8213d0 Mon Sep 17 00:00:00 2001
From: pb10005 <atihsa.mihs.ne.ho.da@gmail.com>
Date: Wed, 8 Apr 2020 00:04:12 +0900
Subject: [PATCH] Implement Stroke config

---
 src/DiagramEditor.vue     |  6 ++++++
 src/lib/EditNodeModal.vue | 12 ++++++++++++
 vue.config.js             |  6 +++---
 3 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/src/DiagramEditor.vue b/src/DiagramEditor.vue
index 096e3bd..90e065c 100644
--- a/src/DiagramEditor.vue
+++ b/src/DiagramEditor.vue
@@ -184,6 +184,8 @@ export default {
         },
         width: parseInt(item.width) || 150,
         height: parseInt(item.height) || 60,
+        stroke: item.stroke,
+        strokeWeight: item.strokeWeight,
         shape: item.shape,
         point: {
           x: 10,
@@ -198,6 +200,8 @@ export default {
       this.tmpNode.content.url = item.content.url;
       this.tmpNode.content.color = item.content.color;
       this.tmpNode.shape = item.shape;
+      this.tmpNode.stroke = item.stroke;
+      this.tmpNode.strokeWeight = item.strokeWeight;
       this.tmpNode.width = item.width;
       this.tmpNode.height = item.height;
       this.isModalActive = false;
@@ -209,6 +213,8 @@ export default {
       tmp.content.url = item.content.url;
       tmp.content.color = item.content.color;
       tmp.shape = item.shape;
+      tmp.stroke = item.stroke;
+      tmp.strokeWeight = item.strokeWeight;
       tmp.width = parseInt(item.width);
       tmp.height = parseInt(item.height);
       this.isEditModalActive = false;
diff --git a/src/lib/EditNodeModal.vue b/src/lib/EditNodeModal.vue
index 3a8c693..d33eb3f 100644
--- a/src/lib/EditNodeModal.vue
+++ b/src/lib/EditNodeModal.vue
@@ -15,6 +15,16 @@
           v-model="newNode.height"
           placeholder="height"
         /><br />
+        <VInput
+          type="text"
+          v-model="newNode.stroke"
+          placeholder="stroke"
+        /><br />
+        <VInput
+          type="number"
+          v-model="newNode.strokeWeight"
+          placeholder="stroke weight"
+        /><br />
         <VSelect v-model="newNode.shape" placeholder="Select shape">
           <option value="rectangle" selected>Rectangle</option>
           <option value="ellipse">Ellipse</option> </VSelect
@@ -37,6 +47,8 @@ export default {
           shape: "rectangle",
           width: 150,
           height: 60,
+          stroke: "",
+          strokeWeight: 0,
           content: {
             text: "none",
             url: "",
diff --git a/vue.config.js b/vue.config.js
index adbb70d..f41519f 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,6 +1,6 @@
 module.exports = {
   devServer: {
-    host: '0.0.0.0',
+    host: "0.0.0.0",
     disableHostCheck: true
-   }
-}
+  }
+};