diff options
Diffstat (limited to 'app/assets/javascripts/diffs/components/app.vue')
-rw-r--r-- | app/assets/javascripts/diffs/components/app.vue | 16 |
1 files changed, 15 insertions, 1 deletions
diff --git a/app/assets/javascripts/diffs/components/app.vue b/app/assets/javascripts/diffs/components/app.vue index f839cf82d7d..5af4536f194 100644 --- a/app/assets/javascripts/diffs/components/app.vue +++ b/app/assets/javascripts/diffs/components/app.vue @@ -1,4 +1,5 @@ <script> +import Vue from 'vue'; import { mapState, mapGetters, mapActions } from 'vuex'; import Icon from '~/vue_shared/components/icon.vue'; import { __ } from '~/locale'; @@ -109,12 +110,25 @@ export default { if (this.shouldShow) { this.fetchData(); } + + console.log('We are done!'); + }, + updated() { + console.log('We are upd ated ' + this.diffFiles.length); + if (this.diffFiles.length) { + Vue.nextTick() + .then(() => { + this.setNextFileToRender(); + requestAnimationFrame(this.setNextFileToRender); + }) + .catch(() => {}); + } }, created() { this.adjustView(); }, methods: { - ...mapActions('diffs', ['setBaseConfig', 'fetchDiffFiles']), + ...mapActions('diffs', ['setBaseConfig', 'fetchDiffFiles', 'setNextFileToRender']), fetchData() { this.fetchDiffFiles().catch(() => { createFlash(__('Something went wrong on our end. Please try again!')); |