diff options
| author | wxiaoguang <wxiaoguang@gmail.com> | 2024-11-15 02:48:41 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-11-15 02:48:41 +0800 |
| commit | 249e67672aea8a5a0ed73bedc655f9dcd37437ea (patch) | |
| tree | 4721d0d41d03bdbc54c88790efc26145bcf72cbd /web_src/js/components | |
| parent | 98d9a71ffe510da0e10d042d8f87a348022aca87 (diff) | |
| download | gitea-249e67672aea8a5a0ed73bedc655f9dcd37437ea.tar.gz gitea-249e67672aea8a5a0ed73bedc655f9dcd37437ea.zip | |
Remove jQuery import from some files (#32512)
Many files do not directly depend on jQuery now.
To clarify the usage: use `fomanticQuery` to operate Fomantic
components.
Then developers could focus on removing the remaining jQuery usages by
searching `import $` globally.
21 files now:
```
./components/RepoBranchTagSelector.vue:3:import $ from 'jquery';
./features/admin/common.ts:1:import $ from 'jquery';
./features/admin/emails.ts:1:import $ from 'jquery';
./features/common-button.ts:1:import $ from 'jquery';
./features/comp/ComboMarkdownEditor.ts:3:import $ from 'jquery'; (I am working on it, there will be a new PR)
./features/comp/LabelEdit.ts:1:import $ from 'jquery';
./features/notification.ts:1:import $ from 'jquery';
./features/org-team.ts:1:import $ from 'jquery';
./features/repo-code.ts:1:import $ from 'jquery';
./features/repo-common.ts:1:import $ from 'jquery';
./features/repo-diff.ts:1:import $ from 'jquery';
./features/repo-editor.ts:1:import $ from 'jquery';
./features/repo-issue-content.ts:1:import $ from 'jquery';
./features/repo-issue-list.ts:1:import $ from 'jquery';
./features/repo-issue-sidebar.ts:1:import $ from 'jquery';
./features/repo-issue.ts:1:import $ from 'jquery';
./features/repo-legacy.ts:1:import $ from 'jquery';
./features/repo-new.ts:1:import $ from 'jquery';
./features/repo-projects.ts:1:import $ from 'jquery';
./features/repo-settings.ts:1:import $ from 'jquery';
./features/repo-template.ts:1:import $ from 'jquery';
```
Diffstat (limited to 'web_src/js/components')
| -rw-r--r-- | web_src/js/components/DashboardRepoList.vue | 4 | ||||
| -rw-r--r-- | web_src/js/components/RepoContributors.vue | 4 |
2 files changed, 4 insertions, 4 deletions
diff --git a/web_src/js/components/DashboardRepoList.vue b/web_src/js/components/DashboardRepoList.vue index 986fcc1181..a6a8ccd2d1 100644 --- a/web_src/js/components/DashboardRepoList.vue +++ b/web_src/js/components/DashboardRepoList.vue @@ -1,8 +1,8 @@ <script lang="ts"> import {createApp, nextTick} from 'vue'; -import $ from 'jquery'; import {SvgIcon} from '../svg.ts'; import {GET} from '../modules/fetch.ts'; +import {fomanticQuery} from '../modules/fomantic/base.ts'; const {appSubUrl, assetUrlPrefix, pageData} = window.config; @@ -102,7 +102,7 @@ const sfc = { mounted() { const el = document.querySelector('#dashboard-repo-list'); this.changeReposFilter(this.reposFilter); - $(el).find('.dropdown').dropdown(); + fomanticQuery(el.querySelector('.ui.dropdown')).dropdown(); nextTick(() => { this.$refs.search.focus(); }); diff --git a/web_src/js/components/RepoContributors.vue b/web_src/js/components/RepoContributors.vue index d44d0cd22d..f42278ef6b 100644 --- a/web_src/js/components/RepoContributors.vue +++ b/web_src/js/components/RepoContributors.vue @@ -21,7 +21,7 @@ import { import {chartJsColors} from '../utils/color.ts'; import {sleep} from '../utils.ts'; import 'chartjs-adapter-dayjs-4/dist/chartjs-adapter-dayjs-4.esm'; -import $ from 'jquery'; +import {fomanticQuery} from '../modules/fomantic/base.ts'; const customEventListener = { id: 'customEventListener', @@ -77,7 +77,7 @@ export default { mounted() { this.fetchGraphData(); - $('#repo-contributors').dropdown({ + fomanticQuery('#repo-contributors').dropdown({ onChange: (val) => { this.xAxisMin = this.xAxisStart; this.xAxisMax = this.xAxisEnd; |