diff options
author | Tim Zallmann <tzallmann@gitlab.com> | 2018-07-09 12:16:40 +0200 |
---|---|---|
committer | Tim Zallmann <tzallmann@gitlab.com> | 2018-07-17 16:07:02 +0200 |
commit | 966eb569f441c6a2c9afa0bdf770871bbc719667 (patch) | |
tree | 6a9b25298c61e0f8e7e0d7e6a7e2599c94c071ab /app/assets/javascripts/diffs/components/app.vue | |
parent | fc6b8c17e8682ab52dd2e5091f1044de1f9a6123 (diff) | |
download | gitlab-ce-tz-experimental-mr-perf-impr.tar.gz |
First try at deferred renderingtz-experimental-mr-perf-impr
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!')); |