# 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>