Add ability to pass component to Header as prop

src/components/ADCE/HeaderSubtextTooltip.vue

+<template>
+  <span>
+    <Tooltip text="ABMS" tooltip="Advanced Battle Management System" light />
+    <Tooltip text="ADCE" tooltip="All Domain Common Environment" light />
+  </span>
+</template>
+
+<script>
+import Tooltip from "@/components/Base/Tooltip.vue";
+export default {
+  components: { Tooltip },
+};
+</script>
+<style></style>

src/components/PageHeader.vue

@@ -35,10 +35,13 @@
               : 'col-md-9 py-0 mt-md-n10'
           "
         >
-          <div v-if="subtext">
-            <h2 class="subtext">
+          <div v-if="subtext || subtextComponent">
+            <h2 class="subtext" v-if="subtext">
               {{ subtext }}
             </h2>
+            <h2 class="subtext" v-if="subtextComponent">
+              <component v-bind:is="subtextComponent" />
+            </h2>
           </div>
           <div class="py-0">
             <h1 class="my-0">
@@ -105,6 +108,7 @@ export default {
     displaySearch: Boolean,
     onChangeSearch: Function,
     hideBreadcrumbs: Boolean,
+    subtextComponent: Object,
   },
   components: { Breadcrumb },
   data() {

src/views/ADCE.vue

@@ -2,7 +2,7 @@
   <div class="adce">
     <PageHeader
       title="The Party Bus"
-      subtext="ABMS ADCE"
+      :subtextComponent="headerSubtextTooltip"
       description="The environment and services you need to develop and deploy your software application"
       :logoSource="pbLogo"
     />
@@ -249,6 +249,7 @@ import PairedProgrammingIcon from "@/assets/images/icons/Icon_PairedProgramming.
 import TestDrivenDevelopmentIcon from "@/assets/images/icons/Icon_TestDrivenDevelopment.svg";
 import PBGraphicsProcess from "@/assets/images/party-bus/Party_Bus_Graphics_Process.png";
 import DownloadButton from "@/components/Base/DownloadButton";
+import HeaderSubtextTooltip from "@/components/ADCE/HeaderSubtextTooltip";
 
 export default {
   name: "ADCE",
@@ -281,6 +282,7 @@ export default {
     return {
       currentTab: "",
       pbLogo: PBLogo,
+      headerSubtextTooltip: HeaderSubtextTooltip,
       pbGraphicsProcess: PBGraphicsProcess,
       // lightbox state
       lightbox: {