.drone.yml

@@ -9,6 +9,8 @@ platform:
 
 trigger:
   event:
+    - push
+    - tag
     - pull_request
   paths:
     exclude:
@@ -26,7 +28,7 @@ steps:
       - make deps-frontend
 
   - name: deps-backend
-    image: gitea/test_env:linux-1.20-amd64
+    image: golang:1.20
     pull: always
     commands:
       - make deps-backend
@@ -42,7 +44,7 @@ steps:
     depends_on: [deps-frontend]
 
   - name: lint-backend
-    image: gitea/test_env:linux-1.20-amd64  # https://gitea.com/gitea/test-env
+    image: gitea/test_env:linux-amd64  # https://gitea.com/gitea/test-env
     pull: always
     commands:
       - make lint-backend
@@ -56,7 +58,7 @@ steps:
         path: /go
 
   - name: lint-backend-windows
-    image: gitea/test_env:linux-1.20-amd64  # https://gitea.com/gitea/test-env
+    image: gitea/test_env:linux-amd64  # https://gitea.com/gitea/test-env
     commands:
       - make golangci-lint-windows vet
     environment:
@@ -71,7 +73,7 @@ steps:
         path: /go
 
   - name: lint-backend-gogit
-    image: gitea/test_env:linux-1.20-amd64  # https://gitea.com/gitea/test-env
+    image: gitea/test_env:linux-amd64  # https://gitea.com/gitea/test-env
     commands:
       - make lint-backend
     environment:
@@ -90,7 +92,7 @@ steps:
     depends_on: [deps-frontend]
 
   - name: checks-backend
-    image: gitea/test_env:linux-1.20-amd64
+    image: golang:1.20
     commands:
       - make --always-make checks-backend # ensure the 'go-licenses' make target runs
     depends_on: [deps-backend]
@@ -111,7 +113,7 @@ steps:
     depends_on: [deps-frontend]
 
   - name: build-backend-no-gcc
-    image: gitea/test_env:linux-1.19-amd64 # this step is kept as the lowest version of golang that we support
+    image: golang:1.19 # this step is kept as the lowest version of golang that we support
     pull: always
     environment:
       GOPROXY: https://goproxy.io
@@ -123,7 +125,7 @@ steps:
         path: /go
 
   - name: build-backend-arm64
-    image: gitea/test_env:linux-1.20-amd64
+    image: golang:1.20
     environment:
       GOPROXY: https://goproxy.io
       GOOS: linux
@@ -138,7 +140,7 @@ steps:
         path: /go
 
   - name: build-backend-windows
-    image: gitea/test_env:linux-1.20-amd64
+    image: golang:1.20
     environment:
       GOPROXY: https://goproxy.io
       GOOS: windows
@@ -152,7 +154,7 @@ steps:
         path: /go
 
   - name: build-backend-386
-    image: gitea/test_env:linux-1.20-amd64
+    image: golang:1.20
     environment:
       GOPROXY: https://goproxy.io
       GOOS: linux
@@ -178,6 +180,8 @@ depends_on:
 
 trigger:
   event:
+    - push
+    - tag
     - pull_request
   paths:
     exclude:
@@ -213,6 +217,7 @@ steps:
     image: docker:git
     pull: always
     commands:
+      - git config --global --add safe.directory /drone/src
       - git fetch --tags --force
     when:
       event:
@@ -220,7 +225,7 @@ steps:
           - pull_request
 
   - name: deps-backend
-    image: gitea/test_env:linux-1.20-amd64
+    image: golang:1.20
     pull: always
     commands:
       - make deps-backend
@@ -229,13 +234,13 @@ steps:
         path: /go
 
   - name: prepare-test-env
-    image: gitea/test_env:linux-1.20-amd64  # https://gitea.com/gitea/test-env
+    image: gitea/test_env:linux-amd64  # https://gitea.com/gitea/test-env
     pull: always
     commands:
       - ./build/test-env-prepare.sh
 
   - name: build
-    image: gitea/test_env:linux-1.20-amd64  # https://gitea.com/gitea/test-env
+    image: gitea/test_env:linux-amd64  # https://gitea.com/gitea/test-env
     user: gitea
     commands:
       - ./build/test-env-check.sh
@@ -250,7 +255,7 @@ steps:
         path: /go
 
   - name: test-pgsql
-    image: gitea/test_env:linux-1.20-amd64  # https://gitea.com/gitea/test-env
+    image: gitea/test_env:linux-amd64  # https://gitea.com/gitea/test-env
     user: gitea
     commands:
       - timeout -s ABRT 50m make test-pgsql-migration test-pgsql
@@ -280,6 +285,8 @@ depends_on:
 
 trigger:
   event:
+    - push
+    - tag
     - pull_request
   paths:
     exclude:
@@ -312,6 +319,7 @@ steps:
     image: docker:git
     pull: always
     commands:
+      - git config --global --add safe.directory /drone/src
       - git fetch --tags --force
     when:
       event:
@@ -319,7 +327,7 @@ steps:
           - pull_request
 
   - name: deps-backend
-    image: gitea/test_env:linux-1.20-amd64
+    image: golang:1.20
     pull: always
     commands:
       - make deps-backend
@@ -328,13 +336,13 @@ steps:
         path: /go
 
   - name: prepare-test-env
-    image: gitea/test_env:linux-1.20-amd64  # https://gitea.com/gitea/test-env
+    image: gitea/test_env:linux-amd64  # https://gitea.com/gitea/test-env
     pull: always
     commands:
       - ./build/test-env-prepare.sh
 
   - name: build
-    image: gitea/test_env:linux-1.20-amd64  # https://gitea.com/gitea/test-env
+    image: gitea/test_env:linux-amd64  # https://gitea.com/gitea/test-env
     user: gitea
     commands:
       - ./build/test-env-check.sh
@@ -349,7 +357,7 @@ steps:
         path: /go
 
   - name: unit-test
-    image: gitea/test_env:linux-1.20-amd64  # https://gitea.com/gitea/test-env
+    image: gitea/test_env:linux-amd64  # https://gitea.com/gitea/test-env
     user: gitea
     commands:
       - make unit-test-coverage test-check
@@ -365,7 +373,7 @@ steps:
         path: /go
 
   - name: unit-test-gogit
-    image: gitea/test_env:linux-1.20-amd64  # https://gitea.com/gitea/test-env
+    image: gitea/test_env:linux-amd64  # https://gitea.com/gitea/test-env
     user: gitea
     commands:
       - make unit-test-coverage test-check
@@ -381,7 +389,7 @@ steps:
         path: /go
 
   - name: test-mysql
-    image: gitea/test_env:linux-1.20-amd64  # https://gitea.com/gitea/test-env
+    image: gitea/test_env:linux-amd64  # https://gitea.com/gitea/test-env
     user: gitea
     commands:
       - make test-mysql-migration integration-test-coverage
@@ -397,7 +405,7 @@ steps:
         path: /go
 
   - name: generate-coverage
-    image: gitea/test_env:linux-1.20-amd64
+    image: golang:1.20
     commands:
       - make coverage
     environment:
@@ -441,6 +449,8 @@ depends_on:
 
 trigger:
   event:
+    - push
+    - tag
     - pull_request
   paths:
     exclude:
@@ -463,6 +473,7 @@ steps:
     image: docker:git
     pull: always
     commands:
+      - git config --global --add safe.directory /drone/src
       - git fetch --tags --force
     when:
       event:
@@ -470,7 +481,7 @@ steps:
           - pull_request
 
   - name: deps-backend
-    image: gitea/test_env:linux-1.20-amd64
+    image: golang:1.20
     pull: always
     commands:
       - make deps-backend
@@ -479,13 +490,13 @@ steps:
         path: /go
 
   - name: prepare-test-env
-    image: gitea/test_env:linux-1.20-amd64  # https://gitea.com/gitea/test-env
+    image: gitea/test_env:linux-amd64  # https://gitea.com/gitea/test-env
     pull: always
     commands:
       - ./build/test-env-prepare.sh
 
   - name: build
-    image: gitea/test_env:linux-1.20-amd64  # https://gitea.com/gitea/test-env
+    image: gitea/test_env:linux-amd64  # https://gitea.com/gitea/test-env
     user: gitea
     commands:
       - ./build/test-env-check.sh
@@ -500,7 +511,7 @@ steps:
         path: /go
 
   - name: test-mysql8
-    image: gitea/test_env:linux-1.20-amd64  # https://gitea.com/gitea/test-env
+    image: gitea/test_env:linux-amd64  # https://gitea.com/gitea/test-env
     user: gitea
     commands:
       - timeout -s ABRT 50m make test-mysql8-migration test-mysql8
@@ -527,6 +538,8 @@ depends_on:
 
 trigger:
   event:
+    - push
+    - tag
     - pull_request
   paths:
     exclude:
@@ -550,6 +563,7 @@ steps:
     image: docker:git
     pull: always
     commands:
+      - git config --global --add safe.directory /drone/src
       - git fetch --tags --force
     when:
       event:
@@ -557,7 +571,7 @@ steps:
           - pull_request
 
   - name: deps-backend
-    image: gitea/test_env:linux-1.20-amd64
+    image: golang:1.20
     pull: always
     commands:
       - make deps-backend
@@ -566,13 +580,13 @@ steps:
         path: /go
 
   - name: prepare-test-env
-    image: gitea/test_env:linux-1.20-amd64  # https://gitea.com/gitea/test-env
+    image: gitea/test_env:linux-amd64  # https://gitea.com/gitea/test-env
     pull: always
     commands:
       - ./build/test-env-prepare.sh
 
   - name: build
-    image: gitea/test_env:linux-1.20-amd64  # https://gitea.com/gitea/test-env
+    image: gitea/test_env:linux-amd64  # https://gitea.com/gitea/test-env
     user: gitea
     commands:
       - ./build/test-env-check.sh
@@ -587,7 +601,7 @@ steps:
         path: /go
 
   - name: test-mssql
-    image: gitea/test_env:linux-1.20-amd64  # https://gitea.com/gitea/test-env
+    image: gitea/test_env:linux-amd64  # https://gitea.com/gitea/test-env
     user: gitea
     commands:
       - make test-mssql-migration test-mssql
@@ -613,6 +627,8 @@ depends_on:
 
 trigger:
   event:
+    - push
+    - tag
     - pull_request
   paths:
     exclude:
@@ -627,6 +643,7 @@ steps:
     image: docker:git
     pull: always
     commands:
+      - git config --global --add safe.directory /drone/src
       - git fetch --tags --force
     when:
       event:
@@ -634,7 +651,7 @@ steps:
           - pull_request
 
   - name: deps-backend
-    image: gitea/test_env:linux-1.20-arm64
+    image: golang:1.20
     pull: always
     commands:
       - make deps-backend
@@ -643,13 +660,13 @@ steps:
         path: /go
 
   - name: prepare-test-env
-    image: gitea/test_env:linux-1.20-arm64  # https://gitea.com/gitea/test-env
+    image: gitea/test_env:linux-arm64  # https://gitea.com/gitea/test-env
     pull: always
     commands:
       - ./build/test-env-prepare.sh
 
   - name: build
-    image: gitea/test_env:linux-1.20-arm64  # https://gitea.com/gitea/test-env
+    image: gitea/test_env:linux-arm64  # https://gitea.com/gitea/test-env
     user: gitea
     commands:
       - ./build/test-env-check.sh
@@ -664,7 +681,7 @@ steps:
         path: /go
 
   - name: test-sqlite
-    image: gitea/test_env:linux-1.20-arm64  # https://gitea.com/gitea/test-env
+    image: gitea/test_env:linux-arm64  # https://gitea.com/gitea/test-env
     user: gitea
     commands:
       - timeout -s ABRT 50m make test-sqlite-migration test-sqlite
@@ -716,7 +733,7 @@ steps:
     depends_on: [deps-frontend]
 
   - name: deps-backend
-    image: gitea/test_env:linux-1.20-amd64
+    image: golang:1.18
     pull: always
     commands:
       - make deps-backend
@@ -825,7 +842,7 @@ trigger:
 
 steps:
   - name: download
-    image: gitea/test_env:linux-1.20-amd64
+    image: golang:1.20
     pull: always
     commands:
       - timeout -s ABRT 40m make generate-license generate-gitignore
@@ -885,6 +902,7 @@ steps:
     image: docker:git
     pull: always
     commands:
+      - git config --global --add safe.directory /drone/src
       - git fetch --tags --force
 
   - name: deps-frontend
@@ -894,7 +912,7 @@ steps:
       - make deps-frontend
 
   - name: deps-backend
-    image: gitea/test_env:linux-1.20-amd64
+    image: golang:1.20
     pull: always
     commands:
       - make deps-backend
@@ -1020,6 +1038,7 @@ steps:
     image: docker:git
     pull: always
     commands:
+      - git config --global --add safe.directory /drone/src
       - git fetch --tags --force
 
   - name: deps-frontend
@@ -1029,7 +1048,7 @@ steps:
       - make deps-frontend
 
   - name: deps-backend
-    image: gitea/test_env:linux-1.20-amd64
+    image: golang:1.20
     pull: always
     commands:
       - make deps-backend
@@ -1129,7 +1148,7 @@ trigger:
 
 steps:
   - name: build-docs
-    image: gitea/test_env:linux-1.20-amd64
+    image: golang:1.20
     commands:
       - cd docs
       - make trans-copy clean build
@@ -1183,6 +1202,7 @@ steps:
     image: docker:git
     pull: always
     commands:
+      - git config --global --add safe.directory /drone/src
       - git fetch --tags --force
 
   - name: publish
@@ -1260,6 +1280,7 @@ steps:
     image: docker:git
     pull: always
     commands:
+      - git config --global --add safe.directory /drone/src
       - git fetch --tags --force
 
   - name: publish
@@ -1332,6 +1353,7 @@ steps:
     image: docker:git
     pull: always
     commands:
+      - git config --global --add safe.directory /drone/src
       - git fetch --tags --force
 
   - name: publish
@@ -1405,6 +1427,7 @@ steps:
     image: docker:git
     pull: always
     commands:
+      - git config --global --add safe.directory /drone/src
       - git fetch --tags --force
 
   - name: publish
@@ -1454,7 +1477,7 @@ steps:
 ---
 kind: pipeline
 type: docker
-name: docker-linux-arm64-dry-run
+name: docker-linux-amd64-dry-run
 
 platform:
   os: linux
@@ -1464,8 +1487,8 @@ depends_on:
   - compliance
 
 trigger:
-  event:
-    - pull_request
+  ref:
+  - "refs/pull/**"
   paths:
     exclude:
       - docs/**
@@ -1522,6 +1545,7 @@ steps:
     image: docker:git
     pull: always
     commands:
+      - git config --global --add safe.directory /drone/src
       - git fetch --tags --force
 
   - name: publish
@@ -1599,6 +1623,7 @@ steps:
     image: docker:git
     pull: always
     commands:
+      - git config --global --add safe.directory /drone/src
       - git fetch --tags --force
 
   - name: publish
@@ -1674,6 +1699,7 @@ steps:
     image: docker:git
     pull: always
     commands:
+      - git config --global --add safe.directory /drone/src
       - git fetch --tags --force
 
   - name: publish
@@ -1747,6 +1773,7 @@ steps:
     image: docker:git
     pull: always
     commands:
+      - git config --global --add safe.directory /drone/src
       - git fetch --tags --force
 
   - name: publish

.stylelintrc.yaml

@@ -5,6 +5,8 @@ ignoreFiles:
   - "**/*.go"
 
 overrides:
+  - files: ["**/*.less"]
+    customSyntax: postcss-less
   - files: ["**/chroma/*", "**/codemirror/*", "**/standalone/*", "**/console/*"]
     rules:
       scale-unlimited/declaration-strict-value: null

Makefile

@@ -29,7 +29,7 @@ AIR_PACKAGE ?= github.com/cosmtrek/air@v1.40.4
 EDITORCONFIG_CHECKER_PACKAGE ?= github.com/editorconfig-checker/editorconfig-checker/cmd/editorconfig-checker@2.6.0
 ERRCHECK_PACKAGE ?= github.com/kisielk/errcheck@v1.6.2
 GOFUMPT_PACKAGE ?= mvdan.cc/gofumpt@v0.4.0
-GOLANGCI_LINT_PACKAGE ?= github.com/golangci/golangci-lint/cmd/golangci-lint@v1.51.2
+GOLANGCI_LINT_PACKAGE ?= github.com/golangci/golangci-lint/cmd/golangci-lint@v1.51.0
 GXZ_PAGAGE ?= github.com/ulikunitz/xz/cmd/gxz@v0.5.10
 MISSPELL_PACKAGE ?= github.com/client9/misspell/cmd/misspell@v0.3.4
 SWAGGER_PACKAGE ?= github.com/go-swagger/go-swagger/cmd/swagger@v0.30.4
@@ -105,7 +105,7 @@ GO_TEST_PACKAGES ?= $(filter-out $(shell $(GO) list code.gitea.io/gitea/models/m
 
 FOMANTIC_WORK_DIR := web_src/fomantic
 
-WEBPACK_SOURCES := $(shell find web_src/js web_src/css -type f)
+WEBPACK_SOURCES := $(shell find web_src/js web_src/less -type f)
 WEBPACK_CONFIGS := webpack.config.js
 WEBPACK_DEST := public/js/index.js public/css/index.css
 WEBPACK_DEST_ENTRIES := public/js public/css public/fonts public/img/webpack public/serviceworker.js
@@ -131,7 +131,7 @@ TEST_TAGS ?= sqlite sqlite_unlock_notify
 TAR_EXCLUDES := .git data indexers queues log node_modules $(EXECUTABLE) $(FOMANTIC_WORK_DIR)/node_modules $(DIST) $(MAKE_EVIDENCE_DIR) $(AIR_TMP_DIR) $(GO_LICENSE_TMP_DIR)
 
 GO_DIRS := cmd tests models modules routers build services tools
-WEB_DIRS := web_src/js web_src/css
+WEB_DIRS := web_src/js web_src/less
 
 GO_SOURCES := $(wildcard *.go)
 GO_SOURCES += $(shell find $(GO_DIRS) -type f -name "*.go" -not -path modules/options/bindata.go -not -path modules/public/bindata.go -not -path modules/templates/bindata.go)
@@ -342,7 +342,7 @@ lint: lint-frontend lint-backend
 .PHONY: lint-frontend
 lint-frontend: node_modules
 	npx eslint --color --max-warnings=0 --ext js,vue web_src/js build *.config.js docs/assets/js tests/e2e
-	npx stylelint --color --max-warnings=0 web_src/css
+	npx stylelint --color --max-warnings=0 web_src/less
 	npx spectral lint -q -F hint $(SWAGGER_SPEC)
 	npx markdownlint docs *.md
 

custom/conf/app.example.ini

@@ -20,7 +20,7 @@
 ;;   - The environment variable `$GITEA_WORK_DIR`
 ;;   - A built-in value set at build time (see building from source)
 ;;   - Otherwise it defaults to the directory of the _`AppPath`_
-;;   - If any of the above are relative paths then they are made absolute against
+;;   - If any of the above are relative paths then they are made absolute against the
 ;; the directory of the _`AppPath`_
 ;; - _`CustomPath`_: This is the base directory for custom templates and other options.
 ;; It is determined by using the first set thing in the following hierarchy:

docs/content/doc/advanced/config-cheat-sheet.en-us.md

@@ -46,7 +46,7 @@ reported as part of the default configuration when running `gitea --help` or on
   - The environment variable `$GITEA_WORK_DIR`
   - A built-in value set at build time (see building from source)
   - Otherwise it defaults to the directory of the _`AppPath`_
-  - If any of the above are relative paths then they are made absolute against
+  - If any of the above are relative paths then they are made absolute against the
 the directory of the _`AppPath`_
 - _`CustomPath`_: This is the base directory for custom templates and other options.
 It is determined by using the first set thing in the following hierarchy:

docs/content/doc/advanced/customizing-gitea.en-us.md

@@ -354,7 +354,7 @@ To make a custom theme available to all users:
 
 Community themes are listed in [gitea/awesome-gitea#themes](https://gitea.com/gitea/awesome-gitea#themes).
 
-The `arc-green` theme source can be found [here](https://github.com/go-gitea/gitea/blob/main/web_src/css/themes/theme-arc-green.css).
+The `arc-green` theme source can be found [here](https://github.com/go-gitea/gitea/blob/main/web_src/less/themes/theme-arc-green.less).
 
 If your custom theme is considered a dark theme, set the global css variable `--is-dark-theme` to `true`.
 This allows Gitea to adjust the Monaco code editor's theme accordingly.

docs/content/doc/developers/guidelines-frontend.en-us.md

@@ -21,13 +21,13 @@ menu:
 
 ## Background
 
-Gitea uses [Fomantic-UI](https://fomantic-ui.com/introduction/getting-started.html) (based on [jQuery](https://api.jquery.com)) and [Vue3](https://vuejs.org/) for its frontend.
+Gitea uses [Less CSS](https://lesscss.org), [Fomantic-UI](https://fomantic-ui.com/introduction/getting-started.html) (based on [jQuery](https://api.jquery.com)) and [Vue3](https://vuejs.org/) for its frontend.
 
 The HTML pages are rendered by [Go HTML Template](https://pkg.go.dev/html/template).
 
 The source files can be found in the following directories:
 
-* **CSS styles:** `web_src/css/`
+* **Less styles:** `web_src/less/`
 * **JavaScript files:** `web_src/js/`
 * **Vue components:** `web_src/js/components/`
 * **Go HTML templates:** `templates/`

docs/content/doc/features/localization.zh-cn.md

@@ -14,7 +14,6 @@ menu:
 ---
 
 # 本地化
-
 Gitea的本地化是通过我们的[Crowdin项目](https://crowdin.com/project/gitea)进行的。
 
 对于对**英语翻译**的更改，可以发出pull-request，来更改[英语语言环境](https://github.com/go-gitea/gitea/blob/master/options/locale/locale_en-US.ini)中合适的关键字。
@@ -22,7 +21,6 @@ Gitea的本地化是通过我们的[Crowdin项目](https://crowdin.com/project/g
 有关对**非英语**翻译的更改，请参阅上面的 Crowdin 项目。
 
 ## 支持的语言
-
 上述 Crowdin 项目中列出的任何语言一旦翻译了 25% 或更多都将得到支持。
 
 翻译被接受后，它将在下一次 Crowdin 同步后反映在主存储库中，这通常是在任何 PR 合并之后。

docs/content/doc/usage/push-options.en-us.md

@@ -29,5 +29,5 @@ were added.
 Example of changing a repository's visibility to public:
 
 ```shell
-git push -o repo.private=false -u origin main
+git push -o repo.private=false -u origin master
 ```

docs/content/doc/usage/push-options.zh-tw.md

@@ -29,5 +29,5 @@ Gitea 從 `1.13` 版開始支援某些 [push options](https://git-scm.com/docs/g
 以下範例修改儲存庫的可見性為公開：
 
 ```shell
-git push -o repo.private=false -u origin main
+git push -o repo.private=false -u origin master
 ```

docs/content/doc/usage/push-to-create.en-us.md

@@ -1,40 +0,0 @@
----
-date: "2020-07-06T16:00:00+02:00"
-title: "Usage: Push To Create"
-slug: "push-to-create"
-weight: 15
-toc: false
-draft: false
-menu:
-  sidebar:
-    parent: "usage"
-    name: "Push To Create"
-    weight: 15
-    identifier: "push-to-create"
----
-
-# Push To Create
-
-Push to create is a feature that allows you to push to a repository that does not exist yet in Gitea. This is useful for automation and for allowing users to create repositories without having to go through the web interface. This feature is disabled by default.
-
-## Enabling Push To Create
-
-In the `app.ini` file, set `ENABLE_PUSH_CREATE_USER` to `true` and `ENABLE_PUSH_CREATE_ORG` to `true` if you want to allow users to create repositories in their own user account and in organizations they are a member of respectively. Restart Gitea for the changes to take effect. You can read more about these two options in the [Configuration Cheat Sheet]({{< relref "doc/advanced/config-cheat-sheet.en-us.md#repository-repository" >}}).
-
-## Using Push To Create
-
-Assuming you have a git repository in the current directory, you can push to a repository that does not exist yet in Gitea by running the following command:
-
-```shell
-# Add the remote you want to push to
-git remote add origin git@{domain}:{username}/{repo name that does not exist yet}.git
-
-# push to the remote
-git push -u origin main
-```
-
-This assumes you are using an SSH remote, but you can also use HTTPS remotes as well.
-
-## Push options (bonus)
-
-Push-to-create will default to the visibility defined by `DEFAULT_PUSH_CREATE_PRIVATE` in `app.ini`. To explicitly set the visibility, you can use a [push option]({{< relref "doc/usage/push-options.en-us.md" >}}).

models/issues/pull.go

@@ -660,10 +660,10 @@ func GetPullRequestByIssueID(ctx context.Context, issueID int64) (*PullRequest,
 
 // GetAllUnmergedAgitPullRequestByPoster get all unmerged agit flow pull request
 // By poster id.
-func GetAllUnmergedAgitPullRequestByPoster(ctx context.Context, uid int64) ([]*PullRequest, error) {
+func GetAllUnmergedAgitPullRequestByPoster(uid int64) ([]*PullRequest, error) {
 	pulls := make([]*PullRequest, 0, 10)
 
-	err := db.GetEngine(ctx).
+	err := db.GetEngine(db.DefaultContext).
 		Where("has_merged=? AND flow = ? AND issue.is_closed=? AND issue.poster_id=?",
 			false, PullRequestFlowAGit, false, uid).
 		Join("INNER", "issue", "issue.id=pull_request.issue_id").

models/migrations/fixtures/Test_DeleteOrphanedIssueLabels/label.yml

@@ -4,6 +4,7 @@
   org_id: 0
   name: label1
   color: '#abcdef'
+  exclusive: false
   num_issues: 2
   num_closed_issues: 0
 
@@ -13,6 +14,7 @@
   org_id: 0
   name: label2
   color: '#000000'
+  exclusive: false
   num_issues: 1
   num_closed_issues: 1
 -
@@ -21,6 +23,7 @@
   org_id:  3
   name: orglabel3
   color: '#abcdef'
+  exclusive: false
   num_issues: 0
   num_closed_issues: 0
 
@@ -30,6 +33,7 @@
   org_id: 3
   name: orglabel4
   color: '#000000'
+  exclusive: false
   num_issues: 1
   num_closed_issues: 0
 
@@ -39,5 +43,6 @@
   org_id: 0
   name: pull-test-label
   color: '#000000'
+  exclusive: false
   num_issues: 0
   num_closed_issues: 0

models/user/user.go

@@ -742,13 +742,13 @@ func VerifyUserActiveCode(code string) (user *User) {
 }
 
 // ChangeUserName changes all corresponding setting from old user name to new one.
-func ChangeUserName(ctx context.Context, u *User, newUserName string) (err error) {
+func ChangeUserName(u *User, newUserName string) (err error) {
 	oldUserName := u.Name
 	if err = IsUsableUsername(newUserName); err != nil {
 		return err
 	}
 
-	ctx, committer, err := db.TxContext(ctx)
+	ctx, committer, err := db.TxContext(db.DefaultContext)
 	if err != nil {
 		return err
 	}

modules/actions/github.go

@@ -1,41 +0,0 @@
-// Copyright 2023 The Gitea Authors. All rights reserved.
-// SPDX-License-Identifier: MIT
-
-package actions
-
-import (
-	webhook_module "code.gitea.io/gitea/modules/webhook"
-
-	"github.com/nektos/act/pkg/jobparser"
-)
-
-const (
-	githubEventPullRequest              = "pull_request"
-	githubEventPullRequestTarget        = "pull_request_target"
-	githubEventPullRequestReviewComment = "pull_request_review_comment"
-	githubEventPullRequestReview        = "pull_request_review"
-	githubEventRegistryPackage          = "registry_package"
-	githubEventCreate                   = "create"
-	githubEventDelete                   = "delete"
-	githubEventFork                     = "fork"
-	githubEventPush                     = "push"
-	githubEventIssues                   = "issues"
-	githubEventIssueComment             = "issue_comment"
-	githubEventRelease                  = "release"
-	githubEventPullRequestComment       = "pull_request_comment"
-)
-
-func convertFromGithubEvent(evt *jobparser.Event) string {
-	switch evt.Name {
-	case githubEventPullRequest, githubEventPullRequestTarget, githubEventPullRequestReview,
-		githubEventPullRequestReviewComment:
-		return string(webhook_module.HookEventPullRequest)
-	case githubEventRegistryPackage:
-		return string(webhook_module.HookEventPackage)
-	case githubEventCreate, githubEventDelete, githubEventFork, githubEventPush,
-		githubEventIssues, githubEventIssueComment, githubEventRelease, githubEventPullRequestComment:
-		fallthrough
-	default:
-		return evt.Name
-	}
-}

modules/actions/workflows.go

@@ -44,32 +44,6 @@ func ListWorkflows(commit *git.Commit) (git.Entries, error) {
 	return ret, nil
 }
 
-func GetContentFromEntry(entry *git.TreeEntry) ([]byte, error) {
-	f, err := entry.Blob().DataAsync()
-	if err != nil {
-		return nil, err
-	}
-	content, err := io.ReadAll(f)
-	_ = f.Close()
-	if err != nil {
-		return nil, err
-	}
-	return content, nil
-}
-
-func GetEventsFromContent(content []byte) ([]*jobparser.Event, error) {
-	workflow, err := model.ReadWorkflow(bytes.NewReader(content))
-	if err != nil {
-		return nil, err
-	}
-	events, err := jobparser.ParseRawOn(&workflow.RawOn)
-	if err != nil {
-		return nil, err
-	}
-
-	return events, nil
-}
-
 func DetectWorkflows(commit *git.Commit, triggedEvent webhook_module.HookEventType, payload api.Payloader) (map[string][]byte, error) {
 	entries, err := ListWorkflows(commit)
 	if err != nil {
@@ -78,17 +52,29 @@ func DetectWorkflows(commit *git.Commit, triggedEvent webhook_module.HookEventTy
 
 	workflows := make(map[string][]byte, len(entries))
 	for _, entry := range entries {
-		content, err := GetContentFromEntry(entry)
+		f, err := entry.Blob().DataAsync()
 		if err != nil {
 			return nil, err
 		}
-		events, err := GetEventsFromContent(content)
+		content, err := io.ReadAll(f)
+		_ = f.Close()
+		if err != nil {
+			return nil, err
+		}
+		workflow, err := model.ReadWorkflow(bytes.NewReader(content))
+		if err != nil {
+			log.Warn("ignore invalid workflow %q: %v", entry.Name(), err)
+			continue
+		}
+		events, err := jobparser.ParseRawOn(&workflow.RawOn)
 		if err != nil {
 			log.Warn("ignore invalid workflow %q: %v", entry.Name(), err)
 			continue
 		}
 		for _, evt := range events {
-			log.Trace("detect workflow %q for event %#v matching %q", entry.Name(), evt, triggedEvent)
+			if evt.Name != triggedEvent.Event() {
+				continue
+			}
 			if detectMatched(commit, triggedEvent, payload, evt) {
 				workflows[entry.Name()] = content
 			}
@@ -99,197 +85,138 @@ func DetectWorkflows(commit *git.Commit, triggedEvent webhook_module.HookEventTy
 }
 
 func detectMatched(commit *git.Commit, triggedEvent webhook_module.HookEventType, payload api.Payloader, evt *jobparser.Event) bool {
-	if convertFromGithubEvent(evt) != string(triggedEvent) {
-		return false
+	if len(evt.Acts) == 0 {
+		return true
 	}
 
 	switch triggedEvent {
-	case webhook_module.HookEventCreate,
-		webhook_module.HookEventDelete,
-		webhook_module.HookEventFork,
-		webhook_module.HookEventIssueAssign,
-		webhook_module.HookEventIssueLabel,
-		webhook_module.HookEventIssueMilestone,
-		webhook_module.HookEventPullRequestAssign,
-		webhook_module.HookEventPullRequestLabel,
-		webhook_module.HookEventPullRequestMilestone,
-		webhook_module.HookEventPullRequestComment,
-		webhook_module.HookEventPullRequestReviewApproved,
-		webhook_module.HookEventPullRequestReviewRejected,
-		webhook_module.HookEventPullRequestReviewComment,
-		webhook_module.HookEventWiki,
-		webhook_module.HookEventRepository,
-		webhook_module.HookEventRelease,
-		webhook_module.HookEventPackage:
-		if len(evt.Acts) != 0 {
-			log.Warn("Ignore unsupported %s event arguments %q", triggedEvent, evt.Acts)
-		}
-		// no special filter parameters for these events, just return true if name matched
-		return true
-
+	case webhook_module.HookEventCreate:
+		fallthrough
+	case webhook_module.HookEventDelete:
+		fallthrough
+	case webhook_module.HookEventFork:
+		log.Warn("unsupported event %q", triggedEvent.Event())
+		return false
 	case webhook_module.HookEventPush:
-		return matchPushEvent(commit, payload.(*api.PushPayload), evt)
+		pushPayload := payload.(*api.PushPayload)
+		matchTimes := 0
+		// all acts conditions should be satisfied
+		for cond, vals := range evt.Acts {
+			switch cond {
+			case "branches", "tags":
+				refShortName := git.RefName(pushPayload.Ref).ShortName()
+				for _, val := range vals {
+					if glob.MustCompile(val, '/').Match(refShortName) {
+						matchTimes++
+						break
+					}
+				}
+			case "paths":
+				filesChanged, err := commit.GetFilesChangedSinceCommit(pushPayload.Before)
+				if err != nil {
+					log.Error("GetFilesChangedSinceCommit [commit_sha1: %s]: %v", commit.ID.String(), err)
+				} else {
+					for _, val := range vals {
+						matched := false
+						for _, file := range filesChanged {
+							if glob.MustCompile(val, '/').Match(file) {
+								matched = true
+								break
+							}
+						}
+						if matched {
+							matchTimes++
+							break
+						}
+					}
+				}
+			default:
+				log.Warn("unsupported condition %q", cond)
+			}
+		}
+		return matchTimes == len(evt.Acts)
 
 	case webhook_module.HookEventIssues:
-		return matchIssuesEvent(commit, payload.(*api.IssuePayload), evt)
-
-	case webhook_module.HookEventPullRequest, webhook_module.HookEventPullRequestSync:
-		return matchPullRequestEvent(commit, payload.(*api.PullRequestPayload), evt)
-
+		fallthrough
+	case webhook_module.HookEventIssueAssign:
+		fallthrough
+	case webhook_module.HookEventIssueLabel:
+		fallthrough
+	case webhook_module.HookEventIssueMilestone:
+		fallthrough
 	case webhook_module.HookEventIssueComment:
-		return matchIssueCommentEvent(commit, payload.(*api.IssueCommentPayload), evt)
-
+		fallthrough
+	case webhook_module.HookEventPullRequest:
+		prPayload := payload.(*api.PullRequestPayload)
+		matchTimes := 0
+		// all acts conditions should be satisfied
+		for cond, vals := range evt.Acts {
+			switch cond {
+			case "types":
+				for _, val := range vals {
+					if glob.MustCompile(val, '/').Match(string(prPayload.Action)) {
+						matchTimes++
+						break
+					}
+				}
+			case "branches":
+				refShortName := git.RefName(prPayload.PullRequest.Base.Ref).ShortName()
+				for _, val := range vals {
+					if glob.MustCompile(val, '/').Match(refShortName) {
+						matchTimes++
+						break
+					}
+				}
+			case "paths":
+				filesChanged, err := commit.GetFilesChangedSinceCommit(prPayload.PullRequest.Base.Ref)
+				if err != nil {
+					log.Error("GetFilesChangedSinceCommit [commit_sha1: %s]: %v", commit.ID.String(), err)
+				} else {
+					for _, val := range vals {
+						matched := false
+						for _, file := range filesChanged {
+							if glob.MustCompile(val, '/').Match(file) {
+								matched = true
+								break
+							}
+						}
+						if matched {
+							matchTimes++
+							break
+						}
+					}
+				}
+			default:
+				log.Warn("unsupported condition %q", cond)
+			}
+		}
+		return matchTimes == len(evt.Acts)
+	case webhook_module.HookEventPullRequestAssign:
+		fallthrough
+	case webhook_module.HookEventPullRequestLabel:
+		fallthrough
+	case webhook_module.HookEventPullRequestMilestone:
+		fallthrough
+	case webhook_module.HookEventPullRequestComment:
+		fallthrough
+	case webhook_module.HookEventPullRequestReviewApproved:
+		fallthrough
+	case webhook_module.HookEventPullRequestReviewRejected:
+		fallthrough
+	case webhook_module.HookEventPullRequestReviewComment:
+		fallthrough
+	case webhook_module.HookEventPullRequestSync:
+		fallthrough
+	case webhook_module.HookEventWiki:
+		fallthrough
+	case webhook_module.HookEventRepository:
+		fallthrough
+	case webhook_module.HookEventRelease:
+		fallthrough
+	case webhook_module.HookEventPackage:
+		fallthrough
 	default:
-		log.Warn("unsupported event %q", triggedEvent)
-		return false
+		log.Warn("unsupported event %q", triggedEvent.Event())
 	}
-}
-
-func matchPushEvent(commit *git.Commit, pushPayload *api.PushPayload, evt *jobparser.Event) bool {
-	// with no special filter parameters
-	if len(evt.Acts) == 0 {
-		return true
-	}
-
-	matchTimes := 0
-	// all acts conditions should be satisfied
-	for cond, vals := range evt.Acts {
-		switch cond {
-		case "branches", "tags":
-			refShortName := git.RefName(pushPayload.Ref).ShortName()
-			for _, val := range vals {
-				if glob.MustCompile(val, '/').Match(refShortName) {
-					matchTimes++
-					break
-				}
-			}
-		case "paths":
-			filesChanged, err := commit.GetFilesChangedSinceCommit(pushPayload.Before)
-			if err != nil {
-				log.Error("GetFilesChangedSinceCommit [commit_sha1: %s]: %v", commit.ID.String(), err)
-			} else {
-				for _, val := range vals {
-					matched := false
-					for _, file := range filesChanged {
-						if glob.MustCompile(val, '/').Match(file) {
-							matched = true
-							break
-						}
-					}
-					if matched {
-						matchTimes++
-						break
-					}
-				}
-			}
-		default:
-			log.Warn("push event unsupported condition %q", cond)
-		}
-	}
-	return matchTimes == len(evt.Acts)
-}
-
-func matchIssuesEvent(commit *git.Commit, issuePayload *api.IssuePayload, evt *jobparser.Event) bool {
-	// with no special filter parameters
-	if len(evt.Acts) == 0 {
-		return true
-	}
-
-	matchTimes := 0
-	// all acts conditions should be satisfied
-	for cond, vals := range evt.Acts {
-		switch cond {
-		case "types":
-			for _, val := range vals {
-				if glob.MustCompile(val, '/').Match(string(issuePayload.Action)) {
-					matchTimes++
-					break
-				}
-			}
-		default:
-			log.Warn("issue event unsupported condition %q", cond)
-		}
-	}
-	return matchTimes == len(evt.Acts)
-}
-
-func matchPullRequestEvent(commit *git.Commit, prPayload *api.PullRequestPayload, evt *jobparser.Event) bool {
-	// with no special filter parameters
-	if len(evt.Acts) == 0 {
-		// defaultly, only pull request opened and synchronized will trigger workflow
-		return prPayload.Action == api.HookIssueSynchronized || prPayload.Action == api.HookIssueOpened
-	}
-
-	matchTimes := 0
-	// all acts conditions should be satisfied
-	for cond, vals := range evt.Acts {
-		switch cond {
-		case "types":
-			action := prPayload.Action
-			if prPayload.Action == api.HookIssueSynchronized {
-				action = "synchronize"
-			}
-			log.Trace("matching pull_request %s with %v", action, vals)
-			for _, val := range vals {
-				if glob.MustCompile(val, '/').Match(string(action)) {
-					matchTimes++
-					break
-				}
-			}
-		case "branches":
-			refShortName := git.RefName(prPayload.PullRequest.Base.Ref).ShortName()
-			for _, val := range vals {
-				if glob.MustCompile(val, '/').Match(refShortName) {
-					matchTimes++
-					break
-				}
-			}
-		case "paths":
-			filesChanged, err := commit.GetFilesChangedSinceCommit(prPayload.PullRequest.Base.Ref)
-			if err != nil {
-				log.Error("GetFilesChangedSinceCommit [commit_sha1: %s]: %v", commit.ID.String(), err)
-			} else {
-				for _, val := range vals {
-					matched := false
-					for _, file := range filesChanged {
-						if glob.MustCompile(val, '/').Match(file) {
-							matched = true
-							break
-						}
-					}
-					if matched {
-						matchTimes++
-						break
-					}
-				}
-			}
-		default:
-			log.Warn("pull request event unsupported condition %q", cond)
-		}
-	}
-	return matchTimes == len(evt.Acts)
-}
-
-func matchIssueCommentEvent(commit *git.Commit, issueCommentPayload *api.IssueCommentPayload, evt *jobparser.Event) bool {
-	// with no special filter parameters
-	if len(evt.Acts) == 0 {
-		return true
-	}
-
-	matchTimes := 0
-	// all acts conditions should be satisfied
-	for cond, vals := range evt.Acts {
-		switch cond {
-		case "types":
-			for _, val := range vals {
-				if glob.MustCompile(val, '/').Match(string(issueCommentPayload.Action)) {
-					matchTimes++
-					break
-				}
-			}
-		default:
-			log.Warn("issue comment unsupported condition %q", cond)
-		}
-	}
-	return matchTimes == len(evt.Acts)
+	return false
 }

modules/context/pagination.go

@@ -18,11 +18,10 @@ type Pagination struct {
 	urlParams []string
 }
 
-// NewPagination creates a new instance of the Pagination struct.
-// "pagingNum" is "page size" or "limit", "current" is "page"
-func NewPagination(total, pagingNum, current, numPages int) *Pagination {
+// NewPagination creates a new instance of the Pagination struct
+func NewPagination(total, page, issueNum, numPages int) *Pagination {
 	p := &Pagination{}
-	p.Paginater = paginator.New(total, pagingNum, current, numPages)
+	p.Paginater = paginator.New(total, page, issueNum, numPages)
 	return p
 }
 

modules/highlight/highlight.go

@@ -36,8 +36,6 @@ var (
 	once sync.Once
 
 	cache *lru.TwoQueueCache
-
-	githubStyles = styles.Get("github")
 )
 
 // NewContext loads custom highlight map from local config
@@ -123,7 +121,7 @@ func CodeFromLexer(lexer chroma.Lexer, code string) string {
 		return code
 	}
 	// style not used for live site but need to pass something
-	err = formatter.Format(htmlw, githubStyles, iterator)
+	err = formatter.Format(htmlw, styles.GitHub, iterator)
 	if err != nil {
 		log.Error("Can't format code: %v", err)
 		return code
@@ -186,7 +184,7 @@ func File(fileName, language string, code []byte) ([]string, string, error) {
 	lines := make([]string, 0, len(tokensLines))
 	for _, tokens := range tokensLines {
 		iterator = chroma.Literator(tokens...)
-		err = formatter.Format(htmlBuf, githubStyles, iterator)
+		err = formatter.Format(htmlBuf, styles.GitHub, iterator)
 		if err != nil {
 			return nil, "", fmt.Errorf("can't format code: %w", err)
 		}

modules/structs/user.go

@@ -93,12 +93,3 @@ type UserSettingsOptions struct {
 	HideEmail    *bool `json:"hide_email"`
 	HideActivity *bool `json:"hide_activity"`
 }
-
-// RenameUserOption options when renaming a user
-type RenameUserOption struct {
-	// New username for this user. This name cannot be in use yet by any other user.
-	//
-	// required: true
-	// unique: true
-	NewName string `json:"new_username" binding:"Required"`
-}

modules/structs/user_email.go

@@ -1,5 +1,4 @@
 // Copyright 2015 The Gogs Authors. All rights reserved.
-// Copyright 2023 The Gitea Authors. All rights reserved.
 // SPDX-License-Identifier: MIT
 
 package structs
@@ -10,8 +9,6 @@ type Email struct {
 	Email    string `json:"email"`
 	Verified bool   `json:"verified"`
 	Primary  bool   `json:"primary"`
-	UserID   int64  `json:"user_id"`
-	UserName string `json:"username"`
 }
 
 // CreateEmailOption options when creating email addresses

options/locale/locale_cs-CZ.ini

@@ -3269,7 +3269,6 @@ rubygems.dependencies.development=Vývojové závislosti
 rubygems.required.ruby=Vyžaduje verzi Ruby
 rubygems.required.rubygems=Vyžaduje verzi RubyGem
 rubygems.documentation=Další informace o registru RubyGems naleznete v <a target="_blank" rel="noopener noreferrer" href="https://docs.gitea.io/en-us/packages/rubygems/">dokumentaci</a>.
-swift.registry=Nastavte tento registr z příkazového řádku:
 vagrant.install=Pro přidání Vagrant box spusťte následující příkaz:
 vagrant.documentation=Další informace o registru Vagrant naleznete v <a target="_blank" rel="noopener noreferrer" href="https://docs.gitea.io/en-us/packages/vagrant/">dokumentaci</a>.
 settings.link=Propojit tento balíček s repozitářem

options/locale/locale_de-DE.ini

@@ -3122,7 +3122,6 @@ rubygems.dependencies.development=Entwicklungsabhängigkeiten
 rubygems.required.ruby=Benötigt Ruby Version
 rubygems.required.rubygems=Benötigt RubyGem Version
 rubygems.documentation=Weitere Informationen zur RubyGems-Paketverwaltung findest du in der <a target="_blank" rel="noopener noreferrer" href="https://docs.gitea.io/en-us/packages/rubygems/">Dokumentation</a>.
-swift.registry=Diese Registry über die Kommandozeile einrichten:
 vagrant.install=Um eine Vagrant-Box hinzuzufügen, führen Sie folgenden Befehl aus:
 vagrant.documentation=Für weitere Informationen zur Vagrant-Registry, siehe <a target="_blank" rel="noopener noreferrer" href="https://docs.gitea.io/en-us/packages/vagrant/">Dokumentation</a>.
 settings.link=Dieses Paket einem Repository zuweisen

options/locale/locale_el-GR.ini

@@ -3155,7 +3155,6 @@ rubygems.dependencies.development=Εξαρτήσεις Ανάπτυξης
 rubygems.required.ruby=Απαιτεί την έκδοση Ruby
 rubygems.required.rubygems=Απαιτεί έκδοση RubyGem
 rubygems.documentation=Για περισσότερες πληροφορίες σχετικά με το μητρώο RubyGems, ανατρέξτε <a target="_blank" rel="noopener noreferrer" href="https://docs.gitea.io/en-us/packages/rubygems/">στην τεκμηρίωση</a>.
-swift.registry=Ρυθμίστε αυτό το μητρώο από τη γραμμή εντολών:
 vagrant.install=Για προσθήκη ενός κυτίου Vagrant, εκτελέστε την ακόλουθη εντολή:
 vagrant.documentation=Για περισσότερες πληροφορίες σχετικά με το μητρώο του Vagrant, ανατρέξτε <a target="_blank" rel="noopener noreferrer" href="https://docs.gitea.io/en-us/packages/vagrant/">στην τεκμηρίωση</a>.
 settings.link=Σύνδεση αυτού του πακέτου με ένα αποθετήριο

options/locale/locale_en-US.ini

@@ -3360,7 +3360,5 @@ runs.open_tab = %d Open
 runs.closed_tab = %d Closed
 runs.commit = Commit
 runs.pushed_by = Pushed by
-runs.valid_workflow_helper = Workflow config file is valid.
-runs.invalid_workflow_helper = Workflow config file is invalid. Please check your config file: %s
 
 need_approval_desc = Need approval to run workflows for fork pull request.

options/locale/locale_es-ES.ini

@@ -3154,7 +3154,6 @@ rubygems.dependencies.development=Dependencias de desarrollo
 rubygems.required.ruby=Requiere versión Ruby
 rubygems.required.rubygems=Requiere la versión de RubyGem
 rubygems.documentation=Para obtener más información sobre el registro de RubyGems, consulte <a target="_blank" rel="noopener noreferrer" href="https://docs.gitea.io/en-us/packages/rubygems/">la documentación</a>.
-swift.registry=Configurar este registro desde la línea de comandos:
 vagrant.install=Para añadir un paquete Vagrant, ejecuta el siguiente comando:
 vagrant.documentation=Para más información sobre el registro de paquetes Vagrant, revisa la <a target="_blank" rel="noopener noreferrer" href="https://docs.gitea.io/en-us/packages/vagrant/">documentación</a>.
 settings.link=Vincular este paquete a un repositorio

options/locale/locale_it-IT.ini

@@ -3121,7 +3121,6 @@ rubygems.dependencies.development=Dipendenze Di Sviluppo
 rubygems.required.ruby=Richiede la versione di Ruby
 rubygems.required.rubygems=Richiede la versione RubyGem
 rubygems.documentation=Per ulteriori informazioni sul registro di RubyGems, vedere <a target="_blank" rel="noopener noreferrer" href="https://docs.gitea.io/en-us/packages/rubygems/">la documentazione</a>.
-swift.registry=Configura questo registro dalla riga di comando:
 settings.link=Collega questo pacchetto a un repository
 settings.link.description=Se si collega un pacchetto a un repository, il pacchetto è elencato nell'elenco dei pacchetti del repository.
 settings.link.select=Seleziona Repository

options/locale/locale_ja-JP.ini

@@ -3232,7 +3232,6 @@ rubygems.dependencies.development=開発用依存関係
 rubygems.required.ruby=必要なRubyバージョン
 rubygems.required.rubygems=必要なRubyGemバージョン
 rubygems.documentation=RubyGemsレジストリの詳細については、<a target="_blank" rel="noopener noreferrer" href="https://docs.gitea.io/en-us/packages/rubygems/">ドキュメント</a> を参照してください。
-swift.registry=このレジストリをコマンドラインからセットアップします:
 vagrant.install=Vagrant ボックスを追加するには、次のコマンドを実行します。
 vagrant.documentation=Vagrantレジストリの詳細については <a target="_blank" rel="noopener noreferrer" href="https://docs.gitea.io/en-us/packages/vagrant/">ドキュメント</a>を参照してください。
 settings.link=このパッケージをリポジトリにリンク

options/locale/locale_lv-LV.ini

@@ -3329,7 +3329,6 @@ rubygems.dependencies.development=Izstrādes atkarības
 rubygems.required.ruby=Nepieciešamā Ruby versija
 rubygems.required.rubygems=Nepieciešamā RubyGem versija
 rubygems.documentation=Papildus informācija par RubyGems reģistru pieejama <a target="_blank" rel="noopener noreferrer" href="https://docs.gitea.io/en-us/packages/rubygems/">dokumentācijā</a>.
-swift.registry=Konfigurējiet šo reģistru no komandrindas:
 vagrant.install=Lai pievienotu Vagrant kasti, izpildiet sekojošu komandu:
 vagrant.documentation=Papildus informācija par Vagrant reģistru pieejama <a target="_blank" rel="noopener noreferrer" href="https://docs.gitea.io/en-us/packages/vagrant/">dokumentācijā</a>.
 settings.link=Piesaistīt pakotni šim repozitorijam

options/locale/locale_pt-BR.ini

@@ -3237,7 +3237,6 @@ rubygems.dependencies.development=Dependências de Desenvolvimento
 rubygems.required.ruby=Requer o Ruby versão
 rubygems.required.rubygems=Requer o RubyGem versão
 rubygems.documentation=Para obter mais informações sobre o registro do RubyGems, consulte <a target="_blank" rel="noopener noreferrer" href="https://docs.gitea.io/en-us/packages/rubygems/">a documentação</a>.
-swift.registry=Configure este registro pela linha de comando:
 vagrant.install=Para adicionar uma Vagrant box, execute o seguinte comando:
 vagrant.documentation=Para obter mais informações sobre o registro do Vagrant, consulte <a target="_blank" rel="noopener noreferrer" href="https://docs.gitea.io/en-us/packages/vagrant/">a documentação</a>.
 settings.link=Vincular este pacote a um repositório

options/locale/locale_pt-PT.ini

@@ -1357,8 +1357,8 @@ issues.opened_by_fake=%[1]s aberta(s) por %[2]s
 issues.closed_by_fake=por %[2]s foi fechada %[1]s
 issues.previous=Anterior
 issues.next=Seguinte
-issues.open_title=aberta(s)
-issues.closed_title=fechada(s)
+issues.open_title=Aberta
+issues.closed_title=Fechada
 issues.draft_title=Rascunho
 issues.num_comments=%d comentários
 issues.commented_at=`comentou <a href="#%s">%s</a>`
@@ -1780,7 +1780,7 @@ activity.title.issues_1=%d questão
 activity.title.issues_n=%d questões
 activity.title.issues_closed_from=%s resolvida(s) de %s
 activity.title.issues_created_by=%s criada por %s
-activity.closed_issue_label=Fechada
+activity.closed_issue_label=Encerrada
 activity.new_issues_count_1=questão nova
 activity.new_issues_count_n=questões novas
 activity.new_issue_label=Em aberto
@@ -2934,8 +2934,6 @@ config.git_disable_diff_highlight=Desabilitar o realce de sintaxe no diff
 config.git_max_diff_lines=Número máximo de linhas diff (por ficheiro)
 config.git_max_diff_line_characters=Número máximos de caracteres diff (por linha)
 config.git_max_diff_files=Número máximo de ficheiros diff a serem apresentados
-config.git_enable_reflogs=Habilitar reflogs
-config.git_reflog_expiry_time=Tempo de expiração
 config.git_gc_args=Argumentos da recolha de lixo
 config.git_migrate_timeout=Prazo da migração
 config.git_mirror_timeout=Prazo para sincronização da réplica
@@ -3239,10 +3237,6 @@ rubygems.dependencies.development=Dependências de desenvolvimento
 rubygems.required.ruby=Requer a versão do Ruby
 rubygems.required.rubygems=Requer a versão do RubyGem
 rubygems.documentation=Para obter mais informações sobre o registo do RubyGems, consulte <a target="_blank" rel="noopener noreferrer" href="https://docs.gitea.io/en-us/packages/rubygems/">a documentação</a>.
-swift.registry=Configurar este registo usando a linha de comandos:
-swift.install=Adicione o pacote no seu ficheiro <code>Package.swift</code>:
-swift.install2=e execute o seguinte comando:
-swift.documentation=Para obter mais informações sobre o registo do Swift, consulte <a target="_blank" rel="noopener noreferrer" href="https://docs.gitea.io/en-us/packages/swift/">a documentação</a>.
 vagrant.install=Para adicionar uma máquina virtual Vagrant, execute o seguinte comando:
 vagrant.documentation=Para obter mais informações sobre o registo do Vagrant, consulte <a target="_blank" rel="noopener noreferrer" href="https://docs.gitea.io/en-us/packages/vagrant/">a documentação</a>.
 settings.link=Vincular este pacote a um repositório

options/locale/locale_tr-TR.ini

@@ -57,7 +57,6 @@ new_mirror=Yeni Yansı
 new_fork=Yeni Depo Çatalı
 new_org=Yeni Organizasyon
 new_project=Yeni Proje
-new_project_column=Yeni Sütun
 manage_org=Organizasyonları Yönet
 admin_panel=Site Yönetimi
 account_settings=Hesap Ayarları
@@ -91,11 +90,9 @@ disabled=Devre Dışı
 
 copy=Kopyala
 copy_url=URL'yi kopyala
-copy_content=İçeriği kopyala
 copy_branch=Dal adını kopyala
 copy_success=Kopyalandı!
 copy_error=Kopyalama başarısız oldu
-copy_type_unsupported=Bu dosya türü kopyalanamaz
 
 write=Yaz
 preview=Önizleme
@@ -112,10 +109,6 @@ never=Asla
 rss_feed=RSS Beslemesi
 
 [aria]
-navbar=Gezinti Çubuğu
-footer=Alt Bilgi
-footer.software=Yazılım Hakkında
-footer.links=Bağlantılar
 
 [filter]
 string.asc=A - Z
@@ -247,10 +240,7 @@ default_enable_timetracking_popup=Yeni depolar için zaman takibini varsayılan
 no_reply_address=Gizlenecek E-Posta Alan Adı
 no_reply_address_helper=Gizlenmiş e-posta adresine sahip kullanıcılar için alan adı. Örneğin 'ali' kullanıcı adı, gizlenmiş e-postalar için alan adı 'yanityok.ornek.org' olarak ayarlandığında Git günlüğüne 'ali@yanityok.ornek.org' olarak kaydedilecektir.
 password_algorithm=Parola Hash Algoritması
-invalid_password_algorithm=Hatalı parola hash algoritması
 password_algorithm_helper=Parola için hash algoritmasını ayarlayın. Algoritmalar değişen gereksinimlere ve güce sahiptirler. `argon2` iyi özelliklere sahip olmasına rağmen fazla miktarda bellek kullanır ve küçük sistemler için uygun olmayabilir.
-enable_update_checker=Güncelleme Denetleyicisini Etkinleştir
-enable_update_checker_helper=Düzenli olarak gitea.io'ya bağlanarak yeni yayınlanan sürümleri denetler.
 
 [home]
 uname_holder=Kullanıcı Adı veya E-Posta Adresi
@@ -300,36 +290,14 @@ code_last_indexed_at=Son endekslenen %s
 relevant_repositories_tooltip=Çatal olan veya konusu, simgesi veya açıklaması olmayan depolar gizlenmiştir.
 relevant_repositories=`Sadece ilişkili depolar gösteriliyor, <a href="`
 
-show_archived=Arşivlenmiş
-show_both_archived_unarchived=Arşivlenenlerin ve arşivlenmeyenlerin tümü gösteriliyor
-show_only_archived=Yalnızca arşivlenenler gösteriliyor
-show_only_unarchived=Yalnızca arşivlenmeyenler gösteriliyor
 
 show_private=Özel
-show_both_private_public=Hem açık hem de özel olanlar gösteriliyor
-show_only_private=Yalnızca özel olanlar gösteriliyor
-show_only_public=Yalnızca açık olanlar gösteriliyor
 
-issues.in_your_repos=Depolarınızda
 
 [explore]
 repos=Depolar
-users=Kullanıcılar
 organizations=Organizasyonlar
-search=Ara
 code=Kod
-search.type.tooltip=Arama türü
-search.fuzzy=Bulanık
-search.fuzzy.tooltip=Arama terimine benzeyen sonuçları da içer
-search.match=Eşleştir
-search.match.tooltip=Sadece arama terimiyle tamamen eşleşen sonuçları içer
-code_search_unavailable=Kod arama şu an mevcut değil. Lütfen site yöneticinizle bağlantıya geçin.
-repo_no_results=Eşleşen depo bulunamadı.
-user_no_results=Eşleşen kullanıcı bulunamadı.
-org_no_results=Eşleşen organizasyon bulunamadı.
-code_search_results='%s' için arama sonuçları
-code_last_indexed_at=Son dizinlenen %s
-relevant_repositories_tooltip=Çatal olan veya konusu, simgesi veya açıklaması olmayan depolar gizlenmiştir.
 
 
 [auth]
@@ -1241,7 +1209,6 @@ projects.template.desc_helper=Başlamak için bir proje şablonu seçin
 projects.type.uncategorized=Kategorize edilmemiş
 projects.column.edit_title=İsim
 projects.column.new_title=İsim
-projects.column.new=Yeni Sütun
 projects.column.color=Renk
 projects.open=Aç
 projects.close=Kapat
@@ -1836,7 +1803,6 @@ settings.githooks=Git İstemcileri
 settings.basic_settings=Temel Ayarlar
 settings.mirror_settings=Yansıma Ayarları
 settings.mirror_settings.docs=`Projenizi, değişiklikleri başka bir depoya/depodan otomatik olarak gönderecek ve/veya çekecek şekilde ayarlayın. Dallar, etiketler ve işlemeler otomatik olarak senkronize edilecektir. <a target="`
-search.code_search_unavailable=Kod arama şu an mevcut değil. Lütfen site yöneticinizle bağlantıya geçin.
 
 settings=Ayarlar
 settings.options=Depo
@@ -3204,7 +3170,6 @@ rubygems.dependencies.development=Geliştirme Bağımlılıkları
 rubygems.required.ruby=Gereken Ruby sürümü
 rubygems.required.rubygems=Gereken RubyGem sürümü
 rubygems.documentation=RubyGems kütüğü hakkında daha fazla bilgi için, <a target="_blank" rel="noopener noreferrer" href="https://docs.gitea.io/en-us/packages/rubygems/">belgeye</a> bakabilirsiniz.
-swift.registry=Bu kütüğü komut satırını kullanarak kurun:
 vagrant.install=Vagrant paketi eklemek için aşağıdaki komutu çalıştırın:
 vagrant.documentation=Vagrant kütüğü hakkında daha fazla bilgi için, <a target="_blank" rel="noopener noreferrer" href="https://docs.gitea.io/en-us/packages/vagrant/">belgeye</a> bakabilirsiniz.
 settings.link=Bu paketi bir depoya bağlayın

options/locale/locale_zh-CN.ini

@@ -3232,7 +3232,6 @@ rubygems.dependencies.development=开发依赖
 rubygems.required.ruby=需要 Ruby 版本
 rubygems.required.rubygems=需要 RubyGem 版本
 rubygems.documentation=关于 RubyGems 注册中心的更多信息，请参阅 <a target="_blank" rel="noopener noreferrer" href="https://docs.gitea.io/en-us/packages/rubygems/">文档</a>。
-swift.registry=从命令行设置此注册中心：
 vagrant.install=若要添加一个 Vagrant box，请运行以下命令：
 vagrant.documentation=关于 Vagrant 注册中心的更多信息，请参阅 <a target="_blank" rel="noopener noreferrer" href="https://docs.gitea.io/en-us/packages/vagrant/">文档</a>。
 settings.link=将此软件包链接到仓库

options/locale/locale_zh-TW.ini

@@ -3232,7 +3232,6 @@ rubygems.dependencies.development=開發相依性
 rubygems.required.ruby=需要的 Ruby 版本
 rubygems.required.rubygems=需要的 RubyGem 版本
 rubygems.documentation=關於 RubyGems registry 的詳情請參閱<a target="_blank" rel="noopener noreferrer" href="https://docs.gitea.io/en-us/packages/rubygems/">說明文件</a>。
-swift.registry=透過下列命令設定此註冊中心:
 vagrant.install=執行下列命令以新增 Vagrant box:
 vagrant.documentation=關於 Vagrant registry 的詳情請參閱<a target="_blank" rel="noopener noreferrer" href="https://docs.gitea.io/en-us/packages/vagrant/">說明文件</a>。
 settings.link=連結此套件到儲存庫

package-lock.json

@@ -28,6 +28,8 @@
         "jquery": "3.6.3",
         "jquery.are-you-sure": "1.9.0",
         "katex": "0.16.4",
+        "less": "4.1.3",
+        "less-loader": "11.1.0",
         "license-checker-webpack-plugin": "0.2.1",
         "mermaid": "10.0.2",
         "mini-css-extract-plugin": "2.7.2",
@@ -43,7 +45,7 @@
         "vue-bar-graph": "2.0.0",
         "vue-loader": "17.0.1",
         "vue3-calendar-heatmap": "2.0.0",
-        "webpack": "5.76.0",
+        "webpack": "5.75.0",
         "webpack-cli": "5.0.1",
         "workbox-routing": "6.5.4",
         "workbox-strategies": "6.5.4",
@@ -62,6 +64,7 @@
         "eslint-plugin-vue": "9.9.0",
         "jsdom": "21.0.0",
         "markdownlint-cli": "0.33.0",
+        "postcss-less": "6.0.0",
         "stylelint": "15.2.0",
         "stylelint-declaration-strict-value": "1.9.2",
         "svgo": "3.0.2",
@@ -2664,9 +2667,6 @@
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-2.0.6.tgz",
       "integrity": "sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
       "dependencies": {
         "is-what": "^3.14.1"
       },
@@ -3813,9 +3813,7 @@
       "version": "0.1.8",
       "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz",
       "integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==",
-      "dev": true,
       "optional": true,
-      "peer": true,
       "dependencies": {
         "prr": "~1.0.1"
       },
@@ -5242,9 +5240,7 @@
       "version": "0.5.5",
       "resolved": "https://registry.npmjs.org/image-size/-/image-size-0.5.5.tgz",
       "integrity": "sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==",
-      "dev": true,
       "optional": true,
-      "peer": true,
       "bin": {
         "image-size": "bin/image-size.js"
       },
@@ -5679,10 +5675,7 @@
     "node_modules/is-what": {
       "version": "3.14.1",
       "resolved": "https://registry.npmjs.org/is-what/-/is-what-3.14.1.tgz",
-      "integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==",
-      "dev": true,
-      "optional": true,
-      "peer": true
+      "integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA=="
     },
     "node_modules/isarray": {
       "version": "0.0.1",
@@ -5940,6 +5933,14 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/klona": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/klona/-/klona-2.0.6.tgz",
+      "integrity": "sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
     "node_modules/known-css-properties": {
       "version": "0.26.0",
       "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.26.0.tgz",
@@ -5955,9 +5956,6 @@
       "version": "4.1.3",
       "resolved": "https://registry.npmjs.org/less/-/less-4.1.3.tgz",
       "integrity": "sha512-w16Xk/Ta9Hhyei0Gpz9m7VS8F28nieJaL/VyShID7cYvP6IL5oHeL6p4TXSDJqZE/lNv0oJ2pGVjJsRkfwm5FA==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
       "dependencies": {
         "copy-anything": "^2.0.1",
         "parse-node-version": "^1.0.1",
@@ -5979,6 +5977,25 @@
         "source-map": "~0.6.0"
       }
     },
+    "node_modules/less-loader": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/less-loader/-/less-loader-11.1.0.tgz",
+      "integrity": "sha512-C+uDBV7kS7W5fJlUjq5mPBeBVhYpTIm5gB09APT9o3n/ILeaXVsiSFTbZpTJCJwQ/Crczfn3DmfQFwxYusWFug==",
+      "dependencies": {
+        "klona": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 14.15.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "less": "^3.5.0 || ^4.0.0",
+        "webpack": "^5.0.0"
+      }
+    },
     "node_modules/leven": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz",
@@ -6184,9 +6201,7 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
       "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
-      "dev": true,
       "optional": true,
-      "peer": true,
       "dependencies": {
         "pify": "^4.0.1",
         "semver": "^5.6.0"
@@ -6199,9 +6214,7 @@
       "version": "5.7.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
       "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
-      "dev": true,
       "optional": true,
-      "peer": true,
       "bin": {
         "semver": "bin/semver"
       }
@@ -6492,9 +6505,7 @@
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
       "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
-      "dev": true,
       "optional": true,
-      "peer": true,
       "bin": {
         "mime": "cli.js"
       },
@@ -6626,7 +6637,7 @@
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/nanoid": {
       "version": "3.3.4",
@@ -6649,9 +6660,7 @@
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/needle/-/needle-3.2.0.tgz",
       "integrity": "sha512-oUvzXnyLiVyVGoianLijF9O/RecZUf7TkBfimjGrLM4eQhXyeJwM6GeAWccwfQ9aa4gMCZKqhAOuLaMIcQxajQ==",
-      "dev": true,
       "optional": true,
-      "peer": true,
       "dependencies": {
         "debug": "^3.2.6",
         "iconv-lite": "^0.6.3",
@@ -6668,9 +6677,7 @@
       "version": "3.2.7",
       "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
       "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "dev": true,
       "optional": true,
-      "peer": true,
       "dependencies": {
         "ms": "^2.1.1"
       }
@@ -7040,9 +7047,6 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parse-node-version/-/parse-node-version-1.0.1.tgz",
       "integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
       "engines": {
         "node": ">= 0.10"
       }
@@ -7144,9 +7148,7 @@
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
       "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
-      "dev": true,
       "optional": true,
-      "peer": true,
       "engines": {
         "node": ">=6"
       }
@@ -7286,6 +7288,18 @@
         "node": "^10 || ^12 || >=14"
       }
     },
+    "node_modules/postcss-less": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-less/-/postcss-less-6.0.0.tgz",
+      "integrity": "sha512-FPX16mQLyEjLzEuuJtxA8X3ejDLNGGEG503d2YGZR5Ask1SpDN8KmZUMpzCvyalWRywAn1n1VOA5dcqfCLo5rg==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "postcss": "^8.3.5"
+      }
+    },
     "node_modules/postcss-media-query-parser": {
       "version": "0.2.3",
       "resolved": "https://registry.npmjs.org/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz",
@@ -7467,9 +7481,7 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
       "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==",
-      "dev": true,
-      "optional": true,
-      "peer": true
+      "optional": true
     },
     "node_modules/psl": {
       "version": "1.9.0",
@@ -7975,9 +7987,7 @@
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
       "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==",
-      "dev": true,
-      "optional": true,
-      "peer": true
+      "optional": true
     },
     "node_modules/saxes": {
       "version": "6.0.0",
@@ -8907,8 +8917,7 @@
     "node_modules/tslib": {
       "version": "2.4.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.1.tgz",
-      "integrity": "sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA==",
-      "dev": true
+      "integrity": "sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA=="
     },
     "node_modules/type-check": {
       "version": "0.4.0",
@@ -9404,9 +9413,9 @@
       }
     },
     "node_modules/webpack": {
-      "version": "5.76.0",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.76.0.tgz",
-      "integrity": "sha512-l5sOdYBDunyf72HW8dF23rFtWq/7Zgvt/9ftMof71E/yUb1YLOBmTgA2K4vQthB3kotMrSj609txVE0dnr2fjA==",
+      "version": "5.75.0",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.75.0.tgz",
+      "integrity": "sha512-piaIaoVJlqMsPtX/+3KTTO6jfvrSYgauFVdt8cr9LTHKmcq/AMd4mhzsiP7ZF/PGRNPGA8336jldh9l2Kt2ogQ==",
       "dependencies": {
         "@types/eslint-scope": "^3.7.3",
         "@types/estree": "^0.0.51",
@@ -11843,9 +11852,6 @@
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-2.0.6.tgz",
       "integrity": "sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
       "requires": {
         "is-what": "^3.14.1"
       }
@@ -12704,9 +12710,7 @@
       "version": "0.1.8",
       "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz",
       "integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==",
-      "dev": true,
       "optional": true,
-      "peer": true,
       "requires": {
         "prr": "~1.0.1"
       }
@@ -13779,9 +13783,7 @@
       "version": "0.5.5",
       "resolved": "https://registry.npmjs.org/image-size/-/image-size-0.5.5.tgz",
       "integrity": "sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==",
-      "dev": true,
-      "optional": true,
-      "peer": true
+      "optional": true
     },
     "immer": {
       "version": "9.0.18",
@@ -14074,10 +14076,7 @@
     "is-what": {
       "version": "3.14.1",
       "resolved": "https://registry.npmjs.org/is-what/-/is-what-3.14.1.tgz",
-      "integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==",
-      "dev": true,
-      "optional": true,
-      "peer": true
+      "integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA=="
     },
     "isarray": {
       "version": "0.0.1",
@@ -14270,6 +14269,11 @@
       "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
       "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw=="
     },
+    "klona": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/klona/-/klona-2.0.6.tgz",
+      "integrity": "sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA=="
+    },
     "known-css-properties": {
       "version": "0.26.0",
       "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.26.0.tgz",
@@ -14285,9 +14289,6 @@
       "version": "4.1.3",
       "resolved": "https://registry.npmjs.org/less/-/less-4.1.3.tgz",
       "integrity": "sha512-w16Xk/Ta9Hhyei0Gpz9m7VS8F28nieJaL/VyShID7cYvP6IL5oHeL6p4TXSDJqZE/lNv0oJ2pGVjJsRkfwm5FA==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
       "requires": {
         "copy-anything": "^2.0.1",
         "errno": "^0.1.1",
@@ -14301,6 +14302,14 @@
         "tslib": "^2.3.0"
       }
     },
+    "less-loader": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/less-loader/-/less-loader-11.1.0.tgz",
+      "integrity": "sha512-C+uDBV7kS7W5fJlUjq5mPBeBVhYpTIm5gB09APT9o3n/ILeaXVsiSFTbZpTJCJwQ/Crczfn3DmfQFwxYusWFug==",
+      "requires": {
+        "klona": "^2.0.4"
+      }
+    },
     "leven": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz",
@@ -14475,9 +14484,7 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
       "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
-      "dev": true,
       "optional": true,
-      "peer": true,
       "requires": {
         "pify": "^4.0.1",
         "semver": "^5.6.0"
@@ -14487,9 +14494,7 @@
           "version": "5.7.1",
           "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
           "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
-          "dev": true,
-          "optional": true,
-          "peer": true
+          "optional": true
         }
       }
     },
@@ -14716,9 +14721,7 @@
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
       "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
-      "dev": true,
-      "optional": true,
-      "peer": true
+      "optional": true
     },
     "mime-db": {
       "version": "1.52.0",
@@ -14814,7 +14817,7 @@
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-      "dev": true
+      "devOptional": true
     },
     "nanoid": {
       "version": "3.3.4",
@@ -14831,9 +14834,7 @@
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/needle/-/needle-3.2.0.tgz",
       "integrity": "sha512-oUvzXnyLiVyVGoianLijF9O/RecZUf7TkBfimjGrLM4eQhXyeJwM6GeAWccwfQ9aa4gMCZKqhAOuLaMIcQxajQ==",
-      "dev": true,
       "optional": true,
-      "peer": true,
       "requires": {
         "debug": "^3.2.6",
         "iconv-lite": "^0.6.3",
@@ -14844,9 +14845,7 @@
           "version": "3.2.7",
           "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
           "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-          "dev": true,
           "optional": true,
-          "peer": true,
           "requires": {
             "ms": "^2.1.1"
           }
@@ -15128,10 +15127,7 @@
     "parse-node-version": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parse-node-version/-/parse-node-version-1.0.1.tgz",
-      "integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==",
-      "dev": true,
-      "optional": true,
-      "peer": true
+      "integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA=="
     },
     "parse5": {
       "version": "7.1.2",
@@ -15202,9 +15198,7 @@
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
       "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
-      "dev": true,
-      "optional": true,
-      "peer": true
+      "optional": true
     },
     "pkg-dir": {
       "version": "4.2.0",
@@ -15302,6 +15296,13 @@
         "source-map-js": "^1.0.2"
       }
     },
+    "postcss-less": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-less/-/postcss-less-6.0.0.tgz",
+      "integrity": "sha512-FPX16mQLyEjLzEuuJtxA8X3ejDLNGGEG503d2YGZR5Ask1SpDN8KmZUMpzCvyalWRywAn1n1VOA5dcqfCLo5rg==",
+      "dev": true,
+      "requires": {}
+    },
     "postcss-media-query-parser": {
       "version": "0.2.3",
       "resolved": "https://registry.npmjs.org/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz",
@@ -15432,9 +15433,7 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
       "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==",
-      "dev": true,
-      "optional": true,
-      "peer": true
+      "optional": true
     },
     "psl": {
       "version": "1.9.0",
@@ -15793,9 +15792,7 @@
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
       "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==",
-      "dev": true,
-      "optional": true,
-      "peer": true
+      "optional": true
     },
     "saxes": {
       "version": "6.0.0",
@@ -16530,8 +16527,7 @@
     "tslib": {
       "version": "2.4.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.1.tgz",
-      "integrity": "sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA==",
-      "dev": true
+      "integrity": "sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA=="
     },
     "type-check": {
       "version": "0.4.0",
@@ -16851,9 +16847,9 @@
       "dev": true
     },
     "webpack": {
-      "version": "5.76.0",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.76.0.tgz",
-      "integrity": "sha512-l5sOdYBDunyf72HW8dF23rFtWq/7Zgvt/9ftMof71E/yUb1YLOBmTgA2K4vQthB3kotMrSj609txVE0dnr2fjA==",
+      "version": "5.75.0",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.75.0.tgz",
+      "integrity": "sha512-piaIaoVJlqMsPtX/+3KTTO6jfvrSYgauFVdt8cr9LTHKmcq/AMd4mhzsiP7ZF/PGRNPGA8336jldh9l2Kt2ogQ==",
       "requires": {
         "@types/eslint-scope": "^3.7.3",
         "@types/estree": "^0.0.51",

package.json

@@ -28,6 +28,8 @@
     "jquery": "3.6.3",
     "jquery.are-you-sure": "1.9.0",
     "katex": "0.16.4",
+    "less": "4.1.3",
+    "less-loader": "11.1.0",
     "license-checker-webpack-plugin": "0.2.1",
     "mermaid": "10.0.2",
     "mini-css-extract-plugin": "2.7.2",
@@ -43,7 +45,7 @@
     "vue-bar-graph": "2.0.0",
     "vue-loader": "17.0.1",
     "vue3-calendar-heatmap": "2.0.0",
-    "webpack": "5.76.0",
+    "webpack": "5.75.0",
     "webpack-cli": "5.0.1",
     "workbox-routing": "6.5.4",
     "workbox-strategies": "6.5.4",
@@ -62,6 +64,7 @@
     "eslint-plugin-vue": "9.9.0",
     "jsdom": "21.0.0",
     "markdownlint-cli": "0.33.0",
+    "postcss-less": "6.0.0",
     "stylelint": "15.2.0",
     "stylelint-declaration-strict-value": "1.9.2",
     "svgo": "3.0.2",

routers/api/v1/admin/email.go

@@ -1,87 +0,0 @@
-// Copyright 2023 The Gitea Authors. All rights reserved.
-// SPDX-License-Identifier: MIT
-
-package admin
-
-import (
-	"net/http"
-
-	user_model "code.gitea.io/gitea/models/user"
-	"code.gitea.io/gitea/modules/context"
-	api "code.gitea.io/gitea/modules/structs"
-	"code.gitea.io/gitea/routers/api/v1/utils"
-	"code.gitea.io/gitea/services/convert"
-)
-
-// GetAllEmails
-func GetAllEmails(ctx *context.APIContext) {
-	// swagger:operation GET /admin/emails admin adminGetAllEmails
-	// ---
-	// summary: List all emails
-	// produces:
-	// - application/json
-	// parameters:
-	// - name: page
-	//   in: query
-	//   description: page number of results to return (1-based)
-	//   type: integer
-	// - name: limit
-	//   in: query
-	//   description: page size of results
-	//   type: integer
-	// responses:
-	//   "200":
-	//     "$ref": "#/responses/EmailList"
-	//   "403":
-	//     "$ref": "#/responses/forbidden"
-
-	listOptions := utils.GetListOptions(ctx)
-
-	emails, maxResults, err := user_model.SearchEmails(&user_model.SearchEmailOptions{
-		Keyword:     ctx.Params(":email"),
-		ListOptions: listOptions,
-	})
-	if err != nil {
-		ctx.Error(http.StatusInternalServerError, "GetAllEmails", err)
-		return
-	}
-
-	results := make([]*api.Email, len(emails))
-	for i := range emails {
-		results[i] = convert.ToEmailSearch(emails[i])
-	}
-
-	ctx.SetLinkHeader(int(maxResults), listOptions.PageSize)
-	ctx.SetTotalCountHeader(maxResults)
-	ctx.JSON(http.StatusOK, &results)
-}
-
-// SearchEmail
-func SearchEmail(ctx *context.APIContext) {
-	// swagger:operation GET /admin/emails/search admin adminSearchEmails
-	// ---
-	// summary: Search all emails
-	// produces:
-	// - application/json
-	// parameters:
-	// - name: q
-	//   in: query
-	//   description: keyword
-	//   type: string
-	// - name: page
-	//   in: query
-	//   description: page number of results to return (1-based)
-	//   type: integer
-	// - name: limit
-	//   in: query
-	//   description: page size of results
-	//   type: integer
-	// responses:
-	//   "200":
-	//     "$ref": "#/responses/EmailList"
-	//   "403":
-	//     "$ref": "#/responses/forbidden"
-
-	ctx.SetParams(":email", ctx.FormTrim("q"))
-	GetAllEmails(ctx)
-}

routers/api/v1/admin/user.go

@@ -461,61 +461,3 @@ func GetAllUsers(ctx *context.APIContext) {
 	ctx.SetTotalCountHeader(maxResults)
 	ctx.JSON(http.StatusOK, &results)
 }
-
-// RenameUser api for renaming a user
-func RenameUser(ctx *context.APIContext) {
-	// swagger:operation POST /admin/users/{username}/rename admin adminRenameUser
-	// ---
-	// summary: Rename a user
-	// produces:
-	// - application/json
-	// parameters:
-	// - name: username
-	//   in: path
-	//   description: existing username of user
-	//   type: string
-	//   required: true
-	// - name: body
-	//   in: body
-	//   required: true
-	//   schema:
-	//     "$ref": "#/definitions/RenameUserOption"
-	// responses:
-	//   "204":
-	//     "$ref": "#/responses/empty"
-	//   "403":
-	//     "$ref": "#/responses/forbidden"
-	//   "422":
-	//     "$ref": "#/responses/validationError"
-
-	if ctx.ContextUser.IsOrganization() {
-		ctx.Error(http.StatusUnprocessableEntity, "", fmt.Errorf("%s is an organization not a user", ctx.ContextUser.Name))
-		return
-	}
-
-	newName := web.GetForm(ctx).(*api.RenameUserOption).NewName
-
-	if strings.EqualFold(newName, ctx.ContextUser.Name) {
-		// Noop as username is not changed
-		ctx.Status(http.StatusNoContent)
-		return
-	}
-
-	// Check if user name has been changed
-	if err := user_service.RenameUser(ctx, ctx.ContextUser, newName); err != nil {
-		switch {
-		case user_model.IsErrUserAlreadyExist(err):
-			ctx.Error(http.StatusUnprocessableEntity, "", ctx.Tr("form.username_been_taken"))
-		case db.IsErrNameReserved(err):
-			ctx.Error(http.StatusUnprocessableEntity, "", ctx.Tr("user.form.name_reserved", newName))
-		case db.IsErrNamePatternNotAllowed(err):
-			ctx.Error(http.StatusUnprocessableEntity, "", ctx.Tr("user.form.name_pattern_not_allowed", newName))
-		case db.IsErrNameCharsNotAllowed(err):
-			ctx.Error(http.StatusUnprocessableEntity, "", ctx.Tr("user.form.name_chars_not_allowed", newName))
-		default:
-			ctx.ServerError("ChangeUserName", err)
-		}
-		return
-	}
-	ctx.Status(http.StatusNoContent)
-}

routers/api/v1/api.go

@@ -1257,13 +1257,8 @@ func Routes(ctx gocontext.Context) *web.Route {
 					m.Get("/orgs", org.ListUserOrgs)
 					m.Post("/orgs", bind(api.CreateOrgOption{}), admin.CreateOrg)
 					m.Post("/repos", bind(api.CreateRepoOption{}), admin.CreateRepo)
-					m.Post("/rename", bind(api.RenameUserOption{}), admin.RenameUser)
 				}, context_service.UserAssignmentAPI())
 			})
-			m.Group("/emails", func() {
-				m.Get("", admin.GetAllEmails)
-				m.Get("/search", admin.SearchEmail)
-			})
 			m.Group("/unadopted", func() {
 				m.Get("", admin.ListUnadoptedRepositories)
 				m.Post("/{username}/{reponame}", admin.AdoptRepository)

routers/api/v1/swagger/options.go

@@ -48,9 +48,6 @@ type swaggerParameterBodies struct {
 	// in:body
 	CreateKeyOption api.CreateKeyOption
 
-	// in:body
-	RenameUserOption api.RenameUserOption
-
 	// in:body
 	CreateLabelOption api.CreateLabelOption
 	// in:body

routers/web/org/setting.go

@@ -79,7 +79,7 @@ func SettingsPost(ctx *context.Context) {
 			ctx.Data["OrgName"] = true
 			ctx.RenderWithErr(ctx.Tr("form.username_been_taken"), tplSettingsOptions, &form)
 			return
-		} else if err = user_model.ChangeUserName(ctx, org.AsUser(), form.Name); err != nil {
+		} else if err = user_model.ChangeUserName(org.AsUser(), form.Name); err != nil {
 			switch {
 			case db.IsErrNameReserved(err):
 				ctx.Data["OrgName"] = true

routers/web/repo/actions/actions.go

@@ -23,12 +23,6 @@ const (
 	tplViewActions base.TplName = "repo/actions/view"
 )
 
-type Workflow struct {
-	Entry     git.TreeEntry
-	IsInvalid bool
-	ErrMsg    string
-}
-
 // MustEnableActions check if actions are enabled in settings
 func MustEnableActions(ctx *context.Context) {
 	if !setting.Actions.Enabled {
@@ -53,7 +47,7 @@ func List(ctx *context.Context) {
 	ctx.Data["Title"] = ctx.Tr("actions.actions")
 	ctx.Data["PageIsActions"] = true
 
-	var workflows []Workflow
+	var workflows git.Entries
 	if empty, err := ctx.Repo.GitRepo.IsEmpty(); err != nil {
 		ctx.Error(http.StatusInternalServerError, err.Error())
 		return
@@ -68,27 +62,13 @@ func List(ctx *context.Context) {
 			ctx.Error(http.StatusInternalServerError, err.Error())
 			return
 		}
-		entries, err := actions.ListWorkflows(commit)
+		workflows, err = actions.ListWorkflows(commit)
 		if err != nil {
 			ctx.Error(http.StatusInternalServerError, err.Error())
 			return
 		}
-		workflows = make([]Workflow, 0, len(entries))
-		for _, entry := range entries {
-			workflow := Workflow{Entry: *entry}
-			content, err := actions.GetContentFromEntry(entry)
-			if err != nil {
-				ctx.Error(http.StatusInternalServerError, err.Error())
-				return
-			}
-			_, err = actions.GetEventsFromContent(content)
-			if err != nil {
-				workflow.IsInvalid = true
-				workflow.ErrMsg = err.Error()
-			}
-			workflows = append(workflows, workflow)
-		}
 	}
+
 	ctx.Data["workflows"] = workflows
 	ctx.Data["RepoLink"] = ctx.Repo.Repository.Link()
 

routers/web/repo/branch.go

@@ -8,7 +8,6 @@ import (
 	"errors"
 	"fmt"
 	"net/http"
-	"net/url"
 	"strings"
 
 	"code.gitea.io/gitea/models"
@@ -66,17 +65,21 @@ func Branches(ctx *context.Context) {
 	if page <= 1 {
 		page = 1
 	}
-	pageSize := setting.Git.BranchesRangeSize
 
-	skip := (page - 1) * pageSize
-	log.Debug("Branches: skip: %d limit: %d", skip, pageSize)
-	defaultBranchBranch, branches, branchesCount := loadBranches(ctx, skip, pageSize)
+	limit := ctx.FormInt("limit")
+	if limit <= 0 || limit > setting.Git.BranchesRangeSize {
+		limit = setting.Git.BranchesRangeSize
+	}
+
+	skip := (page - 1) * limit
+	log.Debug("Branches: skip: %d limit: %d", skip, limit)
+	defaultBranchBranch, branches, branchesCount := loadBranches(ctx, skip, limit)
 	if ctx.Written() {
 		return
 	}
 	ctx.Data["Branches"] = branches
 	ctx.Data["DefaultBranchBranch"] = defaultBranchBranch
-	pager := context.NewPagination(branchesCount, pageSize, page, 5)
+	pager := context.NewPagination(branchesCount, setting.Git.BranchesRangeSize, page, 5)
 	pager.SetDefaultParams(ctx)
 	ctx.Data["Page"] = pager
 
@@ -162,7 +165,7 @@ func RestoreBranchPost(ctx *context.Context) {
 
 func redirect(ctx *context.Context) {
 	ctx.JSON(http.StatusOK, map[string]interface{}{
-		"redirect": ctx.Repo.RepoLink + "/branches?page=" + url.QueryEscape(ctx.FormString("page")),
+		"redirect": ctx.Repo.RepoLink + "/branches",
 	})
 }
 

routers/web/user/setting/profile.go

@@ -27,7 +27,9 @@ import (
 	"code.gitea.io/gitea/modules/util"
 	"code.gitea.io/gitea/modules/web"
 	"code.gitea.io/gitea/modules/web/middleware"
+	"code.gitea.io/gitea/services/agit"
 	"code.gitea.io/gitea/services/forms"
+	container_service "code.gitea.io/gitea/services/packages/container"
 	user_service "code.gitea.io/gitea/services/user"
 )
 
@@ -55,25 +57,45 @@ func HandleUsernameChange(ctx *context.Context, user *user_model.User, newName s
 		return fmt.Errorf(ctx.Tr("form.username_change_not_local_user"))
 	}
 
-	// rename user
-	if err := user_service.RenameUser(ctx, user, newName); err != nil {
-		switch {
-		case user_model.IsErrUserAlreadyExist(err):
-			ctx.Flash.Error(ctx.Tr("form.username_been_taken"))
-		case user_model.IsErrEmailAlreadyUsed(err):
-			ctx.Flash.Error(ctx.Tr("form.email_been_used"))
-		case db.IsErrNameReserved(err):
-			ctx.Flash.Error(ctx.Tr("user.form.name_reserved", newName))
-		case db.IsErrNamePatternNotAllowed(err):
-			ctx.Flash.Error(ctx.Tr("user.form.name_pattern_not_allowed", newName))
-		case db.IsErrNameCharsNotAllowed(err):
-			ctx.Flash.Error(ctx.Tr("user.form.name_chars_not_allowed", newName))
-		default:
-			ctx.ServerError("ChangeUserName", err)
+	// Check if user name has been changed
+	if user.LowerName != strings.ToLower(newName) {
+		if err := user_model.ChangeUserName(user, newName); err != nil {
+			switch {
+			case user_model.IsErrUserAlreadyExist(err):
+				ctx.Flash.Error(ctx.Tr("form.username_been_taken"))
+			case user_model.IsErrEmailAlreadyUsed(err):
+				ctx.Flash.Error(ctx.Tr("form.email_been_used"))
+			case db.IsErrNameReserved(err):
+				ctx.Flash.Error(ctx.Tr("user.form.name_reserved", newName))
+			case db.IsErrNamePatternNotAllowed(err):
+				ctx.Flash.Error(ctx.Tr("user.form.name_pattern_not_allowed", newName))
+			case db.IsErrNameCharsNotAllowed(err):
+				ctx.Flash.Error(ctx.Tr("user.form.name_chars_not_allowed", newName))
+			default:
+				ctx.ServerError("ChangeUserName", err)
+			}
+			return err
 		}
+	} else {
+		if err := repo_model.UpdateRepositoryOwnerNames(user.ID, newName); err != nil {
+			ctx.ServerError("UpdateRepository", err)
+			return err
+		}
+	}
+
+	// update all agit flow pull request header
+	err := agit.UserNameChanged(user, newName)
+	if err != nil {
+		ctx.ServerError("agit.UserNameChanged", err)
 		return err
 	}
 
+	if err := container_service.UpdateRepositoryNames(ctx, user, newName); err != nil {
+		ctx.ServerError("UpdateRepositoryNames", err)
+		return err
+	}
+
+	log.Trace("User name changed: %s -> %s", user.Name, newName)
 	return nil
 }
 

services/agit/agit.go

@@ -226,8 +226,8 @@ func ProcReceive(ctx context.Context, repo *repo_model.Repository, gitRepo *git.
 }
 
 // UserNameChanged handle user name change for agit flow pull
-func UserNameChanged(ctx context.Context, user *user_model.User, newName string) error {
-	pulls, err := issues_model.GetAllUnmergedAgitPullRequestByPoster(ctx, user.ID)
+func UserNameChanged(user *user_model.User, newName string) error {
+	pulls, err := issues_model.GetAllUnmergedAgitPullRequestByPoster(user.ID)
 	if err != nil {
 		return err
 	}

services/convert/convert.go

@@ -38,17 +38,6 @@ func ToEmail(email *user_model.EmailAddress) *api.Email {
 	}
 }
 
-// ToEmail convert models.EmailAddress to api.Email
-func ToEmailSearch(email *user_model.SearchEmailResult) *api.Email {
-	return &api.Email{
-		Email:    email.Email,
-		Verified: email.IsActivated,
-		Primary:  email.IsPrimary,
-		UserID:   email.UID,
-		UserName: email.Name,
-	}
-}
-
 // ToBranch convert a git.Commit and git.Branch to an api.Branch
 func ToBranch(ctx context.Context, repo *repo_model.Repository, b *git.Branch, c *git.Commit, bp *git_model.ProtectedBranch, user *user_model.User, isRepoAdmin bool) (*api.Branch, error) {
 	if bp == nil {

services/user/rename.go

@@ -1,41 +0,0 @@
-// Copyright 2023 The Gitea Authors. All rights reserved.
-// SPDX-License-Identifier: MIT
-
-package user
-
-import (
-	"context"
-	"fmt"
-	"strings"
-
-	user_model "code.gitea.io/gitea/models/user"
-	"code.gitea.io/gitea/modules/log"
-	"code.gitea.io/gitea/services/agit"
-	container_service "code.gitea.io/gitea/services/packages/container"
-)
-
-func renameUser(ctx context.Context, u *user_model.User, newUserName string) error {
-	if u.IsOrganization() {
-		return fmt.Errorf("cannot rename organization")
-	}
-
-	if err := user_model.ChangeUserName(ctx, u, newUserName); err != nil {
-		return err
-	}
-
-	if err := agit.UserNameChanged(ctx, u, newUserName); err != nil {
-		return err
-	}
-	if err := container_service.UpdateRepositoryNames(ctx, u, newUserName); err != nil {
-		return err
-	}
-
-	u.Name = newUserName
-	u.LowerName = strings.ToLower(newUserName)
-	if err := user_model.UpdateUser(ctx, u, false); err != nil {
-		return err
-	}
-
-	log.Trace("User name changed: %s -> %s", u.Name, newUserName)
-	return nil
-}

services/user/user.go

@@ -27,22 +27,6 @@ import (
 	"code.gitea.io/gitea/services/packages"
 )
 
-// RenameUser renames a user
-func RenameUser(ctx context.Context, u *user_model.User, newUserName string) error {
-	ctx, committer, err := db.TxContext(ctx)
-	if err != nil {
-		return err
-	}
-	defer committer.Close()
-	if err := renameUser(ctx, u, newUserName); err != nil {
-		return err
-	}
-	if err := committer.Commit(); err != nil {
-		return err
-	}
-	return err
-}
-
 // DeleteUser completely and permanently deletes everything of a user,
 // but issues/comments/pulls will be kept and shown as someone has been deleted,
 // unless the user is younger than USER_DELETE_WITH_COMMENTS_MAX_DAYS.

templates/code/searchresults.tmpl

@@ -11,15 +11,15 @@
 	{{range $result := .SearchResults}}
 		{{$repo := (index $.RepoMaps .RepoID)}}
 		<div class="diff-file-box diff-box file-content non-diff-file-content repo-search-result">
-			<h4 class="ui top attached normal header gt-df gt-fw">
-				<span class="file gt-f1">
+			<h4 class="ui top attached normal header">
+				<span class="file">
 					<a rel="nofollow" href="{{$repo.Link}}">{{$repo.FullName}}</a>
 						{{if $repo.IsArchived}}
 							<span class="ui basic label">{{$.locale.Tr "repo.desc.archived"}}</span>
 						{{end}}
 					- {{.Filename}}
 				</span>
-				<a role="button" class="ui basic tiny button" rel="nofollow" href="{{$repo.Link}}/src/commit/{{$result.CommitID | PathEscape}}/{{.Filename | PathEscapeSegments}}">{{$.locale.Tr "repo.diff.view_file"}}</a>
+				<a class="ui basic tiny button" rel="nofollow" href="{{$repo.Link}}/src/commit/{{$result.CommitID | PathEscape}}/{{.Filename | PathEscapeSegments}}">{{$.locale.Tr "repo.diff.view_file"}}</a>
 			</h4>
 			<div class="ui attached table segment">
 				<div class="file-body file-code code-view">

templates/repo/actions/list.tmpl

@@ -9,17 +9,7 @@
 					<a class="item{{if not $.CurWorkflow}} active{{end}}" href="{{$.Link}}">{{.locale.Tr "actions.runs.all_workflows"}}</a>
 					<div class="divider"></div>
 					{{range .workflows}}
-						<a class="item{{if eq .Entry.Name $.CurWorkflow}} active{{end}}" href="{{$.Link}}?workflow={{.Entry.Name}}">{{.Entry.Name}}
-							{{if .IsInvalid}}
-								<span class="tooltip" data-content="{{$.locale.Tr "actions.runs.invalid_workflow_helper" (.ErrMsg)}}">
-									<i class="warning icon red"></i>
-								</span>
-							{{else}}
-								<span class="tooltip" data-content="{{$.locale.Tr "actions.runs.valid_workflow_helper"}}">
-									<i class="check icon green"></i>
-								</span>
-							{{end}}
-						</a>
+						<a class="item{{if eq .Name $.CurWorkflow}} active{{end}}" href="{{$.Link}}?workflow={{.Name}}">{{.Name}}</a>
 					{{end}}
 				</div>
 			</div>

templates/repo/branch/list.tmpl

@@ -81,9 +81,9 @@
 									<td class="three wide right aligned">
 										{{if not .LatestPullRequest}}
 											{{if .IsIncluded}}
-												<span class="ui tooltip orange large label" data-content="{{$.locale.Tr "repo.branch.included_desc"}}" data-position="top right">
+												<a class="ui tooltip orange large label" data-content="{{$.locale.Tr "repo.branch.included_desc"}}" data-position="top right">
 													{{svg "octicon-git-pull-request"}} {{$.locale.Tr "repo.branch.included"}}
-												</span>
+												</a>
 											{{else if and (not .IsDeleted) $.AllowsPulls (gt .CommitsAhead 0)}}
 											<a href="{{$.RepoLink}}/compare/{{PathEscapeSegments $.DefaultBranch}}...{{if ne $.Repository.Owner.Name $.Owner.Name}}{{PathEscape $.Owner.Name}}:{{end}}{{PathEscapeSegments .Name}}">
 												<button id="new-pull-request" class="ui compact basic button gt-mr-0">{{if $.CanPull}}{{$.locale.Tr "repo.pulls.compare_changes"}}{{else}}{{$.locale.Tr "action.compare_branch"}}{{end}}</button>
@@ -123,13 +123,13 @@
 										{{end}}
 										{{if and $.IsWriter (not $.IsMirror) (not $.Repository.IsArchived) (not .IsProtected)}}
 											{{if .IsDeleted}}
-												<button class="ui basic jump button icon tooltip undo-button" data-url="{{$.Link}}/restore?branch_id={{.DeletedBranch.ID}}&name={{.DeletedBranch.Name}}&page={{$.Page.Paginater.Current}}" data-content="{{$.locale.Tr "repo.branch.restore" (.Name)}}" data-position="top right">
+												<button class="ui basic jump button icon tooltip undo-button" data-url="{{$.Link}}/restore?branch_id={{.DeletedBranch.ID}}&name={{.DeletedBranch.Name}}" data-content="{{$.locale.Tr "repo.branch.restore" (.Name)}}" data-position="top right">
 													<span class="text blue">
 														{{svg "octicon-reply"}}
 													</span>
 												</button>
 											{{else}}
-												<button class="ui basic jump button icon tooltip delete-button delete-branch-button" data-url="{{$.Link}}/delete?name={{.Name}}&page={{$.Page.Paginater.Current}}" data-content="{{$.locale.Tr "repo.branch.delete" (.Name)}}" data-position="top right" data-name="{{.Name}}">
+												<button class="ui basic jump button icon tooltip delete-button delete-branch-button" data-url="{{$.Link}}/delete?name={{.Name}}" data-content="{{$.locale.Tr "repo.branch.delete" (.Name)}}" data-position="top right" data-name="{{.Name}}">
 													{{svg "octicon-trash"}}
 												</button>
 											{{end}}

templates/repo/branch_dropdown.tmpl

@@ -1,20 +1,6 @@
-{{$defaultBranch := $.root.BranchName}}
-{{if and .root.IsViewTag (not .noTag)}}
-	{{$defaultBranch = .root.TagName}}
-{{end}}
-{{if eq $defaultBranch ""}}
-	{{$defaultBranch = $.root.Repository.DefaultBranch}}
-{{end}}
-
-{{$type := ""}}
-{{if and .root.IsViewTag (not .noTag)}}
-	{{$type = "tag"}}
-{{else if .root.IsViewBranch}}
-	{{$type = "branch"}}
-{{else}}
-	{{$type = "tree"}}
-{{end}}
-
+{{$release := .release}}
+{{$defaultBranch := $.root.BranchName}}{{if and .root.IsViewTag (not .noTag)}}{{$defaultBranch = .root.TagName}}{{end}}{{if eq $defaultBranch ""}}{{$defaultBranch = $.root.Repository.DefaultBranch}}{{end}}
+{{$type := ""}}{{if and .root.IsViewTag (not .noTag)}}{{$type = "tag"}}{{else if .root.IsViewBranch}}{{$type = "branch"}}{{else}}{{$type = "tree"}}{{end}}
 {{$showBranchesInDropdown := not .root.HideBranchesInDropdown}}
 
 <script type="module">
@@ -44,8 +30,8 @@
 		'defaultBranch': {{$defaultBranch}},
 		'branchURLPrefix': '{{if .branchURLPrefix}}{{.branchURLPrefix}}{{else}}{{$.root.RepoLink}}/{{if $.root.PageIsCommits}}commits{{else}}src{{end}}/branch/{{end}}',
 		'branchURLSuffix': '{{if .branchURLSuffix}}{{.branchURLSuffix}}{{else}}{{if $.root.TreePath}}/{{PathEscapeSegments $.root.TreePath}}{{end}}{{end}}',
-		'tagURLPrefix': '{{if .tagURLPrefix}}{{.tagURLPrefix}}{{else if .release}}{{$.root.RepoLink}}/compare/{{else}}{{$.root.RepoLink}}/{{if $.root.PageIsCommits}}commits{{else}}src{{end}}/tag/{{end}}',
-		'tagURLSuffix': '{{if .tagURLSuffix}}{{.tagURLSuffix}}{{else if .release}}...{{if .release.IsDraft}}{{PathEscapeSegments .release.Target}}{{else}}{{if .release.TagName}}{{PathEscapeSegments .release.TagName}}{{else}}{{PathEscapeSegments .release.Sha1}}{{end}}{{end}}{{else}}{{if $.root.TreePath}}/{{PathEscapeSegments $.root.TreePath}}{{end}}{{end}}',
+		'tagURLPrefix': '{{if .tagURLPrefix}}{{.tagURLPrefix}}{{else if $release}}{{$.root.RepoLink}}/compare/{{else}}{{$.root.RepoLink}}/{{if $.root.PageIsCommits}}commits{{else}}src{{end}}/tag/{{end}}',
+		'tagURLSuffix': '{{if .tagURLSuffix}}{{.tagURLSuffix}}{{else if $release}}...{{if $release.IsDraft}}{{PathEscapeSegments $release.Target}}{{else}}{{if $release.TagName}}{{PathEscapeSegments $release.TagName}}{{else}}{{PathEscapeSegments $release.Sha1}}{{end}}{{end}}{{else}}{{if $.root.TreePath}}/{{PathEscapeSegments $.root.TreePath}}{{end}}{{end}}',
 		'repoLink': {{.root.RepoLink}},
 		'treePath': {{.root.TreePath}},
 		'branchNameSubURL': {{.root.BranchNameSubURL}},
@@ -60,23 +46,71 @@
 	window.config.pageData.branchDropdownDataList.push(data);
 </script>
 
-<div class="fitted item js-branch-tag-selector">
-	{{/* show dummy elements before Vue componment is mounted, this code must match the code in BranchTagSelector.vue */}}
+<div class="fitted item choose reference">
 	<div class="ui floating filter dropdown custom">
-		<button class="branch-dropdown-button gt-ellipsis ui basic small compact button gt-df">
+		<button class="branch-dropdown-button gt-ellipsis ui basic small compact button gt-df" @click="menuVisible = !menuVisible" @keyup.enter="menuVisible = !menuVisible">
 			<span class="text gt-df gt-ac gt-mr-2">
-				{{if .release}}
-					{{.root.locale.Tr "repo.release.compare"}}
-				{{else}}
-					{{if eq $type "tag"}}
-						{{svg "octicon-tag"}}
-					{{else}}
-						{{svg "octicon-git-branch"}}
-					{{end}}
-					<strong ref="dropdownRefName" class="gt-ml-3">{{if and .root.IsViewTag (not .noTag)}}{{.root.TagName}}{{else if .root.IsViewBranch}}{{.root.BranchName}}{{else}}{{ShortSha .root.CommitID}}{{end}}</strong>
-				{{end}}
+				{{/* v-cloak is used to hide unnecessary elements before Vue componment is mounted */}}
+				<span v-cloak v-if="release">${ textReleaseCompare }</span>
+				<span :class="{visible: isViewTag}" v-if="isViewTag" {{if not (eq $type "tag")}}v-cloak{{end}}>{{svg "octicon-tag"}}</span>
+				<span :class="{visible: isViewBranch}" v-if="isViewBranch" {{if not (eq $type "branch")}}v-cloak{{end}}>{{svg "octicon-git-branch"}}</span>
+				<span :class="{visible: isViewTree}" v-if="isViewTree" {{if not (eq $type "tree")}}v-cloak{{end}}>{{svg "octicon-git-branch"}}</span>
+				<strong ref="dropdownRefName" class="gt-ml-3">{{if and .root.IsViewTag (not .noTag)}}{{.root.TagName}}{{else if .root.IsViewBranch}}{{.root.BranchName}}{{else}}{{ShortSha .root.CommitID}}{{end}}</strong>
 			</span>
 			{{svg "octicon-triangle-down" 14 "dropdown icon"}}
 		</button>
+		<div class="menu transition" :class="{visible: menuVisible}" v-if="menuVisible" v-cloak>
+			<div class="ui icon search input">
+				<i class="icon gt-df gt-ac gt-jc gt-m-0">{{svg "octicon-filter" 16}}</i>
+				<input name="search" ref="searchField" autocomplete="off" v-model="searchTerm" @keydown="keydown($event)" :placeholder="searchFieldPlaceholder">
+			</div>
+			<template v-if="showBranchesInDropdown">
+				<div class="header branch-tag-choice">
+					<div class="ui grid">
+						<div class="two column row">
+							<a class="reference column" href="#" @click="createTag = false; mode = 'branches'; focusSearchField()">
+								<span class="text" :class="{black: mode === 'branches'}">
+									{{svg "octicon-git-branch" 16 "gt-mr-2"}}${ textBranches }
+								</span>
+							</a>
+							<template v-if="!noTag">
+								<a class="reference column" href="#" @click="createTag = true; mode = 'tags'; focusSearchField()">
+									<span class="text" :class="{black: mode === 'tags'}">
+										{{svg "octicon-tag" 16 "gt-mr-2"}}${ textTags }
+									</span>
+								</a>
+							</template>
+						</div>
+					</div>
+				</div>
+			</template>
+			<div class="scrolling menu" ref="scrollContainer">
+				<div v-for="(item, index) in filteredItems" :key="item.name" class="item" :class="{selected: item.selected, active: active === index}" @click="selectItem(item)" :ref="'listItem' + index">${ item.name }</div>
+				<div class="item" v-if="showCreateNewBranch" :class="{active: active === filteredItems.length}" :ref="'listItem' + filteredItems.length">
+					<a href="#" @click="createNewBranch()">
+						<div v-show="createTag">
+							<i class="reference tags icon"></i>
+							<span v-html="textCreateTag.replace('%s', searchTerm)"></span>
+						</div>
+						<div v-show="!createTag">
+							{{svg "octicon-git-branch"}}
+							<span v-html="textCreateBranch.replace('%s', searchTerm)"></span>
+						</div>
+						<div class="text small">
+							<span v-if="isViewBranch || release">${ textCreateBranchFrom.replace('%s', branchName) }</span>
+							<span v-else-if="isViewTag">${ textCreateBranchFrom.replace('%s', tagName) }</span>
+							<span v-else>${ textCreateBranchFrom.replace('%s', commitIdShort) }</span>
+						</div>
+					</a>
+					<form ref="newBranchForm" action="{{.root.RepoLink}}/branches/_new/{{.root.BranchNameSubURL}}" method="post">
+						<input type="hidden" name="_csrf" :value="csrfToken">
+						<input type="hidden" name="new_branch_name" v-model="searchTerm">
+						<input type="hidden" name="create_tag" v-model="createTag">
+						<input type="hidden" name="current_path" v-model="treePath" v-if="treePath">
+					</form>
+				</div>
+			</div>
+			<div class="message" v-if="showNoResults">${ noResults }</div>
+		</div>
 	</div>
 </div>

templates/repo/search.tmpl

@@ -39,9 +39,9 @@
 				<div class="repository search">
 					{{range $result := .SearchResults}}
 						<div class="diff-file-box diff-box file-content non-diff-file-content repo-search-result">
-							<h4 class="ui top attached normal header gt-df gt-fw">
-								<span class="file gt-f1">{{.Filename}}</span>
-								<a role="button" class="ui basic tiny button" rel="nofollow" href="{{$.SourcePath}}/src/commit/{{PathEscape $result.CommitID}}/{{PathEscapeSegments .Filename}}">{{$.locale.Tr "repo.diff.view_file"}}</a>
+							<h4 class="ui top attached normal header">
+								<span class="file">{{.Filename}}</span>
+								<a class="ui basic tiny button" rel="nofollow" href="{{$.SourcePath}}/src/commit/{{PathEscape $result.CommitID}}/{{PathEscapeSegments .Filename}}">{{$.locale.Tr "repo.diff.view_file"}}</a>
 							</h4>
 							<div class="ui attached table segment">
 								<div class="file-body file-code code-view">

templates/shared/issuelist.tmpl

@@ -108,7 +108,7 @@
 						<span class="due-date tooltip" data-content="{{$.locale.Tr "repo.issues.due_date"}}" data-position="right center">
 							<span{{if .IsOverdue}} class="overdue"{{end}}>
 								{{svg "octicon-calendar" 14 "gt-mr-2"}}
-								<time data-format="short-date" datetime="{{.DeadlineUnix.FormatDate}}">{{.DeadlineUnix.FormatShort}}</time>
+								<time data-format="short-date" datetime="{{.DeadlineUnix.FormatLong}}">{{.DeadlineUnix.FormatShort}}</time>
 							</span>
 						</span>
 					{{end}}

templates/swagger/v1_json.tmpl

@@ -138,80 +138,6 @@
         }
       }
     },
-    "/admin/emails": {
-      "get": {
-        "produces": [
-          "application/json"
-        ],
-        "tags": [
-          "admin"
-        ],
-        "summary": "List all emails",
-        "operationId": "adminGetAllEmails",
-        "parameters": [
-          {
-            "type": "integer",
-            "description": "page number of results to return (1-based)",
-            "name": "page",
-            "in": "query"
-          },
-          {
-            "type": "integer",
-            "description": "page size of results",
-            "name": "limit",
-            "in": "query"
-          }
-        ],
-        "responses": {
-          "200": {
-            "$ref": "#/responses/EmailList"
-          },
-          "403": {
-            "$ref": "#/responses/forbidden"
-          }
-        }
-      }
-    },
-    "/admin/emails/search": {
-      "get": {
-        "produces": [
-          "application/json"
-        ],
-        "tags": [
-          "admin"
-        ],
-        "summary": "Search all emails",
-        "operationId": "adminSearchEmails",
-        "parameters": [
-          {
-            "type": "string",
-            "description": "keyword",
-            "name": "q",
-            "in": "query"
-          },
-          {
-            "type": "integer",
-            "description": "page number of results to return (1-based)",
-            "name": "page",
-            "in": "query"
-          },
-          {
-            "type": "integer",
-            "description": "page size of results",
-            "name": "limit",
-            "in": "query"
-          }
-        ],
-        "responses": {
-          "200": {
-            "$ref": "#/responses/EmailList"
-          },
-          "403": {
-            "$ref": "#/responses/forbidden"
-          }
-        }
-      }
-    },
     "/admin/hooks": {
       "get": {
         "produces": [
@@ -753,46 +679,6 @@
         }
       }
     },
-    "/admin/users/{username}/rename": {
-      "post": {
-        "produces": [
-          "application/json"
-        ],
-        "tags": [
-          "admin"
-        ],
-        "summary": "Rename a user",
-        "operationId": "adminRenameUser",
-        "parameters": [
-          {
-            "type": "string",
-            "description": "existing username of user",
-            "name": "username",
-            "in": "path",
-            "required": true
-          },
-          {
-            "name": "body",
-            "in": "body",
-            "required": true,
-            "schema": {
-              "$ref": "#/definitions/RenameUserOption"
-            }
-          }
-        ],
-        "responses": {
-          "204": {
-            "$ref": "#/responses/empty"
-          },
-          "403": {
-            "$ref": "#/responses/forbidden"
-          },
-          "422": {
-            "$ref": "#/responses/validationError"
-          }
-        }
-      }
-    },
     "/admin/users/{username}/repos": {
       "post": {
         "consumes": [
@@ -17073,15 +16959,6 @@
           "type": "boolean",
           "x-go-name": "Primary"
         },
-        "user_id": {
-          "type": "integer",
-          "format": "int64",
-          "x-go-name": "UserID"
-        },
-        "username": {
-          "type": "string",
-          "x-go-name": "UserName"
-        },
         "verified": {
           "type": "boolean",
           "x-go-name": "Verified"
@@ -19228,22 +19105,6 @@
       },
       "x-go-package": "code.gitea.io/gitea/modules/structs"
     },
-    "RenameUserOption": {
-      "description": "RenameUserOption options when renaming a user",
-      "type": "object",
-      "required": [
-        "new_username"
-      ],
-      "properties": {
-        "new_username": {
-          "description": "New username for this user. This name cannot be in use yet by any other user.",
-          "type": "string",
-          "uniqueItems": true,
-          "x-go-name": "NewName"
-        }
-      },
-      "x-go-package": "code.gitea.io/gitea/modules/structs"
-    },
     "RepoCollaboratorPermission": {
       "description": "RepoCollaboratorPermission to get repository permission for a collaborator",
       "type": "object",

templates/user/dashboard/repolist.tmpl

@@ -1,54 +1,181 @@
-<script type="module">
-const data = {
-	...window.config.pageData.dashboardRepoList, // it only contains searchLimit and uid
+<div id="dashboard-repo-list" class="six wide column">
+	<repo-search
+	:search-limit="searchLimit"
+	:sub-url="subUrl"
+	:uid="uid"
+	{{if .Team}}
+	:team-id="{{.Team.ID}}"
+	{{end}}
+	:more-repos-link="'{{.ContextUser.HomeLink}}'"
+	{{if not .ContextUser.IsOrganization}}
+	:organizations="[
+	{{range .Orgs}}
+	{name: '{{.Name}}', num_repos: '{{.NumRepos}}'},
+	{{end}}
+	]"
+	:is-organization="false"
+	:organizations-total-count="{{.UserOrgsCount}}"
+	:can-create-organization="{{.SignedUser.CanCreateOrganization}}"
+	{{end}}
+	inline-template
+	v-cloak
+	></repo-search>
+</div>
 
-	isMirrorsEnabled: {{.IsMirrorsEnabled}},
-	isStarsEnabled: {{not .IsDisableStars}},
-
-	textRepository: {{.locale.Tr "repository"}},
-	textOrganization: {{.locale.Tr "organization"}},
-	textMyRepos: {{.locale.Tr "home.my_repos"}},
-	textNewRepo: {{.locale.Tr "new_repo"}},
-	textSearchRepos: {{.locale.Tr "home.search_repos"}},
-	textFilter: {{.locale.Tr "home.filter"}},
-	textShowArchived: {{.locale.Tr "home.show_archived"}},
-	textShowPrivate: {{.locale.Tr "home.show_private"}},
-
-	textShowBothArchivedUnarchived: {{.locale.Tr "home.show_both_archived_unarchived"}},
-	textShowOnlyUnarchived: {{.locale.Tr "home.show_only_unarchived"}},
-	textShowOnlyArchived: {{.locale.Tr "home.show_only_archived"}},
-
-	textShowBothPrivatePublic: {{.locale.Tr "home.show_both_private_public"}},
-	textShowOnlyPublic: {{.locale.Tr "home.show_only_public"}},
-	textShowOnlyPrivate: {{.locale.Tr "home.show_only_private"}},
-
-	textAll: {{.locale.Tr "all"}},
-	textSources: {{.locale.Tr "sources"}},
-	textForks: {{.locale.Tr "forks"}},
-	textMirrors: {{.locale.Tr "mirrors"}},
-	textCollaborative: {{.locale.Tr "collaborative"}},
-
-	textFirstPage: {{.locale.Tr "admin.first_page"}},
-	textPreviousPage: {{.locale.Tr "repo.issues.previous"}},
-	textNextPage: {{.locale.Tr "repo.issues.next"}},
-	textLastPage: {{.locale.Tr "admin.last_page"}},
-
-	textMyOrgs: {{.locale.Tr "home.my_orgs"}},
-	textNewOrg: {{.locale.Tr "new_org"}},
-};
-
-{{if .Team}}
-data.teamId = {{.Team.ID}};
-{{end}}
-
-{{if not .ContextUser.IsOrganization}}
-data.organizations = [{{range .Orgs}}{'name': {{.Name}}, 'num_repos': {{.NumRepos}}},{{end}}];
-data.isOrganization = false;
-data.organizationsTotalCount = {{.UserOrgsCount}}
-data.canCreateOrganization = {{.SignedUser.CanCreateOrganization}}
-{{end}}
-
-window.config.pageData.dashboardRepoList = data;
-</script>
-
-<div id="dashboard-repo-list" class="six wide column"></div>
+<template id="dashboard-repo-list-template">
+	<div>
+		<div v-if="!isOrganization" class="ui two item tabable menu">
+			<a :class="{item: true, active: tab === 'repos'}" @click="changeTab('repos')">{{.locale.Tr "repository"}}</a>
+			<a :class="{item: true, active: tab === 'organizations'}" @click="changeTab('organizations')">{{.locale.Tr "organization"}}</a>
+		</div>
+		<div v-show="tab === 'repos'" class="ui tab active list dashboard-repos">
+			<h4 class="ui top attached header gt-df gt-ac">
+				<div class="gt-f1 gt-df gt-ac">
+					{{.locale.Tr "home.my_repos"}}
+					<span class="ui grey label gt-ml-3">${reposTotalCount}</span>
+				</div>
+				<a class="tooltip" :href="subUrl + '/repo/create'" data-content="{{.locale.Tr "new_repo"}}" data-position="left center">
+					{{svg "octicon-plus"}}
+					<span class="sr-only">{{.locale.Tr "new_repo"}}</span>
+				</a>
+			</h4>
+			<div class="ui attached segment repos-search">
+				<div class="ui fluid right action left icon input" :class="{loading: isLoading}">
+					<input @input="changeReposFilter(reposFilter)" v-model="searchQuery" ref="search" placeholder="{{.locale.Tr "home.search_repos"}}">
+					<i class="icon gt-df gt-ac gt-jc">{{svg "octicon-search" 16}}</i>
+					<div class="ui dropdown icon button" title="{{.locale.Tr "home.filter"}}">
+						<i class="icon gt-df gt-ac gt-jc gt-m-0">{{svg "octicon-filter" 16}}</i>
+						<div class="menu">
+							<a class="item" @click="toggleArchivedFilter()">
+								<div class="ui checkbox"
+											ref="checkboxArchivedFilter"
+											data-title-both="{{.locale.Tr "home.show_both_archived_unarchived"}}"
+											data-title-unarchived="{{.locale.Tr "home.show_only_unarchived"}}"
+											data-title-archived="{{.locale.Tr "home.show_only_archived"}}"
+											:title="checkboxArchivedFilterTitle"
+								>
+									<!--the "hidden" is necessary to make the checkbox work without Fomantic UI js,
+											otherwise if the "input" handles click event for intermediate status, it breaks the internal state-->
+									<input type="checkbox" class="hidden" v-bind.prop="checkboxArchivedFilterProps">
+									<label>
+										{{svg "octicon-archive" 16 "gt-mr-2"}}
+										{{.locale.Tr "home.show_archived"}}
+									</label>
+								</div>
+							</a>
+							<a class="item" @click="togglePrivateFilter()">
+								<div class="ui checkbox"
+											ref="checkboxPrivateFilter"
+											data-title-both="{{.locale.Tr "home.show_both_private_public"}}"
+											data-title-public="{{.locale.Tr "home.show_only_public"}}"
+											data-title-private="{{.locale.Tr "home.show_only_private"}}"
+											:title="checkboxPrivateFilterTitle"
+								>
+									<input type="checkbox" class="hidden" v-bind.prop="checkboxPrivateFilterProps">
+									<label>
+										{{svg "octicon-lock" 16 "gt-mr-2"}}
+										{{.locale.Tr "home.show_private"}}
+									</label>
+								</div>
+							</a>
+						</div>
+					</div>
+				</div>
+				<div class="ui secondary tiny pointing borderless menu center grid repos-filter">
+					<a class="item" :class="{active: reposFilter === 'all'}" @click="changeReposFilter('all')">
+						{{.locale.Tr "all"}}
+						<div v-show="reposFilter === 'all'" class="ui circular mini grey label">${repoTypeCount}</div>
+					</a>
+					<a class="item" :class="{active: reposFilter === 'sources'}" @click="changeReposFilter('sources')">
+						{{.locale.Tr "sources"}}
+						<div v-show="reposFilter === 'sources'" class="ui circular mini grey label">${repoTypeCount}</div>
+					</a>
+					<a class="item" :class="{active: reposFilter === 'forks'}" @click="changeReposFilter('forks')">
+						{{.locale.Tr "forks"}}
+						<div v-show="reposFilter === 'forks'" class="ui circular mini grey label">${repoTypeCount}</div>
+					</a>
+					{{if .MirrorsEnabled}}
+					<a class="item" :class="{active: reposFilter === 'mirrors'}" @click="changeReposFilter('mirrors')">
+						{{.locale.Tr "mirrors"}}
+						<div v-show="reposFilter === 'mirrors'" class="ui circular mini grey label">${repoTypeCount}</div>
+					</a>
+					{{end}}
+					<a class="item" :class="{active: reposFilter === 'collaborative'}" @click="changeReposFilter('collaborative')">
+						{{.locale.Tr "collaborative"}}
+						<div v-show="reposFilter === 'collaborative'" class="ui circular mini grey label">${repoTypeCount}</div>
+					</a>
+				</div>
+			</div>
+			<div v-if="repos.length" class="ui attached table segment gt-rounded-bottom">
+				<ul class="repo-owner-name-list">
+					<li v-for="repo in repos" :class="{'private': repo.private || repo.internal}">
+						<a class="repo-list-link gt-df gt-ac gt-sb" :href="repo.link">
+							<div class="item-name gt-df gt-ac gt-f1 gt-mr-2">
+								<component v-bind:is="repoIcon(repo)" size="16" class="gt-mr-2"></component>
+								<div class="text gt-bold truncate gt-ml-1">${repo.full_name}</div>
+								<span v-if="repo.archived">
+									{{svg "octicon-archive" 16 "gt-ml-2"}}
+								</span>
+							</div>
+							{{if not .DisableStars}}
+								<div class="text light grey gt-df gt-ac">
+									${repo.stars_count}
+									{{svg "octicon-star" 16 "gt-ml-2"}}
+								</div>
+							{{end}}
+						</a>
+					</li>
+				</ul>
+				<div v-if="showMoreReposLink" class="center gt-py-3 gt-border-secondary-top">
+					<div class="ui borderless pagination menu narrow">
+						<a class="item navigation gt-py-2" :class="{'disabled': page === 1}"
+							@click="changePage(1)" title="{{$.locale.Tr "admin.first_page"}}">
+							{{svg "gitea-double-chevron-left" 16 "gt-mr-2"}}
+						</a>
+						<a class="item navigation gt-py-2" :class="{'disabled': page === 1}"
+							@click="changePage(page - 1)" title="{{$.locale.Tr "repo.issues.previous"}}">
+							{{svg "octicon-chevron-left" 16 "gt-mr-2"}}
+						</a>
+						<a class="active item gt-py-2">${page}</a>
+						<a class="item navigation" :class="{'disabled': page === finalPage}"
+							@click="changePage(page + 1)" title="{{$.locale.Tr "repo.issues.next"}}">
+							{{svg "octicon-chevron-right" 16 "gt-ml-2"}}
+						</a>
+						<a class="item navigation gt-py-2" :class="{'disabled': page === finalPage}"
+							@click="changePage(finalPage)" title="{{$.locale.Tr "admin.last_page"}}">
+							{{svg "gitea-double-chevron-right" 16 "gt-ml-2"}}
+						</a>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div v-if="!isOrganization" v-show="tab === 'organizations'" class="ui tab active list dashboard-orgs">
+			<h4 class="ui top attached header gt-df gt-ac">
+				<div class="gt-f1 gt-df gt-ac">
+					{{.locale.Tr "home.my_orgs"}}
+					<span class="ui grey label gt-ml-3">${organizationsTotalCount}</span>
+				</div>
+				<a v-if="canCreateOrganization" class="tooltip" :href="subUrl + '/org/create'" data-content="{{.locale.Tr "new_org"}}" data-position="left center">
+					{{svg "octicon-plus"}}
+					<span class="sr-only">{{.locale.Tr "new_org"}}</span>
+				</a>
+			</h4>
+			<div v-if="organizations.length" class="ui attached table segment gt-rounded-bottom">
+				<ul class="repo-owner-name-list">
+					<li v-for="org in organizations">
+						<a class="repo-list-link gt-df gt-ac gt-sb" :href="subUrl + '/' + encodeURIComponent(org.name)">
+							<div class="text truncate item-name gt-f1">
+								{{svg "octicon-organization" 16 "gt-mr-2"}}
+								<strong>${org.name}</strong>
+							</div>
+							<div class="text light grey gt-df gt-ac">
+								${org.num_repos}
+								{{svg "octicon-repo" 16 "gt-ml-2 gt-mt-1"}}
+							</div>
+						</a>
+					</li>
+				</ul>
+			</div>
+		</div>
+	</div>
+</template>

web_src/css/admin.css

@@ -1,110 +0,0 @@
-.admin.hooks .list > .item:not(:first-child) {
-  border-top: 1px solid var(--color-secondary);
-  padding: 0.25rem 1rem;
-  margin: 12px -1rem -1rem;
-}
-
-.admin .table.segment {
-  padding: 0;
-  font-size: 13px;
-  overflow-x: auto;
-}
-
-.admin .table.segment:not(.striped) thead th:last-child {
-  padding-right: 5px !important;
-}
-
-.admin .table.segment th {
-  padding-top: 5px;
-  padding-bottom: 5px;
-}
-
-.admin .table.segment:not(.select) th:first-of-type,
-.admin .table.segment:not(.select) td:first-of-type {
-  padding-left: 15px !important;
-}
-
-.admin .table.segment form tbody button[type="submit"] {
-  padding: 5px 8px;
-}
-
-.admin .settings .button.adopt,
-.admin .settings .button.delete {
-  margin-top: -15px;
-  margin-bottom: -15px;
-}
-
-.admin .settings .button.adopt .label,
-.admin .settings .button.delete .label {
-  vertical-align: middle;
-}
-
-.admin.user .email {
-  max-width: 200px;
-}
-
-.admin dl.admin-dl-horizontal {
-  padding: 20px;
-  margin: 0;
-}
-
-.admin dl.admin-dl-horizontal dd {
-  margin-left: 275px;
-}
-
-@media (max-width: 767px) {
-  .admin dl.admin-dl-horizontal dd {
-    margin-left: 5%;
-  }
-}
-
-.admin dl.admin-dl-horizontal dt {
-  font-weight: 600;
-  float: left;
-  width: 285px;
-  clear: left;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-@media (max-width: 767px) {
-  .admin dl.admin-dl-horizontal dt {
-    width: auto;
-    margin-right: 0.5em;
-  }
-}
-
-.admin.config #test-mail-btn {
-  margin-left: 5px;
-}
-
-.admin code,
-.admin pre {
-  white-space: pre-wrap;
-  word-wrap: break-word;
-}
-
-@media (max-width: 767px) {
-  .admin #notice-table .notice-description {
-    max-width: 80vw;
-  }
-}
-
-@media (min-width: 768px) and (max-width: 991px) {
-  .admin #notice-table .notice-description {
-    max-width: 360px;
-  }
-}
-
-@media (min-width: 992px) and (max-width: 1200px) {
-  .admin #notice-table .notice-description {
-    max-width: 510px;
-  }
-}
-
-@media (min-width: 1201px) {
-  .admin #notice-table .notice-description {
-    max-width: 640px;
-  }
-}

web_src/css/codemirror/dark.css

@@ -1,106 +0,0 @@
-.CodeMirror.cm-s-default .cm-property,
-.CodeMirror.cm-s-paper .cm-property {
-  color: #a0cc75;
-}
-
-.CodeMirror.cm-s-default .cm-header,
-.CodeMirror.cm-s-paper .cm-header {
-  color: #9daccc;
-}
-
-.CodeMirror.cm-s-default .cm-quote,
-.CodeMirror.cm-s-paper .cm-quote {
-  color: #009900;
-}
-
-.CodeMirror.cm-s-default .cm-keyword,
-.CodeMirror.cm-s-paper .cm-keyword {
-  color: #cc8a61;
-}
-
-.CodeMirror.cm-s-default .cm-atom,
-.CodeMirror.cm-s-paper .cm-atom {
-  color: #ef5e77;
-}
-
-.CodeMirror.cm-s-default .cm-number,
-.CodeMirror.cm-s-paper .cm-number {
-  color: #ff5656;
-}
-
-.CodeMirror.cm-s-default .cm-def,
-.CodeMirror.cm-s-paper .cm-def {
-  color: #e4e4e4;
-}
-
-.CodeMirror.cm-s-default .cm-variable-2,
-.CodeMirror.cm-s-paper .cm-variable-2 {
-  color: #00bdbf;
-}
-
-.CodeMirror.cm-s-default .cm-variable-3,
-.CodeMirror.cm-s-paper .cm-variable-3 {
-  color: #008855;
-}
-
-.CodeMirror.cm-s-default .cm-comment,
-.CodeMirror.cm-s-paper .cm-comment {
-  color: #8e9ab3;
-}
-
-.CodeMirror.cm-s-default .cm-string,
-.CodeMirror.cm-s-paper .cm-string {
-  color: #a77272;
-}
-
-.CodeMirror.cm-s-default .cm-string-2,
-.CodeMirror.cm-s-paper .cm-string-2 {
-  color: #ff5500;
-}
-
-.CodeMirror.cm-s-default .cm-meta,
-.CodeMirror.cm-s-paper .cm-meta,
-.CodeMirror.cm-s-default .cm-qualifier,
-.CodeMirror.cm-s-paper .cm-qualifier {
-  color: #ffb176;
-}
-
-.CodeMirror.cm-s-default .cm-builtin,
-.CodeMirror.cm-s-paper .cm-builtin {
-  color: #b7c951;
-}
-
-.CodeMirror.cm-s-default .cm-bracket,
-.CodeMirror.cm-s-paper .cm-bracket {
-  color: #999977;
-}
-
-.CodeMirror.cm-s-default .cm-tag,
-.CodeMirror.cm-s-paper .cm-tag {
-  color: #f1d273;
-}
-
-.CodeMirror.cm-s-default .cm-attribute,
-.CodeMirror.cm-s-paper .cm-attribute {
-  color: #bfcc70;
-}
-
-.CodeMirror.cm-s-default .cm-hr,
-.CodeMirror.cm-s-paper .cm-hr {
-  color: #999999;
-}
-
-.CodeMirror.cm-s-default .cm-url,
-.CodeMirror.cm-s-paper .cm-url {
-  color: #c5cfd0;
-}
-
-.CodeMirror.cm-s-default .cm-link,
-.CodeMirror.cm-s-paper .cm-link {
-  color: #d8c792;
-}
-
-.CodeMirror.cm-s-default .cm-error,
-.CodeMirror.cm-s-paper .cm-error {
-  color: #dbdbeb;
-}

web_src/css/dashboard.css

@@ -1,203 +0,0 @@
-.dashboard.feeds .context.user.menu,
-.dashboard.issues .context.user.menu {
-  z-index: 101;
-  min-width: 200px;
-}
-
-.dashboard.feeds .context.user.menu .ui.header,
-.dashboard.issues .context.user.menu .ui.header {
-  font-size: 1rem;
-  text-transform: none;
-}
-
-.dashboard.feeds .filter.menu,
-.dashboard.issues .filter.menu {
-  width: initial;
-}
-
-.dashboard.feeds .filter.menu .item,
-.dashboard.issues .filter.menu .item {
-  text-align: left;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.dashboard.feeds .filter.menu .item .text,
-.dashboard.issues .filter.menu .item .text {
-  height: 16px;
-  vertical-align: middle;
-}
-
-.dashboard.feeds .filter.menu .item .text.truncate,
-.dashboard.issues .filter.menu .item .text.truncate {
-  width: 75%;
-}
-
-.dashboard.feeds .filter.menu .item .floating.label,
-.dashboard.issues .filter.menu .item .floating.label {
-  top: 7px;
-  left: 90%;
-  width: 15%;
-}
-
-@media (max-width: 767px) {
-  .dashboard.feeds .filter.menu .item .floating.label,
-  .dashboard.issues .filter.menu .item .floating.label {
-    top: 10px;
-    left: auto;
-    width: auto;
-    right: 13px;
-  }
-}
-
-/* Sort */
-.dashboard.feeds .filter.menu .jump.item,
-.dashboard.issues .filter.menu .jump.item {
-  margin: 1px;
-  padding-right: 0;
-}
-
-.dashboard.feeds .filter.menu .menu,
-.dashboard.issues .filter.menu .menu {
-  max-height: 300px;
-  overflow-x: auto;
-  right: 0 !important;
-  left: auto !important;
-}
-
-@media (max-width: 767px) {
-  .dashboard.feeds .filter.menu,
-  .dashboard.issues .filter.menu {
-    width: 100%;
-  }
-}
-
-.dashboard.feeds .right.stackable.menu > .item.active,
-.dashboard.issues .right.stackable.menu > .item.active {
-  color: var(--color-red);
-}
-
-.dashboard .dashboard-repos,
-.dashboard .dashboard-orgs {
-  margin: 0 1px; /* Accommodate for Semantic's 1px hacks on .attached elements */
-}
-
-.dashboard .dashboard-navbar {
-  width: 100vw;
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
-
-.dashboard .dashboard-navbar .org-visibility .label {
-  margin-left: 5px;
-}
-
-.dashboard .dashboard-navbar .ui.dropdown {
-  max-width: 100%;
-}
-
-@media (max-width: 767px) {
-  .dashboard .dashboard-navbar .ui.dropdown > .menu {
-    position: static;
-  }
-}
-
-.feeds .news li {
-  display: flex;
-  align-items: baseline;
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-
-.feeds .news li img {
-  align-self: flex-start;
-}
-
-.feeds .news li > * + * {
-  margin-left: 0.35rem;
-}
-
-.feeds .news > .ui.grid {
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.feeds .news .left .ui.avatar {
-  margin-top: 13px;
-}
-
-.feeds .news .time-since {
-  font-size: 13px;
-}
-
-.feeds .news .issue.title {
-  width: 80%;
-  margin: 0 0 1em;
-}
-
-.feeds .news .push.news .content ul {
-  line-height: 18px;
-  font-size: 13px;
-  list-style: none;
-  padding-left: 10px;
-}
-
-.feeds .news .push.news .content ul .text.truncate {
-  width: 80%;
-}
-
-.feeds .news .commit-id {
-  font-family: var(--fonts-monospace);
-}
-
-.feeds .news code {
-  padding: 2px 4px;
-  border-radius: 3px;
-  background-color: var(--color-markup-code-block);
-  word-break: break-all;
-}
-
-.feeds .news:last-of-type .divider {
-  display: none !important;
-}
-
-.feeds .list ul {
-  list-style: none;
-  margin: 0;
-  padding-left: 0;
-}
-
-.feeds .list ul li:not(:last-child) {
-  border-bottom: 1px solid var(--color-secondary);
-}
-
-.feeds .list ul li.private {
-  background-color: var(--color-box-body-highlight);
-}
-
-.feeds .list ul li .repo-list-link {
-  padding: 6px 1em;
-  display: block;
-}
-
-.feeds .list ul li .repo-list-link .svg {
-  color: var(--color-text-light-2);
-}
-
-.feeds .list ul li .repo-list-link .star-num {
-  font-size: 12px;
-}
-
-.feeds .list #privateFilterCheckbox .svg {
-  color: var(--color-grey);
-  margin-right: 0.25rem;
-}
-
-.feeds .list .repo-owner-name-list .item-name {
-  min-width: 0;
-}
-
-.feeds .list .repo-owner-name-list .item-name svg {
-  min-width: 16px;
-}

web_src/css/explore.css

@@ -1,88 +0,0 @@
-.explore .navbar {
-  justify-content: center;
-  margin-bottom: 15px !important;
-  background-color: var(--color-navbar) !important;
-  border-width: 1px !important;
-}
-
-.explore .navbar .svg {
-  width: 16px;
-  text-align: center;
-  margin-right: 5px;
-}
-
-.ui.repository.list .item {
-  padding-bottom: 1.5rem;
-}
-
-.ui.repository.list .item:not(:first-child) {
-  border-top: 1px solid var(--color-secondary);
-  padding-top: 1.5rem;
-}
-
-.ui.repository.list .item .ui.header {
-  font-size: 1.5rem;
-  margin-bottom: 0.5rem;
-}
-
-.ui.repository.list .item .ui.header .name {
-  word-break: break-all;
-}
-
-.ui.repository.list .item .ui.header .metas {
-  font-size: 14px;
-}
-
-.ui.repository.list .item .time {
-  font-size: 12px;
-}
-
-.ui.repository.list .item .ui.tags {
-  margin-bottom: 0.5rem;
-}
-
-.ui.repository.branches .info {
-  font-size: 12px;
-  color: var(--color-text-light);
-  display: flex;
-  white-space: pre;
-}
-
-.ui.repository.branches .info .commit-message {
-  max-width: 72em;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.ui.repository.branches .overflow-visible {
-  overflow: visible;
-}
-
-/* fix alignment of PR popup in branches table */
-.ui.repository.branches table .ui.popup {
-  text-align: left;
-}
-
-.ui.user.list .item {
-  padding-bottom: 25px;
-  display: flex;
-}
-
-.ui.user.list .item:not(:first-child) {
-  border-top: 1px solid var(--color-secondary);
-  padding-top: 25px;
-}
-
-.ui.user.list .item img.ui.avatar {
-  width: 40px;
-  height: 40px;
-  margin-right: 10px;
-}
-
-.ui.user.list .item .description {
-  margin-top: 5px;
-}
-
-.ui.user.list .item .description .svg:not(:first-child) {
-  margin-left: 5px;
-}

web_src/css/features/gitgraph.css

@@ -1,317 +0,0 @@
-#git-graph-container {
-  overflow-x: auto;
-  width: 100%;
-  min-height: 350px;
-}
-
-#git-graph-container > .ui.segment.loading {
-  border: 0;
-  z-index: 1;
-  min-height: 246px;
-}
-
-#git-graph-container h2 {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-#git-graph-container .color-buttons {
-  margin-right: 0;
-}
-
-#git-graph-container .ui.header.dividing {
-  padding-bottom: 10px;
-}
-
-#git-graph-container #flow-select-refs-dropdown {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  min-width: 250px;
-  border-right: none;
-}
-
-#git-graph-container #flow-select-refs-dropdown .ui.label {
-  max-width: 180px;
-  display: inline-flex !important;
-  align-items: center;
-}
-
-#git-graph-container #flow-select-refs-dropdown .ui.label .truncate {
-  display: inline-block;
-  max-width: 140px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  vertical-align: top;
-  white-space: nowrap;
-}
-
-#git-graph-container #flow-select-refs-dropdown .dropdown.icon {
-  display: none;
-}
-
-#git-graph-container #flow-select-refs-dropdown .default.text {
-  padding-top: 4px;
-  padding-bottom: 4px;
-}
-
-#git-graph-container #flow-select-refs-dropdown input.search {
-  position: relative;
-  top: 1px;
-}
-
-#git-graph-container li {
-  list-style-type: none;
-  height: 24px;
-  line-height: 24px;
-  white-space: nowrap;
-  display: flex;
-  align-items: center;
-}
-
-#git-graph-container li .node-relation {
-  font-family: var(--fonts-monospace);
-}
-
-#git-graph-container li .author {
-  color: var(--color-text-light);
-}
-
-#git-graph-container li .time {
-  color: var(--color-text-light-3);
-  font-size: 80%;
-}
-
-#git-graph-container li a:not(.ui):hover {
-  text-decoration: underline;
-}
-
-#git-graph-container li a em {
-  color: var(--color-red);
-  border-bottom: 1px dotted var(--color-secondary);
-  text-decoration: none;
-  font-style: normal;
-}
-
-#git-graph-container #rel-container {
-  max-width: 30%;
-  overflow-x: auto;
-  float: left;
-}
-
-#git-graph-container #rev-container {
-  width: 100%;
-}
-
-#git-graph-container #rev-list {
-  margin: 0;
-  padding: 0;
-  width: 100%;
-}
-
-#git-graph-container #rev-list li.highlight.hover {
-  background-color: var(--color-secondary-alpha-30);
-}
-
-#git-graph-container #rev-list .tags a.button {
-  padding: 2px 4px;
-}
-
-#git-graph-container #rev-list .sha.label {
-  padding-top: 5px;
-  padding-bottom: 3px;
-}
-
-#git-graph-container #rev-list .sha.label .shortsha {
-  padding-top: 0;
-}
-
-#git-graph-container #rev-list .sha.label .shortsha-pad {
-  padding-right: 10px;
-}
-
-#git-graph-container #rev-list .sha.label .ui.detail.icon.button {
-  padding-top: 3px;
-  margin-top: -5px;
-  padding-bottom: 1px;
-}
-
-#git-graph-container #rev-list .author img.ui.avatar {
-  width: auto;
-  height: 18px;
-  max-width: none;
-}
-
-#git-graph-container #graph-raw-list {
-  margin: 0;
-}
-
-#git-graph-container.monochrome #rel-container .flow-group {
-  stroke: var(--color-secondary-dark-5);
-  fill: var(--color-secondary-dark-5);
-}
-
-#git-graph-container.monochrome #rel-container .flow-group.highlight {
-  stroke: var(--color-secondary-dark-12);
-  fill: var(--color-secondary-dark-12);
-}
-
-#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-1 {
-  stroke: #499a37;
-  fill: #499a37;
-}
-
-#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-2 {
-  stroke: #ce4751;
-  fill: #ce4751;
-}
-
-#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-3 {
-  stroke: #8f9121;
-  fill: #8f9121;
-}
-
-#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-4 {
-  stroke: #ac32a6;
-  fill: #ac32a6;
-}
-
-#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-5 {
-  stroke: #7445e9;
-  fill: #7445e9;
-}
-
-#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-6 {
-  stroke: #c67d28;
-  fill: #c67d28;
-}
-
-#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-7 {
-  stroke: #4db392;
-  fill: #4db392;
-}
-
-#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-8 {
-  stroke: #aa4d30;
-  fill: #aa4d30;
-}
-
-#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-9 {
-  stroke: #2a6f84;
-  fill: #2a6f84;
-}
-
-#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-10 {
-  stroke: #c45327;
-  fill: #c45327;
-}
-
-#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-11 {
-  stroke: #3d965c;
-  fill: #3d965c;
-}
-
-#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-12 {
-  stroke: #792a93;
-  fill: #792a93;
-}
-
-#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-13 {
-  stroke: #439d73;
-  fill: #439d73;
-}
-
-#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-14 {
-  stroke: #103aad;
-  fill: #103aad;
-}
-
-#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-15 {
-  stroke: #982e85;
-  fill: #982e85;
-}
-
-#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-0 {
-  stroke: #7db233;
-  fill: #7db233;
-}
-
-#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-1 {
-  stroke: #5ac144;
-  fill: #5ac144;
-}
-
-#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-2 {
-  stroke: #ed5a8b;
-  fill: #ed5a8b;
-}
-
-#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-3 {
-  stroke: #ced049;
-  fill: #ced048;
-}
-
-#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-4 {
-  stroke: #db61d7;
-  fill: #db62d6;
-}
-
-#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-5 {
-  stroke: #8455f9;
-  fill: #8455f9;
-}
-
-#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-6 {
-  stroke: #e6a151;
-  fill: #e6a151;
-}
-
-#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-7 {
-  stroke: #44daaa;
-  fill: #44daaa;
-}
-
-#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-8 {
-  stroke: #dd7a5c;
-  fill: #dd7a5c;
-}
-
-#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-9 {
-  stroke: #38859c;
-  fill: #38859c;
-}
-
-#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-10 {
-  stroke: #d95520;
-  fill: #d95520;
-}
-
-#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-11 {
-  stroke: #42ae68;
-  fill: #42ae68;
-}
-
-#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-12 {
-  stroke: #9126b5;
-  fill: #9126b5;
-}
-
-#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-13 {
-  stroke: #4ab080;
-  fill: #4ab080;
-}
-
-#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-14 {
-  stroke: #284fb8;
-  fill: #284fb8;
-}
-
-#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-15 {
-  stroke: #971c80;
-  fill: #971c80;
-}
-
-#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-0 {
-  stroke: #87ca28;
-  fill: #87ca28;
-}

web_src/css/features/heatmap.css

@@ -1,68 +0,0 @@
-#user-heatmap {
-  width: 100%;
-  font-size: 9px;
-  position: relative;
-  min-height: 125px;
-}
-
-#user-heatmap text {
-  fill: currentcolor !important;
-}
-
-/* for the "Less" and "More" legend */
-#user-heatmap .vch__legend .vch__legend {
-  display: flex;
-  font-size: 11px;
-  align-items: center;
-  justify-content: right;
-}
-
-#user-heatmap .vch__legend .vch__legend div:first-child,
-#user-heatmap .vch__legend .vch__legend div:last-child {
-  display: inline-block;
-  padding: 0 5px;
-}
-
-/* move the "? contributions in the last ? months" text from top to bottom */
-#user-heatmap .total-contributions {
-  font-size: 11px;
-  position: absolute;
-  bottom: 0;
-  left: 25px;
-}
-
-@media (max-width: 1200px) {
-  #user-heatmap {
-    min-height: 105px;
-  }
-  #user-heatmap .total-contributions {
-    left: 21px;
-  }
-}
-
-@media (max-width: 1000px) {
-  #user-heatmap {
-    min-height: 80px;
-  }
-  #user-heatmap .total-contributions {
-    font-size: 10px;
-    left: 17px;
-    bottom: -4px;
-  }
-}
-
-.user.profile #user-heatmap {
-  min-height: 135px;
-}
-
-@media (max-width: 1200px) {
-  .user.profile #user-heatmap {
-    min-height: 115px;
-  }
-}
-
-@media (max-width: 1000px) {
-  .user.profile #user-heatmap {
-    min-height: 90px;
-  }
-}

web_src/css/features/imagediff.css

@@ -1,107 +0,0 @@
-.image-diff-container {
-  text-align: center;
-  padding: 1em 0;
-}
-
-.image-diff-container img {
-  border: 1px solid var(--color-primary-light-7);
-  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAG0lEQVQYlWN4+vTpf3SMDTAMBYXYBLFpHgoKAeiOf0SGE9kbAAAAAElFTkSuQmCC") right bottom var(--color-primary-light-7);
-}
-
-.image-diff-container .before-container {
-  border: 1px solid var(--color-red);
-  display: block;
-}
-
-.image-diff-container .after-container {
-  border: 1px solid var(--color-green);
-  display: block;
-}
-
-.image-diff-container .diff-side-by-side .side {
-  display: inline-block;
-  line-height: 0;
-  vertical-align: top;
-  margin: 0 1em;
-}
-
-.image-diff-container .diff-side-by-side .side .side-header {
-  font-weight: bold;
-}
-
-.image-diff-container .diff-swipe {
-  margin: auto;
-}
-
-.image-diff-container .diff-swipe .swipe-frame {
-  position: absolute;
-}
-
-.image-diff-container .diff-swipe .swipe-frame .before-container {
-  position: absolute;
-}
-
-.image-diff-container .diff-swipe .swipe-frame .swipe-container {
-  position: absolute;
-  right: 0;
-  display: block;
-  border-left: 2px solid var(--color-secondary-dark-8);
-  height: 100%;
-  overflow: hidden;
-}
-
-.image-diff-container
-  .diff-swipe
-  .swipe-frame
-  .swipe-container
-  .after-container {
-  position: absolute;
-  right: 0;
-}
-
-.image-diff-container .diff-swipe .swipe-frame .swipe-bar {
-  position: absolute;
-  height: 100%;
-  top: 0;
-  left: 0;
-}
-
-.image-diff-container .diff-swipe .swipe-frame .swipe-bar .handle {
-  background: var(--color-secondary-dark-8);
-  left: -5px;
-  height: 12px;
-  width: 12px;
-  position: absolute;
-  transform: rotate(45deg);
-  box-sizing: border-box;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  cursor: pointer;
-}
-
-.image-diff-container .diff-swipe .swipe-frame .swipe-bar .top-handle {
-  top: -12px;
-}
-
-.image-diff-container .diff-swipe .swipe-frame .swipe-bar .bottom-handle {
-  bottom: -14px;
-}
-
-.image-diff-container .diff-overlay {
-  margin: 0 auto;
-}
-
-.image-diff-container .diff-overlay .overlay-frame {
-  margin: 0 auto;
-  position: relative;
-}
-
-.image-diff-container .diff-overlay .before-container,
-.image-diff-container .diff-overlay .after-container {
-  position: absolute;
-}
-
-.image-diff-container .diff-overlay input {
-  max-width: 300px;
-}

web_src/css/font_i18n.css

@@ -1,393 +0,0 @@
-:root :lang(ja) {
-  --fonts-override: var(--fonts-default-override-ja);
-}
-
-:root :lang(zh-CN) {
-  --fonts-override: var(--fonts-default-override-zh-cn);
-}
-
-:root :lang(zh-TW) {
-  --fonts-override: var(--fonts-default-override-zh-tw);
-}
-
-:root :lang(zh-HK) {
-  --fonts-override: var(--fonts-default-override-zh-hk);
-}
-
-:root :lang(ko) {
-  --fonts-override: var(--fonts-default-override-ko);
-}
-
-[lang] {
-  font-family: var(--fonts-regular);
-}
-
-:root {
-  --fonts-default-override-ja: system-ui-ja, var(--fonts-proportional);
-  --fonts-default-override-zh-cn: system-ui-zh-cn, var(--fonts-proportional);
-  --fonts-default-override-zh-tw: system-ui-zh-tw, var(--fonts-proportional);
-  --fonts-default-override-zh-hk: system-ui-zh-hk, var(--fonts-proportional);
-  --fonts-default-override-ko: system-ui-ko, var(--fonts-proportional);
-}
-
-/* Special handling for Firefox on Windows/Linux */
-@supports (-moz-appearance: none) {
-  :root {
-    --fonts-default-override-ja: var(--fonts-proportional), system-ui-ja;
-    --fonts-default-override-zh-cn: var(--fonts-proportional), system-ui-zh-cn;
-    --fonts-default-override-zh-tw: var(--fonts-proportional), system-ui-zh-tw;
-    --fonts-default-override-zh-hk: var(--fonts-proportional), system-ui-zh-hk;
-    --fonts-default-override-ko: var(--fonts-proportional), system-ui-ko;
-  }
-}
-
-@font-face {
-  font-family: system-ui-ja;
-  src: local("HiraKakuProN-W3"), local("Hiragino Kaku Gothic ProN W3"),
-    local("HiraginoSans-W2"), local("Source Han Sans JP Light"),
-    local("SourceHanSansJP-Light"), local("Source Han Sans J Light"),
-    local("SourceHanSansJ-Light"), local("Noto Sans CJK JP Light"),
-    local("NotoSansCJKJP-Light"), local("Source Han Sans Light"),
-    local("SourceHanSans-Light"), local("Yu Gothic Regular"),
-    local("YuGothic Regular"), local("Droid Sans Japanese"), local("Meiryo"),
-    local("MS PGothic");
-  font-weight: 300;
-  unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
-    U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
-}
-
-@font-face {
-  font-family: system-ui-ja;
-  src: local("HiraKakuProN-W3"), local("Hiragino Kaku Gothic ProN W3"),
-    local("HiraginoSans-W4"), local("Source Han Sans JP Regular"),
-    local("SourceHanSansJP-Regular"), local("Source Han Sans J Regular"),
-    local("SourceHanSansJ-Regular"), local("Noto Sans CJK JP Regular"),
-    local("NotoSansCJKJP-Regular"), local("Source Han Sans Regular"),
-    local("SourceHanSans-Regular"), local("Yu Gothic Medium"),
-    local("YuGothic Medium"), local("Droid Sans Japanese"), local("Meiryo"),
-    local("MS PGothic");
-  font-weight: 400;
-  unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
-    U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
-}
-
-@font-face {
-  font-family: system-ui-ja;
-  src: local("HiraKakuProN-W3"), local("Hiragino Kaku Gothic ProN W3"),
-    local("HiraginoSans-W5"), local("Source Han Sans JP Medium"),
-    local("SourceHanSansJP-Medium"), local("Source Han Sans J Medium"),
-    local("SourceHanSansJ-Medium"), local("Noto Sans CJK JP Medium"),
-    local("NotoSansCJKJP-Medium"), local("Source Han Sans Medium"),
-    local("SourceHanSans-Medium"), local("Yu Gothic Medium"),
-    local("YuGothic Medium"), local("Droid Sans Japanese"), local("Meiryo"),
-    local("MS PGothic");
-  font-weight: 500;
-  unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
-    U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
-}
-
-@font-face {
-  font-family: system-ui-ja;
-  src: local("HiraKakuProN-W6"), local("Hiragino Kaku Gothic ProN W6"),
-    local("HiraginoSans-W6"), local("Source Han Sans JP Bold"),
-    local("SourceHanSansJP-Bold"), local("Source Han Sans J Bold"),
-    local("SourceHanSansJ-Bold"), local("Noto Sans CJK JP Bold"),
-    local("NotoSansCJKJP-Bold"), local("Source Han Sans Bold"),
-    local("SourceHanSans-Bold"), local("Yu Gothic Bold"), local("YuGothic Bold"),
-    local("Droid Sans Japanese"), local("Meiryo Bold"), local("MS PGothic");
-  font-weight: 700;
-  unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
-    U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
-}
-
-/* Safari on macOS/iOS */
-@font-face {
-  font-family: system-ui-ja;
-  src: local("HelveticaNeue");
-  unicode-range: U+A0;
-}
-
-/* Other browsers on macOS/iOS */
-@supports not (-webkit-hyphens: none) {
-  @font-face {
-    font-family: system-ui-ja;
-    src: local("HelveticaNeue");
-    unicode-range: U+20;
-  }
-}
-
-@font-face {
-  font-family: system-ui-zh-cn;
-  src: local("PingFangSC-Light"), local("Source Han Sans CN Light"),
-    local("SourceHanSansCN-Light"), local("Source Han Sans SC Light"),
-    local("SourceHanSansSC-Light"), local("Noto Sans CJK SC Light"),
-    local("NotoSansCJKSC-Light"), local("HiraginoSansGB-W3"),
-    local("Hiragino Sans GB W3"), local("Microsoft YaHei Light"),
-    local("Heiti SC Light"), local("SimHei");
-  font-weight: 300;
-  unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
-    U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
-}
-
-@font-face {
-  font-family: system-ui-zh-cn;
-  src: local("PingFangSC-Regular"), local("Source Han Sans CN Regular"),
-    local("SourceHanSansCN-Regular"), local("Source Han Sans SC Regular"),
-    local("SourceHanSansSC-Regular"), local("Noto Sans CJK SC Regular"),
-    local("NotoSansCJKSC-Regular"), local("HiraginoSansGB-W3"),
-    local("Hiragino Sans GB W3"), local("Microsoft YaHei"),
-    local("Heiti SC Light"), local("SimHei");
-  font-weight: 400;
-  unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
-    U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
-}
-
-@font-face {
-  font-family: system-ui-zh-cn;
-  src: local("PingFangSC-Medium"), local("Source Han Sans CN Medium"),
-    local("SourceHanSansCN-Medium"), local("Source Han Sans SC Medium"),
-    local("SourceHanSansSC-Medium"), local("Noto Sans CJK SC Medium"),
-    local("NotoSansCJKSC-Medium"), local("HiraginoSansGB-W3"),
-    local("Hiragino Sans GB W3"), local("Microsoft YaHei"),
-    local("Heiti SC Light"), local("SimHei");
-  font-weight: 500;
-  unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
-    U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
-}
-
-@font-face {
-  font-family: system-ui-zh-cn;
-  src: local("PingFangSC-Semibold"), local("Source Han Sans CN Bold"),
-    local("SourceHanSansCN-Bold"), local("Source Han Sans SC Bold"),
-    local("SourceHanSansSC-Bold"), local("Noto Sans CJK SC Bold"),
-    local("NotoSansCJKSC-Bold"), local("HiraginoSansGB-W6"),
-    local("Hiragino Sans GB W6"), local("Microsoft YaHei Bold"),
-    local("Heiti SC Medium"), local("SimHei");
-  font-weight: 700;
-  unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
-    U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
-}
-
-/* Safari on macOS/iOS */
-@font-face {
-  font-family: system-ui-zh-cn;
-  src: local("HelveticaNeue");
-  unicode-range: U+A0;
-}
-
-/* Other browsers on macOS/iOS */
-@supports not (-webkit-hyphens: none) {
-  @font-face {
-    font-family: system-ui-zh-cn;
-    src: local("HelveticaNeue");
-    unicode-range: U+20;
-  }
-}
-
-@font-face {
-  font-family: system-ui-zh-tw;
-  src: local("PingFangTC-Light"), local("Source Han Sans TW Light"),
-    local("SourceHanSansTW-Light"), local("Source Han Sans TC Light"),
-    local("SourceHanSansTC-Light"), local("Noto Sans CJK TC Light"),
-    local("NotoSansCJKTC-Light"), local("HiraginoSansTC-W3"),
-    local("Hiragino Sans TC W3"), local("Microsoft JhengHei Light"),
-    local("Heiti TC Light"), local("PMingLiU");
-  font-weight: 300;
-  unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
-    U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
-}
-
-@font-face {
-  font-family: system-ui-zh-tw;
-  src: local("PingFangTC-Regular"), local("Source Han Sans TW Regular"),
-    local("SourceHanSansTW-Regular"), local("Source Han Sans TC Regular"),
-    local("SourceHanSansTC-Regular"), local("Noto Sans CJK TC Regular"),
-    local("NotoSansCJKTC-Regular"), local("HiraginoSansTC-W3"),
-    local("Hiragino Sans TC W3"), local("Microsoft JhengHei"),
-    local("Heiti TC Light"), local("PMingLiU");
-  font-weight: 400;
-  unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
-    U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
-}
-
-@font-face {
-  font-family: system-ui-zh-tw;
-  src: local("PingFangTC-Medium"), local("Source Han Sans TW Medium"),
-    local("SourceHanSansTW-Medium"), local("Source Han Sans TC Medium"),
-    local("SourceHanSansTC-Medium"), local("Noto Sans CJK TC Medium"),
-    local("NotoSansCJKTC-Medium"), local("HiraginoSansTC-W3"),
-    local("Hiragino Sans TC W3"), local("Microsoft JhengHei"),
-    local("Heiti TC Light"), local("PMingLiU");
-  font-weight: 500;
-  unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
-    U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
-}
-
-@font-face {
-  font-family: system-ui-zh-tw;
-  src: local("PingFangTC-Semibold"), local("Source Han Sans TW Bold"),
-    local("SourceHanSansTW-Bold"), local("Source Han Sans TC Bold"),
-    local("SourceHanSansTC-Bold"), local("Noto Sans CJK TC Bold"),
-    local("NotoSansCJKTC-Bold"), local("HiraginoSansTC-W6"),
-    local("Hiragino Sans TC W6"), local("Microsoft JhengHei Bold"),
-    local("Heiti TC Medium"), local("PMingLiU");
-  font-weight: 700;
-  unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
-    U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
-}
-
-/* Safari on macOS/iOS */
-@font-face {
-  font-family: system-ui-zh-tw;
-  src: local("HelveticaNeue");
-  unicode-range: U+A0;
-}
-
-/* Other browsers on macOS/iOS */
-@supports not (-webkit-hyphens: none) {
-  @font-face {
-    font-family: system-ui-zh-tw;
-    src: local("HelveticaNeue");
-    unicode-range: U+20;
-  }
-}
-
-@font-face {
-  font-family: system-ui-zh-hk;
-  src: local("PingFangHK-Light"), local("Source Han Sans HK Light"),
-    local("SourceHanSansHK-Light"), local("Source Han Sans HC Light"),
-    local("SourceHanSansHC-Light"), local("Noto Sans CJK HK Light"),
-    local("NotoSansCJKHK-Light"), local("Source Han Sans TC Light"),
-    local("SourceHanSansTC-Light"), local("Noto Sans CJK TC Light"),
-    local("NotoSansCJKTC-Light"), local("HiraginoSansTC-W3"),
-    local("Hiragino Sans TC W3"), local("Microsoft JhengHei Light"),
-    local("Heiti TC Light"), local("PMingLiU_HKSCS"), local("PMingLiU");
-  font-weight: 300;
-  unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
-    U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
-}
-
-@font-face {
-  font-family: system-ui-zh-hk;
-  src: local("PingFangHK-Regular"), local("Source Han Sans HK Regular"),
-    local("SourceHanSansHK-Regular"), local("Source Han Sans HC Regular"),
-    local("SourceHanSansHC-Regular"), local("Noto Sans CJK HK Regular"),
-    local("NotoSansCJKHK-Regular"), local("Source Han Sans TC Regular"),
-    local("SourceHanSansTC-Regular"), local("Noto Sans CJK TC Regular"),
-    local("NotoSansCJKTC-Regular"), local("HiraginoSansTC-W3"),
-    local("Hiragino Sans TC W3"), local("Microsoft JhengHei"),
-    local("Heiti TC Light"), local("PMingLiU_HKSCS"), local("PMingLiU");
-  font-weight: 400;
-  unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
-    U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
-}
-
-@font-face {
-  font-family: system-ui-zh-hk;
-  src: local("PingFangHK-Medium"), local("Source Han Sans HK Medium"),
-    local("SourceHanSansHK-Medium"), local("Source Han Sans HC Medium"),
-    local("SourceHanSansHC-Medium"), local("Noto Sans CJK HK Medium"),
-    local("NotoSansCJKHK-Medium"), local("Source Han Sans TC Medium"),
-    local("SourceHanSansTC-Medium"), local("Noto Sans CJK TC Medium"),
-    local("NotoSansCJKTC-Medium"), local("HiraginoSansTC-W3"),
-    local("Hiragino Sans TC W3"), local("Microsoft JhengHei"),
-    local("Heiti TC Light"), local("PMingLiU_HKSCS"), local("PMingLiU");
-  font-weight: 500;
-  unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
-    U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
-}
-
-@font-face {
-  font-family: system-ui-zh-hk;
-  src: local("PingFangHK-Semibold"), local("Source Han Sans HK Bold"),
-    local("SourceHanSansHK-Bold"), local("Source Han Sans HC Bold"),
-    local("SourceHanSansHC-Bold"), local("Noto Sans CJK HK Bold"),
-    local("NotoSansCJKHK-Bold"), local("Source Han Sans TC Bold"),
-    local("SourceHanSansTC-Bold"), local("Noto Sans CJK TC Bold"),
-    local("NotoSansCJKTC-Bold"), local("HiraginoSansTC-W6"),
-    local("Hiragino Sans TC W6"), local("Microsoft JhengHei Bold"),
-    local("Heiti TC Medium"), local("PMingLiU_HKSCS"), local("PMingLiU");
-  font-weight: 700;
-  unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
-    U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
-}
-
-/* Safari on macOS/iOS */
-@font-face {
-  font-family: system-ui-zh-hk;
-  src: local("HelveticaNeue");
-  unicode-range: U+A0;
-}
-
-/* Other browsers on macOS/iOS */
-@supports not (-webkit-hyphens: none) {
-  @font-face {
-    font-family: system-ui-zh-hk;
-    src: local("HelveticaNeue");
-    unicode-range: U+20;
-  }
-}
-
-@font-face {
-  font-family: system-ui-ko;
-  src: local("AppleSDGothicNeo-Light"), local("Source Han Sans KR Light"),
-    local("SourceHanSansKR-Light"), local("Source Han Sans K Light"),
-    local("SourceHanSansK-Light"), local("Noto Sans CJK KR Light"),
-    local("NotoSansCJKKR-Light"), local("NanumBarunGothic Light"),
-    local("Malgun Gothic Semilight"), local("Nanum Gothic"), local("Dotum");
-  font-weight: 300;
-  unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
-    U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
-}
-
-@font-face {
-  font-family: system-ui-ko;
-  src: local("AppleSDGothicNeo-Regular"), local("Source Han Sans KR Regular"),
-    local("SourceHanSansKR-Regular"), local("Source Han Sans K Regular"),
-    local("SourceHanSansK-Regular"), local("Noto Sans CJK KR Regular"),
-    local("NotoSansCJKKR-Regular"), local("NanumBarunGothic"),
-    local("Malgun Gothic"), local("Nanum Gothic"), local("Dotum");
-  font-weight: 400;
-  unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
-    U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
-}
-
-@font-face {
-  font-family: system-ui-ko;
-  src: local("AppleSDGothicNeo-Medium"), local("Source Han Sans KR Medium"),
-    local("SourceHanSansKR-Medium"), local("Source Han Sans K Medium"),
-    local("SourceHanSansK-Medium"), local("Noto Sans CJK KR Medium"),
-    local("NotoSansCJKKR-Medium"), local("NanumBarunGothic"),
-    local("Malgun Gothic"), local("Nanum Gothic"), local("Dotum");
-  font-weight: 500;
-  unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
-    U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
-}
-
-@font-face {
-  font-family: system-ui-ko;
-  src: local("AppleSDGothicNeo-SemiBold"), local("Source Han Sans KR Bold"),
-    local("SourceHanSansKR-Bold"), local("Source Han Sans K Bold"),
-    local("SourceHanSansK-Bold"), local("Noto Sans CJK KR Bold"),
-    local("NotoSansCJKKR-Bold"), local("NanumBarunGothic Bold"),
-    local("Malgun Gothic Bold"), local("Nanum Gothic Bold"), local("Dotum");
-  font-weight: 700;
-  unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
-    U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
-}
-
-/* Safari on macOS/iOS */
-@font-face {
-  font-family: system-ui-ko;
-  src: local("HelveticaNeue");
-  unicode-range: U+A0;
-}
-
-/* Other browsers on macOS/iOS */
-@supports not (-webkit-hyphens: none) {
-  @font-face {
-    font-family: system-ui-ko;
-    src: local("HelveticaNeue");
-    unicode-range: U+20;
-  }
-}

web_src/css/form.css

@@ -1,547 +0,0 @@
-input,
-textarea,
-.ui.input > input,
-.ui.form input:not([type]),
-.ui.form select,
-.ui.form textarea,
-.ui.form input[type="date"],
-.ui.form input[type="datetime-local"],
-.ui.form input[type="email"],
-.ui.form input[type="file"],
-.ui.form input[type="number"],
-.ui.form input[type="password"],
-.ui.form input[type="search"],
-.ui.form input[type="tel"],
-.ui.form input[type="text"],
-.ui.form input[type="time"],
-.ui.form input[type="url"],
-.ui.selection.dropdown,
-.ui.checkbox label::before,
-.ui.checkbox input:checked ~ label::before,
-.ui.checkbox input:not([type="radio"]):indeterminate ~ label::before {
-  background: var(--color-input-background);
-  border-color: var(--color-input-border);
-  color: var(--color-input-text);
-}
-
-input:hover,
-textarea:hover,
-.ui.input input:hover,
-.ui.form input:not([type]):hover,
-.ui.form select:hover,
-.ui.form textarea:hover,
-.ui.form input[type="date"]:hover,
-.ui.form input[type="datetime-local"]:hover,
-.ui.form input[type="email"]:hover,
-.ui.form input[type="file"]:hover,
-.ui.form input[type="number"]:hover,
-.ui.form input[type="password"]:hover,
-.ui.form input[type="search"]:hover,
-.ui.form input[type="tel"]:hover,
-.ui.form input[type="text"]:hover,
-.ui.form input[type="time"]:hover,
-.ui.form input[type="url"]:hover,
-.ui.selection.dropdown:hover,
-.ui.checkbox label:hover::before,
-.ui.checkbox label:active::before,
-.ui.radio.checkbox label::after,
-.ui.radio.checkbox input:focus ~ label::before,
-.ui.radio.checkbox input:checked ~ label::before {
-  background: var(--color-input-background);
-  border-color: var(--color-input-border-hover);
-  color: var(--color-input-text);
-}
-
-input:focus,
-textarea:focus,
-.ui.input input:focus,
-.ui.form input:not([type]):focus,
-.ui.form select:focus,
-.ui.form textarea:focus,
-.ui.form input[type="date"]:focus,
-.ui.form input[type="datetime-local"]:focus,
-.ui.form input[type="email"]:focus,
-.ui.form input[type="file"]:focus,
-.ui.form input[type="number"]:focus,
-.ui.form input[type="password"]:focus,
-.ui.form input[type="search"]:focus,
-.ui.form input[type="tel"]:focus,
-.ui.form input[type="text"]:focus,
-.ui.form input[type="time"]:focus,
-.ui.form input[type="url"]:focus,
-.ui.selection.dropdown:focus,
-.ui.checkbox input:focus ~ label::before,
-.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ label::before,
-.ui.checkbox input:checked:focus ~ label::before,
-.ui.radio.checkbox input:focus:checked ~ label::before {
-  background: var(--color-input-background);
-  border-color: var(--color-primary);
-  color: var(--color-input-text);
-}
-
-.ui.form .field > label,
-.ui.form .inline.fields > label,
-.ui.form .inline.fields .field > label,
-.ui.form .inline.fields .field > p,
-.ui.form .inline.field > label,
-.ui.form .inline.field > p,
-.ui.checkbox label,
-.ui.checkbox + label,
-.ui.checkbox label:hover,
-.ui.checkbox + label:hover,
-.ui.checkbox input:focus ~ label,
-.ui.checkbox input:active ~ label {
-  color: var(--color-text);
-}
-
-.ui.input,
-.ui.checkbox input:focus ~ label::after,
-.ui.checkbox input:checked ~ label::after,
-.ui.checkbox label:active::after,
-.ui.checkbox input:not([type="radio"]):indeterminate ~ label::after,
-.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ label::after,
-.ui.checkbox input:checked:focus ~ label::after,
-.ui.disabled.checkbox label,
-.ui.checkbox input[disabled] ~ label {
-  color: var(--color-input-text);
-}
-
-.ui.radio.checkbox input:focus ~ label::after,
-.ui.radio.checkbox input:checked ~ label::after,
-.ui.radio.checkbox input:focus:checked ~ label::after {
-  background: var(--color-input-text);
-}
-
-.ui.toggle.checkbox label::before {
-  background: var(--color-input-toggle-background);
-}
-
-.ui.toggle.checkbox label,
-.ui.toggle.checkbox input:checked ~ label,
-.ui.toggle.checkbox input:focus:checked ~ label {
-  color: var(--color-text) !important;
-}
-
-.ui.toggle.checkbox input:checked ~ label::before,
-.ui.toggle.checkbox input:focus:checked ~ label::before {
-  background: var(--color-primary) !important;
-}
-
-/* match <select> padding to <input> */
-.ui.form select {
-  padding: 0.67857143em 1em;
-}
-
-.form .help {
-  color: var(--color-secondary-dark-5);
-  padding-bottom: 0.6em;
-  display: inline-block;
-}
-
-#create-page-form form {
-  margin: auto;
-}
-
-#create-page-form form .ui.message {
-  text-align: center;
-}
-
-@media (min-width: 768px) {
-  #create-page-form form {
-    width: 800px !important;
-  }
-  #create-page-form form .header {
-    padding-left: 280px !important;
-  }
-  #create-page-form form .inline.field > label,
-  #create-page-form form .inline.field.captcha-field > span {
-    text-align: right;
-    width: 250px !important;
-    word-wrap: break-word;
-  }
-  #create-page-form form .help {
-    margin-left: 265px !important;
-  }
-  #create-page-form form .optional .title {
-    margin-left: 250px !important;
-  }
-  #create-page-form form .inline.field > input,
-  #create-page-form form .inline.field > textarea {
-    width: 50%;
-  }
-}
-
-@media (max-width: 767px) {
-  #create-page-form form .optional .title {
-    margin-left: 15px;
-  }
-  #create-page-form form .inline.field > label {
-    display: block;
-  }
-}
-
-.signin .oauth2 div {
-  display: inline-block;
-}
-
-.signin .oauth2 div p {
-  margin: 10px 5px 0 0;
-  float: left;
-}
-
-.signin .oauth2 a {
-  margin-right: 3px;
-}
-
-.signin .oauth2 a:last-child {
-  margin-right: 0;
-}
-
-.signin .oauth2 img {
-  width: 32px;
-  height: 32px;
-}
-
-.signin .oauth2 img.openidConnect {
-  width: auto;
-}
-
-@media (min-width: 768px) {
-  .g-recaptcha-style,
-  .h-captcha-style {
-    margin: 0 auto !important;
-    width: 304px;
-    padding-left: 30px;
-  }
-  .g-recaptcha-style iframe,
-  .h-captcha-style iframe {
-    border-radius: 5px !important;
-    width: 302px !important;
-    height: 76px !important;
-  }
-}
-
-@media (max-height: 575px) {
-  #rc-imageselect,
-  .g-recaptcha-style,
-  .h-captcha-style {
-    transform: scale(0.77);
-    transform-origin: 0 0;
-  }
-}
-
-.user.activate form,
-.user.forgot.password form,
-.user.reset.password form,
-.user.link-account form,
-.user.signin form,
-.user.signup form {
-  margin: auto;
-  width: 700px !important;
-}
-
-.user.activate form .ui.message,
-.user.forgot.password form .ui.message,
-.user.reset.password form .ui.message,
-.user.link-account form .ui.message,
-.user.signin form .ui.message,
-.user.signup form .ui.message {
-  text-align: center;
-}
-
-@media (min-width: 768px) {
-  .user.activate form,
-  .user.forgot.password form,
-  .user.reset.password form,
-  .user.link-account form,
-  .user.signin form,
-  .user.signup form {
-    width: 800px !important;
-  }
-  .user.activate form .header,
-  .user.forgot.password form .header,
-  .user.reset.password form .header,
-  .user.link-account form .header,
-  .user.signin form .header,
-  .user.signup form .header {
-    padding-left: 280px !important;
-  }
-  .user.activate form .inline.field > label,
-  .user.forgot.password form .inline.field > label,
-  .user.reset.password form .inline.field > label,
-  .user.link-account form .inline.field > label,
-  .user.signin form .inline.field > label,
-  .user.signup form .inline.field > label,
-  .user.activate form .inline.field.captcha-field > span,
-  .user.forgot.password form .inline.field.captcha-field > span,
-  .user.reset.password form .inline.field.captcha-field > span,
-  .user.link-account form .inline.field.captcha-field > span,
-  .user.signin form .inline.field.captcha-field > span,
-  .user.signup form .inline.field.captcha-field > span {
-    text-align: right;
-    width: 250px !important;
-    word-wrap: break-word;
-  }
-  .user.activate form .help,
-  .user.forgot.password form .help,
-  .user.reset.password form .help,
-  .user.link-account form .help,
-  .user.signin form .help,
-  .user.signup form .help {
-    margin-left: 265px !important;
-  }
-  .user.activate form .optional .title,
-  .user.forgot.password form .optional .title,
-  .user.reset.password form .optional .title,
-  .user.link-account form .optional .title,
-  .user.signin form .optional .title,
-  .user.signup form .optional .title {
-    margin-left: 250px !important;
-  }
-  .user.activate form .inline.field > input,
-  .user.forgot.password form .inline.field > input,
-  .user.reset.password form .inline.field > input,
-  .user.link-account form .inline.field > input,
-  .user.signin form .inline.field > input,
-  .user.signup form .inline.field > input,
-  .user.activate form .inline.field > textarea,
-  .user.forgot.password form .inline.field > textarea,
-  .user.reset.password form .inline.field > textarea,
-  .user.link-account form .inline.field > textarea,
-  .user.signin form .inline.field > textarea,
-  .user.signup form .inline.field > textarea {
-    width: 50%;
-  }
-}
-
-@media (max-width: 767px) {
-  .user.activate form .optional .title,
-  .user.forgot.password form .optional .title,
-  .user.reset.password form .optional .title,
-  .user.link-account form .optional .title,
-  .user.signin form .optional .title,
-  .user.signup form .optional .title {
-    margin-left: 15px;
-  }
-  .user.activate form .inline.field > label,
-  .user.forgot.password form .inline.field > label,
-  .user.reset.password form .inline.field > label,
-  .user.link-account form .inline.field > label,
-  .user.signin form .inline.field > label,
-  .user.signup form .inline.field > label {
-    display: block;
-  }
-}
-
-.user.activate form .header,
-.user.forgot.password form .header,
-.user.reset.password form .header,
-.user.link-account form .header,
-.user.signin form .header,
-.user.signup form .header {
-  padding-left: 0 !important;
-  text-align: center;
-}
-
-.user.activate form .inline.field > label,
-.user.forgot.password form .inline.field > label,
-.user.reset.password form .inline.field > label,
-.user.link-account form .inline.field > label,
-.user.signin form .inline.field > label,
-.user.signup form .inline.field > label {
-  width: 200px;
-}
-
-@media (max-width: 767px) {
-  .user.activate form .inline.field > label,
-  .user.forgot.password form .inline.field > label,
-  .user.reset.password form .inline.field > label,
-  .user.link-account form .inline.field > label,
-  .user.signin form .inline.field > label,
-  .user.signup form .inline.field > label,
-  .user.activate form input,
-  .user.forgot.password form input,
-  .user.reset.password form input,
-  .user.link-account form input,
-  .user.signin form input,
-  .user.signup form input {
-    width: 100% !important;
-  }
-}
-
-.user.activate form input[type="number"],
-.user.forgot.password form input[type="number"],
-.user.reset.password form input[type="number"],
-.user.link-account form input[type="number"],
-.user.signin form input[type="number"],
-.user.signup form input[type="number"] {
-  -moz-appearance: textfield;
-}
-
-.user.activate form input::-webkit-outer-spin-button,
-.user.forgot.password form input::-webkit-outer-spin-button,
-.user.reset.password form input::-webkit-outer-spin-button,
-.user.link-account form input::-webkit-outer-spin-button,
-.user.signin form input::-webkit-outer-spin-button,
-.user.signup form input::-webkit-outer-spin-button,
-.user.activate form input::-webkit-inner-spin-button,
-.user.forgot.password form input::-webkit-inner-spin-button,
-.user.reset.password form input::-webkit-inner-spin-button,
-.user.link-account form input::-webkit-inner-spin-button,
-.user.signin form input::-webkit-inner-spin-button,
-.user.signup form input::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-
-.user.signin.webauthn-prompt {
-  margin-top: 15px;
-}
-
-.repository.new.repo form,
-.repository.new.migrate form,
-.repository.new.fork form {
-  margin: auto;
-}
-
-.repository.new.repo form .ui.message,
-.repository.new.migrate form .ui.message,
-.repository.new.fork form .ui.message {
-  text-align: center;
-}
-
-@media (min-width: 768px) {
-  .repository.new.repo form,
-  .repository.new.migrate form,
-  .repository.new.fork form {
-    width: 800px !important;
-  }
-  .repository.new.repo form .header,
-  .repository.new.migrate form .header,
-  .repository.new.fork form .header {
-    padding-left: 280px !important;
-  }
-  .repository.new.repo form .inline.field > label,
-  .repository.new.migrate form .inline.field > label,
-  .repository.new.fork form .inline.field > label,
-  .repository.new.repo form .inline.field.captcha-field > span,
-  .repository.new.migrate form .inline.field.captcha-field > span,
-  .repository.new.fork form .inline.field.captcha-field > span {
-    text-align: right;
-    width: 250px !important;
-    word-wrap: break-word;
-  }
-  .repository.new.repo form .help,
-  .repository.new.migrate form .help,
-  .repository.new.fork form .help {
-    margin-left: 265px !important;
-  }
-  .repository.new.repo form .optional .title,
-  .repository.new.migrate form .optional .title,
-  .repository.new.fork form .optional .title {
-    margin-left: 250px !important;
-  }
-  .repository.new.repo form .inline.field > input,
-  .repository.new.migrate form .inline.field > input,
-  .repository.new.fork form .inline.field > input,
-  .repository.new.repo form .inline.field > textarea,
-  .repository.new.migrate form .inline.field > textarea,
-  .repository.new.fork form .inline.field > textarea {
-    width: 50%;
-  }
-}
-
-@media (max-width: 767px) {
-  .repository.new.repo form .optional .title,
-  .repository.new.migrate form .optional .title,
-  .repository.new.fork form .optional .title {
-    margin-left: 15px;
-  }
-  .repository.new.repo form .inline.field > label,
-  .repository.new.migrate form .inline.field > label,
-  .repository.new.fork form .inline.field > label {
-    display: block;
-  }
-}
-
-.repository.new.repo form .dropdown .text,
-.repository.new.migrate form .dropdown .text,
-.repository.new.fork form .dropdown .text {
-  margin-right: 0 !important;
-}
-
-.repository.new.repo form .header,
-.repository.new.migrate form .header,
-.repository.new.fork form .header {
-  padding-left: 0 !important;
-  text-align: center;
-}
-
-.repository.new.repo form .selection.dropdown,
-.repository.new.migrate form .selection.dropdown,
-.repository.new.fork form .selection.dropdown {
-  vertical-align: middle;
-  width: 50% !important;
-}
-
-@media (max-width: 767px) {
-  .repository.new.repo form label,
-  .repository.new.migrate form label,
-  .repository.new.fork form label,
-  .repository.new.repo form input,
-  .repository.new.migrate form input,
-  .repository.new.fork form input,
-  .repository.new.repo form .selection.dropdown,
-  .repository.new.migrate form .selection.dropdown,
-  .repository.new.fork form .selection.dropdown {
-    width: 100% !important;
-  }
-  .repository.new.repo form .field button,
-  .repository.new.migrate form .field button,
-  .repository.new.fork form .field button,
-  .repository.new.repo form .field a,
-  .repository.new.migrate form .field a,
-  .repository.new.fork form .field a {
-    margin-bottom: 1em;
-    width: 100%;
-  }
-}
-
-@media (min-width: 768px) {
-  .repository.new.repo .ui.form #auto-init {
-    margin-left: 265px !important;
-  }
-}
-
-.repository.new.repo .ui.form .selection.dropdown:not(.owner) {
-  width: 50% !important;
-}
-
-@media (max-width: 767px) {
-  .repository.new.repo .ui.form .selection.dropdown:not(.owner) {
-    width: 100% !important;
-  }
-}
-
-.new.webhook form .help {
-  margin-left: 25px;
-}
-
-.new.webhook .events.fields .column {
-  padding-left: 40px;
-}
-
-.githook textarea {
-  font-family: var(--fonts-monospace);
-}
-
-@media (max-width: 767px) {
-  .new.org .ui.form .field button,
-  .new.org .ui.form .field a {
-    margin-bottom: 1em;
-    width: 100%;
-  }
-  .new.org .ui.form .field input {
-    width: 100% !important;
-  }
-}

web_src/css/home.css

@@ -1,53 +0,0 @@
-.home .logo {
-  max-width: 220px;
-}
-
-@media (max-width: 767px) {
-  .home .hero h1 {
-    font-size: 3.5em;
-  }
-  .home .hero h2 {
-    font-size: 2em;
-  }
-}
-
-@media (min-width: 768px) {
-  .home .hero h1 {
-    font-size: 5.5em;
-  }
-  .home .hero h2 {
-    font-size: 3em;
-  }
-}
-
-.home .hero .svg {
-  color: var(--color-green);
-  height: 40px;
-  width: 50px;
-  vertical-align: bottom;
-}
-
-.home .hero.header {
-  font-size: 20px;
-}
-
-.home p.large {
-  font-size: 16px;
-}
-
-.home .stackable {
-  padding-top: 30px;
-}
-
-.home a {
-  color: var(--color-green);
-}
-
-@media (max-width: 880px) {
-  footer .ui.container .left,
-  footer .ui.container .right {
-    display: block;
-    text-align: center;
-    float: none;
-  }
-}

web_src/css/index.css

@@ -1,40 +0,0 @@
-@import "font-awesome/css/font-awesome.css";
-
-@import "./animations.css";
-@import "./shared/issuelist.css";
-@import "./features/dropzone.css";
-@import "./features/gitgraph.css";
-@import "./features/heatmap.css";
-@import "./features/imagediff.css";
-@import "./features/codeeditor.css";
-@import "./features/projects.css";
-@import "./modules/tippy.css";
-@import "./code/linebutton.css";
-@import "./markup/content.css";
-@import "./markup/codecopy.css";
-@import "./markup/asciicast.css";
-
-@import "./chroma/base.css";
-@import "./chroma/light.css";
-@import "./codemirror/base.css";
-@import "./codemirror/light.css";
-@import "./console/console.css";
-
-@import "./svg.css";
-@import "./tribute.css";
-@import "./font_i18n.css";
-@import "./base.css";
-@import "./home.css";
-@import "./install.css";
-@import "./form.css";
-@import "./repository.css";
-@import "./editor.css";
-@import "./organization.css";
-@import "./user.css";
-@import "./dashboard.css";
-@import "./admin.css";
-@import "./explore.css";
-@import "./review.css";
-@import "./package.css";
-@import "./runner.css";
-@import "./helpers.css";

web_src/css/install.css

@@ -1,65 +0,0 @@
-.page-content.install {
-  padding-top: 45px;
-}
-
-.page-content.install form.ui.form .inline.field > label {
-  text-align: right;
-  width: 30%;
-  padding-right: 10px;
-  margin-right: 0;
-}
-
-.page-content.install form.ui.form .inline.field > .ui.checkbox:first-child {
-  margin-left: 30%;
-  padding-left: 5px;
-}
-
-.page-content.install form.ui.form .inline.field > .ui.checkbox:first-child label {
-  width: auto;
-}
-
-.page-content.install form.ui.form .title {
-  margin-left: 30%;
-  padding-left: 5px;
-}
-
-.page-content.install form.ui.form input {
-  width: 60%;
-}
-
-.page-content.install form.ui.form details.optional.field[open] {
-  border-bottom: 1px solid var(--color-secondary);
-  padding-bottom: 10px;
-}
-
-.page-content.install form.ui.form details.optional.field[open] summary {
-  margin-bottom: 10px;
-}
-
-.page-content.install form.ui.form details.optional.field * {
-  box-sizing: border-box;
-}
-
-.page-content.install form.ui.form .field {
-  text-align: left;
-}
-
-.page-content.install form.ui.form .field .help {
-  margin-left: 30%;
-  padding-left: 5px;
-  width: 60%;
-}
-
-.page-content.install .ui .reinstall-message {
-  width: 70%;
-  margin: 20px auto;
-  color: var(--color-red);
-  text-align: left;
-  font-weight: bold;
-}
-
-.page-content.install .ui .reinstall-confirm {
-  width: 70%;
-  text-align: left;
-  margin: 10px auto;
-}

web_src/css/markup/content.css

@@ -1,559 +0,0 @@
-.markup {
-  overflow: hidden;
-  font-size: 16px;
-  line-height: 1.5 !important;
-  word-wrap: break-word;
-}
-
-.markup.ui.segment {
-  padding: 3em;
-}
-
-.markup.file-view {
-  padding: 2em !important;
-}
-
-.markup > *:first-child {
-  margin-top: 0 !important;
-}
-
-.markup > *:last-child {
-  margin-bottom: 0 !important;
-}
-
-.markup a:not([href]) {
-  color: inherit;
-  text-decoration: none;
-}
-
-.markup .absent {
-  color: var(--color-red);
-}
-
-.markup .anchor {
-  padding-right: 4px;
-  margin-left: -20px;
-  line-height: 1;
-  color: inherit;
-}
-
-.markup .anchor .svg {
-  vertical-align: middle;
-}
-
-.markup .anchor:focus {
-  outline: none;
-}
-
-.markup h1 .anchor .svg,
-.markup h2 .anchor .svg,
-.markup h3 .anchor .svg,
-.markup h4 .anchor .svg,
-.markup h5 .anchor .svg,
-.markup h6 .anchor .svg {
-  visibility: hidden;
-}
-
-.markup h1:hover .anchor .svg,
-.markup h2:hover .anchor .svg,
-.markup h3:hover .anchor .svg,
-.markup h4:hover .anchor .svg,
-.markup h5:hover .anchor .svg,
-.markup h6:hover .anchor .svg {
-  visibility: visible;
-}
-
-.markup h2 .anchor .svg,
-.markup h3 .anchor .svg,
-.markup h4 .anchor .svg {
-  position: relative;
-  top: -2px;
-}
-
-.markup h1,
-.markup h2,
-.markup h3,
-.markup h4,
-.markup h5,
-.markup h6 {
-  margin-top: 24px;
-  margin-bottom: 16px;
-  font-weight: 600;
-  line-height: 1.25;
-}
-
-.markup h1 tt,
-.markup h1 code,
-.markup h2 tt,
-.markup h2 code,
-.markup h3 tt,
-.markup h3 code,
-.markup h4 tt,
-.markup h4 code,
-.markup h5 tt,
-.markup h5 code,
-.markup h6 tt,
-.markup h6 code {
-  font-size: inherit;
-}
-
-.markup h1 {
-  padding-bottom: 0.3em;
-  font-size: 2em;
-  border-bottom: 1px solid var(--color-secondary);
-}
-
-.markup h2 {
-  padding-bottom: 0.3em;
-  font-size: 1.5em;
-  border-bottom: 1px solid var(--color-secondary);
-}
-
-.markup h3 {
-  font-size: 1.25em;
-}
-
-.markup h4 {
-  font-size: 1em;
-}
-
-.markup h5 {
-  font-size: 0.875em;
-}
-
-.markup h6 {
-  font-size: 0.85em;
-  color: var(--color-text-light-2);
-}
-
-.markup p,
-.markup blockquote,
-.markup details,
-.markup ul,
-.markup ol,
-.markup dl,
-.markup table,
-.markup pre {
-  margin-top: 0;
-  margin-bottom: 16px;
-}
-
-.markup hr {
-  height: 4px;
-  padding: 0;
-  margin: 16px 0;
-  background-color: var(--color-secondary);
-  border: 0;
-}
-
-.markup ul,
-.markup ol {
-  padding-left: 2em;
-}
-
-.markup ul.no-list,
-.markup ol.no-list {
-  padding: 0;
-  list-style-type: none;
-}
-
-.markup .task-list-item {
-  list-style-type: none;
-  position: relative;
-  line-height: 1.5rem;
-  min-height: 1.5rem; /* // to render a checkbox list without content `- [ ]`, we need this min-height to make sure the <li> can be visible */
-}
-
-.markup .task-list-item input[type="checkbox"] {
-  position: absolute;
-  top: 0.25em;
-  left: -1.6em;
-}
-
-.markup .task-list-item p {
-  line-height: 1.5rem;
-}
-
-.markup .task-list-item + .task-list-item {
-  margin-top: 3px;
-}
-
-.markup input[type="checkbox"] {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  position: relative;
-  border: 1px solid var(--color-secondary);
-  border-radius: 2px;
-  background: var(--color-input-background);
-  height: 14px;
-  width: 14px;
-  opacity: 1 !important; /* override fomantic on edit preview */
-  pointer-events: auto !important; /* override fomantic on edit preview */
-  vertical-align: middle !important; /* override fomantic on edit preview */
-  -webkit-print-color-adjust: exact;
-  color-adjust: exact;
-}
-
-.markup input[type="checkbox"]:not([disabled]):hover,
-.markup input[type="checkbox"]:not([disabled]):active {
-  border-color: var(--color-primary);
-}
-
-.markup input[type="checkbox"]::after {
-  position: absolute;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  pointer-events: none;
-  background: var(--color-text);
-  mask-size: cover;
-  -webkit-mask-size: cover;
-}
-
-.markup input[type="checkbox"]:checked::after {
-  content: "";
-  mask-image: var(--checkbox-mask-checked);
-  -webkit-mask-image: var(--checkbox-mask-checked);
-  -webkit-print-color-adjust: exact;
-  color-adjust: exact;
-}
-
-.markup input[type="checkbox"]:indeterminate::after {
-  content: "";
-  mask-image: var(--checkbox-mask-indeterminate);
-  -webkit-mask-image: var(--checkbox-mask-indeterminate);
-}
-
-.markup ul ul,
-.markup ul ol,
-.markup ol ol,
-.markup ol ul {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.markup ol ol,
-.markup ul ol {
-  list-style-type: lower-roman;
-}
-
-.markup li > p {
-  margin-top: 16px;
-}
-
-.markup li + li {
-  margin-top: 0.25em;
-}
-
-.markup dl {
-  padding: 0;
-}
-
-.markup dl dt {
-  padding: 0;
-  margin-top: 16px;
-  font-size: 1em;
-  font-style: italic;
-  font-weight: 600;
-}
-
-.markup dl dd {
-  padding: 0 16px;
-  margin-bottom: 16px;
-}
-
-.markup blockquote {
-  margin-left: 0;
-  padding: 0 15px;
-  color: var(--color-text-light-2);
-  border-left: 4px solid var(--color-secondary);
-}
-
-.markup blockquote > :first-child {
-  margin-top: 0;
-}
-
-.markup blockquote > :last-child {
-  margin-bottom: 0;
-}
-
-.markup table {
-  display: block;
-  width: 100%;
-  width: max-content;
-  max-width: 100%;
-  overflow: auto;
-}
-
-.markup table th {
-  font-weight: 600;
-}
-
-.markup table th,
-.markup table td {
-  padding: 6px 13px !important;
-  border: 1px solid var(--color-secondary) !important;
-}
-
-.markup table tr {
-  border-top: 1px solid var(--color-secondary);
-}
-
-.markup table tr:nth-child(2n) {
-  background-color: var(--color-markup-table-row);
-}
-
-.markup img {
-  max-width: 100%;
-  box-sizing: initial;
-}
-
-.markup img[align="right"] {
-  padding-left: 20px;
-}
-
-.markup img[align="left"] {
-  padding-right: 20px;
-}
-
-.markup .emoji {
-  max-width: none;
-  vertical-align: text-top;
-}
-
-.markup span.frame {
-  display: block;
-  overflow: hidden;
-}
-
-.markup span.frame > span {
-  display: block;
-  float: left;
-  width: auto;
-  padding: 7px;
-  margin: 13px 0 0;
-  overflow: hidden;
-  border: 1px solid var(--color-secondary);
-}
-
-.markup span.frame span img {
-  display: block;
-  float: left;
-}
-
-.markup span.frame span span {
-  display: block;
-  padding: 5px 0 0;
-  clear: both;
-  color: var(--color-text);
-}
-
-.markup span.align-center {
-  display: block;
-  overflow: hidden;
-  clear: both;
-}
-
-.markup span.align-center > span {
-  display: block;
-  margin: 13px auto 0;
-  overflow: hidden;
-  text-align: center;
-}
-
-.markup span.align-center span img {
-  margin: 0 auto;
-  text-align: center;
-}
-
-.markup span.align-right {
-  display: block;
-  overflow: hidden;
-  clear: both;
-}
-
-.markup span.align-right > span {
-  display: block;
-  margin: 13px 0 0;
-  overflow: hidden;
-  text-align: right;
-}
-
-.markup span.align-right span img {
-  margin: 0;
-  text-align: right;
-}
-
-.markup span.float-left {
-  display: block;
-  float: left;
-  margin-right: 13px;
-  overflow: hidden;
-}
-
-.markup span.float-left span {
-  margin: 13px 0 0;
-}
-
-.markup span.float-right {
-  display: block;
-  float: right;
-  margin-left: 13px;
-  overflow: hidden;
-}
-
-.markup span.float-right > span {
-  display: block;
-  margin: 13px auto 0;
-  overflow: hidden;
-  text-align: right;
-}
-
-.markup code,
-.markup tt {
-  padding: 0.2em 0.4em;
-  margin: 0;
-  font-size: 85%;
-  white-space: break-spaces;
-  background-color: var(--color-markup-code-block);
-  border-radius: 4px;
-}
-
-.markup code br,
-.markup tt br {
-  display: none;
-}
-
-.markup del code {
-  text-decoration: inherit;
-}
-
-.markup pre > code {
-  padding: 0;
-  margin: 0;
-  font-size: 100%;
-  white-space: pre-wrap;
-  word-break: break-all;
-  overflow-wrap: break-word;
-  background: transparent;
-  border: 0;
-}
-
-.markup .highlight {
-  margin-bottom: 16px;
-}
-
-.markup .highlight pre,
-.markup pre {
-  padding: 16px;
-  font-size: 85%;
-  line-height: 1.45;
-  background-color: var(--color-markup-code-block);
-  border-radius: 4px;
-}
-
-.markup .highlight pre {
-  margin-bottom: 0;
-  word-break: normal;
-}
-
-.markup pre {
-  word-wrap: normal;
-}
-
-.markup pre code,
-.markup pre tt {
-  display: inline;
-  max-width: initial;
-  padding: 0;
-  margin: 0;
-  overflow: initial;
-  line-height: inherit;
-  word-wrap: normal;
-  background-color: transparent;
-  border: 0;
-}
-
-.markup pre code::before,
-.markup pre code::after,
-.markup pre tt::before,
-.markup pre tt::after {
-  content: normal;
-}
-
-.markup kbd {
-  display: inline-block;
-  padding: 3px 5px;
-  font-size: 11px;
-  line-height: 10px;
-  color: var(--color-text-light);
-  vertical-align: middle;
-  background-color: var(--color-markup-code-block);
-  border: 1px solid var(--color-secondary);
-  border-radius: 3px;
-  box-shadow: inset 0 -1px 0 var(--color-secondary);
-}
-
-.markup .ui.list .list,
-.markup ol.ui.list ol,
-.markup ul.ui.list ul {
-  padding-left: 2em;
-}
-
-.repository.wiki.revisions .ui.container > .ui.stackable.grid {
-  -ms-flex-direction: row-reverse;
-  flex-direction: row-reverse;
-}
-
-.repository.wiki.revisions .ui.container > .ui.stackable.grid > .header {
-  margin-top: 0;
-}
-
-.repository.wiki.revisions .ui.container > .ui.stackable.grid > .header .sub.header {
-  padding-left: 52px;
-  word-break: break-word;
-}
-
-.file-revisions-btn {
-  display: block;
-  float: left;
-  margin-bottom: 2px !important;
-  padding: 11px !important;
-  margin-right: 10px !important;
-}
-
-.file-revisions-btn i {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  user-select: none;
-}
-
-.markup-render {
-  display: block;
-  border: none;
-  width: 100%;
-  height: var(--height-loading); /* actual height is set in JS after loading */
-  overflow: hidden;
-  color-scheme: normal; /* match the value inside the iframe to allow it to become transparent */
-}
-
-.markup-block-error {
-  border: 1px solid var(--color-error-border) !important;
-  margin-bottom: 0 !important;
-  border-bottom-left-radius: 0 !important;
-  border-bottom-right-radius: 0 !important;
-  box-shadow: none !important;
-  font-size: 85% !important;
-  white-space: pre-wrap !important;
-  padding: 0.5rem 1rem !important;
-  text-align: left !important;
-}
-
-.markup-block-error + pre {
-  border-top: none !important;
-  margin-top: 0 !important;
-  border-top-left-radius: 0 !important;
-  border-top-right-radius: 0 !important;
-}

web_src/css/organization.css

@@ -1,250 +0,0 @@
-#create-page-form form {
-  margin: auto;
-}
-
-#create-page-form form .ui.message {
-  text-align: center;
-}
-
-@media (min-width: 768px) {
-  #create-page-form form {
-    width: 800px !important;
-  }
-  #create-page-form form .header {
-    padding-left: 280px !important;
-  }
-  #create-page-form form .inline.field > label,
-  #create-page-form form .inline.field.captcha-field > span {
-    text-align: right;
-    width: 250px !important;
-    word-wrap: break-word;
-  }
-  #create-page-form form .help {
-    margin-left: 265px !important;
-  }
-  #create-page-form form .optional .title {
-    margin-left: 250px !important;
-  }
-  #create-page-form form .inline.field > input,
-  #create-page-form form .inline.field > textarea {
-    width: 50%;
-  }
-}
-
-@media (max-width: 767px) {
-  #create-page-form form .optional .title {
-    margin-left: 15px;
-  }
-  #create-page-form form .inline.field > label {
-    display: block;
-  }
-}
-
-.organization .head .ui.header .text {
-  vertical-align: middle;
-  font-size: 1.6rem;
-  margin-left: 15px;
-}
-
-.organization .head .ui.header .org-visibility .label {
-  margin-left: 5px;
-  margin-top: 5px;
-}
-
-.organization .head .ui.header .ui.right {
-  margin-top: 5px;
-}
-
-.organization .ui.secondary.stackable.pointing.menu {
-  flex-wrap: wrap;
-  margin-top: 5px;
-  margin-bottom: 10px;
-}
-
-.organization.new.org form {
-  margin: auto;
-}
-
-.organization.new.org form .ui.message {
-  text-align: center;
-}
-
-@media (min-width: 768px) {
-  .organization.new.org form {
-    width: 800px !important;
-  }
-  .organization.new.org form .header {
-    padding-left: 280px !important;
-  }
-  .organization.new.org form .inline.field > label,
-  .organization.new.org form .inline.field.captcha-field > span {
-    text-align: right;
-    width: 250px !important;
-    word-wrap: break-word;
-  }
-  .organization.new.org form .help {
-    margin-left: 265px !important;
-  }
-  .organization.new.org form .optional .title {
-    margin-left: 250px !important;
-  }
-  .organization.new.org form .inline.field > input,
-  .organization.new.org form .inline.field > textarea {
-    width: 50%;
-  }
-}
-
-@media (max-width: 767px) {
-  .organization.new.org form .optional .title {
-    margin-left: 15px;
-  }
-  .organization.new.org form .inline.field > label {
-    display: block;
-  }
-}
-
-.organization.new.org form .header {
-  padding-left: 0 !important;
-  text-align: center;
-}
-
-.organization.options input {
-  min-width: 300px;
-}
-
-.organization.profile .org-avatar {
-  width: 100px;
-  height: 100px;
-  margin-right: 15px;
-}
-
-.organization.profile #org-info {
-  overflow-wrap: anywhere;
-}
-
-.organization.profile #org-info .ui.header {
-  display: flex;
-  align-items: center;
-  font-size: 36px;
-  margin-bottom: 0;
-}
-
-.organization.profile #org-info .ui.header .org-visibility .label {
-  margin-left: 5px;
-  margin-top: 2px;
-}
-
-.organization.profile #org-info .desc {
-  font-size: 16px;
-  margin-bottom: 10px;
-}
-
-.organization.profile #org-info .meta .item {
-  display: inline-block;
-  margin-right: 10px;
-}
-
-.organization.profile #org-info .meta .item .icon {
-  margin-right: 5px;
-}
-
-.organization.profile .ui.top.header .ui.right {
-  margin-top: 0;
-}
-
-.organization.profile .teams .item {
-  padding: 10px 15px;
-}
-
-.organization.teams .members a:hover,
-.organization.profile .members a:hover {
-  text-decoration: none;
-}
-
-.organization.teams .members .ui.avatar,
-.organization.profile .members .ui.avatar {
-  width: 48px;
-  height: 48px;
-  margin-right: 5px;
-  margin-bottom: 5px;
-}
-
-.organization.invite #invite-box {
-  margin: 50px auto auto;
-  width: 500px !important;
-}
-
-.organization.invite #invite-box #search-user-box input {
-  margin-left: 0;
-  width: 300px;
-}
-
-.organization.invite #invite-box .ui.button {
-  margin-left: 5px;
-  margin-top: -3px;
-}
-
-.organization.invite .ui.avatar {
-  width: 100%;
-  height: 100%;
-}
-
-.organization.members .list .item {
-  margin-left: 0;
-  margin-right: 0;
-  border-bottom: 1px solid var(--color-secondary);
-}
-
-.organization.members .list .item .ui.avatar {
-  width: 48px;
-  height: auto;
-  margin-right: 1rem;
-  align-self: flex-start;
-}
-
-.organization.members .list .item .meta {
-  line-height: 24px;
-  word-break: break-word;
-  min-width: 2em;
-}
-
-.organization.teams .detail .item {
-  padding: 10px 15px;
-}
-
-.organization.teams .detail .item:not(:last-child) {
-  border-bottom: 1px solid var(--color-secondary);
-}
-
-.organization.teams .repositories .item,
-.organization.teams .members .item {
-  padding: 10px 20px;
-  line-height: 32px;
-}
-
-.organization.teams .repositories .item:not(:last-child),
-.organization.teams .members .item:not(:last-child) {
-  border-bottom: 1px solid var(--color-secondary);
-}
-
-.organization.teams .repositories .item .button,
-.organization.teams .members .item .button {
-  padding: 9px 10px;
-}
-
-.organization.teams #add-repo-form input,
-.organization.teams #repo-multiple-form input,
-.organization.teams #add-member-form input {
-  margin-left: 0;
-}
-
-.organization.teams #add-repo-form .ui.button,
-.organization.teams #repo-multiple-form .ui.button,
-.organization.teams #add-member-form .ui.button {
-  margin-left: 5px;
-  margin-top: -3px;
-}
-
-.organization.teams #repo-top-segment {
-  height: 60px;
-}

web_src/css/package.css

@@ -1,7 +0,0 @@
-.container-labels td:nth-child(1) {
-  vertical-align: top;
-}
-
-.container-labels td:nth-child(2) {
-  overflow-wrap: anywhere;
-}

web_src/css/review.css

@@ -1,322 +0,0 @@
-.show-outdated,
-.hide-outdated {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  user-select: none;
-}
-
-.ui.button.add-code-comment {
-  padding: 2px;
-  position: absolute;
-  margin-left: -22px;
-  z-index: 5;
-  opacity: 0;
-  transition: transform 0.1s ease-in-out;
-  transform: scale(1);
-  box-shadow: none !important;
-  border: none !important;
-}
-
-.ui.button.add-code-comment:hover {
-  transform: scale(1.1);
-}
-
-.lines-escape a.toggle-escape-button::before {
-  visibility: visible;
-  content: "⚠️";
-  font-family: var(--fonts-emoji);
-  color: var(--color-red);
-}
-
-.repository .diff-file-box .code-diff td.lines-escape {
-  padding-left: 0 !important;
-}
-
-.diff-file-box .lines-code:hover .ui.button.add-code-comment {
-  opacity: 1;
-}
-
-.repository .diff-file-box .code-diff .add-comment-left,
-.repository .diff-file-box .code-diff .add-comment-right,
-.repository .diff-file-box .code-diff .add-code-comment .add-comment-left,
-.repository .diff-file-box .code-diff .add-code-comment .add-comment-right,
-.repository .diff-file-box .code-diff .add-code-comment .lines-type-marker {
-  padding-left: 0 !important;
-  padding-right: 0 !important;
-}
-
-.add-comment-left.add-comment-right .ui.attached.header {
-  border: 1px solid var(--color-secondary);
-}
-
-.add-comment-left.add-comment-right .ui.attached.header:not(.top) {
-  margin-bottom: 0.5em;
-}
-
-.add-comment .lines-num,
-.add-comment .lines-escape,
-.add-comment .lines-type-marker {
-  display: none;
-}
-
-.show-outdated:hover,
-.hide-outdated:hover {
-  text-decoration: underline;
-}
-
-.comment-code-cloud {
-  padding: 0.5rem 1rem !important;
-  position: relative;
-  margin: 0 auto;
-  max-width: 1000px;
-}
-
-@media (max-width: 767px) {
-  .comment-code-cloud {
-    max-width: none;
-    padding: 0.75rem !important;
-  }
-  .comment-code-cloud .code-comment-buttons {
-    margin: 0.5rem 0 0.25rem !important;
-  }
-  .comment-code-cloud .code-comment-buttons .code-comment-buttons-buttons {
-    width: 100%;
-  }
-  .comment-code-cloud .ui.buttons {
-    width: 100%;
-    margin: 0 !important;
-  }
-  .comment-code-cloud .ui.buttons .button {
-    flex: 1;
-  }
-}
-
-.comment-code-cloud .comments .comment {
-  padding: 0;
-}
-
-@media (max-width: 767px) {
-  .comment-code-cloud .comments .comment {
-    display: flex;
-  }
-  .comment-code-cloud
-    .comments
-    .comment
-    .comment-header-right.actions
-    .ui.basic.label {
-    display: none;
-  }
-  .comment-code-cloud .comments .comment .avatar {
-    width: auto;
-    float: none;
-    margin: 0 0.5rem 0 0;
-    flex-shrink: 0;
-  }
-  .comment-code-cloud .comments .comment .avatar ~ .content {
-    margin-left: 1em;
-  }
-  .comment-code-cloud .comments .comment img.avatar {
-    margin: 0 !important;
-  }
-  .comment-code-cloud .comments .comment .comment-content {
-    margin-left: 0 !important;
-  }
-  .comment-code-cloud .comments .comment .comment-container {
-    width: 100%;
-  }
-  .comment-code-cloud .comments .comment.code-comment {
-    padding: 0 0 0.5rem !important;
-  }
-}
-
-.comment-code-cloud .attached.tab {
-  border: 0;
-  padding: 0;
-  margin: 0;
-}
-
-.comment-code-cloud .attached.header {
-  padding: 0.1rem 1rem;
-}
-
-.comment-code-cloud .attached.header .text {
-  margin: 0;
-}
-
-.comment-code-cloud .right.menu.options .item {
-  padding: 0.85714286em 0.442857em;
-  cursor: pointer;
-}
-
-.comment-code-cloud .ui.active.tab {
-  padding: 0.5em;
-}
-
-.comment-code-cloud .ui.active.tab.markup {
-  padding: 1em;
-  min-height: 168px;
-}
-
-.comment-code-cloud .ui.tabular.menu {
-  margin: 0.5em;
-}
-
-.comment-code-cloud .footer {
-  border-top: 1px solid var(--color-secondary);
-  padding: 10px 0;
-}
-
-.comment-code-cloud .footer .markup-info {
-  display: inline-block;
-  margin: 5px 0;
-  font-size: 12px;
-  color: var(--color-text-light);
-}
-
-.comment-code-cloud .footer .ui.right.floated {
-  padding-top: 6px;
-}
-
-.comment-code-cloud .footer::after {
-  clear: both;
-  content: "";
-  display: block;
-}
-
-@media (max-width: 767px) {
-  .comment-code-cloud .button {
-    width: 100%;
-    margin: 0 !important;
-    margin-bottom: 0.75rem !important;
-  }
-}
-
-.diff-file-body .comment-form {
-  margin: 0 0 0 3em;
-}
-
-.file-comment {
-  color: var(--color-text);
-}
-
-a.blob-excerpt {
-  color: var(--color-text-light);
-  height: 28px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  background: var(--color-expand-button);
-}
-
-a.blob-excerpt:hover {
-  background: var(--color-primary);
-  color: var(--color-primary-contrast);
-}
-
-/* See the comment of createCommentEasyMDE() for the review editor */
-/* EasyMDE's options can not handle minHeight & maxHeight together correctly, we have to set minHeight in JS code */
-.review-box-panel .CodeMirror-scroll {
-  min-height: 80px;
-  max-height: calc(100vh - 360px);
-}
-
-@media (max-width: 767px) {
-  .review-box-panel .CodeMirror-scroll {
-    max-width: calc(100vw - 70px);
-  }
-}
-
-@media (min-width: 768px) and (max-width: 991px) {
-  .review-box-panel .CodeMirror-scroll {
-    max-width: 700px;
-  }
-}
-
-@media (min-width: 992px) and (max-width: 1200px) {
-  .review-box-panel .CodeMirror-scroll {
-    max-width: 800px;
-  }
-}
-
-@media (min-width: 1201px) {
-  .review-box-panel .CodeMirror-scroll {
-    max-width: 900px;
-  }
-}
-
-#review-box {
-  position: relative;
-}
-
-.review-box-panel {
-  position: absolute;
-  min-width: max-content;
-  top: 45px;
-  right: -5px;
-  z-index: 2;
-}
-
-#review-box .review-comments-counter {
-  background-color: var(--color-primary-light-4);
-  color: var(--color-primary-contrast);
-}
-
-#review-box:hover .review-comments-counter {
-  background-color: var(--color-primary-light-5);
-}
-
-#review-box .review-comments-counter[data-pending-comment-number="0"] {
-  display: none;
-}
-
-.pull.files.diff [id] {
-  scroll-margin-top: 99px;
-}
-
-@media (max-width: 991px) {
-  .pull.files.diff [id] {
-    scroll-margin-top: 130px;
-  }
-}
-
-.changed-since-last-review {
-  border: 1px var(--color-accent) solid;
-  background-color: var(--color-small-accent);
-  border-radius: 15px;
-  padding: 4px 8px;
-  margin: -8px 0; /* just like other buttons in the diff box header */
-  font-size: 0.857rem; /* just like .ui.tiny.button */
-}
-
-.viewed-file-form {
-  display: flex;
-  align-items: center;
-  border: 1px solid transparent;
-  padding: 4px 8px;
-  margin: -8px 0; /* just like other buttons in the diff box header */
-  border-radius: 0.285rem; /* just like .ui.tiny.button */
-  font-size: 0.857rem; /* just like .ui.tiny.button */
-}
-
-.viewed-file-form input {
-  margin-right: 4px;
-}
-
-.viewed-file-checked-form {
-  background-color: var(--color-small-accent);
-  border-color: var(--color-accent);
-}
-
-#viewed-files-summary {
-  width: 72px;
-  height: 10px;
-}
-
-.diff-file-box {
-  border-radius: 0.285rem; /* Just like ui.top.attached.header */
-}
-
-.diff-file-box:target {
-  box-shadow: 0 0 0 3px var(--color-accent);
-}

web_src/css/runner.css

@@ -1,54 +0,0 @@
-.runner-container {
-  padding-bottom: 30px;
-}
-
-.runner-container .runner-ops > a {
-  margin-left: 0.5em;
-}
-
-.runner-container .runner-ops-delete {
-  color: var(--color-red-light);
-}
-
-.runner-container .runner-basic-info .gt-dib {
-  margin-right: 1em;
-}
-
-.runner-container .runner-status-online {
-  padding: 0.3em 0.5em;
-  background-color: var(--color-green);
-  color: var(--color-white);
-}
-
-.runner-container .runner-new-text {
-  color: var(--color-white);
-}
-
-.runner-container #runner-new:hover .runner-new-text {
-  color: var(--color-white) !important;
-}
-
-.runner-container .runner-new-menu {
-  width: 300px;
-}
-
-.runner-container .task-status-success {
-  background-color: var(--color-green);
-  color: var(--color-white);
-}
-
-.runner-container .task-status-failure {
-  background-color: var(--color-red-light);
-  color: var(--color-white);
-}
-
-.runner-container .task-status-running {
-  background-color: var(--color-blue);
-  color: var(--color-white);
-}
-
-.runner-container .task-status-cancelled,
-.runner-container .task-status-blocked {
-  background-color: var(--color-yellow);
-  color: var(--color-white);
-}

web_src/css/shared/issuelist.css

@@ -1,166 +0,0 @@
-.issue.list {
-  list-style: none;
-  margin-top: 1rem;
-}
-
-.issue.list a:not(.label):hover {
-  color: var(--color-primary) !important;
-}
-
-.issue.list > .item .issue-checkbox {
-  margin-top: 1px;
-}
-
-.issue.list > .item .issue-item-icon svg {
-  margin-right: 0.75rem;
-  margin-top: 1px;
-}
-
-.issue.list > .item .issue-item-icons-right > * + * {
-  margin-left: 0.5rem;
-}
-
-.issue.list > .item .issue-item-main {
-  width: 100%;
-}
-
-.issue.list > .item .action-item-main {
-  width: 80%;
-}
-
-.issue.list > .item .issue-item-right {
-  width: 15%;
-}
-
-.issue.list > .item .issue-item-top-row {
-  max-width: 100%;
-  color: var(--color-text);
-  font-size: 16px;
-  min-width: 0;
-  font-weight: 600;
-}
-
-.issue.list > .item .issue-item-top-row a.index {
-  max-width: fit-content;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  overflow: hidden;
-  word-break: break-all;
-}
-
-.issue.list > .item .labels-list {
-  position: relative;
-  top: -1.5px;
-}
-
-.issue.list > .item .issue-item-bottom-row {
-  font-size: 13px;
-}
-
-.issue.list > .item .title {
-  color: var(--color-text);
-  word-break: break-word;
-}
-
-.issue.list > .item .issue-item-icon-right {
-  min-width: 2rem;
-}
-
-.issue.list > .item .assignee {
-  position: relative;
-  top: -2px;
-}
-
-.issue.list > .item .assignee img {
-  width: 20px;
-  height: 20px;
-  margin-right: 2px;
-}
-
-.issue.list > .item .desc {
-  color: var(--color-text-light-2);
-}
-
-.issue.list > .item .desc a {
-  color: inherit;
-}
-
-.issue.list > .item .desc .time-since,
-.issue.list > .item .desc a {
-  margin-left: 0.25rem;
-  margin-right: 0.25rem;
-}
-
-.issue.list > .item .desc .waiting,
-.issue.list > .item .desc .approvals,
-.issue.list > .item .desc .rejects {
-  padding-left: 5px;
-}
-
-.issue.list > .item .desc .checklist {
-  padding-left: 5px;
-}
-
-.issue.list > .item .desc .checklist progress {
-  margin-left: 2px;
-  width: 80px;
-  height: 6px;
-  display: inline-block;
-  border-radius: 3px;
-  vertical-align: 2px !important;
-}
-
-.issue.list > .item .desc .checklist progress::-webkit-progress-value {
-  background-color: var(--color-secondary-dark-4);
-}
-
-.issue.list > .item .desc .checklist progress::-moz-progress-bar {
-  background-color: var(--color-secondary-dark-4);
-}
-
-.issue.list > .item .desc .conflicting {
-  padding-left: 5px;
-}
-
-.issue.list > .item .desc .due-date {
-  padding-left: 5px;
-}
-
-.issue.list > .item .desc a.milestone,
-.issue.list > .item .desc a.project {
-  margin-left: 5px;
-}
-
-.issue.list > .item .desc a.ref {
-  margin-left: 8px;
-}
-
-.issue.list > .item .desc a.ref span {
-  margin-right: -4px;
-}
-
-.issue.list > .item .desc .overdue {
-  color: var(--color-red);
-}
-
-.issue.list .branches {
-  display: inline-flex;
-  padding: 0 4px;
-}
-
-.issue.list .branches .branch {
-  background-color: var(--color-secondary);
-  border-radius: 3px;
-}
-
-.issue.list .branches .truncated-name {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 10em;
-}
-
-.issue.list > .item + .item {
-  border-top: 1px solid var(--color-secondary);
-}

web_src/css/themes/theme-auto.css

@@ -1 +0,0 @@
-@import "./theme-arc-green.css" (prefers-color-scheme: dark);

web_src/css/user.css

@@ -1,173 +0,0 @@
-.user.profile .ui.card .header {
-  display: block;
-  font-weight: 600;
-  font-size: 1.3rem;
-  margin-top: -0.2rem;
-  line-height: 1.3rem;
-}
-
-.user.profile .ui.card .profile-avatar-name {
-  border-top: none;
-  text-align: center;
-}
-
-.user.profile .ui.card .extra.content {
-  padding: 0;
-}
-
-.user.profile .ui.card .extra.content ul {
-  margin: 0;
-  padding: 0;
-}
-
-.user.profile .ui.card .extra.content ul li {
-  padding: 10px;
-  list-style: none;
-}
-
-.user.profile .ui.card .extra.content ul li:not(:last-child) {
-  border-bottom: 1px solid var(--color-secondary);
-}
-
-.user.profile .ui.card .extra.content ul li .svg {
-  margin-left: 1px;
-  margin-right: 5px;
-}
-
-.user.profile .ui.card .extra.content ul li.follow .ui.button {
-  width: 100%;
-}
-
-.user.profile .ui.card #profile-avatar {
-  background: none;
-  padding: 1rem 1rem 0.25rem;
-  justify-content: center;
-}
-
-.user.profile .ui.card #profile-avatar img {
-  width: 100%;
-  height: auto;
-  object-fit: contain;
-  margin: 0;
-}
-
-@media (max-width: 767px) {
-  .user.profile .ui.card #profile-avatar img {
-    width: 30vw;
-  }
-}
-
-@media (max-width: 767px) {
-  .user.profile .ui.card {
-    width: 100%;
-  }
-}
-
-.user.profile .ui.repository.list {
-  margin-top: 25px;
-}
-
-.user.profile #loading-heatmap {
-  margin-bottom: 1em;
-}
-
-.user.profile .ui.secondary.stackable.pointing.menu {
-  flex-wrap: wrap;
-}
-
-.user.followers .header.name {
-  font-size: 20px;
-  line-height: 24px;
-  vertical-align: middle;
-}
-
-.user.followers .follow .ui.button {
-  padding: 8px 15px;
-}
-
-.user.notification .svg {
-  float: left;
-  font-size: 2em;
-}
-
-.user.notification .svg.green {
-  color: var(--color-green);
-}
-
-.user.notification .svg.red {
-  color: var(--color-red);
-}
-
-.user.notification .svg.purple {
-  color: var(--color-purple);
-}
-
-.user.notification .svg.blue {
-  color: var(--color-blue);
-}
-
-.user.notification .content {
-  float: left;
-  margin-left: 7px;
-}
-
-.user.notification table form {
-  display: inline-block;
-}
-
-.user.notification table button {
-  padding: 3px 3px 3px 5px;
-}
-
-.user.notification table tr {
-  cursor: pointer;
-}
-
-.user .button.adopt,
-.user .button.delete {
-  margin-top: -15px;
-  margin-bottom: -15px;
-}
-
-.user .button.adopt .label,
-.user .button.delete .label {
-  vertical-align: middle;
-}
-
-.user.link-account:not(.icon) {
-  padding-top: 15px;
-  padding-bottom: 5px;
-}
-
-.user.settings .iconFloat {
-  float: left;
-}
-
-.user-orgs {
-  display: flex;
-  flex-flow: row wrap;
-  padding: 0;
-  margin: -3px !important;
-}
-
-.user-orgs li {
-  display: flex;
-  border-bottom: 0 !important;
-  padding: 3px !important;
-  width: 20%;
-  max-width: 60px;
-}
-
-.user-badges {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, 64px);
-  gap: 2px;
-}
-
-.user-badges img {
-  object-fit: contain;
-}
-
-#notification_div .tab.segment {
-  overflow-x: auto;
-}

web_src/js/components/DashboardRepoList.js

@@ -0,0 +1,345 @@
+import {createApp, nextTick} from 'vue';
+import $ from 'jquery';
+import {initVueSvg, vueDelimiters} from './VueComponentLoader.js';
+import {initTooltip} from '../modules/tippy.js';
+
+const {appSubUrl, assetUrlPrefix, pageData} = window.config;
+
+function initVueComponents(app) {
+  app.component('repo-search', {
+    delimiters: vueDelimiters,
+    props: {
+      searchLimit: {
+        type: Number,
+        default: 10
+      },
+      subUrl: {
+        type: String,
+        required: true
+      },
+      uid: {
+        type: Number,
+        default: 0
+      },
+      teamId: {
+        type: Number,
+        required: false,
+        default: 0
+      },
+      organizations: {
+        type: Array,
+        default: () => [],
+      },
+      isOrganization: {
+        type: Boolean,
+        default: true
+      },
+      canCreateOrganization: {
+        type: Boolean,
+        default: false
+      },
+      organizationsTotalCount: {
+        type: Number,
+        default: 0
+      },
+      moreReposLink: {
+        type: String,
+        default: ''
+      }
+    },
+
+    data() {
+      const params = new URLSearchParams(window.location.search);
+
+      let tab = params.get('repo-search-tab');
+      if (!tab) {
+        tab = 'repos';
+      }
+
+      let reposFilter = params.get('repo-search-filter');
+      if (!reposFilter) {
+        reposFilter = 'all';
+      }
+
+      let privateFilter = params.get('repo-search-private');
+      if (!privateFilter) {
+        privateFilter = 'both';
+      }
+
+      let archivedFilter = params.get('repo-search-archived');
+      if (!archivedFilter) {
+        archivedFilter = 'unarchived';
+      }
+
+      let searchQuery = params.get('repo-search-query');
+      if (!searchQuery) {
+        searchQuery = '';
+      }
+
+      let page = 1;
+      try {
+        page = parseInt(params.get('repo-search-page'));
+      } catch {
+        // noop
+      }
+      if (!page) {
+        page = 1;
+      }
+
+      return {
+        hasMounted: false, // accessing $refs in computed() need to wait for mounted
+        tab,
+        repos: [],
+        reposTotalCount: 0,
+        reposFilter,
+        archivedFilter,
+        privateFilter,
+        page,
+        finalPage: 1,
+        searchQuery,
+        isLoading: false,
+        staticPrefix: assetUrlPrefix,
+        counts: {},
+        repoTypes: {
+          all: {
+            searchMode: '',
+          },
+          forks: {
+            searchMode: 'fork',
+          },
+          mirrors: {
+            searchMode: 'mirror',
+          },
+          sources: {
+            searchMode: 'source',
+          },
+          collaborative: {
+            searchMode: 'collaborative',
+          },
+        }
+      };
+    },
+
+    computed: {
+      // used in `repolist.tmpl`
+      showMoreReposLink() {
+        return this.repos.length > 0 && this.repos.length < this.counts[`${this.reposFilter}:${this.archivedFilter}:${this.privateFilter}`];
+      },
+      searchURL() {
+        return `${this.subUrl}/repo/search?sort=updated&order=desc&uid=${this.uid}&team_id=${this.teamId}&q=${this.searchQuery
+        }&page=${this.page}&limit=${this.searchLimit}&mode=${this.repoTypes[this.reposFilter].searchMode
+        }${this.reposFilter !== 'all' ? '&exclusive=1' : ''
+        }${this.archivedFilter === 'archived' ? '&archived=true' : ''}${this.archivedFilter === 'unarchived' ? '&archived=false' : ''
+        }${this.privateFilter === 'private' ? '&is_private=true' : ''}${this.privateFilter === 'public' ? '&is_private=false' : ''
+        }`;
+      },
+      repoTypeCount() {
+        return this.counts[`${this.reposFilter}:${this.archivedFilter}:${this.privateFilter}`];
+      },
+      checkboxArchivedFilterTitle() {
+        return this.hasMounted && this.$refs.checkboxArchivedFilter?.getAttribute(`data-title-${this.archivedFilter}`);
+      },
+      checkboxArchivedFilterProps() {
+        return {checked: this.archivedFilter === 'archived', indeterminate: this.archivedFilter === 'both'};
+      },
+      checkboxPrivateFilterTitle() {
+        return this.hasMounted && this.$refs.checkboxPrivateFilter?.getAttribute(`data-title-${this.privateFilter}`);
+      },
+      checkboxPrivateFilterProps() {
+        return {checked: this.privateFilter === 'private', indeterminate: this.privateFilter === 'both'};
+      },
+    },
+
+    mounted() {
+      const el = document.getElementById('dashboard-repo-list');
+      this.changeReposFilter(this.reposFilter);
+      for (const elTooltip of el.querySelectorAll('.tooltip')) {
+        initTooltip(elTooltip);
+      }
+      $(el).find('.dropdown').dropdown();
+      nextTick(() => {
+        this.$refs.search.focus();
+      });
+
+      this.hasMounted = true;
+    },
+
+    methods: {
+      changeTab(t) {
+        this.tab = t;
+        this.updateHistory();
+      },
+
+      changeReposFilter(filter) {
+        this.reposFilter = filter;
+        this.repos = [];
+        this.page = 1;
+        this.counts[`${filter}:${this.archivedFilter}:${this.privateFilter}`] = 0;
+        this.searchRepos();
+      },
+
+      updateHistory() {
+        const params = new URLSearchParams(window.location.search);
+
+        if (this.tab === 'repos') {
+          params.delete('repo-search-tab');
+        } else {
+          params.set('repo-search-tab', this.tab);
+        }
+
+        if (this.reposFilter === 'all') {
+          params.delete('repo-search-filter');
+        } else {
+          params.set('repo-search-filter', this.reposFilter);
+        }
+
+        if (this.privateFilter === 'both') {
+          params.delete('repo-search-private');
+        } else {
+          params.set('repo-search-private', this.privateFilter);
+        }
+
+        if (this.archivedFilter === 'unarchived') {
+          params.delete('repo-search-archived');
+        } else {
+          params.set('repo-search-archived', this.archivedFilter);
+        }
+
+        if (this.searchQuery === '') {
+          params.delete('repo-search-query');
+        } else {
+          params.set('repo-search-query', this.searchQuery);
+        }
+
+        if (this.page === 1) {
+          params.delete('repo-search-page');
+        } else {
+          params.set('repo-search-page', `${this.page}`);
+        }
+
+        const queryString = params.toString();
+        if (queryString) {
+          window.history.replaceState({}, '', `?${queryString}`);
+        } else {
+          window.history.replaceState({}, '', window.location.pathname);
+        }
+      },
+
+      toggleArchivedFilter() {
+        if (this.archivedFilter === 'unarchived') {
+          this.archivedFilter = 'archived';
+        } else if (this.archivedFilter === 'archived') {
+          this.archivedFilter = 'both';
+        } else { // including both
+          this.archivedFilter = 'unarchived';
+        }
+        this.page = 1;
+        this.repos = [];
+        this.counts[`${this.reposFilter}:${this.archivedFilter}:${this.privateFilter}`] = 0;
+        this.searchRepos();
+      },
+
+      togglePrivateFilter() {
+        if (this.privateFilter === 'both') {
+          this.privateFilter = 'public';
+        } else if (this.privateFilter === 'public') {
+          this.privateFilter = 'private';
+        } else { // including private
+          this.privateFilter = 'both';
+        }
+        this.page = 1;
+        this.repos = [];
+        this.counts[`${this.reposFilter}:${this.archivedFilter}:${this.privateFilter}`] = 0;
+        this.searchRepos();
+      },
+
+
+      changePage(page) {
+        this.page = page;
+        if (this.page > this.finalPage) {
+          this.page = this.finalPage;
+        }
+        if (this.page < 1) {
+          this.page = 1;
+        }
+        this.repos = [];
+        this.counts[`${this.reposFilter}:${this.archivedFilter}:${this.privateFilter}`] = 0;
+        this.searchRepos();
+      },
+
+      async searchRepos() {
+        this.isLoading = true;
+
+        const searchedMode = this.repoTypes[this.reposFilter].searchMode;
+        const searchedURL = this.searchURL;
+        const searchedQuery = this.searchQuery;
+
+        let response, json;
+        try {
+          if (!this.reposTotalCount) {
+            const totalCountSearchURL = `${this.subUrl}/repo/search?count_only=1&uid=${this.uid}&team_id=${this.teamId}&q=&page=1&mode=`;
+            response = await fetch(totalCountSearchURL);
+            this.reposTotalCount = response.headers.get('X-Total-Count');
+          }
+
+          response = await fetch(searchedURL);
+          json = await response.json();
+        } catch {
+          if (searchedURL === this.searchURL) {
+            this.isLoading = false;
+          }
+          return;
+        }
+
+        if (searchedURL === this.searchURL) {
+          this.repos = json.data;
+          const count = response.headers.get('X-Total-Count');
+          if (searchedQuery === '' && searchedMode === '' && this.archivedFilter === 'both') {
+            this.reposTotalCount = count;
+          }
+          this.counts[`${this.reposFilter}:${this.archivedFilter}:${this.privateFilter}`] = count;
+          this.finalPage = Math.ceil(count / this.searchLimit);
+          this.updateHistory();
+          this.isLoading = false;
+        }
+      },
+
+      repoIcon(repo) {
+        if (repo.fork) {
+          return 'octicon-repo-forked';
+        } else if (repo.mirror) {
+          return 'octicon-mirror';
+        } else if (repo.template) {
+          return `octicon-repo-template`;
+        } else if (repo.private) {
+          return 'octicon-lock';
+        } else if (repo.internal) {
+          return 'octicon-repo';
+        }
+        return 'octicon-repo';
+      }
+    },
+
+    template: document.getElementById('dashboard-repo-list-template'),
+  });
+}
+
+export function initDashboardRepoList() {
+  const el = document.getElementById('dashboard-repo-list');
+  const dashboardRepoListData = pageData.dashboardRepoList || null;
+  if (!el || !dashboardRepoListData) return;
+
+  const app = createApp({
+    delimiters: vueDelimiters,
+    data() {
+      return {
+        searchLimit: dashboardRepoListData.searchLimit || 0,
+        subUrl: appSubUrl,
+        uid: dashboardRepoListData.uid || 0,
+      };
+    },
+  });
+  initVueSvg(app);
+  initVueComponents(app);
+  app.mount(el);
+}

web_src/js/components/DashboardRepoList.vue

@@ -1,432 +0,0 @@
-<template>
-  <div>
-    <div v-if="!isOrganization" class="ui two item tabable menu">
-      <a :class="{item: true, active: tab === 'repos'}" @click="changeTab('repos')">{{ textRepository }}</a>
-      <a :class="{item: true, active: tab === 'organizations'}" @click="changeTab('organizations')">{{ textOrganization }}</a>
-    </div>
-    <div v-show="tab === 'repos'" class="ui tab active list dashboard-repos">
-      <h4 class="ui top attached header gt-df gt-ac">
-        <div class="gt-f1 gt-df gt-ac">
-          {{ textMyRepos }}
-          <span class="ui grey label gt-ml-3">{{ reposTotalCount }}</span>
-        </div>
-        <a class="tooltip" :href="subUrl + '/repo/create'" :data-content="textNewRepo" data-position="left center">
-          <svg-icon name="octicon-plus"/>
-          <span class="sr-only">{{ textNewRepo }}</span>
-        </a>
-      </h4>
-      <div class="ui attached segment repos-search">
-        <div class="ui fluid right action left icon input" :class="{loading: isLoading}">
-          <input @input="changeReposFilter(reposFilter)" v-model="searchQuery" ref="search" :placeholder="textSearchRepos">
-          <i class="icon gt-df gt-ac gt-jc"><svg-icon name="octicon-search" :size="16"/></i>
-          <div class="ui dropdown icon button" :title="textFilter">
-            <i class="icon gt-df gt-ac gt-jc gt-m-0"><svg-icon name="octicon-filter" :size="16"/></i>
-            <div class="menu">
-              <a class="item" @click="toggleArchivedFilter()">
-                <div class="ui checkbox" ref="checkboxArchivedFilter" :title="checkboxArchivedFilterTitle">
-                  <!--the "hidden" is necessary to make the checkbox work without Fomantic UI js,
-                      otherwise if the "input" handles click event for intermediate status, it breaks the internal state-->
-                  <input type="checkbox" class="hidden" v-bind.prop="checkboxArchivedFilterProps">
-                  <label>
-                    <svg-icon name="octicon-archive" :size="16" class-name="gt-mr-2"/>
-                    {{ textShowArchived }}
-                  </label>
-                </div>
-              </a>
-              <a class="item" @click="togglePrivateFilter()">
-                <div class="ui checkbox" ref="checkboxPrivateFilter" :title="checkboxPrivateFilterTitle">
-                  <input type="checkbox" class="hidden" v-bind.prop="checkboxPrivateFilterProps">
-                  <label>
-                    <svg-icon name="octicon-lock" :size="16" class-name="gt-mr-2"/>
-                    {{ textShowPrivate }}
-                  </label>
-                </div>
-              </a>
-            </div>
-          </div>
-        </div>
-        <div class="ui secondary tiny pointing borderless menu center grid repos-filter">
-          <a class="item" :class="{active: reposFilter === 'all'}" @click="changeReposFilter('all')">
-            {{ textAll }}
-            <div v-show="reposFilter === 'all'" class="ui circular mini grey label">{{ repoTypeCount }}</div>
-          </a>
-          <a class="item" :class="{active: reposFilter === 'sources'}" @click="changeReposFilter('sources')">
-            {{ textSources }}
-            <div v-show="reposFilter === 'sources'" class="ui circular mini grey label">{{ repoTypeCount }}</div>
-          </a>
-          <a class="item" :class="{active: reposFilter === 'forks'}" @click="changeReposFilter('forks')">
-            {{ textForks }}
-            <div v-show="reposFilter === 'forks'" class="ui circular mini grey label">{{ repoTypeCount }}</div>
-          </a>
-          <a class="item" :class="{active: reposFilter === 'mirrors'}" @click="changeReposFilter('mirrors')" v-if="isMirrorsEnabled">
-            {{ textMirrors }}
-            <div v-show="reposFilter === 'mirrors'" class="ui circular mini grey label">{{ repoTypeCount }}</div>
-          </a>
-          <a class="item" :class="{active: reposFilter === 'collaborative'}" @click="changeReposFilter('collaborative')">
-            {{ textCollaborative }}
-            <div v-show="reposFilter === 'collaborative'" class="ui circular mini grey label">{{ repoTypeCount }}</div>
-          </a>
-        </div>
-      </div>
-      <div v-if="repos.length" class="ui attached table segment gt-rounded-bottom">
-        <ul class="repo-owner-name-list">
-          <li v-for="repo in repos" :class="{'private': repo.private || repo.internal}" :key="repo.id">
-            <a class="repo-list-link gt-df gt-ac gt-sb" :href="repo.link">
-              <div class="item-name gt-df gt-ac gt-f1 gt-mr-2">
-                <svg-icon :name="repoIcon(repo)" :size="16" class-name="gt-mr-2"/>
-                <div class="text gt-bold truncate gt-ml-1">{{ repo.full_name }}</div>
-                <span v-if="repo.archived">
-                  <svg-icon name="octicon-archive" :size="16" class-name="gt-ml-2"/>
-                </span>
-              </div>
-              <div class="text light grey gt-df gt-ac" v-if="isStarsEnabled">
-                {{ repo.stars_count }}
-                <svg-icon name="octicon-star" :size="16" class-name="gt-ml-2"/>
-              </div>
-            </a>
-          </li>
-        </ul>
-        <div v-if="showMoreReposLink" class="center gt-py-3 gt-border-secondary-top">
-          <div class="ui borderless pagination menu narrow">
-            <a
-              class="item navigation gt-py-2" :class="{'disabled': page === 1}"
-              @click="changePage(1)" :title="textFirstPage"
-            >
-              <svg-icon name="gitea-double-chevron-left" :size="16" class-name="gt-mr-2"/>
-            </a>
-            <a
-              class="item navigation gt-py-2" :class="{'disabled': page === 1}"
-              @click="changePage(page - 1)" :title="textPreviousPage"
-            >
-              <svg-icon name="octicon-chevron-left" :size="16" clsas-name="gt-mr-2"/>
-            </a>
-            <a class="active item gt-py-2">{{ page }}</a>
-            <a
-              class="item navigation" :class="{'disabled': page === finalPage}"
-              @click="changePage(page + 1)" :title="textNextPage"
-            >
-              <svg-icon name="octicon-chevron-right" :size="16" class-name="gt-ml-2"/>
-            </a>
-            <a
-              class="item navigation gt-py-2" :class="{'disabled': page === finalPage}"
-              @click="changePage(finalPage)" :title="textLastPage"
-            >
-              <svg-icon name="gitea-double-chevron-right" :size="16" class-name="gt-ml-2"/>
-            </a>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div v-if="!isOrganization" v-show="tab === 'organizations'" class="ui tab active list dashboard-orgs">
-      <h4 class="ui top attached header gt-df gt-ac">
-        <div class="gt-f1 gt-df gt-ac">
-          {{ textMyOrgs }}
-          <span class="ui grey label gt-ml-3">{{ organizationsTotalCount }}</span>
-        </div>
-        <a v-if="canCreateOrganization" class="tooltip" :href="subUrl + '/org/create'" :data-content="textNewOrg" data-position="left center">
-          <svg-icon name="octicon-plus"/>
-          <span class="sr-only">{{ textNewOrg }}</span>
-        </a>
-      </h4>
-      <div v-if="organizations.length" class="ui attached table segment gt-rounded-bottom">
-        <ul class="repo-owner-name-list">
-          <li v-for="org in organizations" :key="org.name">
-            <a class="repo-list-link gt-df gt-ac gt-sb" :href="subUrl + '/' + encodeURIComponent(org.name)">
-              <div class="text truncate item-name gt-f1">
-                <svg-icon name="octicon-organization" :size="16" class-name="gt-mr-2"/>
-                <strong>{{ org.name }}</strong>
-              </div>
-              <div class="text light grey gt-df gt-ac">
-                {{ org.num_repos }}
-                <svg-icon name="octicon-repo" :size="16" class-name="gt-ml-2 gt-mt-1"/>
-              </div>
-            </a>
-          </li>
-        </ul>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import {createApp, nextTick} from 'vue';
-import $ from 'jquery';
-import {initTooltip} from '../modules/tippy.js';
-import {SvgIcon} from '../svg.js';
-
-const {appSubUrl, assetUrlPrefix, pageData} = window.config;
-
-const sfc = {
-  components: {SvgIcon},
-  data() {
-    const params = new URLSearchParams(window.location.search);
-    const tab = params.get('repo-search-tab') || 'repos';
-    const reposFilter = params.get('repo-search-filter') || 'all';
-    const privateFilter = params.get('repo-search-private') || 'both';
-    const archivedFilter = params.get('repo-search-archived') || 'unarchived';
-    const searchQuery = params.get('repo-search-query') || '';
-    const page = Number(params.get('repo-search-page')) || 1;
-
-    return {
-      tab,
-      repos: [],
-      reposTotalCount: 0,
-      reposFilter,
-      archivedFilter,
-      privateFilter,
-      page,
-      finalPage: 1,
-      searchQuery,
-      isLoading: false,
-      staticPrefix: assetUrlPrefix,
-      counts: {},
-      repoTypes: {
-        all: {
-          searchMode: '',
-        },
-        forks: {
-          searchMode: 'fork',
-        },
-        mirrors: {
-          searchMode: 'mirror',
-        },
-        sources: {
-          searchMode: 'source',
-        },
-        collaborative: {
-          searchMode: 'collaborative',
-        },
-      },
-      textArchivedFilterTitles: {},
-      textPrivateFilterTitles: {},
-
-      organizations: [],
-      isOrganization: true,
-      canCreateOrganization: false,
-      organizationsTotalCount: 0,
-
-      subUrl: appSubUrl,
-      ...pageData.dashboardRepoList,
-    };
-  },
-
-  computed: {
-    showMoreReposLink() {
-      return this.repos.length > 0 && this.repos.length < this.counts[`${this.reposFilter}:${this.archivedFilter}:${this.privateFilter}`];
-    },
-    searchURL() {
-      return `${this.subUrl}/repo/search?sort=updated&order=desc&uid=${this.uid}&team_id=${this.teamId}&q=${this.searchQuery
-      }&page=${this.page}&limit=${this.searchLimit}&mode=${this.repoTypes[this.reposFilter].searchMode
-      }${this.reposFilter !== 'all' ? '&exclusive=1' : ''
-      }${this.archivedFilter === 'archived' ? '&archived=true' : ''}${this.archivedFilter === 'unarchived' ? '&archived=false' : ''
-      }${this.privateFilter === 'private' ? '&is_private=true' : ''}${this.privateFilter === 'public' ? '&is_private=false' : ''
-      }`;
-    },
-    repoTypeCount() {
-      return this.counts[`${this.reposFilter}:${this.archivedFilter}:${this.privateFilter}`];
-    },
-    checkboxArchivedFilterTitle() {
-      return this.textArchivedFilterTitles[this.archivedFilter];
-    },
-    checkboxArchivedFilterProps() {
-      return {checked: this.archivedFilter === 'archived', indeterminate: this.archivedFilter === 'both'};
-    },
-    checkboxPrivateFilterTitle() {
-      return this.textPrivateFilterTitles[this.privateFilter];
-    },
-    checkboxPrivateFilterProps() {
-      return {checked: this.privateFilter === 'private', indeterminate: this.privateFilter === 'both'};
-    },
-  },
-
-  mounted() {
-    const el = document.getElementById('dashboard-repo-list');
-    this.changeReposFilter(this.reposFilter);
-    for (const elTooltip of el.querySelectorAll('.tooltip')) {
-      initTooltip(elTooltip);
-    }
-    $(el).find('.dropdown').dropdown();
-    nextTick(() => {
-      this.$refs.search.focus();
-    });
-
-    this.textArchivedFilterTitles = {
-      'archived': this.textShowOnlyArchived,
-      'unarchived': this.textShowOnlyUnarchived,
-      'both': this.textShowBothArchivedUnarchived,
-    };
-
-    this.textPrivateFilterTitles = {
-      'private': this.textShowOnlyPrivate,
-      'public': this.textShowOnlyPublic,
-      'both': this.textShowBothPrivatePublic,
-    };
-  },
-
-  methods: {
-    changeTab(t) {
-      this.tab = t;
-      this.updateHistory();
-    },
-
-    changeReposFilter(filter) {
-      this.reposFilter = filter;
-      this.repos = [];
-      this.page = 1;
-      this.counts[`${filter}:${this.archivedFilter}:${this.privateFilter}`] = 0;
-      this.searchRepos();
-    },
-
-    updateHistory() {
-      const params = new URLSearchParams(window.location.search);
-
-      if (this.tab === 'repos') {
-        params.delete('repo-search-tab');
-      } else {
-        params.set('repo-search-tab', this.tab);
-      }
-
-      if (this.reposFilter === 'all') {
-        params.delete('repo-search-filter');
-      } else {
-        params.set('repo-search-filter', this.reposFilter);
-      }
-
-      if (this.privateFilter === 'both') {
-        params.delete('repo-search-private');
-      } else {
-        params.set('repo-search-private', this.privateFilter);
-      }
-
-      if (this.archivedFilter === 'unarchived') {
-        params.delete('repo-search-archived');
-      } else {
-        params.set('repo-search-archived', this.archivedFilter);
-      }
-
-      if (this.searchQuery === '') {
-        params.delete('repo-search-query');
-      } else {
-        params.set('repo-search-query', this.searchQuery);
-      }
-
-      if (this.page === 1) {
-        params.delete('repo-search-page');
-      } else {
-        params.set('repo-search-page', `${this.page}`);
-      }
-
-      const queryString = params.toString();
-      if (queryString) {
-        window.history.replaceState({}, '', `?${queryString}`);
-      } else {
-        window.history.replaceState({}, '', window.location.pathname);
-      }
-    },
-
-    toggleArchivedFilter() {
-      if (this.archivedFilter === 'unarchived') {
-        this.archivedFilter = 'archived';
-      } else if (this.archivedFilter === 'archived') {
-        this.archivedFilter = 'both';
-      } else { // including both
-        this.archivedFilter = 'unarchived';
-      }
-      this.page = 1;
-      this.repos = [];
-      this.counts[`${this.reposFilter}:${this.archivedFilter}:${this.privateFilter}`] = 0;
-      this.searchRepos();
-    },
-
-    togglePrivateFilter() {
-      if (this.privateFilter === 'both') {
-        this.privateFilter = 'public';
-      } else if (this.privateFilter === 'public') {
-        this.privateFilter = 'private';
-      } else { // including private
-        this.privateFilter = 'both';
-      }
-      this.page = 1;
-      this.repos = [];
-      this.counts[`${this.reposFilter}:${this.archivedFilter}:${this.privateFilter}`] = 0;
-      this.searchRepos();
-    },
-
-
-    changePage(page) {
-      this.page = page;
-      if (this.page > this.finalPage) {
-        this.page = this.finalPage;
-      }
-      if (this.page < 1) {
-        this.page = 1;
-      }
-      this.repos = [];
-      this.counts[`${this.reposFilter}:${this.archivedFilter}:${this.privateFilter}`] = 0;
-      this.searchRepos();
-    },
-
-    async searchRepos() {
-      this.isLoading = true;
-
-      const searchedMode = this.repoTypes[this.reposFilter].searchMode;
-      const searchedURL = this.searchURL;
-      const searchedQuery = this.searchQuery;
-
-      let response, json;
-      try {
-        if (!this.reposTotalCount) {
-          const totalCountSearchURL = `${this.subUrl}/repo/search?count_only=1&uid=${this.uid}&team_id=${this.teamId}&q=&page=1&mode=`;
-          response = await fetch(totalCountSearchURL);
-          this.reposTotalCount = response.headers.get('X-Total-Count');
-        }
-
-        response = await fetch(searchedURL);
-        json = await response.json();
-      } catch {
-        if (searchedURL === this.searchURL) {
-          this.isLoading = false;
-        }
-        return;
-      }
-
-      if (searchedURL === this.searchURL) {
-        this.repos = json.data;
-        const count = response.headers.get('X-Total-Count');
-        if (searchedQuery === '' && searchedMode === '' && this.archivedFilter === 'both') {
-          this.reposTotalCount = count;
-        }
-        this.counts[`${this.reposFilter}:${this.archivedFilter}:${this.privateFilter}`] = count;
-        this.finalPage = Math.ceil(count / this.searchLimit);
-        this.updateHistory();
-        this.isLoading = false;
-      }
-    },
-
-    repoIcon(repo) {
-      if (repo.fork) {
-        return 'octicon-repo-forked';
-      } else if (repo.mirror) {
-        return 'octicon-mirror';
-      } else if (repo.template) {
-        return `octicon-repo-template`;
-      } else if (repo.private) {
-        return 'octicon-lock';
-      } else if (repo.internal) {
-        return 'octicon-repo';
-      }
-      return 'octicon-repo';
-    }
-  },
-};
-
-export function initDashboardRepoList() {
-  const el = document.getElementById('dashboard-repo-list');
-  if (el) {
-    createApp(sfc).mount(el);
-  }
-}
-
-export default sfc; // activate the IDE's Vue plugin
-
-</script>

web_src/js/components/PullRequestMergeForm.vue

@@ -10,8 +10,8 @@
       -d '{"context": "test/context", "description": "description", "state": "${state}", "target_url": "http://localhost"}'
   -->
   <div>
-    <!-- eslint-disable-next-line vue/no-v-html -->
-    <div v-if="mergeForm.hasPendingPullRequestMerge" v-html="mergeForm.hasPendingPullRequestMergeTip" class="ui info message"/>
+    <!-- eslint-disable -->
+    <div v-if="mergeForm.hasPendingPullRequestMerge" v-html="mergeForm.hasPendingPullRequestMergeTip" class="ui info message"></div>
 
     <div class="ui form" v-if="showActionForm">
       <form :action="mergeForm.baseLink+'/merge'" method="post">
@@ -30,8 +30,7 @@
               <button @click.prevent="clearMergeMessage" class="ui tertiary button">
                 {{ mergeForm.textClearMergeMessage }}
               </button>
-              <div class="ui label">
-                <!-- TODO: Convert to tooltip once we can use tooltips in Vue templates -->
+              <div class="ui label"><!-- TODO: Convert to tooltip once we can use tooltips in Vue templates -->
                 {{ mergeForm.textClearMergeMessageHint }}
               </div>
             </template>

web_src/js/components/RepoActionView.vue

@@ -286,54 +286,51 @@ export function initRepositoryActionView() {
 
 </script>
 
-<style scoped>
+<style scoped lang="less">
+
 .action-view-body {
   display: flex;
-  height: calc(100vh - 266px); /* fine tune this value to make the main view has full height */
+  height: calc(100vh - 266px); // fine tune this value to make the main view has full height
 }
 
-/* ================ */
-/* action view header */
+// ================
+// action view header
 
 .action-view-header {
   margin: 0 20px 20px 20px;
-}
-
-.action-view-header .run_cancel {
-  border: none;
-  color: var(--color-red);
-  background-color: transparent;
-  outline: none;
-  cursor: pointer;
-  transition: transform 0.2s;
-}
-
-.action-view-header .run_approve {
-  border: none;
-  color: var(--color-green);
-  background-color: transparent;
-  outline: none;
-  cursor: pointer;
-  transition: transform 0.2s;
-}
-
-.action-view-header .run_cancel:hover,
-.action-view-header .run_approve:hover {
-  transform: scale(130%);
+  .run_cancel {
+    border: none;
+    color: var(--color-red);
+    background-color: transparent;
+    outline: none;
+    cursor: pointer;
+    transition:transform 0.2s;
+  };
+  .run_approve {
+    border: none;
+    color: var(--color-green);
+    background-color: transparent;
+    outline: none;
+    cursor: pointer;
+    transition:transform 0.2s;
+  };
+  .run_cancel:hover, .run_approve:hover {
+    transform:scale(130%);
+  };
 }
 
 .action-info-summary {
   font-size: 150%;
   height: 20px;
   display: flex;
+
+  .action-title {
+    padding: 0 5px;
+  }
 }
 
-.action-info-summary .action-title {
-  padding: 0 5px;
-}
-
-/* ================ */
-/* action view left */
+// ================
+// action view left
 
 .action-view-left {
   width: 30%;
@@ -342,52 +339,51 @@ export function initRepositoryActionView() {
   margin-left: 10px;
 }
 
-.job-group-section .job-group-summary {
-  margin: 5px 0;
-  padding: 10px;
+.job-group-section {
+  .job-group-summary {
+    margin: 5px 0;
+    padding: 10px;
+  }
+
+  .job-brief-list {
+    .job-brief-item {
+      margin: 5px 0;
+      padding: 10px;
+      background: var(--color-info-bg);
+      border-radius: 5px;
+      text-decoration: none;
+      display: flex;
+      justify-items: center;
+      flex-wrap: nowrap;
+      .job-brief-rerun {
+        float: right;
+        border: none;
+        background-color: transparent;
+        outline: none;
+        cursor: pointer;
+        transition:transform 0.2s;
+      };
+      .job-brief-rerun:hover{
+        transform:scale(130%);
+      };
+      .job-brief-link {
+        flex-grow: 1;
+        display: flex;
+        span {
+          margin-right: 8px;
+          display: flex;
+          align-items: center;
+        }
+      }
+    }
+    .job-brief-item:hover {
+      background-color: var(--color-secondary);
+    }
+  }
 }
 
-.job-group-section .job-brief-list .job-brief-item {
-  margin: 5px 0;
-  padding: 10px;
-  background: var(--color-info-bg);
-  border-radius: 5px;
-  text-decoration: none;
-  display: flex;
-  justify-items: center;
-  flex-wrap: nowrap;
-}
-
-.job-group-section .job-brief-list .job-brief-item .job-brief-rerun {
-  float: right;
-  border: none;
-  background-color: transparent;
-  outline: none;
-  cursor: pointer;
-  transition: transform 0.2s;
-}
-
-.job-group-section .job-brief-list .job-brief-item .job-brief-rerun:hover {
-  transform: scale(130%);
-}
-
-.job-group-section .job-brief-list .job-brief-item .job-brief-link {
-  flex-grow: 1;
-  display: flex;
-}
-
-.job-group-section .job-brief-list .job-brief-item .job-brief-link span {
-  margin-right: 8px;
-  display: flex;
-  align-items: center;
-}
-
-.job-group-section .job-brief-list .job-brief-item:hover {
-  background-color: var(--color-secondary);
-}
-
-/* ================ */
-/* action view right */
+// ================
+// action view right
 
 .action-view-right {
   flex: 1;
@@ -395,50 +391,50 @@ export function initRepositoryActionView() {
   color: var(--color-console-fg);
   max-height: 100%;
   margin-right: 10px;
+
   display: flex;
   flex-direction: column;
 }
 
-.job-info-header .job-info-header-title {
-  font-size: 150%;
-  padding: 10px;
-}
-
-.job-info-header .job-info-header-detail {
-  padding: 0 10px 10px;
-  border-bottom: 1px solid var(--color-grey);
+.job-info-header {
+  .job-info-header-title {
+    font-size: 150%;
+    padding: 10px;
+  }
+  .job-info-header-detail {
+    padding: 0 10px 10px;
+    border-bottom: 1px solid var(--color-grey);
+  }
 }
 
 .job-step-container {
   max-height: 100%;
   overflow: auto;
-}
 
-.job-step-container .job-step-summary {
-  cursor: pointer;
-  padding: 5px 10px;
-  display: flex;
-}
+  .job-step-summary {
+    cursor: pointer;
+    padding: 5px 10px;
+    display: flex;
 
-.job-step-container .job-step-summary .step-summary-msg {
-  flex: 1;
-}
-
-.job-step-container .job-step-summary .step-summary-dur {
-  margin-left: 16px;
-}
-
-.job-step-container .job-step-summary:hover {
-  background-color: var(--color-black-light);
+    .step-summary-msg {
+      flex: 1;
+    }
+    .step-summary-dur {
+      margin-left: 16px;
+    }
+  }
+  .job-step-summary:hover {
+    background-color: var(--color-black-light);
+  }
 }
 </style>
 
-<style>
-/* some elements are not managed by vue, so we need to use global style */
+<style lang="less">
+// some elements are not managed by vue, so we need to use global style
+
 .job-status-rotate {
   animation: job-status-rotate-keyframes 1s linear infinite;
 }
-
 @keyframes job-status-rotate-keyframes {
   100% {
     transform: rotate(360deg);
@@ -447,44 +443,37 @@ export function initRepositoryActionView() {
 
 .job-step-section {
   margin: 10px;
-}
+  .job-step-logs {
+    font-family: monospace, monospace;
+    .job-log-line {
+      display: flex;
+      .line-num {
+        width: 48px;
+        color: var(--color-grey-light);
+        text-align: right;
+      }
+      .log-time {
+        color: var(--color-grey-light);
+        margin-left: 10px;
+        white-space: nowrap;
+      }
+      .log-msg {
+        flex: 1;
+        word-break: break-all;
+        white-space: break-spaces;
+        margin-left: 10px;
+      }
+    }
 
-.job-step-section .job-step-logs {
-  font-family: monospace, monospace;
-}
+    // TODO: group support
+    .job-log-group {
+    }
 
-.job-step-section .job-step-logs .job-log-line {
-  display: flex;
-}
-
-.job-step-section .job-step-logs .job-log-line .line-num {
-  width: 48px;
-  color: var(--color-grey-light);
-  text-align: right;
-}
-
-.job-step-section .job-step-logs .job-log-line .log-time {
-  color: var(--color-grey-light);
-  margin-left: 10px;
-  white-space: nowrap;
-}
-
-.job-step-section .job-step-logs .job-log-line .log-msg {
-  flex: 1;
-  word-break: break-all;
-  white-space: break-spaces;
-  margin-left: 10px;
-}
-
-/* TODO: group support */
-
-.job-log-group {
-
-}
-.job-log-group-summary {
-
-}
-.job-log-list {
+    .job-log-group-summary {
+    }
 
+    .job-log-list {
+    }
+  }
 }
 </style>

web_src/js/components/RepoActivityTopAuthors.vue

@@ -51,7 +51,7 @@
 
 <script>
 import VueBarGraph from 'vue-bar-graph';
-import {createApp} from 'vue';
+import {initVueApp} from './VueComponentLoader.js';
 
 const sfc = {
   components: {VueBarGraph},
@@ -102,11 +102,8 @@ const sfc = {
 };
 
 export function initRepoActivityTopAuthorsChart() {
-  const el = document.getElementById('repo-activity-top-authors-chart');
-  if (el) {
-    createApp(sfc).mount(el);
-  }
+  initVueApp('#repo-activity-top-authors-chart', sfc);
 }
 
-export default sfc; // activate the IDE's Vue plugin
+export default sfc; // this line is necessary to activate the IDE's Vue plugin
 </script>

web_src/js/components/RepoBranchTagDropdown.js

@@ -0,0 +1,209 @@
+import {createApp, nextTick} from 'vue';
+import $ from 'jquery';
+import {vueDelimiters} from './VueComponentLoader.js';
+
+export function initRepoBranchTagDropdown(selector) {
+  $(selector).each(function (dropdownIndex, elRoot) {
+    const data = {
+      csrfToken: window.config.csrfToken,
+      items: [],
+      searchTerm: '',
+      menuVisible: false,
+      createTag: false,
+      release: null,
+
+      isViewTag: false,
+      isViewBranch: false,
+      isViewTree: false,
+
+      active: 0,
+
+      ...window.config.pageData.branchDropdownDataList[dropdownIndex],
+    };
+
+    // the "data.defaultBranch" is ambiguous, it could be "branch name" or "tag name"
+
+    if (data.showBranchesInDropdown && data.branches) {
+      for (const branch of data.branches) {
+        data.items.push({name: branch, url: branch, branch: true, tag: false, selected: branch === data.defaultBranch});
+      }
+    }
+    if (!data.noTag && data.tags) {
+      for (const tag of data.tags) {
+        if (data.release) {
+          data.items.push({name: tag, url: tag, branch: false, tag: true, selected: tag === data.release.tagName});
+        } else {
+          data.items.push({name: tag, url: tag, branch: false, tag: true, selected: tag === data.defaultBranch});
+        }
+      }
+    }
+
+    const view = createApp({
+      delimiters: vueDelimiters,
+      data() {
+        return data;
+      },
+      computed: {
+        filteredItems() {
+          const items = this.items.filter((item) => {
+            return ((this.mode === 'branches' && item.branch) || (this.mode === 'tags' && item.tag)) &&
+              (!this.searchTerm || item.name.toLowerCase().includes(this.searchTerm.toLowerCase()));
+          });
+
+          // no idea how to fix this so linting rule is disabled instead
+          this.active = (items.length === 0 && this.showCreateNewBranch ? 0 : -1); // eslint-disable-line vue/no-side-effects-in-computed-properties
+          return items;
+        },
+        showNoResults() {
+          return this.filteredItems.length === 0 && !this.showCreateNewBranch;
+        },
+        showCreateNewBranch() {
+          if (this.disableCreateBranch || !this.searchTerm) {
+            return false;
+          }
+
+          return this.items.filter((item) => item.name.toLowerCase() === this.searchTerm.toLowerCase()).length === 0;
+        }
+      },
+
+      watch: {
+        menuVisible(visible) {
+          if (visible) {
+            this.focusSearchField();
+          }
+        }
+      },
+
+      beforeMount() {
+        switch (data.viewType) {
+          case 'tree':
+            this.isViewTree = true;
+            break;
+          case 'tag':
+            this.isViewTag = true;
+            break;
+          default:
+            this.isViewBranch = true;
+            break;
+        }
+
+        document.body.addEventListener('click', (event) => {
+          if (elRoot.contains(event.target)) return;
+          if (this.menuVisible) {
+            this.menuVisible = false;
+          }
+        });
+      },
+
+      methods: {
+        selectItem(item) {
+          const prev = this.getSelected();
+          if (prev !== null) {
+            prev.selected = false;
+          }
+          item.selected = true;
+          const url = (item.tag) ? this.tagURLPrefix + item.url + this.tagURLSuffix : this.branchURLPrefix + item.url + this.branchURLSuffix;
+          if (!this.branchForm) {
+            window.location.href = url;
+          } else {
+            this.isViewTree = false;
+            this.isViewTag = false;
+            this.isViewBranch = false;
+            this.$refs.dropdownRefName.textContent = item.name;
+            if (this.setAction) {
+              $(`#${this.branchForm}`).attr('action', url);
+            } else {
+              $(`#${this.branchForm} input[name="refURL"]`).val(url);
+            }
+            $(`#${this.branchForm} input[name="ref"]`).val(item.name);
+            if (item.tag) {
+              this.isViewTag = true;
+              $(`#${this.branchForm} input[name="refType"]`).val('tag');
+            } else {
+              this.isViewBranch = true;
+              $(`#${this.branchForm} input[name="refType"]`).val('branch');
+            }
+            if (this.submitForm) {
+              $(`#${this.branchForm}`).trigger('submit');
+            }
+            this.menuVisible = false;
+          }
+        },
+        createNewBranch() {
+          if (!this.showCreateNewBranch) return;
+          $(this.$refs.newBranchForm).trigger('submit');
+        },
+        focusSearchField() {
+          nextTick(() => {
+            this.$refs.searchField.focus();
+          });
+        },
+        getSelected() {
+          for (let i = 0, j = this.items.length; i < j; ++i) {
+            if (this.items[i].selected) return this.items[i];
+          }
+          return null;
+        },
+        getSelectedIndexInFiltered() {
+          for (let i = 0, j = this.filteredItems.length; i < j; ++i) {
+            if (this.filteredItems[i].selected) return i;
+          }
+          return -1;
+        },
+        scrollToActive() {
+          let el = this.$refs[`listItem${this.active}`];
+          if (!el || !el.length) return;
+          if (Array.isArray(el)) {
+            el = el[0];
+          }
+
+          const cont = this.$refs.scrollContainer;
+          if (el.offsetTop < cont.scrollTop) {
+            cont.scrollTop = el.offsetTop;
+          } else if (el.offsetTop + el.clientHeight > cont.scrollTop + cont.clientHeight) {
+            cont.scrollTop = el.offsetTop + el.clientHeight - cont.clientHeight;
+          }
+        },
+        keydown(event) {
+          if (event.keyCode === 40) { // arrow down
+            event.preventDefault();
+
+            if (this.active === -1) {
+              this.active = this.getSelectedIndexInFiltered();
+            }
+
+            if (this.active + (this.showCreateNewBranch ? 0 : 1) >= this.filteredItems.length) {
+              return;
+            }
+            this.active++;
+            this.scrollToActive();
+          } else if (event.keyCode === 38) { // arrow up
+            event.preventDefault();
+
+            if (this.active === -1) {
+              this.active = this.getSelectedIndexInFiltered();
+            }
+
+            if (this.active <= 0) {
+              return;
+            }
+            this.active--;
+            this.scrollToActive();
+          } else if (event.keyCode === 13) { // enter
+            event.preventDefault();
+
+            if (this.active >= this.filteredItems.length) {
+              this.createNewBranch();
+            } else if (this.active >= 0) {
+              this.selectItem(this.filteredItems[this.active]);
+            }
+          } else if (event.keyCode === 27) { // escape
+            event.preventDefault();
+            this.menuVisible = false;
+          }
+        }
+      }
+    });
+    view.mount(this);
+  });
+}

web_src/js/components/RepoBranchTagSelector.vue

@@ -1,293 +0,0 @@
-<template>
-  <div class="ui floating filter dropdown custom">
-    <button class="branch-dropdown-button gt-ellipsis ui basic small compact button gt-df" @click="menuVisible = !menuVisible" @keyup.enter="menuVisible = !menuVisible">
-      <span class="text gt-df gt-ac gt-mr-2">
-        <template v-if="release">{{ textReleaseCompare }}</template>
-        <template v-else>
-          <svg-icon v-if="isViewTag" name="octicon-tag" />
-          <svg-icon v-else name="octicon-git-branch"/>
-          <strong ref="dropdownRefName" class="gt-ml-3">{{ refNameText }}</strong>
-        </template>
-      </span>
-      <svg-icon name="octicon-triangle-down" :size="14" class-name="dropdown icon"/>
-    </button>
-    <div class="menu transition" :class="{visible: menuVisible}" v-if="menuVisible" v-cloak>
-      <div class="ui icon search input">
-        <i class="icon gt-df gt-ac gt-jc gt-m-0"><svg-icon name="octicon-filter" :size="16"/></i>
-        <input name="search" ref="searchField" autocomplete="off" v-model="searchTerm" @keydown="keydown($event)" :placeholder="searchFieldPlaceholder">
-      </div>
-      <template v-if="showBranchesInDropdown">
-        <div class="header branch-tag-choice">
-          <div class="ui grid">
-            <div class="two column row">
-              <a class="reference column" href="#" @click="createTag = false; mode = 'branches'; focusSearchField()">
-                <span class="text" :class="{black: mode === 'branches'}">
-                  <svg-icon name="octicon-git-branch" :size="16" class-name="gt-mr-2"/>{{ textBranches }}
-                </span>
-              </a>
-              <template v-if="!noTag">
-                <a class="reference column" href="#" @click="createTag = true; mode = 'tags'; focusSearchField()">
-                  <span class="text" :class="{black: mode === 'tags'}">
-                    <svg-icon name="octicon-tag" :size="16" class-name="gt-mr-2"/>{{ textTags }}
-                  </span>
-                </a>
-              </template>
-            </div>
-          </div>
-        </div>
-      </template>
-      <div class="scrolling menu" ref="scrollContainer">
-        <div v-for="(item, index) in filteredItems" :key="item.name" class="item" :class="{selected: item.selected, active: active === index}" @click="selectItem(item)" :ref="'listItem' + index">
-          {{ item.name }}
-        </div>
-        <div class="item" v-if="showCreateNewBranch" :class="{active: active === filteredItems.length}" :ref="'listItem' + filteredItems.length">
-          <a href="#" @click="createNewBranch()">
-            <div v-show="createTag">
-              <i class="reference tags icon"/>
-              <!-- eslint-disable-next-line vue/no-v-html -->
-              <span v-html="textCreateTag.replace('%s', searchTerm)"/>
-            </div>
-            <div v-show="!createTag">
-              <svg-icon name="octicon-git-branch"/>
-              <!-- eslint-disable-next-line vue/no-v-html -->
-              <span v-html="textCreateBranch.replace('%s', searchTerm)"/>
-            </div>
-            <div class="text small">
-              <span v-if="isViewBranch || release">{{ textCreateBranchFrom.replace('%s', branchName) }}</span>
-              <span v-else-if="isViewTag">{{ textCreateBranchFrom.replace('%s', tagName) }}</span>
-              <span v-else>{{ textCreateBranchFrom.replace('%s', commitIdShort) }}</span>
-            </div>
-          </a>
-          <form ref="newBranchForm" :action="formActionUrl" method="post">
-            <input type="hidden" name="_csrf" :value="csrfToken">
-            <input type="hidden" name="new_branch_name" v-model="searchTerm">
-            <input type="hidden" name="create_tag" v-model="createTag">
-            <input type="hidden" name="current_path" v-model="treePath" v-if="treePath">
-          </form>
-        </div>
-      </div>
-      <div class="message" v-if="showNoResults">
-        {{ noResults }}
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import {createApp, nextTick} from 'vue';
-import $ from 'jquery';
-import {SvgIcon} from '../svg.js';
-import {pathEscapeSegments} from '../utils/url.js';
-
-const sfc = {
-  components: {SvgIcon},
-
-  // no `data()`, at the moment, the `data()` is provided by the init code, which is not ideal and should be fixed in the future
-
-  computed: {
-    filteredItems() {
-      const items = this.items.filter((item) => {
-        return ((this.mode === 'branches' && item.branch) || (this.mode === 'tags' && item.tag)) &&
-          (!this.searchTerm || item.name.toLowerCase().includes(this.searchTerm.toLowerCase()));
-      });
-
-      // TODO: fix this anti-pattern: side-effects-in-computed-properties
-      this.active = (items.length === 0 && this.showCreateNewBranch ? 0 : -1);
-      return items;
-    },
-    showNoResults() {
-      return this.filteredItems.length === 0 && !this.showCreateNewBranch;
-    },
-    showCreateNewBranch() {
-      if (this.disableCreateBranch || !this.searchTerm) {
-        return false;
-      }
-      return this.items.filter((item) => item.name.toLowerCase() === this.searchTerm.toLowerCase()).length === 0;
-    },
-    formActionUrl() {
-      return `${this.repoLink}/branches/_new/${pathEscapeSegments(this.branchNameSubURL)}`;
-    },
-  },
-
-  watch: {
-    menuVisible(visible) {
-      if (visible) {
-        this.focusSearchField();
-      }
-    }
-  },
-
-  beforeMount() {
-    if (this.viewType === 'tree') {
-      this.isViewTree = true;
-      this.refNameText = this.commitIdShort;
-    } else if (this.viewType === 'tag') {
-      this.isViewTag = true;
-      this.refNameText = this.tagName;
-    } else {
-      this.isViewBranch = true;
-      this.refNameText = this.branchName;
-    }
-
-    document.body.addEventListener('click', (event) => {
-      if (this.$el.contains(event.target)) return;
-      if (this.menuVisible) {
-        this.menuVisible = false;
-      }
-    });
-  },
-
-  methods: {
-    selectItem(item) {
-      const prev = this.getSelected();
-      if (prev !== null) {
-        prev.selected = false;
-      }
-      item.selected = true;
-      const url = (item.tag) ? this.tagURLPrefix + item.url + this.tagURLSuffix : this.branchURLPrefix + item.url + this.branchURLSuffix;
-      if (!this.branchForm) {
-        window.location.href = url;
-      } else {
-        this.isViewTree = false;
-        this.isViewTag = false;
-        this.isViewBranch = false;
-        this.$refs.dropdownRefName.textContent = item.name;
-        if (this.setAction) {
-          $(`#${this.branchForm}`).attr('action', url);
-        } else {
-          $(`#${this.branchForm} input[name="refURL"]`).val(url);
-        }
-        $(`#${this.branchForm} input[name="ref"]`).val(item.name);
-        if (item.tag) {
-          this.isViewTag = true;
-          $(`#${this.branchForm} input[name="refType"]`).val('tag');
-        } else {
-          this.isViewBranch = true;
-          $(`#${this.branchForm} input[name="refType"]`).val('branch');
-        }
-        if (this.submitForm) {
-          $(`#${this.branchForm}`).trigger('submit');
-        }
-        this.menuVisible = false;
-      }
-    },
-    createNewBranch() {
-      if (!this.showCreateNewBranch) return;
-      $(this.$refs.newBranchForm).trigger('submit');
-    },
-    focusSearchField() {
-      nextTick(() => {
-        this.$refs.searchField.focus();
-      });
-    },
-    getSelected() {
-      for (let i = 0, j = this.items.length; i < j; ++i) {
-        if (this.items[i].selected) return this.items[i];
-      }
-      return null;
-    },
-    getSelectedIndexInFiltered() {
-      for (let i = 0, j = this.filteredItems.length; i < j; ++i) {
-        if (this.filteredItems[i].selected) return i;
-      }
-      return -1;
-    },
-    scrollToActive() {
-      let el = this.$refs[`listItem${this.active}`];
-      if (!el || !el.length) return;
-      if (Array.isArray(el)) {
-        el = el[0];
-      }
-
-      const cont = this.$refs.scrollContainer;
-      if (el.offsetTop < cont.scrollTop) {
-        cont.scrollTop = el.offsetTop;
-      } else if (el.offsetTop + el.clientHeight > cont.scrollTop + cont.clientHeight) {
-        cont.scrollTop = el.offsetTop + el.clientHeight - cont.clientHeight;
-      }
-    },
-    keydown(event) {
-      if (event.keyCode === 40) { // arrow down
-        event.preventDefault();
-
-        if (this.active === -1) {
-          this.active = this.getSelectedIndexInFiltered();
-        }
-
-        if (this.active + (this.showCreateNewBranch ? 0 : 1) >= this.filteredItems.length) {
-          return;
-        }
-        this.active++;
-        this.scrollToActive();
-      } else if (event.keyCode === 38) { // arrow up
-        event.preventDefault();
-
-        if (this.active === -1) {
-          this.active = this.getSelectedIndexInFiltered();
-        }
-
-        if (this.active <= 0) {
-          return;
-        }
-        this.active--;
-        this.scrollToActive();
-      } else if (event.keyCode === 13) { // enter
-        event.preventDefault();
-
-        if (this.active >= this.filteredItems.length) {
-          this.createNewBranch();
-        } else if (this.active >= 0) {
-          this.selectItem(this.filteredItems[this.active]);
-        }
-      } else if (event.keyCode === 27) { // escape
-        event.preventDefault();
-        this.menuVisible = false;
-      }
-    }
-  }
-};
-
-export function initRepoBranchTagSelector(selector) {
-  for (const [elIndex, elRoot] of document.querySelectorAll(selector).entries()) {
-    const data = {
-      csrfToken: window.config.csrfToken,
-      items: [],
-      searchTerm: '',
-      refNameText: '',
-      menuVisible: false,
-      createTag: false,
-      release: null,
-
-      isViewTag: false,
-      isViewBranch: false,
-      isViewTree: false,
-
-      active: 0,
-
-      ...window.config.pageData.branchDropdownDataList[elIndex],
-    };
-
-    // the "data.defaultBranch" is ambiguous, it could be "branch name" or "tag name"
-
-    if (data.showBranchesInDropdown && data.branches) {
-      for (const branch of data.branches) {
-        data.items.push({name: branch, url: branch, branch: true, tag: false, selected: branch === data.defaultBranch});
-      }
-    }
-    if (!data.noTag && data.tags) {
-      for (const tag of data.tags) {
-        if (data.release) {
-          data.items.push({name: tag, url: tag, branch: false, tag: true, selected: tag === data.release.tagName});
-        } else {
-          data.items.push({name: tag, url: tag, branch: false, tag: true, selected: tag === data.defaultBranch});
-        }
-      }
-    }
-
-    const comp = {...sfc, data() { return data }};
-    createApp(comp).mount(elRoot);
-  }
-}
-
-export default sfc; // activate IDE's Vue plugin
-</script>

web_src/js/components/VueComponentLoader.js

@@ -0,0 +1,49 @@
+import {createApp} from 'vue';
+import {svgs} from '../svg.js';
+
+export const vueDelimiters = ['${', '}'];
+
+let vueEnvInited = false;
+export function initVueEnv() {
+  if (vueEnvInited) return;
+  vueEnvInited = true;
+
+  // As far as I could tell, this is no longer possible.
+  // But there seem not to be a guide what to do instead.
+  // const isProd = window.config.runModeIsProd;
+  // Vue.config.devtools = !isProd;
+}
+
+let vueSvgInited = false;
+export function initVueSvg(app) {
+  if (vueSvgInited) return;
+  vueSvgInited = true;
+
+  // register svg icon vue components, e.g. <octicon-repo size="16"/>
+  for (const [name, htmlString] of Object.entries(svgs)) {
+    const template = htmlString
+      .replace(/height="[0-9]+"/, 'v-bind:height="size"')
+      .replace(/width="[0-9]+"/, 'v-bind:width="size"');
+
+    app.component(name, {
+      props: {
+        size: {
+          type: String,
+          default: '16',
+        },
+      },
+      template,
+    });
+  }
+}
+
+export function initVueApp(el, opts = {}) {
+  if (typeof el === 'string') {
+    el = document.querySelector(el);
+  }
+  if (!el) return null;
+
+  return createApp(
+    {delimiters: vueDelimiters, ...opts}
+  ).mount(el);
+}

web_src/js/features/repo-findfile.js

@@ -1,7 +1,6 @@
 import $ from 'jquery';
 import {svg} from '../svg.js';
 import {toggleElem} from '../utils/dom.js';
-import {pathEscapeSegments} from '../utils/url.js';
 
 const {csrf} = window.config;
 
@@ -74,6 +73,10 @@ export function filterRepoFilesWeighted(files, filter) {
   return filterResult;
 }
 
+export function escapePath(s) {
+  return s.split('/').map(encodeURIComponent).join('/');
+}
+
 function filterRepoFiles(filter) {
   const treeLink = $repoFindFileInput.attr('data-url-tree-link');
   $repoFindFileTableBody.empty();
@@ -85,7 +88,7 @@ function filterRepoFiles(filter) {
   for (const r of filterResult) {
     const $row = $(tmplRow);
     const $a = $row.find('a');
-    $a.attr('href', `${treeLink}/${pathEscapeSegments(r.matchResult.join(''))}`);
+    $a.attr('href', `${treeLink}/${escapePath(r.matchResult.join(''))}`);
     const $octiconFile = $(svg('octicon-file')).addClass('gt-mr-3');
     $a.append($octiconFile);
     // if the target file path is "abc/xyz", to search "bx", then the matchResult is ['a', 'b', 'c/', 'x', 'yz']

web_src/js/features/repo-findfile.test.js

@@ -1,5 +1,5 @@
 import {describe, expect, test} from 'vitest';
-import {strSubMatch, calcMatchedWeight, filterRepoFilesWeighted} from './repo-findfile.js';
+import {strSubMatch, calcMatchedWeight, filterRepoFilesWeighted, escapePath} from './repo-findfile.js';
 
 describe('Repo Find Files', () => {
   test('strSubMatch', () => {
@@ -32,4 +32,9 @@ describe('Repo Find Files', () => {
     expect(res).toHaveLength(2);
     expect(res[0].matchResult).toEqual(['', 'word', '.txt']);
   });
+
+  test('escapePath', () => {
+    expect(escapePath('a/b/c')).toEqual('a/b/c');
+    expect(escapePath('a/b/ c')).toEqual('a/b/%20c');
+  });
 });

web_src/js/features/repo-legacy.js

@@ -11,7 +11,7 @@ import {
 import {initUnicodeEscapeButton} from './repo-unicode-escape.js';
 import {svg} from '../svg.js';
 import {htmlEscape} from 'escape-goat';
-import {initRepoBranchTagSelector} from '../components/RepoBranchTagSelector.vue';
+import {initRepoBranchTagDropdown} from '../components/RepoBranchTagDropdown.js';
 import {
   initRepoCloneLink, initRepoCommonBranchOrTagDropdown, initRepoCommonFilterSearchDropdown,
   initRepoCommonLanguageStats,
@@ -486,7 +486,7 @@ export function initRepository() {
   // File list and commits
   if ($('.repository.file.list').length > 0 || $('.branch-dropdown').length > 0 ||
     $('.repository.commits').length > 0 || $('.repository.release').length > 0) {
-    initRepoBranchTagSelector('.js-branch-tag-selector');
+    initRepoBranchTagDropdown('.choose.reference .ui.dropdown');
   }
 
   // Wiki

web_src/js/index.js

@@ -2,8 +2,9 @@
 import './bootstrap.js';
 
 import $ from 'jquery';
+import {initVueEnv} from './components/VueComponentLoader.js';
 import {initRepoActivityTopAuthorsChart} from './components/RepoActivityTopAuthors.vue';
-import {initDashboardRepoList} from './components/DashboardRepoList.vue';
+import {initDashboardRepoList} from './components/DashboardRepoList.js';
 
 import {attachTribute} from './features/tribute.js';
 import {initGlobalCopyToClipboardListener} from './features/clipboard.js';
@@ -99,6 +100,7 @@ $.fn.tab.settings.silent = true;
 // Disable the behavior of fomantic to toggle the checkbox when you press enter on a checkbox element.
 $.fn.checkbox.settings.enableEnterKey = false;
 
+initVueEnv();
 $(document).ready(() => {
   initGlobalCommon();
 

web_src/js/svg.js

@@ -1,4 +1,3 @@
-import {h} from 'vue';
 import octiconChevronDown from '../../public/img/svg/octicon-chevron-down.svg';
 import octiconChevronRight from '../../public/img/svg/octicon-chevron-right.svg';
 import octiconClock from '../../public/img/svg/octicon-clock.svg';
@@ -32,19 +31,8 @@ import octiconSkip from '../../public/img/svg/octicon-skip.svg';
 import octiconMeter from '../../public/img/svg/octicon-meter.svg';
 import octiconBlocked from '../../public/img/svg/octicon-blocked.svg';
 import octiconSync from '../../public/img/svg/octicon-sync.svg';
-import octiconFilter from '../../public/img/svg/octicon-filter.svg';
-import octiconPlus from '../../public/img/svg/octicon-plus.svg';
-import octiconSearch from '../../public/img/svg/octicon-search.svg';
-import octiconArchive from '../../public/img/svg/octicon-archive.svg';
-import octiconStar from '../../public/img/svg/octicon-star.svg';
-import giteaDoubleChevronLeft from '../../public/img/svg/gitea-double-chevron-left.svg';
-import giteaDoubleChevronRight from '../../public/img/svg/gitea-double-chevron-right.svg';
-import octiconChevronLeft from '../../public/img/svg/octicon-chevron-left.svg';
-import octiconOrganization from '../../public/img/svg/octicon-organization.svg';
-import octiconTag from '../../public/img/svg/octicon-tag.svg';
-import octiconGitBranch from '../../public/img/svg/octicon-git-branch.svg';
 
-const svgs = {
+export const svgs = {
   'octicon-blocked': octiconBlocked,
   'octicon-check-circle-fill': octiconCheckCircleFill,
   'octicon-chevron-down': octiconChevronDown,
@@ -78,29 +66,14 @@ const svgs = {
   'octicon-triangle-down': octiconTriangleDown,
   'octicon-x': octiconX,
   'octicon-x-circle-fill': octiconXCircleFill,
-  'octicon-filter': octiconFilter,
-  'octicon-plus': octiconPlus,
-  'octicon-search': octiconSearch,
-  'octicon-archive': octiconArchive,
-  'octicon-star': octiconStar,
-  'gitea-double-chevron-left': giteaDoubleChevronLeft,
-  'gitea-double-chevron-right': giteaDoubleChevronRight,
-  'octicon-chevron-left': octiconChevronLeft,
-  'octicon-organization': octiconOrganization,
-  'octicon-tag': octiconTag,
-  'octicon-git-branch': octiconGitBranch,
 };
 
-// TODO: use a more general approach to access SVG icons.
-//  At the moment, developers must check, pick and fill the names manually,
-//  most of the SVG icons in assets couldn't be used directly.
-
 const parser = new DOMParser();
 const serializer = new XMLSerializer();
 
-// retrieve an HTML string for given SVG icon name, size and additional classes
+// retrieve a HTML string for given SVG icon name, size and additional classes
 export function svg(name, size = 16, className = '') {
-  if (!(name in svgs)) throw new Error(`Unknown SVG icon: ${name}`);
+  if (!(name in svgs)) return '';
   if (size === 16 && !className) return svgs[name];
 
   const document = parser.parseFromString(svgs[name], 'image/svg+xml');
@@ -119,7 +92,12 @@ export const SvgIcon = {
     size: {type: Number, default: 16},
     className: {type: String, default: ''},
   },
-  render() {
-    return h('span', {innerHTML: svg(this.name, this.size, this.className)});
+
+  computed: {
+    svg() {
+      return svg(this.name, this.size, this.className);
+    },
   },
+
+  template: `<span v-html="svg" />`
 };

web_src/js/utils/url.js

@@ -1,3 +0,0 @@
-export function pathEscapeSegments(s) {
-  return s.split('/').map(encodeURIComponent).join('/');
-}

web_src/js/utils/url.test.js

@@ -1,7 +0,0 @@
-import {expect, test} from 'vitest';
-import {pathEscapeSegments} from './url.js';
-
-test('pathEscapeSegments', () => {
-  expect(pathEscapeSegments('a/b/c')).toEqual('a/b/c');
-  expect(pathEscapeSegments('a/b/ c')).toEqual('a/b/%20c');
-});

web_src/less/_admin.less

@@ -0,0 +1,115 @@
+.admin {
+  &.hooks .list {
+    > .item {
+      &:not(:first-child) {
+        border-top: 1px solid var(--color-secondary);
+        padding: .25rem 1rem;
+        margin: 12px -1rem -1rem;
+      }
+    }
+  }
+
+  .table.segment {
+    padding: 0;
+    font-size: 13px;
+    overflow-x: auto;
+
+    &:not(.striped) {
+      thead {
+        th:last-child {
+          padding-right: 5px !important;
+        }
+      }
+    }
+
+    th {
+      padding-top: 5px;
+      padding-bottom: 5px;
+    }
+
+    &:not(.select) {
+      th,
+      td {
+        &:first-of-type {
+          padding-left: 15px !important;
+        }
+      }
+    }
+
+    form tbody button[type='submit'] {
+      padding: 5px 8px;
+    }
+
+  }
+
+  .settings .button.adopt,
+  .settings .button.delete {
+    margin-top: -15px;
+    margin-bottom: -15px;
+    .label {
+      vertical-align: middle;
+    }
+  }
+
+  &.user {
+    .email {
+      max-width: 200px;
+    }
+  }
+
+  dl.admin-dl-horizontal {
+    padding: 20px;
+    margin: 0;
+
+    dd {
+      margin-left: 275px;
+      @media @mediaSm {
+        margin-left: 5%;
+      }
+    }
+
+    dt {
+      font-weight: 600;
+      float: left;
+      width: 285px;
+      clear: left;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+
+      @media @mediaSm {
+        width: auto;
+        margin-right: .5em;
+      }
+    }
+  }
+
+  &.config {
+    #test-mail-btn {
+      margin-left: 5px;
+    }
+  }
+
+  code,
+  pre {
+    white-space: pre-wrap;
+    word-wrap: break-word;
+  }
+
+  #notice-table {
+    .notice-description {
+      @media @mediaSm {
+        max-width: 80vw;
+      }
+      @media @mediaMd {
+        max-width: 360px;
+      }
+      @media @mediaLg {
+        max-width: 510px;
+      }
+      @media @mediaXl {
+        max-width: 640px;
+      }
+    }
+  }
+}

web_src/less/_dashboard.less

@@ -0,0 +1,198 @@
+.dashboard {
+  &.feeds,
+  &.issues {
+    .context.user.menu {
+      z-index: 101;
+      min-width: 200px;
+
+      .ui.header {
+        font-size: 1rem;
+        text-transform: none;
+      }
+    }
+
+    .filter.menu {
+      width: initial;
+
+      .item {
+        text-align: left;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+
+        .text {
+          height: 16px;
+          vertical-align: middle;
+
+          &.truncate {
+            width: 75%;
+          }
+        }
+
+        .floating.label {
+          top: 7px;
+          left: 90%;
+          width: 15%;
+
+          @media @mediaSm {
+            top: 10px;
+            left: auto;
+            width: auto;
+            right: 13px;
+          }
+        }
+      }
+
+      // Sort
+      .jump.item {
+        margin: 1px;
+        padding-right: 0;
+      }
+
+      .menu {
+        max-height: 300px;
+        overflow-x: auto;
+        right: 0 !important;
+        left: auto !important;
+      }
+
+      @media @mediaSm {
+        width: 100%;
+      }
+    }
+
+    .right.stackable.menu > .item.active {
+      color: var(--color-red);
+    }
+  }
+
+  .dashboard-repos,
+  .dashboard-orgs {
+    margin: 0 1px; /* Accommodate for Semantic's 1px hacks on .attached elements */
+  }
+
+  .dashboard-navbar {
+    width: 100vw;
+    padding-left: .5rem;
+    padding-right: .5rem;
+    .org-visibility .label {
+      margin-left: 5px;
+    }
+
+    .ui.dropdown {
+      max-width: 100%;
+
+      @media @mediaSm {
+        > .menu {
+          position: static;
+        }
+      }
+    }
+  }
+}
+
+&.feeds {
+  .news {
+    li {
+      display: flex;
+      align-items: baseline;
+      margin-top: .5rem;
+      margin-bottom: .5rem;
+
+      img {
+        align-self: flex-start;
+      }
+    }
+    li > * + * {
+      margin-left: .35rem;
+    }
+
+    > .ui.grid {
+      margin-left: auto;
+      margin-right: auto;
+    }
+
+    .left .ui.avatar {
+      margin-top: 13px;
+    }
+
+    .time-since {
+      font-size: 13px;
+    }
+
+    .issue.title {
+      width: 80%;
+      margin: 0 0 1em;
+    }
+
+    .push.news .content ul {
+      line-height: 18px;
+      font-size: 13px;
+      list-style: none;
+      padding-left: 10px;
+
+      .text.truncate {
+        width: 80%;
+      }
+    }
+
+    .commit-id {
+      font-family: var(--fonts-monospace);
+    }
+
+    code {
+      padding: 2px 4px;
+      border-radius: 3px;
+      background-color: var(--color-markup-code-block);
+      word-break: break-all;
+    }
+
+    &:last-of-type .divider {
+      display: none !important;
+    }
+  }
+
+  .list {
+    ul {
+      list-style: none;
+      margin: 0;
+      padding-left: 0;
+
+      li {
+        &:not(:last-child) {
+          border-bottom: 1px solid var(--color-secondary);
+        }
+
+        &.private {
+          background-color: var(--color-box-body-highlight);
+        }
+
+        .repo-list-link {
+          padding: 6px 1em;
+          display: block;
+
+          .svg {
+            color: var(--color-text-light-2);
+          }
+
+          .star-num {
+            font-size: 12px;
+          }
+        }
+      }
+    }
+
+    #privateFilterCheckbox .svg {
+      color: var(--color-grey);
+      margin-right: .25rem;
+    }
+
+    .repo-owner-name-list .item-name {
+      min-width: 0;
+    }
+
+    .repo-owner-name-list .item-name svg {
+      min-width: 16px;
+    }
+  }
+}

web_src/less/_explore.less

@@ -0,0 +1,93 @@
+.explore {
+  .navbar {
+    justify-content: center;
+    margin-bottom: 15px !important;
+    background-color: var(--color-navbar) !important;
+    border-width: 1px !important;
+
+    .svg {
+      width: 16px;
+      text-align: center;
+      margin-right: 5px;
+    }
+  }
+}
+
+.ui.repository.list {
+  .item {
+    padding-bottom: 1.5rem;
+
+    &:not(:first-child) {
+      border-top: 1px solid var(--color-secondary);
+      padding-top: 1.5rem;
+    }
+
+    .ui.header {
+      font-size: 1.5rem;
+      margin-bottom: .5rem;
+
+      .name {
+        word-break: break-all;
+      }
+
+      .metas {
+        font-size: 14px;
+      }
+    }
+
+    .time {
+      font-size: 12px;
+    }
+
+    .ui.tags {
+      margin-bottom: .5rem;
+    }
+  }
+}
+
+.ui.repository.branches {
+  .info {
+    font-size: 12px;
+    color: var(--color-text-light);
+    display: flex;
+    white-space: pre;
+    .commit-message {
+      max-width: 72em;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+  .overflow-visible {
+    overflow: visible;
+  }
+  /* fix alignment of PR popup in branches table */
+  table .ui.popup {
+    text-align: left;
+  }
+}
+
+.ui.user.list {
+  .item {
+    padding-bottom: 25px;
+    display: flex;
+
+    &:not(:first-child) {
+      border-top: 1px solid var(--color-secondary);
+      padding-top: 25px;
+    }
+
+    img.ui.avatar {
+      width: 40px;
+      height: 40px;
+      margin-right: 10px;
+    }
+
+    .description {
+      margin-top: 5px;
+
+      .svg:not(:first-child) {
+        margin-left: 5px;
+      }
+    }
+  }
+}

web_src/less/_font_i18n.less

@@ -0,0 +1,130 @@
+/* font i18n */
+:root {
+  /* customizable localized variables */
+  :lang(ja) {
+    --fonts-override: var(--fonts-default-override-ja);
+  }
+  :lang(zh-CN) {
+    --fonts-override: var(--fonts-default-override-zh-cn);
+  }
+  :lang(zh-TW) {
+    --fonts-override: var(--fonts-default-override-zh-tw);
+  }
+  :lang(zh-HK) {
+    --fonts-override: var(--fonts-default-override-zh-hk);
+  }
+  :lang(ko) {
+    --fonts-override: var(--fonts-default-override-ko);
+  }
+}
+
+[lang] {
+  font-family: var(--fonts-regular);
+}
+
+each(@fonts, {
+  @weights: .gen-weights-all(@value);
+  @locale: replace(@key, "@", "-");
+  .font-face-cjk(~"system-ui@{locale}", @weights[@light], 300);
+  .font-face-cjk(~"system-ui@{locale}", @weights[@regular], 400);
+  .font-face-cjk(~"system-ui@{locale}", @weights[@medium], 500);
+  .font-face-cjk(~"system-ui@{locale}", @weights[@bold], 700);
+  /* Safari on macOS/iOS */
+  @font-face {
+    font-family: ~"system-ui@{locale}";
+    src: local("HelveticaNeue");
+    unicode-range: U+A0;
+  }
+  /* Other browsers on macOS/iOS */
+  @supports not (-webkit-hyphens:none) {
+    @font-face {
+      font-family: ~"system-ui@{locale}";
+      src: local("HelveticaNeue");
+      unicode-range: U+20;
+    }
+  }
+  :root {
+    /* Special handling for Firefox on Windows/Linux */
+    @supports (-moz-appearance:none) {
+      --fonts-default-override@{locale}: ~"var(--fonts-proportional), system-ui@{locale}";
+    }
+    --fonts-default-override@{locale}: ~"system-ui@{locale}, var(--fonts-proportional)";
+  }
+});
+
+@fonts: {
+  @ja:
+    "HiraKakuProN-:{W3,W6}", "Hiragino Kaku Gothic ProN :{W3,W6}", "HiraginoSans-:{W2,W4,W5,W6}",
+    .shs("JP")[], .shs("J")[], .noto("JP")[], .shs("")[],
+    /* https://acetaminophen.hatenablog.com/entry/2016/02/15/225009 */
+    "Yu Gothic :{Regular,Medium,Bold}", "YuGothic :{Regular,Medium,Bold}",
+    "Droid Sans Japanese:{}", "Meiryo:{, Bold}", "MS PGothic:{}";
+  @zh-cn:
+    .pingfang("SC")[],
+    .shs("CN")[], .shs("SC")[], .noto("SC")[],
+    "HiraginoSansGB-:{W3,W6}", "Hiragino Sans GB :{W3,W6}",
+    "Microsoft YaHei:{ Light,, Bold}", "Heiti SC :{Light,Medium}", "SimHei:{}";
+  @zh-tw:
+    .pingfang("TC")[],
+    .shs("TW")[], .shs("TC")[], .noto("TC")[],
+    "HiraginoSansTC-:{W3,W6}", "Hiragino Sans TC :{W3,W6}",
+    "Microsoft JhengHei:{ Light,, Bold}", "Heiti TC :{Light,Medium}", "PMingLiU:{}";
+  @zh-hk:
+    .pingfang("HK")[],
+    .shs("HK")[], .shs("HC")[], .noto("HK")[], .shs("TC")[], .noto("TC")[],
+    "HiraginoSansTC-:{W3,W6}", "Hiragino Sans TC :{W3,W6}",
+    "Microsoft JhengHei:{ Light,, Bold}", "Heiti TC :{Light,Medium}", "PMingLiU_HKSCS:{}", "PMingLiU:{}";
+  @ko:
+    "AppleSDGothicNeo-:{Light,Regular,Medium,SemiBold}",
+    .shs("KR")[], .shs("K")[], .noto("KR")[],
+    "NanumBarunGothic:{ Light,, Bold}",
+    "Malgun Gothic:{ Semilight,, Bold}", "Nanum Gothic:{, Bold}", "Dotum:{}";
+}
+
+.noto(@suffix) { @value: "Noto Sans CJK @{suffix} ", "NotoSansCJK@{suffix}-"; }
+.shs(@suffix) { @value: replace("Source Han Sans @{suffix} ", "  ", " "), "SourceHanSans@{suffix}-"; }
+.pingfang(@suffix) { @value: "PingFang@{suffix}-:{Light,Regular,Medium,Semibold}"; }
+.font-face-cjk(@family, @src, @weight) {
+  @font-face {
+    font-family: @family;
+    src: @src;
+    font-weight: @weight;
+    unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF, U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
+  }
+}
+
+.gen-weights(@family) when (isstring(@family)) {
+  @family-str: replace(@family, ":\{.*\}$", "");
+  // apply standard style names if none is given
+  // should the font have no styles, use :{}, as in "SimHei:{}"
+  @weights-str: if(@family = @family-str, "Light,Regular,Medium,Bold", replace(@family, ".*:\{(.*)\}$", "$1"));
+  @lightest: replace(@weights-str, ",.*", "");
+  @boldest: replace(@weights-str, ".*,", "");
+  @2ndboldest: replace(@weights-str, "(?:.*,|)([^,]*),.*$", "$1");
+  @2ndlightest: if(@2ndboldest = @lightest, @lightest, replace(@weights-str, "^.*?,([^,]*).*", "$1"));
+
+  @light: local("@{family-str}@{lightest}");
+  @regular: local("@{family-str}@{2ndlightest}");
+  @medium: local("@{family-str}@{2ndboldest}");
+  @bold: local("@{family-str}@{boldest}");
+}
+.gen-weights(@family) when not (isstring(@family)) {
+  .gen-weights-all(@family);
+}
+.gen-weights(@family, @last) {
+  @this: .gen-weights(@family);
+
+  @light: @last[@light], @this[@light];
+  @regular: @last[@regular], @this[@regular];
+  @medium: @last[@medium], @this[@medium];
+  @bold: @last[@bold], @this[@bold];
+}
+.gen-weights-all(@family) when not (isstring(@family)) {
+  .gen-weights-all(@family, length(@family));
+}
+.gen-weights-all(@family, 1) when not (isstring(@family)) {
+  .gen-weights(extract(@family, 1));
+}
+.gen-weights-all(@family, @ctr) when not (isstring(@family)) and (@ctr > 1) and (@ctr <= length(@family)) {
+  .gen-weights(extract(@family, @ctr), .gen-weights-all(@family, @ctr - 1));
+}

web_src/less/_form.less

@@ -0,0 +1,378 @@
+input,
+textarea,
+.ui.input > input,
+.ui.form input:not([type]),
+.ui.form select,
+.ui.form textarea,
+.ui.form input[type="date"],
+.ui.form input[type="datetime-local"],
+.ui.form input[type="email"],
+.ui.form input[type="file"],
+.ui.form input[type="number"],
+.ui.form input[type="password"],
+.ui.form input[type="search"],
+.ui.form input[type="tel"],
+.ui.form input[type="text"],
+.ui.form input[type="time"],
+.ui.form input[type="url"],
+.ui.selection.dropdown,
+.ui.checkbox label::before,
+.ui.checkbox input:checked ~ label::before,
+.ui.checkbox input:not([type="radio"]):indeterminate ~ label::before {
+  background: var(--color-input-background);
+  border-color: var(--color-input-border);
+  color: var(--color-input-text);
+}
+
+input:hover,
+textarea:hover,
+.ui.input input:hover,
+.ui.form input:not([type]):hover,
+.ui.form select:hover,
+.ui.form textarea:hover,
+.ui.form input[type="date"]:hover,
+.ui.form input[type="datetime-local"]:hover,
+.ui.form input[type="email"]:hover,
+.ui.form input[type="file"]:hover,
+.ui.form input[type="number"]:hover,
+.ui.form input[type="password"]:hover,
+.ui.form input[type="search"]:hover,
+.ui.form input[type="tel"]:hover,
+.ui.form input[type="text"]:hover,
+.ui.form input[type="time"]:hover,
+.ui.form input[type="url"]:hover,
+.ui.selection.dropdown:hover,
+.ui.checkbox label:hover::before,
+.ui.checkbox label:active::before,
+.ui.radio.checkbox label::after,
+.ui.radio.checkbox input:focus ~ label::before,
+.ui.radio.checkbox input:checked ~ label::before {
+  background: var(--color-input-background);
+  border-color: var(--color-input-border-hover);
+  color: var(--color-input-text);
+}
+
+input:focus,
+textarea:focus,
+.ui.input input:focus,
+.ui.form input:not([type]):focus,
+.ui.form select:focus,
+.ui.form textarea:focus,
+.ui.form input[type="date"]:focus,
+.ui.form input[type="datetime-local"]:focus,
+.ui.form input[type="email"]:focus,
+.ui.form input[type="file"]:focus,
+.ui.form input[type="number"]:focus,
+.ui.form input[type="password"]:focus,
+.ui.form input[type="search"]:focus,
+.ui.form input[type="tel"]:focus,
+.ui.form input[type="text"]:focus,
+.ui.form input[type="time"]:focus,
+.ui.form input[type="url"]:focus,
+.ui.selection.dropdown:focus,
+.ui.checkbox input:focus ~ label::before,
+.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ label::before,
+.ui.checkbox input:checked:focus ~ label::before,
+.ui.radio.checkbox input:focus:checked ~ label::before {
+  background: var(--color-input-background);
+  border-color: var(--color-primary);
+  color: var(--color-input-text);
+}
+
+.ui.form .field > label,
+.ui.form .inline.fields > label,
+.ui.form .inline.fields .field > label,
+.ui.form .inline.fields .field > p,
+.ui.form .inline.field > label,
+.ui.form .inline.field > p,
+.ui.checkbox label,
+.ui.checkbox + label,
+.ui.checkbox label:hover,
+.ui.checkbox + label:hover,
+.ui.checkbox input:focus ~ label,
+.ui.checkbox input:active ~ label {
+  color: var(--color-text);
+}
+
+.ui.input,
+.ui.checkbox input:focus ~ label::after,
+.ui.checkbox input:checked ~ label::after,
+.ui.checkbox label:active::after,
+.ui.checkbox input:not([type="radio"]):indeterminate ~ label::after,
+.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ label::after,
+.ui.checkbox input:checked:focus ~ label::after,
+.ui.disabled.checkbox label,
+.ui.checkbox input[disabled] ~ label {
+  color: var(--color-input-text);
+}
+
+.ui.radio.checkbox input:focus ~ label::after,
+.ui.radio.checkbox input:checked ~ label::after,
+.ui.radio.checkbox input:focus:checked ~ label::after {
+  background: var(--color-input-text);
+}
+
+.ui.toggle.checkbox label::before {
+  background: var(--color-input-toggle-background);
+}
+
+.ui.toggle.checkbox label,
+.ui.toggle.checkbox input:checked ~ label,
+.ui.toggle.checkbox input:focus:checked ~ label {
+  color: var(--color-text) !important;
+}
+
+.ui.toggle.checkbox input:checked ~ label::before,
+.ui.toggle.checkbox input:focus:checked ~ label::before {
+  background: var(--color-primary) !important;
+}
+
+/* match <select> padding to <input> */
+.ui.form select {
+  padding: .67857143em 1em;
+}
+
+.form {
+  .help {
+    color: var(--color-secondary-dark-5);
+    padding-bottom: .6em;
+    display: inline-block;
+  }
+}
+
+@create-page-form-input-padding: 250px !important;
+#create-page-form {
+  form {
+    margin: auto;
+
+    .ui.message {
+      text-align: center;
+    }
+
+    @media @mediaMdAndUp {
+      width: 800px !important;
+
+      .header {
+        padding-left: @create-page-form-input-padding+30px;
+      }
+
+      .inline.field > label,
+      .inline.field.captcha-field > span {
+        text-align: right;
+        width: @create-page-form-input-padding;
+        word-wrap: break-word;
+      }
+
+      .help {
+        margin-left: @create-page-form-input-padding+15px;
+      }
+
+      .optional .title {
+        margin-left: @create-page-form-input-padding;
+      }
+
+      .inline.field > input,
+      .inline.field > textarea {
+        width: 50%;
+      }
+    }
+
+    @media @mediaSm {
+      .optional .title {
+        margin-left: 15px;
+      }
+
+      .inline.field > label {
+        display: block;
+      }
+    }
+  }
+}
+
+.signin {
+  .oauth2 {
+    div {
+      display: inline-block;
+
+      p {
+        margin: 10px 5px 0 0;
+        float: left;
+      }
+    }
+
+    a {
+      margin-right: 3px;
+
+      &:last-child {
+        margin-right: 0;
+      }
+    }
+
+    img {
+      width: 32px;
+      height: 32px;
+
+      &.openidConnect {
+        width: auto;
+      }
+    }
+  }
+}
+
+@media @mediaMdAndUp {
+  .g-recaptcha-style,
+  .h-captcha-style {
+    margin: 0 auto !important;
+    width: 304px;
+    padding-left: 30px;
+
+    iframe {
+      border-radius: 5px !important;
+      width: 302px !important;
+      height: 76px !important;
+    }
+  }
+}
+
+@media (max-height: 575px) {
+  #rc-imageselect,
+  .g-recaptcha-style,
+  .h-captcha-style {
+    transform: scale(.77);
+    transform-origin: 0 0;
+  }
+}
+
+.user.activate,
+.user.forgot.password,
+.user.reset.password,
+.user.link-account,
+.user.signin,
+.user.signup {
+  @input-padding: 200px;
+  #create-page-form();
+
+  form {
+    width: 700px !important;
+
+    .header {
+      padding-left: 0 !important;
+      text-align: center;
+    }
+
+    .inline.field > label {
+      width: @input-padding;
+    }
+
+    .inline.field > label,
+    input {
+      @media @mediaSm {
+        width: 100% !important;
+      }
+    }
+
+    input[type="number"] {
+      -moz-appearance: textfield;
+    }
+
+    input::-webkit-outer-spin-button,
+    input::-webkit-inner-spin-button {
+      -webkit-appearance: none;
+      margin: 0;
+    }
+  }
+}
+
+.user.signin.webauthn-prompt {
+  margin-top: 15px;
+}
+
+.repository {
+  &.new.repo,
+  &.new.migrate,
+  &.new.fork {
+    #create-page-form();
+
+    form {
+      .dropdown .text {
+        margin-right: 0 !important;
+      }
+
+      .header {
+        padding-left: 0 !important;
+        text-align: center;
+      }
+
+      .selection.dropdown {
+        vertical-align: middle;
+        width: 50% !important;
+      }
+
+      @media @mediaSm {
+        label,
+        input,
+        .selection.dropdown {
+          width: 100% !important;
+        }
+
+        .field button,
+        .field a {
+          margin-bottom: 1em;
+          width: 100%;
+        }
+      }
+    }
+  }
+
+  &.new.repo {
+    .ui.form {
+      @media @mediaMdAndUp {
+        #auto-init {
+          margin-left: @create-page-form-input-padding+15px;
+        }
+      }
+
+      .selection.dropdown:not(.owner) {
+        width: 50% !important;
+
+        @media @mediaSm {
+          width: 100% !important;
+        }
+      }
+    }
+  }
+}
+
+.new.webhook {
+  form {
+    .help {
+      margin-left: 25px;
+    }
+  }
+
+  .events.fields {
+    .column {
+      padding-left: 40px;
+    }
+  }
+}
+
+.githook {
+  textarea {
+    font-family: var(--fonts-monospace);
+  }
+}
+
+.new.org .ui.form {
+  @media @mediaSm {
+    .field button,
+    .field a {
+      margin-bottom: 1em;
+      width: 100%;
+    }
+
+    .field input {
+      width: 100% !important;
+    }
+  }
+}

web_src/less/_home.less

@@ -0,0 +1,61 @@
+.home {
+  .logo {
+    max-width: 220px;
+  }
+
+  .hero {
+    @media @mediaSm {
+      h1 {
+        font-size: 3.5em;
+      }
+
+      h2 {
+        font-size: 2em;
+      }
+    }
+
+    @media @mediaMdAndUp {
+      h1 {
+        font-size: 5.5em;
+      }
+
+      h2 {
+        font-size: 3em;
+      }
+    }
+
+    .svg {
+      color: var(--color-green);
+      height: 40px;
+      width: 50px;
+      vertical-align: bottom;
+    }
+
+    &.header {
+      font-size: 20px;
+    }
+  }
+
+  p.large {
+    font-size: 16px;
+  }
+
+  .stackable {
+    padding-top: 30px;
+  }
+
+  a {
+    color: var(--color-green);
+  }
+}
+
+footer {
+  .ui.container .left,
+  .ui.container .right {
+    @media (max-width: 880px) {
+      display: block;
+      text-align: center;
+      float: none;
+    }
+  }
+}

web_src/less/_install.less

@@ -0,0 +1,72 @@
+.page-content.install {
+  padding-top: 45px;
+
+  form.ui.form {
+    @input-padding: 30%;
+
+    .inline.field > label {
+      text-align: right;
+      width: @input-padding;
+      padding-right: 10px;
+      margin-right: 0;
+    }
+
+    .inline.field > .ui.checkbox:first-child {
+      margin-left: @input-padding;
+      padding-left: 5px;
+      label {
+        width: auto;
+      }
+    }
+
+    .title {
+      margin-left: @input-padding;
+      padding-left: 5px;
+    }
+
+    input {
+      width: 60%;
+    }
+
+    details.optional.field {
+      &[open] {
+        border-bottom: 1px solid var(--color-secondary);
+        padding-bottom: 10px;
+
+        summary {
+          margin-bottom: 10px;
+        }
+      }
+
+      * {
+        box-sizing: border-box;
+      }
+    }
+
+    .field {
+      text-align: left;
+
+      .help {
+        margin-left: @input-padding;
+        padding-left: 5px;
+        width: 60%;
+      }
+
+    }
+  }
+
+  .ui {
+    .reinstall-message {
+      width: 70%;
+      margin: 20px auto;
+      color: var(--color-red);
+      text-align: left;
+      font-weight: bold;
+    }
+    .reinstall-confirm {
+      width: 70%;
+      text-align: left;
+      margin: 10px auto;
+    }
+  }
+}