Put tags in <details> on the problem page by default

mraron · Jun 6, 2024 · 127abf7 · 127abf7
1 parent 1fd00ba
commit 127abf7
Show file tree

Hide file tree

Showing 3 changed files with 257 additions and 228 deletions.
diff --git a/internal/web/handlers/problemset/problem.go b/internal/web/handlers/problemset/problem.go
@@ -40,7 +40,7 @@ func GetProblem(tags njudge.Tags) echo.HandlerFunc {
 			Title:        title,
 			Problemset:   prob.Problemset,
 			Name:         name,
-			ShowTags:     true,
+			ShowTags:     false,
 			Tags:         prob.Tags.ToTags(),
 			TaskTypeName: storedData.GetTaskType().Name(),
 			Languages:    storedData.Languages(),
@@ -84,9 +84,10 @@ func GetProblem(tags njudge.Tags) echo.HandlerFunc {
 		if info.UserInfo != nil {
 			if info.UserInfo.SolvedStatus == njudge.Solved {
 				vm.CanAddTags = true
+				vm.ShowTags = true
 			} else {
-				if u := c.Get("user").(*njudge.User); u != nil && !u.Settings.ShowUnsolvedTags {
-					vm.ShowTags = false
+				if u := c.Get("user").(*njudge.User); u != nil && u.Settings.ShowUnsolvedTags {
+					vm.ShowTags = true
 				}
 			}
 		}

diff --git a/internal/web/templates/problem.templ b/internal/web/templates/problem.templ
@@ -96,8 +96,14 @@ templ tagListProblem(tags []njudge.Tag, add bool) {
         </span>
         &#32;
     }
+    if add {
+        <span class="badge badge-secondary">
+            <a href="#" class="text-reset text-decoration-none" data-toggle="modal" data-target="#tagModal">+</a>
+        </span>
+    }
 }
 
+
 templ problemInfoCard(vm ProblemViewModel) {
     <div class="card">
         <div class="card-header">
@@ -116,17 +122,17 @@ templ problemInfoCard(vm ProblemViewModel) {
                     <div class="col-6">{Tr(ctx, "Memory limit")}:</div>
                     <div class="col-6">{memMiB(vm.MemoryLimit)} MiB</div>
                 }
-                if vm.ShowTags {
-                    <div class="col-6">{Tr(ctx, "Tags")}:</div>
-                    <div class="col-6">
+                <div class="col-6">{Tr(ctx, "Tags")}:</div>
+                <div class="col-6">
+                    if !vm.ShowTags {
+                        <details>
+                        <summary>{Tr(ctx, "show")}</summary>
+                            @tagListProblem(vm.Tags, vm.CanAddTags)
+                        </details>
+                    }else {
                         @tagListProblem(vm.Tags, vm.CanAddTags)
-                        if vm.CanAddTags {
-                            <span class="badge badge-secondary">
-                                <a href="#" class="text-reset text-decoration-none" data-toggle="modal" data-target="#tagModal">+</a>
-                            </span>
-                        }
-                    </div>
-                }
+                    }
+                </div>
                 <div class="col-6">{Tr(ctx, "Task type")}:</div>
                 <div class="col-6">{vm.TaskTypeName}</div>
             </div>