From 354eff9f7bf550f83d55ef2e96b10aab1a70162d Mon Sep 17 00:00:00 2001
From: Liming Xie <liming.xie@gmail.com>
Date: Thu, 17 Dec 2015 14:23:35 +0800
Subject: add: support compact mode for mobile web, auto adapt to small
 screen/window

---
 client/lib/utils.js | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

(limited to 'client/lib/utils.js')

diff --git a/client/lib/utils.js b/client/lib/utils.js
index 6bdd5822..4f772a60 100644
--- a/client/lib/utils.js
+++ b/client/lib/utils.js
@@ -22,6 +22,17 @@ Utils = {
     return string.charAt(0).toUpperCase() + string.slice(1);
   },
 
+  windowResizeDep: new Tracker.Dependency(),
+
+  // in fact, what we really care is screen size
+  // large mobile device like iPad or android Pad has a big screen, it should also behave like a desktop
+  // in a small window (even on desktop), Wekan run in compact mode.
+  // we can easily debug with a small window of desktop broswer. :-)
+  isMiniScreen() {
+    this.windowResizeDep.depend();
+    return $(window).width() <= 800;
+  },
+
   // Determine the new sort index
   calculateIndex(prevCardDomElement, nextCardDomElement, nCards = 1) {
     let base, increment;
@@ -54,3 +65,9 @@ Utils = {
     };
   },
 };
+
+// A simple tracker dependency that we invalidate every time the window is
+// resized. This is used to reactively re-calculate the popup position in case
+// of a window resize. This is the equivalent of a "Signal" in some other
+// programming environments (eg, elm).
+$(window).on('resize', () => Utils.windowResizeDep.changed());
-- 
cgit v1.2.3-1-g7c22