Browse Source

HUE-5571 [core] Introduce the window.zoom event

Enrico Berti 9 years ago
parent
commit
4eeff02

+ 6 - 0
desktop/core/src/desktop/templates/common_footer.mako

@@ -25,6 +25,8 @@ from desktop.views import login_modal
 ${ smart_unicode(login_modal(request).content) | n,unicode }
 ${ smart_unicode(login_modal(request).content) | n,unicode }
 % endif
 % endif
 
 
+<iframe id="zoomDetectFrame" style="width: 250px; display: none" ></iframe>
+
 <script type="text/javascript">
 <script type="text/javascript">
   $(document).ready(function () {
   $(document).ready(function () {
     $(document).on("info", function (e, msg) {
     $(document).on("info", function (e, msg) {
@@ -37,6 +39,10 @@ ${ smart_unicode(login_modal(request).content) | n,unicode }
       $.jHueNotify.error(msg);
       $.jHueNotify.error(msg);
     });
     });
 
 
+    $($('#zoomDetectFrame')[0].contentWindow).resize(function () {
+      $(window).trigger('zoom');
+    });
+
     %if messages:
     %if messages:
       %for message in messages:
       %for message in messages:
         %if message.tags == 'error':
         %if message.tags == 'error':

+ 5 - 0
desktop/core/src/desktop/templates/responsive.mako

@@ -456,6 +456,7 @@ ${ koComponents.all() }
 ${ assist.assistJSModels() }
 ${ assist.assistJSModels() }
 ${ assist.assistPanel() }
 ${ assist.assistPanel() }
 
 
+<iframe id="zoomDetectFrame" style="width: 250px; display: none" ></iframe>
 
 
 <script type="text/javascript" charset="utf-8">
 <script type="text/javascript" charset="utf-8">
   (function () {
   (function () {
@@ -906,6 +907,10 @@ ${ assist.assistPanel() }
 <script type="text/javascript">
 <script type="text/javascript">
 
 
   $(document).ready(function () {
   $(document).ready(function () {
+     $($('#zoomDetectFrame')[0].contentWindow).resize(function () {
+      $(window).trigger('zoom');
+    });
+
     // global catch for ajax calls after the user has logged out
     // global catch for ajax calls after the user has logged out
     var isLoginRequired = false;
     var isLoginRequired = false;
     $(document).ajaxComplete(function (event, xhr, settings) {
     $(document).ajaxComplete(function (event, xhr, settings) {