mirror of https://github.com/go-gitea/gitea.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
59 lines
2.2 KiB
59 lines
2.2 KiB
<template> |
|
<ol class="diff-detail-box diff-stats gt-m-0" ref="root" v-if="store.fileListIsVisible"> |
|
<li v-for="file in store.files" :key="file.NameHash"> |
|
<div class="gt-font-semibold gt-df gt-ac pull-right"> |
|
<span v-if="file.IsBin" class="gt-ml-1 gt-mr-3">{{ store.binaryFileMessage }}</span> |
|
{{ file.IsBin ? '' : file.Addition + file.Deletion }} |
|
<span v-if="!file.IsBin" class="diff-stats-bar gt-mx-3" :data-tooltip-content="store.statisticsMessage.replace('%d', (file.Addition + file.Deletion)).replace('%d', file.Addition).replace('%d', file.Deletion)"> |
|
<div class="diff-stats-add-bar" :style="{ 'width': diffStatsWidth(file.Addition, file.Deletion) }"/> |
|
</span> |
|
</div> |
|
<!-- todo finish all file status, now modify, add, delete and rename --> |
|
<span :class="['status', diffTypeToString(file.Type)]" :data-tooltip-content="diffTypeToString(file.Type)"> </span> |
|
<a class="file gt-mono" :href="'#diff-' + file.NameHash">{{ file.Name }}</a> |
|
</li> |
|
<li v-if="store.isIncomplete" class="gt-pt-2"> |
|
<span class="file gt-df gt-ac gt-sb">{{ store.tooManyFilesMessage }} |
|
<a :class="['ui', 'basic', 'tiny', 'button', store.isLoadingNewData ? 'disabled' : '']" @click.stop="loadMoreData">{{ store.showMoreMessage }}</a> |
|
</span> |
|
</li> |
|
</ol> |
|
</template> |
|
|
|
<script> |
|
import {loadMoreFiles} from '../features/repo-diff.js'; |
|
import {diffTreeStore} from '../modules/stores.js'; |
|
|
|
export default { |
|
data: () => { |
|
return {store: diffTreeStore()}; |
|
}, |
|
mounted() { |
|
document.getElementById('show-file-list-btn').addEventListener('click', this.toggleFileList); |
|
}, |
|
unmounted() { |
|
document.getElementById('show-file-list-btn').removeEventListener('click', this.toggleFileList); |
|
}, |
|
methods: { |
|
toggleFileList() { |
|
this.store.fileListIsVisible = !this.store.fileListIsVisible; |
|
}, |
|
diffTypeToString(pType) { |
|
const diffTypes = { |
|
1: 'add', |
|
2: 'modify', |
|
3: 'del', |
|
4: 'rename', |
|
5: 'copy', |
|
}; |
|
return diffTypes[pType]; |
|
}, |
|
diffStatsWidth(adds, dels) { |
|
return `${adds / (adds + dels) * 100}%`; |
|
}, |
|
loadMoreData() { |
|
loadMoreFiles(this.store.linkLoadMore); |
|
} |
|
}, |
|
}; |
|
</script>
|
|
|