diff options
Diffstat (limited to 'app/assets/javascripts/whats_new/components/feature.vue')
-rw-r--r-- | app/assets/javascripts/whats_new/components/feature.vue | 29 |
1 files changed, 14 insertions, 15 deletions
diff --git a/app/assets/javascripts/whats_new/components/feature.vue b/app/assets/javascripts/whats_new/components/feature.vue index 90f6230ef72..c954a86e593 100644 --- a/app/assets/javascripts/whats_new/components/feature.vue +++ b/app/assets/javascripts/whats_new/components/feature.vue @@ -30,7 +30,6 @@ export default { return dateInWords(date); }, }, - safeHtmlConfig: { ADD_ATTR: ['target'] }, }; </script> @@ -38,35 +37,35 @@ export default { <div class="gl-py-6 gl-px-6 gl-border-b-1 gl-border-b-solid gl-border-b-gray-100"> <gl-link v-if="feature.image_url" - :href="feature.url" + :href="feature.documentation_link" target="_blank" class="gl-display-block" data-testid="whats-new-image-link" data-track-action="click_whats_new_item" - :data-track-label="feature.title" - :data-track-property="feature.url" + :data-track-label="feature.name" + :data-track-property="feature.documentation_link" > <div class="whats-new-item-image gl-bg-size-cover" :style="`background-image: url(${feature.image_url});`" > - <span class="gl-sr-only">{{ feature.title }}</span> + <span class="gl-sr-only">{{ feature.name }}</span> </div> </gl-link> <gl-link - :href="feature.url" + :href="feature.documentation_link" target="_blank" class="whats-new-item-title-link gl-display-block gl-mt-4 gl-mb-1" data-track-action="click_whats_new_item" - :data-track-label="feature.title" - :data-track-property="feature.url" + :data-track-label="feature.name" + :data-track-property="feature.documentation_link" > - <h5 class="gl-font-lg gl-my-0" data-test-id="feature-title">{{ feature.title }}</h5> + <h5 class="gl-font-lg gl-my-0" data-test-id="feature-name">{{ feature.name }}</h5> </gl-link> <div v-if="releaseDate" class="gl-mb-3" data-testid="release-date">{{ releaseDate }}</div> - <div v-if="feature.packages" class="gl-mb-3"> + <div v-if="feature.available_in" class="gl-mb-3"> <gl-badge - v-for="packageName in feature.packages" + v-for="packageName in feature.available_in" :key="packageName" size="md" variant="tier" @@ -77,15 +76,15 @@ export default { </gl-badge> </div> <div - v-safe-html:[$options.safeHtmlConfig]="feature.body" + v-safe-html:[$options.safeHtmlConfig]="feature.description" class="gl-pt-3 gl-line-height-20" ></div> <gl-button - :href="feature.url" + :href="feature.documentation_link" target="_blank" data-track-action="click_whats_new_item" - :data-track-label="feature.title" - :data-track-property="feature.url" + :data-track-label="feature.name" + :data-track-property="feature.documentation_link" > {{ __('Learn more') }} <gl-icon name="arrow-right" /> </gl-button> |