|
@@ -0,0 +1,41 @@
|
|
|
+<script setup lang="ts">
|
|
|
+import { useStore } from '@/util/store'
|
|
|
+import { computed } from 'vue';
|
|
|
+const store = useStore()
|
|
|
+
|
|
|
+
|
|
|
+const node = computed(() => {
|
|
|
+ return store.selectedNode;
|
|
|
+
|
|
|
+});
|
|
|
+
|
|
|
+</script>
|
|
|
+
|
|
|
+<template>
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-body" v-if="store.selectedNode != null" :elem="store.selectedNode">
|
|
|
+ <h5 class="card-title">Parent</h5>
|
|
|
+ <div class="card-text">
|
|
|
+ <div class="input-group mb-3">
|
|
|
+ <div class="input-group-prepend">
|
|
|
+ <span class="input-group-text" id="inputGroup-sizing-default">Name</span>
|
|
|
+ </div>
|
|
|
+ <input readonly type="text" class="form-control" aria-label="Default" aria-describedby="inputGroup-sizing-default"
|
|
|
+ :value="node?.getParent()?.displayName">
|
|
|
+ </div>
|
|
|
+ <div class="input-group mb-3">
|
|
|
+ <div class="input-group-prepend">
|
|
|
+ <span class="input-group-text" id="inputGroup-sizing-default">Reference</span>
|
|
|
+ </div>
|
|
|
+ <select class="form-select" aria-label="Default select example">
|
|
|
+ <option selected v-text="node?.getParentRef()?.referenceType" ></option>
|
|
|
+ <option value="1">...</option>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+
|
|
|
+<style scoped></style>
|