From 1321cca174fa3f1163ed4db09b8ee19b5fd9e433 Mon Sep 17 00:00:00 2001
From: janpaulo <janpaulobinaluyo@gmail.com>
Date: Tue, 8 Mar 2022 07:21:09 +0800
Subject: [PATCH]  Add succes and error message for annotation and doctrines

---
 .../controllers/annotations_controller.js     | 12 ++++++++++++
 .../controllers/doctrines_controller.js       | 19 ++++++++++++++++++-
 app/views/layouts/application.html.erb        |  8 ++++++++
 3 files changed, 38 insertions(+), 1 deletion(-)

diff --git a/app/javascript/controllers/annotations_controller.js b/app/javascript/controllers/annotations_controller.js
index 7129d6f..f98452b 100644
--- a/app/javascript/controllers/annotations_controller.js
+++ b/app/javascript/controllers/annotations_controller.js
@@ -81,13 +81,23 @@ export default class extends ApplicationController {
         type: 'PUT',
         data: params,
         success: function() {
+          $(".btn-close-x").trigger("click")
+          $('.toast').addClass('bg-success').show()
+          $( ".toast-body" ).html( "<span><b>Submitted Successfully</b></span>" ),
           location.pathname = "/documents/" + current_document_id + "/doctrines/" + doctrine_id
+        },
+        error: function() { 
+          $(".btn-close-x").trigger("click"),
+          $('.toast').addClass('bg-danger').show(),
+          $( ".toast-body" ).html( "<span><b>Unexpected Error Problem Occurred</b></span>" )
         }
       })
     } else {
       $.post("/api/doctrines/" + doctrine_id + "/annotations", params, function(result, status) {
         if(status === "success") {
           $(".btn-close-x").trigger("click")
+          $('.toast').addClass('bg-success').show()
+          $( ".toast-body" ).html( "<span><b>Submitted Successfully</b></span>" ),
           location.pathname = "/documents/" + current_document_id + "/doctrines/" + doctrine_id
         }
       })
@@ -105,6 +115,8 @@ export default class extends ApplicationController {
         url: "/api/doctrines/" + doctrine_id + "/annotations/" + annotation_id,
         type: 'DELETE',
         success: function() {
+          $('.toast').addClass('bg-danger').show()
+          $( ".toast-body" ).html( "<span><b>Deleted Successfully</b></span>" )
           location.pathname = "/documents/" + current_document_id + "/doctrines/" + doctrine_id
         }
       })
diff --git a/app/javascript/controllers/doctrines_controller.js b/app/javascript/controllers/doctrines_controller.js
index 9f5d00d..cd599bf 100644
--- a/app/javascript/controllers/doctrines_controller.js
+++ b/app/javascript/controllers/doctrines_controller.js
@@ -73,15 +73,30 @@ export default class extends ApplicationController {
           type: 'PUT',
           data: params,
           success: function() {
+            $(".btn-close-x").trigger("click")
+            $('.toast').addClass('bg-success').show()
+            $( ".toast-body" ).html( "<span><b>Submitted Successfully</b></span>" ),
             location.pathname = "/documents/" + document_id + "/doctrines/" + doctrine_id
+          },
+          error: function() { 
+            $(".btn-close-x").trigger("click"),
+            $('.toast').addClass('bg-danger').show(),
+            $( ".toast-body" ).html( "<span><b>Unexpected Error Problem Occurred</b></span>" )
           }
         })
       } else {
         $.post("/api/doctrines", $.extend({ jurisprudence_ids: [document_id] }, params), function(data, status) {
           if(status === 'success') {
+            $(".btn-close-x").trigger("click")
+            $('.toast').addClass('bg-success').show()
+            $( ".toast-body" ).html( "<span><b>Submitted Successfully</b></span>" ),
             location.pathname = "/documents/" + document_id + "/doctrines/" + data.id
           }
-        })
+        }, 
+          $(".btn-close-x").trigger("click"),
+          $('.toast').addClass('bg-danger').show(),
+          $( ".toast-body" ).html( "<span><b>Unexpected Error Problem Occurred</b></span>" )
+        )
       }
     }
   }
@@ -97,6 +112,8 @@ export default class extends ApplicationController {
         type: 'DELETE',
         success: function() {
           location.pathname = "/documents/" + document_id
+          $('.toast').addClass('bg-danger').show()
+          $( ".toast-body" ).html( "<span><b>Deleted Successfully</b></span>" );
         }
       })
     }
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 1df3968..0c24dab 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -70,5 +70,13 @@
         </div>
       </div>
     </div>
+
+    <div class="toast align-items-center text-white border-0" data-bs-autohide="true" role="alert" aria-live="assertive" aria-atomic="true" style="position: absolute;bottom: 20px;right: 10px;">
+      <div class="d-flex">
+        <div class="toast-body">
+        </div>
+        <button type="button" class="btn-close btn-close-white me-2 m-auto" id="toast-close" data-bs-dismiss="toast" aria-label="Close"></button>
+      </div>
+    </div>
   </body>
 </html>