From 27a58c18ee6bb2e859b4ecf14bb7a9c3d2379ecb Mon Sep 17 00:00:00 2001
From: Maxime Quandalle <mquandalle@wekan.io>
Date: Wed, 20 Jul 2016 18:00:59 +0200
Subject: [PATCH] Implement a disconnected indicator

Fixes #451
---
 .meteor/.gitignore                 |  1 +
 client/components/main/header.jade |  9 +++++++++
 client/components/main/header.js   |  4 ++++
 client/components/main/header.styl | 12 ++++++++++++
 i18n/en.i18n.json                  |  1 +
 5 files changed, 27 insertions(+)

diff --git a/.meteor/.gitignore b/.meteor/.gitignore
index 40830374235..501f92e4b5e 100644
--- a/.meteor/.gitignore
+++ b/.meteor/.gitignore
@@ -1 +1,2 @@
+dev_bundle
 local
diff --git a/client/components/main/header.jade b/client/components/main/header.jade
index 711e272c2b9..bd0af880b18 100644
--- a/client/components/main/header.jade
+++ b/client/components/main/header.jade
@@ -45,3 +45,12 @@ template(name="header")
         else
           a.wekan-logo(href="{{pathFor 'home'}}" title="{{_ 'header-logo-title'}}")
             img(src="{{pathFor '/wekan-logo-header.png'}}" alt="Wekan")
+
+  if appIsOffline
+    +offlineWarning
+
+template(name="offlineWarning")
+  .offline-warning
+    p
+      i.fa.fa-warning
+      | {{_ 'app-is-offline'}}
diff --git a/client/components/main/header.js b/client/components/main/header.js
index 73024aa9e89..0337c72bcd0 100644
--- a/client/components/main/header.js
+++ b/client/components/main/header.js
@@ -6,6 +6,10 @@ Template.header.helpers({
   hideLogo() {
     return Utils.isMiniScreen() && Session.get('currentBoard');
   },
+
+  appIsOffline() {
+    return !Meteor.status().connected;
+  },
 });
 
 Template.header.events({
diff --git a/client/components/main/header.styl b/client/components/main/header.styl
index 0b2ad8604f6..0e35d38af6d 100644
--- a/client/components/main/header.styl
+++ b/client/components/main/header.styl
@@ -196,3 +196,15 @@
 
       li
         height: 28px
+
+.offline-warning
+  width: 100%
+  text-align: center
+  padding: 0
+  margin: 0
+  background: #F8ECBD
+  clear: both
+
+  p
+    margin: 7px
+    padding: 0
diff --git a/i18n/en.i18n.json b/i18n/en.i18n.json
index 2047d8e14b9..f9cf7e82eab 100755
--- a/i18n/en.i18n.json
+++ b/i18n/en.i18n.json
@@ -51,6 +51,7 @@
     "all-boards": "All boards",
     "and-n-other-card": "And __count__ other card",
     "and-n-other-card_plural": "And __count__ other cards",
+    "app-is-offline": "The application is currently offline, refreshing the page will cause data loss.",
     "archive": "Archive",
     "archive-all": "Archive All",
     "archive-board": "Archive Board",