From 3588fd8a9010521020136aff91ab9a4802cb9658 Mon Sep 17 00:00:00 2001
From: Maxim Kadushkin <maxim.kadushkin@onlyoffice.com>
Date: Mon, 22 Mar 2021 22:05:21 +0300
Subject: [PATCH] [SSE mobile] refactoring for statusbar

---
 apps/spreadsheeteditor/mobile/src/app.js      |  2 ++
 .../mobile/src/controller/Statusbar.jsx       | 22 +++++++++++++++----
 2 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/apps/spreadsheeteditor/mobile/src/app.js b/apps/spreadsheeteditor/mobile/src/app.js
index 8d55619f5..ab1e87de8 100644
--- a/apps/spreadsheeteditor/mobile/src/app.js
+++ b/apps/spreadsheeteditor/mobile/src/app.js
@@ -4,6 +4,8 @@ import ReactDOM from 'react-dom';
 
 // Import Framework7
 import Framework7 from 'framework7/lite-bundle';
+import { Dom7 } from 'framework7';
+window.$$ = Dom7;
 
 // Import Framework7-React Plugin
 import Framework7React from 'framework7-react';
diff --git a/apps/spreadsheeteditor/mobile/src/controller/Statusbar.jsx b/apps/spreadsheeteditor/mobile/src/controller/Statusbar.jsx
index 81f22e0ed..e1950d919 100644
--- a/apps/spreadsheeteditor/mobile/src/controller/Statusbar.jsx
+++ b/apps/spreadsheeteditor/mobile/src/controller/Statusbar.jsx
@@ -1,5 +1,6 @@
 
 import React, { useEffect } from 'react';
+import { f7 } from 'framework7-react';
 import StatusbarView from '../view/Statusbar';
 import { inject } from 'mobx-react';
 
@@ -7,12 +8,25 @@ const Statusbar = inject('sheets')(props => {
     const {sheets} = props;
 
     useEffect(() => {
-        console.log("status bar did mount");
+        const on_api_created = api => {
+            api.asc_registerCallback('asc_onSheetsChanged', onApiSheetsChanged.bind(api));
+        };
+
+        const on_main_view_click = e => {
+            // f7.popover.close('.document-menu.modal-in');
+        };
 
         Common.Notifications.on('document:ready', onApiSheetsChanged);
-        Common.Notifications.on('engineCreated', api => {
-            api.asc_registerCallback('asc_onSheetsChanged', onApiSheetsChanged.bind(api));
-        });
+        Common.Notifications.on('engineCreated', on_api_created);
+
+        $$('.view-main').on('click', on_main_view_click);
+
+        return () => {
+            Common.Notifications.off('document:ready', onApiSheetsChanged);
+            Common.Notifications.off('engineCreated', on_api_created);
+
+            $$('.view-main').off('click', on_main_view_click);
+        };
     }, []);
 
     const onApiSheetsChanged = api => {