Display help box in oo apps

6 years ago · 9ca7d504d2
parent e78fc2abcb
commit 9ca7d504d2
4 changed files with 23 additions and 3 deletions
--- a/www/common/onlyoffice/app-oo.less
+++ b/www/common/onlyoffice/app-oo.less
@ -41,6 +41,13 @@ body.cp-app-sheet, body.cp-app-oodoc, body.cp-app-ooslide {
        background-color: lightgrey;
        display: flex;
    }
+    #cp-app-oo-editor {
+        flex: 1;
+        height: 100%;
+        background-color: lightgrey;
+        display: flex;
+        flex-flow: column;
+    }
    #ooframe {
        flex: 1;
        border:none;
--- a/www/common/onlyoffice/inner.js
+++ b/www/common/onlyoffice/inner.js
@ -548,7 +548,7 @@ define([

        var makeChannel = function () {
            var msgEv = Util.mkEvent();
-            var iframe = $('#cp-app-oo-container > iframe')[0].contentWindow;
+            var iframe = $('#cp-app-oo-editor > iframe')[0].contentWindow;
            window.addEventListener('message', function (msg) {
                if (msg.source !== iframe) { return; }
                msgEv.fire(msg);
@ -813,6 +813,10 @@ define([
                setEditable(false);
            });
            $rightside.append($forget);
+
+            var helpMenu = common.createHelpMenu(['sheet']);
+            $('#cp-app-oo-editor').prepend(helpMenu.menu);
+            toolbar.$drawer.append(helpMenu.button);
        };

        config.onReady = function (info) {
--- a/www/common/translations/messages.js
+++ b/www/common/translations/messages.js
@ -1151,6 +1151,13 @@ define(function () {
        modes: 'Use the dropdown menus in the <span class="fa fa-ellipsis-h"></span> submenu to change syntax highlighting modes or color themes',
    };

+    out.help.oo = {
+        
+    };
+    out.help.sheet = {
+        
+    };
+
    out.help.slide = {
        markdown: 'Write slides in <a href="http://www.markdowntutorial.com/">Markdown</a> and separate them with a line containing <code>---</code>',
        present: 'Start the presentation using the <span class="fa fa-play-circle"></span> button',
--- a/www/sheet/inner.html
+++ b/www/sheet/inner.html
@ -10,8 +10,10 @@
 <body class="cp-app-sheet">
    <div id="cp-toolbar" class="cp-toolbar-container"></div>
    <div id="cp-app-oo-container">
-        <div id="cp-app-oo-placeholder"></div>
-        <script type="text/javascript" src="/common/onlyoffice/web-apps/apps/api/documents/api.js"></script>
+        <div id="cp-app-oo-editor">
+            <div id="cp-app-oo-placeholder"></div>
+            <script type="text/javascript" src="/common/onlyoffice/web-apps/apps/api/documents/api.js"></script>
+        </div>
    </div>
 </body>