Merge pull request #112 from nih-sparc/add-learn-more-section-to-cons…

…ortia-pages

Added learn more section to consortia pages

pages/about/consortia/[id].vue

@@ -20,6 +20,16 @@
         <div class="heading1 mb-16">Highlights</div>
         <gallery galleryItemType="highlights" :cardWidth="68" :items="highlights" />
       </div>
+      <div v-if="learnMore.length > 0" class="subpage">
+        <h1 class="heading1 mb-16">Learn More</h1>
+        <template v-for="(item, index) in learnMore" :key="index">
+          <div>
+            <learn-more-card :about-details-item="item" />
+            <hr
+              v-if="learnMore.length > 1 && index != learnMore.length - 1" />
+          </div>
+        </template>
+      </div>
     </div>
   </div>
 </template>
@@ -29,6 +39,7 @@ import { ref } from 'vue'
 import Paper from '~/components/Paper/Paper.vue'
 import Gallery from '~/components/Gallery/Gallery.vue'
 import ProjectsAndDatasetsCard from '~/components/ProjectsAndDatasets/ProjectsAndDatasetsCard/ProjectsAndDatasetsCard.vue'
+import LearnMoreCard from '@/components/LearnMoreCard/LearnMoreCard.vue'
 
 import marked from '@/mixins/marked'
 import { pathOr, propOr, isEmpty } from 'ramda'
@@ -39,7 +50,8 @@ export default {
   components: {
     Paper,
     Gallery,
-    ProjectsAndDatasetsCard
+    ProjectsAndDatasetsCard,
+    LearnMoreCard
   },
 
   mixins: [marked],
@@ -142,6 +154,9 @@ export default {
     whatWeDoButtonLink() {
       return pathOr('', ['fields', 'whatWeDoButtonLink'], this.consortiaItem)
     },
+    learnMore() {
+      return pathOr([], ['fields', 'learnMore'], this.consortiaItem)
+    },
     ourResearch() {
       return pathOr('', ['fields', 'ourResearch'], this.consortiaItem)
     },