2024-10-28 23:15:05 +03:00
< script lang = "ts" setup >
import { onMounted , onUnmounted } from 'vue' ;
2024-07-07 18:32:30 +03:00
import { loadMoreFiles } from '../features/repo-diff.ts' ;
import { diffTreeStore } from '../modules/stores.ts' ;
2022-09-27 08:22:19 +03:00
2024-10-28 23:15:05 +03:00
const store = diffTreeStore ( ) ;
onMounted ( ( ) => {
document . querySelector ( '#show-file-list-btn' ) . addEventListener ( 'click' , toggleFileList ) ;
} ) ;
onUnmounted ( ( ) => {
document . querySelector ( '#show-file-list-btn' ) . removeEventListener ( 'click' , toggleFileList ) ;
} ) ;
function toggleFileList ( ) {
store . fileListIsVisible = ! store . fileListIsVisible ;
}
function diffTypeToString ( pType ) {
const diffTypes = {
1 : 'add' ,
2 : 'modify' ,
3 : 'del' ,
4 : 'rename' ,
5 : 'copy' ,
} ;
return diffTypes [ pType ] ;
}
function diffStatsWidth ( adds , dels ) {
return ` ${ adds / ( adds + dels ) * 100 } % ` ;
}
function loadMoreData ( ) {
loadMoreFiles ( store . linkLoadMore ) ;
}
2022-09-27 08:22:19 +03:00
< / script >
2024-10-28 23:15:05 +03:00
2023-09-02 17:59:07 +03:00
< template >
Migrate margin and padding helpers to tailwind (#30043)
This will conclude the refactor of 1:1 class replacements to tailwind,
except `gt-hidden`. Commands ran:
```bash
perl -p -i -e 's#gt-(p|m)([lrtbxy])?-0#tw-$1$2-0#g' {web_src/js,templates,routers,services}/**/*
perl -p -i -e 's#gt-(p|m)([lrtbxy])?-1#tw-$1$2-0.5#g' {web_src/js,templates,routers,services}/**/*
perl -p -i -e 's#gt-(p|m)([lrtbxy])?-2#tw-$1$2-1#g' {web_src/js,templates,routers,services}/**/*
perl -p -i -e 's#gt-(p|m)([lrtbxy])?-3#tw-$1$2-2#g' {web_src/js,templates,routers,services}/**/*
perl -p -i -e 's#gt-(p|m)([lrtbxy])?-4#tw-$1$2-4#g' {web_src/js,templates,routers,services}/**/*
perl -p -i -e 's#gt-(p|m)([lrtbxy])?-5#tw-$1$2-8#g' {web_src/js,templates,routers,services}/**/*
```
2024-03-24 19:42:49 +03:00
< ol class = "diff-stats tw-m-0" ref = "root" v-if ="store.fileListIsVisible" >
2023-09-02 17:59:07 +03:00
< li v-for ="file in store.files" :key="file.NameHash" >
2024-03-23 21:45:11 +03:00
< div class = "tw-font-semibold tw-flex tw-items-center pull-right" >
Migrate margin and padding helpers to tailwind (#30043)
This will conclude the refactor of 1:1 class replacements to tailwind,
except `gt-hidden`. Commands ran:
```bash
perl -p -i -e 's#gt-(p|m)([lrtbxy])?-0#tw-$1$2-0#g' {web_src/js,templates,routers,services}/**/*
perl -p -i -e 's#gt-(p|m)([lrtbxy])?-1#tw-$1$2-0.5#g' {web_src/js,templates,routers,services}/**/*
perl -p -i -e 's#gt-(p|m)([lrtbxy])?-2#tw-$1$2-1#g' {web_src/js,templates,routers,services}/**/*
perl -p -i -e 's#gt-(p|m)([lrtbxy])?-3#tw-$1$2-2#g' {web_src/js,templates,routers,services}/**/*
perl -p -i -e 's#gt-(p|m)([lrtbxy])?-4#tw-$1$2-4#g' {web_src/js,templates,routers,services}/**/*
perl -p -i -e 's#gt-(p|m)([lrtbxy])?-5#tw-$1$2-8#g' {web_src/js,templates,routers,services}/**/*
```
2024-03-24 19:42:49 +03:00
< span v-if ="file.IsBin" class="tw-ml-0.5 tw-mr-2" > {{ store.binaryFileMessage }} < / span >
2023-09-02 17:59:07 +03:00
{ { file . IsBin ? '' : file . Addition + file . Deletion } }
Migrate margin and padding helpers to tailwind (#30043)
This will conclude the refactor of 1:1 class replacements to tailwind,
except `gt-hidden`. Commands ran:
```bash
perl -p -i -e 's#gt-(p|m)([lrtbxy])?-0#tw-$1$2-0#g' {web_src/js,templates,routers,services}/**/*
perl -p -i -e 's#gt-(p|m)([lrtbxy])?-1#tw-$1$2-0.5#g' {web_src/js,templates,routers,services}/**/*
perl -p -i -e 's#gt-(p|m)([lrtbxy])?-2#tw-$1$2-1#g' {web_src/js,templates,routers,services}/**/*
perl -p -i -e 's#gt-(p|m)([lrtbxy])?-3#tw-$1$2-2#g' {web_src/js,templates,routers,services}/**/*
perl -p -i -e 's#gt-(p|m)([lrtbxy])?-4#tw-$1$2-4#g' {web_src/js,templates,routers,services}/**/*
perl -p -i -e 's#gt-(p|m)([lrtbxy])?-5#tw-$1$2-8#g' {web_src/js,templates,routers,services}/**/*
```
2024-03-24 19:42:49 +03:00
< span v-if ="!file.IsBin" class="diff-stats-bar tw-mx-2" :data-tooltip-content="store.statisticsMessage.replace('%d', (file.Addition + file.Deletion)).replace('%d', file.Addition).replace('%d', file.Deletion)" >
2023-09-02 17:59:07 +03:00
< 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)" > & nbsp ; < / span >
2024-03-28 11:31:07 +03:00
< a class = "file tw-font-mono" : href = "'#diff-' + file.NameHash" > { { file . Name } } < / a >
2023-09-02 17:59:07 +03:00
< / li >
Migrate margin and padding helpers to tailwind (#30043)
This will conclude the refactor of 1:1 class replacements to tailwind,
except `gt-hidden`. Commands ran:
```bash
perl -p -i -e 's#gt-(p|m)([lrtbxy])?-0#tw-$1$2-0#g' {web_src/js,templates,routers,services}/**/*
perl -p -i -e 's#gt-(p|m)([lrtbxy])?-1#tw-$1$2-0.5#g' {web_src/js,templates,routers,services}/**/*
perl -p -i -e 's#gt-(p|m)([lrtbxy])?-2#tw-$1$2-1#g' {web_src/js,templates,routers,services}/**/*
perl -p -i -e 's#gt-(p|m)([lrtbxy])?-3#tw-$1$2-2#g' {web_src/js,templates,routers,services}/**/*
perl -p -i -e 's#gt-(p|m)([lrtbxy])?-4#tw-$1$2-4#g' {web_src/js,templates,routers,services}/**/*
perl -p -i -e 's#gt-(p|m)([lrtbxy])?-5#tw-$1$2-8#g' {web_src/js,templates,routers,services}/**/*
```
2024-03-24 19:42:49 +03:00
< li v-if ="store.isIncomplete" class="tw-pt-1" >
2024-03-22 22:51:29 +03:00
< span class = "file tw-flex tw-items-center tw-justify-between" > { { store . tooManyFilesMessage } }
2023-09-02 17:59:07 +03:00
< a : class = "['ui', 'basic', 'tiny', 'button', store.isLoadingNewData ? 'disabled' : '']" @click.stop ="loadMoreData" > { { store . showMoreMessage } } < / a >
< / span >
< / li >
< / ol >
< / template >