mirror of
https://gitcode.com/gitea/gitea.git
synced 2025-07-31 21:43:05 +08:00
Convert frontend code to typescript (#31559)
None of the frontend js/ts files was touched besides these two commands
(edit: no longer true, I touched one file in
61105d0618
because of a deprecation that was not showing before the rename).
`tsc` currently reports 778 errors, so I have disabled it in CI as
planned.
Everything appears to work fine.
This commit is contained in:
.eslintrc.yamlMakefilepackage-lock.jsonpackage.jsontsconfig.jsontypes.d.tsvitest.config.ts
web_src/js
bootstrap.test.tsbootstrap.tsglobals.tshtmx.tsindex.ts
webpack.config.jscomponents
ActionRunStatus.vueActivityHeatmap.vueContextPopup.vueDashboardRepoList.vueDiffCommitSelector.vueDiffFileList.vueDiffFileTree.vueDiffFileTreeItem.vuePullRequestMergeForm.vueRepoActionView.vueRepoActivityTopAuthors.vueRepoBranchTagSelector.vueRepoCodeFrequency.vueRepoContributors.vueRepoRecentCommits.vueScopedAccessTokenSelector.vue
features
admin
autofocus-end.tscaptcha.tscitation.tsclipboard.tscode-frequency.tscodeeditor.tscolorpicker.tscommon-button.tscommon-fetch-action.tscommon-form.tscommon-issue-list.test.tscommon-issue-list.tscommon-organization.tscommon-page.tscomp
ComboMarkdownEditor.tsConfirmModal.tsEasyMDEToolbarActions.tsEditorMarkdown.tsEditorUpload.test.tsEditorUpload.tsLabelEdit.tsQuickSubmit.tsReactionSelector.tsSearchUserBox.tsTextExpander.tsWebHookEditor.ts
contextpopup.tscontributors.tscopycontent.tsdropzone.tsemoji.tseventsource.sharedworker.tsfile-fold.tsheatmap.tsimagediff.tsinstall.tsnotification.tsorg-team.tspull-view-file.tsrecent-commits.tsrepo-branch.tsrepo-code.test.tsrepo-code.tsrepo-commit.tsrepo-common.tsrepo-diff-commit.tsrepo-diff-commitselect.tsrepo-diff-filetree.tsrepo-diff.tsrepo-editor.tsrepo-findfile.test.tsrepo-findfile.tsrepo-graph.tsrepo-home.tsrepo-issue-content.tsrepo-issue-edit.tsrepo-issue-list.tsrepo-issue-pr-form.tsrepo-issue-pr-status.tsrepo-issue.tsrepo-legacy.tsrepo-migrate.tsrepo-migration.tsrepo-projects.tsrepo-release.tsrepo-search.tsrepo-settings.tsrepo-template.tsrepo-unicode-escape.tsrepo-wiki.tssshkey-helper.tsstopwatch.tstablesort.tstribute.tsuser-auth-webauthn.tsuser-auth.tsuser-settings.tsmarkup
modules
dirauto.tsfetch.test.tsfetch.tsfomantic.ts
fomantic
sortable.tsstores.tstippy.tstoast.test.tstoast.tsworker.tsrender
standalone
svg.test.tssvg.tsutils.test.tsutils.tsutils
color.test.tscolor.tsdom.test.tsdom.tsimage.test.tsimage.tsmatch.test.tsmatch.tstime.test.tstime.tsurl.test.tsurl.ts
vendor
vitest.setup.tswebcomponents
19
web_src/js/features/file-fold.ts
Normal file
19
web_src/js/features/file-fold.ts
Normal file
@ -0,0 +1,19 @@
|
||||
import {svg} from '../svg.ts';
|
||||
|
||||
// Hides the file if newFold is true, and shows it otherwise. The actual hiding is performed using CSS.
|
||||
//
|
||||
// The fold arrow is the icon displayed on the upper left of the file box, especially intended for components having the 'fold-file' class.
|
||||
// The file content box is the box that should be hidden or shown, especially intended for components having the 'file-content' class.
|
||||
//
|
||||
export function setFileFolding(fileContentBox, foldArrow, newFold) {
|
||||
foldArrow.innerHTML = svg(`octicon-chevron-${newFold ? 'right' : 'down'}`, 18);
|
||||
fileContentBox.setAttribute('data-folded', newFold);
|
||||
if (newFold && fileContentBox.getBoundingClientRect().top < 0) {
|
||||
fileContentBox.scrollIntoView();
|
||||
}
|
||||
}
|
||||
|
||||
// Like `setFileFolding`, except that it automatically inverts the current file folding state.
|
||||
export function invertFileFolding(fileContentBox, foldArrow) {
|
||||
setFileFolding(fileContentBox, foldArrow, fileContentBox.getAttribute('data-folded') !== 'true');
|
||||
}
|
Reference in New Issue
Block a user