feature #218

Schulddossier · Dec 8, 2020 · 661465b · 661465b
1 parent c1b9338
commit 661465b
Show file tree

Hide file tree

Showing 6 changed files with 41 additions and 2 deletions.
diff --git a/public/css/screen.css b/public/css/screen.css
diff --git a/public/css/screen.css.map b/public/css/screen.css.map
diff --git a/public/js/voorlegger.js b/public/js/voorlegger.js
@@ -23,4 +23,21 @@ $(document).ready(function () {
             }
         });
     });
+
+    if ($('#connection_error').length) {
+        setInterval(function () {
+            let element = $('#connection_error');
+
+            $.ajax({
+                method: "GET",
+                url: "/ping",
+                success: function (data) {
+                    element.addClass('hidden');
+                },
+                error: function () {
+                    element.removeClass('hidden');
+                }
+            });
+        }, 60000);
+    }
 });
diff --git a/public/scss/partials/_pdf-splitter.scss b/public/scss/partials/_pdf-splitter.scss
@@ -351,4 +351,16 @@ $splitter-bg-color: #555;
     max-height: 100px;
     margin-right: 5px;
   }
+}
+
+.connection_error {
+  top: 30px;
+  margin: 15px;
+  margin-top: 60px;
+  width: 431px;
+  background-color: red;
+  color: white;
+  font-size: 16px;
+  padding: 5px;
+  border: 1px solid black;
 }
diff --git a/src/Controller/DefaultController.php b/src/Controller/DefaultController.php
@@ -39,4 +39,13 @@ public function debugAction(Request $request)
             'trustedProxies' => $request->getTrustedProxies(),
         ]);
     }
+
+    /**
+     * @Route("/ping")
+     * @return JsonResponse
+     */
+    public function pingAction()
+    {
+        return new JsonResponse(['status'=>'OK']);
+    }
 }
diff --git a/templates/master.html.twig b/templates/master.html.twig
@@ -25,6 +25,7 @@
 
         {% block pdfsplitter %}
           <aside id="pdfsplitter" class="pdf-splitter no-header file-pdf-pages" data-decorator="droppable" data-changer="pdfsplitter">
+              <div id="connection_error" class="connection_error hidden">Er is op dit moment geen verbinding met het schulddossier. Wacht een paar minuten om op te slaan.</div>
               <span class="pdfsplitter__selected-pages"></span>
               <div class="pages" data-handler="page-select"></div>
               <label class="file-selector">