Add a migrate service type switch page

[lunny]

When clicking New Migration, it will enter a new page to let users chose which Git service they want to migrate from.

• Chose Git will let you migrate git data or mirror git data from any possible git services via http/https protocol or local disk if enabled.

• Chose GitHub will let user migrate git/issues ... and etc. data from Github or Github Enterprise

• Chose GitLab will let user migrate git/issues ... and etc. data from GitLab.com or self-hosted Gitlab

[mrsdizzie]

Why no mirror for github/gitlab?

[jolheiser]

The darker colors on the darker background is a little hard to read imo

@mrsdizzie My guess is because mirroring doesn't copy items

[silverwind]

Icons seem too huge based on that screenshot. Maybe add some padding like 2rem to the icons, keeping the box size or maybe reducing it slightly?

Also, the GitHub icon should be inverted in the dark theme.

[silverwind]

Also, I'd suggest using SVG icons over PNG. You can put them in web_src/svg probably as gitea-$iconname (all lowercase, prefix optional but we've been adding gitea prefix for SVGs that not part of another icon set), then run make svg to build them into public and finally include them using {{svg "gitea-$iconname" 128}}.

[6543]

by the way: token auth field is always deactivated + js could be simplfied since now most option(-hides) are handled by template

[mrsdizzie]

@mrsdizzie My guess is because mirroring doesn't copy items

Hmm I think this makes the current interface more confusing then:

If a user wants to mirror something from Github they are going to click the giant Github icon first. Figuring out that you need to go back and click the one that is not Github in order to set up a mirror to a Github hosted repo seems more confusing than the current form.

When you click on plain Git there is no option to use a token -- but that will be required for mirroring some repos on Github. So this would remove the option to mirror a private repo hosted on Github at some point? I think we would want the same logic for tokens when it comes to a mirror as well.

I see the difference between mirroring and migrating files but that is pretty subtle considering we already put mirroring in the section labeled migrations.

Looks nice otherwise : )

[lunny]

How about to add a new icon named Mirror or I should add mirror options back to github and gitlab.

[mrsdizzie]

@lunny I think we should add them back because it will want to use a token as well and it will be less confusing to keep anything related to github/gitlab behind their logos

looks nice though!

[lunny]

@mrsdizzie @silverwind @jolheiser Done.

[codecov-commenter]

Codecov Report

Merging #12697 into master will decrease coverage by 0.01%.
The diff coverage is 45.29%.

@@            Coverage Diff             @@
##           master   #12697      +/-   ##
==========================================
- Coverage   43.26%   43.24%   -0.02%     
==========================================
  Files         649      650       +1     
  Lines       72046    72041       -5     
==========================================
- Hits        31169    31156      -13     
  Misses      35838    35838              
- Partials     5039     5047       +8     

Impacted Files	Coverage Δ
routers/repo/repo.go	28.46% <ø> (-4.26%)	⬇️
routers/repo/view.go	38.11% <ø> (ø)
routers/repo/migrate.go	44.82% <44.82%> (ø)
modules/structs/repo.go	50.00% <100.00%> (-15.52%)	⬇️
modules/util/timer.go	42.85% <0.00%> (-42.86%)	⬇️
modules/indexer/stats/queue.go	64.70% <0.00%> (-11.77%)	⬇️
modules/indexer/stats/db.go	43.47% <0.00%> (-8.70%)	⬇️
modules/notification/mail/mail.go	34.48% <0.00%> (-3.45%)	⬇️
modules/notification/ui/ui.go	80.55% <0.00%> (-2.78%)	⬇️
... and 9 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 6483dbc...475741f. Read the comment docs.

[mrsdizzie]

Link for information on how to generate access tokens

diff --git a/templates/repo/migrate/github.tmpl b/templates/repo/migrate/github.tmpl
index 4eaf025e8..7cb663da9 100644
--- a/templates/repo/migrate/github.tmpl
+++ b/templates/repo/migrate/github.tmpl
@@ -22,6 +22,7 @@
                    <div class="inline field {{if .Err_Auth}}error{{end}}">
                        <label for="auth_token">{{.i18n.Tr "access_token"}}</label>
                        <input id="auth_token" name="auth_token" value="{{.auth_token}}" {{if not .auth_token}}data-need-clear="true"{{end}}>
+                     <a  target=”_blank” href="https://docs.github.com/en/github/authenticating-to-github/creating-a-personal-access-token">{{svg "octicon-question" 16}}</a>
                    </div>

                    <div class="inline field">
diff --git a/templates/repo/migrate/gitlab.tmpl b/templates/repo/migrate/gitlab.tmpl
index 4eaf025e8..d30af0d9c 100644
--- a/templates/repo/migrate/gitlab.tmpl
+++ b/templates/repo/migrate/gitlab.tmpl
@@ -22,6 +22,7 @@
                    <div class="inline field {{if .Err_Auth}}error{{end}}">
                        <label for="auth_token">{{.i18n.Tr "access_token"}}</label>
                        <input id="auth_token" name="auth_token" value="{{.auth_token}}" {{if not .auth_token}}data-need-clear="true"{{end}}>
+                     <a  target=”_blank” href="https://docs.gitlab.com/ee/user/profile/personal_access_tokens.html">{{svg "octicon-question" 16}}</a>
                    </div>

                    <div class="inline field">

[lunny]

@mrsdizzie Done.

[a1012112796]

❤

[lunny]

@mrsdizzie done.