From b44d577124ae6fb5e62674528060289c0d31fd6a Mon Sep 17 00:00:00 2001
From: Alexander_Kabui
Date: Tue, 14 May 2024 13:46:55 +0300
Subject: Add new issue: error handling using htmx javascript api.

---
 issues/htmx-error-handling.gmi | 42 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 issues/htmx-error-handling.gmi

(limited to 'issues')

diff --git a/issues/htmx-error-handling.gmi b/issues/htmx-error-handling.gmi
new file mode 100644
index 0000000..e8612fe
--- /dev/null
+++ b/issues/htmx-error-handling.gmi
@@ -0,0 +1,42 @@
+# Bug when using HTMX Ajax Post request
+
+## Tags
+
+* type: bug
+* priority:  high
+* status: open
+* assigned: alexm
+* keywords: url
+
+## Description
+The issue occurs when you send a post request using HTMX javascript Api.this does
+not provide a well defined to handle errors from the callback
+A code snippet can be show below
+
+```js
+  htmx.on("#upvote", "click", function(evt){
+      vote_count = htmx.find(".btn-success") ? 0 : 1
+      htmx.ajax("POST", `/gnqna/rating/${task_id}/${vote_count}`, {target: "#rate", swap:"innerHTML",values: {'query': query, 'answer': answer}}).then(()=>{
+	  htmx.toggleClass(htmx.find('#upvote'), 'btn-success');
+	  htmx.removeClass(htmx.find("#downvote"), "btn-danger");
+})
+.catch((err)=>{
+alert("html")
+})
+});
+```
+In the above snipped incase of a response error you would expert the catch method
+method to be invoked but that doesn'tn occur
+This is the htmx docs which does not provide a proper error handling mechanism
+
+=> https://htmx.org/api/
+
+## Note
+the reason for using the htmx  javascript api is to toggle the rating class for
+both like and dislike functionality depending if the requests fails or succeeds
+
+
+
+
+
+
-- 
cgit v1.2.3