fix some commands links and closing the command dialog

Author: emad-elsaid

extensions/star/star.go

@@ -97,6 +97,7 @@ func (l action) Attrs() map[template.HTMLAttr]any {
 
 	return map[template.HTMLAttr]any{
 		method: fmt.Sprintf("/+/star/%s", url.PathEscape(l.page.Name())),
+		"href": fmt.Sprintf("/+/star/%s", url.PathEscape(l.page.Name())),
 	}
 }
 

extensions/upload_file/upload.go

@@ -18,8 +18,10 @@ func (u Upload) Attrs() map[template.HTMLAttr]any {
 	link := fmt.Sprintf("/+/upload-file/form?page=%s", url.PathEscape(u.p.Name()))
 
 	return map[template.HTMLAttr]any{
-		"href":    link,
-		"hx-post": link,
+		"href":      link,
+		"hx-post":   link,
+		"hx-target": "body",
+		"hx-swap":   "beforeend",
 	}
 }
 

templates/commands.html

@@ -36,7 +36,7 @@
      const commands = () => document.getElementById('commands-modal');
 
      // clicking any link in the commands list executes the command
-     commands().querySelectorAll('a').forEach( ele => ele.addEventListener('click', evt => commands().close()));
+     commands().querySelectorAll('a').forEach( ele => ele.addEventListener('click', evt => commands().classList.remove("is-active")));
 
      // Pressing Ctrl+K shows the commands list
      document.addEventListener('keydown', e => {