From 17b1d4e25eb3151dcfeb2fc1c332eca0adbcb5a7 Mon Sep 17 00:00:00 2001
From: NoorMuhammad1 <zainnoor6035020@gmail.com>
Date: Thu, 4 Jul 2024 12:52:44 +0300
Subject: [PATCH] Added the error modal for Internal Server Error

---
 app/js/backbone-views.js | 68 +++++++++++++++++++++++++++++++++++++---
 index.html               | 40 +++++++++++++++++++++++
 2 files changed, 104 insertions(+), 4 deletions(-)

diff --git a/app/js/backbone-views.js b/app/js/backbone-views.js
index 82fe96fc..ab221fe1 100644
--- a/app/js/backbone-views.js
+++ b/app/js/backbone-views.js
@@ -2204,7 +2204,13 @@ var NeighborhoodQueryView = Backbone.View.extend({
                 new PromptEmptyQueryResultView({
                   el: "#prompt-emptyQueryResult-table",
                 }).render();
-              } else {
+              }
+              else if (!data.error && data.response.statusCode == 500){
+                new InternalServerError({
+                  el: "#prompt-internal-server-table",
+                }).render();
+              }
+              else {
                 new PromptInvalidQueryView({
                   el: "#prompt-invalidQuery-table",
                 }).render();
@@ -2443,7 +2449,13 @@ var PathsBetweenQueryView = Backbone.View.extend({
                     el: "#prompt-requestTimedOut-table",
                   }).render();
                 }
-              } else {
+              } 
+              else if (!data.error && data.response.statusCode == 500){
+                new InternalServerError({
+                  el: "#prompt-internal-server-table",
+                }).render();
+              }
+              else {
                 new PromptInvalidQueryView({
                   el: "#prompt-invalidQuery-table",
                 }).render();
@@ -2741,6 +2753,11 @@ var PathsFromToQueryView = Backbone.View.extend({
                     el: "#prompt-requestTimedOut-table",
                   }).render();
                 }
+              }
+              else if (!data.error && data.response.statusCode == 500){
+                new InternalServerError({
+                  el: "#prompt-internal-server-table",
+                }).render();
               } 
               else {
                 new PromptInvalidQueryView({
@@ -2930,6 +2947,7 @@ var CommonStreamQueryView = Backbone.View.extend({
             url: "/utilities/testURL",
             data: { url: queryURL },
             success: function (data) {
+              console.log('recieved data:',data);
               if (!data.error && data.response.statusCode == 200) {
                 if (data.response.body !== "") {
                   var xml = $.parseXML(data.response.body);
@@ -2962,7 +2980,13 @@ var CommonStreamQueryView = Backbone.View.extend({
                     el: "#prompt-requestTimedOut-table",
                   }).render();
                 }
-              } else {
+              }
+              else if (!data.error && data.response.statusCode == 500){
+                new InternalServerError({
+                  el: "#prompt-internal-server-table",
+                }).render();
+              }
+              else {
                 new PromptInvalidQueryView({
                   el: "#prompt-invalidQuery-table",
                 }).render();
@@ -2970,6 +2994,7 @@ var CommonStreamQueryView = Backbone.View.extend({
               chiseInstance.endSpinner("common-stream-spinner");
             },
             error: function (xhr, options, err) {
+              console.log(xhr,options,err);
               new PromptInvalidQueryView({
                 el: "#prompt-invalidQuery-table",
               }).render();
@@ -3124,7 +3149,13 @@ var PathsByURIQueryView = Backbone.View.extend({
                     el: "#prompt-requestTimedOut-table",
                   }).render();
                 }
-              } else {
+              } 
+              else if (!data.error && data.response.statusCode == 500){
+                new InternalServerError({
+                  el: "#prompt-internal-server-table",
+                }).render();
+              }
+              else {
                 new PromptInvalidURIView({
                   el: "#prompt-invalidURI-table",
                 }).render();
@@ -4095,6 +4126,35 @@ var PromptMapTypeView = Backbone.View.extend({
   },
 });
 
+var InternalServerError = Backbone.View.extend({
+  initialize: function () {
+    var self = this;
+    self.template = _.template($("#prompt-internal-server-template").html());
+  },
+  render: function () {
+    var self = this;
+    self.template = _.template($("#prompt-internal-server-template").html());
+
+    $(self.el).html(self.template);
+    $(self.el).modal("show");
+
+    $(document)
+      .off("click", "#prompt-internal-server-confirm")
+      .on("click", "#prompt-internal-server-confirm", function (evt) {
+        $(self.el).modal("toggle");
+        if (PCdialog == "Neighborhood")
+          appUtilities.neighborhoodQueryView.render();
+        else if (PCdialog == "PathsBetween")
+          appUtilities.pathsBetweenQueryView.render();
+        else if (PCdialog == "PathsFromTo")
+          appUtilities.pathsFromToQueryView.render();
+        else if (PCdialog == "CommonStream")
+          appUtilities.commonStreamQueryView.render();
+      });
+
+    return this;
+  },
+});
 var PromptInvalidQueryView = Backbone.View.extend({
   initialize: function () {
     var self = this;
diff --git a/index.html b/index.html
index 7b932133..6bbd8509 100644
--- a/index.html
+++ b/index.html
@@ -2456,6 +2456,15 @@
       <!-- map type change confirmation dialog will be shown here-->
     </div>
 
+    <div
+      id="prompt-internal-server-table"
+      tabindex="-1"
+      class="modal fade"
+      role="dialog"
+    >
+      <!-- map type change confirmation dialog will be shown here-->
+    </div>
+
     <div
       id="prompt-invalidQuery-table"
       tabindex="-1"
@@ -4172,6 +4181,37 @@ <h4 class="modal-title">Warning</h4>
       </div>
     </script>
 
+    <!-- Internal server error -->
+    <script type="text/template" id="prompt-internal-server-template">
+      <div class="modal-dialog sbgn-modal-dialog" style="width: 300px;">
+      <div class="modal-content">
+      <div class="modal-header">
+      <button type="button" class="close" data-dismiss="modal">&times;</button>
+      <h4 class="modal-title">Error</h4>
+      </div>
+      <div class="modal-body">
+      <table class="table-condensed layout-table dialog-table" style="margin: auto;">
+      <tbody>
+      <tr>
+      <th style="padding-left: 0px;" align="left">
+      <span class="add-on layout-text">Internal Server Error!</span>
+      </th>
+      </tr>
+
+      <tr id="prompt-internal-server-buttons" style="padding-bottom: 0px; margin-bottom: 0px;">
+      <td>
+      </td>
+      </tr>
+      </tbody>
+      </table>
+      </div>
+      <div class="modal-footer" style="text-align: center">
+      <button id="prompt-internal-server-confirm" class="btn btn-default">OK</button>
+      </div>
+      </div>
+      </div>
+    </script>
+
     <!-- Invalid  query error -->
     <script type="text/template" id="prompt-invalidQuery-template">
       <div class="modal-dialog sbgn-modal-dialog" style="width: 300px;">