Improve the frontend guideline

[wxiaoguang]

The CustomEvent prefix

There was already ce-quick-submit, the ce- prefix seems better than us-. Rename the only us- prefixed us-load-context-popup to ce- prefixed.

Styles and Attributes in Go HTML Template

#21855 (comment)

Suggest to stick to class="c1 {{if $var}}c2{{end}}"

The readability and maintainability should be applied to the code which is read by developers, but not for the generated outputs.

The template code is the code for developers, while the generated HTML are only for browsers.

The class="c1 {{if $var}}c2{{end}}" style is clearer for developers and more intuitive, and the generated HTML also makes browsers happy (a few spaces do not affect anything)

Think about a more complex case:

• class="{{if $active}}active{{end}} menu item {{if $show}}show{{end}} {{if $warn}}warn{{end}}"
• --vs--
• class="{{if $active}}active {{end}}menu item{{if $show}} show{{end}}{{if $warn}} warn{{end}}"

The first style make it clearer to see each CSS class name with its {{if}} block.

[codecov-commenter]

Codecov Report

Merging #23298 (deb0fe9) into main (e893560) will increase coverage by 0.02%.
The diff coverage is n/a.

📣 This organization is not using Codecov’s GitHub App Integration. We recommend you install it so Codecov can continue to function properly for your repositories. Learn more

@@            Coverage Diff             @@
##             main   #23298      +/-   ##
==========================================
+ Coverage   47.56%   47.59%   +0.02%     
==========================================
  Files        1143     1143              
  Lines      151171   151171              
==========================================
+ Hits        71907    71943      +36     
+ Misses      70763    70726      -37     
- Partials     8501     8502       +1     

Impacted Files	Coverage Δ
models/asymkey/gpg_key_common.go	52.63% <0.00%> (-3.95%)	⬇️
services/pull/check.go	27.69% <0.00%> (-1.16%)	⬇️
routers/api/v1/repo/pull.go	49.80% <0.00%> (-0.16%)	⬇️
modules/queue/workerpool.go	53.33% <0.00%> (+0.47%)	⬆️
modules/queue/unique_queue_disk_channel.go	66.07% <0.00%> (+1.33%)	⬆️
models/issues/tracked_time.go	65.86% <0.00%> (+1.44%)	⬆️
modules/queue/queue_bytefifo.go	61.01% <0.00%> (+1.80%)	⬆️
modules/log/event.go	60.27% <0.00%> (+2.09%)	⬆️
models/issues/review.go	52.73% <0.00%> (+2.66%)	⬆️
modules/charset/charset.go	75.36% <0.00%> (+3.62%)	⬆️
... and 1 more

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.