Merge pull request #138 from ONLYOFFICE/feature/start-button

welcome: add check available for start button

.gitmodules

@@ -0,0 +1,28 @@
+[submodule "web/documentserver-example/nodejs/public/assets"]
+	path = web/documentserver-example/nodejs/public/assets
+	url = https://github.com/ONLYOFFICE/document-templates
+	branch = main/en
+[submodule "web/documentserver-example/java/src/main/resources/assets"]
+	path = web/documentserver-example/java/src/main/resources/assets
+	url = https://github.com/ONLYOFFICE/document-templates
+	branch = main/en
+[submodule "web/documentserver-example/php/assets"]
+	path = web/documentserver-example/php/assets
+	url = https://github.com/ONLYOFFICE/document-templates
+	branch = main/en
+[submodule "web/documentserver-example/python/assets"]
+	path = web/documentserver-example/python/assets
+	url = https://github.com/ONLYOFFICE/document-templates
+	branch = main/en
+[submodule "web/documentserver-example/csharp-mvc/assets"]
+	path = web/documentserver-example/csharp-mvc/assets
+	url = https://github.com/ONLYOFFICE/document-templates
+	branch = main/en
+[submodule "web/documentserver-example/csharp/assets"]
+	path = web/documentserver-example/csharp/assets
+	url = https://github.com/ONLYOFFICE/document-templates
+	branch = main/en
+[submodule "web/documentserver-example/ruby/public/assets"]
+	path = web/documentserver-example/ruby/public/assets
+	url = https://github.com/ONLYOFFICE/document-templates
+	branch = main/en

Readme.md

@@ -80,4 +80,4 @@ If you have any problems with or questions about [ONLYOFFICE Document Server][2]
   
 ## License
 
-document-server-integration is released under the MIT License. See the LICENSE.txt file for more information.
+document-server-integration is released under the Apache-2.0 License. See the LICENSE file for more information.

web/documentserver-example/csharp-mvc/App_Start/BundleConfig.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2020
+ * (c) Copyright Ascensio System SIA 2021
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/csharp-mvc/App_Start/FilterConfig.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2020
+ * (c) Copyright Ascensio System SIA 2021
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/csharp-mvc/App_Start/RouteConfig.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2020
+ * (c) Copyright Ascensio System SIA 2021
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/csharp-mvc/App_Start/WebApiConfig.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2020
+ * (c) Copyright Ascensio System SIA 2021
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/csharp-mvc/Content/editor.css

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2020
+ * (c) Copyright Ascensio System SIA 2021
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/csharp-mvc/Content/images/close.svg

@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.294404 0.294466C-0.0961199 0.68499 -0.0998005 1.32183 0.290724 1.71236L5.57837 7L5.57841 7.00005L0.29081 12.2877C-0.0997145 12.6782 -0.0960336 13.315 0.294491 13.7055C0.685015 14.0961 1.32186 14.0997 1.71238 13.7092L6.99999 8.42162L12.2876 13.7092C12.6781 14.0997 13.315 14.0961 13.7055 13.7055C14.096 13.315 14.0997 12.6782 13.7092 12.2877L8.42156 7.00005L8.42161 7L13.7093 1.71236C14.0998 1.32183 14.0961 0.68499 13.7056 0.294466C13.315 -0.0960591 12.6782 -0.0997395 12.2877 0.290785L7.00003 5.57843L6.99999 5.57847L6.99994 5.57843L1.7123 0.290785C1.32177 -0.0997395 0.684928 -0.0960591 0.294404 0.294466Z" fill="#AAAAAA"/>
+</svg>

web/documentserver-example/csharp-mvc/Content/images/done.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.3765 15.128C9.98789 15.5187 9.35642 15.5214 8.96449 15.134L6.14517 12.3473C5.75561 11.9622 5.12876 11.9622 4.7392 12.3473L4.72038 12.3659C4.32403 12.7576 4.32441 13.3978 4.72124 13.7891L8.96526 17.974C9.35702 18.3603 9.98726 18.3576 10.3757 17.9679L20.2877 8.02323C20.6801 7.6296 20.67 6.9855 20.2729 6.59668C19.8804 6.21243 19.2454 6.21063 18.8581 6.60005L10.3765 15.128Z" fill="#8BB825"/>
+</svg>

web/documentserver-example/csharp-mvc/Content/images/error.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.99857 1.6C4.46508 1.6 1.6 4.46548 1.6 8.00029C1.6 9.70508 2.26458 11.2515 3.35202 12.3999C4.52033 13.6337 6.16874 14.4 7.99857 14.4C11.5348 14.4 14.4 11.5335 14.4 8.00029C14.4 4.46592 11.5348 1.6 7.99857 1.6ZM0 8.00029C0 3.58219 3.58105 0 7.99857 0C12.4184 0 16 3.58219 16 8.00029C16 12.4172 12.4184 16 7.99857 16C5.71117 16 3.64805 15.0395 2.19023 13.5C0.83265 12.0663 0 10.1304 0 8.00029ZM7 4H9V9H7V4ZM9 10H7V12H9V10Z" fill="#CB0000"/>
+</svg>

web/documentserver-example/csharp-mvc/Content/images/file_docx.svg

@@ -0,0 +1,8 @@
+<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 3C0 1.34315 1.34315 0 3 0H21.674C22.4697 0 23.2327 0.316071 23.7953 0.87868L29.1213 6.20465C29.6839 6.76726 30 7.53032 30 8.32597V37C30 38.6569 28.6569 40 27 40H3C1.34315 40 0 38.6569 0 37V3Z" fill="#3779A6"/>
+<path d="M22.9167 0L30.0001 7.08333H25.9167C24.2599 7.08333 22.9167 5.74019 22.9167 4.08333V0Z" fill="#1D5880"/>
+<path d="M6.17627 14.7059H23.8233V15.8823H6.17627V14.7059Z" fill="white"/>
+<path d="M6.17627 18.5294H23.8233V19.7059H6.17627V18.5294Z" fill="white"/>
+<path d="M6.17627 22.3529H23.8233V23.5294H6.17627V22.3529Z" fill="white"/>
+<path d="M6.17627 26.1765H23.8233V27.3529H6.17627V26.1765Z" fill="white"/>
+</svg>

web/documentserver-example/csharp-mvc/Content/images/file_pptx.svg

@@ -0,0 +1,8 @@
+<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 3C0 1.34315 1.34315 0 3 0H22.9167L30 7.08333V37C30 38.6569 28.6569 40 27 40H3C1.34315 40 0 38.6569 0 37V3Z" fill="#F36700"/>
+<path d="M22.9167 0L30.0001 7.08333H25.9168C24.2599 7.08333 22.9167 5.74019 22.9167 4.08333V0Z" fill="#AB531F"/>
+<path d="M6.17627 16.1275H23.8233V17.3039H6.17627V16.1275Z" fill="white"/>
+<path d="M6.17627 28.7745L6.17627 16.1275L7.35274 16.1275L7.35274 28.7745H6.17627Z" fill="white"/>
+<path d="M23.8233 16.1275V28.7745H22.6469V16.1275L23.8233 16.1275Z" fill="white"/>
+<path d="M6.17627 27.598H23.8233V28.7745H6.17627L6.17627 27.598Z" fill="white"/>
+</svg>

web/documentserver-example/csharp-mvc/Content/images/file_upload.svg

@@ -0,0 +1,6 @@
+<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M30 7.44186L22 0H3C1.22739 0 0 0.822551 0 2.32558V37.2093C0 38.7123 1.22739 40 3 40H27C28.7726 40 30 38.7123 30 37.2093V7.44186Z" fill="#D0D5DA"/>
+<path d="M24.1042 7.27273H29.9631L22 0V5.32334C22 6.4105 22.949 7.27273 24.1042 7.27273Z" fill="#646464"/>
+<path d="M16.9562 22.3485H12.9746V17.803H10.9839L14.9654 14.1667L18.947 17.803H16.9562V22.3485Z" fill="#646464"/>
+<path d="M20.9378 23.7121C20.9378 24.1666 20.4401 24.6212 19.9424 24.6212H9.98848C9.49078 24.6212 8.99309 24.1666 8.99309 23.7121V22.3485C8.99309 21.8939 9.49078 21.4394 9.98848 21.4394H10.9839V20.0757H9.49078C8.49539 20.0757 7.5 20.9848 7.5 21.8939V24.1666C7.5 25.0757 8.61982 25.9848 9.49078 25.9848H20.4401C21.3111 25.9848 22.4309 25.0757 22.4309 24.1666V21.8939C22.4309 20.9848 21.4355 20.0757 20.4401 20.0757H18.947V21.4394H19.9424C20.4401 21.4394 20.9378 21.8939 20.9378 22.3485V23.7121Z" fill="#646464"/>
+</svg>

web/documentserver-example/csharp-mvc/Content/images/file_xlsx.svg

@@ -0,0 +1,12 @@
+<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 3C0 1.34315 1.34315 0 3 0H22.9167L30 7.08333V37C30 38.6569 28.6569 40 27 40H3C1.34315 40 0 38.6569 0 37V3Z" fill="#78A73B"/>
+<path d="M22.9167 0L30.0001 7.08333H25.9168C24.2599 7.08333 22.9167 5.74019 22.9167 4.08333V0Z" fill="#5A7D2B"/>
+<path d="M6.17644 15.2941H23.8235V16.4706H6.17644V15.2941Z" fill="white"/>
+<path d="M6.17644 19.1177H23.8235V20.2941H6.17644V19.1177Z" fill="white"/>
+<path d="M6.17644 22.9412H23.8235V24.1177H6.17644V22.9412Z" fill="white"/>
+<path d="M6.17644 26.7647H23.8235V27.9412H6.17644V26.7647Z" fill="white"/>
+<path d="M5.88232 27.9412L5.88232 15.2941L7.0588 15.2941L7.0588 27.9412H5.88232Z" fill="white"/>
+<path d="M11.4706 27.9412L11.4706 15.2941L12.647 15.2941V27.9412H11.4706Z" fill="white"/>
+<path d="M17.0588 27.9412L17.0588 15.2941L18.2353 15.2941V27.9412H17.0588Z" fill="white"/>
+<path d="M22.647 27.9412V15.2941H23.8235V27.9412H22.647Z" fill="white"/>
+</svg>

web/documentserver-example/csharp-mvc/Content/images/icon_docx.svg

@@ -0,0 +1,12 @@
+<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.84616 1H10.8462L14.8462 5V15H2.84616V1Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.8462 5L10.8462 1H2.84616V15H14.8462V5ZM10.8462 0L15.8462 5V16H1.84616V0H10.8462Z" fill="#BFBFBF"/>
+<rect x="3.84616" y="10" width="10" height="4" fill="#3779A6"/>
+<path d="M3.84616 4H4.84616V5H3.84616V4Z" fill="#BFBFBF"/>
+<path d="M3.84616 6H4.84616V7H3.84616V6Z" fill="#BFBFBF"/>
+<path d="M4.84616 8H3.84616V9H4.84616V8Z" fill="#BFBFBF"/>
+<path d="M12.8462 8H5.84616V9H12.8462V8Z" fill="#BFBFBF"/>
+<path d="M7.84616 6H5.84616V7H7.84616V6Z" fill="#BFBFBF"/>
+<path d="M12.8462 4H5.84616V5H12.8462V4Z" fill="#BFBFBF"/>
+<path opacity="0.3" d="M9.84616 1H10.8462V4H14.8462L15.8462 5H9.84616V1Z" fill="#333333"/>
+</svg>

web/documentserver-example/csharp-mvc/Content/images/icon_pptx.svg

@@ -0,0 +1,12 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 1H10L14 5V15H2V1Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14 5L10 1H2V15H14V5ZM10 0L15 5V16H1V0H10Z" fill="#BFBFBF"/>
+<rect x="3" y="10" width="10" height="4" fill="#F36700"/>
+<path d="M3 4H4V5H3V4Z" fill="#BFBFBF"/>
+<path d="M3 6H4V7H3V6Z" fill="#BFBFBF"/>
+<path d="M4 8H3V9H4V8Z" fill="#BFBFBF"/>
+<path d="M12 8H5V9H12V8Z" fill="#BFBFBF"/>
+<path d="M7 6H5V7H7V6Z" fill="#BFBFBF"/>
+<path d="M12 4H5V5H12V4Z" fill="#BFBFBF"/>
+<path opacity="0.3" d="M9 1H10V4H14L15 5H9V1Z" fill="#333333"/>
+</svg>

web/documentserver-example/csharp-mvc/Content/images/icon_xlsx.svg

@@ -0,0 +1,12 @@
+<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.84592 1H10.8459L14.8459 5V15H2.84592V1Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.8459 5L10.8459 1H2.84592V15H14.8459V5ZM10.8459 0L15.8459 5V16H1.84592V0H10.8459Z" fill="#BFBFBF"/>
+<rect x="3.84592" y="10" width="10" height="4" fill="#78A73B"/>
+<path d="M3.84592 4H4.84592V5H3.84592V4Z" fill="#BFBFBF"/>
+<path d="M3.84592 6H4.84592V7H3.84592V6Z" fill="#BFBFBF"/>
+<path d="M4.84592 8H3.84592V9H4.84592V8Z" fill="#BFBFBF"/>
+<path d="M12.8459 8H5.84592V9H12.8459V8Z" fill="#BFBFBF"/>
+<path d="M7.84592 6H5.84592V7H7.84592V6Z" fill="#BFBFBF"/>
+<path d="M12.8459 4H5.84592V5H12.8459V4Z" fill="#BFBFBF"/>
+<path opacity="0.3" d="M9.84592 1H10.8459V4H14.8459L15.8459 5H9.84592V1Z" fill="#333333"/>
+</svg>

web/documentserver-example/csharp-mvc/Content/images/info.svg

@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12ZM5 6C5 5.44772 5.44772 5 6 5C6.55228 5 7 5.44772 7 6V9C7 9.55229 6.55228 10 6 10C5.44772 10 5 9.55229 5 9V6ZM6 2C5.44772 2 5 2.44772 5 3C5 3.55228 5.44772 4 6 4C6.55228 4 7 3.55228 7 3C7 2.44772 6.55228 2 6 2Z" fill="#D0D5DA"/>
+</svg>

web/documentserver-example/csharp-mvc/Content/images/logo.svg

@@ -0,0 +1,15 @@
+<svg width="153" height="28" viewBox="0 0 153 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.3403 27.6567L0.801116 21.8897C-0.267039 21.3862 -0.267039 20.6081 0.801116 20.1504L5.16662 18.1365L13.2939 21.8897C14.362 22.3932 16.0804 22.3932 17.1021 21.8897L25.2294 18.1365L29.5949 20.1504C30.663 20.6539 30.663 21.432 29.5949 21.8897L17.0556 27.6567C16.0804 28.1144 14.362 28.1144 13.3403 27.6567Z" fill="#FF6F3D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.3403 20.5623L0.801116 14.7953C-0.267039 14.2918 -0.267039 13.5137 0.801116 13.056L5.07373 11.0879L13.3403 14.8868C14.4085 15.3903 16.1268 15.3903 17.1485 14.8868L25.4151 11.0879L29.6877 13.056C30.7559 13.5595 30.7559 14.3376 29.6877 14.7953L17.1485 20.5623C16.0804 21.0658 14.362 21.0658 13.3403 20.5623Z" fill="#95C038"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.3403 13.651L0.801116 7.88393C-0.267039 7.38045 -0.267039 6.60236 0.801116 6.14466L13.3403 0.377605C14.4085 -0.125868 16.1268 -0.125868 17.1485 0.377605L29.6877 6.14466C30.7559 6.64813 30.7559 7.42622 29.6877 7.88393L17.1485 13.651C16.0804 14.1087 14.362 14.1087 13.3403 13.651Z" fill="#5DC0E8"/>
+<path d="M38.1528 13.9433C38.1528 11.5581 38.8442 9.75803 40.2731 8.58797C41.6559 7.3729 43.3152 6.78787 45.2051 6.78787C47.0949 6.78787 48.7081 7.3729 50.0909 8.58797C51.4737 9.80304 52.1651 11.5581 52.1651 13.9883C52.1651 16.3734 51.4737 18.1735 50.0909 19.3436C48.7081 20.5586 47.0488 21.1437 45.2051 21.1437C43.3152 21.1437 41.702 20.5586 40.2731 19.3436C38.8442 18.1285 38.1528 16.3284 38.1528 13.9433ZM41.195 13.9433C41.195 15.6084 41.5176 16.7784 42.1168 17.5435C42.7621 18.3085 43.4535 18.8035 44.191 18.9835C44.3754 19.0285 44.5137 19.0735 44.698 19.0735C44.8363 19.0735 45.0207 19.1185 45.159 19.1185C45.3433 19.1185 45.4816 19.1185 45.666 19.0735C45.8504 19.0735 45.9886 19.0285 46.173 18.9835C46.9105 18.8035 47.6019 18.3085 48.2011 17.5435C48.8003 16.7784 49.123 15.5633 49.123 13.9883C49.123 12.3682 48.8003 11.1981 48.2011 10.4331C47.6019 9.66803 46.9105 9.173 46.173 8.99299C45.9886 8.94799 45.8043 8.90299 45.666 8.90299C45.4816 8.90299 45.3433 8.85798 45.159 8.85798C44.9746 8.85798 44.8363 8.85798 44.698 8.90299C44.5598 8.90299 44.3754 8.94799 44.191 8.99299C43.4535 9.173 42.7621 9.66803 42.1168 10.4331C41.5176 11.1081 41.195 12.3232 41.195 13.9433Z" fill="white"/>
+<path d="M53.6863 6.92288H57.4659L62.444 15.7434L63.1814 17.6785H63.2275L63.1814 15.1583V6.92288H66.0853V20.9636H62.3057L57.3276 11.7831L56.5901 10.2081H56.544L56.5901 12.6832V20.9636H53.6863V6.92288Z" fill="white"/>
+<path d="M69.0813 6.92288H71.9852V18.5785H77.7007V20.9636H69.0813V6.92288Z" fill="white"/>
+<path d="M75.9031 6.92288H79.2679L82.2178 11.8281L82.6787 12.8182H82.7709L83.2319 11.8281L86.2279 6.92288H89.3161L84.1076 15.2483V20.9636H81.2038V15.2033L75.9031 6.92288Z" fill="white"/>
+<path d="M88.9473 13.9433C88.9473 11.5581 89.6387 9.75803 91.0675 8.58797C92.4503 7.3729 94.1097 6.78787 95.9995 6.78787C97.8893 6.78787 99.5026 7.3729 100.885 8.58797C102.268 9.80304 102.96 11.5581 102.96 13.9883C102.96 16.3734 102.268 18.1735 100.885 19.3436C99.5026 20.5586 97.8432 21.1437 95.9995 21.1437C94.1097 21.1437 92.4964 20.5586 91.0675 19.3436C89.6848 18.1285 88.9473 16.3284 88.9473 13.9433ZM91.9894 13.9433C91.9894 15.6084 92.3121 16.7784 92.9113 17.5435C93.5566 18.3085 94.2019 18.8035 94.9855 18.9835C95.1698 19.0285 95.3081 19.0735 95.4925 19.0735C95.6308 19.0735 95.8151 19.1185 95.9534 19.1185C96.1378 19.1185 96.2761 19.1185 96.4604 19.0735C96.6448 19.0735 96.7831 19.0285 96.9675 18.9835C97.7049 18.8035 98.3963 18.3085 98.9955 17.5435C99.5948 16.7784 99.9174 15.5633 99.9174 13.9883C99.9174 12.3682 99.5948 11.1981 98.9955 10.4331C98.3963 9.66803 97.7049 9.173 96.9675 8.99299C96.7831 8.94799 96.5987 8.90299 96.4604 8.90299C96.2761 8.90299 96.1378 8.85798 95.9534 8.85798C95.769 8.85798 95.6308 8.85798 95.4925 8.90299C95.3542 8.90299 95.1698 8.94799 94.9855 8.99299C94.248 9.173 93.5566 9.66803 92.9113 10.4331C92.3121 11.1081 91.9894 12.3232 91.9894 13.9433Z" fill="white"/>
+<path d="M104.988 6.92288H113.008V9.26301H107.891V12.6832H112.777V15.0683H107.891V20.9636H104.988V6.92288Z" fill="white"/>
+<path d="M115.174 6.92288H123.195V9.26301H118.078V12.6832H122.964V15.0683H118.078V20.9636H115.174V6.92288Z" fill="white"/>
+<path d="M124.9 20.9636V6.92288H127.804V20.9636H124.9Z" fill="white"/>
+<path d="M140.599 7.2378V9.66793C140.092 9.48792 139.585 9.35291 139.032 9.26291C138.478 9.1729 137.833 9.1279 137.188 9.1279C135.667 9.1279 134.515 9.57792 133.685 10.523C132.855 11.423 132.44 12.5931 132.44 13.9882C132.44 15.3382 132.809 16.4633 133.593 17.3633C134.376 18.2634 135.482 18.7584 136.911 18.7584C137.418 18.7584 137.925 18.7134 138.525 18.6684C139.124 18.5784 139.723 18.4434 140.368 18.1734L140.553 20.5585C140.46 20.6035 140.322 20.6485 140.184 20.6935C140 20.7385 139.815 20.7835 139.585 20.8285C139.216 20.9185 138.755 20.9635 138.202 21.0535C137.649 21.0985 137.096 21.1436 136.497 21.1436C136.404 21.1436 136.312 21.1436 136.266 21.1436C136.174 21.1436 136.082 21.1436 136.036 21.1436C134.376 21.0535 132.855 20.4235 131.472 19.3435C130.09 18.2184 129.398 16.4633 129.398 14.1232C129.398 11.828 130.09 10.0279 131.426 8.76788C132.763 7.50781 134.607 6.87778 136.865 6.87778C137.464 6.87778 138.018 6.87778 138.478 6.92278C138.986 6.96778 139.446 7.05779 139.953 7.14779C140.046 7.19279 140.184 7.19279 140.276 7.2378C140.368 7.19279 140.46 7.2378 140.599 7.2378Z" fill="white"/>
+<path d="M142.903 6.92294H151.523V9.12806H145.853V12.6383H150.97V14.7984H145.853V18.7586H151.523V20.9637H142.903V6.92294Z" fill="white"/>
+</svg>

web/documentserver-example/csharp-mvc/Content/images/notdone.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.3">
+<path d="M10.3826 15.3872C9.9926 15.7862 9.35162 15.7889 8.95828 15.3933L6.15133 12.5701C5.76034 12.1768 5.12403 12.1768 4.73304 12.5701L4.70185 12.6015C4.31371 12.9918 4.31409 13.6225 4.7027 14.0124L8.95904 18.2831C9.35223 18.6776 9.99196 18.6749 10.3817 18.277L20.3062 8.14519C20.6903 7.75301 20.6865 7.12447 20.2976 6.73701L20.273 6.71257C19.8791 6.32014 19.2408 6.32437 18.8521 6.722L10.3826 15.3872Z" fill="#444444"/>
+</g>
+</svg>

web/documentserver-example/csharp-mvc/Content/stylesheet.css

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2020
+ * (c) Copyright Ascensio System SIA 2021
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -20,353 +20,451 @@
     height: 100%;
     width: 100%;
 }
+
 body {
-    background: #fff;
-    color: #333;
-    font-family: 'Open Sans', Tahoma,sans-serif;
+    background: #FFFFFF;
+    color: #333333;
+    font-family: Open Sans;
     font-size: 12px;
+    font-style: normal;
     font-weight: normal;
     height: 100%;
     margin: 0;
     padding: 0;
     text-decoration: none;
 }
+
 form {
     height: 100%;
 }
+
 div {
     margin: 0;
     padding: 0;
 }
-a, a:hover, a:visited {
-    color: #333;
+
+a,
+a:hover,
+a:visited {
+    color: #333333;
+    cursor: pointer;
 }
 
-
-.top-panel {
-    background: url("images/logo.png") no-repeat 30px center #3D4A6B;
-    height: 80px;
-    width: 100%;
+header {
+    background: #333333;
+    height: 72px;
+    margin: 0 auto;
+    min-width: 1152px;
+    width: auto;
 }
+
+header img {
+    margin: 22px 0 22px 32px;
+}
+
+.center {
+    margin: 0 auto 0;
+    width: 1152px;
+}
+
+.main {
+    height: calc(100% - 136px);
+    min-height: 549px;
+}
+
+.table-main {
+    border-spacing: 0;
+    height: 100%;
+    min-height: 549px;
+}
+
+.section {
+    height: 100%;
+    padding: 0;
+    vertical-align: top;
+}
+
 .main-panel {
-    margin: 80px auto;
-    width: 600px;
+    box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    height: 100%;
+    list-style: none;
+    padding: 48px 32px;
+    position: relative;
+    width: 896px;
 }
+
 .portal-name {
-    font-size: 20px;
+    color: #FF6F3D;
+    font-size: 24px;
+    font-weight: bold;
+    line-height: 133%;
+    letter-spacing: -0.02em;
 }
+
 .portal-descr {
     display: inline-block;
-    line-height: 20px;
-    margin-bottom: 24px;
-    width: 600px;
-}
-.save-original {
-    color: #929597;
-    line-height: 20px;
-    margin-left: 16px;
-    white-space: nowrap;
-    width: 272px;
-}
-label .checkbox {
-    vertical-align: middle;
-}
-.question {
-    background: url("images/question_small.png") no-repeat center center transparent;
-    cursor: pointer;
-    display: inline-block;
-    height: 16px;
-    width: 16px;
-}
-#hint {
-    background-color: #FFFFFF;
-    border: 1px solid #8E908F;
-    display: none;
-    margin: 4px 0 0 -32px;
-    max-width: 415px;
-    padding: 10px 15px 15px;
-    word-wrap: break-word;
-    z-index: 255;
-}
-.corner {
-    background: url("images/corner.png") no-repeat scroll 0 0 transparent;
-    height: 6px;
-    left: 35px;
-    margin-top: -15px;
-    position: absolute;
-    width: 9px;
-    z-index: 261;
-}
-.try-descr {
     font-size: 16px;
-    white-space : nowrap;
+    line-height: 160%;
+    margin-top: 16px;
+}
+
+.header-list {
+    font-weight: bold;
+    font-size: 16px;
+    line-height: 133%;
+    letter-spacing: -0.02em;
+}
+
+label .checkbox {
+    margin: 0 5px 3px 0;
+    vertical-align: middle;
+    cursor: pointer;
 }
 
 .try-editor-list {
-    list-style: none;
-    margin: 0 0 16px;
-    padding: 0;
-}
-.try-editor-list li {
-    float: left;
-    margin: 0 15px;
-    width: 100px;
-    cursor: pointer;
-}
-.try-editor {
-    background-color: transparent;
-    background-position: center 0;
-    background-repeat: no-repeat;
-    display: block;
-    font-size: 14px;
-    font-weight: bold;
-    height: 45px;
-    padding-top: 100px;
-    text-align: center;
-    text-decoration: none;
-}
-.try-editor.document {
-    background-image: url("images/file_docx.png");
-}
-.try-editor.spreadsheet {
-    background-image: url("images/file_xlsx.png");
-}
-.try-editor.presentation {
-    background-image: url("images/file_pptx.png");
-}
-
-.create-sample {
-    display: inline-block;
-    margin-left: 75px;
-}
-
-.button, .button:visited, .button:hover, .button:active {
-    display: inline-block;
-    font-weight: normal;
-    text-align: center;
-    text-decoration: none;
-    vertical-align: middle;    
-    cursor:pointer;
-    border-radius: 3px;
-    -moz-border-radius: 3px;
-    -webkit-border-radius: 3px;
-    touch-callout: none;
-    -o-touch-callout: none;
-    -moz-touch-callout: none;
-    -webkit-touch-callout: none;
-    user-select: none;
-    -o-user-select: none;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    font-size: 12px;
-    line-height: 16px;
-    margin-right: 3px;
-    padding: 4px 12px;
-
-    color: #fff; 
-
-    background: #3D96C6;
-
-    border-width: 1px;
-    border-style: solid;
-    border-color: #3D96C6;
-}
-
-.button.disable {
-    cursor: default;
-    background: #BADDEF;
-    border: 1px solid #BADDEF;   
-}
-.button.gray {
-    background: #888;
-    border: 1px solid #E9EAEA;
-}
-
-.upload-panel {
-    border-right: 1px solid #D1D1D1;
-    float: left;
-    margin-right: 25px;
-}
-
-.file-upload {
-    background: url("images/file_upload.png") no-repeat center 0 transparent;
-    cursor: pointer;
-    display: inline-block;
-    font-size: 14px;
-    font-weight: bold;
-    height: 45px;
-    margin: 0 40px 16px;
-    overflow: hidden;
-    padding-top: 100px;
-    position: relative;
-    text-align: center;
-    width: 100px;
-}
-
-    .file-upload input {
-        cursor: pointer;
-        opacity: 0;
-        position: absolute;
-        right: 0;
-        top: 0;
-        transform: translate(555px, 60px) scale(8);
-    }
-
-.create-panel {
-    float: left;
-}
-
-.upload-panel,
-.create-panel {
-    padding: 10px 0;
-}
-
-#mainProgress {
-    color: #979b9f;
-    display: none;
-    margin: 15px;
-}
-#mainProgress #embeddedView {
-    display: none;
-}
-#mainProgress.embedded #embeddedView {
-    display: block;
-}
-#mainProgress.embedded #uploadSteps {
-    display: none;
-}
-.error-message {
-    background: url("images/alert.png") no-repeat scroll 4px 10px #FFECE3;
-    color: #666668 !important;
-    display: none;
-    font-size: 13px;
-    font-weight: normal;
-    margin: 5px 0;
-    padding: 10px 10px 10px 30px;
-    vertical-align: middle;
-}
-#mainProgress .error-message a {
-    color: #666668;
-}
-.step {
-    background-repeat: no-repeat;
-    background-position: left center;
-    background-color: transparent;
-    color: #979B9F;
-    font-size: 14px;
-    line-height: 30px;
-    padding-left: 25px;
-}
-.current {
-    background-image: url("images/loader16.gif");
-    color: #333;
-}
-.done {
-    background-image: url("images/done.png");
-    color: #333;
-}
-.error {
-    background-image: url("images/alert.png");
-}
-.step-descr {
-    display: block;
-    margin-left: 45px;
-}
-#mainProgress .step-descr a {
-    color: #979B9F;
-}
-.progress-descr {
-    color: #333;
-}
-#loadScripts {
-    display: none;
-}
-#iframeScripts {
-    position: absolute;
-    visibility: hidden;
-}
-.bottom-panel {
-    bottom: 0;
-    position: fixed;
-    text-align: right;
-    width: 100%;
-}
-.help-block span {
-    font-size: 16px;
-    line-height: 26px;
-}
-
-.stored-list {
-    border-top: 1px solid #D1D1D1;
     list-style: none;
     margin: 0;
     padding: 0;
 }
 
-    .stored-list li {
-        border-bottom: 1px solid #D1D1D1;
-        line-height: 28px;
-        padding: 0 8px;
-    }
+.try-editor-list li {
+    margin-bottom: 12px
+}
+
+.try-editor {
+    background-color: transparent;
+    background-repeat: no-repeat;
+    display: block;
+    font-size: 14px;
+    line-height: 40px;
+    padding-left: 42px;
+    text-decoration: none;
+}
+
+.try-editor.word {
+    background-image: url("images/file_docx.svg");
+}
+
+.try-editor.cell {
+    background-image: url("images/file_xlsx.svg");
+}
+
+.try-editor.slide {
+    background-image: url("images/file_pptx.svg");
+}
+
+.create-sample {
+    color: #666666;
+    line-height: 24px;
+}
+
+.button,
+.button:visited,
+.button:hover,
+.button:active {
+    align-items: center;
+    border-radius: 3px;
+    box-sizing: border-box;
+    cursor: pointer;
+    display: inline-block;
+    font-weight: 600;
+    letter-spacing: 0.08em;
+    line-height: 133%;
+    padding: 8px 20px;
+    text-align: center;
+    text-decoration: none;
+    text-transform: uppercase;
+    vertical-align: middle;
+    user-select: none;
+    -o-touch-callout: none;
+    -moz-touch-callout: none;
+    -webkit-touch-callout: none;
+    -o-user-select: none;
+    -moz-user-select: none;
+    -webkit-user-select: none;
+}
+
+#beginEdit {
+    background: #FF6F3D;
+    border: 1px solid #FF6F3D;
+    color: #FFFFFF;
+}
+
+#beginEdit.disable {
+    background: #EDC2B3;
+    border: 1px solid #EDC2B3;
+    cursor: default;
+}
+
+#beginEdit:not(.disable):hover {
+    background: #ff7a4b;
+}
+
+.button.gray {
+    border: 1px solid #AAAAAA;
+    margin-left: 8px;
+}
+
+.button.gray.disable {
+    border: 1px solid #E5E5E5;
+    color: #B5B5B5;
+    cursor: default;
+}
+
+.button.gray:not(.disable):hover {
+    border: 1px solid #FF6F3D;
+    color: #FF6F3D;
+}
+
+.upload-panel {
+    float: left;
+    padding: 24px 0;
+}
+
+.file-upload {
+    background: url("images/file_upload.svg") no-repeat 0 transparent;
+    cursor: pointer;
+    display: block;
+    font-size: 14px;
+    line-height: 40px;
+    overflow: hidden;
+    padding-left: 42px;
+    position: relative;
+    width: 150px;
+}
+
+.file-upload input {
+    cursor: pointer;
+    height: 40px;
+    margin: 0;
+    opacity: 0;
+    opacity: 0;
+    position: absolute;
+    right: 0;
+    top: 0;
+    transform: translate(0px, -21px) scale(2);
+    width: 192px;
+}
+
+.create-panel {
+    float: left;
+    padding: 16px 0;
+}
+
+.upload-panel,
+.create-panel {
+    width: 100%;
+    border-bottom: 1px solid #D0D5DA;
+}
+
+#mainProgress {
+    color: #333333;
+    display: none;
+    font-size: 12px;
+    margin: 30px 40px;
+}
+
+#mainProgress .uploadFileName {
+    background-position: left center;
+    background-repeat: no-repeat;
+    display: block;
+    font-size: 14px;
+    line-height: 160%;
+    overflow: hidden;
+    padding-left: 28px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+#mainProgress .describeUpload {
+    line-height: 150%;
+    letter-spacing: -0.02em;
+    padding: 16px 0;
+}
+
+#mainProgress #embeddedView {
+    display: none;
+}
+
+#mainProgress.embedded #embeddedView {
+    display: block;
+}
+
+#mainProgress.embedded #uploadSteps {
+    display: none;
+}
+
+.error-message {
+    background: url("images/error.svg") no-repeat scroll 4px 10px;
+    color: #CB0000;
+    display: none;
+    line-height: 160%;
+    letter-spacing: -0.02em;
+    margin: 5px 0;
+    padding: 10px 10px 10px 30px;
+    vertical-align: middle;
+    word-wrap: break-word;
+}
+
+.step {
+    background-repeat: no-repeat;
+    background-position: left center;
+    background-color: transparent;
+    font-weight: bold;
+    line-height: 167%;
+    padding-left: 35px;
+}
+
+.current {
+    background-image: url("images/loader16.gif");
+}
+
+.done {
+    background-image: url("images/done.svg");
+}
+
+.error {
+    background-image: url("images/notdone.svg");
+}
+
+.step-descr {
+    display: block;
+    margin-left: 35px;
+    font-size: 11px;
+    line-height: 188%;
+}
+
+.progress-descr {
+    letter-spacing: -0.02em;
+    line-height: 150%;
+}
+
+#loadScripts {
+    display: none;
+}
+
+#iframeScripts {
+    position: absolute;
+    visibility: hidden;
+}
+
+footer {
+    background: #333333;
+    color: #AAAAAA;
+    height: 64px;
+    min-width: 1152px;
+    width: auto;
+}
+
+footer table {
+    border-spacing: 0;
+}
+
+footer table tr {
+    height: 64px;
+}
+
+footer table td {
+    padding-left: 32px;
+}
+
+footer a,
+footer a:hover,
+footer a:visited {
+    color: #FF6F3D;
+    font-size: 14px;
+    line-height: 120%;
+}
+
+footer a:hover {
+    text-decoration: none;
+}
+
+.copy {
+    padding-left: 510px;
+}
+
+.help-block {
+    margin: 48px 32px;
+}
+
+.help-block span {
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 19px;
+}
+
+.stored-list {
+    list-style: none;
+    padding: 0;
+    position: relative;
+    height: 100%;
+}
 
 .stored-edit {
     background-color: transparent;
     background-position: left center;
     background-repeat: no-repeat;
     display: inline-block;
-    line-height: 16px;
-    max-width: 450px;
-    margin-bottom: -6px;
+    height: 16px;
+    max-width: 250px;
     overflow: hidden;
-    padding: 4px 0 1px 34px;
+    padding: 8px 0 1px 26px;
     text-decoration: none;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
 
-    .stored-edit.text {
-        background-image: url("images/icon_docx.png");
-    }
+.stored-edit.word,
+.uploadFileName.word {
+    background-image: url("images/icon_docx.svg");
+}
 
-    .stored-edit.spreadsheet {
-        background-image: url("images/icon_xlsx.png");
-    }
+.stored-edit.cell,
+.uploadFileName.cell {
+    background-image: url("images/icon_xlsx.svg");
+}
 
-    .stored-edit.presentation {
-        background-image: url("images/icon_pptx.png");
-    }
+.stored-edit.slide,
+.uploadFileName.slide {
+    background-image: url("images/icon_pptx.svg");
+}
 
-    .stored-edit span {
-        font-size: 12px;
-        line-height: 12px;
-    }
-
-    .stored-edit:hover span {
-        text-decoration: underline;
-    }
+.stored-edit span {
+    font-size: 12px;
+    line-height: 12px;
+}
 
+.stored-edit:hover span {
+    text-decoration: underline;
+}
 
 .blockTitle {
-    background-color: #E2E2E2 !important;
+    background-color: #333333 !important;
     border: none !important;
     border-radius: 0 !important;
     -moz-border-radius: 0 !important;
     -webkit-border-radius: 0 !important;
-    color: #333 !important;
+    color: #F5F5F5 !important;
     font-size: 16px !important;
-    font-weight: normal !important;
-    padding: 15px 25px !important;
+    font-weight: 600 !important;
+    line-height: 133%;
+    letter-spacing: -0.02em;
+    padding: 14px 16px 14px 46px !important;
 }
+
 .dialog-close {
-    background: url("images/close.png") no-repeat scroll left top #E2E2E2;
+    background: url("images/close.svg") no-repeat scroll left top;
     cursor: pointer;
     float: right;
     font-size: 1px;
-    height: 12px;
+    height: 14px;
     line-height: 1px;
     margin-top: 4px;
-    width: 12px;
+    width: 14px;
 }
+
 .blockPage {
     border: none !important;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
@@ -384,11 +482,6 @@ label .checkbox {
     visibility: hidden;
 }
 
-/*Icon table*/
-#tableRow {
-    vertical-align: top;
-}
-
 .tableRow {
     background: transparent;
     -moz-transition: all 0.2s ease-in-out;
@@ -398,16 +491,17 @@ label .checkbox {
     transition: all 0.2s ease-in-out;
 }
 
-    .tableRow:hover {
-        background-color: #ebebeb;
-    }
+.tableRow:hover {
+    background-color: #ECECEC;
+}
 
 .tableHeader {
+    padding-top: 10px;
+}
+
+.tableHeader tr {
     background: transparent;
-    color: #333;
     cursor: default;
-    font-family: 'Open Sans', sans-serif;
-    font-size: 13px;
     height: 40px;
     -khtml-user-select: none;
     user-select: none;
@@ -416,19 +510,39 @@ label .checkbox {
 }
 
 .tableHeaderCell {
-    padding: 2px 1px 2px 5px;
+    border-bottom: 1px solid #CCCCCC;
+    padding: 2px 4px;
     text-align: center;
 }
 
 .tableHeaderCellFileName {
     text-align: left;
+    width: 37%;
+}
+
+.tableHeaderCellEditors {
+    width: 29%;
+}
+
+.tableHeaderCellViewers {
+    width: 11%;
+}
+
+.tableHeaderCellDownload {
+    width: 13%;
+    text-align: right;
+    padding-right: 20px;
+}
+
+.tableHeaderCellRemove {
+    text-align: left;
 }
 
 .contentCells {
-    padding: 4px 1px 4px 5px;
+    border-bottom: 1px solid #EFEFEF;
     font-family: 'Open Sans', sans-serif;
     font-size: 16px;
-    border-bottom: 1px solid #e5e5e5;
+    padding: 4px;
     white-space: nowrap;
     -khtml-user-select: none;
     user-select: none;
@@ -436,59 +550,100 @@ label .checkbox {
     -webkit-user-select: none;
 }
 
-    .contentCells a {
-        text-decoration: none;
-    }
-
 .contentCells-shift {
-    padding-right: 30px;
+    padding-right: 44px;
 }
 
 .contentCells-icon {
-    width: 6%;
-}
-
-.contentCellsSmall {
-    padding: 5px 1px 5px 6px;
-    font-family: 'Open Sans', sans-serif;
-    font-size: 13px;
-    border-bottom: 1px solid #e5e5e5;
-    white-space: nowrap;
-    text-align: center;
-}
-
-.primaryRow {
-    background-color: #e9e9e9;
-}
-
-.secondaryRow {
-    background-color: #F9F9F9;
+    width: 4%;
 }
 
 .select-user {
-    margin-left: 15px;
+    color: #444444;
+    font-family: Open Sans;
+    font-size: 12px !important;
+    font-weight: normal !important;
+    line-height: 16px !important;
+}
+
+.info {
+    cursor: pointer;
+    padding: 3px 5px;
+    position: absolute;
+}
+
+.tooltip {
+    background: #FFFFFF;
+    border-radius: 5px;
+    box-shadow: 0px 7px 25px rgba(85, 85, 85, 0.15);
+    color: #666666;
+    line-height: 160%;
+    max-width: 312px;
+    padding: 14px;
+    position: absolute;
+}
+
+.arrow {
+    border-top: 8px solid transparent;
+    border-bottom: 8px solid transparent;
+    border-right: 8px solid #FFFFFF;
+    left: -4px;
+    position: absolute;
+    top: 50%;
+    transform: translate(-50%, -50%);
 }
 
 .user-block-table {
     height: 100%;
+    padding: 14px 0;
     width: 100%;
 }
 
-    .user-block-table td {
-        background-color: #F4F4F4;
-        border-bottom: 1px solid white;
-        padding: 12px 0;
-    }
-
-#user, #language {
-    width: 130px;
+.user-block-table td {
+    background-color: #F4F4F4;
+    padding-top: 10px;
 }
 
-.icon-download {
-    margin-bottom: -5px;
+.user-block-table td select {
+    border: 1px solid #D0D5DA;
+    box-sizing: border-box;
+    border-radius: 3px;
+    cursor: pointer;
+}
+
+#user,
+#language {
+    width: 100%;
+    margin-top: 5px;
+    padding-left: 5px;
 }
 
 .icon-delete {
     cursor: pointer;
-    margin-bottom: -6px;
-} 
+}
+
+.left-panel {
+    width: 256px;
+    background: #F5F5F5;
+}
+
+.scroll-table-body {
+    bottom: 0;
+    left: 0;
+    margin-top: 0px;
+    overflow-x: auto;
+    position: absolute;
+    right: 0;
+    top: 71px;
+    scrollbar-color: #D0D5DA transparent;
+    scrollbar-width: thin;
+}
+
+.scroll-table-body::-webkit-scrollbar {
+    width: 4px;
+}
+
+.scroll-table-body::-webkit-scrollbar-thumb {
+    background: #D0D5DA;
+    border-radius: 3px;
+}

web/documentserver-example/csharp-mvc/Controllers/HomeController.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2020
+ * (c) Copyright Ascensio System SIA 2021
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,6 +16,7 @@
  *
  */
 
+using System.IO;
 using System.Web.Mvc;
 using OnlineEditorsExampleMVC.Helpers;
 using OnlineEditorsExampleMVC.Models;
@@ -35,7 +36,7 @@ namespace OnlineEditorsExampleMVC.Controllers
             {
                 Mode = editorsMode,
                 Type = editorsType,
-                FileName = fileName
+                FileName = Path.GetFileName(fileName)
             };
 
             return View("Editor", file);

web/documentserver-example/csharp-mvc/Global.asax.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2020
+ * (c) Copyright Ascensio System SIA 2021
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/csharp-mvc/Helpers/DocManagerHelper.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2020
+ * (c) Copyright Ascensio System SIA 2021
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -72,7 +72,40 @@ namespace OnlineEditorsExampleMVC.Helpers
             {
                 Directory.CreateDirectory(directory);
             }
-            return directory + fileName;
+            return directory + Path.GetFileName(fileName);
+        }
+
+        public static string ForcesavePath(string fileName, string userAddress, Boolean create)
+        {
+            var directory = HttpRuntime.AppDomainAppPath + CurUserHostAddress(userAddress) + "\\";
+            if (!Directory.Exists(directory))
+            {
+                return "";
+            }
+
+            directory = directory + Path.GetFileName(fileName) + "-hist" + "\\";
+            if (!Directory.Exists(directory))
+            {
+                if (create)
+                {
+                    Directory.CreateDirectory(directory);
+                }
+                else
+                {
+                    return "";
+                }
+            }
+
+            directory = directory + Path.GetFileName(fileName);
+            if (!File.Exists(directory))
+            {
+                if (!create)
+                {
+                    return "";
+                }
+            }
+
+            return directory;
         }
 
         public static string HistoryDir(string storagePath)
@@ -93,7 +126,7 @@ namespace OnlineEditorsExampleMVC.Helpers
         public static int GetFileVersion(string historyPath)
         {
             if (!Directory.Exists(historyPath)) return 0;
-            return Directory.EnumerateDirectories(historyPath).Count();
+            return Directory.EnumerateDirectories(historyPath).Count() + 1;
         }
 
         public static int GetFileVersion(string fileName, string userAddress)
@@ -101,55 +134,57 @@ namespace OnlineEditorsExampleMVC.Helpers
             return GetFileVersion(HistoryDir(StoragePath(fileName, userAddress)));
         }
 
-        public static string GetCorrectName(string fileName)
+        public static string GetCorrectName(string fileName, string userAddress = null)
         {
             var baseName = Path.GetFileNameWithoutExtension(fileName);
-            var ext = Path.GetExtension(fileName);
+            var ext = Path.GetExtension(fileName).ToLower();
             var name = baseName + ext;
 
-            for (var i = 1; File.Exists(StoragePath(name)); i++)
+            for (var i = 1; File.Exists(StoragePath(name, userAddress)); i++)
             {
                 name = baseName + " (" + i + ")" + ext;
             }
             return name;
         }
 
-        public static List<string> GetStoredFiles()
+        public static List<FileInfo> GetStoredFiles()
         {
             var directory = HttpRuntime.AppDomainAppPath + WebConfigurationManager.AppSettings["storage-path"] + CurUserHostAddress(null) + "\\";
-            if (!Directory.Exists(directory)) return new List<string>();
+            if (!Directory.Exists(directory)) return new List<FileInfo>();
 
             var directoryInfo = new DirectoryInfo(directory);
 
-            var storedFiles = directoryInfo.GetFiles("*.*", SearchOption.TopDirectoryOnly).Select(fileInfo => fileInfo.Name).ToList();
+            List<FileInfo> storedFiles = directoryInfo.GetFiles("*.*", SearchOption.TopDirectoryOnly).ToList();
+
             return storedFiles;
         }
 
         public static string CreateDemo(string fileExt, bool withContent)
         {
             var demoName = (withContent ? "sample." : "new.") + fileExt;
+            var demoPath = "assets\\" + (withContent ? "sample\\" : "new\\");
 
             var fileName = GetCorrectName(demoName);
 
-            File.Copy(HttpRuntime.AppDomainAppPath + "app_data\\" + demoName, StoragePath(fileName));
+            File.Copy(HttpRuntime.AppDomainAppPath + demoPath + demoName, StoragePath(fileName)); 
 
             return fileName;
         }
 
-        public static void CreateMeta(string fileName, string uid, string uname)
+        public static void CreateMeta(string fileName, string uid, string uname, string userAddress = null)
         {
-            var histDir = HistoryDir(StoragePath(fileName, null));
+            var histDir = HistoryDir(StoragePath(fileName, userAddress));
             Directory.CreateDirectory(histDir);
             File.WriteAllText(Path.Combine(histDir, "createdInfo.json"), new JavaScriptSerializer().Serialize(new Dictionary<string, object> {
-                { "created", DateTime.Now.ToString() },
+                { "created", DateTime.Now.ToString("yyyy'-'MM'-'dd HH':'mm':'ss") },
                 { "id", string.IsNullOrEmpty(uid) ? "uid-1" : uid },
                 { "name", string.IsNullOrEmpty(uname) ? "John Smith" : uname }
             }));
         }
 
-        public static string GetFileUri(string fileName)
+        public static string GetFileUri(string fileName, Boolean forDocumentServer)
         {
-            var uri = new UriBuilder(HttpContext.Current.Request.Url)
+            var uri = new UriBuilder(GetServerUrl(forDocumentServer))
                 {
                     Path = HttpRuntime.AppDomainAppVirtualPath + "/"
                            + CurUserHostAddress() + "/"
@@ -162,7 +197,7 @@ namespace OnlineEditorsExampleMVC.Helpers
 
         public static string GetPathUri(string path)
         {
-            var uri = new UriBuilder(HttpContext.Current.Request.Url)
+            var uri = new UriBuilder(GetServerUrl(true))
             {
                 Path = HttpRuntime.AppDomainAppVirtualPath + "/"
                            + path,
@@ -172,9 +207,26 @@ namespace OnlineEditorsExampleMVC.Helpers
             return uri.ToString();
         }
 
+        public static string GetServerUrl(Boolean forDocumentServer)
+        {
+            if (forDocumentServer && !WebConfigurationManager.AppSettings["files.docservice.url.example"].Equals(""))
+            {
+                return WebConfigurationManager.AppSettings["files.docservice.url.example"];
+            }
+            else
+            {
+                var uri = new UriBuilder(HttpContext.Current.Request.Url) { Query = "" };
+                var requestHost = HttpContext.Current.Request.Headers["Host"];
+                if (!string.IsNullOrEmpty(requestHost))
+                    uri = new UriBuilder(uri.Scheme + "://" + requestHost);
+
+                return uri.ToString();
+            }
+        }
+
         public static string GetCallback(string fileName)
         {
-            var callbackUrl = new UriBuilder(HttpContext.Current.Request.Url)
+            var callbackUrl = new UriBuilder(GetServerUrl(true))
             {
                 Path =
                     HttpRuntime.AppDomainAppVirtualPath
@@ -191,15 +243,46 @@ namespace OnlineEditorsExampleMVC.Helpers
         {
             switch (fileType)
             {
-                case FileUtility.FileType.Text:
+                case FileUtility.FileType.Word:
                     return ".docx";
-                case FileUtility.FileType.Spreadsheet:
+                case FileUtility.FileType.Cell:
                     return ".xlsx";
-                case FileUtility.FileType.Presentation:
+                case FileUtility.FileType.Slide:
                     return ".pptx";
                 default:
                     return ".docx";
             }
         }
+
+        public static List<Dictionary<string, object>> GetFilesInfo(string fileId = null)
+        {
+            var files = new List<Dictionary<string, object>>();
+
+            foreach (var file in GetStoredFiles())
+            {
+                var dictionary = new Dictionary<string, object>();
+                dictionary.Add("version", GetFileVersion(file.Name, null));
+                dictionary.Add("id", ServiceConverter.GenerateRevisionId(DocManagerHelper.CurUserHostAddress() + "/" + file.Name + "/" + File.GetLastWriteTime(DocManagerHelper.StoragePath(file.Name, null)).GetHashCode()));
+                dictionary.Add("contentLength", Math.Round(file.Length / 1024.0, 2) + " KB");
+                dictionary.Add("pureContentLength", file.Length);
+                dictionary.Add("title", file.Name);
+                dictionary.Add("updated", file.LastWriteTime.ToString());
+
+                if (fileId != null) 
+                {
+                    if (fileId.Equals(dictionary["id"]))
+                    {
+                        files.Add(dictionary);
+                        break;
+                    }
+                }
+                else
+                {
+                    files.Add(dictionary);
+                }
+            }
+
+            return files;
+        }
     }
 }

web/documentserver-example/csharp-mvc/Helpers/DocumentConverter.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2020
+ * (c) Copyright Ascensio System SIA 2021
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -38,7 +38,7 @@ namespace OnlineEditorsExampleMVC.Helpers
         /// </summary>
         static ServiceConverter()
         {
-            DocumentConverterUrl = WebConfigurationManager.AppSettings["files.docservice.url.converter"] ?? "";
+            DocumentConverterUrl = (WebConfigurationManager.AppSettings["files.docservice.url.site"] ?? "") + (WebConfigurationManager.AppSettings["files.docservice.url.converter"] ?? "");
 
             Int32.TryParse(WebConfigurationManager.AppSettings["files.docservice.timeout"], out ConvertTimeout);
             ConvertTimeout = ConvertTimeout > 0 ? ConvertTimeout : 120000;
@@ -85,7 +85,7 @@ namespace OnlineEditorsExampleMVC.Helpers
         {
             convertedDocumentUri = string.Empty;
 
-            fromExtension = string.IsNullOrEmpty(fromExtension) ? Path.GetExtension(documentUri) : fromExtension;
+            fromExtension = string.IsNullOrEmpty(fromExtension) ? Path.GetExtension(documentUri).ToLower() : fromExtension;
 
             var title = Path.GetFileName(documentUri);
             title = string.IsNullOrEmpty(title) ? Guid.NewGuid().ToString() : title;
@@ -119,7 +119,8 @@ namespace OnlineEditorsExampleMVC.Helpers
 
                 var payloadToken = JwtManager.Encode(payload);
                 var bodyToken = JwtManager.Encode(body);
-                request.Headers.Add("Authorization", "Bearer " + payloadToken);
+                string JWTheader = WebConfigurationManager.AppSettings["files.docservice.header"].Equals("") ? "Authorization" : WebConfigurationManager.AppSettings["files.docservice.header"];
+                request.Headers.Add(JWTheader, "Bearer " + payloadToken);
 
                 body.Add("token", bodyToken);
             }

web/documentserver-example/csharp-mvc/Helpers/JwtManager.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2020
+ * (c) Copyright Ascensio System SIA 2021
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/csharp-mvc/Helpers/TrackManager.cs

@@ -0,0 +1,297 @@
+/**
+ *
+ * (c) Copyright Ascensio System SIA 2021
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ */
+
+using System;
+using System.IO;
+using System.Net;
+using System.Collections.Generic;
+using System.Web.Script.Serialization;
+using System.Web.Configuration;
+using System.Linq;
+using System.Web;
+using System.Text;
+
+namespace OnlineEditorsExampleMVC.Helpers
+{
+    public class TrackManager
+    {
+        public static Dictionary<string, object> readBody(HttpContext context)
+        {
+            string body;
+            try
+            {
+                using (var receiveStream = context.Request.InputStream)
+                using (var readStream = new StreamReader(receiveStream))
+                {
+                    body = readStream.ReadToEnd();
+                    if (string.IsNullOrEmpty(body)) context.Response.Write("{\"error\":1,\"message\":\"Request stream is empty\"}");
+                }
+            }
+            catch (Exception e)
+            {
+                throw new HttpException((int)HttpStatusCode.BadRequest, e.Message);
+            }
+
+            var jss = new JavaScriptSerializer();
+            var fileData = jss.Deserialize<Dictionary<string, object>>(body);
+
+            if (JwtManager.Enabled)
+            {
+                string JWTheader = WebConfigurationManager.AppSettings["files.docservice.header"].Equals("") ? "Authorization" : WebConfigurationManager.AppSettings["files.docservice.header"];
+
+                string token = null;
+
+                if (fileData.ContainsKey("token"))
+                {
+                    token = JwtManager.Decode(fileData["token"].ToString());
+                }
+                else if (context.Request.Headers.AllKeys.Contains(JWTheader, StringComparer.InvariantCultureIgnoreCase))
+                {
+                    var headerToken = context.Request.Headers.Get(JWTheader).Substring("Bearer ".Length);
+                    token = JwtManager.Decode(headerToken);
+                }
+                else
+                {
+                    context.Response.Write("{\"error\":1,\"message\":\"JWT expected\"}");
+                }
+
+                if (token != null && !token.Equals(""))
+                {
+                    fileData = (Dictionary<string, object>)jss.Deserialize<Dictionary<string, object>>(token)["payload"];
+                }
+                else
+                {
+                    context.Response.Write("{\"error\":1,\"message\":\"JWT validation failed\"}");
+                }
+            }
+
+            return fileData;
+        }
+
+        public static int processSave(Dictionary<string, object> fileData, string fileName, string userAddress)
+        {
+            var downloadUri = (string)fileData["url"];
+            string curExt = Path.GetExtension(fileName).ToLower();
+            string downloadExt = Path.GetExtension(downloadUri).ToLower() ?? "";
+            var newFileName = fileName;
+
+            if (!curExt.Equals(downloadExt, StringComparison.InvariantCultureIgnoreCase))
+            {
+                try
+                {
+                    string newFileUri;
+                    var result = ServiceConverter.GetConvertedUri(downloadUri, downloadExt, curExt, ServiceConverter.GenerateRevisionId(downloadUri), false, out newFileUri);
+                    if (string.IsNullOrEmpty(newFileUri))
+                    {
+                        newFileName = DocManagerHelper.GetCorrectName(Path.GetFileNameWithoutExtension(fileName) + downloadExt, userAddress);
+                    }
+                    else 
+                    {
+                        downloadUri = newFileUri;
+                    }
+                } 
+                catch (Exception)
+                {
+                    newFileName = DocManagerHelper.GetCorrectName(Path.GetFileNameWithoutExtension(fileName) + downloadExt, userAddress);
+                }
+            }
+
+            var storagePath = DocManagerHelper.StoragePath(newFileName, userAddress);
+            var histDir = DocManagerHelper.HistoryDir(storagePath);
+            if (!Directory.Exists(histDir)) Directory.CreateDirectory(histDir);
+
+            var versionDir = DocManagerHelper.VersionDir(histDir, DocManagerHelper.GetFileVersion(histDir));
+            if (!Directory.Exists(versionDir)) Directory.CreateDirectory(versionDir);
+
+            File.Move(DocManagerHelper.StoragePath(fileName, userAddress), Path.Combine(versionDir, "prev" + curExt));
+
+            DownloadToFile(downloadUri, storagePath);
+            DownloadToFile((string)fileData["changesurl"], Path.Combine(versionDir, "diff.zip"));
+
+            var hist = fileData.ContainsKey("changeshistory") ? (string)fileData["changeshistory"] : null;
+            if (string.IsNullOrEmpty(hist) && fileData.ContainsKey("history"))
+            {
+                var jss = new JavaScriptSerializer();
+                hist = jss.Serialize(fileData["history"]);
+            }
+
+            if (!string.IsNullOrEmpty(hist))
+            {
+                File.WriteAllText(Path.Combine(versionDir, "changes.json"), hist);
+            }
+
+            File.WriteAllText(Path.Combine(versionDir, "key.txt"), (string)fileData["key"]);
+
+            string forcesavePath = DocManagerHelper.ForcesavePath(newFileName, userAddress, false);
+            if (!forcesavePath.Equals(""))
+            {
+                File.Delete(forcesavePath);
+            }
+
+            return 0;
+        }
+
+        public static int processForceSave(Dictionary<string, object> fileData, string fileName, string userAddress)
+        {
+            var downloadUri = (string)fileData["url"];
+
+            string curExt = Path.GetExtension(fileName).ToLower();
+            string downloadExt = Path.GetExtension(downloadUri).ToLower();
+            Boolean newFileName = false;
+
+            if (!curExt.Equals(downloadExt))
+            {
+                try
+                {
+                    string newFileUri;
+                    var result = ServiceConverter.GetConvertedUri(downloadUri, downloadExt, curExt, ServiceConverter.GenerateRevisionId(downloadUri), false, out newFileUri);
+                    if (string.IsNullOrEmpty(newFileUri))
+                    {
+                        newFileName = true;
+                    }
+                    else 
+                    {
+                        downloadUri = newFileUri;
+                    }
+                } 
+                catch (Exception)
+                {
+                    newFileName = true;
+                }
+            }
+
+            string forcesavePath = "";
+            Boolean isSubmitForm = fileData["forcesavetype"].ToString().Equals("3");
+
+            if (isSubmitForm)
+            {
+                if (newFileName)
+                {
+                    fileName = DocManagerHelper.GetCorrectName(Path.GetFileNameWithoutExtension(fileName) + "-form" + downloadExt, userAddress);
+                } else
+                {
+                    fileName = DocManagerHelper.GetCorrectName(Path.GetFileNameWithoutExtension(fileName) + "-form" + curExt, userAddress);
+                }
+                forcesavePath = DocManagerHelper.StoragePath(fileName, userAddress);
+            }
+            else
+            {
+                if (newFileName)
+                {
+                    fileName = DocManagerHelper.GetCorrectName(Path.GetFileNameWithoutExtension(fileName) + downloadExt, userAddress);
+                }
+                forcesavePath = DocManagerHelper.ForcesavePath(fileName, userAddress, false);
+                if (forcesavePath.Equals(""))
+                {
+                    forcesavePath = DocManagerHelper.ForcesavePath(fileName, userAddress, true);
+                }
+            }
+
+            DownloadToFile(downloadUri, forcesavePath);
+
+            if (isSubmitForm)
+            {
+                var jss = new JavaScriptSerializer();
+                var actions = jss.Deserialize<List<object>>(jss.Serialize(fileData["actions"]));
+                var action = jss.Deserialize<Dictionary<string, object>>(jss.Serialize(actions[0]));
+                var user = action["userid"].ToString();
+                DocManagerHelper.CreateMeta(fileName, user, "Filling Form", userAddress);
+            }
+
+            return 0;
+        }
+
+        public static void commandRequest(string method, string key)
+        {
+            string documentCommandUrl = WebConfigurationManager.AppSettings["files.docservice.url.site"] + WebConfigurationManager.AppSettings["files.docservice.url.command"];
+
+            var request = (HttpWebRequest)WebRequest.Create(documentCommandUrl);
+            request.Method = "POST";
+            request.ContentType = "application/json";
+
+            var body = new Dictionary<string, object>() {
+                { "c", method },
+                { "key", key }
+            };
+
+            if (JwtManager.Enabled)
+            {
+                var payload = new Dictionary<string, object>
+                    {
+                        { "payload", body }
+                    };
+
+                var payloadToken = JwtManager.Encode(payload);
+                var bodyToken = JwtManager.Encode(body);
+                string JWTheader = WebConfigurationManager.AppSettings["files.docservice.header"].Equals("") ? "Authorization" : WebConfigurationManager.AppSettings["files.docservice.header"];
+                request.Headers.Add(JWTheader, "Bearer " + payloadToken);
+
+                body.Add("token", bodyToken);
+            }
+
+            var bytes = Encoding.UTF8.GetBytes(new JavaScriptSerializer().Serialize(body));
+            request.ContentLength = bytes.Length;
+            using (var requestStream = request.GetRequestStream())
+            {
+                requestStream.Write(bytes, 0, bytes.Length);
+            }
+
+            string dataResponse;
+            using (var response = request.GetResponse())
+            using (var stream = response.GetResponseStream())
+            {
+                if (stream == null) throw new Exception("Response is null");
+
+                using (var reader = new StreamReader(stream))
+                {
+                    dataResponse = reader.ReadToEnd();
+                }
+            }
+
+            var jss = new JavaScriptSerializer();
+            var responseObj = jss.Deserialize<Dictionary<string, object>>(dataResponse);
+            if (!responseObj["error"].ToString().Equals("0"))
+            {
+                throw new Exception(dataResponse);
+            }
+        }
+
+        private static void DownloadToFile(string url, string path)
+        {
+            if (string.IsNullOrEmpty(url)) throw new ArgumentException("url");
+            if (string.IsNullOrEmpty(path)) throw new ArgumentException("path");
+
+            var req = (HttpWebRequest)WebRequest.Create(url);
+            using (var stream = req.GetResponse().GetResponseStream())
+            {
+                if (stream == null) throw new Exception("stream is null");
+                const int bufferSize = 4096;
+
+                using (var fs = File.Open(path, FileMode.Create))
+                {
+                    var buffer = new byte[bufferSize];
+                    int readed;
+                    while ((readed = stream.Read(buffer, 0, bufferSize)) != 0)
+                    {
+                        fs.Write(buffer, 0, readed);
+                    }
+                }
+            }
+        }
+    }
+}

web/documentserver-example/csharp-mvc/Models/FileModel.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2020
+ * (c) Copyright Ascensio System SIA 2021
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -34,7 +34,12 @@ namespace OnlineEditorsExampleMVC.Models
 
         public string FileUri
         {
-            get { return DocManagerHelper.GetFileUri(FileName); }
+            get { return DocManagerHelper.GetFileUri(FileName, true); }
+        }
+
+        public string FileUriUser
+        {
+            get { return DocManagerHelper.GetFileUri(FileName, false); }
         }
 
         public string FileName { get; set; }
@@ -58,11 +63,33 @@ namespace OnlineEditorsExampleMVC.Models
         {
             var jss = new JavaScriptSerializer();
 
-            var ext = Path.GetExtension(FileName);
+            var ext = Path.GetExtension(FileName).ToLower();
             var editorsMode = Mode ?? "edit";
 
             var canEdit = DocManagerHelper.EditedExts.Contains(ext);
             var mode = canEdit && editorsMode != "view" ? "edit" : "view";
+            var submitForm = canEdit && (editorsMode.Equals("edit") || editorsMode.Equals("fillForms"));
+
+            var userId = request.Cookies.GetOrDefault("uid", "uid-1");
+            var uname = userId.Equals("uid-0") ? null : request.Cookies.GetOrDefault("uname", "John Smith");
+            string userGroup = null;
+            List<string> reviewGroups = null;
+            if (userId.Equals("uid-2"))
+            {
+                userGroup = "group-2";
+                reviewGroups = new List<string>() { "group-2", "" };
+            }
+            if (userId.Equals("uid-3"))
+            {
+                userGroup = "group-3";
+                reviewGroups = new List<string>() { "group-2" };
+            }
+
+            object favorite = null;
+            if (!string.IsNullOrEmpty(request.Cookies.GetOrDefault("uid", null)))
+            {
+                favorite = request.Cookies.GetOrDefault("uid", null).Equals("uid-2");
+            }
 
             var actionLink = request.GetOrDefault("actionLink", null);
             var actionData = string.IsNullOrEmpty(actionLink) ? null : jss.DeserializeObject(actionLink);
@@ -81,8 +108,9 @@ namespace OnlineEditorsExampleMVC.Models
                                 {
                                     "info", new Dictionary<string, object>
                                         {
-                                            { "author", "Me" },
-                                            { "created", DateTime.Now.ToShortDateString() }
+                                            { "owner", "Me" },
+                                            { "uploaded", DateTime.Now.ToShortDateString() },
+                                            { "favorite", favorite}
                                         }
                                 },
                                 {
@@ -94,7 +122,8 @@ namespace OnlineEditorsExampleMVC.Models
                                             { "fillForms", editorsMode != "view" && editorsMode != "comment" && editorsMode != "embedded" && editorsMode != "blockcontent" },
                                             { "modifyFilter", editorsMode != "filter" },
                                             { "modifyContentControl", editorsMode != "blockcontent" },
-                                            { "review", editorsMode == "edit" || editorsMode == "review" }
+                                            { "review", editorsMode == "edit" || editorsMode == "review" },
+                                            { "reviewGroups", reviewGroups }
                                         }
                                 }
                             }
@@ -109,16 +138,17 @@ namespace OnlineEditorsExampleMVC.Models
                                 {
                                     "user", new Dictionary<string, object>
                                         {
-                                            { "id", request.Cookies.GetOrDefault("uid", "uid-1") },
-                                            { "name", request.Cookies.GetOrDefault("uname", "John Smith") }
+                                            { "id", userId },
+                                            { "name", uname },
+                                            { "group", userGroup }
                                         }
                                 },
                                 {
                                     "embedded", new Dictionary<string, object>
                                         {
-                                            { "saveUrl", FileUri },
-                                            { "embedUrl", FileUri },
-                                            { "shareUrl", FileUri },
+                                            { "saveUrl", FileUriUser },
+                                            { "embedUrl", FileUriUser },
+                                            { "shareUrl", FileUriUser },
                                             { "toolbarDocked", "top" }
                                         }
                                 },
@@ -127,6 +157,8 @@ namespace OnlineEditorsExampleMVC.Models
                                         {
                                             { "about", true },
                                             { "feedback", true },
+                                            { "forcesave", false },
+                                            { "submitForm", submitForm },
                                             {
                                                 "goback", new Dictionary<string, object>
                                                     {
@@ -162,18 +194,18 @@ namespace OnlineEditorsExampleMVC.Models
                 var hist = new List<Dictionary<string, object>>();
                 var histData = new Dictionary<string, object>();
 
-                for (var i = 0; i <= currentVersion; i++)
+                for (var i = 1; i <= currentVersion; i++)
                 {
                     var obj = new Dictionary<string, object>();
                     var dataObj = new Dictionary<string, object>();
-                    var verDir = DocManagerHelper.VersionDir(histDir, i + 1);
+                    var verDir = DocManagerHelper.VersionDir(histDir, i);
 
                     var key = i == currentVersion ? Key : File.ReadAllText(Path.Combine(verDir, "key.txt"));
 
                     obj.Add("key", key);
                     obj.Add("version", i);
 
-                    if (i == 0)
+                    if (i == 1)
                     {
                         var infoPath = Path.Combine(histDir, "createdInfo.json");
 
@@ -191,9 +223,9 @@ namespace OnlineEditorsExampleMVC.Models
                     dataObj.Add("key", key);
                     dataObj.Add("url", i == currentVersion ? FileUri : DocManagerHelper.GetPathUri(Directory.GetFiles(verDir, "prev.*")[0].Substring(HttpRuntime.AppDomainAppPath.Length)));
                     dataObj.Add("version", i);
-                    if (i > 0)
+                    if (i > 1)
                     {
-                        var changes = jss.Deserialize<Dictionary<string, object>>(File.ReadAllText(Path.Combine(DocManagerHelper.VersionDir(histDir, i), "changes.json")));
+                        var changes = jss.Deserialize<Dictionary<string, object>>(File.ReadAllText(Path.Combine(DocManagerHelper.VersionDir(histDir, i - 1), "changes.json")));
                         var change = ((Dictionary<string, object>)((ArrayList)changes["changes"])[0]);
 
                         obj.Add("changes", changes["changes"]);
@@ -201,16 +233,20 @@ namespace OnlineEditorsExampleMVC.Models
                         obj.Add("created", change["created"]);
                         obj.Add("user", change["user"]);
 
-                        var prev = (Dictionary<string, object>)histData[(i - 1).ToString()];
+                        var prev = (Dictionary<string, object>)histData[(i - 2).ToString()];
                         dataObj.Add("previous", new Dictionary<string, object>() {
                             { "key", prev["key"] },
                             { "url", prev["url"] },
                         });
-                        dataObj.Add("changesUrl", DocManagerHelper.GetPathUri(Path.Combine(DocManagerHelper.VersionDir(histDir, i), "diff.zip").Substring(HttpRuntime.AppDomainAppPath.Length)));
+                        dataObj.Add("changesUrl", DocManagerHelper.GetPathUri(Path.Combine(DocManagerHelper.VersionDir(histDir, i - 1), "diff.zip").Substring(HttpRuntime.AppDomainAppPath.Length)));
+                    }
+                    if(JwtManager.Enabled)
+                    {
+                        var token = JwtManager.Encode(dataObj);
+                        dataObj.Add("token", token);
                     }
-
                     hist.Add(obj);
-                    histData.Add(i.ToString(), dataObj);
+                    histData.Add((i - 1).ToString(), dataObj);
                 }
 
                 history = jss.Serialize(new Dictionary<string, object>()
@@ -221,5 +257,86 @@ namespace OnlineEditorsExampleMVC.Models
                 historyData = jss.Serialize(histData);
             }
         }
+
+        public void GetCompareFileData(out string compareConfig)
+        {
+            var jss = new JavaScriptSerializer();
+
+            var compareFileUrl = new UriBuilder(DocManagerHelper.GetServerUrl(true))
+            {
+                Path = HttpRuntime.AppDomainAppVirtualPath
+                    + (HttpRuntime.AppDomainAppVirtualPath.EndsWith("/") ? "" : "/")
+                    + "webeditor.ashx",
+                Query = "type=assets&fileName=" + HttpUtility.UrlEncode("sample.docx")
+            };
+
+            var dataCompareFile = new Dictionary<string, object>
+            {
+                { "fileType", "docx" },
+                { "url", compareFileUrl.ToString() }
+            };
+
+            if (JwtManager.Enabled)
+            {
+                var compareFileToken = JwtManager.Encode(dataCompareFile);
+                dataCompareFile.Add("token", compareFileToken);
+            }
+
+            compareConfig = jss.Serialize(dataCompareFile);
+        }
+
+        public void GetLogoConfig(out string logoUrl)
+        {
+            var jss = new JavaScriptSerializer();
+
+            var mailMergeUrl = new UriBuilder(DocManagerHelper.GetServerUrl(true))
+            {
+                Path = HttpRuntime.AppDomainAppVirtualPath
+                    + (HttpRuntime.AppDomainAppVirtualPath.EndsWith("/") ? "" : "/")
+                    + "Content\\images\\logo.png"
+            };
+
+            var logoConfig = new Dictionary<string, object>
+            {
+                { "fileType", "png"},
+                { "url", mailMergeUrl.ToString()}
+            };
+
+            if (JwtManager.Enabled)
+            {
+                var token = JwtManager.Encode(logoConfig);
+                logoConfig.Add("token", token);
+            }
+
+            logoUrl = jss.Serialize(logoConfig).Replace("{", "").Replace("}", "");
+        }
+
+        public void GetMailMergeConfig(out string dataMailMergeRecipients)
+        {
+            var jss = new JavaScriptSerializer();
+
+            var mailMergeUrl = new UriBuilder(DocManagerHelper.GetServerUrl(true))
+            {
+                Path =
+                    HttpRuntime.AppDomainAppVirtualPath
+                    + (HttpRuntime.AppDomainAppVirtualPath.EndsWith("/") ? "" : "/")
+                    + "webeditor.ashx",
+                Query = "type=csv"
+            };
+
+            var mailMergeConfig = new Dictionary<string, object>
+            {
+                { "fileType", "csv" },
+                { "url", mailMergeUrl.ToString()}
+            };
+
+            if (JwtManager.Enabled)
+            {
+                var mailmergeToken = JwtManager.Encode(mailMergeConfig);
+                mailMergeConfig.Add("token", mailmergeToken);
+            }
+
+            dataMailMergeRecipients = jss.Serialize(mailMergeConfig);
+        }
     }
 }

web/documentserver-example/csharp-mvc/Models/FileUtility.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2020
+ * (c) Copyright Ascensio System SIA 2021
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -25,20 +25,20 @@ namespace OnlineEditorsExampleMVC.Models
     {
         public enum FileType
         {
-            Text,
-            Spreadsheet,
-            Presentation
+            Word,
+            Cell,
+            Slide
         }
 
         public static FileType GetFileType(string fileName)
         {
             var ext = Path.GetExtension(fileName).ToLower();
 
-            if (ExtsDocument.Contains(ext)) return FileType.Text;
-            if (ExtsSpreadsheet.Contains(ext)) return FileType.Spreadsheet;
-            if (ExtsPresentation.Contains(ext)) return FileType.Presentation;
+            if (ExtsDocument.Contains(ext)) return FileType.Word;
+            if (ExtsSpreadsheet.Contains(ext)) return FileType.Cell;
+            if (ExtsPresentation.Contains(ext)) return FileType.Slide;
 
-            return FileType.Text;
+            return FileType.Word;
         }
 
         public static readonly List<string> ExtsDocument = new List<string>
@@ -46,7 +46,7 @@ namespace OnlineEditorsExampleMVC.Models
                 ".doc", ".docx", ".docm",
                 ".dot", ".dotx", ".dotm",
                 ".odt", ".fodt", ".ott", ".rtf", ".txt",
-                ".html", ".htm", ".mht",
+                ".html", ".htm", ".mht", ".xml",
                 ".pdf", ".djvu", ".fb2", ".epub", ".xps"
             };
 

web/documentserver-example/csharp-mvc/OnlineEditorsExampleMVC.csproj

@@ -105,6 +105,7 @@
     <Compile Include="Global.asax.cs">
       <DependentUpon>Global.asax</DependentUpon>
     </Compile>
+    <Compile Include="Helpers\TrackManager.cs" />
     <Compile Include="Helpers\DocManagerHelper.cs" />
     <Compile Include="Helpers\DocumentConverter.cs" />
     <Compile Include="Helpers\JwtManager.cs" />
@@ -120,6 +121,7 @@
     <Content Include="Content\editor.css" />
     <Content Include="Content\images\alert.png" />
     <Content Include="Content\images\block-content-24.png" />
+    <Content Include="Content\images\cell.ico" />
     <Content Include="Content\images\close.png" />
     <Content Include="Content\images\comment-24.png" />
     <Content Include="Content\images\corner.png" />
@@ -139,6 +141,8 @@
     <Content Include="Content\images\mobile-24.png" />
     <Content Include="Content\images\question_small.png" />
     <Content Include="Content\images\review-24.png" />
+    <Content Include="Content\images\slide.ico" />
+    <Content Include="Content\images\word.ico" />
     <Content Include="Content\jquery-ui.css" />
     <Content Include="Content\stylesheet.css" />
     <Content Include="favicon.ico" />
@@ -168,9 +172,15 @@
     <Content Include="WebEditor.ashx" />
   </ItemGroup>
   <ItemGroup>
-    <Folder Include="App_Data\" />
-  </ItemGroup>
-  <ItemGroup>
+    <Content Include="assets\AUTHORS.md" />
+    <Content Include="assets\LICENSE" />
+    <Content Include="assets\new\new.docx" />
+    <Content Include="assets\new\new.pptx" />
+    <Content Include="assets\new\new.xlsx" />
+    <Content Include="assets\sample\csv.csv" />
+    <Content Include="assets\sample\sample.docx" />
+    <Content Include="assets\sample\sample.pptx" />
+    <Content Include="assets\sample\sample.xlsx" />
     <None Include="packages.config" />
   </ItemGroup>
   <PropertyGroup>

web/documentserver-example/csharp-mvc/Properties/AssemblyInfo.cs

@@ -7,7 +7,7 @@ using System.Runtime.InteropServices;
 [assembly: AssemblyConfiguration("")]
 [assembly: AssemblyCompany("Ascensio System SIA")]
 [assembly: AssemblyProduct("OnlineEditorsExampleMVC")]
-[assembly: AssemblyCopyright("Ascensio System SIA 2020")]
+[assembly: AssemblyCopyright("Ascensio System SIA 2021")]
 [assembly: AssemblyTrademark("")]
 [assembly: AssemblyCulture("")]
 

web/documentserver-example/csharp-mvc/Scripts/jquery.dropdownToggle.js

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2020
+ * (c) Copyright Ascensio System SIA 2021
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/csharp-mvc/Scripts/jscript.js

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2020
+ * (c) Copyright Ascensio System SIA 2021
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -29,13 +29,14 @@ if (typeof jQuery != "undefined") {
                 jq("#step1").addClass("current");
                 jq("#mainProgress .error-message").hide().find("span").text("");
                 jq("#mainProgress").removeClass("embedded");
+                jq("#uploadFileName").text("");
 
                 jq.blockUI({
                     theme: true,
-                    title: "Getting ready to load the file" + "<div class=\"dialog-close\"></div>",
+                    title: "File upload" + "<div class=\"dialog-close\"></div>",
                     message: jq("#mainProgress"),
                     overlayCSS: { "background-color": "#aaa" },
-                    themedCSS: { width: "656px", top: "20%", left: "50%", marginLeft: "-328px" }
+                    themedCSS: { width: "539px", top: "20%", left: "50%", marginLeft: "-269px" }
                 });
                 jq("#beginEdit, #beginView, #beginEmbedded").addClass("disable");
 
@@ -55,6 +56,8 @@ if (typeof jQuery != "undefined") {
                 }
 
                 jq("#hiddenFileName").val(response.filename);
+                jq("#uploadFileName").text(response.filename);
+                jq("#uploadFileName").addClass(response.documentType);
 
                 jq("#step1").addClass("done").removeClass("current");
                 jq("#step2").addClass("current");
@@ -197,7 +200,7 @@ if (typeof jQuery != "undefined") {
 
     jq(document).on("click", "#beginEmbedded:not(.disable)", function () {
         var fileId = encodeURIComponent(jq('#hiddenFileName').val());
-        var url = UrlEditor + "?mode=embedded&fileName=" + fileId;
+        var url = UrlEditor + "?editorsType=embedded&editorsMode=embedded&fileName=" + fileId;
 
         jq("#mainProgress").addClass("embedded");
         jq("#beginEmbedded").addClass("disable");
@@ -238,8 +241,17 @@ if (typeof jQuery != "undefined") {
         });
     });
 
-    jq.dropdownToggle({
-        switcherSelector: ".question",
-        dropdownID: "hint"
+    jq(".info").mouseover(function (event) {
+        var target = event.target;
+        var id = target.dataset.id ? target.dataset.id : target.id;
+        var tooltip = target.dataset.tooltip;
+
+        jq("<div class='tooltip'>" + tooltip + "<div class='arrow'></div></div>").appendTo("body");
+
+        var top = jq("#" + id).offset().top + jq("#" + id).outerHeight() / 2 - jq("div.tooltip").outerHeight() / 2;
+        var left = jq("#" + id).offset().left + jq("#" + id).outerWidth() + 20;
+        jq("div.tooltip").css({ "top": top, "left": left });
+    }).mouseout(function () {
+        jq("div.tooltip").remove();
     });
 }

web/documentserver-example/csharp-mvc/Views/Home/Editor.aspx

@@ -14,7 +14,7 @@
     <meta name="mobile-web-app-capable" content="yes" />
     <!--
     *
-    * (c) Copyright Ascensio System SIA 2020
+    * (c) Copyright Ascensio System SIA 2021
     *
     * Licensed under the Apache License, Version 2.0 (the "License");
     * you may not use this file except in compliance with the License.
@@ -29,7 +29,7 @@
     * limitations under the License.
     *
     -->
-   <link rel="icon" href="~/favicon.ico" type="image/x-icon" />
+    <link rel="icon" href="<%= "content/images/" + Model.DocumentType + ".ico" %>" type="image/x-icon" />
     <title><%= Model.FileName + " - ONLYOFFICE" %></title>
     
     <%: Styles.Render("~/Content/editor") %>
@@ -41,7 +41,7 @@
         </div>
     </div>
     
-    <%: Scripts.Render(new []{ WebConfigurationManager.AppSettings["files.docservice.url.api"] }) %>
+    <%: Scripts.Render(new []{ WebConfigurationManager.AppSettings["files.docservice.url.site"] + WebConfigurationManager.AppSettings["files.docservice.url.api"] }) %>
 
     <script type="text/javascript" language="javascript">
 
@@ -96,6 +96,34 @@
             docEditor.setActionLink(replaceActionLink(location.href, linkParam));
         };
 
+        var onMetaChange = function (event) {
+            var favorite = !!event.data.favorite;
+            var title = document.title.replace(/^\☆/g, "");
+            document.title = (favorite ? "☆" : "") + title;
+            docEditor.setFavorite(favorite);
+        };
+
+        var onRequestInsertImage = function (event) {
+            <% string logoUrl;%>
+            <% Model.GetLogoConfig(out logoUrl); %>
+            docEditor.insertImage({
+                "c": event.data.c,
+                <%= logoUrl%>
+            })
+        };
+
+        var onRequestCompareFile = function () {
+            <% string compareFileData; %>
+            <% Model.GetCompareFileData(out compareFileData); %>
+            docEditor.setRevisedFile(<%=compareFileData%>);
+        };
+
+        var onRequestMailMergeRecipients = function (event) {
+            <% string dataMailMergeRecipients; %>
+            <% Model.GetMailMergeConfig(out dataMailMergeRecipients); %>
+            docEditor.setMailMergeRecipients(<%= dataMailMergeRecipients%>);
+        };
+
         var config = <%= Model.GetDocConfig(Request, Url) %>;
 
         config.width = "100%";
@@ -108,6 +136,10 @@
             'onError': onError,
             'onOutdatedVersion': onOutdatedVersion,
             "onMakeActionLink": onMakeActionLink,
+            "onMetaChange": onMetaChange,
+            "onRequestInsertImage": onRequestInsertImage,
+            "onRequestCompareFile": onRequestCompareFile,
+            "onRequestMailMergeRecipients": onRequestMailMergeRecipients,
         };
 
         <% string hist, histData; %>
@@ -120,7 +152,7 @@
         config.events['onRequestHistoryData'] = function (event) {
             var ver = event.data;
             var histData = <%= histData %>;
-            docEditor.setHistoryData(histData[ver]);
+            docEditor.setHistoryData(histData[ver - 1]);
         };
         config.events['onRequestHistoryClose '] = function () {
             document.location.reload();

web/documentserver-example/csharp-mvc/Views/Home/Index.aspx

@@ -4,7 +4,7 @@
 <%@ Import Namespace="OnlineEditorsExampleMVC.Helpers" %>
 <%@ Import Namespace="OnlineEditorsExampleMVC.Models" %>
 
-<!DOCTYPE html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
 <html lang="en">
 <head runat="server">
@@ -13,7 +13,7 @@
     <meta name="viewport" content="width=device-width" />
     <!--
     *
-    * (c) Copyright Ascensio System SIA 2020
+    * (c) Copyright Ascensio System SIA 2021
     *
     * Licensed under the Apache License, Version 2.0 (the "License");
     * you may not use this file except in compliance with the License.
@@ -37,253 +37,275 @@
     <%: Styles.Render("~/Content/css") %>
 </head>
 <body>
-    <div class="top-panel"></div>
-    <div class="main-panel">
-        <span class="portal-name">ONLYOFFICE Document Editors</span>
-        <br />
-        <br />
-        <span class="portal-descr">Get started with a demo-sample of ONLYOFFICE Document Editors, the first html5-based editors. You may upload your own documents for testing using the "Upload file" button and selecting the necessary files on your PC.</span>
+    <header>
+        <div class="center">
+            <a href="">
+                <img src ="content/images/logo.svg" alt="ONLYOFFICE" />
+            </a>
+        </div>
+    </header>
 
-        <table class="user-block-table" cellspacing="0" cellpadding="0">
+    <div class="center main">
+        <table class="table-main">
             <tbody>
                 <tr>
-                    <td width="30%" valign="middle">
-                        <span class="select-user">Username:</span>
-                        <select class="select-user" id="user">
-                            <option value="uid-1">John Smith</option>
-                            <option value="uid-2">Mark Pottato</option>
-                            <option value="uid-3">Hamish Mitchell</option>
-                        </select>
+                    <td class="left-panel section">
+                        <div class="help-block">
+                            <span>Create new</span>
+                            <div class="clearFix">
+                                <div class="create-panel">
+                                    <ul class="try-editor-list clearFix" data-link="<%= Url.Action("sample", "Home") %>">
+                                        <li>
+                                            <a class="try-editor word" data-type="docx">Document</a>
+                                        </li>
+                                        <li>
+                                            <a class="try-editor cell" data-type="xlsx">Spreadsheet</a>
+                                        </li>
+                                        <li>
+                                            <a class="try-editor slide" data-type="pptx">Presentation</a>
+                                        </li>
+                                    </ul>
+                                    <label class="create-sample">
+                                        <input id="createSample" class="checkbox" type="checkbox" />With sample content
+                                    </label>
+                                </div>
+
+                                <div class="upload-panel clearFix">
+                                    <a class="file-upload">Upload file
+                                        <input type="file" id="fileupload" name="files[]" data-url="<%= Url.Content("~/webeditor.ashx?type=upload") %>" />
+                                    </a>
+                                </div>
+                            </div>
+                            <table class="user-block-table" cellspacing="0" cellpadding="0">
+                                <tbody>
+                                    <tr>
+                                        <td valign="middle">
+                                            <span class="select-user">Username</span>
+                                            <img class="info" data-id="user" data-tooltip="You can open the same document using different users in different Web browser sessions, so you can check out multi-user editing functions" src="content/images/info.svg" />
+                                            <select class="select-user" id="user">
+                                                <option value="uid-1">John Smith</option>
+                                                <option value="uid-2">Mark Pottato</option>
+                                                <option value="uid-3">Hamish Mitchell</option>
+                                                <option value="uid-0">anonymous</option>
+                                            </select>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td valign="middle">
+                                            <span class="select-user">Language</span>
+                                            <img class="info" data-id="language" data-tooltip="Choose the language for ONLYOFFICE editors interface" src="content/images/info.svg" />
+                                            <select class="select-user" id="language">
+                                                <option value="en">English</option>
+                                                <option value="be">Belarusian</option>
+                                                <option value="bg">Bulgarian</option>
+                                                <option value="ca">Catalan</option>
+                                                <option value="zh">Chinese</option>
+                                                <option value="cs">Czech</option>
+                                                <option value="da">Danish</option>
+                                                <option value="nl">Dutch</option>
+                                                <option value="fi">Finnish</option>
+                                                <option value="fr">French</option>
+                                                <option value="de">German</option>
+                                                <option value="el">Greek</option>
+                                                <option value="hu">Hungarian</option>
+                                                <option value="id">Indonesian</option>
+                                                <option value="it">Italian</option>
+                                                <option value="ja">Japanese</option>
+                                                <option value="ko">Korean</option>
+                                                <option value="lv">Latvian</option>
+                                                <option value="lo">Lao</option>
+                                                <option value="nb">Norwegian</option>
+                                                <option value="pl">Polish</option>
+                                                <option value="pt">Portuguese</option>
+                                                <option value="ro">Romanian</option>
+                                                <option value="ru">Russian</option>
+                                                <option value="sk">Slovak</option>
+                                                <option value="sl">Slovenian</option>
+                                                <option value="sv">Swedish</option>
+                                                <option value="es">Spanish</option>
+                                                <option value="tr">Turkish</option>
+                                                <option value="uk">Ukrainian</option>
+                                                <option value="vi">Vietnamese</option>
+                                            </select>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
                     </td>
-                    <td width="70%" valign="middle">Select user name before opening the document; you can open the same document using different users in different Web browser sessions, so you can check out multi-user editing functions.</td>
-                </tr>
-                <tr>
-                    <td width="30%" valign="middle">
-                        <select class="select-user" id="language">
-                            <option value="en">English</option>
-                            <option value="be">Belarusian</option>
-                            <option value="bg">Bulgarian</option>
-                            <option value="ca">Catalan</option>
-                            <option value="zh">Chinese</option>
-                            <option value="cs">Czech</option>
-                            <option value="da">Danish</option>
-                            <option value="nl">Dutch</option>
-                            <option value="fi">Finnish</option>
-                            <option value="fr">French</option>
-                            <option value="de">German</option>
-                            <option value="el">Greek</option>
-                            <option value="hu">Hungarian</option>
-                            <option value="id">Indonesian</option>
-                            <option value="it">Italian</option>
-                            <option value="ja">Japanese</option>
-                            <option value="ko">Korean</option>
-                            <option value="lv">Latvian</option>
-                            <option value="lo">Lao</option>
-                            <option value="nb">Norwegian</option>
-                            <option value="pl">Polish</option>
-                            <option value="pt">Portuguese</option>
-                            <option value="ro">Romanian</option>
-                            <option value="ru">Russian</option>
-                            <option value="sk">Slovak</option>
-                            <option value="sl">Slovenian</option>
-                            <option value="sv">Swedish</option>
-                            <option value="es">Spanish</option>
-                            <option value="tr">Turkish</option>
-                            <option value="uk">Ukrainian</option>
-                            <option value="vi">Vietnamese</option>
-                        </select>
+                    <td class="section">
+                        <div class="main-panel">
+                            <%  var storedFiles = DocManagerHelper.GetStoredFiles();
+                                if (!storedFiles.Any())
+                                { %>
+                                    <span class="portal-name">ONLYOFFICE Document Editors – Welcome!</span>
+                                        <span class="portal-descr">
+                                            Get started with a demo-sample of ONLYOFFICE Document Editors, the first html5-based editors.
+                                            <br /> You may upload your own documents for testing using the "<b>Upload file</b>" button and <b>selecting</b> the necessary files on your PC.
+                                    </span>
+                            <%  }
+                                else 
+                                { %>
+                                    <div class="stored-list">
+                                        <span class="header-list">Your documents</span>
+                                        <table class="tableHeader" cellspacing="0" cellpadding="0" width="100%">
+                                            <thead>
+                                                <tr>
+                                                    <td class="tableHeaderCell tableHeaderCellFileName">Filename</td>
+                                                    <td class="tableHeaderCell tableHeaderCellEditors contentCells-shift">Editors</td>
+                                                    <td class="tableHeaderCell tableHeaderCellViewers">Viewers</td>
+                                                    <td class="tableHeaderCell tableHeaderCellDownload">Download</td>
+                                                    <td class="tableHeaderCell tableHeaderCellRemove">Remove</td>
+                                                </tr>
+                                            </thead>
+                                        </table>
+                                        <div class="scroll-table-body">
+                                            <table cellspacing="0" cellpadding="0" width="100%">
+                                                <tbody>
+                                                    <%  foreach (var storedFile in storedFiles)
+                                                        { 
+                                                            var editUrl = "doceditor.aspx?fileID=" + HttpUtility.UrlEncode(storedFile.Name);
+                                                            var docType = FileUtility.GetFileType(storedFile.Name).ToString().ToLower(); %>
+
+                                                            <tr class="tableRow" title="<%= storedFile.Name %>">
+                                                                <td class="contentCells">
+                                                                    <a class="stored-edit <%= docType %>" href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name }) %>" target="_blank">
+                                                                        <span title="<%= storedFile.Name %>"><%= storedFile.Name %></span>
+                                                                    </a>
+                                                                </td>
+                                                                <td class="contentCells contentCells-icon">
+                                                                    <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, editorsType = "desktop", editorsMode = "edit" }) %>" target="_blank">
+                                                                        <img src="content/images/desktop-24.png" alt="Open in editor for full size screens" title="Open in editor for full size screens"/>
+                                                                    </a>
+                                                                </td>
+                                                                <td class="contentCells contentCells-icon">
+                                                                    <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, editorsType = "mobile", editorsMode = "edit" }) %>" target="_blank">
+                                                                        <img src="content/images/mobile-24.png" alt="Open in editor for mobile devices" title="Open in editor for mobile devices"/>
+                                                                    </a>
+                                                                </td>
+                                                                <td class="contentCells contentCells-icon">
+                                                                    <% if (docType == "word") { %>
+                                                                        <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, editorsType = "desktop", editorsMode = "review" }) %>" target="_blank">
+                                                                            <img src="content/images/review-24.png" alt="Open in editor for review" title="Open in editor for review"/>
+                                                                        </a>
+                                                                    <% } else if (docType == "cell") { %>
+                                                                        <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, editorsType = "desktop", editorsMode = "filter" }) %>" target="_blank">
+                                                                            <img src="content/images/filter-24.png" alt="Open in editor without access to change the filter" title="Open in editor without access to change the filter" />
+                                                                        </a>
+                                                                    <% } %>
+                                                                </td>
+                                                                <td class="contentCells contentCells-icon">
+                                                                    <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, editorsType = "desktop", editorsMode = "comment" }) %>" target="_blank">
+                                                                        <img src="content/images/comment-24.png" alt="Open in editor for comment" title="Open in editor for comment"/>
+                                                                    </a>
+                                                                </td>
+                                                                <td class="contentCells contentCells-icon">
+                                                                    <% if (docType == "word") { %>
+                                                                        <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, editorsType = "desktop", editorsMode = "fillForms" }) %>" target="_blank">
+                                                                            <img src="content/images/fill-forms-24.png" alt="Open in editor for filling in forms" title="Open in editor for filling in forms"/>
+                                                                        </a>
+                                                                    <% } %>
+                                                                </td>
+                                                                <td class="contentCells contentCells-shift contentCells-icon">
+                                                                    <% if (docType == "word") { %>
+                                                                        <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, editorsType = "desktop", editorsMode = "blockcontent" }) %>" target="_blank">
+                                                                            <img src="content/images/block-content-24.png" alt="Open in editor without content control modification" title="Open in editor without content control modification"/>
+                                                                        </a>
+                                                                    <% } %>
+                                                                </td>
+
+                                                                <td class="contentCells contentCells-icon">
+                                                                    <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, editorsType = "desktop", editorsMode = "view" }) %>" target="_blank">
+                                                                        <img src="content/images/desktop-24.png" alt="Open in viewer for full size screens" title="Open in viewer for full size screens"/>
+                                                                    </a>
+                                                                </td>
+                                                                <td class="contentCells contentCells-icon">
+                                                                    <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, editorsType = "mobile", editorsMode = "view" }) %>" target="_blank">
+                                                                        <img src="content/images/mobile-24.png" alt="Open in viewer for mobile devices" title="Open in viewer for mobile devices"/>
+                                                                    </a>
+                                                                </td>
+                                                                <td class="contentCells contentCells-icon contentCells-shift">
+                                                                    <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, editorsType = "embedded", editorsMode = "embedded" }) %>" target="_blank">
+                                                                        <img src="content/images/embeded-24.png" alt="Open in embedded mode" title="Open in embedded mode"/>
+                                                                    </a>
+                                                                </td>
+                                                                <td class="contentCells contentCells-icon contentCells-shift">
+                                                                    <a href="webeditor.ashx?type=download&filename=<%= HttpUtility.UrlEncode(storedFile.Name) %>">
+                                                                        <img class="icon-download" src="content/images/download-24.png" alt="Download" title="Download" />
+                                                                    </a>
+                                                                </td>
+                                                                <td class="contentCells contentCells-icon contentCells-shift">
+                                                                    <a class="delete-file" data-filename="<%= storedFile.Name %>">
+                                                                        <img class="icon-delete" src="content/images/delete-24.png" alt="Delete" title="Delete" />
+                                                                    </a>
+                                                                </td>
+                                                            </tr>
+                                                    <%  } %>
+                                                </tbody>
+                                            </table>
+                                        </div>
+                                    </div>
+                            <% } %>
+                        </div>
                     </td>
-                    <td width="70%" valign="middle">Choose the language for ONLYOFFICE™ editors interface.</td>
                 </tr>
             </tbody>
         </table>
-        <br />
-        <br />
-
-
-        <div class="help-block">
-            <span class="try-descr">Upload your file or create new file</span>
-            <br />
-            <br />
-            <div class="clearFix">
-                <div class="upload-panel clearFix">
-                    <a class="file-upload">
-                        Upload
-                        <br />
-                        File
-                        <input type="file" id="fileupload" name="files[]" data-url="<%= Url.Content("~/webeditor.ashx?type=upload") %>" />
-                    </a>
-                </div>
-                <div class="create-panel">
-                    <ul class="try-editor-list clearFix" data-link="<%= Url.Action("sample", "Home") %>">
-                        <li><a class="try-editor document" data-type="docx">Create<br />Document</a></li>
-                        <li><a class="try-editor spreadsheet" data-type="xlsx">Create<br />Spreadsheet</a></li>
-                        <li><a class="try-editor presentation" data-type="pptx">Create<br />Presentation</a></li>
-                    </ul>
-                    <label class="create-sample">
-                        <input id="createSample" class="checkbox" type="checkbox" />
-                        Create a file filled with sample content
-                    </label>
-                </div>
-            </div>
-        </div>
-
-        <% var storedFiles = DocManagerHelper.GetStoredFiles();
-            if (storedFiles.Any())
-            { %>
-        <div class="help-block">
-            <span>Your documents</span>
-            <br />
-            <br />
-            <div class="stored-list">
-                <table width="100%" cellspacing="0" cellpadding="0">
-                    <thead>
-                        <tr class="tableHeader">
-                            <td class="tableHeaderCell tableHeaderCellFileName">Filename</td>
-                            <td colspan="6" class="tableHeaderCell contentCells-shift">Editors</td>
-                            <td colspan="3" class="tableHeaderCell">Viewers</td>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <% foreach (var storedFile in storedFiles)
-                            { %>
-                            <%
-                                var editUrl = "doceditor.aspx?fileID=" + HttpUtility.UrlEncode(storedFile);
-                                var docType = FileUtility.GetFileType(storedFile).ToString().ToLower();
-                            %>
-                            <tr class="tableRow" title="<%= storedFile %>">
-                                <td class="contentCells">
-                                    <a class="stored-edit <%= docType %>" href="<%= Url.Action("Editor", "Home", new { fileName = storedFile }) %>" target="_blank">
-                                        <span title="<%= storedFile %>"><%= storedFile %></span>
-                                    </a>
-                                    <a href="<%= Url.Content(DocManagerHelper.CurUserHostAddress() + "/" + storedFile) %>">
-                                        <img class="icon-download" src="content/images/download-24.png" alt="Download" title="Download" />
-                                    </a>
-                                    <a class="delete-file" data-filename="<%= storedFile %>">
-                                        <img class="icon-delete" src="content/images/delete-24.png" alt="Delete" title="Delete" />
-                                    </a>
-                                </td>
-
-                                <td class="contentCells contentCells-icon">
-                                    <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile, editorsType = "desktop", editorsMode = "edit" }) %>" target="_blank">
-                                        <img src="content/images/desktop-24.png" alt="Open in editor for full size screens" title="Open in editor for full size screens"/>
-                                    </a>
-                                </td>
-                                <td class="contentCells contentCells-icon">
-                                    <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile, editorsType = "mobile", editorsMode = "edit" }) %>" target="_blank">
-                                        <img src="content/images/mobile-24.png" alt="Open in editor for mobile devices" title="Open in editor for mobile devices"/>
-                                    </a>
-                                </td>
-                                <td class="contentCells contentCells-icon">
-                                    <% if (docType == "text") { %>
-                                        <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile, editorsType = "desktop", editorsMode = "review" }) %>" target="_blank">
-                                            <img src="content/images/review-24.png" alt="Open in editor for review" title="Open in editor for review"/>
-                                        </a>
-                                    <% } else if (docType == "spreadsheet") { %>
-                                        <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile, editorsType = "desktop", editorsMode = "filter" }) %>" target="_blank">
-                                            <img src="content/images/filter-24.png" alt="Open in editor without access to change the filter" title="Open in editor without access to change the filter" />
-                                        </a>
-                                    <% } %>
-                                </td>
-                                <td class="contentCells contentCells-icon">
-                                    <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile, editorsType = "desktop", editorsMode = "comment" }) %>" target="_blank">
-                                        <img src="content/images/comment-24.png" alt="Open in editor for comment" title="Open in editor for comment"/>
-                                    </a>
-                                </td>
-                                <td class="contentCells contentCells-icon">
-                                    <% if (docType == "text") { %>
-                                        <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile, editorsType = "desktop", editorsMode = "fillForms" }) %>" target="_blank">
-                                            <img src="content/images/fill-forms-24.png" alt="Open in editor for filling in forms" title="Open in editor for filling in forms"/>
-                                        </a>
-                                    <% } %>
-                                </td>
-                                <td class="contentCells contentCells-shift contentCells-icon">
-                                    <% if (docType == "text") { %>
-                                        <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile, editorsType = "desktop", editorsMode = "blockcontent" }) %>" target="_blank">
-                                            <img src="content/images/block-content-24.png" alt="Open in editor without content control modification" title="Open in editor without content control modification"/>
-                                        </a>
-                                    <% } %>
-                                </td>
-
-                                <td class="contentCells contentCells-icon">
-                                    <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile, editorsType = "desktop", editorsMode = "view" }) %>" target="_blank">
-                                        <img src="content/images/desktop-24.png" alt="Open in viewer for full size screens" title="Open in viewer for full size screens"/>
-                                    </a>
-                                </td>
-                                <td class="contentCells contentCells-icon">
-                                    <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile, editorsType = "mobile", editorsMode = "view" }) %>" target="_blank">
-                                        <img src="content/images/mobile-24.png" alt="Open in viewer for mobile devices" title="Open in viewer for mobile devices"/>
-                                    </a>
-                                </td>
-                                <td class="contentCells contentCells-icon">
-                                    <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile, editorsType = "embedded", editorsMode = "embedded" }) %>" target="_blank">
-                                        <img src="content/images/embeded-24.png" alt="Open in embedded mode" title="Open in embedded mode"/>
-                                    </a>
-                                </td>
-                            </tr>
-                        <% } %>
-                    </tbody>
-                </table>
-            </div>
-        </div>
-        <% } %>
-
-        <br />
-        <br />
-        <br />
-        <div class="help-block">
-            <span>Want to learn how it works?</span>
-            <br />
-            Read the editor <a href="http://api.onlyoffice.com/editors/howitworks">API Documentation</a>
-        </div>
-        <br />
-        <br />
-        <br />
-        <div class="help-block">
-            <span>Any questions?</span>
-            <br />
-            Please, <a href="mailto:sales@onlyoffice.com">submit your request</a> and we'll help you shortly.
-        </div>
-    </div>
-
-    <div id="hint">
-        <div class="corner"></div>
-        If you check this option the file will be saved both in the original and converted into Office Open XML format for faster viewing and editing. In other case the document will be overwritten by its copy in Office Open XML format.
     </div>
 
     <div id="mainProgress">
         <div id="uploadSteps">
-            <span id="step1" class="step">1. Loading the file</span>
-            <span class="step-descr">The file loading process will take some time depending on the file size, presence or absence of additional elements in it (macros, etc.) and the connection speed.</span>
+            <span id="uploadFileName" class="uploadFileName"></span>
+            <div class="describeUpload">After these steps are completed, you can work with your document.</div>
+            <span id="step1" class="step">1. Loading the file.</span>
+            <span class="step-descr">The loading speed depends on file size and additional elements it contains.</span>
             <br />
-            <span id="step2" class="step">2. File conversion</span>
-            <span class="step-descr">The file is being converted into Office Open XML format for the document faster viewing and editing.</span>
+            <span id="step2" class="step">2. Conversion.</span>
+            <span class="step-descr">The file is converted to OOXML so that you can edit it.</span>
             <br />
-            <span id="step3" class="step">3. Loading editor scripts</span>
-            <span class="step-descr">The scripts for the editor are loaded only once and are will be cached on your computer in future. It might take some time depending on the connection speed.</span>
+            <span id="step3" class="step">3. Loading editor scripts.</span>
+            <span class="step-descr">They are loaded only once, they will be cached on your computer.</span>
             <input type="hidden" name="hiddenFileName" id="hiddenFileName" />
             <br />
             <br />
-            <span class="progress-descr">Please note, that the speed of all operations greatly depends on the server and the client locations. In case they differ or are located in differernt countries/continents, there might be lack of speed and greater wait time. The best results are achieved when the server and client computers are located in one and the same place (city).</span>
+            <span class="progress-descr">Note the speed of all operations depends on your connection quality and server location.</span>
             <br />
             <br />
             <div class="error-message">
-                <span></span>
+                <b>Upload error: </b><span></span>
                 <br />
-                Please select another file and try again. If you have questions please <a href="mailto:sales@onlyoffice.com">contact us.</a>
+                Please select another file and try again.
             </div>
         </div>
-        <iframe id="embeddedView" src="" height="345px" width="600px" frameborder="0" scrolling="no" allowtransparency></iframe>
+        <iframe id="embeddedView" src="" height="345px" width="432px" frameborder="0" scrolling="no" allowtransparency></iframe>
         <br />
-        <div id="beginEmbedded" class="button disable">Embedded view</div>
-        <div id="beginView" class="button disable">View</div>
         <div id="beginEdit" class="button disable">Edit</div>
+        <div id="beginView" class="button gray disable">View</div>
+        <div id="beginEmbedded" class="button gray disable">Embedded view</div>
         <div id="cancelEdit" class="button gray">Cancel</div>
     </div>
 
-    <span id="loadScripts" data-docs="<%= WebConfigurationManager.AppSettings["files.docservice.url.preloader"] %>"></span>
+    <span id="loadScripts" data-docs="<%= WebConfigurationManager.AppSettings["files.docservice.url.site"] + WebConfigurationManager.AppSettings["files.docservice.url.preloader"] %>"></span>
 
-    <div class="bottom-panel">&copy; Ascensio System SIA <%= DateTime.Now.Year.ToString() %>. All rights reserved.</div>
+    <footer>
+        <div class="center">
+            <table>
+                <tbody>
+                    <tr>
+                        <td>
+                            <a href="http://api.onlyoffice.com/editors/howitworks" target="_blank">API Documentation</a>
+                        </td>
+                        <td>
+                            <a href="mailto:sales@onlyoffice.com">Submit your request</a>
+                        </td>
+                        <td class="copy">
+                            &copy; Ascensio System SIA <%= DateTime.Now.Year.ToString() %>. All rights reserved.
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </footer>
 
     <%: Scripts.Render("~/bundles/jquery", "~/bundles/scripts") %>
     

web/documentserver-example/csharp-mvc/Views/Shared/Error.aspx

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width" />
     <!--
     *
-    * (c) Copyright Ascensio System SIA 2020
+    * (c) Copyright Ascensio System SIA 2021
     *
     * Licensed under the Apache License, Version 2.0 (the "License");
     * you may not use this file except in compliance with the License.

web/documentserver-example/csharp-mvc/Web.config

@@ -26,6 +26,11 @@
   </system.web>
   <system.webServer>
     <validation validateIntegratedModeConfiguration="false" />
+	<httpProtocol>
+		<customHeaders>
+			<add name="Access-Control-Allow-Origin" value="*" />
+		</customHeaders>
+	</httpProtocol>
     <handlers>
       <remove name="ExtensionlessUrlHandler-Integrated-4.0" />
       <remove name="OPTIONSVerbHandler" />
@@ -47,6 +52,10 @@
         <assemblyIdentity name="System.Web.Mvc" publicKeyToken="31bf3856ad364e35" />
         <bindingRedirect oldVersion="1.0.0.0-5.2.7.0" newVersion="5.2.7.0" />
       </dependentAssembly>
+      <dependentAssembly>
+        <assemblyIdentity name="Antlr3.Runtime" publicKeyToken="eb42632606e9261f" culture="neutral" />
+        <bindingRedirect oldVersion="0.0.0.0-3.5.0.2" newVersion="3.5.0.2" />
+      </dependentAssembly>
     </assemblyBinding>
   </runtime>
   <entityFramework>

web/documentserver-example/csharp-mvc/WebEditor.ashx.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2020
+ * (c) Copyright Ascensio System SIA 2021
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -22,11 +22,12 @@ using System.IO;
 using System.Linq;
 using System.Net;
 using System.Web;
-using System.Web.Configuration;
 using System.Web.Script.Serialization;
 using System.Web.Services;
+using System.Web.Configuration;
 using OnlineEditorsExampleMVC.Helpers;
 using OnlineEditorsExampleMVC.Models;
+using System.Diagnostics;
 
 namespace OnlineEditorsExampleMVC
 {
@@ -41,6 +42,9 @@ namespace OnlineEditorsExampleMVC
                 case "upload":
                     Upload(context);
                     break;
+                case "download":
+                    Download(context);
+                    break;
                 case "convert":
                     Convert(context);
                     break;
@@ -50,6 +54,15 @@ namespace OnlineEditorsExampleMVC
                 case "remove":
                     Remove(context);
                     break;
+                case "assets":
+                    Assets(context);
+                    break;
+                case "csv":
+                    GetCsv(context);
+                    break;
+                case "files":
+                    Files(context);
+                    break;
             }
         }
 
@@ -84,12 +97,13 @@ namespace OnlineEditorsExampleMVC
                 }
 
                 fileName = DocManagerHelper.GetCorrectName(fileName);
+                var documentType = FileUtility.GetFileType(fileName).ToString().ToLower();
 
                 var savedFileName = DocManagerHelper.StoragePath(fileName);
                 httpPostedFile.SaveAs(savedFileName);
                 DocManagerHelper.CreateMeta(fileName, context.Request.Cookies.GetOrDefault("uid", ""), context.Request.Cookies.GetOrDefault("uname", ""));
 
-                context.Response.Write("{ \"filename\": \"" + fileName + "\"}");
+                context.Response.Write("{ \"filename\": \"" + fileName + "\", \"documentType\": \"" + documentType + "\"}");
             }
             catch (Exception e)
             {
@@ -102,10 +116,10 @@ namespace OnlineEditorsExampleMVC
             context.Response.ContentType = "text/plain";
             try
             {
-                var fileName = context.Request["filename"];
-                var fileUri = DocManagerHelper.GetFileUri(fileName);
+                var fileName = Path.GetFileName(context.Request["filename"]);
+                var fileUri = DocManagerHelper.GetFileUri(fileName, true);
 
-                var extension = (Path.GetExtension(fileUri) ?? "").Trim('.');
+                var extension = (Path.GetExtension(fileUri).ToLower() ?? "").Trim('.');
                 var internalExtension = DocManagerHelper.GetInternalExtension(FileUtility.GetFileType(fileName)).Trim('.');
 
                 if (DocManagerHelper.ConvertExts.Contains("." + extension)
@@ -113,8 +127,16 @@ namespace OnlineEditorsExampleMVC
                 {
                     var key = ServiceConverter.GenerateRevisionId(fileUri);
 
+                    var downloadUri = new UriBuilder(DocManagerHelper.GetServerUrl(true))
+                    {
+                        Path = HttpRuntime.AppDomainAppVirtualPath
+                            + (HttpRuntime.AppDomainAppVirtualPath.EndsWith("/") ? "" : "/")
+                            + "webeditor.ashx",
+                        Query = "type=download&fileName=" + HttpUtility.UrlEncode(fileName)
+                    };
+
                     string newFileUri;
-                    var result = ServiceConverter.GetConvertedUri(fileUri, extension, internalExtension, key, true, out newFileUri);
+                    var result = ServiceConverter.GetConvertedUri(downloadUri.ToString(), extension, internalExtension, key, true, out newFileUri);
                     if (result != 100)
                     {
                         context.Response.Write("{ \"step\" : \"" + result + "\", \"filename\" : \"" + fileName + "\"}");
@@ -146,7 +168,8 @@ namespace OnlineEditorsExampleMVC
                     DocManagerHelper.CreateMeta(fileName, context.Request.Cookies.GetOrDefault("uid", ""), context.Request.Cookies.GetOrDefault("uname", ""));
                 }
 
-                context.Response.Write("{ \"filename\" : \"" + fileName + "\"}");
+                var documentType = FileUtility.GetFileType(fileName).ToString().ToLower();
+                context.Response.Write("{ \"filename\" : \"" + fileName + "\", \"documentType\": \"" + documentType + "\" }");
             }
             catch (Exception e)
             {
@@ -161,90 +184,70 @@ namespace OnlineEditorsExampleMVC
             MustSave = 2,
             Corrupted = 3,
             Closed = 4,
+            MustForceSave = 6,
+            CorruptedForceSave = 7
         }
 
         private static void Track(HttpContext context)
         {
+            var fileData = TrackManager.readBody(context);
+
             var userAddress = context.Request["userAddress"];
-            var fileName = context.Request["fileName"];
-
-            string body;
-            try
-            {
-                using (var receiveStream = context.Request.InputStream)
-                using (var readStream = new StreamReader(receiveStream))
-                {
-                    body = readStream.ReadToEnd();
-                }
-            }
-            catch (Exception e)
-            {
-                throw new HttpException((int) HttpStatusCode.BadRequest, e.Message);
-            }
-
-            var jss = new JavaScriptSerializer();
-            if (string.IsNullOrEmpty(body)) return;
-            var fileData = jss.Deserialize<Dictionary<string, object>>(body);
-
-            if (JwtManager.Enabled)
-            {
-                if (fileData.ContainsKey("token"))
-                {
-                    fileData = jss.Deserialize<Dictionary<string, object>>(JwtManager.Decode(fileData["token"].ToString()));
-                }
-                else if (context.Request.Headers.AllKeys.Contains("Authorization", StringComparer.InvariantCultureIgnoreCase))
-                {
-                    var headerToken = context.Request.Headers.Get("Authorization").Substring("Bearer ".Length);
-                    fileData = (Dictionary<string, object>)jss.Deserialize<Dictionary<string, object>>(JwtManager.Decode(headerToken))["payload"];
-                }
-                else
-                {
-                    throw new Exception("Expected JWT");
-                }
-            }
-
+            var fileName = Path.GetFileName(context.Request["fileName"]);
             var status = (TrackerStatus) (int) fileData["status"];
-
+            var saved = 1;
             switch (status)
             {
-                case TrackerStatus.MustSave:
-                case TrackerStatus.Corrupted:
-                    var downloadUri = (string) fileData["url"];
-
-                    var saved = 1;
+                case TrackerStatus.Editing:
                     try
                     {
-                        var storagePath = DocManagerHelper.StoragePath(fileName, userAddress);
-                        var histDir = DocManagerHelper.HistoryDir(storagePath);
-                        var versionDir = DocManagerHelper.VersionDir(histDir, DocManagerHelper.GetFileVersion(histDir) + 1);
-
-                        if (!Directory.Exists(versionDir)) Directory.CreateDirectory(versionDir);
-
-                        File.Copy(storagePath, Path.Combine(versionDir, "prev" + Path.GetExtension(fileName)));
-
-                        DownloadToFile(downloadUri, DocManagerHelper.StoragePath(fileName, userAddress));
-                        DownloadToFile((string)fileData["changesurl"], Path.Combine(versionDir, "diff.zip"));
-
-                        var hist = fileData.ContainsKey("changeshistory") ? (string)fileData["changeshistory"] : null;
-                        if (string.IsNullOrEmpty(hist) && fileData.ContainsKey("history"))
+                        var jss = new JavaScriptSerializer();
+                        var actions = jss.Deserialize <List<object>> (jss.Serialize(fileData["actions"]));
+                        var action = jss.Deserialize <Dictionary<string, object>> (jss.Serialize(actions[0]));
+                        if (action != null && action["type"].ToString().Equals("0"))
                         {
-                            hist = jss.Serialize(fileData["history"]);
-                        }
+                            var user = action["userid"].ToString();
+                            var users = jss.Deserialize<List<object>>(jss.Serialize(fileData["users"]));
+                            if (!users.Contains(user))
+                            {
+                                TrackManager.commandRequest("forcesave", fileData["key"].ToString());
+                            }
 
-                        if (!string.IsNullOrEmpty(hist))
-                        {
-                            File.WriteAllText(Path.Combine(versionDir, "changes.json"), hist);
                         }
+                    }
+                    catch (Exception e)
+                    {
+                        Debug.Print(e.StackTrace);
+                    }
+                    break;
 
-                        File.WriteAllText(Path.Combine(versionDir, "key.txt"), (string)fileData["key"]);
+                case TrackerStatus.MustSave:
+                case TrackerStatus.Corrupted:
+                    try
+                    {
+                        saved = TrackManager.processSave(fileData, fileName, userAddress);
                     }
                     catch (Exception)
                     {
-                        saved = 0;
+                        saved = 1;
                     }
+                    context.Response.Write("{\"error\":" + saved + "}");
+                    return;
 
-                    break;
+                case TrackerStatus.MustForceSave:
+                case TrackerStatus.CorruptedForceSave:
+                    try
+                    {
+                        saved = TrackManager.processForceSave(fileData, fileName, userAddress);
+                    }
+                    catch (Exception)
+                    {
+                        saved = 1;
+                    }
+                    context.Response.Write("{\"error\":" + saved + "}");
+                    return;
             }
+
             context.Response.Write("{\"error\":0}");
         }
 
@@ -253,7 +256,7 @@ namespace OnlineEditorsExampleMVC
             context.Response.ContentType = "text/plain";
             try
             {
-                var fileName = context.Request["fileName"];
+                var fileName = Path.GetFileName(context.Request["fileName"]);
                 Remove(fileName);
 
                 context.Response.Write("{ \"success\": true }");
@@ -273,27 +276,82 @@ namespace OnlineEditorsExampleMVC
             if (Directory.Exists(histDir)) Directory.Delete(histDir, true);
         }
 
-        private static void DownloadToFile(string url, string path)
+        private static void Files(HttpContext context)
         {
-            if (string.IsNullOrEmpty(url)) throw new ArgumentException("url");
-            if (string.IsNullOrEmpty(path)) throw new ArgumentException("path");
+            List<Dictionary<string, object>> files = null;
 
-            var req = (HttpWebRequest)WebRequest.Create(url);
-            using (var stream = req.GetResponse().GetResponseStream())
+            try
             {
-                if (stream == null) throw new Exception("stream is null");
-                const int bufferSize = 4096;
+                var jss = new JavaScriptSerializer();
+                context.Response.ContentType = "application/json";
 
-                using (var fs = File.Open(path, FileMode.Create))
+                if (context.Request["fileId"] == null)
                 {
-                    var buffer = new byte[bufferSize];
-                    int readed;
-                    while ((readed = stream.Read(buffer, 0, bufferSize)) != 0)
+                    files = DocManagerHelper.GetFilesInfo();
+                    context.Response.Write(jss.Serialize(files));
+                }
+                else
+                {
+                    var fileId = context.Request["fileId"];
+                    files = DocManagerHelper.GetFilesInfo(fileId);
+                    if (files.Count == 0)
                     {
-                        fs.Write(buffer, 0, readed);
+                        context.Response.Write("\"File not found\"");
+                    }
+                    else
+                    {
+                        context.Response.Write(jss.Serialize(files));
                     }
                 }
             }
+            catch (Exception e)
+            {
+                context.Response.Write("{ \"error\": \"" + e.Message + "\"}");
+            }
+        }
+
+        private static void Assets(HttpContext context)
+        {
+            var fileName = Path.GetFileName(context.Request["filename"]);
+            var filePath = HttpRuntime.AppDomainAppPath + "assets/sample/" + fileName;
+            download(filePath, context);
+        }
+
+        private static void GetCsv(HttpContext context)
+        {
+            var fileName = "csv.csv";
+            var filePath = HttpRuntime.AppDomainAppPath + "assets/sample/" + fileName;
+            download(filePath, context);
+        }
+
+        private static void Download(HttpContext context)
+        {
+            try
+            {
+                var fileName = Path.GetFileName(context.Request["filename"]);
+
+                var filePath = DocManagerHelper.ForcesavePath(fileName, null, false);
+                if (filePath.Equals(""))
+                {
+                    filePath = DocManagerHelper.StoragePath(fileName, null);
+                }
+                download(filePath, context);
+            }
+            catch (Exception)
+            {
+                context.Response.Write("{ \"error\": \"File not found!\"}");
+            }
+        }
+
+        private static void download(string filePath, HttpContext context)
+        {
+            var fileinf = new FileInfo(filePath);
+            context.Response.AddHeader("Content-Length", fileinf.Length.ToString());
+            context.Response.AddHeader("Content-Type", MimeMapping.GetMimeMapping(filePath));
+            var tmp = HttpUtility.UrlEncode(Path.GetFileName(filePath));
+            tmp = tmp.Replace("+", "%20");
+            context.Response.AddHeader("Content-Disposition", "attachment; filename*=UTF-8\'\'" + tmp);
+            context.Response.TransmitFile(filePath);
         }
 
         public bool IsReusable

web/documentserver-example/csharp-mvc/web.appsettings.config

@@ -11,11 +11,18 @@
 
   <add key="files.docservice.viewed-docs" value=".pdf|.djvu|.xps"/>
   <add key="files.docservice.edited-docs" value=".docx|.xlsx|.csv|.pptx|.txt"/>
-  <add key="files.docservice.convert-docs" value=".docm|.dotx|.dotm|.dot|.doc|.odt|.fodt|.ott|.xlsm|.xltx|.xltm|.xlt|.xls|.ods|.fods|.ots|.pptm|.ppt|.ppsx|.ppsm|.pps|.potx|.potm|.pot|.odp|.fodp|.otp|.rtf|.mht|.html|.htm|.epub"/>
+  <add key="files.docservice.convert-docs" value=".docm|.dotx|.dotm|.dot|.doc|.odt|.fodt|.ott|.xlsm|.xltx|.xltm|.xlt|.xls|.ods|.fods|.ots|.pptm|.ppt|.ppsx|.ppsm|.pps|.potx|.potm|.pot|.odp|.fodp|.otp|.rtf|.mht|.html|.htm|.xml|.epub|.fb2"/>
   <add key="files.docservice.timeout" value="120000" />
   <add key="files.docservice.secret" value="" />
+  <add key="files.docservice.header" value="Authorization" />
+
+  <add key="files.docservice.url.site" value="https://documentserver/"/>
+
+  <add key="files.docservice.url.converter" value="ConvertService.ashx"/>
+  <add key="files.docservice.url.api" value="web-apps/apps/api/documents/api.js"/>
+  <add key="files.docservice.url.preloader" value="web-apps/apps/api/documents/cache-scripts.html"/>
+  <add key="files.docservice.url.command" value="coauthoring/CommandService.ashx"/>
+
+  <add key="files.docservice.url.example" value=""/>
 
-  <add key="files.docservice.url.converter" value="https://documentserver/ConvertService.ashx"/>
-  <add key="files.docservice.url.api" value="https://documentserver/web-apps/apps/api/documents/api.js"/>
-  <add key="files.docservice.url.preloader" value="https://documentserver/web-apps/apps/api/documents/cache-scripts.html"/>
 </appSettings>

web/documentserver-example/csharp/App_Themes/images/close.svg

@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.294404 0.294466C-0.0961199 0.68499 -0.0998005 1.32183 0.290724 1.71236L5.57837 7L5.57841 7.00005L0.29081 12.2877C-0.0997145 12.6782 -0.0960336 13.315 0.294491 13.7055C0.685015 14.0961 1.32186 14.0997 1.71238 13.7092L6.99999 8.42162L12.2876 13.7092C12.6781 14.0997 13.315 14.0961 13.7055 13.7055C14.096 13.315 14.0997 12.6782 13.7092 12.2877L8.42156 7.00005L8.42161 7L13.7093 1.71236C14.0998 1.32183 14.0961 0.68499 13.7056 0.294466C13.315 -0.0960591 12.6782 -0.0997395 12.2877 0.290785L7.00003 5.57843L6.99999 5.57847L6.99994 5.57843L1.7123 0.290785C1.32177 -0.0997395 0.684928 -0.0960591 0.294404 0.294466Z" fill="#AAAAAA"/>
+</svg>

web/documentserver-example/csharp/App_Themes/images/done.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.3765 15.128C9.98789 15.5187 9.35642 15.5214 8.96449 15.134L6.14517 12.3473C5.75561 11.9622 5.12876 11.9622 4.7392 12.3473L4.72038 12.3659C4.32403 12.7576 4.32441 13.3978 4.72124 13.7891L8.96526 17.974C9.35702 18.3603 9.98726 18.3576 10.3757 17.9679L20.2877 8.02323C20.6801 7.6296 20.67 6.9855 20.2729 6.59668C19.8804 6.21243 19.2454 6.21063 18.8581 6.60005L10.3765 15.128Z" fill="#8BB825"/>
+</svg>

web/documentserver-example/csharp/App_Themes/images/error.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.99857 1.6C4.46508 1.6 1.6 4.46548 1.6 8.00029C1.6 9.70508 2.26458 11.2515 3.35202 12.3999C4.52033 13.6337 6.16874 14.4 7.99857 14.4C11.5348 14.4 14.4 11.5335 14.4 8.00029C14.4 4.46592 11.5348 1.6 7.99857 1.6ZM0 8.00029C0 3.58219 3.58105 0 7.99857 0C12.4184 0 16 3.58219 16 8.00029C16 12.4172 12.4184 16 7.99857 16C5.71117 16 3.64805 15.0395 2.19023 13.5C0.83265 12.0663 0 10.1304 0 8.00029ZM7 4H9V9H7V4ZM9 10H7V12H9V10Z" fill="#CB0000"/>
+</svg>

web/documentserver-example/csharp/App_Themes/images/file_docx.svg

@@ -0,0 +1,8 @@
+<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 3C0 1.34315 1.34315 0 3 0H21.674C22.4697 0 23.2327 0.316071 23.7953 0.87868L29.1213 6.20465C29.6839 6.76726 30 7.53032 30 8.32597V37C30 38.6569 28.6569 40 27 40H3C1.34315 40 0 38.6569 0 37V3Z" fill="#3779A6"/>
+<path d="M22.9167 0L30.0001 7.08333H25.9167C24.2599 7.08333 22.9167 5.74019 22.9167 4.08333V0Z" fill="#1D5880"/>
+<path d="M6.17627 14.7059H23.8233V15.8823H6.17627V14.7059Z" fill="white"/>
+<path d="M6.17627 18.5294H23.8233V19.7059H6.17627V18.5294Z" fill="white"/>
+<path d="M6.17627 22.3529H23.8233V23.5294H6.17627V22.3529Z" fill="white"/>
+<path d="M6.17627 26.1765H23.8233V27.3529H6.17627V26.1765Z" fill="white"/>
+</svg>

web/documentserver-example/csharp/App_Themes/images/file_pptx.svg

@@ -0,0 +1,8 @@
+<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 3C0 1.34315 1.34315 0 3 0H22.9167L30 7.08333V37C30 38.6569 28.6569 40 27 40H3C1.34315 40 0 38.6569 0 37V3Z" fill="#F36700"/>
+<path d="M22.9167 0L30.0001 7.08333H25.9168C24.2599 7.08333 22.9167 5.74019 22.9167 4.08333V0Z" fill="#AB531F"/>
+<path d="M6.17627 16.1275H23.8233V17.3039H6.17627V16.1275Z" fill="white"/>
+<path d="M6.17627 28.7745L6.17627 16.1275L7.35274 16.1275L7.35274 28.7745H6.17627Z" fill="white"/>
+<path d="M23.8233 16.1275V28.7745H22.6469V16.1275L23.8233 16.1275Z" fill="white"/>
+<path d="M6.17627 27.598H23.8233V28.7745H6.17627L6.17627 27.598Z" fill="white"/>
+</svg>

web/documentserver-example/csharp/App_Themes/images/file_upload.svg

@@ -0,0 +1,6 @@
+<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M30 7.44186L22 0H3C1.22739 0 0 0.822551 0 2.32558V37.2093C0 38.7123 1.22739 40 3 40H27C28.7726 40 30 38.7123 30 37.2093V7.44186Z" fill="#D0D5DA"/>
+<path d="M24.1042 7.27273H29.9631L22 0V5.32334C22 6.4105 22.949 7.27273 24.1042 7.27273Z" fill="#646464"/>
+<path d="M16.9562 22.3485H12.9746V17.803H10.9839L14.9654 14.1667L18.947 17.803H16.9562V22.3485Z" fill="#646464"/>
+<path d="M20.9378 23.7121C20.9378 24.1666 20.4401 24.6212 19.9424 24.6212H9.98848C9.49078 24.6212 8.99309 24.1666 8.99309 23.7121V22.3485C8.99309 21.8939 9.49078 21.4394 9.98848 21.4394H10.9839V20.0757H9.49078C8.49539 20.0757 7.5 20.9848 7.5 21.8939V24.1666C7.5 25.0757 8.61982 25.9848 9.49078 25.9848H20.4401C21.3111 25.9848 22.4309 25.0757 22.4309 24.1666V21.8939C22.4309 20.9848 21.4355 20.0757 20.4401 20.0757H18.947V21.4394H19.9424C20.4401 21.4394 20.9378 21.8939 20.9378 22.3485V23.7121Z" fill="#646464"/>
+</svg>

web/documentserver-example/csharp/App_Themes/images/file_xlsx.svg

@@ -0,0 +1,12 @@
+<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 3C0 1.34315 1.34315 0 3 0H22.9167L30 7.08333V37C30 38.6569 28.6569 40 27 40H3C1.34315 40 0 38.6569 0 37V3Z" fill="#78A73B"/>
+<path d="M22.9167 0L30.0001 7.08333H25.9168C24.2599 7.08333 22.9167 5.74019 22.9167 4.08333V0Z" fill="#5A7D2B"/>
+<path d="M6.17644 15.2941H23.8235V16.4706H6.17644V15.2941Z" fill="white"/>
+<path d="M6.17644 19.1177H23.8235V20.2941H6.17644V19.1177Z" fill="white"/>
+<path d="M6.17644 22.9412H23.8235V24.1177H6.17644V22.9412Z" fill="white"/>
+<path d="M6.17644 26.7647H23.8235V27.9412H6.17644V26.7647Z" fill="white"/>
+<path d="M5.88232 27.9412L5.88232 15.2941L7.0588 15.2941L7.0588 27.9412H5.88232Z" fill="white"/>
+<path d="M11.4706 27.9412L11.4706 15.2941L12.647 15.2941V27.9412H11.4706Z" fill="white"/>
+<path d="M17.0588 27.9412L17.0588 15.2941L18.2353 15.2941V27.9412H17.0588Z" fill="white"/>
+<path d="M22.647 27.9412V15.2941H23.8235V27.9412H22.647Z" fill="white"/>
+</svg>

web/documentserver-example/csharp/App_Themes/images/icon_docx.svg

@@ -0,0 +1,12 @@
+<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.84616 1H10.8462L14.8462 5V15H2.84616V1Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.8462 5L10.8462 1H2.84616V15H14.8462V5ZM10.8462 0L15.8462 5V16H1.84616V0H10.8462Z" fill="#BFBFBF"/>
+<rect x="3.84616" y="10" width="10" height="4" fill="#3779A6"/>
+<path d="M3.84616 4H4.84616V5H3.84616V4Z" fill="#BFBFBF"/>
+<path d="M3.84616 6H4.84616V7H3.84616V6Z" fill="#BFBFBF"/>
+<path d="M4.84616 8H3.84616V9H4.84616V8Z" fill="#BFBFBF"/>
+<path d="M12.8462 8H5.84616V9H12.8462V8Z" fill="#BFBFBF"/>
+<path d="M7.84616 6H5.84616V7H7.84616V6Z" fill="#BFBFBF"/>
+<path d="M12.8462 4H5.84616V5H12.8462V4Z" fill="#BFBFBF"/>
+<path opacity="0.3" d="M9.84616 1H10.8462V4H14.8462L15.8462 5H9.84616V1Z" fill="#333333"/>
+</svg>

web/documentserver-example/csharp/App_Themes/images/icon_pptx.svg

@@ -0,0 +1,12 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 1H10L14 5V15H2V1Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14 5L10 1H2V15H14V5ZM10 0L15 5V16H1V0H10Z" fill="#BFBFBF"/>
+<rect x="3" y="10" width="10" height="4" fill="#F36700"/>
+<path d="M3 4H4V5H3V4Z" fill="#BFBFBF"/>
+<path d="M3 6H4V7H3V6Z" fill="#BFBFBF"/>
+<path d="M4 8H3V9H4V8Z" fill="#BFBFBF"/>
+<path d="M12 8H5V9H12V8Z" fill="#BFBFBF"/>
+<path d="M7 6H5V7H7V6Z" fill="#BFBFBF"/>
+<path d="M12 4H5V5H12V4Z" fill="#BFBFBF"/>
+<path opacity="0.3" d="M9 1H10V4H14L15 5H9V1Z" fill="#333333"/>
+</svg>

web/documentserver-example/csharp/App_Themes/images/icon_xlsx.svg

@@ -0,0 +1,12 @@
+<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.84592 1H10.8459L14.8459 5V15H2.84592V1Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.8459 5L10.8459 1H2.84592V15H14.8459V5ZM10.8459 0L15.8459 5V16H1.84592V0H10.8459Z" fill="#BFBFBF"/>
+<rect x="3.84592" y="10" width="10" height="4" fill="#78A73B"/>
+<path d="M3.84592 4H4.84592V5H3.84592V4Z" fill="#BFBFBF"/>
+<path d="M3.84592 6H4.84592V7H3.84592V6Z" fill="#BFBFBF"/>
+<path d="M4.84592 8H3.84592V9H4.84592V8Z" fill="#BFBFBF"/>
+<path d="M12.8459 8H5.84592V9H12.8459V8Z" fill="#BFBFBF"/>
+<path d="M7.84592 6H5.84592V7H7.84592V6Z" fill="#BFBFBF"/>
+<path d="M12.8459 4H5.84592V5H12.8459V4Z" fill="#BFBFBF"/>
+<path opacity="0.3" d="M9.84592 1H10.8459V4H14.8459L15.8459 5H9.84592V1Z" fill="#333333"/>
+</svg>

web/documentserver-example/csharp/App_Themes/images/info.svg

@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12ZM5 6C5 5.44772 5.44772 5 6 5C6.55228 5 7 5.44772 7 6V9C7 9.55229 6.55228 10 6 10C5.44772 10 5 9.55229 5 9V6ZM6 2C5.44772 2 5 2.44772 5 3C5 3.55228 5.44772 4 6 4C6.55228 4 7 3.55228 7 3C7 2.44772 6.55228 2 6 2Z" fill="#D0D5DA"/>
+</svg>

web/documentserver-example/csharp/App_Themes/images/logo.svg

@@ -0,0 +1,15 @@
+<svg width="153" height="28" viewBox="0 0 153 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.3403 27.6567L0.801116 21.8897C-0.267039 21.3862 -0.267039 20.6081 0.801116 20.1504L5.16662 18.1365L13.2939 21.8897C14.362 22.3932 16.0804 22.3932 17.1021 21.8897L25.2294 18.1365L29.5949 20.1504C30.663 20.6539 30.663 21.432 29.5949 21.8897L17.0556 27.6567C16.0804 28.1144 14.362 28.1144 13.3403 27.6567Z" fill="#FF6F3D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.3403 20.5623L0.801116 14.7953C-0.267039 14.2918 -0.267039 13.5137 0.801116 13.056L5.07373 11.0879L13.3403 14.8868C14.4085 15.3903 16.1268 15.3903 17.1485 14.8868L25.4151 11.0879L29.6877 13.056C30.7559 13.5595 30.7559 14.3376 29.6877 14.7953L17.1485 20.5623C16.0804 21.0658 14.362 21.0658 13.3403 20.5623Z" fill="#95C038"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.3403 13.651L0.801116 7.88393C-0.267039 7.38045 -0.267039 6.60236 0.801116 6.14466L13.3403 0.377605C14.4085 -0.125868 16.1268 -0.125868 17.1485 0.377605L29.6877 6.14466C30.7559 6.64813 30.7559 7.42622 29.6877 7.88393L17.1485 13.651C16.0804 14.1087 14.362 14.1087 13.3403 13.651Z" fill="#5DC0E8"/>
+<path d="M38.1528 13.9433C38.1528 11.5581 38.8442 9.75803 40.2731 8.58797C41.6559 7.3729 43.3152 6.78787 45.2051 6.78787C47.0949 6.78787 48.7081 7.3729 50.0909 8.58797C51.4737 9.80304 52.1651 11.5581 52.1651 13.9883C52.1651 16.3734 51.4737 18.1735 50.0909 19.3436C48.7081 20.5586 47.0488 21.1437 45.2051 21.1437C43.3152 21.1437 41.702 20.5586 40.2731 19.3436C38.8442 18.1285 38.1528 16.3284 38.1528 13.9433ZM41.195 13.9433C41.195 15.6084 41.5176 16.7784 42.1168 17.5435C42.7621 18.3085 43.4535 18.8035 44.191 18.9835C44.3754 19.0285 44.5137 19.0735 44.698 19.0735C44.8363 19.0735 45.0207 19.1185 45.159 19.1185C45.3433 19.1185 45.4816 19.1185 45.666 19.0735C45.8504 19.0735 45.9886 19.0285 46.173 18.9835C46.9105 18.8035 47.6019 18.3085 48.2011 17.5435C48.8003 16.7784 49.123 15.5633 49.123 13.9883C49.123 12.3682 48.8003 11.1981 48.2011 10.4331C47.6019 9.66803 46.9105 9.173 46.173 8.99299C45.9886 8.94799 45.8043 8.90299 45.666 8.90299C45.4816 8.90299 45.3433 8.85798 45.159 8.85798C44.9746 8.85798 44.8363 8.85798 44.698 8.90299C44.5598 8.90299 44.3754 8.94799 44.191 8.99299C43.4535 9.173 42.7621 9.66803 42.1168 10.4331C41.5176 11.1081 41.195 12.3232 41.195 13.9433Z" fill="white"/>
+<path d="M53.6863 6.92288H57.4659L62.444 15.7434L63.1814 17.6785H63.2275L63.1814 15.1583V6.92288H66.0853V20.9636H62.3057L57.3276 11.7831L56.5901 10.2081H56.544L56.5901 12.6832V20.9636H53.6863V6.92288Z" fill="white"/>
+<path d="M69.0813 6.92288H71.9852V18.5785H77.7007V20.9636H69.0813V6.92288Z" fill="white"/>
+<path d="M75.9031 6.92288H79.2679L82.2178 11.8281L82.6787 12.8182H82.7709L83.2319 11.8281L86.2279 6.92288H89.3161L84.1076 15.2483V20.9636H81.2038V15.2033L75.9031 6.92288Z" fill="white"/>
+<path d="M88.9473 13.9433C88.9473 11.5581 89.6387 9.75803 91.0675 8.58797C92.4503 7.3729 94.1097 6.78787 95.9995 6.78787C97.8893 6.78787 99.5026 7.3729 100.885 8.58797C102.268 9.80304 102.96 11.5581 102.96 13.9883C102.96 16.3734 102.268 18.1735 100.885 19.3436C99.5026 20.5586 97.8432 21.1437 95.9995 21.1437C94.1097 21.1437 92.4964 20.5586 91.0675 19.3436C89.6848 18.1285 88.9473 16.3284 88.9473 13.9433ZM91.9894 13.9433C91.9894 15.6084 92.3121 16.7784 92.9113 17.5435C93.5566 18.3085 94.2019 18.8035 94.9855 18.9835C95.1698 19.0285 95.3081 19.0735 95.4925 19.0735C95.6308 19.0735 95.8151 19.1185 95.9534 19.1185C96.1378 19.1185 96.2761 19.1185 96.4604 19.0735C96.6448 19.0735 96.7831 19.0285 96.9675 18.9835C97.7049 18.8035 98.3963 18.3085 98.9955 17.5435C99.5948 16.7784 99.9174 15.5633 99.9174 13.9883C99.9174 12.3682 99.5948 11.1981 98.9955 10.4331C98.3963 9.66803 97.7049 9.173 96.9675 8.99299C96.7831 8.94799 96.5987 8.90299 96.4604 8.90299C96.2761 8.90299 96.1378 8.85798 95.9534 8.85798C95.769 8.85798 95.6308 8.85798 95.4925 8.90299C95.3542 8.90299 95.1698 8.94799 94.9855 8.99299C94.248 9.173 93.5566 9.66803 92.9113 10.4331C92.3121 11.1081 91.9894 12.3232 91.9894 13.9433Z" fill="white"/>
+<path d="M104.988 6.92288H113.008V9.26301H107.891V12.6832H112.777V15.0683H107.891V20.9636H104.988V6.92288Z" fill="white"/>
+<path d="M115.174 6.92288H123.195V9.26301H118.078V12.6832H122.964V15.0683H118.078V20.9636H115.174V6.92288Z" fill="white"/>
+<path d="M124.9 20.9636V6.92288H127.804V20.9636H124.9Z" fill="white"/>
+<path d="M140.599 7.2378V9.66793C140.092 9.48792 139.585 9.35291 139.032 9.26291C138.478 9.1729 137.833 9.1279 137.188 9.1279C135.667 9.1279 134.515 9.57792 133.685 10.523C132.855 11.423 132.44 12.5931 132.44 13.9882C132.44 15.3382 132.809 16.4633 133.593 17.3633C134.376 18.2634 135.482 18.7584 136.911 18.7584C137.418 18.7584 137.925 18.7134 138.525 18.6684C139.124 18.5784 139.723 18.4434 140.368 18.1734L140.553 20.5585C140.46 20.6035 140.322 20.6485 140.184 20.6935C140 20.7385 139.815 20.7835 139.585 20.8285C139.216 20.9185 138.755 20.9635 138.202 21.0535C137.649 21.0985 137.096 21.1436 136.497 21.1436C136.404 21.1436 136.312 21.1436 136.266 21.1436C136.174 21.1436 136.082 21.1436 136.036 21.1436C134.376 21.0535 132.855 20.4235 131.472 19.3435C130.09 18.2184 129.398 16.4633 129.398 14.1232C129.398 11.828 130.09 10.0279 131.426 8.76788C132.763 7.50781 134.607 6.87778 136.865 6.87778C137.464 6.87778 138.018 6.87778 138.478 6.92278C138.986 6.96778 139.446 7.05779 139.953 7.14779C140.046 7.19279 140.184 7.19279 140.276 7.2378C140.368 7.19279 140.46 7.2378 140.599 7.2378Z" fill="white"/>
+<path d="M142.903 6.92294H151.523V9.12806H145.853V12.6383H150.97V14.7984H145.853V18.7586H151.523V20.9637H142.903V6.92294Z" fill="white"/>
+</svg>

web/documentserver-example/csharp/App_Themes/images/notdone.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.3">
+<path d="M10.3826 15.3872C9.9926 15.7862 9.35162 15.7889 8.95828 15.3933L6.15133 12.5701C5.76034 12.1768 5.12403 12.1768 4.73304 12.5701L4.70185 12.6015C4.31371 12.9918 4.31409 13.6225 4.7027 14.0124L8.95904 18.2831C9.35223 18.6776 9.99196 18.6749 10.3817 18.277L20.3062 8.14519C20.6903 7.75301 20.6865 7.12447 20.2976 6.73701L20.273 6.71257C19.8791 6.32014 19.2408 6.32437 18.8521 6.722L10.3826 15.3872Z" fill="#444444"/>
+</g>
+</svg>

web/documentserver-example/csharp/App_Themes/stylesheet.css

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2020
+ * (c) Copyright Ascensio System SIA 2021
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,351 +16,454 @@
  *
  */
 
- html {
+html {
     height: 100%;
     width: 100%;
 }
+
 body {
-    background: #fff;
-    color: #333;
-    font-family: 'Open Sans', sans-serif;
+    background: #FFFFFF;
+    color: #333333;
+    font-family: Open Sans;
     font-size: 12px;
+    font-style: normal;
     font-weight: normal;
     height: 100%;
     margin: 0;
     padding: 0;
     text-decoration: none;
 }
+
 form {
     height: 100%;
 }
+
 div {
     margin: 0;
     padding: 0;
 }
-a, a:hover, a:visited {
-    color: #333;
+
+a,
+a:hover,
+a:visited {
+    color: #333333;
+    cursor: pointer;
 }
 
-
-.top-panel {
-    background: url("images/logo.png") no-repeat 30px center #3D4A6B;
-    height: 80px;
-    width: 100%;
+header {
+    background: #333333;
+    height: 72px;
+    margin: 0 auto;
+    min-width: 1152px;
+    width: auto;
 }
+
+header img {
+    margin: 22px 0 22px 32px;
+}
+
+.center {
+    margin: 0 auto 0;
+    width: 1152px;
+}
+
+.main {
+    height: calc(100% - 136px);
+    min-height: 549px;
+}
+
+.table-main {
+    border-spacing: 0;
+    height: 100%;
+    min-height: 549px;
+}
+
+.section {
+    height: 100%;
+    padding: 0;
+    vertical-align: top;
+}
+
 .main-panel {
-    margin: 80px auto;
-    width: 600px;
+    box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    height: 100%;
+    list-style: none;
+    padding: 48px 32px;
+    position: relative;
+    width: 896px;
 }
+
 .portal-name {
-    font-size: 20px;
+    color: #FF6F3D;
+    font-size: 24px;
+    font-weight: bold;
+    line-height: 133%;
+    letter-spacing: -0.02em;
 }
+
 .portal-descr {
     display: inline-block;
-    line-height: 20px;
-    margin-bottom: 24px;
-    width: 600px;
-}
-.save-original {
-    color: #929597;
-    line-height: 20px;
-    margin-left: 16px;
-    white-space: nowrap;
-    width: 272px;
-}
-label .checkbox {
-    vertical-align: middle;
-}
-.question {
-    background: url("images/question_small.png") no-repeat center center transparent;
-    cursor: pointer;
-    display: inline-block;
-    height: 16px;
-    width: 16px;
-}
-#hint {
-    background-color: #FFFFFF;
-    border: 1px solid #8E908F;
-    display: none;
-    margin: 4px 0 0 -32px;
-    max-width: 415px;
-    padding: 10px 15px 15px;
-    word-wrap: break-word;
-    z-index: 255;
-}
-.corner {
-    background: url("images/corner.png") no-repeat scroll 0 0 transparent;
-    height: 6px;
-    left: 35px;
-    margin-top: -15px;
-    position: absolute;
-    width: 9px;
-    z-index: 261;
-}
-.try-descr {
     font-size: 16px;
-    white-space : nowrap;
+    line-height: 160%;
+    margin-top: 16px;
+}
+
+.header-list {
+    font-weight: bold;
+    font-size: 16px;
+    line-height: 133%;
+    letter-spacing: -0.02em;
+}
+
+label .checkbox {
+    margin: 0 5px 3px 0;
+    vertical-align: middle;
 }
 
 .try-editor-list {
     list-style: none;
-    margin: 0 0 16px;
+    margin: 0;
     padding: 0;
 }
 
-    .try-editor-list li {
-        float: left;
-        margin: 0 15px;
-        width: 100px;
-        cursor: pointer;
-    }
+.try-editor-list li {
+    margin-bottom: 12px
+}
 
 .try-editor {
     background-color: transparent;
-    background-position: center 0;
     background-repeat: no-repeat;
     display: block;
     font-size: 14px;
-    font-weight: bold;
-    height: 45px;
-    padding-top: 100px;
-    text-align: center;
+    line-height: 40px;
+    padding-left: 42px;
     text-decoration: none;
 }
-.try-editor.document {
-    background-image: url("images/file_docx.png");
+
+.try-editor.word {
+    background-image: url("images/file_docx.svg");
 }
-.try-editor.spreadsheet {
-    background-image: url("images/file_xlsx.png");
+
+.try-editor.cell {
+    background-image: url("images/file_xlsx.svg");
 }
-.try-editor.presentation {
-    background-image: url("images/file_pptx.png");
+
+.try-editor.slide {
+    background-image: url("images/file_pptx.svg");
 }
 
 .create-sample {
-    display: inline-block;
-    margin-left: 75px;
+    color: #666666;
+    line-height: 24px;
 }
 
-.button, .button:visited, .button:hover, .button:active {
+.button,
+.button:visited,
+.button:hover,
+.button:active {
+    align-items: center;
+    border-radius: 3px;
+    box-sizing: border-box;
+    cursor: pointer;
     display: inline-block;
-    font-weight: normal;
+    font-weight: 600;
+    letter-spacing: 0.08em;
+    line-height: 133%;
+    padding: 8px 20px;
     text-align: center;
     text-decoration: none;
-    vertical-align: middle;    
-    cursor:pointer;
-    border-radius: 3px;
-    -moz-border-radius: 3px;
-    -webkit-border-radius: 3px;
-    touch-callout: none;
+    text-transform: uppercase;
+    vertical-align: middle;
+    user-select: none;
     -o-touch-callout: none;
     -moz-touch-callout: none;
     -webkit-touch-callout: none;
-    user-select: none;
     -o-user-select: none;
     -moz-user-select: none;
     -webkit-user-select: none;
-    font-size: 12px;
-    line-height: 16px;
-    margin-right: 3px;
-    padding: 4px 12px;
-
-    color: #fff; 
-    
-    background: #3D96C6;
-
-    border-width: 1px;
-    border-style: solid;
-    border-color: #3D96C6;
 }
 
-.button.disable {
+#beginEdit {
+    background: #FF6F3D;
+    border: 1px solid #FF6F3D;
+    color: #FFFFFF;
+}
+
+#beginEdit.disable {
+    background: #EDC2B3;
+    border: 1px solid #EDC2B3;
     cursor: default;
-    background: #BADDEF;
-    border: 1px solid #BADDEF;
 }
+
+#beginEdit:not(.disable):hover {
+    background: #ff7a4b;
+}
+
 .button.gray {
-    background: #888;
-    border: 1px solid #E9EAEA;
+    border: 1px solid #AAAAAA;
+    margin-left: 8px;
+}
+
+.button.gray.disable {
+    border: 1px solid #E5E5E5;
+    color: #B5B5B5;
+    cursor: default;
+}
+
+.button.gray:not(.disable):hover {
+    border: 1px solid #FF6F3D;
+    color: #FF6F3D;
 }
 
 .upload-panel {
-    border-right: 1px solid #D1D1D1;
     float: left;
-    margin-right: 25px;
+    padding: 24px 0;
 }
 
 .file-upload {
-    background: url("images/file_upload.png") no-repeat center 0 transparent;
+    background: url("images/file_upload.svg") no-repeat 0 transparent;
     cursor: pointer;
-    display: inline-block;
+    display: block;
     font-size: 14px;
-    font-weight: bold;
-    height: 45px;
-    margin: 0 40px 16px;
+    line-height: 40px;
     overflow: hidden;
-    padding-top: 100px;
+    padding-left: 42px;
     position: relative;
-    text-align: center;
-    width: 100px;
+    width: 150px;
 }
 
-    .file-upload input {
-        cursor: pointer;
-        opacity: 0;
-        position: absolute;
-        right: 0;
-        top: 0;
-        transform: translate(555px, 60px) scale(8);
-    }
+.file-upload input {
+    cursor: pointer;
+    height: 40px;
+    margin: 0;
+    opacity: 0;
+    opacity: 0;
+    position: absolute;
+    right: 0;
+    top: 0;
+    transform: translate(0px, -21px) scale(2);
+    width: 192px;
+}
 
 .create-panel {
     float: left;
+    padding: 16px 0;
 }
 
 .upload-panel,
 .create-panel {
-    padding: 10px 0;
+    width: 100%;
+    border-bottom: 1px solid #D0D5DA;
 }
 
 #mainProgress {
-    color: #979b9f;
+    color: #333333;
     display: none;
-    margin: 15px;
+    font-size: 12px;
+    margin: 30px 40px;
 }
+
+#mainProgress .uploadFileName {
+    background-position: left center;
+    background-repeat: no-repeat;
+    display: block;
+    font-size: 14px;
+    line-height: 160%;
+    overflow: hidden;
+    padding-left: 28px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+#mainProgress .describeUpload {
+    line-height: 150%;
+    letter-spacing: -0.02em;
+    padding: 16px 0;
+}
+
 #mainProgress #embeddedView {
     display: none;
 }
+
 #mainProgress.embedded #embeddedView {
     display: block;
 }
+
 #mainProgress.embedded #uploadSteps {
     display: none;
 }
+
 .error-message {
-    background: url("images/alert.png") no-repeat scroll 4px 10px #FFECE3;
-    color: #666668 !important;
+    background: url("images/error.svg") no-repeat scroll 4px 10px;
+    color: #CB0000;
     display: none;
-    font-size: 13px;
-    font-weight: normal;
+    line-height: 160%;
+    letter-spacing: -0.02em;
     margin: 5px 0;
     padding: 10px 10px 10px 30px;
     vertical-align: middle;
+    word-wrap: break-word;
 }
-#mainProgress .error-message a {
-    color: #666668;
-}
+
 .step {
     background-repeat: no-repeat;
     background-position: left center;
     background-color: transparent;
-    color: #979B9F;
-    font-size: 14px;
-    line-height: 30px;
-    padding-left: 25px;
+    font-weight: bold;
+    line-height: 167%;
+    padding-left: 35px;
 }
+
 .current {
     background-image: url("images/loader16.gif");
-    color: #333;
 }
+
 .done {
-    background-image: url("images/done.png");
-    color: #333;
+    background-image: url("images/done.svg");
 }
+
 .error {
-    background-image: url("images/alert.png");
+    background-image: url("images/notdone.svg");
 }
+
 .step-descr {
     display: block;
-    margin-left: 45px;
-}
-#mainProgress .step-descr a {
-    color: #979B9F;
+    margin-left: 35px;
+    font-size: 11px;
+    line-height: 188%;
 }
+
 .progress-descr {
-    color: #333;
+    letter-spacing: -0.02em;
+    line-height: 150%;
 }
+
 #loadScripts {
     display: none;
 }
+
 #iframeScripts {
     position: absolute;
     visibility: hidden;
 }
-.bottom-panel {
-    bottom: 0;
-    position: fixed;
-    text-align: right;
-    width: 100%;
+
+footer {
+    background: #333333;
+    color: #AAAAAA;
+    height: 64px;
+    min-width: 1152px;
+    width: auto;
 }
+
+footer table {
+    border-spacing: 0;
+}
+
+footer table tr {
+    height: 64px;
+}
+
+footer table td {
+    padding-left: 32px;
+}
+
+footer a,
+footer a:hover,
+footer a:visited {
+    color: #FF6F3D;
+    font-size: 14px;
+    line-height: 120%;
+}
+
+footer a:hover {
+    text-decoration: none;
+}
+
+.copy {
+    padding-left: 510px;
+}
+
+.help-block {
+    margin: 48px 32px;
+}
+
 .help-block span {
-    font-size: 16px;
-    line-height: 26px;
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 19px;
 }
+
 .stored-list {
-    border-top: 1px solid #D1D1D1;
     list-style: none;
-    margin: 0;
     padding: 0;
+    position: relative;
+    height: 100%;
 }
-.stored-list li {
-    border-bottom: 1px solid #D1D1D1;
-    line-height: 28px;
-    padding: 0 8px;
-}
+
 .stored-edit {
     background-color: transparent;
     background-position: left center;
     background-repeat: no-repeat;
     display: inline-block;
     height: 16px;
-    max-width: 450px;
-    margin-bottom: -6px;
+    max-width: 250px;
     overflow: hidden;
-    padding: 4px 0 1px 34px;
+    padding: 8px 0 1px 26px;
     text-decoration: none;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
-.stored-edit.text {
-    background-image: url("images/icon_docx.png");
+
+.stored-edit.word,
+.uploadFileName.word {
+    background-image: url("images/icon_docx.svg");
 }
-.stored-edit.spreadsheet {
-    background-image: url("images/icon_xlsx.png");
+
+.stored-edit.cell,
+.uploadFileName.cell {
+    background-image: url("images/icon_xlsx.svg");
 }
-.stored-edit.presentation {
-    background-image: url("images/icon_pptx.png");
+
+.stored-edit.slide,
+.uploadFileName.slide {
+    background-image: url("images/icon_pptx.svg");
 }
+
 .stored-edit span {
     font-size: 12px;
     line-height: 12px;
 }
+
 .stored-edit:hover span {
     text-decoration: underline;
 }
 
-
 .blockTitle {
-    background-color: #E2E2E2 !important;
+    background-color: #333333 !important;
     border: none !important;
     border-radius: 0 !important;
     -moz-border-radius: 0 !important;
     -webkit-border-radius: 0 !important;
-    color: #333 !important;
+    color: #F5F5F5 !important;
     font-size: 16px !important;
-    font-weight: normal !important;
-    padding: 15px 25px !important;
+    font-weight: 600 !important;
+    line-height: 133%;
+    letter-spacing: -0.02em;
+    padding: 14px 16px 14px 46px !important;
 }
+
 .dialog-close {
-    background: url("images/close.png") no-repeat scroll left top #E2E2E2;
+    background: url("images/close.svg") no-repeat scroll left top;
     cursor: pointer;
     float: right;
     font-size: 1px;
-    height: 12px;
+    height: 14px;
     line-height: 1px;
     margin-top: 4px;
-    width: 12px;
+    width: 14px;
 }
+
 .blockPage {
     border: none !important;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
@@ -378,11 +481,6 @@ label .checkbox {
     visibility: hidden;
 }
 
-/*Icon table*/
-#tableRow {
-    vertical-align: top;
-}
-
 .tableRow {
     background: transparent;
     -moz-transition: all 0.2s ease-in-out;
@@ -392,16 +490,17 @@ label .checkbox {
     transition: all 0.2s ease-in-out;
 }
 
-    .tableRow:hover {
-        background-color: #ebebeb;
-    }
+.tableRow:hover {
+    background-color: #ECECEC;
+}
 
 .tableHeader {
+    padding-top: 10px;
+}
+
+.tableHeader tr {
     background: transparent;
-    color: #333;
     cursor: default;
-    font-family: 'Open Sans', sans-serif;
-    font-size: 13px;
     height: 40px;
     -khtml-user-select: none;
     user-select: none;
@@ -410,19 +509,39 @@ label .checkbox {
 }
 
 .tableHeaderCell {
-    padding: 2px 1px 2px 5px;
+    border-bottom: 1px solid #CCCCCC;
+    padding: 2px 4px;
     text-align: center;
 }
 
 .tableHeaderCellFileName {
     text-align: left;
+    width: 37%;
+}
+
+.tableHeaderCellEditors {
+    width: 29%;
+}
+
+.tableHeaderCellViewers {
+    width: 11%;
+}
+
+.tableHeaderCellDownload {
+    width: 13%;
+    text-align: right;
+    padding-right: 20px;
+}
+
+.tableHeaderCellRemove {
+    text-align: left;
 }
 
 .contentCells {
-    padding: 4px 1px 4px 5px;
+    border-bottom: 1px solid #EFEFEF;
     font-family: 'Open Sans', sans-serif;
     font-size: 16px;
-    border-bottom: 1px solid #e5e5e5;
+    padding: 4px;
     white-space: nowrap;
     -khtml-user-select: none;
     user-select: none;
@@ -430,59 +549,100 @@ label .checkbox {
     -webkit-user-select: none;
 }
 
-    .contentCells a {
-        text-decoration: none;
-    }
-
-    .contentCells-shift {
-        padding-right: 30px;
-    }
+.contentCells-shift {
+    padding-right: 44px;
+}
 
 .contentCells-icon {
-    width: 6%;
-}
-
-.contentCellsSmall {
-    padding: 5px 1px 5px 6px;
-    font-family: 'Open Sans', sans-serif;
-    font-size: 13px;
-    border-bottom: 1px solid #e5e5e5;
-    white-space: nowrap;
-    text-align: center;
-}
-
-.primaryRow {
-    background-color: #e9e9e9;
-}
-
-.secondaryRow {
-    background-color: #F9F9F9;
+    width: 4%;
 }
 
 .select-user {
-    margin-left: 15px;
+    color: #444444;
+    font-family: Open Sans;
+    font-size: 12px !important;
+    font-weight: normal !important;
+    line-height: 16px !important;
+}
+
+.info {
+    cursor: pointer;
+    padding: 3px 5px;
+    position: absolute;
+}
+
+.tooltip {
+    background: #FFFFFF;
+    border-radius: 5px;
+    box-shadow: 0px 7px 25px rgba(85, 85, 85, 0.15);
+    color: #666666;
+    line-height: 160%;
+    max-width: 312px;
+    padding: 14px;
+    position: absolute;
+}
+
+.arrow {
+    border-top: 8px solid transparent;
+    border-bottom: 8px solid transparent;
+    border-right: 8px solid #FFFFFF;
+    left: -4px;
+    position: absolute;
+    top: 50%;
+    transform: translate(-50%, -50%);
 }
 
 .user-block-table {
     height: 100%;
+    padding: 14px 0;
     width: 100%;
 }
 
-    .user-block-table td {
-        background-color: #F4F4F4;
-        border-bottom: 1px solid white;
-        padding: 12px 0;
-    }
-
-#user, #language {
-    width: 130px;
+.user-block-table td {
+    background-color: #F4F4F4;
+    padding-top: 10px;
 }
 
-.icon-download {
-    margin-bottom: -5px;
+.user-block-table td select {
+    border: 1px solid #D0D5DA;
+    box-sizing: border-box;
+    border-radius: 3px;
+    cursor: pointer;
+}
+
+#user,
+#language {
+    width: 100%;
+    margin-top: 5px;
+    padding-left: 5px;
 }
 
 .icon-delete {
     cursor: pointer;
-    margin-bottom: -6px;
+}
+
+.left-panel {
+    width: 256px;
+    background: #F5F5F5;
+}
+
+.scroll-table-body {
+    bottom: 0;
+    left: 0;
+    margin-top: 0px;
+    overflow-x: auto;
+    position: absolute;
+    right: 0;
+    top: 71px;
+    scrollbar-color: #D0D5DA transparent;
+    scrollbar-width: thin;
+}
+
+.scroll-table-body::-webkit-scrollbar {
+    width: 4px;
+}
+
+.scroll-table-body::-webkit-scrollbar-thumb {
+    background: #D0D5DA;
+    border-radius: 3px;
 }

web/documentserver-example/csharp/Default.aspx

@@ -12,7 +12,7 @@
     <title>ONLYOFFICE</title>
     <!--
     *
-    * (c) Copyright Ascensio System SIA 2020
+    * (c) Copyright Ascensio System SIA 2021
     *
     * Licensed under the Apache License, Version 2.0 (the "License");
     * you may not use this file except in compliance with the License.
@@ -35,295 +35,290 @@
 
     <link rel="stylesheet" type="text/css" href="app_themes/jquery-ui.css" />
 
-    <script language="javascript" type="text/javascript" src="script/jquery-1.9.0.min.js"></script>
-
-    <script language="javascript" type="text/javascript" src="script/jquery-ui.min.js"></script>
-
-    <script language="javascript" type="text/javascript" src="script/jquery.blockUI.js"></script>
-
-    <script language="javascript" type="text/javascript" src="script/jquery.iframe-transport.js"></script>
-
-    <script language="javascript" type="text/javascript" src="script/jquery.fileupload.js"></script>
-
-    <script language="javascript" type="text/javascript" src="script/jquery.dropdownToggle.js"></script>
-
-    <script language="javascript" type="text/javascript" src="script/jscript.js"></script>
-
-    <script language="javascript" type="text/javascript">
-        var ConverExtList = '<%= string.Join(",", ConvertExts.ToArray()) %>';
-        var EditedExtList = '<%= string.Join(",", EditedExts.ToArray()) %>';
-    </script>
 </head>
 <body>
     <form id="form1" runat="server">
-
-        <div class="top-panel"></div>
-        <div class="main-panel">
-            <span class="portal-name">ONLYOFFICE Document Editors</span>
-            <br />
-            <br />
-            <span class="portal-descr">Get started with a demo-sample of ONLYOFFICE Document Editors, the first html5-based editors. You may upload your own documents for testing using the "Upload file" button and selecting the necessary files on your PC.</span>
-
-            <table class="user-block-table" cellspacing="0" cellpadding="0">
+        <header>
+            <div class="center">
+                <a href="">
+                    <img src ="app_themes/images/logo.svg" alt="ONLYOFFICE" />
+                </a>
+            </div>
+        </header>
+        <div class="center main">
+            <table class="table-main">
                 <tbody>
                     <tr>
-                        <td width="30%" valign="middle">
-                            <span class="select-user">Username:</span>
-                            <select class="select-user" id="user">
-                                <option value="uid-1">John Smith</option>
-                                <option value="uid-2">Mark Pottato</option>
-                                <option value="uid-3">Hamish Mitchell</option>
-                            </select>
+                        <td class="left-panel section">
+                            <div class="help-block">
+                                <span>Create new</span>
+                                <div class="clearFix">
+                                    <div class="create-panel clearFix">
+                                        <ul class="try-editor-list clearFix">
+                                            <li>
+                                                <a class="try-editor word" data-type="word">Document</a>
+                                            </li>
+                                            <li>
+                                                <a class="try-editor cell" data-type="cell">Spreadsheet</a>
+                                            </li>
+                                            <li>
+                                                <a class="try-editor slide" data-type="slide">Presentation</a>
+                                            </li>
+                                        </ul>
+                                        <label class="create-sample">
+                                            <input id="createSample" class="checkbox" type="checkbox" />With sample content
+                                        </label>
+                                    </div>
+                                    <div class="upload-panel clearFix">
+                                        <a class="file-upload">Upload file
+                                            <input type="file" id="fileupload" name="files[]" data-url="webeditor.ashx?type=upload" />
+                                        </a>
+                                    </div>
+                                </div>
+                                <table class="user-block-table" cellspacing="0" cellpadding="0">
+                                    <tbody>
+                                        <tr>
+                                            <td valign="middle">
+                                                <span class="select-user">Username</span>
+                                                <img class="info" data-id="user" data-tooltip="You can open the same document using different users in different Web browser sessions, so you can check out multi-user editing functions" src="app_themes/images/info.svg" />
+                                                <select class="select-user" id="user">
+                                                    <option value="uid-1">John Smith</option>
+                                                    <option value="uid-2">Mark Pottato</option>
+                                                    <option value="uid-3">Hamish Mitchell</option>
+                                                    <option value="uid-0">anonymous</option>
+                                                </select>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td valign="middle">
+                                                <span class="select-user">Language</span>
+                                                <img class="info" data-id="language" data-tooltip="Choose the language for ONLYOFFICE editors interface" src="app_themes/images/info.svg" />
+                                                <select class="select-user" id="language">
+                                                    <option value="en">English</option>
+                                                    <option value="be">Belarusian</option>
+                                                    <option value="bg">Bulgarian</option>
+                                                    <option value="ca">Catalan</option>
+                                                    <option value="zh">Chinese</option>
+                                                    <option value="cs">Czech</option>
+                                                    <option value="da">Danish</option>
+                                                    <option value="nl">Dutch</option>
+                                                    <option value="fi">Finnish</option>
+                                                    <option value="fr">French</option>
+                                                    <option value="de">German</option>
+                                                    <option value="el">Greek</option>
+                                                    <option value="hu">Hungarian</option>
+                                                    <option value="id">Indonesian</option>
+                                                    <option value="it">Italian</option>
+                                                    <option value="ja">Japanese</option>
+                                                    <option value="ko">Korean</option>
+                                                    <option value="lv">Latvian</option>
+                                                    <option value="lo">Lao</option>
+                                                    <option value="nb">Norwegian</option>
+                                                    <option value="pl">Polish</option>
+                                                    <option value="pt">Portuguese</option>
+                                                    <option value="ro">Romanian</option>
+                                                    <option value="ru">Russian</option>
+                                                    <option value="sk">Slovak</option>
+                                                    <option value="sl">Slovenian</option>
+                                                    <option value="sv">Swedish</option>
+                                                    <option value="es">Spanish</option>
+                                                    <option value="tr">Turkish</option>
+                                                    <option value="uk">Ukrainian</option>
+                                                    <option value="vi">Vietnamese</option>
+                                                </select>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
                         </td>
-                        <td width="70%" valign="middle">Select user name before opening the document; you can open the same document using different users in different Web browser sessions, so you can check out multi-user editing functions.</td>
-                    </tr>
-                    <tr>
-                        <td width="30%" valign="middle">
-                            <select class="select-user" id="language">
-                                <option value="en">English</option>
-                                <option value="be">Belarusian</option>
-                                <option value="bg">Bulgarian</option>
-                                <option value="ca">Catalan</option>
-                                <option value="zh">Chinese</option>
-                                <option value="cs">Czech</option>
-                                <option value="da">Danish</option>
-                                <option value="nl">Dutch</option>
-                                <option value="fi">Finnish</option>
-                                <option value="fr">French</option>
-                                <option value="de">German</option>
-                                <option value="el">Greek</option>
-                                <option value="hu">Hungarian</option>
-                                <option value="id">Indonesian</option>
-                                <option value="it">Italian</option>
-                                <option value="ja">Japanese</option>
-                                <option value="ko">Korean</option>
-                                <option value="lv">Latvian</option>
-                                <option value="lo">Lao</option>
-                                <option value="nb">Norwegian</option>
-                                <option value="pl">Polish</option>
-                                <option value="pt">Portuguese</option>
-                                <option value="ro">Romanian</option>
-                                <option value="ru">Russian</option>
-                                <option value="sk">Slovak</option>
-                                <option value="sl">Slovenian</option>
-                                <option value="sv">Swedish</option>
-                                <option value="es">Spanish</option>
-                                <option value="tr">Turkish</option>
-                                <option value="uk">Ukrainian</option>
-                                <option value="vi">Vietnamese</option>
-                            </select>
+                        <td class="section">
+                            <div class="main-panel">
+                            <%  var storedFiles = GetStoredFiles();
+                                if (!storedFiles.Any())
+                                { %>
+                                    <span class="portal-name">ONLYOFFICE Document Editors – Welcome!</span>
+                                    <span class="portal-descr">
+                                        Get started with a demo-sample of ONLYOFFICE Document Editors, the first html5-based editors.
+                                        <br /> You may upload your own documents for testing using the "<b>Upload file</b>" button and <b>selecting</b> the necessary files on your PC.
+                                    </span>
+                            <%  }
+                                else
+                                { %>
+                                    <div class="stored-list">
+                                        <span class="header-list">Your documents</span>
+                                        <table class="tableHeader" cellspacing="0" cellpadding="0" width="100%">
+                                            <thead>
+                                                <tr >
+                                                    <td class="tableHeaderCell tableHeaderCellFileName">Filename</td>
+                                                    <td class="tableHeaderCell tableHeaderCellEditors contentCells-shift">Editors</td>
+                                                    <td class="tableHeaderCell tableHeaderCellViewers">Viewers</td>
+                                                    <td class="tableHeaderCell tableHeaderCellDownload">Download</td>
+                                                    <td class="tableHeaderCell tableHeaderCellRemove">Remove</td>
+                                                </tr>
+                                            </thead>
+                                        </table>
+                                        <div class="scroll-table-body">
+                                            <table cellspacing="0" cellpadding="0" width="100%">
+                                                <tbody>
+                                                <%  foreach (var storedFile in storedFiles)
+                                                    {
+                                                        var editUrl = "doceditor.aspx?fileID=" + HttpUtility.UrlEncode(storedFile.Name);
+                                                        var docType = DocumentType(storedFile.Name); %>
+
+                                                        <tr class="tableRow" title="<%= storedFile.Name %>">
+                                                            <td class="contentCells">
+                                                                <a class="stored-edit <%= docType %>" href="<%= editUrl %>" target="_blank">
+                                                                    <span title="<%= storedFile.Name %>"><%= storedFile.Name %></span>
+                                                                </a>
+                                                            </td>
+
+                                                            <td class="contentCells contentCells-icon">
+                                                                <a href="<%= editUrl + "&editorsType=desktop&editorsMode=edit" %>" target="_blank">
+                                                                    <img src="app_themes/images/desktop-24.png" alt="Open in editor for full size screens" title="Open in editor for full size screens"/>
+                                                                </a>
+                                                            </td>
+                                                            <td class="contentCells contentCells-icon">
+                                                                <a href="<%= editUrl + "&editorsType=mobile&editorsMode=edit" %>" target="_blank">
+                                                                    <img src="app_themes/images/mobile-24.png" alt="Open in editor for mobile devices" title="Open in editor for mobile devices"/>
+                                                                </a>
+                                                            </td>
+                                                            <td class="contentCells contentCells-icon">
+                                                                <% if (docType == "word") { %>
+                                                                    <a href="<%= editUrl + "&editorsType=desktop&editorsMode=review" %>" target="_blank">
+                                                                        <img src="app_themes/images/review-24.png" alt="Open in editor for review" title="Open in editor for review"/>
+                                                                    </a>
+                                                                <% } else if (docType == "cell") { %>
+                                                                    <a href="<%= editUrl + "&editorsType=desktop&editorsMode=filter" %>" target="_blank">
+                                                                        <img src="app_themes/images/filter-24.png" alt="Open in editor without access to change the filter" title="Open in editor without access to change the filter" />
+                                                                    </a>
+                                                                <% } %>
+                                                            </td>
+                                                            <td class="contentCells contentCells-icon">
+                                                                <a href="<%= editUrl + "&editorsType=desktop&editorsMode=comment" %>" target="_blank">
+                                                                    <img src="app_themes/images/comment-24.png" alt="Open in editor for comment" title="Open in editor for comment"/>
+                                                                </a>
+                                                            </td>
+                                                            <td class="contentCells contentCells-icon">
+                                                                <% if (docType == "word") { %>
+                                                                    <a href="<%= editUrl + "&editorsType=desktop&editorsMode=fillForms" %>" target="_blank">
+                                                                        <img src="app_themes/images/fill-forms-24.png" alt="Open in editor for filling in forms" title="Open in editor for filling in forms"/>
+                                                                    </a>
+                                                                <% } %>
+                                                            </td>
+                                                            <td class="contentCells contentCells-shift contentCells-icon">
+                                                                <% if (docType == "word") { %>
+                                                                    <a href="<%= editUrl + "&editorsType=desktop&editorsMode=blockcontent" %>" target="_blank">
+                                                                        <img src="app_themes/images/block-content-24.png" alt="Open in editor without content control modification" title="Open in editor without content control modification"/>
+                                                                    </a>
+                                                                <% } %>
+                                                            </td>
+
+                                                            <td class="contentCells contentCells-icon">
+                                                                <a href="<%= editUrl + "&editorsType=desktop&editorsMode=view" %>" target="_blank">
+                                                                    <img src="app_themes/images/desktop-24.png" alt="Open in viewer for full size screens" title="Open in viewer for full size screens"/>
+                                                                </a>
+                                                            </td>
+                                                            <td class="contentCells contentCells-icon">
+                                                                <a href="<%= editUrl + "&editorsType=mobile&editorsMode=view" %>" target="_blank">
+                                                                    <img src="app_themes/images/mobile-24.png" alt="Open in viewer for mobile devices" title="Open in viewer for mobile devices"/>
+                                                                </a>
+                                                            </td>
+                                                            <td class="contentCells contentCells-icon contentCells-shift">
+                                                                <a href="<%= editUrl + "&editorsType=embedded&editorsMode=embedded" %>" target="_blank">
+                                                                    <img src="app_themes/images/embeded-24.png" alt="Open in embedded mode" title="Open in embedded mode"/>
+                                                                </a>
+                                                            </td>
+                                                            <td class="contentCells contentCells-icon contentCells-shift">
+                                                                <a href="webeditor.ashx?type=download&filename=<%= HttpUtility.UrlEncode(storedFile.Name) %>">
+                                                                    <img class="icon-download" src="app_themes/images/download-24.png" alt="Download" title="Download" />
+                                                                </a>
+                                                            </td>
+                                                            <td class="contentCells contentCells-icon contentCells-shift">
+                                                                <a class="delete-file" data-filename="<%= storedFile.Name %>">
+                                                                    <img class="icon-delete" src="app_themes/images/delete-24.png" alt="Delete" title="Delete" />
+                                                                </a>
+                                                            </td>
+                                                        </tr>
+                                                <%  } %>
+                                                </tbody>
+                                            </table>
+                                        </div>
+                                    </div>
+                            <%  } %>
+                            </div>
                         </td>
-                        <td width="70%" valign="middle">Choose the language for ONLYOFFICE™ editors interface.</td>
                     </tr>
                 </tbody>
             </table>
-            <br />
-            <br />
-
-            <div class="help-block">
-                <span class="try-descr">Upload your file or create new file</span>
-                <br />
-                <br />
-                <div class="clearFix">
-                    <div class="upload-panel clearFix">
-                        <a class="file-upload">
-                            Upload
-                            <br />
-                            File
-                            <input type="file" id="fileupload" name="files[]" data-url="webeditor.ashx?type=upload" />
-                        </a>
-                    </div>
-                    <div class="create-panel">
-                        <ul class="try-editor-list clearFix">
-                            <li><a class="try-editor document" data-type="document">Create<br />Document</a></li>
-                            <li><a class="try-editor spreadsheet" data-type="spreadsheet">Create<br />Spreadsheet</a></li>
-                            <li><a class="try-editor presentation" data-type="presentation">Create<br />Presentation</a></li>
-                        </ul>
-                        <label class="create-sample">
-                            <input id="createSample" class="checkbox" type="checkbox" />
-                            Create a file filled with sample content
-                        </label>
-                    </div>
-                </div>
-            </div>
-
-
-            <% var storedFiles = GetStoredFiles();
-               if (storedFiles.Any())
-               { %>
-            <div class="help-block">
-                <span>Your documents</span>
-                <br />
-                <br />
-                <div class="stored-list">
-                    <table width="100%" cellspacing="0" cellpadding="0">
-                        <thead>
-                            <tr class="tableHeader">
-                                <td class="tableHeaderCell tableHeaderCellFileName">Filename</td>
-                                <td colspan="6" class="tableHeaderCell contentCells-shift">Editors</td>
-                                <td colspan="3" class="tableHeaderCell">Viewers</td>
-                            </tr>
-                        </thead>
-                        <tbody>
-                            <% foreach (var storedFile in storedFiles)
-                               { %>
-                                <%
-                                    var editUrl = "doceditor.aspx?fileID=" + HttpUtility.UrlEncode(storedFile);
-                                    var docType = DocumentType(storedFile);
-                                %>
-                                <tr class="tableRow" title="<%= storedFile %>">
-                                    <td class="contentCells">
-                                        <a class="stored-edit <%= docType %>" href="<%= editUrl %>" target="_blank">
-                                            <span title="<%= storedFile %>"><%= storedFile %></span>
-                                        </a>
-                                        <a href="<%= VirtualPath + WebConfigurationManager.AppSettings["storage-path"] + storedFile %>">
-                                            <img class="icon-download" src="app_themes/images/download-24.png" alt="Download" title="Download" />
-                                        </a>
-                                        <a class="delete-file" data-filename="<%= storedFile %>">
-                                            <img class="icon-delete" src="app_themes/images/delete-24.png" alt="Delete" title="Delete" />
-                                        </a>
-                                    </td>
-
-                                    <td class="contentCells contentCells-icon">
-                                        <a href="<%= editUrl + "&editorsType=desktop&editorsMode=edit" %>" target="_blank">
-                                            <img src="app_themes/images/desktop-24.png" alt="Open in editor for full size screens" title="Open in editor for full size screens"/>
-                                        </a>
-                                    </td>
-                                    <td class="contentCells contentCells-icon">
-                                        <a href="<%= editUrl + "&editorsType=mobile&editorsMode=edit" %>" target="_blank">
-                                            <img src="app_themes/images/mobile-24.png" alt="Open in editor for mobile devices" title="Open in editor for mobile devices"/>
-                                        </a>
-                                    </td>
-                                    <td class="contentCells contentCells-icon">
-                                        <% if (docType == "text") { %>
-                                            <a href="<%= editUrl + "&editorsType=desktop&editorsMode=review" %>" target="_blank">
-                                                <img src="app_themes/images/review-24.png" alt="Open in editor for review" title="Open in editor for review"/>
-                                            </a>
-                                        <% } else if (docType == "spreadsheet") { %>
-                                            <a href="<%= editUrl + "&editorsType=desktop&editorsMode=filter" %>" target="_blank">
-                                                <img src="app_themes/images/filter-24.png" alt="Open in editor without access to change the filter" title="Open in editor without access to change the filter" />
-                                            </a>
-                                        <% } %>
-                                    </td>
-                                    <td class="contentCells contentCells-icon">
-                                        <a href="<%= editUrl + "&editorsType=desktop&editorsMode=comment" %>" target="_blank">
-                                            <img src="app_themes/images/comment-24.png" alt="Open in editor for comment" title="Open in editor for comment"/>
-                                        </a>
-                                    </td>
-                                    <td class="contentCells contentCells-icon">
-                                        <% if (docType == "text") { %>
-                                            <a href="<%= editUrl + "&editorsType=desktop&editorsMode=fillForms" %>" target="_blank">
-                                                <img src="app_themes/images/fill-forms-24.png" alt="Open in editor for filling in forms" title="Open in editor for filling in forms"/>
-                                            </a>
-                                        <% } %>
-                                    </td>
-                                    <td class="contentCells contentCells-icon contentCells-shift">
-                                        <% if (docType == "text") { %>
-                                            <a href="<%= editUrl + "&editorsType=desktop&editorsMode=blockcontent" %>" target="_blank">
-                                                <img src="app_themes/images/block-content-24.png" alt="Open in editor without content control modification" title="Open in editor without content control modification"/>
-                                            </a>
-                                        <% } %>
-                                    </td>
-
-                                    <td class="contentCells contentCells-icon">
-                                        <a href="<%= editUrl + "&editorsType=desktop&editorsMode=view" %>" target="_blank">
-                                            <img src="app_themes/images/desktop-24.png" alt="Open in viewer for full size screens" title="Open in viewer for full size screens"/>
-                                        </a>
-                                    </td>
-                                    <td class="contentCells contentCells-icon">
-                                        <a href="<%= editUrl + "&editorsType=mobile&editorsMode=view" %>" target="_blank">
-                                            <img src="app_themes/images/mobile-24.png" alt="Open in viewer for mobile devices" title="Open in viewer for mobile devices"/>
-                                        </a>
-                                    </td>
-                                    <td class="contentCells contentCells-icon">
-                                        <a href="<%= editUrl + "&editorsType=embedded&editorsMode=embedded" %>" target="_blank">
-                                            <img src="app_themes/images/embeded-24.png" alt="Open in embedded mode" title="Open in embedded mode"/>
-                                        </a>
-                                    </td>
-                                </tr>
-                            <% } %>
-                        </tbody>
-                    </table>
-                </div>
-            </div>
-            <% } %>
-
-            <br />
-            <br />
-            <br />
-            <div class="help-block">
-                <span>Want to learn how it works?</span>
-
-                <% var examples = new DirectoryInfo(HttpRuntime.AppDomainAppPath + "App_Data")
-                       .GetFiles("*.zip", SearchOption.TopDirectoryOnly)
-                       .Select(fileInfo => fileInfo.Name).ToList();
-                   if (examples.Any())
-                   { %>
-                <br />
-                Download the code for the sample of ONLYOFFICE Document Editors to find out the details.
-                <br />
-                <br />
-                <% foreach (var example in examples)
-                   { %>
-                <a class="button gray" href="app_data/<%= HttpUtility.HtmlEncode(example).Replace("#", "%23") %>">
-                    <%= example.Replace(" Example.zip", "") %>
-                </a>
-                <% } %>
-                <br />
-                <br />
-                <% } %>
-
-                <br />
-                Read the editor <a href="http://api.onlyoffice.com/editors/howitworks">API Documentation</a>
-            </div>
-            <br />
-            <br />
-            <br />
-            <div class="help-block">
-                <span>Any questions?</span>
-                <br />
-                Please, <a href="mailto:sales@onlyoffice.com">submit your request</a> and we'll help you shortly.
-            </div>
-        </div>
-
-        <div id="hint">
-            <div class="corner"></div>
-            If you check this option the file will be saved both in the original and converted into Office Open XML format for faster viewing and editing. In other case the document will be overwritten by its copy in Office Open XML format.
         </div>
 
         <div id="mainProgress">
             <div id="uploadSteps">
-                <span id="step1" class="step">1. Loading the file</span>
-                <span class="step-descr">The file loading process will take some time depending on the file size, presence or absence of additional elements in it (macros, etc.) and the connection speed.</span>
+                <span id="uploadFileName" class="uploadFileName"></span>
+                <div class="describeUpload">After these steps are completed, you can work with your document.</div>
+                <span id="step1" class="step">1. Loading the file.</span>
+                <span class="step-descr">The loading speed depends on file size and additional elements it contains.</span>
                 <br />
-                <span id="step2" class="step">2. File conversion</span>
-                <span class="step-descr">The file is being converted into Office Open XML format for the document faster viewing and editing.</span>
+                <span id="step2" class="step">2. Conversion.</span>
+                <span class="step-descr">The file is converted to OOXML so that you can edit it.</span>
                 <br />
-                <span id="step3" class="step">3. Loading editor scripts</span>
-                <span class="step-descr">The scripts for the editor are loaded only once and are will be cached on your computer in future. It might take some time depending on the connection speed.</span>
+                <span id="step3" class="step">3. Loading editor scripts.</span>
+                <span class="step-descr">They are loaded only once, they will be cached on your computer.</span>
                 <input type="hidden" name="hiddenFileName" id="hiddenFileName" />
                 <br />
                 <br />
-                <span class="progress-descr">Please note, that the speed of all operations greatly depends on the server and the client locations. In case they differ or are located in differernt countries/continents, there might be lack of speed and greater wait time. The best results are achieved when the server and client computers are located in one and the same place (city).</span>
+                <span class="progress-descr">Note the speed of all operations depends on your connection quality and server location.</span>
                 <br />
                 <br />
                 <div class="error-message">
-                    <span></span>
+                    <b>Upload error: </b><span></span>
                     <br />
-                    Please select another file and try again. If you have questions please <a href="mailto:sales@onlyoffice.com">contact us.</a>
+                    Please select another file and try again.
                 </div>
             </div>
-            <iframe id="embeddedView" src="" height="345px" width="600px" frameborder="0" scrolling="no" allowtransparency></iframe>
+            <iframe id="embeddedView" src="" height="345px" width="432px" frameborder="0" scrolling="no" allowtransparency></iframe>
             <br />
-            <div id="beginEmbedded" class="button disable">Embedded view</div>
-            <div id="beginView" class="button disable">View</div>
             <div id="beginEdit" class="button disable">Edit</div>
+            <div id="beginView" class="button gray disable">View</div>
+            <div id="beginEmbedded" class="button gray disable">Embedded view</div>
             <div id="cancelEdit" class="button gray">Cancel</div>
         </div>
 
         <span id="loadScripts" data-docs="<%= UrlPreloadScripts %>"></span>
-        <div class="bottom-panel">&copy; Ascensio System SIA <%= DateTime.Now.Year.ToString() %>. All rights reserved.</div>
 
+        <footer>
+            <div class="center">
+                <table>
+                    <tbody>
+                        <tr>
+                            <td>
+                                <a href="http://api.onlyoffice.com/editors/howitworks" target="_blank">API Documentation</a>
+                            </td>
+                            <td>
+                                <a href="mailto:sales@onlyoffice.com">Submit your request</a>
+                            </td>
+                            <td class="copy">
+                                &copy; Ascensio System SIA <%= DateTime.Now.Year.ToString() %>. All rights reserved.
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </footer>
     </form>
+
+    <script language="javascript" type="text/javascript" src="script/jquery-1.9.0.min.js"></script>
+    <script language="javascript" type="text/javascript" src="script/jquery-ui.min.js"></script>
+    <script language="javascript" type="text/javascript" src="script/jquery.blockUI.js"></script>
+    <script language="javascript" type="text/javascript" src="script/jquery.iframe-transport.js"></script>
+    <script language="javascript" type="text/javascript" src="script/jquery.fileupload.js"></script>
+    <script language="javascript" type="text/javascript" src="script/jquery.dropdownToggle.js"></script>
+    <script language="javascript" type="text/javascript" src="script/jscript.js"></script>
+    <script language="javascript" type="text/javascript">
+        var ConverExtList = '<%= string.Join(",", ConvertExts.ToArray()) %>';
+        var EditedExtList = '<%= string.Join(",", EditedExts.ToArray()) %>';
+    </script>
+
 </body>
 </html>

web/documentserver-example/csharp/Default.aspx.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2020
+ * (c) Copyright Ascensio System SIA 2021
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -52,7 +52,7 @@ namespace OnlineEditorsExample
                 ".doc", ".docx", ".docm",
                 ".dot", ".dotx", ".dotm",
                 ".odt", ".fodt", ".ott", ".rtf", ".txt",
-                ".html", ".htm", ".mht",
+                ".html", ".htm", ".mht", ".xml",
                 ".pdf", ".djvu", ".fb2", ".epub", ".xps"
             };
 
@@ -68,18 +68,6 @@ namespace OnlineEditorsExample
 
     public partial class _Default : Page
     {
-        public static UriBuilder Host
-        {
-            get
-            {
-                var uri = new UriBuilder(HttpContext.Current.Request.Url) {Query = ""};
-                var requestHost = HttpContext.Current.Request.Headers["Host"];
-                if (!string.IsNullOrEmpty(requestHost))
-                    uri = new UriBuilder(uri.Scheme + "://" + requestHost);
-
-                return uri;
-            }
-        }
 
         public static string VirtualPath
         {
@@ -144,7 +132,40 @@ namespace OnlineEditorsExample
             {
                 Directory.CreateDirectory(directory);
             }
-            return directory + fileName;
+            return directory + Path.GetFileName(fileName);
+        }
+
+        public static string ForcesavePath(string fileName, string userAddress, Boolean create)
+        {
+            var directory = HttpRuntime.AppDomainAppPath + WebConfigurationManager.AppSettings["storage-path"] + CurUserHostAddress(userAddress) + "\\";
+            if (!Directory.Exists(directory))
+            {
+                return "";
+            }
+
+            directory = directory + Path.GetFileName(fileName) + "-hist" + "\\";
+            if (!Directory.Exists(directory))
+            {
+                if (create)
+                {
+                    Directory.CreateDirectory(directory);
+                }
+                else
+                {
+                    return "";
+                }
+            }
+
+            directory = directory + Path.GetFileName(fileName);
+            if (!File.Exists(directory))
+            {
+                if (!create)
+                {
+                    return "";
+                }
+            }
+
+            return directory;
         }
 
         public static string HistoryDir(string storagePath)
@@ -165,7 +186,7 @@ namespace OnlineEditorsExample
         public static int GetFileVersion(string historyPath)
         {
             if (!Directory.Exists(historyPath)) return 0;
-            return Directory.EnumerateDirectories(historyPath).Count();
+            return Directory.EnumerateDirectories(historyPath).Count() + 1;
         }
 
         public static int GetFileVersion(string fileName, string userAddress)
@@ -173,25 +194,42 @@ namespace OnlineEditorsExample
             return GetFileVersion(HistoryDir(StoragePath(fileName, userAddress)));
         }
 
-        public static string FileUri(string fileName)
+        public static string FileUri(string fileName, Boolean forDocumentServer)
         {
-            var uri = Host;
+            var uri = new UriBuilder(GetServerUrl(forDocumentServer));
             uri.Path = VirtualPath + fileName;
             return uri.ToString();
         }
 
+        public static string GetServerUrl(Boolean forDocumentServer)
+        {
+            if (forDocumentServer && !WebConfigurationManager.AppSettings["files.docservice.url.example"].Equals(""))
+            {
+                return WebConfigurationManager.AppSettings["files.docservice.url.example"];
+            }
+            else
+            {
+                var uri = new UriBuilder(HttpContext.Current.Request.Url) { Query = "" };
+                var requestHost = HttpContext.Current.Request.Headers["Host"];
+                if (!string.IsNullOrEmpty(requestHost))
+                    uri = new UriBuilder(uri.Scheme + "://" + requestHost);
+
+                return uri.ToString();
+            }
+        }
+
         public static string DocumentType(string fileName)
         {
             var ext = Path.GetExtension(fileName).ToLower();
 
-            if (FileType.ExtsDocument.Contains(ext)) return "text";
-            if (FileType.ExtsSpreadsheet.Contains(ext)) return "spreadsheet";
-            if (FileType.ExtsPresentation.Contains(ext)) return "presentation";
+            if (FileType.ExtsDocument.Contains(ext)) return "word";
+            if (FileType.ExtsSpreadsheet.Contains(ext)) return "cell";
+            if (FileType.ExtsPresentation.Contains(ext)) return "slide";
 
-            return string.Empty;
+            return "word";
         }
 
-        protected string UrlPreloadScripts = WebConfigurationManager.AppSettings["files.docservice.url.preloader"];
+        protected string UrlPreloadScripts = WebConfigurationManager.AppSettings["files.docservice.url.site"] + WebConfigurationManager.AppSettings["files.docservice.url.preloader"];
 
 
         protected void Page_Load(object sender, EventArgs e)
@@ -229,13 +267,7 @@ namespace OnlineEditorsExample
             var savedFileName = StoragePath(_fileName, null);
             httpPostedFile.SaveAs(savedFileName);
 
-            var histDir = HistoryDir(savedFileName);
-            Directory.CreateDirectory(histDir);
-            File.WriteAllText(Path.Combine(histDir, "createdInfo.json"), new JavaScriptSerializer().Serialize(new Dictionary<string, object> {
-                { "created", DateTime.Now.ToString() },
-                { "id", context.Request.Cookies.GetOrDefault("uid", "uid-1") },
-                { "name", context.Request.Cookies.GetOrDefault("uname", "John Smith") }
-            }));
+            DocEditor.CreateMeta(_fileName, context.Request.Cookies.GetOrDefault("uid", "uid-1"), context.Request.Cookies.GetOrDefault("uname", "John Smith"), null);
 
             return _fileName;
         }
@@ -276,13 +308,7 @@ namespace OnlineEditorsExample
                     }
                 }
 
-                var histDir = HistoryDir(StoragePath(_fileName, null));
-                Directory.CreateDirectory(histDir);
-                File.WriteAllText(Path.Combine(histDir, "createdInfo.json"), new JavaScriptSerializer().Serialize(new Dictionary<string, object> {
-                    { "created", DateTime.Now.ToString() },
-                    { "id", request.Cookies.GetOrDefault("uid", "uid-1") },
-                    { "name", request.Cookies.GetOrDefault("uname", "John Smith") }
-                }));
+                DocEditor.CreateMeta(_fileName, request.Cookies.GetOrDefault("uid", "uid-1"), request.Cookies.GetOrDefault("uname", "John Smith"), null);
             }
             catch (Exception)
             {
@@ -293,18 +319,24 @@ namespace OnlineEditorsExample
 
         public static string DoConvert(HttpContext context)
         {
-            _fileName = context.Request["filename"];
+            _fileName = Path.GetFileName(context.Request["filename"]);
 
-            var extension = (Path.GetExtension(_fileName) ?? "").Trim('.');
+            var extension = (Path.GetExtension(_fileName).ToLower() ?? "").Trim('.');
             var internalExtension = FileType.GetInternalExtension(_fileName).Trim('.');
 
             if (ConvertExts.Contains("." + extension)
                 && !string.IsNullOrEmpty(internalExtension))
             {
-                var key = ServiceConverter.GenerateRevisionId(FileUri(_fileName));
+                var key = ServiceConverter.GenerateRevisionId(FileUri(_fileName, true));
+
+                var fileUrl = new UriBuilder(_Default.GetServerUrl(true));
+                fileUrl.Path = HttpRuntime.AppDomainAppVirtualPath
+                    + (HttpRuntime.AppDomainAppVirtualPath.EndsWith("/") ? "" : "/")
+                    + "webeditor.ashx";
+                fileUrl.Query = "type=download&fileName=" + HttpUtility.UrlEncode(_fileName);
 
                 string newFileUri;
-                var result = ServiceConverter.GetConvertedUri(FileUri(_fileName), extension, internalExtension, key, true, out newFileUri);
+                var result = ServiceConverter.GetConvertedUri(fileUrl.ToString() , extension, internalExtension, key, true, out newFileUri); ;
                 if (result != 100)
                 {
                     return "{ \"step\" : \"" + result + "\", \"filename\" : \"" + _fileName + "\"}";
@@ -342,13 +374,7 @@ namespace OnlineEditorsExample
                 if (Directory.Exists(histDir)) Directory.Delete(histDir, true);
 
                 _fileName = fileName;
-                histDir = HistoryDir(StoragePath(_fileName, null));
-                Directory.CreateDirectory(histDir);
-                File.WriteAllText(Path.Combine(histDir, "createdInfo.json"), new JavaScriptSerializer().Serialize(new Dictionary<string, object> {
-                    { "created", DateTime.Now.ToString() },
-                    { "id", context.Request.Cookies.GetOrDefault("uid", "uid-1") },
-                    { "name", context.Request.Cookies.GetOrDefault("uname", "John Smith") }
-                }));
+                DocEditor.CreateMeta(_fileName, context.Request.Cookies.GetOrDefault("uid", "uid-1"), context.Request.Cookies.GetOrDefault("uname", "John Smith"), null);
             }
 
             return "{ \"filename\" : \"" + _fileName + "\"}";
@@ -357,7 +383,7 @@ namespace OnlineEditorsExample
         public static string GetCorrectName(string fileName, string userAddress = null)
         {
             var baseName = Path.GetFileNameWithoutExtension(fileName);
-            var ext = Path.GetExtension(fileName);
+            var ext = Path.GetExtension(fileName).ToLower();
             var name = baseName + ext;
 
             for (var i = 1; File.Exists(StoragePath(name, userAddress)); i++)
@@ -367,15 +393,45 @@ namespace OnlineEditorsExample
             return name;
         }
 
-        protected static List<string> GetStoredFiles()
+        protected static List<FileInfo> GetStoredFiles()
         {
             var directory = HttpRuntime.AppDomainAppPath + WebConfigurationManager.AppSettings["storage-path"] + CurUserHostAddress(null) + "\\";
-            if (!Directory.Exists(directory)) return new List<string>();
+            if (!Directory.Exists(directory)) return new List<FileInfo>();
 
             var directoryInfo = new DirectoryInfo(directory);
 
-            var storedFiles = directoryInfo.GetFiles("*.*", SearchOption.TopDirectoryOnly).Select(fileInfo => fileInfo.Name).ToList();
+            List<FileInfo> storedFiles = directoryInfo.GetFiles("*.*", SearchOption.TopDirectoryOnly).ToList();
             return storedFiles;
         }
+
+        public static List<Dictionary<string, object>> GetFilesInfo(string fileId = null)
+        {
+            var files = new List<Dictionary<string, object>>();
+
+            foreach (var file in GetStoredFiles())
+            {
+                var dictionary = new Dictionary<string, object>();
+                dictionary.Add("version", GetFileVersion(file.Name, null));
+                dictionary.Add("id", ServiceConverter.GenerateRevisionId(_Default.CurUserHostAddress(null) + "/" + file.Name + "/" + File.GetLastWriteTime(_Default.StoragePath(file.Name, null)).GetHashCode()));
+                dictionary.Add("contentLength", Math.Round(file.Length / 1024.0, 2) + " KB");
+                dictionary.Add("pureContentLength", file.Length);
+                dictionary.Add("title", file.Name);
+                dictionary.Add("updated", file.LastWriteTime.ToString());
+                if (fileId != null)
+                {
+                    if (fileId.Equals(dictionary["id"]))
+                    {
+                        files.Add(dictionary);
+                        break;
+                    }
+                }
+                else
+                {
+                    files.Add(dictionary);
+                }
+            }
+
+            return files;
+        }
     }
 }