diff options
Diffstat (limited to 'app')
| -rw-r--r-- | app/assets/javascripts/repo/components/repo_file.vue | 8 |
1 files changed, 7 insertions, 1 deletions
diff --git a/app/assets/javascripts/repo/components/repo_file.vue b/app/assets/javascripts/repo/components/repo_file.vue index bd57c33af6a..f604bc22a26 100644 --- a/app/assets/javascripts/repo/components/repo_file.vue +++ b/app/assets/javascripts/repo/components/repo_file.vue @@ -29,6 +29,12 @@ const RepoFile = { }, }, + computed: { + canShowFile() { + return !this.loading.tree || this.hasFiles; + }, + }, + methods: { linkClicked(file) { this.$emit('linkclicked', file); @@ -40,7 +46,7 @@ export default RepoFile; </script> <template> -<tr class="file" v-if="!loading.tree || hasFiles" :class="{'active': activeFile.url === file.url}"> +<tr class="file" v-if="canShowFile" :class="{'active': activeFile.url === file.url}"> <td @click.prevent="linkClicked(file)"> <i class="fa file-icon" v-if="!file.loading" :class="file.icon" :style="{'margin-left': file.level * 10 + 'px'}"></i> <i class="fa fa-spinner fa-spin" v-if="file.loading" :style="{'margin-left': file.level * 10 + 'px'}"></i> |