From 90c3ce0e81e85777594c16f8f42d230a6a98769e Mon Sep 17 00:00:00 2001
From: holan20180123 <liyuchun@easycorp.ltd>
Date: Thu, 22 Jul 2021 11:33:29 +0800
Subject: [PATCH]  * Finish task #40503.

---
 module/doc/js/objectlibs.js      | 37 ++++++++++++++++++++++++++++++++
 module/doc/view/content.html.php |  3 ++-
 2 files changed, 39 insertions(+), 1 deletion(-)

diff --git a/module/doc/js/objectlibs.js b/module/doc/js/objectlibs.js
index f2b03fc66a..db5256d142 100644
--- a/module/doc/js/objectlibs.js
+++ b/module/doc/js/objectlibs.js
@@ -30,3 +30,40 @@ function deleteFile(fileID)
     if(!fileID) return;
     hiddenwin.location.href = createLink('file', 'delete', 'fileID=' + fileID);
 }
+
+/**
+ * Display the document in full screen.
+ *
+ * @access public
+ * @return void
+ */
+function fullScreen()
+{
+    var element       = document.getElementById("content");
+    var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen;
+    if(requestMethod)
+    {
+        $('#content .actions').addClass('hidden');
+        requestMethod.call(element);
+    }
+}
+
+document.addEventListener("fullscreenchange", function (e)
+{
+    if(!document.fullscreenElement) $('#content .actions').removeClass('hidden');
+})
+
+document.addEventListener("webkitfullscreenchange", function (e)
+{
+    if(!document.webkitFullscreenElement) $('#content .actions').removeClass('hidden');
+})
+
+document.addEventListener("mozfullscreenchange", function (e)
+{
+    if(!document.mozFullScreenElement) $('#content .actions').removeClass('hidden');
+})
+
+document.addEventListener("msfullscreenChange", function (e)
+{
+    if(!document.msfullscreenElement) $('#content .actions').removeClass('hidden');
+})
diff --git a/module/doc/view/content.html.php b/module/doc/view/content.html.php
index b6be52c8f4..6f72c14f0b 100644
--- a/module/doc/view/content.html.php
+++ b/module/doc/view/content.html.php
@@ -5,7 +5,7 @@ $sessionString .= session_name() . '=' . session_id();
 ?>
 <div id="mainContent" class="main-row">
   <div class="main-col col-8">
-    <div class="cell">
+    <div class="cell" id="content">
       <div class="detail no-padding">
         <div class="detail-title no-padding doc-title">
           <div class="title"><?php echo $doc->title;?></div>
@@ -31,6 +31,7 @@ $sessionString .= session_name() . '=' . session_id();
           </div>
           <div class="actions">
             <?php
+            echo html::a("javascript:fullScreen()", '<i class="icon-fullscreen"></i>', '', "title='{$lang->fullscreen}' class='btn btn-link fullscreen-btn'");
             if(common::hasPriv('doc', 'edit')) echo html::a(inlink('edit', "docID=$doc->id&comment=false&objectType=$objectType&objectID=$object->id&libID=$libID"), '<i class="icon-edit"></i>', '', "title='{$lang->doc->edit}' class='btn btn-link' data-app='{$this->app->openApp}'");
             if(common::hasPriv('doc', 'delete'))
             {