channge release action

Reviewed-on: https://git.onlyoffice.com/ONLYOFFICE/document-server-integration/pulls/70

.github/workflows/artifact-csharp-mvc.yml

@@ -25,7 +25,7 @@ jobs:
           rsync -av --exclude='deploy' ./ ./deploy/'DotNet (Csharp MVC) Example'
           rm -rf ./deploy/'DotNet (Csharp MVC) Example'/assets/.git
       - name: Upload Artifact
-        uses: actions/upload-artifact@v3
+        uses: actions/upload-artifact@v4
         with:
           name: DotNet.Csharp.MVC.Example
           path: ${{ github.workspace }}/web/documentserver-example/csharp-mvc/deploy

.github/workflows/artifact-csharp.yml

@@ -24,7 +24,7 @@ jobs:
           rsync -av --exclude='deploy' ./ ./deploy/'DotNet (Csharp) Example'
           rm -rf ./deploy/'DotNet (Csharp) Example'/assets/.git
       - name: Upload Artifact
-        uses: actions/upload-artifact@v3
+        uses: actions/upload-artifact@v4
         with:
           name: DotNet.Csharp.Example
           path: ${{ github.workspace }}/web/documentserver-example/csharp/deploy

.github/workflows/artifact-go.yml

@@ -0,0 +1,32 @@
+name: Artifact Golang
+
+on:
+  workflow_dispatch:
+  push:
+    branches: [master]
+    paths: ['web/documentserver-example/go/**']
+  pull_request:
+    branches: [master]
+    paths: ['web/documentserver-example/go/**']
+
+jobs:
+  artifact:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Repository
+        uses: actions/checkout@v4
+      - name: Build Artifact
+        run: |
+          cd ${{ github.workspace }}
+          cwd=$(pwd)
+          git submodule update --init --recursive
+          cd ./web/documentserver-example/go
+          mkdir -p ./deploy/'Go Example'
+          rsync -av --exclude='deploy' ./ ./deploy/'Go Example'
+          rm -rf ./deploy/'Go Example'/static/assets/document-formats/.git
+          rm -rf ./deploy/'Go Example'/static/assets/document-templates/.git
+      - name: Upload Artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: Go.Example
+          path: ${{ github.workspace }}/web/documentserver-example/go/deploy

.github/workflows/artifact-java.yml

@@ -25,7 +25,7 @@ jobs:
           rm -rf ./deploy/'Java Example'/src/main/resources/assets/document-formats/.git
           rm -rf ./deploy/'Java Example'/src/main/resources/assets/document-templates/.git
       - name: Upload Artifact
-        uses: actions/upload-artifact@v3
+        uses: actions/upload-artifact@v4
         with:
           name: Java.Example
           path: ${{ github.workspace }}/web/documentserver-example/java/deploy

.github/workflows/artifact-node.yml

@@ -25,7 +25,7 @@ jobs:
           rm -rf ./deploy/'Node.js Example'/public/assets/document-formats/.git
           rm -rf ./deploy/'Node.js Example'/public/assets/document-templates/.git
       - name: Upload Artifact
-        uses: actions/upload-artifact@v3
+        uses: actions/upload-artifact@v4
         with:
           name: Node.js.Example
           path: ${{ github.workspace }}/web/documentserver-example/nodejs/deploy

.github/workflows/artifact-php-laravel.yml

@@ -0,0 +1,31 @@
+name: Artifact PHP Laravel
+
+on:
+  workflow_dispatch:
+  push:
+    branches: [master]
+    paths: ['web/documentserver-example/php-laravel/**']
+  pull_request:
+    branches: [master]
+    paths: ['web/documentserver-example/php-laravel/**']
+
+jobs:
+  artifact:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Repository
+        uses: actions/checkout@v4
+      - name: Build Artifact
+        run: |
+          cd ${{ github.workspace }}
+          git submodule update --init --recursive
+          cd ./web/documentserver-example/php-laravel
+          mkdir -p ./deploy/'PHP Laravel Example'
+          rsync -av --exclude='deploy' ./ ./deploy/'PHP Laravel Example'
+          rm -rf ./deploy/'PHP Laravel Example'/public/assets/document-formats/.git
+          rm -rf ./deploy/'PHP Laravel Example'/public/assets/document-templates/.git
+      - name: Upload Artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: PHP-Laravel.Example
+          path: ${{ github.workspace }}/web/documentserver-example/php-laravel/deploy

.github/workflows/artifact-php.yml

@@ -25,7 +25,7 @@ jobs:
           rm -rf ./deploy/'PHP Example'/assets/document-formats/.git
           rm -rf ./deploy/'PHP Example'/assets/document-templates/.git
       - name: Upload Artifact
-        uses: actions/upload-artifact@v3
+        uses: actions/upload-artifact@v4
         with:
           name: PHP.Example
           path: ${{ github.workspace }}/web/documentserver-example/php/deploy

.github/workflows/artifact-python.yml

@@ -25,7 +25,7 @@ jobs:
           rm -rf ./deploy/'Python Example'/assets/document-formats/.git
           rm -rf ./deploy/'Python Example'/assets/document-templates/.git
       - name: Upload Artifact
-        uses: actions/upload-artifact@v3
+        uses: actions/upload-artifact@v4
         with:
           name: Python.Example
           path: ${{ github.workspace }}/web/documentserver-example/python/deploy

.github/workflows/artifact-ruby.yml

@@ -25,7 +25,7 @@ jobs:
           rm -rf ./deploy/'Ruby Example'/public/assets/document-formats/.git
           rm -rf ./deploy/'Ruby Example'/public/assets/document-templates/.git
       - name: Upload Artifact
-        uses: actions/upload-artifact@v3
+        uses: actions/upload-artifact@v4
         with:
           name: Ruby.Example
           path: ${{ github.workspace }}/web/documentserver-example/ruby/deploy

.github/workflows/artifact-spring.yml

@@ -26,7 +26,7 @@ jobs:
           rm -rf ./deploy/'Java Spring Example'/src/main/resources/assets/document-formats/.git
           rm -rf ./deploy/'Java Spring Example'/src/main/resources/assets/document-templates/.git
       - name: Upload Artifact
-        uses: actions/upload-artifact@v3
+        uses: actions/upload-artifact@v4
         with:
           name: Java.Spring.Example
           path: ${{ github.workspace }}/web/documentserver-example/java-spring/deploy

.github/workflows/create-tag.yml

@@ -0,0 +1,27 @@
+name: Create Tag
+
+on:
+  push:
+    branches: [master]
+    paths-ignore:
+      - '.github/**'
+      - '**/AUTHORS.md'
+      - '**/LICENSE'
+      - '**/README.md'
+
+jobs:
+  create-tag:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Repository
+        uses: actions/checkout@v4
+      - name: Get Info
+        run: |
+          echo "version=$(grep -Eo '[0-9]+(\.[0-9]+)+' CHANGELOG.md | head -n 1)" >> $GITHUB_OUTPUT
+        id: info
+      - name: Create Tag
+        run: |
+          git config user.name "$GITHUB_ACTOR"
+          git config user.email "$GITHUB_ACTOR@users.noreply.github.com"
+          git tag -a 'v${{ steps.info.outputs.version }}' -m 'Release/v${{ steps.info.outputs.version }}'
+          git push origin 'v${{ steps.info.outputs.version }}'

.github/workflows/lint-go.yml

@@ -0,0 +1,29 @@
+name: Golangci
+
+on:
+  workflow_dispatch:
+  push:
+    branches: [master]
+    paths: ['web/documentserver-example/go/**']
+  pull_request:
+    branches: [master, develop]
+    paths: ['web/documentserver-example/go/**']
+
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: ./web/documentserver-example/go
+    steps:
+      - uses: actions/checkout@v3
+      
+      - name: Set up Go
+        uses: actions/setup-go@v5
+        with:
+          go-version: '1.21' 
+
+      - name: Lint Golangci
+        run: |
+          go install github.com/golangci/golangci-lint/cmd/golangci-lint@latest
+          golangci-lint run

.github/workflows/lint-java.yml

@@ -3,10 +3,10 @@ name: Lint Java
 on:
   workflow_dispatch:
   push:
-    branches: [master, main]
+    branches: [master]
     paths: ['web/documentserver-example/java/**']
   pull_request:
-    branches: [master, main, develop]
+    branches: [master, develop]
     paths: ['web/documentserver-example/java/**']
 
 jobs:

.github/workflows/lint-nodejs.yml

@@ -3,10 +3,10 @@ name: ESLint
 on:
   workflow_dispatch:
   push:
-    branches: [master, main]
+    branches: [master]
     paths: ['web/documentserver-example/nodejs/**']
   pull_request:
-    branches: [master, main, develop]
+    branches: [master, develop]
     paths: ['web/documentserver-example/nodejs/**']
 
 env:

.github/workflows/lint-php-laravel.yml

@@ -0,0 +1,37 @@
+name: Laravel Pint
+
+on:
+  workflow_dispatch:
+  push:
+    branches: [master]
+    paths: ['web/documentserver-example/php-laravel/**']
+  pull_request:
+    branches: [master, develop]
+    paths: ['web/documentserver-example/php-laravel/**']
+
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+    strategy:
+      fail-fast: true
+      matrix:
+        php: [8.2]
+    defaults:
+      run:
+        working-directory: ./web/documentserver-example/php-laravel
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup PHP
+        uses: shivammathur/setup-php@v2
+        with:
+          php-version: ${{ matrix.php }}
+          extensions: json, dom, curl, libxml, mbstring
+          coverage: none
+
+      - name: Install Pint
+        run: composer global require laravel/pint
+          
+      - name: Run Pint
+        run: pint --test

.github/workflows/lint-php.yml

@@ -3,10 +3,10 @@ name: PHPCs
 on:
   workflow_dispatch:
   push:
-    branches: [master, main]
+    branches: [master]
     paths: ['web/documentserver-example/php/**']
   pull_request:
-    branches: [master, main, develop]
+    branches: [master, develop]
     paths: ['web/documentserver-example/php/**']
 
 jobs:
@@ -17,7 +17,7 @@ jobs:
         working-directory: ./web/documentserver-example/php
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Setup PHP
         uses: shivammathur/setup-php@v2

.github/workflows/lint-python.yml

@@ -3,10 +3,10 @@ name: PyLint
 on:
   workflow_dispatch:
   push:
-    branches: [master, main]
+    branches: [master]
     paths: ['web/documentserver-example/python/**']
   pull_request:
-    branches: [master, main, develop]
+    branches: [master, develop]
     paths: ['web/documentserver-example/python/**']
 
 jobs:

.github/workflows/lint-ruby.yml

@@ -3,10 +3,10 @@ name: Rubocop
 on:
   workflow_dispatch:
   push:
-    branches: [master, main]
+    branches: [master]
     paths: ['web/documentserver-example/ruby/**']
   pull_request:
-    branches: [master, main, develop]
+    branches: [master, develop]
     paths: ['web/documentserver-example/ruby/**']
 
 jobs:
@@ -30,7 +30,7 @@ jobs:
 
     - name: Install Dependencies
       run: |
-        bundle update
+        bundle install
 
     - name: Rubocop
       run: |

.github/workflows/lint-spring.yml

@@ -3,10 +3,10 @@ name: Lint Spring
 on:
   workflow_dispatch:
   push:
-    branches: [master, main]
+    branches: [master]
     paths: ['web/documentserver-example/java-spring/**']
   pull_request:
-    branches: [master, main, develop]
+    branches: [master, develop]
     paths: ['web/documentserver-example/java-spring/**']
 
 jobs:

.github/workflows/release.yml

@@ -2,7 +2,8 @@ name: Release
 
 on:
   push:
-    branches: [master,main]
+    tags:
+      - 'v[0-9]+.[0-9]+.[0-9]+'
 
 permissions:
   contents: write
@@ -63,6 +64,14 @@ jobs:
           rsync -av --exclude='PHP Example' ./ ./'PHP Example'
           rm -rf ./'PHP Example'/assets/document-formats/.git
           rm -rf ./'PHP Example'/assets/document-templates/.git
+      - name: Build PHP Laravel Artifact
+        run: |
+            cd ${{ github.workspace }}
+            cd ./web/documentserver-example/php-laravel
+            mkdir -p ./'PHP Laravel Example'
+            rsync -av --exclude='PHP Laravel Example' ./ ./'PHP Laravel Example'
+            rm -rf ./'PHP Laravel Example'/public/assets/document-formats/.git
+            rm -rf ./'PHP Laravel Example'/public/assets/document-templates/.git
       - name: Build Python Artifact
         run: |
           cd ${{ github.workspace }}
@@ -87,6 +96,14 @@ jobs:
           rsync -av --exclude='Java Spring Example' ./ ./'Java Spring Example'
           rm -rf ./'Java Spring Example'/src/main/resources/assets/document-formats/.git
           rm -rf ./'Java Spring Example'/src/main/resources/assets/document-templates/.git
+      - name: Build Go Artifact
+        run: |
+          cd ${{ github.workspace }}
+          cd ./web/documentserver-example/go
+          mkdir -p .'Go Example'
+          rsync -av --exclude='Go Example' ./ ./'Go Example'
+          rm -rf ./'Go Example'/static/assets/document-formats/.git
+          rm -rf ./'Go Example'/static/assets/document-templates/.git
       - name: Pack Artifacts
         run: |
           cd ${{ github.workspace }}/web/documentserver-example/csharp-mvc
@@ -99,12 +116,16 @@ jobs:
           zip -r Node.js.Example.zip ./'Node.js Example'
           cd ${{ github.workspace }}/web/documentserver-example/php
           zip -r PHP.Example.zip ./'PHP Example'
+          cd ${{ github.workspace }}/web/documentserver-example/php-laravel
+          zip -r PHP.Laravel.Example.zip ./'PHP Laravel Example'
           cd ${{ github.workspace }}/web/documentserver-example/python
           zip -r Python.Example.zip ./'Python Example'
           cd ${{ github.workspace }}/web/documentserver-example/ruby
           zip -r Ruby.Example.zip ./'Ruby Example'
           cd ${{ github.workspace }}/web/documentserver-example/java-spring
           zip -r Java.Spring.Example.zip ./'Java Spring Example'
+          cd ${{ github.workspace }}/web/documentserver-example/go
+          zip -r Go.Example.zip ./'Go Example'
       - name: Create Release
         uses: ncipollo/release-action@v1
         id: create_release
@@ -116,8 +137,10 @@ jobs:
             ${{ github.workspace }}/web/documentserver-example/java/Java.Example.zip,
             ${{ github.workspace }}/web/documentserver-example/nodejs/Node.js.Example.zip,
             ${{ github.workspace }}/web/documentserver-example/php/PHP.Example.zip,
+            ${{ github.workspace }}/web/documentserver-example/php-laravel/PHP.Laravel.Example.zip,
             ${{ github.workspace }}/web/documentserver-example/python/Python.Example.zip,
             ${{ github.workspace }}/web/documentserver-example/ruby/Ruby.Example.zip,
-            ${{ github.workspace }}/web/documentserver-example/java-spring/Java.Spring.Example.zip
+            ${{ github.workspace }}/web/documentserver-example/java-spring/Java.Spring.Example.zip,
+            ${{ github.workspace }}/web/documentserver-example/go/Go.Example.zip
           "
           tag: v${{ steps.info.outputs.version }}

.gitmodules

@@ -1,62 +1,64 @@
 [submodule "web/documentserver-example/nodejs/public/assets/document-templates"]
 	path = web/documentserver-example/nodejs/public/assets/document-templates
 	url = https://github.com/ONLYOFFICE/document-templates
-	branch = main/en
+	branch = main/default
 [submodule "web/documentserver-example/nodejs/public/assets/document-formats"]
 	path = web/documentserver-example/nodejs/public/assets/document-formats
 	url = https://github.com/ONLYOFFICE/document-formats
-	branch = feature/v8.0
 [submodule "web/documentserver-example/csharp-mvc/assets/document-templates"]
 	path = web/documentserver-example/csharp-mvc/assets/document-templates
 	url = https://github.com/ONLYOFFICE/document-templates
-	branch = main/en
+	branch = main/default
 [submodule "web/documentserver-example/csharp-mvc/assets/document-formats"]
 	path = web/documentserver-example/csharp-mvc/assets/document-formats
 	url = https://github.com/ONLYOFFICE/document-formats
 [submodule "web/documentserver-example/php/assets/document-templates"]
 	path = web/documentserver-example/php/assets/document-templates
 	url = https://github.com/ONLYOFFICE/document-templates
-	branch = main/en
+	branch = main/default
 [submodule "web/documentserver-example/php/assets/document-formats"]
 	path = web/documentserver-example/php/assets/document-formats
 	url = https://github.com/ONLYOFFICE/document-formats
-	branch = master
 [submodule "web/documentserver-example/python/assets/document-templates"]
 	path = web/documentserver-example/python/assets/document-templates
 	url = https://github.com/ONLYOFFICE/document-templates
-	branch = main/en
+	branch = main/default
 [submodule "web/documentserver-example/java/src/main/resources/assets/document-templates"]
 	path = web/documentserver-example/java/src/main/resources/assets/document-templates
 	url = https://github.com/ONLYOFFICE/document-templates
-	branch = main/en
+	branch = main/default
 [submodule "web/documentserver-example/ruby/assets/document-templates"]
 	path = web/documentserver-example/ruby/assets/document-templates
 	url = https://github.com/ONLYOFFICE/document-templates
-	branch = main/en
+	branch = main/default
 [submodule "web/documentserver-example/java-spring/src/main/resources/assets/document-templates"]
 	path = web/documentserver-example/java-spring/src/main/resources/assets/document-templates
 	url = https://github.com/ONLYOFFICE/document-templates
-	branch = main/en
+	branch = main/default
+[submodule "web/documentserver-example/go/static/assets/document-templates"]
+	path = web/documentserver-example/go/static/assets/document-templates
+	url = https://github.com/ONLYOFFICE/document-templates
+	branch = main/default
+[submodule "web/documentserver-example/go/static/assets/document-formats"]
+	path = web/documentserver-example/go/static/assets/document-formats
+	url = https://github.com/ONLYOFFICE/document-formats
 [submodule "web/documentserver-example/python/assets/document-formats"]
 	path = web/documentserver-example/python/assets/document-formats
 	url = https://github.com/ONLYOFFICE/document-formats
-	branch = master
 [submodule "web/documentserver-example/ruby/assets/document-formats"]
 	path = web/documentserver-example/ruby/assets/document-formats
 	url = https://github.com/ONLYOFFICE/document-formats
-	branch = master
 [submodule "web/documentserver-example/java/src/main/resources/assets/document-formats"]
 	path = web/documentserver-example/java/src/main/resources/assets/document-formats
 	url = https://github.com/ONLYOFFICE/document-formats
-	branch = master
-[submodule "web/documentserver-example/java-spring/src/main/resources/assets/document-formats"]
-	path = web/documentserver-example/java-spring/src/main/resources/assets/document-formats
-	url = https://github.com/ONLYOFFICE/document-formats
-	branch = master
 [submodule "web/documentserver-example/csharp/assets/document-templates"]
 	path = web/documentserver-example/csharp/assets/document-templates
 	url = https://github.com/ONLYOFFICE/document-templates
-	branch = main/en
+	branch = main/default
 [submodule "web/documentserver-example/csharp/assets/document-formats"]
 	path = web/documentserver-example/csharp/assets/document-formats
 	url = https://github.com/ONLYOFFICE/document-formats
+[submodule "web/documentserver-example/php-laravel/public/assets/document-templates"]
+	path = web/documentserver-example/php-laravel/public/assets/document-templates
+	url = https://github.com/ONLYOFFICE/document-templates
+	branch = main/default

3rd-Party.license

@@ -1,6 +1,5 @@
 Document Server integration example uses code from the following 3rd party projects.
 
-
 web/documentserver-example/csharp
 
 jQuery.BlockUI - The jQuery BlockUI Plugin lets you simulate synchronous behavior when using AJAX, without locking the browser. (https://github.com/malsup/blockui/)
@@ -83,6 +82,37 @@ License:        MICROSOFT .NET LIBRARY LICENSE
 License File:   WebGrease.license
 
 
+web/documentserver-example/go
+
+fx              - An application framework for Go that makes dependency injection easy. (https://github.com/uber-go/fx).
+License:        MIT
+License File:   fx.license
+
+golang-jwt      - A go implementation of JSON Web Tokens. (https://github.com/golang-jwt/jwt).
+License:        MIT
+License File:   golang-jwt.license
+
+gorilla/mux     - Package gorilla/mux implements a request router and dispatcher for matching incoming requests to their respective handler. (https://github.com/gorilla/mux).
+License:        BSD-3-Clause License
+License File:   mux.license
+
+mapstructure    - Go library for decoding generic map values into native Go structures and vice versa. (https://github.com/mitchellh/mapstructure)
+License:        MIT
+License File:   mapstructure.license
+
+schema          - Package gorilla/schema fills a struct with form values. (https://github.com/gorilla/schema)
+License:        BSD-3-Clause License
+License File:   schema.license
+
+viper           - Viper is a complete configuration solution for Go applications including 12-Factor apps. It is designed to work within an application, and can handle all types of configuration needs and formats. (https://github.com/spf13/viper).
+License:        MIT
+License File:   viper.license
+
+zap             - Blazing fast, structured, leveled logging in Go. (https://github.com/uber-go/zap).
+License:        MIT
+License File:   zap.license
+
+
 web/documentserver-example/java
 
 jQuery.BlockUI - The jQuery BlockUI Plugin lets you simulate synchronous behavior when using AJAX, without locking the browser. (https://github.com/malsup/blockui/)
@@ -132,6 +162,10 @@ Jackson Databind - General-purpose data-binding functionality and tree-model for
 License:        Apache 2.0
 License File:   jackson-databind.license
 
+Jackson Dataformat Properties - Support for reading and writing content of "Java Properties" style configuration files as if there was implied nesting structure (by default using dots as separators). (https://github.com/FasterXML/jackson-dataformats-text/blob/master/LICENSE)
+License:        Apache 2.0
+License File:   jackson-dataformat-properties.license
+
 jQuery.BlockUI - The jQuery BlockUI Plugin lets you simulate synchronous behavior when using AJAX, without locking the browser. (https://github.com/malsup/blockui/)
 License:        MIT, GPL
 License File:   jQuery.BlockUI.license
@@ -156,6 +190,10 @@ jQuery.UI     - jQuery UI is an open source library of interface components —
 License:        MIT
 License File:   jQuery.UI.license
 
+JSON          - JSON is a light-weight, language independent, data interchange format. (https://github.com/stleary/JSON-java/blob/master/LICENSE)
+License         Public Domain
+License File:   json.license
+
 JSON.simple   - JSON.simple is a simple Java toolkit for JSON. You can use JSON.simple to encode or decode JSON text. (https://github.com/fangyidong/json-simple/blob/master/LICENSE.txt)
 License:        Apache 2.0
 License File:   JSON.simple.license
@@ -168,14 +206,14 @@ ModelMapper   - ModelMapper is an intelligent object mapping library that automa
 License:        Apache 2.0
 License File    modelmapper.license
 
-Prime JWT     - is intended to be fast and easy to use. Prime JWT has a single external dependency on Jackson. (https://github.com/ws-apps/prime-jwt/blob/master/LICENSE)
-License:        Apache 2.0
-License File:   prime-jwt.license
-
 Spring Boot   - Helps create Spring-powered, production-grade applications and services. Has external dependencies on Spring Framework. (https://github.com/spring-projects/spring-boot/blob/main/LICENSE.txt)
 License:        Apache 2.0
 License File:   spring-boot.license
 
+Spring Boot Web - Starter for building web, including RESTful, applications using Spring MVC. Uses Tomcat as the default embedded container. (https://github.com/spring-projects/spring-boot/blob/main/LICENSE.txt)
+License:        Apache 2.0
+License File:   spring-boot.license
+
 Spring Boot Devtools - Provides fast application restarts, LiveReload, and configurations for enhanced development experience. (https://github.com/spring-projects/spring-boot/blob/main/LICENSE.txt)
 License:        Apache 2.0
 License File:   spring-boot.license
@@ -271,6 +309,9 @@ urllib        - Request HTTP URLs in a complex world — basic and digest authen
 License:        MIT
 License File:   urllib.license
 
+utf7          - Encodes and decodes JavaScript (Unicode/UCS-2) strings to UTF-7 ASCII strings. (https://github.com/kkaefer/utf7/blob/master/LICENSE)
+License:        MIT
+License File:   utf7.license
 
 
 web/documentserver-example/php
@@ -320,6 +361,41 @@ License:        MIT
 License File:   serializer.license
 
 
+web/documentserver-example/php-laravel
+
+jQuery.BlockUI - The jQuery BlockUI Plugin lets you simulate synchronous behavior when using AJAX, without locking the browser. (https://github.com/malsup/blockui/)
+License:        MIT, GPL
+License File:   jQuery.BlockUI.license
+
+jQuery.FileUpload - File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads. Works with any server-side platform (Google App Engine, PHP, Python, Ruby on Rails, Java, etc.) that supports standard HTML form file uploads. (https://github.com/blueimp/jQuery-File-Upload/blob/master/LICENSE.txt)
+License:        MIT
+License File:   jQuery.FileUpload.license
+
+jQuery.iframe-transport - jQuery Iframe Transport Plugin for File Upload (https://github.com/blueimp/jQuery-File-Upload/blob/master/LICENSE.txt)
+License:        MIT
+License File:   jQuery.iframe-transport.license
+
+jQuery        - jQuery is a new kind of JavaScript Library.        jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.        NOTE: This package is maintained on behalf of the library owners by the NuGet Community Packages project at https://nugetpackages.codeplex.com/ (https://jquery.org/license/)
+License:        MIT
+License File:   jQuery.license
+
+jQuery.Migrate - Upgrading libraries such as jQuery can be a lot of work, when breaking changes have been introduced. jQuery Migrate makes this easier, by restoring the APIs that were removed, and additionally shows warnings in the browser console (development version of jQuery Migrate only) when removed and/or deprecated APIs are used. (https://github.com/jquery/jquery-migrate/blob/main/LICENSE.txt)
+License:        OpenJS
+License File:   jQuery.Migrate.license
+
+jQuery.UI     - jQuery UI is an open source library of interface components — interactions, full-featured widgets, and animation effects — based on the stellar jQuery javascript library . Each component is built according to jQuery's event-driven architecture (find something, manipulate it) and is themeable, making it easy for developers of any skill level to integrate and extend into their own code. (https://jquery.org/license/)
+License:        MIT
+License File:   jQuery.UI.license
+
+JWT           - PHP package for JWT (https://github.com/firebase/php-jwt/blob/main/LICENSE)
+License:        BSD-3-Clause
+License File:   jwt.license
+
+Laravel       - Laravel is a web application framework with expressive, elegant syntax. We’ve already laid the foundation for your next big idea — freeing you to create without sweating the small things. (https://github.com/laravel/framework/blob/master/LICENSE.md)
+License       - MIT
+License File  - laravel.license
+
+
 web/documentserver-example/python
 
 django-stubs  - PEP-484 stubs for Django. (https://github.com/typeddjango/django-stubs/blob/master/LICENSE.md)

CHANGELOG.md

@@ -1,21 +1,89 @@
 # Change Log
 
-- fill permission in embedded mode
-- delete all files
-- handling conversion -9 error
-- nodejs: wopi formsubmit icon
-- nodejs: tabs menu
-- change insert image
-- different goback for users
+## 1.14.0
+- nodejs: set users by parts
+- nodejs: preload frame moved from uploading popap
+- nodejs: view odg, md
+- nodejs: edit xlsb
+- nodejs: support vsdx in diagram editor
+- nodejs: fix wopi verification
+- nodejs: user role
+- nodejs: start filling
+- ur skin language
+- change preload.html address
+
+## 1.13.0
+- nodejs: rename in wopi
+- nodejs: using faviconUrl from WOPI discovery
+- nodejs: wopi proof key verification
+- golang: new integration example
+- golang: upload files to the server
+- golang: create blank files and files with sample content
+- golang: edit uploaded files in onlyoffice editor
+- golang: delete files on the server
+- golang: show files history
+- php-laravel: new integration example
+- php-laravel: upload files to the server
+- php-laravel: create blank files and files with sample content
+- php-laravel: edit uploaded files in onlyoffice editor
+- php-laravel: delete files on the server
+- php-laravel: create, edit, and submit pdf forms
+- php-laravel: show forgotten files on a seperate page
+- php-laravel: fetch files
+- php-laravel: integrate sdk
+- jwt token lifetime from config
+- onUserActionRequired
+- support pages, numbers, key formats
+- support hwp, hwpx formats
+- restore by url
+- refresh config
+- on uploading xml convert to supported type only
+- converting function on index page
+- editing by default
+- change reference source
+- filename in editor page title
+- close editor
+
+## 1.12.0
+- nodejs: refresh config
+- nodejs: support pages, numbers, key formats
+- nodejs: support hwp, hwpx formats
+- sq-AL skin language
+
+## 1.11.0
+- he-IL skin language
+- ConvertService.ashx address replaced with converter
+- coauthoring/CommandService.ashx address replaced with command
+- without submitForm in viewer
+
+## 1.10.0
 - nodejs: converting function on index page
+- java-spring: using java docs-integration-sdk
+- tabs menu
+- creating and editing pdf instead docxf
+- filling by default
+- forgotten files
+- delete all files
+- save as for pdf
+- handling conversion -9 error
+- change inserted image
+- different goback for users
+
+## 1.9.0
+- nodejs: filling by default
+- nodejs: docxf, oform as pdf documentType
+- nodejs: creating and editing pdf instead docxf
+- nodejs: wopi formsubmit icon
 - nodejs: close editor
+- en-GB, sr-Cyrl-RS skin languages
+- switching from filling to editing
+- fill permission in embedded mode
 
 ## 1.8.0
 - nodejs: pdf, djvu, xps, oxps as pdf documentType
 - nodejs: filling pdf
 - version number to page meta
-- ar skin languages
-- sr-Latn-RS skin languages
+- ar, sr-Latn-RS skin languages
 - getting history via api
 - using a repo with a list of formats
 - convert after uploading only tagged formats

Readme.md

@@ -5,15 +5,17 @@ Do NOT use these integration examples on your own server without proper code mod
 In case you enabled any of the test examples, disable it before going for production.
 
 These examples show the way to integrate [ONLYOFFICE Docs][2] into your own website or application using one of the programming languages.
-The package contains examples written in .Net (C# MVC), .Net (C#), Java, Java Spring, Node.js, PHP, Python and Ruby.
+The package contains examples written in .Net (C# MVC), .Net (C#), Go, Java, Java Spring, Node.js, PHP, PHP (Laravel), Python and Ruby.
 
 You should change `http://documentserver` to your server address in these files:
 * [.Net (C# MVC)](https://github.com/ONLYOFFICE/document-server-integration/tree/master/web/documentserver-example/csharp-mvc) - `web/documentserver-example/csharp-mvc/web.appsettings.config`
 * [.Net (C#)](https://github.com/ONLYOFFICE/document-server-integration/tree/master/web/documentserver-example/csharp) - `web/documentserver-example/csharp/settings.config`
+* [Go](https://github.com/ONLYOFFICE/document-server-integration/tree/master/web/documentserver-example/go) - `web\documentserver-example\go\config\configuration.json`
 * [Java](https://github.com/ONLYOFFICE/document-server-integration/tree/master/web/documentserver-example/java) - `web/documentserver-example/java/src/main/resources/settings.properties`
 * [Java Spring](https://github.com/ONLYOFFICE/document-server-integration/tree/master/web/documentserver-example/java-spring) - `web/documentserver-example/java-spring/src/main/resources/application.properties`
 * [Node.js](https://github.com/ONLYOFFICE/document-server-integration/tree/master/web/documentserver-example/nodejs) - `web/documentserver-example/nodejs/config/default.json`
 * [PHP](https://github.com/ONLYOFFICE/document-server-integration/tree/master/web/documentserver-example/php) - `web/documentserver-example/php/src/configuration/ConfigurationManager.php`
+* [PHP (Laravel)](https://github.com/ONLYOFFICE/document-server-integration/tree/master/web/documentserver-example/php-laravel) - `web/documentserver-example/php-laravel/.env.example`
 * [Python](https://github.com/ONLYOFFICE/document-server-integration/tree/master/web/documentserver-example/python) - `web/documentserver-example/python/src/configuration/configuration.py`
 * [Ruby](https://github.com/ONLYOFFICE/document-server-integration/tree/master/web/documentserver-example/ruby) - `web/documentserver-example/ruby/app/configuration/configuration.rb`
 

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

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2024
+ * (c) Copyright Ascensio System SIA 2025
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -38,9 +38,15 @@ namespace OnlineEditorsExampleMVC
 
             // create the main script bundle
             bundles.Add(new ScriptBundle("~/bundles/scripts").Include(
+                "~/Scripts/formats.js",
                 "~/Scripts/jscript.js"
                             ));
 
+            // create the forgotten page script bundle
+            bundles.Add(new ScriptBundle("~/bundles/forgotten").Include(
+                "~/Scripts/forgotten.js"
+                            ));
+
             // create a style bundle
             bundles.Add(new StyleBundle("~/Content/css").Include(
                 "~/Content/stylesheet.css",
@@ -52,6 +58,11 @@ namespace OnlineEditorsExampleMVC
             bundles.Add(new StyleBundle("~/Content/editor").Include(
                 "~/Content/editor.css"
                             ));
+
+            // create the forgotten page style bundle
+            bundles.Add(new StyleBundle("~/Content/forgotten").Include(
+                "~/Content/forgotten.css"
+                            ));
         }
     }
 }

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

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2024
+ * (c) Copyright Ascensio System SIA 2025
  *
  * 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 2024
+ * (c) Copyright Ascensio System SIA 2025
  *
  * 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 2024
+ * (c) Copyright Ascensio System SIA 2025
  *
  * 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 2024
+ * (c) Copyright Ascensio System SIA 2025
  *
  * 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/forgotten.css

@@ -0,0 +1,179 @@
+/**
+ *
+ * (c) Copyright Ascensio System SIA 2025
+ *
+ * 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.
+ *
+ */
+
+ .center {
+    width: auto;
+}
+
+.left-panel {
+    width: 256px;
+}
+
+.main-panel {
+    width: 832px;
+    margin: 0 32px;
+    padding: 48px 0;
+    left: 0;
+}
+
+.tableRow {
+    display: flex;
+    width: 100%;
+    justify-content: space-between;
+    align-items: center;
+    border-bottom: 1px solid #E2E2E2;
+}
+
+.tableRow td:first-child {
+    width: 70%;
+    flex-grow: 0;
+    max-width: none;
+}
+
+.tableHeader td:first-child {
+    text-align: left;
+}
+
+.tableHeader td:last-child, .tableRow td:last-child {
+    width: 10%;
+    text-align: center;
+    padding: 0 !important;
+}
+
+.tableHeader {
+    width: 100%;
+}
+
+.stored-edit {
+    display: block;
+    padding-top: 0;
+    max-width: none;
+}
+
+menu.links {
+    width: 100%;
+}
+
+.scroll-table-body table {
+    table-layout: fixed;
+}
+
+.stored-edit span {
+    font-size: 12px;
+    line-height: normal;
+    position: static;
+}
+
+.scroll-table-body {
+    overflow-y: auto;
+}
+
+.stored-list {
+    height: calc(100% - 58px);
+}
+
+header {
+    min-width:auto;
+}
+
+header a {
+    display: block;
+    margin: 0 auto;
+    width: 1152px;
+}
+
+@media (max-width: 1279px) and (min-width: 1024px) {
+    .left-panel {
+        width: 208px;
+    }
+
+    .main-panel {
+        width: 688px;
+    }
+
+    header a {
+        width: 928px;
+    }
+
+    header img {
+        margin-left: 16px;
+    }
+}
+
+@media (max-width: 1023px) and (min-width: 593px) {
+    .center {
+        max-width: 768px;
+        width: calc(100% - 80px);
+    }
+
+    .table-main {
+        width: 100%;
+    }
+
+    .left-panel {
+        width: 208px;
+    }
+
+    .main-panel {
+        width: calc(100% - 32px);
+    }
+
+    .tableHeader td:last-child, .tableRow td:last-child {
+        width: 20%;
+    }
+
+    header a {
+        width: 768px;
+    }
+
+    header img {
+        margin-left: 40px;
+    }
+}
+
+@media (max-width: 592px) {
+    .center, .table-main {
+        width: 100%;
+    }
+
+    .left-panel {
+        display: none;
+    }
+
+    .main-panel {
+        width: 100%;
+        margin: 0;
+        padding: 28px 16px;
+    }
+
+    .tableHeader td:last-child, .tableRow td:last-child {
+        width: 25%;
+    }
+
+    header a {
+        width: auto;
+    }
+
+    .scroll-table-body {
+        top: 40px;
+    }
+
+    .tableRow {
+        padding: 8px 0;
+    }
+}

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

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.4285 13C14.4102 13 14 13 14 13.5V15H6C5.44772 15 5 15.4477 5 16V17C5 17.5523 5.44771 18 6 18H14V19.5C14 20 14.3816 20 14.4285 20C14.6359 20 15.0099 19.9113 15.2172 19.7363L18.6207 17.0833C19.1264 16.6566 19.1264 16.3434 18.6207 15.9167L15.2172 13.2637C15.0099 13.0887 14.6359 13 14.4285 13Z" fill="#444444"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.5715 4C9.58984 4 10 4 10 4.50002V6H18C18.5523 6 19 6.44772 19 7V8C19 8.55228 18.5523 9 18 9H10V10.5C10 11 9.61841 11 9.57151 11C9.36409 11 8.99012 10.9113 8.78279 10.7363L5.37934 8.08333C4.87356 7.65662 4.87356 7.34338 5.37934 6.91667L8.78279 4.26366C8.99012 4.08874 9.36409 4 9.5715 4Z" fill="#444444"/>
+</svg>

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

@@ -1 +1,7 @@
-<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 3c0-1.65685 1.34315-3 3-3h20l7 7v30c0 1.6569-1.3431 3-3 3H3c-1.65685 0-3-1.3431-3-3V3z" fill="#1E7AAA"/><path d="M23 0l7 7h-4c-1.6569 0-3-1.34315-3-3V0z" fill="#000" fill-opacity=".25"/><path d="M6 15h18v1H6v-1zM6 19h18v1H6v-1zM6 23h18v1H6v-1zM6 27h18v1H6v-1z" fill="#fff"/></svg>
+<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#287CA9"/>
+    <path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
+    <rect x="7" y="28" width="10" height="2" rx="1" fill="#fff"/>
+    <rect x="7" y="22" width="16" height="2" rx="1" fill="#fff"/>
+    <rect x="7" y="16" width="16" height="2" rx="1" fill="#fff"/>
+</svg>

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

@@ -1 +0,0 @@
-<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 3c0-1.65685 1.34315-3 3-3h20l7 7v30c0 1.6569-1.3431 3-3 3H3c-1.65685 0-3-1.3431-3-3V3z" fill="#27ABA3"/><path d="M23 0l7 7h-4c-1.6569 0-3-1.34315-3-3V0z" fill="#008078"/><path fill-rule="evenodd" clip-rule="evenodd" d="M24 14H6v7h18v-7zm-.8182 5.9978H6.81818V15H23.1818v4.9978zM24 23H6v7h18v-7zm-.8182 5.9978H6.81818V24H23.1818v4.9978z" fill="#fff"/></svg>

web/documentserver-example/csharp-mvc/Content/images/file_pdf.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 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#E54D39"/>
+    <path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
+    <rect x="7" y="28" width="16" height="2" rx="1" fill="#fff"/>
+    <rect x="18" y="22" width="5" height="2" rx="1" fill="#fff"/>
+    <rect x="18" y="16" width="5" height="2" rx="1" fill="#fff"/>
+    <rect x="8" y="17" width="6" height="6" rx=".833" stroke="#fff" stroke-width="2"/>
+</svg>

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

@@ -1 +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.65685 1.34315-3 3-3h20l7 7v30c0 1.6569-1.3431 3-3 3H3c-1.65685 0-3-1.3431-3-3V3z" fill="#F36700"/><path d="M23 0l7 7h-4c-1.6569 0-3-1.34315-3-3V0z" fill="#000" fill-opacity=".25"/><path stroke="#fff" stroke-opacity=".95" d="M6.5 15.5h17v12h-17z"/></svg>
+<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#F36700"/>
+    <path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
+    <rect x="6" y="28" width="18" height="2" rx="1" fill="#fff"/>
+    <rect x="6" y="16" width="18" height="2" rx="1" fill="#fff"/>
+    <rect x="6" y="16" width="2" height="14" rx="1" fill="#fff"/>
+    <rect x="22" y="16" width="2" height="14" rx="1" fill="#fff"/>
+</svg>

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

@@ -1 +1,5 @@
-<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 3c0-1.65685 1.34315-3 3-3h20l7 7v30c0 1.6569-1.3431 3-3 3H3c-1.65685 0-3-1.3431-3-3V3z" fill="#D0D5DA"/><path d="M23 0l7 7h-4c-1.6569 0-3-1.34315-3-3V0z" fill="#646464"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 23c-.27614 0-.5.2239-.5.5v4c0 .2761.22386.5.5.5h15c.2761 0 .5-.2239.5-.5v-4c0-.2761-.2239-.5-.5-.5h-2c-.2761 0-.5-.2239-.5-.5s.2239-.5.5-.5h2c.8284 0 1.5.6716 1.5 1.5v4c0 .8284-.6716 1.5-1.5 1.5h-15c-.82843 0-1.5-.6716-1.5-1.5v-4c0-.8284.67157-1.5 1.5-1.5h2c.27614 0 .5.2239.5.5s-.22386.5-.5.5h-2z" fill="#646464"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20 20.0001L15 14l-5 6.0001h3v4c0 .5523.4477 1 1 1h2c.5523 0 1-.4477 1-1v-4h3z" fill="#646464"/></svg>
+<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#D1D5DA"/>
+    <path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5zm-5.293 14.293a1 1 0 0 0-1.414 0l-4 4a1 1 0 1 0 1.414 1.414L14 17.414V25a1 1 0 1 0 2 0v-7.586l2.293 2.293a1 1 0 0 0 1.414-1.414z" fill="#646464"/>
+    <path d="M8.833 22H11a1 1 0 1 1 0 2H9v4h12v-4h-2a1 1 0 1 1 0-2h2.167c1.012 0 1.833.82 1.833 1.833v4.334C23 29.179 22.18 30 21.167 30H8.833A1.833 1.833 0 0 1 7 28.167v-4.334C7 22.821 7.82 22 8.833 22" fill="#646464"/>
+</svg>

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

@@ -1 +1,10 @@
-<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 3c0-1.65685 1.34315-3 3-3h20l7 7v30c0 1.6569-1.3431 3-3 3H3c-1.65685 0-3-1.3431-3-3V3z" fill="#6AAA1E"/><path d="M23 0l7 7h-4c-1.6569 0-3-1.34315-3-3V0z" fill="#000" fill-opacity=".25"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6 15h18v13H7.00001v-1H12v-3H7v4H6V15zm7 12h4v-3h-4v3zm5 0h5v-3h-5v3zm5-7v3h-5v-3h5zm-6 0v3h-4v-3h4zm-5 0v3H7v-3h5zm11-1v-3h-5v3h5zm-10-3h4v3h-4v-3zm-1 3v-3H7v3h5z" fill="#fff" fill-opacity=".95"/></svg>
+<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#3AA133"/>
+    <path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
+    <rect x="6" y="28" width="18" height="2" rx="1" fill="#fff"/>
+    <rect x="6" y="16" width="18" height="2" rx="1" fill="#fff"/>
+    <rect x="6" y="22" width="18" height="2" rx="1" fill="#fff"/>
+    <rect x="6" y="16" width="2" height="14" rx="1" fill="#fff"/>
+    <rect x="12" y="16" width="2" height="14" rx="1" fill="#fff"/>
+    <rect x="22" y="16" width="2" height="14" rx="1" fill="#fff"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg width="20" height="17" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M8 17V11H12V17H17V9H20L10 0L0 9H3V17H8Z" fill="#444444"/>
+</svg>

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

@@ -1,12 +1,5 @@
-<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 width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
+    <path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
+    <path fill="#287CA9" d="M5 7h6v1H5zm0 2h6v1H5zm0 2h4v1H5z"/>
 </svg>

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

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
+    <path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
+    <path d="M7.36 5.777c0 1.085-.31 2.363-.833 3.543-.526 1.185-1.235 2.198-1.974 2.796l.803 1.109c1.992-1.342 4.198-2.262 6.333-1.954L12 9.938c-1.819-.612-3.278-2.449-3.278-4.16zm.888 2.84a6.7 6.7 0 0 0 1.161 1.35c-.668.122-1.323.32-1.957.573q.17-.322.316-.657c.183-.41.344-.836.48-1.267" fill="#E54D39"/>
+</svg>

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

@@ -1,12 +1,6 @@
 <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"/>
+    <path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
+    <path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
+    <path d="M5 10a3 3 0 1 0 3-3v3z" fill="#F36700"/>
+    <path d="M4.5 9A2.5 2.5 0 0 1 7 6.5V9z" fill="#F36700"/>
 </svg>

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

@@ -1,12 +1,5 @@
-<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 width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M13.5 3.207V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.793z" fill="#fff" stroke="#BBB"/>
+    <path d="M9.5 1v1.9c0 .56 0 .84.109 1.054a1 1 0 0 0 .437.437c.214.109.494.109 1.054.109H13" stroke="#BBB"/>
+    <path fill="#3AA133" d="M8 7h3v2H8zm0 3h3v2H8zM5 7h2v2H5zm0 3h2v2H5z"/>
 </svg>

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

@@ -0,0 +1,5 @@
+<svg width="24" height="23" viewBox="0 0 24 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M10.5332 22.2243L0.632544 17.5921C-0.210848 17.1877 -0.210848 16.5627 0.632544 16.1951L4.07945 14.5775L10.4966 17.5921C11.34 17.9965 12.6967 17.9965 13.5034 17.5921L19.9206 14.5775L23.3675 16.1951C24.2108 16.5995 24.2108 17.2245 23.3675 17.5921L13.4668 22.2243C12.6967 22.592 11.34 22.592 10.5332 22.2243Z" fill="#FF6F3D"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M10.5011 16.4922L0.630617 11.8546C-0.210206 11.4497 -0.210206 10.824 0.630617 10.456L3.99391 8.87329L10.5011 11.9282C11.342 12.3331 12.6946 12.3331 13.4989 11.9282L20.0061 8.87329L23.3694 10.456C24.2102 10.8608 24.2102 11.4865 23.3694 11.8546L13.4989 16.4922C12.658 16.897 11.3054 16.897 10.5011 16.4922Z" fill="#95C038"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M10.5011 10.8195L0.630617 6.24863C-0.210206 5.84959 -0.210206 5.23289 0.630617 4.87013L10.5011 0.299281C11.342 -0.0997605 12.6946 -0.0997605 13.4989 0.299281L23.3694 4.87013C24.2102 5.26917 24.2102 5.88587 23.3694 6.24863L13.4989 10.8195C12.658 11.1822 11.3054 11.1822 10.5011 10.8195Z" fill="#5DC0E8"/>
+</svg>

web/documentserver-example/csharp-mvc/Content/images/mobile-menu.svg

@@ -0,0 +1,5 @@
+<svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="20" height="2" rx="1" fill="white"/>
+    <rect y="6" width="20" height="2" rx="1" fill="white"/>
+    <rect y="12" width="20" height="2" rx="1" fill="white"/>
+</svg>

web/documentserver-example/csharp-mvc/Content/images/plus.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 fill-rule="evenodd" clip-rule="evenodd" d="M13 17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17V13H7C6.44772 13 6 12.5523 6 12C6 11.4477 6.44772 11 7 11H11V7C11 6.44772 11.4477 6 12 6C12.5523 6 13 6.44772 13 7V11H17C17.5523 11 18 11.4477 18 12C18 12.5523 17.5523 13 17 13H13V17Z" fill="#444444"/>
+</svg>

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

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2024
+ * (c) Copyright Ascensio System SIA 2025
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -42,10 +42,14 @@
     }
 
     .tableHeaderCellViewers {
-        width: 29%;
+        width: 18%;
         text-align: right;
     }
 
+    .tableHeaderCellAction {
+        width: 23%;
+    }
+
     .tableHeaderCellDownload {
         width: 21%;
         padding-right: 18px;
@@ -79,7 +83,8 @@
         margin-left: 0;
     }
 
-    .tableRow {
+    .tableRow,
+    menu.links {
         width: 90%;
     }
 
@@ -119,7 +124,8 @@
     .contentCells-icon{
         width: 5%;
     }
-    .tableRow {
+    .tableRow,
+    menu.links {
         width: 55%;
     }
 
@@ -175,7 +181,8 @@
 }
 
 @media (max-width: 715px) {
-    .tableRow {
+    .tableRow,
+    menu.links {
         width: 45%;
     }
 }
@@ -217,7 +224,7 @@
     }
 
     .tableHeaderCellFileName {
-        width: 16%;
+        width: 9%;
     }
 
     .tableHeaderCellEditors {
@@ -226,7 +233,12 @@
 
     .tableHeaderCellViewers {
         text-align: right;
-        width: 37%;
+        width: 9%;
+    }
+
+    .tableHeaderCellAction{
+        width: 11%;
+        padding-right: 82px;
     }
 
     .tableHeaderCellDownload {
@@ -241,19 +253,24 @@
     }
 
     .tableHeaderCellEditors {
-        width: 26%;
+        width: 15%;
         text-align: left;
     }
 
     .tableHeaderCellFileName {
-        width: 17%;
+        width: 28%;
     }
 
     .tableHeaderCellViewers {
-        width: 27%;
+        width: 6%;
         text-align: right;
     }
 
+    .tableHeaderCellAction{
+        width: 18%;
+        padding-right: 54px;
+    }
+
     .tableHeaderCellDownload {
         padding-right: 18px;
         width: 20%;
@@ -263,7 +280,8 @@
         padding-left: 0;
     }
 
-    .tableRow {
+    .tableRow,
+    menu.links {
         width: 75%;
     }
 
@@ -273,12 +291,17 @@
 
     .tableRow td:first-child {
         flex-grow: 0;
-        width: 15%;
+        width: 25%;
+        margin-right: auto;
     }
 
     .contentCells-icon {
         width: 3%;
     }
+
+    .firstContentCellViewers {
+        margin-left: 0;
+    }
 }
 
 @media (max-width: 890px) and (min-width: 769px ) {
@@ -286,14 +309,15 @@
         width: 20%;
     }
     .contentCells-shift {
-        padding-right: 28px;
+        padding-right: 27px;
     }
 
     .main-panel {
         width: 580px;
     }
 
-    .tableRow {
+    .tableRow,
+    menu.links {
         width: 95%;
     }
 
@@ -318,11 +342,16 @@
 
     .tableHeaderCellEditors {
         text-align: left;
-        width: 31%;
+        width: 1%;
     }
 
     .tableHeaderCellViewers {
-        width: 18%;
+        width: 19%;
+    }
+
+    .tableHeaderCellAction {
+        width: 19%;
+        padding-right: 45px;
     }
 }
 
@@ -407,7 +436,8 @@
         padding: 16px 0 6px;
     }
 
-    .tableRow {
+    .tableRow,
+    menu.links {
         width: 40%;
     }
 
@@ -423,8 +453,8 @@
 
     .downloadContentCellShift {
         max-width: 7%;
-        margin-right: -11px;
-        margin-left: auto;
+        margin-right: 24px;
+        margin-left: 0;
     }
 
     .contentCells-icon {
@@ -432,13 +462,13 @@
     }
 
     .tableRow td:last-child {
-        width: 12%;
-        padding-right: 40px;
+        width: 7%;
+        padding-right: 0px;
         border: none;
     }
 
     .contentCells-shift {
-        padding-right: 35px;
+        padding-right: 0px;
     }
 
     .downloadContentCellShift:after {
@@ -524,6 +554,15 @@
         height: 56px;
         margin-bottom: 24px !important;
     }
+    .button.hoar{
+        width: 18%;
+        height: 27px;
+        margin-bottom: 7px !important;
+    }
+    .button.converting{
+        width: 126px;
+        margin-top: 0;
+    }
 }
 
 @media (max-width: 560px) and (min-width: 510px) {
@@ -532,13 +571,14 @@
     }
 
     .downloadContentCellShift {
-        padding-right: 45px;
+        padding-right: 16px;
         max-width: 4%;
     }
 }
 
 @media (max-width: 510px)  and (min-width: 470px) {
-    .tableRow {
+    .tableRow,
+    menu.links {
         width: 35%;
     }
 
@@ -551,7 +591,7 @@
 
     .downloadContentCellShift {
         max-width: 6%;
-        padding-right: 37px;
+        padding-right: 6px;
     }
 
     .firstContentCellShift {
@@ -564,7 +604,8 @@
 }
 
 @media (max-width: 470px)  and (min-width: 420px) {
-    .tableRow {
+    .tableRow,
+    menu.links {
         width: 30%;
     }
     .tableRow td:first-child{
@@ -576,12 +617,12 @@
 
     .downloadContentCellShift {
         max-width: 3%;
-        padding-right: 37px;
+        padding-right: 0px;
         padding-left: 0;
     }
 
     .firstContentCellShift {
-        margin-left: 1px;
+        margin-left: 2px;
         flex-basis: 14%;
     }
 
@@ -598,8 +639,9 @@
     }
 }
 
-@media (max-width: 420px) and (min-width: 320px) {
-    .tableRow {
+@media (max-width: 420px) {
+    .tableRow,
+    menu.links {
         width: 25%;
     }
 
@@ -610,7 +652,7 @@
 
     .downloadContentCellShift {
         max-width: 4%;
-        margin-right: -18px;
+        margin-right: 18px;
         margin-left: -1px;
     }
 
@@ -619,7 +661,7 @@
     }
 
     .contentCells-icon{
-        width: 10%;
+        width: 12%;
     }
     footer table td {
         margin: 0;
@@ -649,7 +691,8 @@
     }
 }
 @media (max-width: 769px) and (min-width: 715px){
-    .tableRow{
+    .tableRow,
+    menu.links {
         width: 50%;
     }
 }
@@ -672,7 +715,7 @@
         max-width: 45%;
     }
 }
-@media (max-width: 600px) and (min-width: 320px) {
+@media (max-width: 600px) {
     .main-panel{
         display: flex;
         flex-direction: column;
@@ -698,3 +741,216 @@
         max-width: none;
     }
 }
+
+@media (max-width: 592px) {
+    body.menu-open {
+        overflow: hidden;
+    }
+
+    header {
+        min-width: auto;
+        height: fit-content;
+    }
+
+    header a {
+        display: block;
+    }
+
+    header img {
+        margin: 0;
+    }
+
+    header, footer {
+        position: -webkit-sticky; /* Safari */
+        position: sticky;
+        top: 0;
+        z-index: 100;
+    }
+
+    .center {
+        width: 100%;
+        margin: 0;
+    }
+
+    .left-panel {
+        background-color: rgba(186, 186, 186, 0.6);
+        display: none;
+        flex-direction: row;
+        align-items: start;
+        max-width: none;
+        width: 100%;
+        margin: 0;
+        position: fixed;
+        left: 0;
+        height: calc(100% - 124px);
+        z-index:99;
+    }
+
+    .left-panel.active {
+        display: flex;
+    }
+
+    .help-block {
+        height: 100%;
+        margin: 0;
+        background-color: #F5F5F5;
+        width: 248px;
+        padding-left: 16px;
+        padding-top: 33px;
+        padding-bottom: 33px;
+        padding-right: 40px;
+        box-sizing: border-box;
+        overflow-y: auto;
+        overflow-x: hidden;
+    }
+
+    .table-main {
+        width: 100%;
+    }
+
+    .mobile-close-btn {
+        display: block;
+        width: 48px;
+        height: 48px;
+        background-color: #E2E2E2;
+        border-radius: 2px;
+        border-color: #E2E2E2;
+        color: #808080;
+        cursor: pointer;
+	    outline: inherit;
+        border: none;
+    }
+
+    .main-panel {
+        width: 100%;
+        left: 0;
+        padding: 28px 16px;
+    }
+
+    #portal-info {
+        width: 100%;
+        max-width: fit-content;
+    }
+
+    menu.links {
+        width: 100%;
+        margin-top: 0;
+        padding: 0;
+    }
+
+    span.portal-name {
+        font-size: 16px;
+    }
+
+    span.portal-descr:first-child {
+        font-size: 13px;
+    }
+
+    span.portal-descr {
+        font-size: 12px;
+    }
+
+    .user-descr {
+        width: 100%;
+        max-width: none;
+        min-width: auto;
+        border-bottom: 1px solid #E5E5E5;
+        padding: 12px 0;
+        margin: 0;
+        cursor: pointer;
+    }
+
+    .user-descr ul {
+        display: none;
+    }
+
+    .user-descr ul.active {
+        display: block;
+    }
+
+    .user-descr b {
+        font-size: 13px;
+        display: flex;
+        align-items: center;
+        column-gap: 8px;
+        margin: 0;
+    }
+
+    .user-descr b::before {
+        content: url("images/plus.svg");
+        display: inline-block;
+        width: 24px;
+        height: 24px;
+    }
+
+    .storedHeader {
+        width: 100%;
+    }
+
+    .storedHeaderClearAll {
+        padding-right: 0;
+    }
+
+    .scroll-table-body {
+        top: 36px;
+    }
+
+    .scroll-table-body tr:first-child {
+        padding-top: 0;
+    }
+
+    .tableRow {
+        border-bottom: 1px solid #e5e5e5;
+        padding: 16px 0;
+        width: 100%;
+    }
+
+    .tableRow td:first-child {
+        width: 100%;
+    }
+
+    .stored-edit span {
+        font-size: 14px;
+    }
+
+    .header-list {
+        font-size: 16px;
+    }
+
+    .firstContentCellViewers {
+        border-bottom: none !important;
+    }
+
+    .firstContentCellViewers ~ td {
+        border-bottom: none !important;
+    }
+
+    .downloadContentCellShift:after {
+        display: none;
+    }
+
+    .main-nav {
+        display: none;
+    }
+
+    .responsive-nav {
+        height: 44px;
+        display: flex;
+        flex-direction: row;
+        margin: 0;
+        align-items: center;
+        column-gap: 16px;
+        padding: 10px 16px;
+        width: 100%;
+        box-sizing: border-box;
+        list-style: none;
+    }
+
+    .main {
+        height: calc(100% - 124px);
+    }
+
+    .user-block-table {
+        height: auto;
+    }
+}

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

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2024
+ * (c) Copyright Ascensio System SIA 2025
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -65,6 +65,14 @@ header img {
     margin: 10px 0 22px 32px;
 }
 
+.responsive-nav {
+    display: none;
+}
+
+.mobile-close-btn {
+    display: none;
+}
+
 .center {
     position:relative;
     margin: 0 auto 0;
@@ -164,7 +172,7 @@ label .checkbox {
 }
 
 .try-editor.form {
-    background-image: url("images/file_docxf.svg");
+    background-image: url("images/file_pdf.svg");
 }
 
 .side-option {
@@ -230,6 +238,52 @@ label .checkbox {
     color: #FF6F3D;
 }
 
+.button.converting {
+    margin-top: -20px;
+    padding: 16px 16px;
+}
+
+.button.converting.wide {
+    padding: 16px 29px;
+}
+
+.button.hoar {
+    background: #EFEFEF;
+    border: 1px solid #EFEFEF;
+    margin-right: 7px;
+    margin-bottom: 7px;
+    width: 13%;
+    padding-left: 0;
+    padding-right: 0;
+    font-size: 11px;
+}
+
+.button.hoar.disable {
+    opacity: 30%;
+    cursor: default;
+}
+
+.button.hoar:not(.disable):hover {
+    background: #FF6F3D;
+    border: 1px solid #FF6F3D;
+    color: #FFFFFF;
+}
+
+.button.hoar.orange {
+    background: #FF6F3D;
+    border: 1px solid #FF6F3D;
+    color: #FFFFFF;
+    cursor: default;
+}
+
+.button.hoar.orange.disable {
+    background: #444444;
+    border: 1px solid #444444;
+    color: #FFFFFF;
+    cursor: default;
+    opacity: 100%;
+}
+
 .button.file-type {
     font-size: 11px;
     color: #FFFFFF;
@@ -298,6 +352,43 @@ label .checkbox {
     border-bottom: 1px solid #D0D5DA;
 }
 
+.links {
+    display: flex;
+    padding: 0;
+    column-gap: 30px;
+    align-items: center;
+    list-style: none;
+    border-bottom: 1px solid #E2E2E2;
+    margin: 0;
+    margin-bottom: 24px;
+}
+
+.links li {
+    padding: 4px;
+    border-bottom: 2px solid transparent;
+    margin-bottom: -1px;
+}
+
+.links li.active {
+    border-bottom: 2px solid #FF6F3D;
+}
+
+.links li.active a {
+    color: #FF6F3D;
+}
+
+.links li.active a img {
+    filter: invert(55%) sepia(67%) saturate(2727%) hue-rotate(335deg) brightness(104%) contrast(101%);
+}
+
+.links a {
+    display: inline-block;
+    padding: 2px 0;
+    line-height: 20px;
+    font-size: 13px;
+    text-decoration: none;
+}
+
 #mainProgress {
     color: #333333;
     display: none;
@@ -335,6 +426,32 @@ label .checkbox {
     display: none;
 }
 
+#convertingProgress {
+    color: #333333;
+    display: none;
+    font-size: 12px;
+    margin: 30px 35px;
+}
+
+#convertingProgress .convertFileName{
+    background-position: left center;
+    background-repeat: no-repeat;
+    display: block;
+    font-size: 14px;
+    line-height: 160%;
+    overflow: hidden;
+    padding-left: 28px;
+    margin-bottom: 16px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+#convertingProgress .describeUpload {
+    line-height: 150%;
+    letter-spacing: -0.02em;
+    padding: 16px 0;
+}
+
 .error-message {
     background: url("images/error.svg") no-repeat scroll 4px 10px;
     color: #CB0000;
@@ -356,6 +473,10 @@ label .checkbox {
     padding-left: 35px;
 }
 
+.waiting {
+    opacity: 30%;
+}
+
 .current {
     background-image: url("images/loader16.gif");
 }
@@ -368,6 +489,12 @@ label .checkbox {
     background-image: url("images/notdone.svg");
 }
 
+.convertPercent {
+    color: #FF6F3D;
+    font-weight: 700;
+    display: inline;
+}
+
 .step-descr {
     display: block;
     margin-left: 35px;
@@ -375,6 +502,10 @@ label .checkbox {
     line-height: 188%;
 }
 
+.step-descr.disable {
+    display: none;
+}
+
 .progress-descr {
     letter-spacing: -0.02em;
     line-height: 150%;
@@ -476,21 +607,30 @@ footer table tr td:first-child {
     white-space: nowrap;
 }
 
+.convertFileName.word,
 .stored-edit.word,
 .uploadFileName.word {
     background-image: url("images/icon_docx.svg");
 }
 
+.convertFileName.cell,
 .stored-edit.cell,
 .uploadFileName.cell {
     background-image: url("images/icon_xlsx.svg");
 }
 
+.convertFileName.slide,
 .stored-edit.slide,
 .uploadFileName.slide {
     background-image: url("images/icon_pptx.svg");
 }
 
+.convertFileName.pdf,
+.stored-edit.pdf,
+.uploadFileName.pdf {
+    background-image: url("images/icon_pdf.svg");
+}
+
 .stored-edit span {
     font-size: 12px;
     line-height: 12px;
@@ -542,6 +682,11 @@ footer table tr td:first-child {
     visibility: hidden;
 }
 
+.convertTable {
+    margin-top: 10px;
+    margin-left: 35px;
+}
+
 .tableRow {
     background: transparent;
     -moz-transition: all 0.2s ease-in-out;
@@ -588,6 +733,12 @@ footer table tr td:first-child {
     width: 11%;
 }
 
+.tableHeaderCellAction{
+    width: 13%;
+    text-align: right;
+    padding-right: 88px;
+}
+
 .tableHeaderCellDownload {
     width: 13%;
     text-align: right;
@@ -612,7 +763,7 @@ footer table tr td:first-child {
 }
 
 .contentCells-shift {
-    padding-right: 44px;
+    padding-right: 43px;
 }
 
 .contentCells-icon {
@@ -676,7 +827,7 @@ footer table tr td:first-child {
     width: 100%;
 }
 
-.icon-delete {
+.icon-action {
     cursor: pointer;
 }
 
@@ -755,6 +906,13 @@ html {
     position: relative;
 }
 
+.typeButtonsRow {
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: row;
+    position: relative;
+}
 
     .tableRow td:first-child {
         display: flex;
@@ -763,11 +921,11 @@ html {
     }
 
 .tableHeaderCellFileName {
-    width: 30%;
+    width: 20%;
 }
 
 .tableHeaderCellEditors {
-    width: 28%;
+    width: 20%;
 }
 
 .tableHeaderCellViewers {

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

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2024
+ * (c) Copyright Ascensio System SIA 2025
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -17,10 +17,13 @@
  */
 
 using System;
+using System.Collections.Generic;
+using System.Collections;
 using System.IO;
 using System.Web.Mvc;
 using OnlineEditorsExampleMVC.Helpers;
 using OnlineEditorsExampleMVC.Models;
+using System.Web.Configuration;
 
 namespace OnlineEditorsExampleMVC.Controllers
 {
@@ -31,6 +34,46 @@ namespace OnlineEditorsExampleMVC.Controllers
             return View();
         }
 
+        public ActionResult Forgotten()
+        {
+            if (!bool.Parse(WebConfigurationManager.AppSettings["enable-forgotten"]))
+            {
+                ViewData["Message"] = "The forgotten page is disabled";
+                return View("~/Views/Shared/Error.aspx");
+            }
+
+            var files = new List<Dictionary<string, string>>();
+
+            try
+            {
+                var response = TrackManager.commandRequest("getForgottenList", null);
+                ArrayList keys = (ArrayList)response["keys"];
+
+                // fetch all the forgotten files from the document server
+                foreach (string key in keys)
+                {
+                    var file = new Dictionary<string, string>();
+                    var fileResult = TrackManager.commandRequest("getForgotten", key);
+                    file.Add("key", fileResult["key"].ToString());
+                    file.Add("url", fileResult["url"].ToString());
+                    file.Add(
+                        "type",
+                        FileUtility.GetFileType(fileResult["url"].ToString())
+                            .ToString()
+                            .ToLower()
+                    );
+
+                    files.Add(file);
+                }
+            }
+            catch (Exception ex)
+            {
+                System.Diagnostics.Debug.WriteLine(ex.Message);
+            }
+
+            return View("Forgotten", new ForgottenFilesModel(files));
+        }
+
         // viewing file in the editor
         public ActionResult Editor(string fileName, string editorsMode, string editorsType, string directUrl)
         {
@@ -52,7 +95,7 @@ namespace OnlineEditorsExampleMVC.Controllers
             var id = Request.Cookies.GetOrDefault("uid", null);
             var user = Users.getUser(id);
             DocManagerHelper.CreateMeta(fileName, user.id, user.name);  // create meta information for the sample document
-            Response.Redirect(Url.Action("Editor", "Home", new { fileName = fileName }));
+            Response.Redirect(Url.Action("Editor", "Home", new { fileName = fileName, editorsMode="edit" }));
             return null;
         }
     }

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

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2024
+ * (c) Copyright Ascensio System SIA 2025
  *
  * 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 2024
+ * (c) Copyright Ascensio System SIA 2025
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -217,7 +217,9 @@ namespace OnlineEditorsExampleMVC.Helpers
             var directoryInfo = new DirectoryInfo(directory);
 
             // take files from the root directory
-            List<FileInfo> storedFiles = directoryInfo.GetFiles("*.*", SearchOption.TopDirectoryOnly).ToList();
+            List<FileInfo> storedFiles = directoryInfo.GetFiles("*.*", SearchOption.TopDirectoryOnly)
+                .OrderByDescending(f => f.LastWriteTimeUtc)
+                .ToList();
 
             return storedFiles;
         }

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

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2024
+ * (c) Copyright Ascensio System SIA 2025
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -83,7 +83,8 @@ namespace OnlineEditorsExampleMVC.Helpers
                                           bool isAsync,
                                           out Dictionary<string, string> convertedDocumentData,
                                           string filePass = null,
-                                          string lang = null)
+                                          string lang = null,
+                                          string fileName = null)
         {
             convertedDocumentData = new Dictionary<string, string>();
 
@@ -91,7 +92,7 @@ namespace OnlineEditorsExampleMVC.Helpers
             fromExtension = string.IsNullOrEmpty(fromExtension) ? Path.GetExtension(documentUri).ToLower() : fromExtension;
 
             // check if the file name parameter is defined; if not, get random uuid for this file
-            var title = Path.GetFileName(documentUri);
+            var title = string.IsNullOrEmpty(fileName) ? Path.GetFileName(documentUri) : fileName;
             title = string.IsNullOrEmpty(title) ? Guid.NewGuid().ToString() : title;
 
             // get document key
@@ -225,7 +226,7 @@ namespace OnlineEditorsExampleMVC.Helpers
         private static void ProcessResponseError(int errorCode)
         {
             var errorMessage = string.Empty;
-            const string errorMessageTemplate = "Error occurred in the ConvertService.ashx: {0}";
+            const string errorMessageTemplate = "Error occurred in the ConvertService: {0}";
 
             switch (errorCode)
             {

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

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2024
+ * (c) Copyright Ascensio System SIA 2025
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -20,6 +20,7 @@ using JWT;
 using JWT.Algorithms;
 using JWT.Builder;
 using JWT.Serializers;
+using System;
 using System.Collections.Generic;
 using System.Web.Configuration;
 
@@ -30,17 +31,25 @@ namespace OnlineEditorsExampleMVC.Helpers
         private static readonly string Secret;
         public static readonly bool Enabled;
         public static readonly bool SignatureUseForRequest;
+        public static readonly int ExpiresIn;
 
         static JwtManager()
         {
             Secret = WebConfigurationManager.AppSettings["files.docservice.secret"] ?? "";  // get token secret from the config parameters
             Enabled = !string.IsNullOrEmpty(Secret);  // check if the token is enabled
+            ExpiresIn = int.Parse(WebConfigurationManager.AppSettings["files.docservice.token.expires-in"]);
             SignatureUseForRequest = bool.Parse(WebConfigurationManager.AppSettings["files.docservice.token.useforrequest"]);
         }
 
         // encode a payload object into a token using a secret key
         public static string Encode(IDictionary<string, object> payload)
         {
+            var now = (int)DateTime.UtcNow.Subtract(new DateTime(1970, 1, 1)).TotalSeconds;
+            var expires = now + ExpiresIn * 60;
+
+            payload["iat"] = now;
+            payload["exp"] = expires;
+
             var encoder = new JwtEncoder(new HMACSHA256Algorithm(),
                                          new JsonNetSerializer(),
                                          new JwtBase64UrlEncoder());

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

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2024
+ * (c) Copyright Ascensio System SIA 2025
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -282,7 +282,7 @@ namespace OnlineEditorsExampleMVC.Helpers
         }
 
         // create a command request
-        public static void commandRequest(string method, string key, object meta = null)
+        public static Dictionary<string, object> commandRequest(string method, string key, object meta = null)
         {
             DocManagerHelper.VerifySSL();
 
@@ -345,6 +345,7 @@ namespace OnlineEditorsExampleMVC.Helpers
             {
                 throw new Exception(dataResponse);
             }
+            return responseObj;
         }
 
         // save file

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

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2024
+ * (c) Copyright Ascensio System SIA 2025
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -78,7 +78,8 @@ namespace OnlineEditorsExampleMVC.Helpers
             "Can't view chat",
             "Can't protect file",
             "View file without collaboration",
-            "Can’t submit forms"
+            "Can’t submit forms",
+            "Can’t refresh outdated file"
         };
 
         private static List<User> users = new List<User>() {
@@ -95,7 +96,8 @@ namespace OnlineEditorsExampleMVC.Helpers
                     descr_user_1,
                     true,
                     true,
-                    new Goback(null, false)
+                    new Goback(null, false),
+                    new Close(null, false)
                 ),
             new User(
                     "uid-2",
@@ -115,7 +117,8 @@ namespace OnlineEditorsExampleMVC.Helpers
                     descr_user_2,
                     false,
                     true,
-                    new Goback("Go to Documents", null)
+                    new Goback("Go to Documents", null),
+                    new Close(null, true)
                 ),
             new User(
                     "uid-3",
@@ -135,7 +138,8 @@ namespace OnlineEditorsExampleMVC.Helpers
                     descr_user_3,
                     false,
                     false,
-                    null
+                    null,
+                    new Close(null, true)
                 ),
             new User(
                     "uid-0",
@@ -150,6 +154,7 @@ namespace OnlineEditorsExampleMVC.Helpers
                     descr_user_0,
                     false,
                     false,
+                    null,
                     null
                 )
         };
@@ -242,8 +247,9 @@ namespace OnlineEditorsExampleMVC.Helpers
         public bool avatar;
 
         public Goback goback;
+        public Close close;
 
-        public User(string id, string name, string email, string group, List<string> reviewGroups, Dictionary<string, object> commentGroups, List<string> userInfoGroups, bool? favorite, List<string> deniedPermissions, List<string> descriptions, bool templates, bool avatar, Goback goback)
+        public User(string id, string name, string email, string group, List<string> reviewGroups, Dictionary<string, object> commentGroups, List<string> userInfoGroups, bool? favorite, List<string> deniedPermissions, List<string> descriptions, bool templates, bool avatar, Goback goback, Close close)
         {
             this.id = id;
             this.name = name;
@@ -258,6 +264,7 @@ namespace OnlineEditorsExampleMVC.Helpers
             this.userInfoGroups = userInfoGroups;
             this.avatar = avatar;
             this.goback = goback;
+            this.close = close;
         }
     }
 
@@ -274,4 +281,18 @@ namespace OnlineEditorsExampleMVC.Helpers
             this.blank = blank;
         }
     }
+
+    public class Close
+    {
+        public string text;
+        public bool visible;
+
+        public Close(){}
+
+        public Close(string text, bool visible)
+        {
+            this.text = text;
+            this.visible = visible;
+        }
+    }
 }

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

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2024
+ * (c) Copyright Ascensio System SIA 2025
  *
  * 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/Models/FileModel.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2024
+ * (c) Copyright Ascensio System SIA 2025
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -88,7 +88,7 @@ namespace OnlineEditorsExampleMVC.Models
                 editorsMode = "fillForms";
                 canEdit = true;
             }
-            var submitForm = editorsMode.Equals("fillForms") && id.Equals("uid-1");  // check if the Submit form button is displayed or not
+            var submitForm = !editorsMode.Equals("view") && user.id.Equals("uid-1");  // check if the Submit form button is displayed or not
             var mode = canEdit && editorsMode != "view" ? "edit" : "view";  // set the mode parameter: change it to view if the document can't be edited
 
             // favorite icon state
@@ -220,6 +220,13 @@ namespace OnlineEditorsExampleMVC.Models
                                                         { "text", user.goback.text },
                                                         { "blank", user.goback.blank }
                                                     } : new Dictionary<string, object>{}
+                                            },
+                                            {
+                                                "close", user.close != null ? new Dictionary<string, object>
+                                                    {
+                                                        { "text", user.close.text },
+                                                        { "visible", user.close. visible }
+                                                    } : new Dictionary<string, object>{}
                                             }
                                         }
                                 }

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

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2024
+ * (c) Copyright Ascensio System SIA 2025
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -31,9 +31,11 @@ namespace OnlineEditorsExampleMVC.Models
     {
         public enum FileType
         {
+            Null,
             Word,
             Cell,
-            Slide
+            Slide,
+            Pdf
         }
 
         // get file type
@@ -41,11 +43,12 @@ namespace OnlineEditorsExampleMVC.Models
         {
             var ext = Path.GetExtension(fileName).ToLower();
 
+            if (FormatManager.PdfExtensions().Contains(ext)) return FileType.Pdf;  // pdf type for document extensions
             if (FormatManager.DocumentExtensions().Contains(ext)) return FileType.Word;  // word type for document extensions
             if (FormatManager.SpreadsheetExtensions().Contains(ext)) return FileType.Cell;  // cell type for spreadsheet extensions
             if (FormatManager.PresentationExtensions().Contains(ext)) return FileType.Slide;  // slide type for presentation extensions
 
-            return FileType.Word;  // the default type is word
+            return FileType.Null;  // the default type is word
         }
     }
 
@@ -185,6 +188,20 @@ namespace OnlineEditorsExampleMVC.Models
                 .ToList();
         }
 
+        public static List<string> PdfExtensions()
+        {
+            return Pdfs()
+                .Select(format => format.Extension())
+                .ToList();
+        }
+
+        public static List<Format> Pdfs()
+        {
+            return All()
+                .Where(format => format.Type == FileType.Pdf)
+                .ToList();
+        }
+
         public static List<string> AllExtensions()
         {
             return All()

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

@@ -0,0 +1,30 @@
+/**
+ *
+ * (c) Copyright Ascensio System SIA 2025
+ *
+ * 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.Collections.Generic;
+
+namespace OnlineEditorsExampleMVC.Models
+{
+    // create file model
+    public class ForgottenFilesModel
+    {
+        public List<Dictionary<string, string>> files { get; set; }
+
+        public ForgottenFilesModel(List<Dictionary<string, string>> files) { this.files = files; }
+    }
+}

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

@@ -116,6 +116,7 @@
     <Compile Include="Helpers\Utils.cs" />
     <Compile Include="Models\FileModel.cs" />
     <Compile Include="Models\FileUtility.cs" />
+    <Compile Include="Models\ForgottenFilesModel.cs" />
     <Compile Include="Properties\AssemblyInfo.cs" />
     <Compile Include="WebEditor.ashx.cs">
       <DependentUpon>WebEditor.ashx</DependentUpon>
@@ -123,6 +124,7 @@
   </ItemGroup>
   <ItemGroup>
     <Content Include="Content\editor.css" />
+    <Content Include="Content\forgotten.css" />
     <Content Include="Content\images\block-content.svg" />
     <Content Include="Content\images\cell.ico" />
     <Content Include="Content\images\close.svg" />
@@ -140,6 +142,7 @@
     <Content Include="Content\images\file_xlsx.svg" />
     <Content Include="Content\images\fill-forms.svg" />
     <Content Include="Content\images\filter.svg" />
+    <Content Include="Content\images\home.svg" />
     <Content Include="Content\images\icon_docx.svg" />
     <Content Include="Content\images\icon_pptx.svg" />
     <Content Include="Content\images\icon_xlsx.svg" />
@@ -151,6 +154,8 @@
     <Content Include="Content\images\notdone.svg" />
     <Content Include="Content\images\review.svg" />
     <Content Include="Content\images\slide.ico" />
+    <Content Include="Content\images\uid-1.png" />
+    <Content Include="Content\images\uid-2.png" />
     <Content Include="Content\images\word.ico" />
     <Content Include="Content\jquery-ui.css" />
     <Content Include="Content\media.css" />
@@ -158,6 +163,10 @@
     <Content Include="favicon.ico" />
     <Content Include="Global.asax" />
     <Content Include="LICENSE" />
+    <Content Include="Scripts\forgotten.js" />
+    <Content Include="Scripts\formats.js" />
+    <Content Include="Scripts\jquery-3.6.4.js" />
+    <Content Include="Scripts\jquery-migrate-3.4.1.js" />
     <Content Include="Scripts\jquery-ui.js" />
     <Content Include="Scripts\jquery.blockUI.js" />
     <Content Include="Scripts\jquery.dropdownToggle.js" />
@@ -165,17 +174,13 @@
     <Content Include="Scripts\jquery.iframe-transport.js" />
     <Content Include="Scripts\jscript.js" />
     <Content Include="Views\Home\Editor.aspx" />
+    <Content Include="Views\Home\Forgotten.aspx" />
     <Content Include="Views\Home\Index.aspx" />
     <Content Include="Web.config">
       <SubType>Designer</SubType>
     </Content>
     <Content Include="Views\Web.config" />
     <Content Include="Views\Shared\Error.aspx" />
-    <Content Include="licenses\EntityFramework.license" />
-    <Content Include="licenses\Microsoft.Web.Infrastructure.license" />
-    <Content Include="licenses\Newtonsoft.Json.license" />
-    <Content Include="licenses\jquery.license" />
-    <Content Include="licenses\WebGrease.license" />
     <Content Include="web.appsettings.config" />
     <Content Include="WebEditor.ashx" />
   </ItemGroup>

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 2024")]
+[assembly: AssemblyCopyright("Ascensio System SIA 2025")]
 [assembly: AssemblyTrademark("")]
 [assembly: AssemblyCulture("")]
 

web/documentserver-example/csharp-mvc/README.md

@@ -38,7 +38,15 @@ Configure the IIS components for the server to work correctly:
 * **Common HTTP Features**: Default Document,
 * **Security**: Request Filtering.
 
-## Step 4. Run your website with the editors
+## Step 4. Configure JWT 
+
+Open the *web.appsettings.config* file and [specify the same secret key](https://helpcenter.onlyoffice.com/installation/docs-configure-jwt.aspx) as used in your Document Server to enable JWT: 
+
+```
+<add key="files.docservice.secret" value="secret" />
+```
+
+## Step 5. Run your website with the editors
 1. Run the Internet Information Service (IIS) Manager:
 
 	**Start** -> **Control Panel** -> **System and Security** -> **Administrative Tools** -> **Internet Information Services (IIS) Manager**
@@ -65,7 +73,7 @@ Configure the IIS components for the server to work correctly:
 
 	![browse](screenshots/browse.png)
 
-## Step 5. Check accessibility
+## Step 6. Check accessibility
 
 In case the example and Document Server are installed on different computers, make sure that your server with the example installed has access to the Document Server with the address which you specify instead of **documentserver** in the configuration files. 
 

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

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2024
+ * (c) Copyright Ascensio System SIA 2025
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16,17 +16,22 @@
  *
  */
 
-package com.onlyoffice.integration.documentserver.callbacks;
+function deleteFile(event) {
+    let filename = event.currentTarget.getAttribute("data");
+    filename = encodeURIComponent(filename);
+    let url = `webeditor.ashx?type=removeforgotten&filename=${filename}`;
 
-import com.onlyoffice.integration.dto.Track;
-import org.springframework.beans.factory.annotation.Autowired;
-
-// specify the callback handler functions
-public interface Callback {
-    int handle(Track body, String fileName);  // handle the callback
-    int getStatus();  // get document status
-    @Autowired
-    default void selfRegistration(CallbackHandler callbackHandler) {  // register a callback handler
-        callbackHandler.register(getStatus(), this);
-    }
+    fetch(url, {
+        headers: {
+            "Content-Type": "application/json",
+        }
+    }).then(result => {
+        if(result.status == 204) {
+            document.location.reload(true);
+        }
+    });
 }
+
+document.querySelectorAll('.delete-file').forEach(el => {
+    el.addEventListener('click', deleteFile);
+});

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

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2024
+ * (c) Copyright Ascensio System SIA 2025
  *
  * 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/jquery.dropdownToggle.js

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2024
+ * (c) Copyright Ascensio System SIA 2025
  *
  * 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 2024
+ * (c) Copyright Ascensio System SIA 2025
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -109,7 +109,7 @@ if (typeof jQuery != "undefined") {
     
     var timer = null;
     var checkConvert = function (filePass, fileType) {
-	    filePass = filePass ? filePass : null;
+        filePass = filePass ? filePass : null;
         if (timer != null) {
             clearTimeout(timer);
         }
@@ -121,7 +121,7 @@ if (typeof jQuery != "undefined") {
         jq("#filePass").val("");
 
         var fileName = jq("#hiddenFileName").val();
-        var posExt = fileName.lastIndexOf('.');
+        var posExt = fileName.lastIndexOf('.') + 1;
         posExt = 0 <= posExt ? fileName.substring(posExt).trim().toLowerCase() : '';
 
         if (!formatManager.isAutoConvertible(posExt)) {
@@ -154,6 +154,16 @@ if (typeof jQuery != "undefined") {
                             return;
                         } else {
                             if (response.error.includes("Error conversion output format")) {
+                                let format = formatManager.findByExtension(fileName.split(".").pop());
+                                if (!format.convert.includes("docx")) {
+                                    jq(".document").addClass("invisible")
+                                }
+                                if (!format.convert.includes("xlsx")) {
+                                    jq(".spreadsheet").addClass("invisible")
+                                }
+                                if (!format.convert.includes("pptx")) {
+                                    jq(".presentation").addClass("invisible")
+                                }
                                 jq("#select-file-type").removeClass("invisible");
                                 jq("#step2").removeClass("current");
                                 jq("#hiddenFileName").attr("placeholder", filePass);
@@ -294,6 +304,132 @@ if (typeof jQuery != "undefined") {
         jq("#embeddedView").attr("src", url);
     });
 
+    jq(document).on("click", "#beginEditConverted:not(.disable)", function () {
+        var fileId = encodeURIComponent(jq('#hiddenFileName').attr("data"));
+        var url = UrlEditor + "?fileName=" + fileId;
+        window.open(url, "_blank");
+        jq('#hiddenFileName').val("");
+        jq.unblockUI();
+        document.location.reload();
+    });
+
+    jq(document).on("click", "#beginViewConverted:not(.disable)", function () {
+        var fileId = encodeURIComponent(jq('#hiddenFileName').attr("data"));
+        var url = UrlEditor + "?editorsMode=view&fileName=" + fileId;
+        window.open(url, "_blank");
+        jq('#hiddenFileName').val("");
+        jq.unblockUI();
+        document.location.reload();
+    });
+
+    jq(document).on("click", "#downloadConverted:not(.disable)", function () {
+        var fileId = jq('#hiddenFileName').attr("data");
+        if (jq("#downloadConverted").attr("data") == "fromConverter") window.location.assign(fileId);
+        else window.open("webeditor.ashx?type=download&fileName=" + encodeURIComponent(fileId), "_blank");
+    });
+
+    jq(document).on("click", ".convert-file", function () {
+        const currentElement = jq(this);
+        var fileName = currentElement.attr("data");
+        var type = currentElement.attr("data-type");
+
+        jq.blockUI({
+            theme: true,
+            title: "Converting file" + "<div class=\"dialog-close\"></div>",
+            message: jq("#convertingProgress"),
+            overlayCSS: { "background-color": "#aaa" },
+            themedCSS: { width: "539px", top: "20%", left: "50%", marginLeft: "-269px" }
+        });
+
+        jq("#convertFileName").text(decodeURIComponent(fileName));
+        jq("#convertFileName").removeClass("word slide cell");
+        jq("#convertFileName").addClass(type);
+        jq("#convTypes").empty();
+
+        let format = formatManager.findByExtension(fileName.split('.').pop());
+        if (format) {
+            format.convert.forEach(ext => {
+                jq("#convTypes").append(jq(`<td name="convertingTypeButton" id="wordTo${ext}" class="button hoar" data="${ext}">${ext}</td>`));
+            });
+        }
+
+        jq("#hiddenFileName").val(fileName);
+        jq("#convertStep1").addClass("done");
+        jq("#convertStep2").addClass("waiting");
+    });
+
+    jq(document).on("click", "td[name='convertingTypeButton']:not(.disable, .orange)", function () {
+        const currentElement = jq(this);
+        let id = currentElement[0].id;
+        let fileExt = jq(`#${id}`).attr("data");
+        jq(`#${id}`).addClass("orange");
+        jq("td[name='convertingTypeButton']").addClass("disable");
+        jq("#convertStep2").removeClass("waiting").removeClass("done").addClass("current");
+        jq("#convertStep2").text('2. File conversion');
+        jq("#convert-descr").removeClass("disable");
+        jq("#convertPercent").text("0 %");
+        jq("#hiddenFileName").attr("placeholder",fileExt);
+        jq("#downloadConverted").addClass("disable");
+        jq("#beginEditConverted").addClass("disable");
+        jq("#beginViewConverted").addClass("disable");
+        mustReload = true;
+        
+        convertFile();
+    });
+
+    function convertFile (filePass) {
+        let fileName = decodeURIComponent(jq("#hiddenFileName").val());
+        let fileExt = jq("#hiddenFileName").attr("placeholder");
+
+        filePass = filePass ? filePass : null;
+        if (timer != null) {
+            clearTimeout(timer);
+        }
+        timer = setTimeout(function () {
+            jq.ajax({
+                async: true,
+                contentType: "text/xml",
+                type: "post",
+                dataType: "json",
+                data: JSON.stringify({filename: fileName, filePass: filePass, lang: language, fileExt: fileExt, keepOriginal: true}),
+                url: UrlConverter,
+                complete: function (data) {
+                    try {
+                        var response = jq.parseJSON(data.responseText);
+                    } catch (e)	{
+                        response = { error: e };
+                    }
+                    if (!response.filename && !response.step && response.error) {
+                        jq("#convertStep2").removeClass("current").addClass("error");
+                        jq("#convertStep2").text(`2. File conversion to ${fileExt}`);
+                        jq("#convert-error").removeClass("hidden");
+                        jq("#convert-error").text(`${response.error}`);
+                        jq("td[name='convertingTypeButton']").removeClass("disable orange");
+                        return;
+                    }
+                    if (response.step != undefined && response.step != 100) {
+                        jq("#convertPercent").text(`${response.step} %`);
+                        convertFile();
+                    } else {
+                        jq("#convertPercent").text(`${response.step} %`);
+                        jq("#convertStep2").removeClass("current").addClass("done");
+                        jq("#convertStep2").text(`2. File conversion to ${fileExt}`);
+                        jq("#downloadConverted").removeClass("disable");
+                        jq("#hiddenFileName").attr("data",response.filename);
+                        if (response.error !== "FileTypeIsNotSupported") {
+                            jq("#beginEditConverted").removeClass("disable");
+                            jq("#beginViewConverted").removeClass("disable");
+                            jq("#downloadConverted").attr("data","fromStorage");
+                        } else {
+                            jq("#downloadConverted").attr("data","fromConverter");
+                        }
+                        jq("td[name='convertingTypeButton']").removeClass("disable orange");
+                    }
+                }
+            });
+        }, 1000);
+    }
+
     jq(document).on("click", "#cancelEdit, .dialog-close", function () {
         jq('#hiddenFileName').val("");
         jq("#embeddedView").attr("src", "");
@@ -421,4 +557,27 @@ if (typeof jQuery != "undefined") {
     }).mouseout(function () {
         jq("div.tooltip").remove();
     });
-}
+}
+
+function toggleSidePanel(event) {
+    event.preventDefault();
+    let sidePanel = document.querySelector(".left-panel");
+    let body = document.querySelector("body");
+    if (sidePanel.classList.contains("active")) {
+        sidePanel.classList.remove("active");
+        body.classList.remove("menu-open");
+    } else {
+        sidePanel.classList.add("active")
+        body.classList.add("menu-open");
+    }
+}
+
+function toggleUserDescr(event) {
+    let list = event.currentTarget.querySelector("ul");
+    let cursor = window.getComputedStyle(event.currentTarget).getPropertyValue("cursor");
+
+    if (cursor === "pointer") {
+        if (list.classList.contains("active")) list.classList.remove("active");
+        else list.classList.add("active");
+    }
+}

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 2024
+    * (c) Copyright Ascensio System SIA 2025
     *
     * Licensed under the Apache License, Version 2.0 (the "License");
     * you may not use this file except in compliance with the License.
@@ -62,13 +62,13 @@
 
         // the document is modified
         var onDocumentStateChange = function (event) {
-            var title = document.title.replace(/\*$/g, "");
-            document.title = title + (event.data ? "*" : "");
+            var title = document.title.replace(/^\*/g, "");
+            document.title = (event.data ? "*" : "") + title;
         };
 
         // the user is trying to switch the document from the viewing into the editing mode
         var onRequestEditRights = function () {
-            location.href = location.href.replace(RegExp("editorsMode=view\&?", "i"), "");
+            location.href = location.href.replace(RegExp("editorsMode=\\w+\&?", "i"), "") + "&editorsMode=edit";
         };
 
         // an error or some other specific event occurs
@@ -106,9 +106,18 @@
             docEditor.setActionLink(replaceActionLink(location.href, linkParam));  // set the link to the document which contains a bookmark
         };
 
+        var onRequestClose = function () {  // close editor
+            docEditor.destroyEditor();
+            innerAlert("Document editor closed successfully");
+        };
+
+        var onUserActionRequired = function () {
+            console.log("User action required");
+        };
+
         // the meta information of the document is changed via the meta command
         var onMetaChange = function (event) {
-            if (event.data.favorite) {
+            if (event.data.favorite !== undefined) {
                 var favorite = !!event.data.favorite;
                 var title = document.title.replace(/^\☆/g, "");
                 document.title = (favorite ? "☆" : "") + title;
@@ -182,6 +191,18 @@
             }
         };
 
+        var onRequestRefreshFile = function(event) {
+            let xhr = new XMLHttpRequest();
+            xhr.open("GET", "webeditor.ashx?type=config&fileName=" + encodeURIComponent(config.document.title) +
+                "&directUrl=" + !!config.document.directUrl +
+                "&permissions=" + encodeURIComponent(JSON.stringify(config.document.permissions)));
+            xhr.send();
+            xhr.onload = function () {
+                innerAlert(xhr.responseText);
+                docEditor.refreshFile(JSON.parse(xhr.responseText));
+            };
+        };
+
         var onRequestOpen = function (event) {  // user open external data source
             innerAlert("onRequestOpen");
             var windowName = event.data.windowName;
@@ -218,6 +239,52 @@
             }
         };
 
+        var onRequestReferenceSource = function (event) {
+          innerAlert("onRequestReferenceSource");
+          let xhr = new XMLHttpRequest();
+          xhr.open("GET", "webeditor.ashx?type=files");
+          xhr.setRequestHeader("Content-Type", "application/json");
+          xhr.send();
+          xhr.onload = function () {
+            if (xhr.status === 200) {
+              innerAlert(JSON.parse(xhr.responseText));
+              let fileList = JSON.parse(xhr.responseText);
+              let firstXlsxName;
+              let file;
+              for (file of fileList) {
+                if (file["title"]) {
+                  if (getFileExt(file["title"]) === "xlsx")
+                  {
+                    firstXlsxName = file["title"];
+                    break;
+                  }
+                }
+              }
+              if (firstXlsxName) {
+                let data = {
+                  directUrl : !!config.document.directUrl,
+                  path : firstXlsxName
+                };
+                let xhr = new XMLHttpRequest();
+                xhr.open("POST", "webeditor.ashx?type=reference");
+                xhr.setRequestHeader("Content-Type", "application/json");
+                xhr.send(JSON.stringify(data));
+                xhr.onload = function () {
+                  if (xhr.status === 200) {
+                    docEditor.setReferenceSource(JSON.parse(xhr.responseText));
+                  } else {
+                    innerAlert("/reference - bad status");
+                  }
+                }
+              } else {
+                innerAlert("No *.xlsx files");
+              }
+            } else {
+              innerAlert("/files - bad status");
+            }
+          }
+        };
+
         var onRequestHistory = function () {
             let xhr = new XMLHttpRequest();
             xhr.open("GET", "webeditor.ashx?type=gethistory&filename=<%= Model.FileName %>");
@@ -245,9 +312,11 @@
         var onRequestRestore = function (event) {
             var fileName = "<%= Model.FileName %>";
             var version = event.data.version;
+            var url = event.data.url;
             var data = {
                 fileName: fileName,
-                version: version
+                version: version,
+                url: url
             };
 
             let xhr = new XMLHttpRequest();
@@ -309,6 +378,7 @@
         config.events = {
             'onAppReady': onAppReady,
             'onDocumentStateChange': onDocumentStateChange,
+            'onUserActionRequired': onUserActionRequired,
             'onError': onError,
             'onOutdatedVersion': onOutdatedVersion,
             "onMakeActionLink": onMakeActionLink,
@@ -319,6 +389,8 @@
         };
 
         if (config.editorConfig.user.id) {
+            config.events['onRequestRefreshFile'] = onRequestRefreshFile;
+            config.events['onRequestClose'] = onRequestClose;
             // the user is trying to show the document version history
             config.events['onRequestHistory'] = onRequestHistory;
             // the user is trying to click the specific document version in the document version history
@@ -337,6 +409,7 @@
                 config.events['onRequestUsers'] = onRequestUsers;
             <% } %>
 
+            config.events['onRequestSaveAs'] = onRequestSaveAs;
             // the user is mentioned in a comment
             config.events['onRequestSendNotify'] = onRequestSendNotify;
             // prevent file renaming for anonymous users
@@ -345,16 +418,20 @@
             // prevent switch the document from the viewing into the editing mode for anonymous users
             config.events['onRequestEditRights'] = onRequestEditRights;
             config.events['onRequestOpen'] = onRequestOpen;
+            config.events['onRequestReferenceSource'] = onRequestReferenceSource;
         }
 
-        if (config.editorConfig.createUrl) {
-            config.events.onRequestSaveAs = onRequestSaveAs;
-        };
-
         var сonnectEditor = function () {
             docEditor = new DocsAPI.DocEditor("iframeEditor", config);
         };
 
+        const getFileExt = function (fileName) {
+          if (fileName.indexOf(".")) {
+            return fileName.split('.').reverse()[0];
+          }
+          return false;
+        };
+
         if (window.addEventListener) {
             window.addEventListener("load", сonnectEditor);
         } else if (window.attachEvent) {

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

@@ -0,0 +1,144 @@
+<%@ Page Title="ONLYOFFICE" Language="C#" Inherits="System.Web.Mvc.ViewPage<OnlineEditorsExampleMVC.Models.ForgottenFilesModel>" %>
+
+<%@ Import Namespace="System.IO" %>
+<%@ Import Namespace="System.Web.Configuration" %>
+<%@ Import Namespace="OnlineEditorsExampleMVC.Helpers" %>
+
+<!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">
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width" />
+    <meta name="server-version" content=<%= DocManagerHelper.GetVersion() %> />
+    <!--
+    *
+    * (c) Copyright Ascensio System SIA 2025
+    *
+    * 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.
+    *
+    -->
+    <title>ONLYOFFICE</title>
+
+    <link href="<%: Url.Content("~/favicon.ico") %>" rel="shortcut icon" type="image/x-icon" />
+
+    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans:900,800,700,600,500,400,300&subset=latin,cyrillic-ext,cyrillic,latin-ext" />
+
+    <%: Styles.Render("~/Content/css") %>
+    <%: Styles.Render("~/Content/forgotten") %>
+</head>
+<body>
+    <header>
+        <div class="center main-nav">
+            <a href="./">
+                <img src ="content/images/logo.svg" alt="ONLYOFFICE" />
+            </a>
+        </div>
+        <menu class="responsive-nav">
+            <li>
+              <a href="#" onclick="toggleSidePanel(event)">
+                <img src="content/images/mobile-menu.svg" alt="ONLYOFFICE" />
+              </a>
+            </li>
+            <li>
+              <a href="./">
+                <img src ="content/images/mobile-logo.svg" alt="ONLYOFFICE" />
+              </a>
+            </li>
+        </menu>
+    </header>
+
+    <div class="center main">
+        <table class="table-main">
+            <tbody>
+                <tr>
+                    <td class="left-panel section"></td>
+                    <td class="section">
+                        <div class="main-panel">
+                            <menu class="links">
+                                <li class="home-link" >
+                                  <a href="./">
+                                    <img src="content/images/home.svg" alt="Home"/>
+                                  </a>
+                                </li>
+                                <li class="active">
+                                  <a href="/Forgotten">Forgotten files</a>
+                                </li>
+                            </menu>
+                            <div class="stored-list">
+                                <div class="storedHeader">
+                                    <div class="storedHeaderText">
+                                        <span class="header-list">Forgotten files</span>
+                                    </div>
+                                </div>
+                                <table class="tableHeader" cellspacing="0" cellpadding="0" width="100%">
+                                    <thead>
+                                        <tr>
+                                            <td class="tableHeaderCell">Filename</td>
+                                            <td class="tableHeaderCell">Action</td>
+                                        </tr>
+                                    </thead>
+                                </table>
+                                <div class="scroll-table-body">
+                                    <table cellspacing="0" cellpadding="0" width="100%">
+                                        <tbody>
+                                            <%  foreach (var file in Model.files) { %>
+                                                <tr class="tableRow" title="<%= file["key"] %>">
+                                                    <td>
+                                                        <a class="stored-edit action-link <%= file["type"] %>" href="<%= file["url"] %>" target="_blank">
+                                                            <span><%= file["key"] %></span>
+                                                        </a>
+                                                    </td>
+                                                    <td>
+                                                        <a href="<%= file["url"] %>">
+                                                            <img class="icon-download" src="content/images/download.svg" alt="Download" title="Download" /></a>
+                                                        <a class="delete-file" data="<%= file["key"] %>">
+                                                            <img class="icon-action" src="content/images/delete.svg" alt="Delete" title="Delete" /></a>
+                                                    </td>
+                                                </tr>
+                                            <%  } %>
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </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/forgotten") %>
+</body>
+</html>

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

@@ -16,7 +16,7 @@
     <meta name="server-version" content=<%= DocManagerHelper.GetVersion() %> />
     <!--
     *
-    * (c) Copyright Ascensio System SIA 2024
+    * (c) Copyright Ascensio System SIA 2025
     *
     * Licensed under the Apache License, Version 2.0 (the "License");
     * you may not use this file except in compliance with the License.
@@ -41,11 +41,23 @@
 </head>
 <body>
     <header>
-        <div class="center">
-            <a href="">
+        <div class="center main-nav">
+            <a href="./">
                 <img src ="content/images/logo.svg" alt="ONLYOFFICE" />
             </a>
         </div>
+        <menu class="responsive-nav">
+            <li>
+              <a href="#" onclick="toggleSidePanel(event)">
+                <img src="content/images/mobile-menu.svg" alt="ONLYOFFICE" />
+              </a>
+            </li>
+            <li>
+              <a href="./">
+                <img src ="content/images/mobile-logo.svg" alt="ONLYOFFICE" />
+              </a>
+            </li>
+        </menu>
     </header>
 
     <div class="center main">
@@ -68,7 +80,7 @@
                                             <a class="try-editor slide" data-type="pptx">Presentation</a>
                                         </li>
                                         <li>
-                                            <a class="try-editor form" data-type="docxf">PDF form</a>
+                                            <a class="try-editor form" data-type="pdf">PDF form</a>
                                         </li>
                                     </ul>
                                     <label class="side-option">
@@ -122,9 +134,24 @@
                                 </tbody>
                             </table>
                         </div>
+                        <button class="mobile-close-btn" onclick="toggleSidePanel(event)">
+                            <img src="content/images/close.svg" alt="">
+                        </button>
                     </td>
                     <td class="section">
                         <div class="main-panel">
+                            <menu class="links">
+                                <li class="home-link active" >
+                                  <a href="./">
+                                    <img src="content/images/home.svg" alt="Home"/>
+                                  </a>
+                                </li>
+                                <% if (bool.Parse(WebConfigurationManager.AppSettings["enable-forgotten"])) { %>
+                                    <li>
+                                        <a href="/Forgotten">Forgotten files</a>
+                                    </li>
+                                <% } %>
+                            </menu>
                             <% var storedFiles = DocManagerHelper.GetStoredFiles(); %>
                             <div id="portal-info"  style="display: <%= storedFiles.Any() ? "none" : "table-cell" %>">
                                 <span class="portal-name">ONLYOFFICE Document Editors – Welcome!</span>
@@ -136,7 +163,7 @@
                                 <span class="portal-descr">You can open the same document using different users in different Web browser sessions, so you can check out multi-user editing functions.</span>
                                 <% foreach (User user in Users.getAllUsers())
                                   { %>
-                                  <div class="user-descr">
+                                  <div class="user-descr" onclick="toggleUserDescr(event)">
                                    <b><%= user.name.IsEmpty() ? "Anonymous" : user.name %></b>
                                        <ul>
                                        <% foreach (string description in user.descriptions)
@@ -165,8 +192,7 @@
                                                 <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>
+                                                <td class="tableHeaderCell tableHeaderCellAction">Action</td>
                                             </tr>
                                         </thead>
                                     </table>
@@ -200,11 +226,13 @@
                                                                             <img src="content/images/mobile.svg" alt="Open in editor for mobile devices" title="Open in editor for mobile devices"/>
                                                                         </a>
                                                                     </td>
-                                                                    <td class="contentCells contentCells-icon">
-                                                                        <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, editorsType = "desktop", editorsMode = "comment", directUrl = isEnabledDirectUrl }) %>" target="_blank">
-                                                                            <img src="content/images/comment.svg" alt="Open in editor for comment" title="Open in editor for comment"/>
-                                                                        </a>
-                                                                    </td>
+                                                                    <% if (docType != "pdf") { %>
+                                                                        <td class="contentCells contentCells-icon">
+                                                                            <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, editorsType = "desktop", editorsMode = "comment", directUrl = isEnabledDirectUrl }) %>" target="_blank">
+                                                                                <img src="content/images/comment.svg" alt="Open in editor for comment" title="Open in editor for comment"/>
+                                                                            </a>
+                                                                        </td>
+                                                                    <% } %>
                                                                     <% if (docType == "word") { %>
                                                                         <td class="contentCells contentCells-icon">
                                                                             <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, editorsType = "desktop", editorsMode = "review", directUrl = isEnabledDirectUrl }) %>" target="_blank">
@@ -272,14 +300,22 @@
                                                                         <img src="content/images/embeded.svg" alt="Open in embedded mode" title="Open in embedded mode"/>
                                                                     </a>
                                                                 </td>
-                                                                <td class="contentCells contentCells-icon contentCells-shift downloadContentCellShift">
+                                                                <% if (docType != null ) { %>
+                                                                    <td class="contentCells contentCells-icon">
+                                                                        <a class="convert-file" data="<%= storedFile.Name %>" data-type="<%= docType %>">
+                                                                            <img class="icon-action" src="content/images/convert.svg" alt="Convert" title="Convert" /></a>
+                                                                    </td>
+                                                                <% } else { %>
+                                                                    <td class="contentCells contentCells-icon downloadContentCellShift"></td>
+                                                                <% } %>
+                                                                <td class="contentCells contentCells-icon downloadContentCellShift">
                                                                     <a href="webeditor.ashx?type=download&fileName=<%= HttpUtility.UrlEncode(storedFile.Name) %>">
                                                                         <img class="icon-download" src="content/images/download.svg" 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.svg" alt="Delete" title="Delete" />
+                                                                        <img class="icon-action" src="content/images/delete.svg" alt="Delete" title="Delete" />
                                                                     </a>
                                                                 </td>
                                                             </tr>
@@ -348,6 +384,32 @@
         </div>
     </div>
 
+    <div id="convertingProgress">
+        <div id="convertingSteps">
+            <span id="convertFileName" class="convertFileName"></span>
+            <span id="convertStep1" class="step">1. Select a format file to convert</span>
+            <span class="step-descr">The converting speed depends on file size and additional elements it contains.</span>
+            <table cellspacing="0" cellpadding="0" width="100%" class="convertTable">
+                <tbody>
+                    <tr class="typeButtonsRow" id="convTypes"></tr>
+                </tbody>
+            </table>
+            <br />
+            <span id="convertStep2" class="step">2. File conversion</span>
+            <span class="step-descr disable" id="convert-descr">The file is converted <div class="convertPercent" id="convertPercent">0 %</div></span>
+            <span class="step-error hidden" id="convert-error"></span>
+            <div class="describeUpload">Note the speed of all operations depends on your connection quality and server location.</div>
+            <input type="hidden" name="hiddenFileName" id="hiddenFileName" />
+        </div>
+        <br />
+        <div class="buttonsMobile">
+            <div id="downloadConverted" class="button converting orange disable">DOWNLOAD</div>
+            <div id="beginViewConverted" class="button converting wide gray disable">VIEW</div>
+            <div id="beginEditConverted" class="button converting wide gray disable">EDIT</div>
+            <div id="cancelEdit" class="button converting gray">CANCEL</div>
+        </div>
+    </div>
+
     <span id="loadScripts" data-docs="<%= WebConfigurationManager.AppSettings["files.docservice.url.site"] + WebConfigurationManager.AppSettings["files.docservice.url.preloader"] %>"></span>
 
     <footer>

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 2024
+    * (c) Copyright Ascensio System SIA 2025
     *
     * Licensed under the Apache License, Version 2.0 (the "License");
     * you may not use this file except in compliance with the License.
@@ -26,6 +26,7 @@
     <hgroup>
         <h1>Error.</h1>
         <h2>An error occurred while processing your request.</h2>
+        <p><%= ViewData["Message"] %></p>
     </hgroup>
 </body>
 </html>

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

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2024
+ * (c) Copyright Ascensio System SIA 2025
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -69,6 +69,9 @@ namespace OnlineEditorsExampleMVC
                 case "remove":
                     Remove(context);
                     break;
+                case "removeforgotten":
+                    RemoveForgotten(context);
+                    break;
                 case "assets":
                     Assets(context);
                     break;
@@ -90,6 +93,9 @@ namespace OnlineEditorsExampleMVC
                 case "formats":
                     Formats(context);
                     break;
+                case "config":
+                    Config(context);
+                    break;
             }
         }
 
@@ -251,8 +257,15 @@ namespace OnlineEditorsExampleMVC
                     conversionExtension = fileExt.ToString();
                 }
 
+                object keepOriginal;
+                bool removeOriginal = true;
+                if (body.TryGetValue("keepOriginal", out keepOriginal) && !String.IsNullOrEmpty(keepOriginal.ToString()))
+                {
+                    removeOriginal = keepOriginal.ToString().ToLower() != "true";
+                }
+
                 // check if the file with such an extension can be converted
-                if (DocManagerHelper.ConvertExts.Contains("." + extension))
+                if (DocManagerHelper.ConvertExts.Contains("." + extension) || conversionExtension != "ooxml")
                 {
                     // generate document key
                     var key = ServiceConverter.GenerateRevisionId(fileUri);
@@ -267,7 +280,7 @@ namespace OnlineEditorsExampleMVC
 
                     // get the url and file type of the converted file
                     Dictionary<string, string> newFileData;
-                    var result = ServiceConverter.GetConvertedData(downloadUri.ToString(), extension, conversionExtension, key, true, out newFileData, filePass, lang);
+                    var result = ServiceConverter.GetConvertedData(downloadUri.ToString(), extension, conversionExtension, key, true, out newFileData, filePass, lang, fileName);
                     if (result != 100)
                     {
                         context.Response.Write("{ \"step\" : \"" + result + "\", \"filename\" : \"" + fileName + "\"}");
@@ -275,9 +288,14 @@ namespace OnlineEditorsExampleMVC
                     }
 
                     var newFileUri = newFileData["fileUrl"];
-                    var newFileType = "." + newFileData["fileType"];
+                    var newFileType = newFileData["fileType"];
+                    if (!FormatManager.All().Any(f => f.Name == newFileType && f.Type != FileUtility.FileType.Null))
+                    {
+                        context.Response.Write("{\"step\": \"" + result + "\", \"filename\": \"" + newFileUri + "\", \"error\": \"FileTypeIsNotSupported\"}");
+                        return;
+                    }
                     // get a file name of an internal file extension with an index if the file with such a name already exists
-                    var correctName = DocManagerHelper.GetCorrectName(Path.GetFileNameWithoutExtension(fileName) + newFileType);
+                    var correctName = DocManagerHelper.GetCorrectName(Path.GetFileNameWithoutExtension(fileName) + "." + newFileType);
 
                     var req = (HttpWebRequest)WebRequest.Create(newFileUri);
 
@@ -299,11 +317,14 @@ namespace OnlineEditorsExampleMVC
                         }
                     }
 
-                    Remove(fileName);  // remove the original file and its history if it exists
+                    if (removeOriginal) Remove(fileName);  // remove the original file and its history if it exists
                     fileName = correctName;  // create meta information about the converted file with user id and name specified
                     var id = context.Request.Cookies.GetOrDefault("uid", null);
                     var user = Users.getUser(id);
                     DocManagerHelper.CreateMeta(fileName, user.id, user.name);
+
+                    context.Response.Write("{ \"filename\" : \"" + fileName + "\", \"step\": \"" + result + "\" }");
+                    return;
                 }
 
                 var documentType = FileUtility.GetFileType(fileName).ToString().ToLower();
@@ -684,6 +705,7 @@ namespace OnlineEditorsExampleMVC
 
             var fileName = (string)body["fileName"];
             var version = (int)body["version"];
+            var url = body.ContainsKey("url") ? (string)body["url"] : null;
 
             var key = ServiceConverter.GenerateRevisionId(DocManagerHelper.CurUserHostAddress()
                 + "/" + fileName + "/"
@@ -705,9 +727,19 @@ namespace OnlineEditorsExampleMVC
             {
                 File.Copy(changesPath, Path.Combine(currentVersionDir, "changes.json"));
             }
-
-            File.Copy(Path.Combine(verDir, "prev" + ext), DocManagerHelper.StoragePath(fileName, null), true);
-
+            if (url != null)
+            {
+                var req = (HttpWebRequest)WebRequest.Create(url);
+                req.Method = "GET";
+                var stream = req.GetResponse().GetResponseStream();
+                var memoryStream = new MemoryStream();
+                stream.CopyTo(memoryStream);
+                File.WriteAllBytes(DocManagerHelper.StoragePath(fileName, null), memoryStream.ToArray());
+            }
+            else
+            {
+                File.Copy(Path.Combine(verDir, "prev" + ext), DocManagerHelper.StoragePath(fileName, null), true);
+            }
             var fileInfo = new FileInfo(DocManagerHelper.StoragePath(fileName, null));
             fileInfo.LastWriteTimeUtc = DateTime.UtcNow;
 
@@ -958,7 +990,7 @@ namespace OnlineEditorsExampleMVC
                     var changes = jss.Deserialize<Dictionary<string, object>>(File.ReadAllText(changesPath));
                     var changesArray = (ArrayList)changes["changes"];
                     var change = changesArray.Count > 0
-                        ? (Dictionary<string, object>)changesArray[0]
+                        ? (Dictionary<string, object>)changesArray[changesArray.Count - 1]
                         : new Dictionary<string, object>();
 
                     // write information about changes to the object
@@ -996,6 +1028,100 @@ namespace OnlineEditorsExampleMVC
                 context.Response.Write("{ \"error\": \"" + e.Message + "\"}");
             }
         }
+
+        private static void Config(HttpContext context)
+        {
+            try
+            {
+                var fileName = context.Request.QueryString.Get("fileName");
+                var directUrl = context.Request.QueryString.Get("directUrl").ToLower() == "true";
+                var permissions = context.Request.QueryString.Get("permissions") != null
+                    ? context.Request.QueryString.Get("permissions")
+                    : "{}";
+
+                if (string.IsNullOrEmpty(fileName) || !File.Exists(DocManagerHelper.StoragePath(fileName)))
+                {
+                    context.Response.Write("{ \"error\": \"File is not exist\"}");
+                    return;
+                }
+
+                var id = context.Request.Cookies.GetOrDefault("uid", null);
+                var user = Users.getUser(id);
+
+                var jss = new JavaScriptSerializer();
+
+                var config = new Dictionary<string, object>
+                {
+                    {
+                        "document", new Dictionary<string, object>
+                        {
+                            {"key", ServiceConverter.GenerateRevisionId(DocManagerHelper.CurUserHostAddress() + "/" + fileName
+                                + "/"+ File.GetLastWriteTime(DocManagerHelper.StoragePath(fileName, null)).GetHashCode())},
+                            {"title", fileName},
+                            {"url", DocManagerHelper.GetDownloadUrl(fileName)},
+                            {"permissions", jss.Deserialize<Dictionary<string, object>>(permissions)},
+                            {"directUrl", directUrl ?  DocManagerHelper.GetDownloadUrl(fileName, false) : null},
+                            {
+                                "referenceData", new Dictionary<string, object>
+                                {
+                                    {"fileKey", !user.id.Equals("uid-0") ?
+                                            jss.Serialize(new Dictionary<string, object>{
+                                                {"fileName", fileName},
+                                                {"userAddress", HttpUtility.UrlEncode(DocManagerHelper.CurUserHostAddress(HttpContext.Current.Request.UserHostAddress))}
+                                        }) : null },
+                                    {"instanceId", DocManagerHelper.GetServerUrl(false)}
+                                }
+                            }
+                        }
+                    },
+                    {
+                        "editorConfig", new Dictionary<string, object>
+                        {
+                            {"callbackUrl", DocManagerHelper.GetCallback(fileName)},
+                            {"mode", "edit"}
+                        }
+                    }
+                };
+
+                if (JwtManager.Enabled)
+                {
+                    var token = JwtManager.Encode(config);
+                    config.Add("token", token);
+                }
+
+                context.Response.Write(jss.Serialize(config));
+            }
+            catch (Exception e)
+            {
+                context.Response.Write("{ \"error\": \"" + e.Message + "\"}");
+            }
+        }
+
+        // delete a forgotten file from the document server
+        private static void RemoveForgotten(HttpContext context)
+        {
+            try
+            {
+                if (!bool.Parse(WebConfigurationManager.AppSettings["enable-forgotten"]))
+                {
+                    throw new HttpException(403, "The forgotten page is disabled");
+                }
+
+                string filename = context.Request["filename"];
+
+                if (!String.IsNullOrEmpty(filename))
+                {
+                    TrackManager.commandRequest("deleteForgotten", filename);
+                }
+
+                context.Response.StatusCode = 204;
+            }
+            catch (Exception e)
+            {
+                context.Response.StatusCode = 500;
+                context.Response.Write("{ \"error\": \"" + e.Message + "\"}");
+            }
+        }
     }
  
 }

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

@@ -1,28 +1,30 @@
 <?xml version="1.0"?>
 <appSettings>
   <clear />
-  <add key="version" value="1.8.0"/>
+  <add key="version" value="1.14.0"/>
 
   <add key="filesize-max" value="52428800"/>
   <add key="storage-path" value=""/>
   <add key="filename-max" value="50"/>
+  <add key="enable-forgotten" value="true"/>
   
   <add key="files.docservice.timeout" value="120000" />
   <add key="files.docservice.secret" value="" />
   <add key="files.docservice.header" value="Authorization" />
 
   <add key="files.docservice.token.useforrequest" value="true" />
+  <add key="files.docservice.token.expires-in" value="5"/>
 
   <add key="files.docservice.verify-peer-off" value="true"/>
 
-  <add key="files.docservice.languages" value="en:English|ar:Arabic|hy:Armenian|az:Azerbaijani|eu:Basque|be:Belarusian|bg:Bulgarian|ca:Catalan|zh:Chinese (Simplified)|zh-TW:Chinese (Traditional)|cs:Czech|da:Danish|nl:Dutch|fi:Finnish|fr:French|gl:Galego|de:German|el:Greek|hu:Hungarian|id:Indonesian|it:Italian|ja:Japanese|ko:Korean|lo:Lao|lv:Latvian|ms:Malay (Malaysia)|no:Norwegian|pl:Polish|pt:Portuguese (Brazil)|pt-PT:Portuguese (Portugal)|ro:Romanian|ru:Russian|sr-Latn-RS:Serbian|si:Sinhala (Sri Lanka)|sk:Slovak|sl:Slovenian|es:Spanish|sv:Swedish|tr:Turkish|uk:Ukrainian|vi:Vietnamese|aa-AA: Test Language"/>
+  <add key="files.docservice.languages" value="en:English|sq-AL:Albanian (Albania)|ar:Arabic|hy:Armenian|az:Azerbaijani|eu:Basque|be:Belarusian|bg:Bulgarian|ca:Catalan|zh:Chinese (Simplified)|zh-TW:Chinese (Traditional)|cs:Czech|da:Danish|nl:Dutch|en-GB:English (United Kingdom)|fi:Finnish|fr:French|gl:Galego|de:German|el:Greek|he-IL:Hebrew (Israel)|hu:Hungarian|id:Indonesian|it:Italian|ja:Japanese|ko:Korean|lo:Lao|lv:Latvian|ms:Malay (Malaysia)|no:Norwegian|pl:Polish|pt:Portuguese (Brazil)|pt-PT:Portuguese (Portugal)|ro:Romanian|ru:Russian|sr-Cyrl-RS:Serbian (Cyrillic)|sr-Latn-RS:Serbian (Latin)|si:Sinhala (Sri Lanka)|sk:Slovak|sl:Slovenian|es:Spanish|sv:Swedish|tr:Turkish|uk:Ukrainian|ur:Urdu|vi:Vietnamese|aa-AA:Test Language"/>
 
   <add key="files.docservice.url.site" value="http://documentserver/"/>
 
-  <add key="files.docservice.url.converter" value="ConvertService.ashx"/>
+  <add key="files.docservice.url.converter" value="converter"/>
   <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.preloader" value="web-apps/apps/api/documents/preload.html"/>
+  <add key="files.docservice.url.command" value="command"/>
 
   <add key="files.docservice.url.example" value=""/>
 

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

@@ -0,0 +1,179 @@
+/**
+ *
+ * (c) Copyright Ascensio System SIA 2025
+ *
+ * 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.
+ *
+ */
+
+ .center {
+    width: auto;
+}
+
+.left-panel {
+    width: 256px;
+}
+
+.main-panel {
+    width: 832px;
+    margin: 0 32px;
+    padding: 48px 0;
+    left: 0;
+}
+
+.tableRow {
+    display: flex;
+    width: 100%;
+    justify-content: space-between;
+    align-items: center;
+    border-bottom: 1px solid #E2E2E2;
+}
+
+.tableRow td:first-child {
+    width: 70%;
+    flex-grow: 0;
+    max-width: none;
+}
+
+.tableHeader td:first-child {
+    text-align: left;
+}
+
+.tableHeader td:last-child, .tableRow td:last-child {
+    width: 10%;
+    text-align: center;
+    padding: 0 !important;
+}
+
+.tableHeader {
+    width: 100%;
+}
+
+.stored-edit {
+    display: block;
+    padding-top: 0;
+    max-width: none;
+}
+
+menu.links {
+    width: 100%;
+}
+
+.scroll-table-body table {
+    table-layout: fixed;
+}
+
+.stored-edit span {
+    font-size: 12px;
+    line-height: normal;
+    position: static;
+}
+
+.scroll-table-body {
+    overflow-y: auto;
+}
+
+.stored-list {
+    height: calc(100% - 58px);
+}
+
+header {
+    min-width:auto;
+}
+
+header a {
+    display: block;
+    margin: 0 auto;
+    width: 1152px;
+}
+
+@media (max-width: 1279px) and (min-width: 1024px) {
+    .left-panel {
+        width: 208px;
+    }
+
+    .main-panel {
+        width: 688px;
+    }
+
+    header a {
+        width: 928px;
+    }
+
+    header img {
+        margin-left: 16px;
+    }
+}
+
+@media (max-width: 1023px) and (min-width: 593px) {
+    .center {
+        max-width: 768px;
+        width: calc(100% - 80px);
+    }
+
+    .table-main {
+        width: 100%;
+    }
+
+    .left-panel {
+        width: 208px;
+    }
+
+    .main-panel {
+        width: calc(100% - 32px);
+    }
+
+    .tableHeader td:last-child, .tableRow td:last-child {
+        width: 20%;
+    }
+
+    header a {
+        width: 768px;
+    }
+
+    header img {
+        margin-left: 40px;
+    }
+}
+
+@media (max-width: 592px) {
+    .center, .table-main {
+        width: 100%;
+    }
+
+    .left-panel {
+        display: none;
+    }
+
+    .main-panel {
+        width: 100%;
+        margin: 0;
+        padding: 28px 16px;
+    }
+
+    .tableHeader td:last-child, .tableRow td:last-child {
+        width: 25%;
+    }
+
+    header a {
+        width: auto;
+    }
+
+    .scroll-table-body {
+        top: 40px;
+    }
+
+    .tableRow {
+        padding: 8px 0;
+    }
+}

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

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.4285 13C14.4102 13 14 13 14 13.5V15H6C5.44772 15 5 15.4477 5 16V17C5 17.5523 5.44771 18 6 18H14V19.5C14 20 14.3816 20 14.4285 20C14.6359 20 15.0099 19.9113 15.2172 19.7363L18.6207 17.0833C19.1264 16.6566 19.1264 16.3434 18.6207 15.9167L15.2172 13.2637C15.0099 13.0887 14.6359 13 14.4285 13Z" fill="#444444"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.5715 4C9.58984 4 10 4 10 4.50002V6H18C18.5523 6 19 6.44772 19 7V8C19 8.55228 18.5523 9 18 9H10V10.5C10 11 9.61841 11 9.57151 11C9.36409 11 8.99012 10.9113 8.78279 10.7363L5.37934 8.08333C4.87356 7.65662 4.87356 7.34338 5.37934 6.91667L8.78279 4.26366C8.99012 4.08874 9.36409 4 9.5715 4Z" fill="#444444"/>
+</svg>

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

@@ -1 +1,7 @@
-<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 3c0-1.65685 1.34315-3 3-3h20l7 7v30c0 1.6569-1.3431 3-3 3H3c-1.65685 0-3-1.3431-3-3V3z" fill="#1E7AAA"/><path d="M23 0l7 7h-4c-1.6569 0-3-1.34315-3-3V0z" fill="#000" fill-opacity=".25"/><path d="M6 15h18v1H6v-1zM6 19h18v1H6v-1zM6 23h18v1H6v-1zM6 27h18v1H6v-1z" fill="#fff"/></svg>
+<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#287CA9"/>
+    <path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
+    <rect x="7" y="28" width="10" height="2" rx="1" fill="#fff"/>
+    <rect x="7" y="22" width="16" height="2" rx="1" fill="#fff"/>
+    <rect x="7" y="16" width="16" height="2" rx="1" fill="#fff"/>
+</svg>

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

@@ -1 +0,0 @@
-<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 3c0-1.65685 1.34315-3 3-3h20l7 7v30c0 1.6569-1.3431 3-3 3H3c-1.65685 0-3-1.3431-3-3V3z" fill="#27ABA3"/><path d="M23 0l7 7h-4c-1.6569 0-3-1.34315-3-3V0z" fill="#008078"/><path fill-rule="evenodd" clip-rule="evenodd" d="M24 14H6v7h18v-7zm-.8182 5.9978H6.81818V15H23.1818v4.9978zM24 23H6v7h18v-7zm-.8182 5.9978H6.81818V24H23.1818v4.9978z" fill="#fff"/></svg>

web/documentserver-example/csharp/App_Themes/images/file_pdf.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 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#E54D39"/>
+    <path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
+    <rect x="7" y="28" width="16" height="2" rx="1" fill="#fff"/>
+    <rect x="18" y="22" width="5" height="2" rx="1" fill="#fff"/>
+    <rect x="18" y="16" width="5" height="2" rx="1" fill="#fff"/>
+    <rect x="8" y="17" width="6" height="6" rx=".833" stroke="#fff" stroke-width="2"/>
+</svg>

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

@@ -1 +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.65685 1.34315-3 3-3h20l7 7v30c0 1.6569-1.3431 3-3 3H3c-1.65685 0-3-1.3431-3-3V3z" fill="#F36700"/><path d="M23 0l7 7h-4c-1.6569 0-3-1.34315-3-3V0z" fill="#000" fill-opacity=".25"/><path stroke="#fff" stroke-opacity=".95" d="M6.5 15.5h17v12h-17z"/></svg>
+<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#F36700"/>
+    <path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
+    <rect x="6" y="28" width="18" height="2" rx="1" fill="#fff"/>
+    <rect x="6" y="16" width="18" height="2" rx="1" fill="#fff"/>
+    <rect x="6" y="16" width="2" height="14" rx="1" fill="#fff"/>
+    <rect x="22" y="16" width="2" height="14" rx="1" fill="#fff"/>
+</svg>

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

@@ -1 +1,5 @@
-<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 3c0-1.65685 1.34315-3 3-3h20l7 7v30c0 1.6569-1.3431 3-3 3H3c-1.65685 0-3-1.3431-3-3V3z" fill="#D0D5DA"/><path d="M23 0l7 7h-4c-1.6569 0-3-1.34315-3-3V0z" fill="#646464"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 23c-.27614 0-.5.2239-.5.5v4c0 .2761.22386.5.5.5h15c.2761 0 .5-.2239.5-.5v-4c0-.2761-.2239-.5-.5-.5h-2c-.2761 0-.5-.2239-.5-.5s.2239-.5.5-.5h2c.8284 0 1.5.6716 1.5 1.5v4c0 .8284-.6716 1.5-1.5 1.5h-15c-.82843 0-1.5-.6716-1.5-1.5v-4c0-.8284.67157-1.5 1.5-1.5h2c.27614 0 .5.2239.5.5s-.22386.5-.5.5h-2z" fill="#646464"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20 20.0001L15 14l-5 6.0001h3v4c0 .5523.4477 1 1 1h2c.5523 0 1-.4477 1-1v-4h3z" fill="#646464"/></svg>
+<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#D1D5DA"/>
+    <path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5zm-5.293 14.293a1 1 0 0 0-1.414 0l-4 4a1 1 0 1 0 1.414 1.414L14 17.414V25a1 1 0 1 0 2 0v-7.586l2.293 2.293a1 1 0 0 0 1.414-1.414z" fill="#646464"/>
+    <path d="M8.833 22H11a1 1 0 1 1 0 2H9v4h12v-4h-2a1 1 0 1 1 0-2h2.167c1.012 0 1.833.82 1.833 1.833v4.334C23 29.179 22.18 30 21.167 30H8.833A1.833 1.833 0 0 1 7 28.167v-4.334C7 22.821 7.82 22 8.833 22" fill="#646464"/>
+</svg>

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

@@ -1 +1,10 @@
-<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 3c0-1.65685 1.34315-3 3-3h20l7 7v30c0 1.6569-1.3431 3-3 3H3c-1.65685 0-3-1.3431-3-3V3z" fill="#6AAA1E"/><path d="M23 0l7 7h-4c-1.6569 0-3-1.34315-3-3V0z" fill="#000" fill-opacity=".25"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6 15h18v13H7.00001v-1H12v-3H7v4H6V15zm7 12h4v-3h-4v3zm5 0h5v-3h-5v3zm5-7v3h-5v-3h5zm-6 0v3h-4v-3h4zm-5 0v3H7v-3h5zm11-1v-3h-5v3h5zm-10-3h4v3h-4v-3zm-1 3v-3H7v3h5z" fill="#fff" fill-opacity=".95"/></svg>
+<svg width="30" height="40" viewBox="0 0 30 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M0 2.5A2.5 2.5 0 0 1 2.5 0H21l9 9v28.5a2.5 2.5 0 0 1-2.5 2.5h-25A2.5 2.5 0 0 1 0 37.5z" fill="#3AA133"/>
+    <path d="m21 0 9 9h-6.5A2.5 2.5 0 0 1 21 6.5z" fill="#000" fill-opacity=".25"/>
+    <rect x="6" y="28" width="18" height="2" rx="1" fill="#fff"/>
+    <rect x="6" y="16" width="18" height="2" rx="1" fill="#fff"/>
+    <rect x="6" y="22" width="18" height="2" rx="1" fill="#fff"/>
+    <rect x="6" y="16" width="2" height="14" rx="1" fill="#fff"/>
+    <rect x="12" y="16" width="2" height="14" rx="1" fill="#fff"/>
+    <rect x="22" y="16" width="2" height="14" rx="1" fill="#fff"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg width="20" height="17" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M8 17V11H12V17H17V9H20L10 0L0 9H3V17H8Z" fill="#444444"/>
+</svg>

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

@@ -1,12 +1,5 @@
-<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 width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
+    <path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
+    <path fill="#287CA9" d="M5 7h6v1H5zm0 2h6v1H5zm0 2h4v1H5z"/>
 </svg>

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

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
+    <path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
+    <path d="M7.36 5.777c0 1.085-.31 2.363-.833 3.543-.526 1.185-1.235 2.198-1.974 2.796l.803 1.109c1.992-1.342 4.198-2.262 6.333-1.954L12 9.938c-1.819-.612-3.278-2.449-3.278-4.16zm.888 2.84a6.7 6.7 0 0 0 1.161 1.35c-.668.122-1.323.32-1.957.573q.17-.322.316-.657c.183-.41.344-.836.48-1.267" fill="#E54D39"/>
+</svg>

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

@@ -1,12 +1,6 @@
 <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"/>
+    <path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
+    <path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
+    <path d="M5 10a3 3 0 1 0 3-3v3z" fill="#F36700"/>
+    <path d="M4.5 9A2.5 2.5 0 0 1 7 6.5V9z" fill="#F36700"/>
 </svg>

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

@@ -1,12 +1,5 @@
-<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 width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M13.5 3.207V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.793z" fill="#fff" stroke="#BBB"/>
+    <path d="M9.5 1v1.9c0 .56 0 .84.109 1.054a1 1 0 0 0 .437.437c.214.109.494.109 1.054.109H13" stroke="#BBB"/>
+    <path fill="#3AA133" d="M8 7h3v2H8zm0 3h3v2H8zM5 7h2v2H5zm0 3h2v2H5z"/>
 </svg>

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

@@ -0,0 +1,5 @@
+<svg width="24" height="23" viewBox="0 0 24 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M10.5332 22.2243L0.632544 17.5921C-0.210848 17.1877 -0.210848 16.5627 0.632544 16.1951L4.07945 14.5775L10.4966 17.5921C11.34 17.9965 12.6967 17.9965 13.5034 17.5921L19.9206 14.5775L23.3675 16.1951C24.2108 16.5995 24.2108 17.2245 23.3675 17.5921L13.4668 22.2243C12.6967 22.592 11.34 22.592 10.5332 22.2243Z" fill="#FF6F3D"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M10.5011 16.4922L0.630617 11.8546C-0.210206 11.4497 -0.210206 10.824 0.630617 10.456L3.99391 8.87329L10.5011 11.9282C11.342 12.3331 12.6946 12.3331 13.4989 11.9282L20.0061 8.87329L23.3694 10.456C24.2102 10.8608 24.2102 11.4865 23.3694 11.8546L13.4989 16.4922C12.658 16.897 11.3054 16.897 10.5011 16.4922Z" fill="#95C038"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M10.5011 10.8195L0.630617 6.24863C-0.210206 5.84959 -0.210206 5.23289 0.630617 4.87013L10.5011 0.299281C11.342 -0.0997605 12.6946 -0.0997605 13.4989 0.299281L23.3694 4.87013C24.2102 5.26917 24.2102 5.88587 23.3694 6.24863L13.4989 10.8195C12.658 11.1822 11.3054 11.1822 10.5011 10.8195Z" fill="#5DC0E8"/>
+</svg>

web/documentserver-example/csharp/App_Themes/images/mobile-menu.svg

@@ -0,0 +1,5 @@
+<svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="20" height="2" rx="1" fill="white"/>
+    <rect y="6" width="20" height="2" rx="1" fill="white"/>
+    <rect y="12" width="20" height="2" rx="1" fill="white"/>
+</svg>

web/documentserver-example/csharp/App_Themes/images/plus.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 fill-rule="evenodd" clip-rule="evenodd" d="M13 17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17V13H7C6.44772 13 6 12.5523 6 12C6 11.4477 6.44772 11 7 11H11V7C11 6.44772 11.4477 6 12 6C12.5523 6 13 6.44772 13 7V11H17C17.5523 11 18 11.4477 18 12C18 12.5523 17.5523 13 17 13H13V17Z" fill="#444444"/>
+</svg>

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

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2024
+ * (c) Copyright Ascensio System SIA 2025
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -42,10 +42,14 @@
     }
 
     .tableHeaderCellViewers {
-        width: 29%;
+        width: 18%;
         text-align: right;
     }
 
+    .tableHeaderCellAction {
+        width: 23%;
+    }
+
     .tableHeaderCellDownload {
         width: 21%;
         padding-right: 18px;
@@ -79,7 +83,8 @@
         margin-left: 0;
     }
 
-    .tableRow {
+    .tableRow,
+    menu.links {
         width: 90%;
     }
 
@@ -119,7 +124,8 @@
     .contentCells-icon{
         width: 5%;
     }
-    .tableRow {
+    .tableRow,
+    menu.links {
         width: 55%;
     }
 
@@ -175,7 +181,8 @@
 }
 
 @media (max-width: 715px) {
-    .tableRow {
+    .tableRow,
+    menu.links {
         width: 45%;
     }
 }
@@ -217,7 +224,7 @@
     }
 
     .tableHeaderCellFileName {
-        width: 16%;
+        width: 9%;
     }
 
     .tableHeaderCellEditors {
@@ -226,7 +233,12 @@
 
     .tableHeaderCellViewers {
         text-align: right;
-        width: 37%;
+        width: 9%;
+    }
+
+    .tableHeaderCellAction{
+        width: 11%;
+        padding-right: 82px;
     }
 
     .tableHeaderCellDownload {
@@ -241,19 +253,24 @@
     }
 
     .tableHeaderCellEditors {
-        width: 26%;
+        width: 15%;
         text-align: left;
     }
 
     .tableHeaderCellFileName {
-        width: 17%;
+        width: 28%;
     }
 
     .tableHeaderCellViewers {
-        width: 27%;
+        width: 6%;
         text-align: right;
     }
 
+    .tableHeaderCellAction{
+        width: 18%;
+        padding-right: 54px;
+    }
+
     .tableHeaderCellDownload {
         padding-right: 18px;
         width: 20%;
@@ -263,7 +280,8 @@
         padding-left: 0;
     }
 
-    .tableRow {
+    .tableRow,
+    menu.links {
         width: 75%;
     }
 
@@ -273,12 +291,17 @@
 
     .tableRow td:first-child {
         flex-grow: 0;
-        width: 15%;
+        width: 25%;
+        margin-right: auto;
     }
 
     .contentCells-icon {
         width: 3%;
     }
+
+    .firstContentCellViewers {
+        margin-left: 0;
+    }
 }
 
 @media (max-width: 890px) and (min-width: 769px ) {
@@ -286,14 +309,15 @@
         width: 20%;
     }
     .contentCells-shift {
-        padding-right: 28px;
+        padding-right: 27px;
     }
 
     .main-panel {
         width: 580px;
     }
 
-    .tableRow {
+    .tableRow,
+    menu.links {
         width: 95%;
     }
 
@@ -318,11 +342,16 @@
 
     .tableHeaderCellEditors {
         text-align: left;
-        width: 31%;
+        width: 1%;
     }
 
     .tableHeaderCellViewers {
-        width: 18%;
+        width: 19%;
+    }
+
+    .tableHeaderCellAction {
+        width: 19%;
+        padding-right: 45px;
     }
 }
 
@@ -407,7 +436,8 @@
         padding: 16px 0 6px;
     }
 
-    .tableRow {
+    .tableRow,
+    menu.links {
         width: 40%;
     }
 
@@ -423,8 +453,8 @@
 
     .downloadContentCellShift {
         max-width: 7%;
-        margin-right: -11px;
-        margin-left: auto;
+        margin-right: 24px;
+        margin-left: 0;
     }
 
     .contentCells-icon {
@@ -432,13 +462,13 @@
     }
 
     .tableRow td:last-child {
-        width: 12%;
-        padding-right: 40px;
+        width: 7%;
+        padding-right: 0px;
         border: none;
     }
 
     .contentCells-shift {
-        padding-right: 35px;
+        padding-right: 0px;
     }
 
     .downloadContentCellShift:after {
@@ -524,6 +554,15 @@
         height: 56px;
         margin-bottom: 24px !important;
     }
+    .button.hoar{
+        width: 18%;
+        height: 27px;
+        margin-bottom: 7px !important;
+    }
+    .button.converting{
+        width: 126px;
+        margin-top: 0;
+    }
 }
 
 @media (max-width: 560px) and (min-width: 510px) {
@@ -532,13 +571,14 @@
     }
 
     .downloadContentCellShift {
-        padding-right: 45px;
+        padding-right: 16px;
         max-width: 4%;
     }
 }
 
 @media (max-width: 510px)  and (min-width: 470px) {
-    .tableRow {
+    .tableRow,
+    menu.links {
         width: 35%;
     }
 
@@ -551,7 +591,7 @@
 
     .downloadContentCellShift {
         max-width: 6%;
-        padding-right: 37px;
+        padding-right: 6px;
     }
 
     .firstContentCellShift {
@@ -564,7 +604,8 @@
 }
 
 @media (max-width: 470px)  and (min-width: 420px) {
-    .tableRow {
+    .tableRow,
+    menu.links {
         width: 30%;
     }
     .tableRow td:first-child{
@@ -576,12 +617,12 @@
 
     .downloadContentCellShift {
         max-width: 3%;
-        padding-right: 37px;
+        padding-right: 0px;
         padding-left: 0;
     }
 
     .firstContentCellShift {
-        margin-left: 1px;
+        margin-left: 2px;
         flex-basis: 14%;
     }
 
@@ -598,8 +639,9 @@
     }
 }
 
-@media (max-width: 420px) and (min-width: 320px) {
-    .tableRow {
+@media (max-width: 420px) {
+    .tableRow,
+    menu.links {
         width: 25%;
     }
 
@@ -610,7 +652,7 @@
 
     .downloadContentCellShift {
         max-width: 4%;
-        margin-right: -18px;
+        margin-right: 18px;
         margin-left: -1px;
     }
 
@@ -619,7 +661,7 @@
     }
 
     .contentCells-icon{
-        width: 10%;
+        width: 12%;
     }
     footer table td {
         margin: 0;
@@ -649,7 +691,8 @@
     }
 }
 @media (max-width: 769px) and (min-width: 715px){
-    .tableRow{
+    .tableRow,
+    menu.links {
         width: 50%;
     }
 }
@@ -672,7 +715,7 @@
         max-width: 45%;
     }
 }
-@media (max-width: 600px) and (min-width: 320px) {
+@media (max-width: 600px) {
     .main-panel{
         display: flex;
         flex-direction: column;
@@ -698,3 +741,216 @@
         max-width: none;
     }
 }
+
+@media (max-width: 592px) {
+    body.menu-open {
+        overflow: hidden;
+    }
+
+    header {
+        min-width: auto;
+        height: fit-content;
+    }
+
+    header a {
+        display: block;
+    }
+
+    header img {
+        margin: 0;
+    }
+
+    header, footer {
+        position: -webkit-sticky; /* Safari */
+        position: sticky;
+        top: 0;
+        z-index: 100;
+    }
+
+    .center {
+        width: 100%;
+        margin: 0;
+    }
+
+    .left-panel {
+        background-color: rgba(186, 186, 186, 0.6);
+        display: none;
+        flex-direction: row;
+        align-items: start;
+        max-width: none;
+        width: 100%;
+        margin: 0;
+        position: fixed;
+        left: 0;
+        height: calc(100% - 124px);
+        z-index:99;
+    }
+
+    .left-panel.active {
+        display: flex;
+    }
+
+    .help-block {
+        height: 100%;
+        margin: 0;
+        background-color: #F5F5F5;
+        width: 248px;
+        padding-left: 16px;
+        padding-top: 33px;
+        padding-bottom: 33px;
+        padding-right: 40px;
+        box-sizing: border-box;
+        overflow-y: auto;
+        overflow-x: hidden;
+    }
+
+    .table-main {
+        width: 100%;
+    }
+
+    .mobile-close-btn {
+        display: block;
+        width: 48px;
+        height: 48px;
+        background-color: #E2E2E2;
+        border-radius: 2px;
+        border-color: #E2E2E2;
+        color: #808080;
+        cursor: pointer;
+	    outline: inherit;
+        border: none;
+    }
+
+    .main-panel {
+        width: 100%;
+        left: 0;
+        padding: 28px 16px;
+    }
+
+    #portal-info {
+        width: 100%;
+        max-width: fit-content;
+    }
+
+    menu.links {
+        width: 100%;
+        margin-top: 0;
+        padding: 0;
+    }
+
+    span.portal-name {
+        font-size: 16px;
+    }
+
+    span.portal-descr:first-child {
+        font-size: 13px;
+    }
+
+    span.portal-descr {
+        font-size: 12px;
+    }
+
+    .user-descr {
+        width: 100%;
+        max-width: none;
+        min-width: auto;
+        border-bottom: 1px solid #E5E5E5;
+        padding: 12px 0;
+        margin: 0;
+        cursor: pointer;
+    }
+
+    .user-descr ul {
+        display: none;
+    }
+
+    .user-descr ul.active {
+        display: block;
+    }
+
+    .user-descr b {
+        font-size: 13px;
+        display: flex;
+        align-items: center;
+        column-gap: 8px;
+        margin: 0;
+    }
+
+    .user-descr b::before {
+        content: url("images/plus.svg");
+        display: inline-block;
+        width: 24px;
+        height: 24px;
+    }
+
+    .storedHeader {
+        width: 100%;
+    }
+
+    .storedHeaderClearAll {
+        padding-right: 0;
+    }
+
+    .scroll-table-body {
+        top: 36px;
+    }
+
+    .scroll-table-body tr:first-child {
+        padding-top: 0;
+    }
+
+    .tableRow {
+        border-bottom: 1px solid #e5e5e5;
+        padding: 16px 0;
+        width: 100%;
+    }
+
+    .tableRow td:first-child {
+        width: 100%;
+    }
+
+    .stored-edit span {
+        font-size: 14px;
+    }
+
+    .header-list {
+        font-size: 16px;
+    }
+
+    .firstContentCellViewers {
+        border-bottom: none !important;
+    }
+
+    .firstContentCellViewers ~ td {
+        border-bottom: none !important;
+    }
+
+    .downloadContentCellShift:after {
+        display: none;
+    }
+
+    .main-nav {
+        display: none;
+    }
+
+    .responsive-nav {
+        height: 44px;
+        display: flex;
+        flex-direction: row;
+        margin: 0;
+        align-items: center;
+        column-gap: 16px;
+        padding: 10px 16px;
+        width: 100%;
+        box-sizing: border-box;
+        list-style: none;
+    }
+
+    .main {
+        height: calc(100% - 124px);
+    }
+
+    .user-block-table {
+        height: auto;
+    }
+}

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

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2024
+ * (c) Copyright Ascensio System SIA 2025
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -65,6 +65,14 @@ header img {
     margin: 10px 0 22px 32px;
 }
 
+.responsive-nav {
+    display: none;
+}
+
+.mobile-close-btn {
+    display: none;
+}
+
 .center {
     position: relative;
     margin: 0 auto 0;
@@ -164,7 +172,7 @@ label .checkbox {
 }
 
 .try-editor.form {
-    background-image: url("images/file_docxf.svg");
+    background-image: url("images/file_pdf.svg");
 }
 
 .side-option {
@@ -230,6 +238,52 @@ label .checkbox {
     color: #FF6F3D;
 }
 
+.button.converting {
+    margin-top: -20px;
+    padding: 16px 16px;
+}
+
+.button.converting.wide {
+    padding: 16px 29px;
+}
+
+.button.hoar {
+    background: #EFEFEF;
+    border: 1px solid #EFEFEF;
+    margin-right: 7px;
+    margin-bottom: 7px;
+    width: 13%;
+    padding-left: 0;
+    padding-right: 0;
+    font-size: 11px;
+}
+
+.button.hoar.disable {
+    opacity: 30%;
+    cursor: default;
+}
+
+.button.hoar:not(.disable):hover {
+    background: #FF6F3D;
+    border: 1px solid #FF6F3D;
+    color: #FFFFFF;
+}
+
+.button.hoar.orange {
+    background: #FF6F3D;
+    border: 1px solid #FF6F3D;
+    color: #FFFFFF;
+    cursor: default;
+}
+
+.button.hoar.orange.disable {
+    background: #444444;
+    border: 1px solid #444444;
+    color: #FFFFFF;
+    cursor: default;
+    opacity: 100%;
+}
+
 .button.file-type {
     font-size: 11px;
     color: #FFFFFF;
@@ -298,6 +352,43 @@ label .checkbox {
     border-bottom: 1px solid #D0D5DA;
 }
 
+.links {
+    display: flex;
+    padding: 0;
+    column-gap: 30px;
+    align-items: center;
+    list-style: none;
+    border-bottom: 1px solid #E2E2E2;
+    margin: 0;
+    margin-bottom: 24px;
+}
+
+.links li {
+    padding: 4px;
+    border-bottom: 2px solid transparent;
+    margin-bottom: -1px;
+}
+
+.links li.active {
+    border-bottom: 2px solid #FF6F3D;
+}
+
+.links li.active a {
+    color: #FF6F3D;
+}
+
+.links li.active a img {
+    filter: invert(55%) sepia(67%) saturate(2727%) hue-rotate(335deg) brightness(104%) contrast(101%);
+}
+
+.links a {
+    display: inline-block;
+    padding: 2px 0;
+    line-height: 20px;
+    font-size: 13px;
+    text-decoration: none;
+}
+
 #mainProgress {
     color: #333333;
     display: none;
@@ -335,6 +426,32 @@ label .checkbox {
     display: none;
 }
 
+#convertingProgress {
+    color: #333333;
+    display: none;
+    font-size: 12px;
+    margin: 30px 35px;
+}
+
+#convertingProgress .convertFileName{
+    background-position: left center;
+    background-repeat: no-repeat;
+    display: block;
+    font-size: 14px;
+    line-height: 160%;
+    overflow: hidden;
+    padding-left: 28px;
+    margin-bottom: 16px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+#convertingProgress .describeUpload {
+    line-height: 150%;
+    letter-spacing: -0.02em;
+    padding: 16px 0;
+}
+
 .error-message {
     background: url("images/error.svg") no-repeat scroll 4px 10px;
     color: #CB0000;
@@ -356,6 +473,10 @@ label .checkbox {
     padding-left: 35px;
 }
 
+.waiting {
+    opacity: 30%;
+}
+
 .current {
     background-image: url("images/loader16.gif");
 }
@@ -368,6 +489,12 @@ label .checkbox {
     background-image: url("images/notdone.svg");
 }
 
+.convertPercent {
+    color: #FF6F3D;
+    font-weight: 700;
+    display: inline;
+}
+
 .step-descr {
     display: block;
     margin-left: 35px;
@@ -375,6 +502,10 @@ label .checkbox {
     line-height: 188%;
 }
 
+.step-descr.disable {
+    display: none;
+}
+
 .progress-descr {
     letter-spacing: -0.02em;
     line-height: 150%;
@@ -480,21 +611,30 @@ footer a:hover {
     white-space: nowrap;
 }
 
+.convertFileName.word,
 .stored-edit.word,
 .uploadFileName.word {
     background-image: url("images/icon_docx.svg");
 }
 
+.convertFileName.cell,
 .stored-edit.cell,
 .uploadFileName.cell {
     background-image: url("images/icon_xlsx.svg");
 }
 
+.convertFileName.slide,
 .stored-edit.slide,
 .uploadFileName.slide {
     background-image: url("images/icon_pptx.svg");
 }
 
+.convertFileName.pdf,
+.stored-edit.pdf,
+.uploadFileName.pdf {
+    background-image: url("images/icon_pdf.svg");
+}
+
 .stored-edit span {
     font-size: 12px;
     line-height: 12px;
@@ -546,6 +686,11 @@ footer a:hover {
     visibility: hidden;
 }
 
+.convertTable {
+    margin-top: 10px;
+    margin-left: 35px;
+}
+
 .tableRow {
     background: transparent;
     -moz-transition: all 0.2s ease-in-out;
@@ -592,6 +737,12 @@ footer a:hover {
     width: 11%;
 }
 
+.tableHeaderCellAction{
+    width: 13%;
+    text-align: right;
+    padding-right: 88px;
+}
+
 .tableHeaderCellDownload {
     width: 13%;
     text-align: right;
@@ -616,7 +767,7 @@ footer a:hover {
 }
 
 .contentCells-shift {
-    padding-right: 44px;
+    padding-right: 43px;
 }
 
 .contentCells-icon {
@@ -680,7 +831,7 @@ footer a:hover {
             width: 100%;
 }
 
-.icon-delete {
+.icon-action {
     cursor: pointer;
 }
 
@@ -759,6 +910,13 @@ html {
     position: relative;
 }
 
+.typeButtonsRow {
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: row;
+    position: relative;
+}
 
     .tableRow td:first-child {
         display: flex;
@@ -767,11 +925,11 @@ html {
     }
 
 .tableHeaderCellFileName {
-    width: 30%;
+    width: 20%;
 }
 
 .tableHeaderCellEditors {
-    width: 28%;
+    width: 20%;
 }
 
 .tableHeaderCellViewers {

web/documentserver-example/csharp/Default.aspx

@@ -17,7 +17,7 @@
     <title>ONLYOFFICE</title>
     <!--
     *
-    * (c) Copyright Ascensio System SIA 2024
+    * (c) Copyright Ascensio System SIA 2025
     *
     * Licensed under the Apache License, Version 2.0 (the "License");
     * you may not use this file except in compliance with the License.
@@ -45,11 +45,23 @@
 <body>
     <form id="form1" runat="server">
         <header>
-            <div class="center">
-                <a href="">
+            <div class="center main-nav">
+                <a href="./">
                     <img src ="app_themes/images/logo.svg" alt="ONLYOFFICE" />
                 </a>
             </div>
+            <menu class="responsive-nav">
+                <li>
+                  <a href="#" onclick="toggleSidePanel(event)">
+                    <img src="app_themes/images/mobile-menu.svg" alt="ONLYOFFICE" />
+                  </a>
+                </li>
+                <li>
+                  <a href="./">
+                    <img src ="app_themes/images/mobile-logo.svg" alt="ONLYOFFICE" />
+                  </a>
+                </li>
+            </menu>
         </header>
         <div class="center main">
             <table class="table-main">
@@ -71,7 +83,7 @@
                                                 <a class="try-editor slide" data-type="slide">Presentation</a>
                                             </li>
                                             <li>
-                                                <a class="try-editor form" data-type="docxf">PDF form</a>
+                                                <a class="try-editor form" data-type="pdf">PDF form</a>
                                             </li>
                                         </ul>
                                         <label class="side-option">
@@ -124,10 +136,25 @@
                                     </tbody>
                                 </table>
                             </div>
+                            <button class="mobile-close-btn" onclick="toggleSidePanel(event)">
+                                <img src="app_themes/images/close.svg" alt="">
+                            </button>
                         </td>
                         <td class="section">
                         <% var storedFiles = GetStoredFiles(); %>
                             <div class="main-panel">
+                                <menu class="links">
+                                    <li class="home-link active" >
+                                      <a href="./">
+                                        <img src="app_themes/images/home.svg" alt="Home"/>
+                                      </a>
+                                    </li>
+                                    <% if (bool.Parse(WebConfigurationManager.AppSettings["enable-forgotten"])) { %>
+                                        <li>
+                                            <a href="/Forgotten.aspx">Forgotten files</a>
+                                        </li>
+                                    <% } %>
+                                </menu>
                                 <div id="portal-info" style="display: <%= storedFiles.Any() ? "none" : "table-cell" %>">
                                     <span class="portal-name">ONLYOFFICE Document Editors – Welcome!</span>
                                     <span class="portal-descr">
@@ -138,7 +165,7 @@
                                     <span class="portal-descr">You can open the same document using different users in different Web browser sessions, so you can check out multi-user editing functions.</span>
                                     <% foreach (User user in Users.getAllUsers())
                                       { %>
-                                      <div class="user-descr">
+                                      <div class="user-descr" onclick="toggleUserDescr(event)">
                                        <b><%= user.name.IsEmpty() ? "Anonymous" : user.name %></b>
                                            <ul>
                                            <% foreach (string description in user.descriptions)
@@ -167,8 +194,7 @@
                                                     <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>
+                                                    <td class="tableHeaderCell tableHeaderCellAction">Action</td>
                                                 </tr>
                                             </thead>
                                         </table>
@@ -202,11 +228,13 @@
                                                                         <img src="app_themes/images/mobile.svg" alt="Open in editor for mobile devices" title="Open in editor for mobile devices"/>
                                                                     </a>
                                                                 </td>
-                                                                <td class="contentCells contentCells-icon">
-                                                                    <a href="<%= editUrl + "&editorsType=desktop&editorsMode=comment" %>" target="_blank">
-                                                                         <img src="app_themes/images/comment.svg" alt="Open in editor for comment" title="Open in editor for comment"/>
-                                                                    </a>
-                                                                </td>
+                                                                <% if (docType != "pdf") { %>
+                                                                    <td class="contentCells contentCells-icon">
+                                                                        <a href="<%= editUrl + "&editorsType=desktop&editorsMode=comment" %>" target="_blank">
+                                                                            <img src="app_themes/images/comment.svg" alt="Open in editor for comment" title="Open in editor for comment"/>
+                                                                        </a>
+                                                                    </td>
+                                                                <% } %>
                                                                 <% if (docType == "word") { %>
                                                                     <td class="contentCells contentCells-icon">
                                                                         <a href="<%= editUrl + "&editorsType=desktop&editorsMode=review" %>" target="_blank">
@@ -274,14 +302,22 @@
                                                                     <img src="app_themes/images/embeded.svg" alt="Open in embedded mode" title="Open in embedded mode"/>
                                                                 </a>
                                                             </td>
-                                                            <td class="contentCells contentCells-icon contentCells-shift downloadContentCellShift">
+                                                            <% if (docType != null ) { %>
+                                                                <td class="contentCells contentCells-icon">
+                                                                    <a class="convert-file" data="<%= storedFile.Name %>" data-type="<%= docType %>">
+                                                                        <img class="icon-action" src="app_themes/images/convert.svg" alt="Convert" title="Convert" /></a>
+                                                                </td>
+                                                            <% } else { %>
+                                                                <td class="contentCells contentCells-icon downloadContentCellShift"></td>
+                                                            <% } %>
+                                                            <td class="contentCells contentCells-icon downloadContentCellShift">
                                                                 <a href="webeditor.ashx?type=download&fileName=<%= HttpUtility.UrlEncode(storedFile.Name) %>">
                                                                     <img class="icon-download" src="app_themes/images/download.svg" 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.svg" alt="Delete" title="Delete" />
+                                                                    <img class="icon-action" src="app_themes/images/delete.svg" alt="Delete" title="Delete" />
                                                                 </a>
                                                             </td>
                                                         </tr>
@@ -350,6 +386,32 @@
             </div>
         </div>
 
+        <div id="convertingProgress">
+        <div id="convertingSteps">
+            <span id="convertFileName" class="convertFileName"></span>
+            <span id="convertStep1" class="step">1. Select a format file to convert</span>
+            <span class="step-descr">The converting speed depends on file size and additional elements it contains.</span>
+            <table cellspacing="0" cellpadding="0" width="100%" class="convertTable">
+                <tbody>
+                    <tr class="typeButtonsRow" id="convTypes"></tr>
+                </tbody>
+            </table>
+            <br />
+            <span id="convertStep2" class="step">2. File conversion</span>
+            <span class="step-descr disable" id="convert-descr">The file is converted <div class="convertPercent" id="convertPercent">0 %</div></span>
+            <span class="step-error hidden" id="convert-error"></span>
+            <div class="describeUpload">Note the speed of all operations depends on your connection quality and server location.</div>
+            <input type="hidden" name="hiddenFileName" id="hiddenFileName" />
+        </div>
+        <br />
+        <div class="buttonsMobile">
+            <div id="downloadConverted" class="button converting orange disable">DOWNLOAD</div>
+            <div id="beginViewConverted" class="button converting wide gray disable">VIEW</div>
+            <div id="beginEditConverted" class="button converting wide gray disable">EDIT</div>
+            <div id="cancelEdit" class="button converting gray">CANCEL</div>
+        </div>
+    </div>
+
         <span id="loadScripts" data-docs="<%= UrlPreloadScripts %>"></span>
 
         <footer>