Added disconnection notice and smart disconnect

2020-10-06 13:16:04 +02:00
parent 1e8549323b
commit d99c44fdeb
4 changed files with 25 additions and 0 deletions
--- a/app/client/views/layout/layout.html
+++ b/app/client/views/layout/layout.html
@@ -5,6 +5,19 @@
 		</app-drawer>
 		{{> yield}}
 	</app-drawer-layout>
+  {{#if disconnected}}
+    <div style="
+      position: absolute;
+      bottom: 0;
+      left: 00;
+      right: 0;
+      padding: 4px;
+      background: rgb(209 59 46);;
+      color: white;
+      text-align: center;">
+      Disconnected, changes won't be saved. {{#if connectionStatus}}({{connectionStatus}}){{/if}}
+    </div>
+  {{/if}}
 	<paper-toast id="global-toast" duration="5000">
 		{{> Template.dynamic template=globalToastTemplate data=globalToastData }}
 	</paper-toast>