Startsida Utforska Hjälp
Logga in
TC
/
arozos
1
0
Fork 0
Filer Ärenden 0 Pull-förfrågningar 0 Wiki
Bläddra i källkod

Added index for Office Viewer

Toby Chui 2 år sedan
förälder
4bd989cb7b
incheckning
3249788501
4 ändrade filer med 55 tillägg och 153 borttagningar
Unifierad Vy Visa Diff Statistik
  1. 0 151
      web/OfficeViewer/demos.html
  2. 1 1
      web/OfficeViewer/embedded.html
  3. 52 0
      web/OfficeViewer/index.html
  4. 2 1
      web/OfficeViewer/init.agi

+ 0 - 151
web/OfficeViewer/demos.html
Visa fil 

@@ -1,151 +0,0 @@
 
-<!DOCTYPE html>
 
-<html>
 
-
 
-<head>
 
-  <title>OfficeJs | Demos </title>
 
-  <meta charset="utf-8">
 
-  <link href="./layout/styles/layout.css" rel="stylesheet" type="text/css">
 
-  <link rel="stylesheet" href="./include/jquery_ui/themes/start/jquery-ui.min.css">
 
-  <script src="./include/jquery/jquery-1.12.4.min.js"></script>
 
-  <script src="./include/jquery_ui/jquery-ui.min.js"></script>
 
-  <!-- ################################ For files reder ###############################-->
 
-  <!--PDF-->
 
-  <link rel="stylesheet" href="./include/pdf/pdf.viewer.css">
 
-  <script src="./include/pdf/pdf.js"></script>
 
-  <!--Docs-->
 
-  <script src="./include/docx/jszip-utils.js"></script>
 
-  <script src="./include/docx/mammoth.browser.min.js"></script>
 
-  <!--PPTX-->
 
-  <link rel="stylesheet" href="./include/PPTXjs/css/pptxjs.css">
 
-  <link rel="stylesheet" href="./include/PPTXjs/css/nv.d3.min.css">
 
-  <script type="text/javascript" src="./include/PPTXjs/js/filereader.js"></script>
 
-  <script type="text/javascript" src="./include/PPTXjs/js/d3.min.js"></script>
 
-  <script type="text/javascript" src="./include/PPTXjs/js/nv.d3.min.js"></script>
 
-  <script type="text/javascript" src="./include/PPTXjs/js/pptxjs.js"></script>
 
-  <script type="text/javascript" src="./include/PPTXjs/js/divs2slides.js"></script>
 
-  <!--All Spreadsheet -->
 
-  <link rel="stylesheet" href="./include/SheetJS/handsontable.full.min.css">
 
-  <script type="text/javascript" src="./include/SheetJS/handsontable.full.min.js"></script>
 
-  <script type="text/javascript" src="./include/SheetJS/xlsx.full.min.js"></script>
 
-  <!--Image viewer-->
 
-  <link rel="stylesheet" href="./include/verySimpleImageViewer/css/jquery.verySimpleImageViewer.css">
 
-  <script type="text/javascript" src="./include/verySimpleImageViewer/js/jquery.verySimpleImageViewer.js"></script>
 
-  <!--officeToHtml-->
 
-  <script src="./include/officeToHtml/officeToHtml.js"></script>
 
-  <link rel="stylesheet" href="./include/officeToHtml/officeToHtml.css">
 
-</head>
 
-
 
-<body id="top">
 
-  <div class="wrapper row1">
 
-    <header id="header" class="hoc clear">
 
-      <div id="logo" class="fl_left">
 
-        <h1><a href="../index.html">Office To Html - Demos</a></h1>
 
-      </div>
 
-      <nav id="mainav" class="fl_right">
 
-        <ul class="clear">
 
-          <li><a href="../index.html">Home</a></li>
 
-          <li><a href="docs.html">Docs</a></li>
 
-          <li class="active"><a href="demos.html">Demos</a></li>
 
-          <li><a href="https://github.com/meshesha/officeToHtml">GitHub</a></li>
 
-          <li><a href="https://github.com/meshesha">About</a></li>
 
-        </ul>
 
-      </nav>
 
-    </header>
 
-  </div>
 
-  <div class="wrapper row3">
 
-    <main class="hoc container clear">
 
-      <!-- main body -->
 
-      <div class="sidebar one_quarter first">
 
-        <nav class="sdb_holder">
 
-          <ul>
 
-            <li class="active"><a href="demos.html">Demos - Main</a></li>
 
-            <ul>
 
-              <li><a href="#" id="demo_1" class="demos" data-file="demo.docx">Demo1 - docx</a></li>
 
-              <li><a href="#" id="demo_2" class="demos" data-file="demo.pptx">Demo2 - pptx</a></li>
 
-              <li><a href="#" id="demo_3" class="demos" data-file="demo.xlsx">Demo3 - xlsx</a></li>
 
-              <li><a href="#" id="demo_4" class="demos" data-file="demo.pdf">Demo4 - pdf</a></li>
 
-              <li><a href="#" id="demo_5" class="demos" data-file="demo.jpg">Demo4 - image</a></li>
 
-              <li><a href="#" id="demo_input" class="demos" data-file="">Demo5 - Input</a></li>
 
-            </ul>
 
-          </ul>
 
-        </nav>
 
-      </div>
 
-      <!-- ################################################################################################ -->
 
-      <div class="content three_quarter">
 
-        <div class="box bg-light clear">
 
-          <h3 class="font-x2" id="head-name">Demos - Main</h3>
 
-          <p id="file_p" style="display:none;">File: <a href="#" id="a_file"></a><input type="file" id="select_file" />
 
-          </p>
 
-          <div id="description">
 
-            <p>&lt;-- Select one of demos on left side</p>
 
-          </div>
 
-        </div>
 
-        <p id="resolte-text" style="display:none">Resolte:</p>
 
-        <!--<div id="resolte-contaniner" style="display:none;"></div>-->
 
-        <div style="overflow: hidden;width: 800px; ">
 
-          <div id="resolte-contaniner" style="width: 100%; height:550px; overflow: auto;"></div>
 
-        </div>
 
-        <script>
 
-          (function ($) {
 
-            $(".demos").on("click", function (e) {
 
-              e.preventDefault();
 
-
 
-              $(".sdb_holder li").removeClass("active");
 
-              $(this).parent().addClass("active");
 
-              var id = $(this).attr("id");
 
-              $("#head-name").html($(this).html());
 
-              $("#description").hide();
 
-              $("#resolte-contaniner").html("");
 
-              $("#resolte-contaniner").show();
 
-              $("#resolte-text").show();
 
-              if (id != "demo_input") {
 
-
 
-                $("#select_file").hide();
 
-                var file_path = "files\\" + $(this).data("file");
 
-                $("#a_file").html($(this).data("file")).attr("href", file_path);
 
-                $("#a_file").show();
 
-                $("#file_p").show();
 
-
 
-                $("#resolte-contaniner").officeToHtml({
 
-                  url: file_path,
 
-                  pdfSetting: {
 
-                    setLang: "",
 
-                    setLangFilesPath: "" /*"include/pdf/lang/locale" - relative to app path*/
 
-                  }
 
-                });
 
-              } else {
 
-
 
-                $("#select_file").show();
 
-                $("#file_p").show();
 
-                $("#a_file").hide();
 
-
 
-                $("#resolte-contaniner").officeToHtml({
 
-                  inputObjId: "select_file",
 
-                  pdfSetting: {
 
-                    setLang: "",
 
-                    setLangFilesPath: "" /*"include/pdf/lang/locale" - relative to app path*/
 
-                  }
 
-                });
 
-              }
 
-            });
 
-          }(jQuery));
 
-        </script>
 
-      </div>
 
-  </div>
 
-  <!-- / main body -->
 
-  <div class="clear"></div>
 
-  </main>
 
-  </div>
 
-
 
-  <div class="wrapper row5">
 
-    <div id="copyright" class="hoc clear">
 
-      <p class="fl_left">Copyright &copy; 2017 - All Rights Reserved - <a href="https://github.com/meshesha/">Tady
 
-          Meshesha</a></p>
 
-      <p class="fl_right">Template by <a target="_blank" href="http://www.os-templates.com/"
 
-          title="Free Website Templates">OS Templates</a></p>
 
-    </div>
 
-  </div>
 
-  <a id="backtotop" href="#top"><i class="fa fa-chevron-up"></i></a>
 
-</body>
 
-
 
-</html>

+ 1 - 1
web/OfficeViewer/embedded.html
Visa fil 

@@ -96,7 +96,7 @@
 
       loadFile("/media?file=" + loadingfile.filepath);
 
       loadFile("/media?file=" + loadingfile.filepath);
 
     }else{
 
     }else{
 
       //No set files. Redirect to index
 
       //No set files. Redirect to index
 
-
 
+      window.location.href = "./index.html"
 
     }
 
     }
 
     function loadFile(file_path){
 
     function loadFile(file_path){
 
         $("#resolte-contaniner").officeToHtml({
 
         $("#resolte-contaniner").officeToHtml({

+ 52 - 0
web/OfficeViewer/index.html
Visa fil 

@@ -0,0 +1,52 @@
 
+<!DOCTYPE html>

+<html>

+	<head>

+		<meta charset="UTF-8">

+		<meta name="apple-mobile-web-app-capable" content="yes" />

+		<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1"/>

+		<meta name="theme-color" content="#4b75ff">

+		<link rel="stylesheet" href="../script/semantic/semantic.min.css">

+		<script src="../script/jquery.min.js"></script>

+		<script src="../script/ao_module.js"></script>

+		<script src="../script/semantic/semantic.min.js"></script>

+        <script src="message.js"></script>

+		<link rel="icon" type="image/png" href="img/module_icon.png">

+		<link rel="manifest" crossorigin="use-credentials" href="manifest.json">

+		<title>OfficeViewer</title>

+		<style>

+            body{

+                border-top: 5px solid #445b80;

+                background-color: white;

+            }

+		</style>

+	</head>

+	<body>

+        <br>

+        <div class="ui container">

+            <button class="ui basic fluid button" onclick="openFileSelector();">Open File</button>

+            <div class="ui divider"></div>

+            ArozOS Office Viewer

+        </div>

+		<script>

+            $(document).ready(function(){

+                openFileSelector();

+            });

+

+            function openFileSelector(){

+                ao_module_openFileSelector(fileSelected, "user:/Document", "file",false, {

+                    filter: ["docx", "pptx", "xlsx"]

+                });

+            }

+

+            function fileSelected(filedata){

+                if (filedata.length == 0){

+                    alert("No file selected")

+                }else{

+                    console.log(encodeURIComponent(JSON.stringify(filedata)));

+                    ao_module_setWindowSize(1060, 680);

+                    window.location.href= window.location.href + "/embedded.html#" + encodeURIComponent(JSON.stringify(filedata));

+                }

+            }

+		</script>

+	</body>

+</html>

+ 2 - 1
web/OfficeViewer/init.agi
Visa fil 

@@ -11,10 +11,11 @@ var moduleLaunchInfo = {
 
 	Version: "1.0",

 	Version: "1.0",

 	StartDir: "OfficeViewer/index.html",

 	StartDir: "OfficeViewer/index.html",

 	SupportFW: true,

 	SupportFW: true,

-	InitFWSize: [1060, 680],

+	InitFWSize: [350, 170],

 	LaunchFWDir: "OfficeViewer/index.html",

 	LaunchFWDir: "OfficeViewer/index.html",

 	SupportEmb: true,

 	SupportEmb: true,

 	LaunchEmb: "OfficeViewer/embedded.html",

 	LaunchEmb: "OfficeViewer/embedded.html",

+	InitEmbSize: [1060, 680],

 	SupportedExt: [".docx",".pptx",".xlsx", ".csv"]

 	SupportedExt: [".docx",".pptx",".xlsx", ".csv"]

 }

 }