loading up the forgejo repo on tangled to test page performance
feat: improve 'download diagnosis report' ui
- Use `<label>`.
- Switch the order to ensure the action button is the last item in the form.
- Rename seconds to duration.
- Set `type="number"` to the duration input field.
+8
-8
+2
-3
options/locale/locale_en-US.ini
+2
-3
options/locale/locale_en-US.ini
···
3464
3464
monitor.stacktrace = Stacktrace
3465
3465
monitor.processes_count = %d Processes
3466
3466
monitor.download_diagnosis_report = Download diagnosis report
3467
+
monitor.duration = Duration (s)
3467
3468
monitor.desc = Description
3468
3469
monitor.start = Start Time
3469
3470
monitor.execute_time = Execution Time
···
3921
3922
filepreview.truncated = Preview has been truncated
3922
3923
3923
3924
[translation_meta]
3924
-
test = This is a test string. It is not displayed in Forgejo UI but is used for testing purposes. Feel free to enter "ok" to save time (or a fun fact of your choice) to hit that sweet 100% completion mark :)
3925
-
3926
-
3925
+
test = This is a test string. It is not displayed in Forgejo UI but is used for testing purposes. Feel free to enter "ok" to save time (or a fun fact of your choice) to hit that sweet 100% completion mark :)
+6
-5
templates/admin/stacktrace.tmpl
+6
-5
templates/admin/stacktrace.tmpl
···
8
8
<a class="{{if eq .ShowGoroutineList "stacktrace"}}active {{end}}item" href="?show=stacktrace">{{ctx.Locale.Tr "admin.monitor.stacktrace"}}</a>
9
9
</div>
10
10
</div>
11
-
<form target="_blank" action="{{AppSubUrl}}/admin/monitor/diagnosis" class="ui form">
12
-
<div class="ui inline field">
13
-
<button class="ui primary small button">{{ctx.Locale.Tr "admin.monitor.download_diagnosis_report"}}</button>
14
-
<input name="seconds" size="3" maxlength="3" value="10"> {{ctx.Locale.Tr "tool.raw_seconds"}}
15
-
</div>
11
+
<form target="_blank" action="{{AppSubUrl}}/admin/monitor/diagnosis" class="ui form tw-flex tw-gap-3">
12
+
<label class="tw-flex tw-gap-2 tw-items-center tw-whitespace-nowrap">
13
+
{{ctx.Locale.Tr "admin.monitor.duration"}}
14
+
<input type="number" name="seconds" max="300" min="0" value="10">
15
+
</label>
16
+
<button class="ui primary small button">{{ctx.Locale.Tr "admin.monitor.download_diagnosis_report"}}</button>
16
17
</form>
17
18
</div>
18
19