All files / charthelper childNodes.vue

100% Statements 19/19
100% Branches 2/2
100% Functions 3/3
100% Lines 19/19

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38      1x     1x 1x                     2x     2x 2x     2x       2x         1x     1x
<script setup>
    // Import needed libraries
    import { defineProps } from 'vue';
 
    const props = defineProps({
        childNodes: {
          type: Array,
          default: null,
        },
    });
</script>
 
<template>
  <div class="card-body">
    <h5 class="card-title">
      <i class="fa fa-arrow-circle-down" /> Child Nodes:
    </h5>
    <ul class="list-group list-group-flush">
      <template v-if="props.childNodes.length > 0">
        <div 
          v-for="child in props.childNodes"
          :key="child.data.fullname" 
        >
          <li class="list-group-item">
            {{ child.data.fullname }}
          </li>
        </div>
      </template>
      <template v-else>
        <li class="list-group-item">
          No child nodes found.
        </li>
      </template>
    </ul>
  </div>
</template>