Show PPortPath in NetdocBCD as in seprate PPort View

src/views/nd/NetdocBCD.vue

@@ -82,6 +82,7 @@
     <b-modal id="p-port-map-modal" :title="$t('views.nd.bcd.connection_path')" size="xl">
       <b-row>
         <b-col>
+          <PPortPath :p_port="map_p_port" v-if="map_p_port"></PPortPath>
           <b-card class="shadow-sm network-card" no-body>
             <PPortNetwork v-if="map_p_port" :p_port="map_p_port"/>
           </b-card>
@@ -109,10 +110,11 @@ import CheckMark from '@/components/CheckMark.vue'
 import PaginatorTable from '@/components/PaginatorTable.vue'
 import DBEditor from '@/components/db-editor/APIObjectDBEditor.vue'
 import apiutil from '@/util/apiutil'
+import PPortPath from '@/components/nd/PPortPath.vue'
 
 export default {
   name: 'NetDocBCD',
-  components: { DBEditor, PaginatorTable, CheckMark, PPortNetwork, PatchActionForm, PatchRequestForm, Loading, NETVSIcon},
+  components: { PPortPath, DBEditor, PaginatorTable, CheckMark, PPortNetwork, PatchActionForm, PatchRequestForm, Loading, NETVSIcon},
   data() {
     return {
       bcd_name: undefined,