Forward/Backward/Bidirection

src/renderer/components/ArcEdit.vue

@@ -27,6 +27,21 @@
             <el-switch v-model="isPushback"></el-switch>
           </el-col>
         </el-row>
+        <el-row>
+          <el-col :span="7">
+            <span class="demo-input-label">Direction :</span>
+          </el-col>
+          <el-col :span="15">
+            <el-select v-model="direction" placeholder="Select">
+              <el-option
+                v-for="type in options"
+                :key="type.value"
+                :label="type.label"
+                :value="type.value"
+              ></el-option>
+            </el-select>
+          </el-col>
+        </el-row>
     </div>
 </template>
 
@@ -36,6 +51,14 @@
       arc: function () {
         return this.$store.state.Editable.type === 'arc'
       },
+      // ga (general aviation), cargo (cargo), gate (commercial passenger traffic),
+      // mil-fighter (military fighter), mil-cargo (military transport)
+      options: function () {
+        return [{value: 'bi-directional', label: 'bi-directional'},
+          {value: 'forward', label: 'forward'},
+          {value: 'backward', label: 'backward'}
+        ]
+      },
       name: {
       // getter
         get: function () {
@@ -55,6 +78,16 @@
         set: function (newValue) {
           this.$store.commit('SET_EDIT_PUSHBACK', newValue ? '1' : '0')
         }
+      },
+      direction: {
+      // getter
+        get: function () {
+          return this.$store.state.Editable.data.arc.direction
+        },
+        // setter
+        set: function (newValue) {
+          this.$store.commit('SET_EDIT_DIRECTION', newValue)
+        }
       }
     }
   }