Add sort

Dockerfile

@@ -0,0 +1,11 @@
+FROM golang:1.20
+
+WORKDIR /go/src/app
+COPY . /go/src/app
+
+RUN go get -v ./...
+RUN go build -ldflags "-X github.com/noqqe/serra/src/serra.Version=`git describe --tags`"  -v serra.go
+
+# Run radsportsalat
+EXPOSE 8080
+CMD [ "./serra", "web" ]

src/serra/web.go

@@ -26,6 +26,7 @@ var webCmd = &cobra.Command{
 type Query struct {
 	Name string `form:"name"`
 	Set  string `form:"set"`
+	Sort string `form:"sort"`
 }
 
 func startWeb() error {
@@ -45,7 +46,7 @@ func landingPage(c *gin.Context) {
 
 	var query Query
 	if c.ShouldBind(&query) == nil {
-		cards := Cards("", query.Set, "", query.Name, "", "")
+		cards := Cards("", query.Set, query.Sort, query.Name, "", "")
 		sets := Sets("release")
 		c.HTML(http.StatusOK, "index.tmpl", gin.H{
 			"title": "Serraaaa",

templates/index.tmpl

@@ -34,6 +34,7 @@
 
         <!-- Left side -->
         <div class="level-left">
+
           <div class="level-item">
             <div class="field">
               <label class="label">Set</label>
@@ -60,6 +61,21 @@
           </div>
         </div>
 
+          <div class="level-item">
+            <div class="field">
+              <label class="label">Sort</label>
+              <div class="control">
+                <div class="select is-primary">
+                  <select name="sort" id="sort" form="searchform">
+                    <option value="name" selected>Name</option>
+                    <option value="value">Value</option>
+                    <option value="number">Collector Number</option>
+                  </select>
+                </div>
+              </div>
+            </div>
+          </div>
+
         <!-- Right side -->
         <div class="level-right">
           <form action="/" id="searchform">
@@ -125,8 +141,11 @@
       (RegExp(paramName + '=' + '(.+?)(&|$)').exec(location.search) || [, null])[1]
     );
   }
-  var selectedVal = getParam("set");
-  document.getElementById("set").value = selectedVal;
+  var selectedSetVal = getParam("set");
+  document.getElementById("set").value = selectedSetVal;
+
+  var selectedSortVal = getParam("sort");
+  document.getElementById("sort").value = selectedSortVal;
 </script>
 
 </html>