doc: update changelog

Currently translated at 100.0% (111 of 111 strings)

Translation: Custom menu/Application
Translate-URL: https://translate.codeberg.org/projects/custom-menu/application/es/

.drone.yml

@@ -1,54 +0,0 @@
----
-kind: pipeline
-type: docker
-name: default
-
-steps:
-  - name: dependencies
-    image: deblan/devenv
-    commands:
-      - npm install
-
-  - name: build
-    image: deblan/devenv
-    commands:
-      - make npm-build
-    when:
-      branch:
-        exclude:
-          - master
-        include:
-          - develop
-          - feature/*
-      event:
-        - push
-        - pull_request
-
-  - name: release
-    image: deblan/devenv
-    volumes:
-      - name: artifacts
-        path: /artifacts
-    environment:
-      APP_CERTIFICATE:
-        from_secret: app_certificate
-    commands:
-      - mkdir -p "$HOME/.nextcloud/certificates"
-      - echo "$APP_CERTIFICATE" > "$HOME/.nextcloud/certificates/side_menu.key"
-      - export VERSION=$(grep "<version>" appinfo/info.xml | grep -o "[0-9]*\.[0-9]*\.[0-9]*" --color=never)
-      - export RELEASE_DIRECTORY="/artifacts/deblan/side_menu"
-      - make release
-    when:
-      branch:
-        exclude:
-          - develop
-          - feature/*
-        include:
-          - master
-      event:
-        - push
-
-volumes:
-  - name: artifacts
-    host:
-      path: /var/www/html/artifacts

.eslintrc.js

@@ -1,5 +1,14 @@
 module.exports = {
-    rules: {
+  env: {
-        'no-console': 'off',
+    node: true,
-    },
+  },
-};
+  extends: [
+    "eslint:recommended",
+    "plugin:vue/vue3-recommended",
+    "prettier",
+  ],
+  rules: {
+    // override/add rules settings here, such as:
+    // 'vue/no-unused-vars': 'error'
+  }
+}

.gitea/issue_template/FEATURE_TEMPLATE.md

@@ -1,16 +0,0 @@
----
-name: "New feature"
-about: "Use this template if you want to request a feature"
-title: "[FEATURE] "
-labels:
-  - enhancement
----
-## Feature
-
-### Description
-
-...
-
-### Benefits
-
-...

.gitea/issue_template/FEATURE_TEMPLATE.yml

@@ -0,0 +1,34 @@
+name: New feature
+about: Use this template if you want to request a feature
+title: "[FEATURE] "
+labels:
+  - enhancement
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thanks for taking the time to fill out this feature request!
+
+  - type: textarea
+    id: description
+    attributes:
+      label: Description
+      description: Describe the feature.
+    validations:
+      required: true
+
+  - type: textarea
+    id: benefits
+    attributes:
+      label: Benefits
+      description: Describe the benefits of this feature.
+    validations:
+      required: true
+
+  - type: textarea
+    id: extra
+    attributes:
+      label: More informations
+      description: If you want to share more things, this is here!
+    validations:
+      required: false

.gitea/issue_template/ISSUE_TEMPLATE.md

@@ -1,32 +0,0 @@
----
-name: "New issue"
-about: "Use this template if you have a bug"
-title: "[BUG] "
-labels:
-  - bug
----
-## Issue
-
-### Environment
-
-* Custom menu version: 
-* Nextcloud version: 
-* PHP version: 
-* Web server (Nginx, Apache2): 
-* Web browser and version (Firefox 80, Google Chrome 74, etc): 
-
-```
-Insert your configuration here. You can export the configuration using the admin page.
-```
-
-### Steps to reproduce
-
-...
-
-### Observed Results
-
-...
-
-### Expected Results
-
-...

.gitea/issue_template/ISSUE_TEMPLATE.yml

@@ -0,0 +1,69 @@
+name: New issue
+about: Use this template if you have a bug
+title: "[Bug] "
+labels:
+  - bug
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thanks for taking the time to fill out this bug report!
+
+  - type: textarea
+    id: environment
+    attributes:
+      label: Environment
+      value: |
+        * Custom menu version: 
+        * Nextcloud version: 
+        * PHP version: 
+        * Web server (Nginx, Apache2): 
+        * Web browser and version (Firefox 80, Google Chrome 74, etc): 
+    validations:
+      required: true
+
+  - type: textarea
+    id: configuration
+    attributes:
+      label: Configuration
+      description: Export the configuration using the admin page and copy/paste here ([documentation](https://deblan.gitnet.page/side_menu_doc/docs/FAQ/export-config/)).
+      value: |
+        ```
+        {
+          ...
+        }
+        ```
+    validations:
+      required: true
+
+  - type: textarea
+    id: steps
+    attributes:
+      label: Steps to reproduce
+      description: How reproduce the bug?
+    validations:
+      required: false
+
+  - type: textarea
+    id: resuts
+    attributes:
+      label: Observed Results
+      description: What happened?
+    validations:
+      required: false
+
+  - type: textarea
+    id: expected
+    attributes:
+      label: Expected Results
+      description: What should happen?
+    validations:
+      required: false
+
+  - type: textarea
+    id: extra
+    attributes:
+      label: More informations
+      description: If you want to share more things, this is here!
+    validations:
+      required: false

.gitea/issue_template/QUESTION_TEMPLATE.yml

@@ -0,0 +1,30 @@
+name: New question
+about: Use this template when you don't know how to do something
+title: "[Question] "
+labels:
+  - question
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thanks for taking the time to fill information.
+
+  - type: textarea
+    id: environment
+    attributes:
+      label: Environment
+      value: |
+        * Custom menu version: 
+        * Nextcloud version: 
+        * PHP version: 
+        * Web server (Nginx, Apache2): 
+        * Web browser and version (Firefox 80, Google Chrome 74, etc): 
+    validations:
+      required: true
+
+  - type: textarea
+    id: question
+    attributes:
+      label: Question
+    validations:
+      required: true

.gitea/issue_template/config.yml

@@ -0,0 +1,8 @@
+blank_issues_enabled: false
+contact_links:
+  - name: Documentation
+    url: https://deblan.gitnet.page/side_menu_doc/
+    about: Official documentation web site
+  - name: Ask a question in our Matrix room
+    about: If you prefer a chat-like conversation or in need for quick help, this might be an alternative to opening an issue.
+    url: https://matrix.to/#/#custommenu:neutralnetwork.org

.gitignore

@@ -2,5 +2,4 @@
 /node_modules
 /l10n/*
 /releases
-/package-lock.json
 !/l10n/.gitkeep

.prettierrc.json

@@ -0,0 +1,8 @@
+{
+  "bracketSpacing": true,
+  "bracketSameLine": false,
+  "semi": false,
+  "singleQuote": true,
+  "singleAttributePerLine": true,
+  "printWidth": 160
+}

.stylelintrc.json

@@ -0,0 +1,5 @@
+{
+    "rules": {
+        "indentation": 2
+    }
+}

.woodpecker/.build.yml

@@ -0,0 +1,22 @@
+variables:
+  volumes: &volumes
+    - /data/${CI_REPO}:/builds
+
+when:
+  event: [tag, push, pull_request, manual]
+  branch: [master, develop, feature/*, fix/*, bugfix/*, translations]
+
+steps:
+  "Build JS":
+    image: node:20
+    commands:
+      - make build
+
+  "Build translations":
+    image: deblan/php:8.3
+    commands:
+      - php bin/generate_l10n.php
+
+  "Build cache":
+    image: gitnet.fr/deblan/woodpecker-cache
+    volumes: *volumes

.woodpecker/.publish.yml

@@ -0,0 +1,66 @@
+variables:
+  volumes: &volumes
+    - /data/${CI_REPO}:/builds
+    - /var/www/html/artifacts:/var/www/html/artifacts
+
+depends_on:
+  - build
+
+when:
+  event: [tag]
+
+steps:
+  "Verify tag and app version":
+    image: alpine
+    commands:
+      - TAG=${CI_COMMIT_TAG/v//}
+      - grep "<version>$TAG</version>" appinfo/info.xml
+
+  "Create signature":
+    image: nextcloud:25
+    volumes: *volumes
+    environment:
+      APP_CERTIFICATE:
+        from_secret: app_certificate
+      APP_PUBLIC_CERTIFICATE:
+        from_secret: app_public_certificate
+      SQLITE_DATABASE: /var/www/data/data.db
+      NEXTCLOUD_ADMIN_USER: admin
+      NEXTCLOUD_ADMIN_PASSWORD: admin
+    commands:
+      - cd "/builds/$CI_COMMIT_SHA"
+      - echo "$APP_CERTIFICATE" > "/tmp/side_menu.key"
+      - echo "$APP_PUBLIC_CERTIFICATE" > "/tmp/side_menu.crt"
+      - mkdir /tmp/app
+      - cp -r README.md CHANGELOG.md appinfo lib img l10n js src templates screenshots vendor /tmp/app
+      - /usr/src/nextcloud/occ integrity:sign-app
+        --privateKey=/tmp/side_menu.key
+        --certificate=/tmp/side_menu.crt
+        --path=/tmp/app
+      - mv /tmp/app/appinfo/signature.json appinfo/
+
+  "Create package":
+    image: deblan/php:8.3
+    volumes: *volumes
+    environment:
+      APP_CERTIFICATE:
+        from_secret: app_certificate
+    commands:
+      - cd "/builds/$CI_COMMIT_SHA"
+      - apt-get update
+      - apt-get install -y zip make
+      - mkdir -p "$HOME/.nextcloud/certificates"
+      - echo "$APP_CERTIFICATE" > "$HOME/.nextcloud/certificates/side_menu.key"
+      - export VERSION=$(grep "<version>" appinfo/info.xml | grep -o "[0-9]*\.[0-9]*\.[0-9]*" --color=never)
+      - export RELEASE_DIRECTORY="/var/www/html/artifacts/deblan/side_menu"
+      - make release
+
+  "Push release":
+    image: plugins/gitea-release
+    volumes: *volumes
+    settings:
+      api_key:
+        from_secret: gitnet_api_key
+      base_url: https://gitnet.fr
+      # note: ${CI_COMMIT_MESSAGE}
+      files: /var/www/html/artifacts/deblan/side_menu/${CI_COMMIT_TAG/v//}/*

.woodpecker/.security.yml

@@ -0,0 +1,17 @@
+variables:
+  volumes: &volumes
+    - /data/${CI_REPO}:/builds
+
+depends_on:
+  - build
+
+skip_clone: true
+
+steps:
+  "Check dependencies":
+    image: gitnet.fr/deblan/osv-detector:v0.10
+    volumes: *volumes
+    commands:
+      - cd "/builds/$CI_COMMIT_SHA"
+      - osv-detector package-lock.json
+    failure: ignore

CHANGELOG.md

@@ -1,324 +1,677 @@
 ## [Unreleased]
 
+## 5.2.2
+### Fixed
+* fix #464: add Intl.Segmenter polyfill
+### Added
+* add new translations
+
+## 5.2.1
+### Added
+* chore: set side_menu as package name
+### Fixed
+* fix(LangRepository): check orm capabilities to query entities
+* fix(admin/\*SaveButton): cast settings to string
+
+## 5.2.0
+### Added
+* add compatibility with NC33
+### Fixed
+* fix #468: force nextcloud logo display css rule (opener-only)
+
+## 5.1.3
+### Fixed
+* fix #445: fix build by adding package-lock.json
+
+## 5.1.2
+### Added
+* add new translations
+### Fixed
+* fix #441: Side bar not working with Nextcloud 32 (thanks to AndyXheli)
+
+## 5.1.1
+### Fixed
+* fix(build): define appName to fix this error: "The `@nextcloud/vue` library was used without setting / replacing the `appName`"
+* fix #349: add custom controller to retrieve core apps
+
+## 5.1.0
+### Added
+* fix #425: allow to set a color using hex code
+### Fixed
+* #422: usage of `OC\AppFramework\Http\Request` instead of `$_SERVER`
+
+## 5.0.3
+### Fixed
+* fix #422: undefined array key "HTTP_USER_AGENT"
+
+## 5.0.2
+### Fixed
+* fix #413: add user-agent check for memories mobile app
+* fix #418: allow non admin user to access their settings
+
+## 5.0.1
+### Fixed
+* fix(StandardMenu): appLimit must return a value > 0
+
+## 5.0.0
+### Fixed
+* fix apps's order in the standard menu
+### Added
+* add new translations
+* add route `/apps/side_menu/user/config`
+* add new UI for admin and personals settings
+### Changed
+* migrate to Vue 3 and so add/update or remove dependencies
+* replace CSS with SCSS
+* remove route `/apps/side_menu/js/script`
+* remove generated Javascript using PHP
+* rewrite the standard menu of Nextcloud
+### Security
+* fix CVE-2023-44270
+* fix CVE-2024-9506
+* fix CVE-2024-6783
+
+## 4.1.1
+### Fixed
+* fix(CssController): add missing NoCSRFRequired import (#397)
+* fix(SideMenu): ncApps must be an array (#369)
+
+## 4.1.0
+### Added
+* add compatibility with NC31
+### Fixed
+* fix(service): add service constructor arguments
+* fix(settings): remove non-existing and unused ILogger service
+### Changed
+* refactor(controller): usage of attributes instead of annotations
+
+## 4.0.1
+### Fixed
+* fix top menu labels (fix #368)
+* fix #369: The menu is displayed even if there are no apps
+
+## 4.0.0
+### Added
+* add compatibility with NC30
+
+## 3.13.1
+### Fixed
+* fix #354: remove the opener when the menu is always displayed
+* fix extra margin between the logo and the opener
+
+## 3.13.0
+### Added
+* show apps generated with Tables (fix #349)
+* add constructor property promotion
+### Fixed
+* remove .app-navigation--close translationX for always-displayed menu (fix #348)
+
+## 3.12.0
+### Added
+* add compatibility with NC29
+
+## 3.11.8
+### Fixed
+* move the logo inside #nextcloud element (fix #278 #239) [NC26]
+
+## 3.11.7
+### Added
+* update translations
+* update ci steps names
+* fully apply Nextcloud AppMenu.vue updates
+### Fixed
+* add accessibility to open and close buttons (#311)
+* add missing label on the 'save' button in personal settings (fix #318)
+### Changed
+* upgrade axios
+* upgrade css-loader
+
+## 3.11.6
+### Fixed
+* add --background-invert-if-bright in top menu (fix #326)
+
+## 3.11.5
+### Fixed
+* add missing label on buttons for accessiblity (fix #311)
+
+## 3.11.4
+### Fixed
+* add label on buttons for accessiblity (fix #311)
+
+## 3.11.3
+### Fixed
+* fix menu icon in decks, collectives and other apps (#302)
+
+## 3.11.2
+### Fixed
+* add default translations for Slovak - fix #298
+
+## 3.11.1
+### Added
+* add Portuguese (Brazil) translations - Thanks to igorfreire
+### Fixed
+* add width to .side-menu-categories for side menu with categories display - fix #294
+
+## 3.11.0
+### Added
+* add a search component in menus - fix #282
+### Fixed
+* remove the label of the link to personal settings - fix #283
+
+## 3.10.3
+### Fixed
+* change the way to load nextcloud components (NcActionLink/NcActions) - fix #274
+* update @nexcloud/* packages
+
+## 3.10.2
+### Fixed
+* add missing properties
+
+## 3.10.1
+### Fixed
+* fix #269: use php7 syntax
+
+## 3.10.0
+### Added
+* add compatibility with NC28
+### Fixed
+* fix NC28 error: remove deprecated method `OC_App::getNavigation()`
+
+## 3.9.1
+### Fixed
+* fix fixed menu on dashboard (#262)
+
+## 3.9.0
+### Added
+* add compatibility with NC27
+### Fixed
+* fix app redirect (#261)
+
+## 3.8.0
+### Added
+* add option to show hovered label only on top menu (fix #253)
+
+## 3.7.4
+### Fixed
+* fix Integrity failed (#247)
+
+## 3.7.3
+### Fixed
+* fix #244: use app href for redirection
+### Added
+* add signature on build
+
+## 3.7.2
+### Added
+* update pipeline conditions allowing `fix/*`
+### Fixed
+* fix #233: load configuration and then retrieve apps in default side menu display
+
+## 3.7.1
+### Fixed
+* fix build process (#230)
+
+## 3.7.0
+### Added
+* add translations (thanks to AHOHNMYC)
+* add compatibility with NC26
+
+## 3.6.0
+### Added
+* add hidden apps compatible with default menu (#219)
+
+## 3.5.2
+### Fixed
+* add check if menu exists before adding event listeners (#210)
+
+## 3.5.1
+### Added
+* add translations (thanks to p-bo and gallegonovato)
+### Fixed
+* fix #189: sorting not applied on mobile
+
+## 3.5.0
+### Added
+* add dependency check (ci)
+* add code quality check (ci)
+* add translations (thanks to gallegonovato)
+* add option to disable the display labels in the top menu (#194)
+### Fixed
+* fix missing img alt (settings image)
+* fix code quality alerts
+
+## 3.4.1
+### Added
+* add translations (thanks to zonorti, jorisvandijk, jak2k)
+### Fixed
+* fix #183: hide custom categories list when empty (admin page)
+
+## 3.4.0
+### Added
+* add translations (thanks to Pavelb, nier, Timur, p-bo)
+* add possibility to define Custom Menu as default app and redirect to the first top menu app (#177)
+
+## 3.3.2
+### Fixed
+* fix #173: reduce the height of categories list
+
+## 3.3.1
+### Fixed
+* fix #162: top and side apps does work correctly
+
+## 3.3.0
+### Added
+* add documentation in admin page
+* add app sorter in user config side (#160)
+### Fixed
+* fix #164: open apps in new tab does not work
+* fix #162 #159: top and side apps does work correctly
+
+## 3.2.1
+### Fixed
+* fix #150: active app is not visible has active in menu (except in default menu)
+* fix #151: opener position
+
+## 3.2.0
+### Added
+* use custom app names using 'app.navigation.name' (#148)
+* app sorting with all displays (#147)
+
+## 3.1.0
+### Added
+* add global custom app sorting for the top menu
+### Fixed
+* fix admin list/modal look
+
+## 3.0.1
+### Fixed
+* Remove the gap between the window's top and menu categories (large menu)
+
+## 3.0.0
+### Added
+* Add compatibility with NC25 (#136/#135)
+### Removed
+* Nextcloud 20-24 are not supported anymore
+* AppOrder is not supported anymore
+
+## 2.5.1
+### Fixed
+* fix icon render (#133)
+
+## 2.5.0
+### Changed
+* upgrade dependencies
+### Fixed
+* remove duplicated code
+* remove unused variables and packages
+* replace repeated strings with variables
+* add html attributes
+* replace var with let
+* replace v-html with v-text to prevent xss
+
+## 2.4.3
+### Fixed
+* fix translations
+
+## 2.4.2
+### Fixed
+* fix typo
+### Changed
+* change ci/cd
+
+## 2.4.1
+### Fixed
+* fix user setting save
+
+## 2.4.0
+### Added
+* remove focus on opener after click
+* add button to set default colors
+* add menu hover effect
+* add translations
+### Fixed
+* fix deprecated app.php file
+* fix menu with categories header
+* fix minor issues
+### Changed
+* change saving progression
+### Removed
+* Nextcloud 19 is not supported anymore
+* PHP 7.3 is not supported anymore
+
+## 2.3.5
+### Fixed
+* fix white square (#99)
+
+## 2.3.4
+### Fixed
+* fix blank line when settings are open (#96)
+
+## 2.3.3
+### Added
+* hide the scrollbar when mouse is out (menu always displayed)
+### Fixed
+* fix SQL Exception InvalidFieldNameException (#93)
+
 ## 2.3.2
 ### Fixed
-- fix hidden menu
+* fix hidden menu
 
 ## 2.3.1
 ### Fixed
-- fix #88: does not work with default menu
+* fix #88: does not work with default menu
 
 ## 2.3.0
 ### Added
-- fix #82: add an option to keep visible an app in both menus
+* fix #82: add an option to keep visible an app in both menus
-- fix #83: add custom categories
+* fix #83: add custom categories
-- add auto-reload when settings are saved
+* add auto-reload when settings are saved
 
 ## 2.2.0
 ### Added
-- fix #84: update icons
+* fix #84: update icons
-- fix #85: use Nextcloud colors by default
+* fix #85: use Nextcloud colors by default
 
 ### Fixed
-- fix categories order in large menu
+* fix categories order in large menu
 
 ## 2.1.0
 ### Added
-- add compatibility with Nextcloud 23
+* add compatibility with Nextcloud 23
 
 ## 2.0.1
 ### Fixed
-- fix #78: Top menu is broken - invisible apps are shown
+* fix #78: Top menu is broken - invisible apps are shown
-- fix #77: Update personal settings - HTTP error 412 (Precondition Failed)
+* fix #77: Update personal settings - HTTP error 412 (Precondition Failed)
-- fix js error on the personal settings page (undefined sortable)
+* fix js error on the personal settings page (undefined sortable)
 
 ## 2.0.0
 ### Fixed
-- fix #66: removing usage of setInterval
+* fix #66: removing usage of setInterval
-- fix #73: icon background
+* fix #73: icon background
 ### Changed
-- fix #67: replace jQuery with Vanilla JS
+* fix #67: replace jQuery with Vanilla JS
 ### Removed
-- Nextcloud 18 is not supported anymore
+* Nextcloud 18 is not supported anymore
 
 ## 1.28.0
 ### Added
-- fix #63: add a new side menu with categories
+* fix #63: add a new side menu with categories
 
 ## 1.27.2
 ### Fixed
-- fix #62: hide app notification icon
+* fix #62: hide app notification icon
 
 ## 1.27.1
 ### Fixed
-- fix German translation render
+* fix German translation render
 
 ## 1.27.0
 ### Added
-- hide personal settings access when settings are forced by the administrator
+* hide personal settings access when settings are forced by the administrator
 ### Fixed
-- improve German translations
+* improve German translations
 
 ## 1.26.0
 ### Added
-- add Czech translation
+* add Czech translation
 
 ## 1.25.2
 ### Fixed
-- fix CHANGELOG
+* fix CHANGELOG
 
 ## 1.25.1
 ### Added
-- add PHP version as dependency
+* add PHP version as dependency
-- add chinese translation
+* add chinese translation
 ### Fixed
-- fix CHANGELOG
+* fix CHANGELOG
 
 ## 1.25.0
 ### Added
-- add compatibility with Nextcloud 22
+* add compatibility with Nextcloud 22
-- add CHANGELOG.md (fix #59)
+* add CHANGELOG.md (fix #59)
-- update app icon
+* update app icon
 
 ## 1.24.0
 ### Added
-- add option to define the background opacity (fix #53)
+* add option to define the background opacity (fix #53)
-- add missing translations
+* add missing translations
 
 ## 1.23.1
 ### Fixed
-- fix but wih dark mode opener option
+* fix but wih dark mode opener option
 
 ## 1.23.0
 ### Added
-- add support of dark Theme and Breeze Dark
+* add support of dark Theme and Breeze Dark
-- add support of Nextcloud 21
+* add support of Nextcloud 21
 
 ## 1.22.2
 ### Fixed
-- fix regression: apps does not open in new tab (fix #55)
+* fix regression: apps does not open in new tab (fix #55)
 
 ## 1.22.1
 ### Fixed
-- fix regression: apps does not open in new tab
+* fix regression: apps does not open in new tab
 
 ## 1.22.0
 ### Added
-- Add option to sort categories (fix #53)
+* Add option to sort categories (fix #53)
-- Update admin UI
+* Update admin UI
 
 ## 1.21.0
 ### Added
-- [FEATURE] Logo in the menu links to main page of installation (#51)
+* [FEATURE] Logo in the menu links to main page of installation (#51)
 
 ## 1.20.1
 ### Fixed
-- Fix translations
+* Fix translations
 
 ## 1.20.0
 ### Added
-- [FEATURE] Ability to remove apps from the Big Menu (#49)
+* [FEATURE] Ability to remove apps from the Big Menu (#49)
 
 ## 1.19.1
 ### Fixed
-- fix #47: setting for list/grid view in files app flashes and dissapears
+* fix #47: setting for list/grid view in files app flashes and dissapears
 
 ## 1.19.0
 ### Added
-- add option: the menu is enabled by default for users (fix #46)
+* add option: the menu is enabled by default for users (fix #46)
 
 ## 1.18.0
 ### Added
-- add option to show link to settings (fix #44)
+* add option to show link to settings (fix #44)
-- refactor menus using several components
+* refactor menus using several components
 
 ## 1.17.0
 ### Added
-- compliance with the app checker
+* compliance with the app checker
-- add an action to export the configuration
+* add an action to export the configuration
-- add an action to purge the cache
+* add an action to purge the cache
 
 ## 1.16.3
 ### Fixed
-- fix links that must be opened in new window (https://help.nextcloud.com/t/external-petit-probleme-concernant-lapplication-external-sites-ou-sites-externes/94884/11)
+* fix links that must be opened in new window (https://help.nextcloud.com/t/external-petit-probleme-concernant-lapplication-external-sites-ou-sites-externes/94884/11)
 
 ## 1.16.2
 ### Fixed
-- fix issue with personal settings when global settings are forced
+* fix issue with personal settings when global settings are forced
 
 ## 1.16.1
 ### Fixed
-- fix #42: add cache to manage failures to access apps.nextcloud.com
+* fix #42: add cache to manage failures to access apps.nextcloud.com
-- fix #41: side menu was hover apps list
+* fix #41: side menu was hover apps list
 
 ## 1.16.0
 ### Added
-- add an option to force settings to users (fix #38)
+* add an option to force settings to users (fix #38)
 
 ## 1.15.0
 ### Changed
-- New name
+* New name
 ### Fixed
-- Fix #36: always displayed is not expanding
+* Fix #36: always displayed is not expanding
 
 ## 1.14.0
 ### Added
-- add an api accessed by components
+* add an api accessed by components
-- add a config proxy in controllers
+* add a config proxy in controllers
 ### Fixed
-- fix translations
+* fix translations
 
 ## 1.13.0
 ### Added
-- add an option to display the avatar instead of the logo (fix #34)
+* add an option to display the avatar instead of the logo (fix #34)
 
 ## 1.12.3
 ### Added
-- add a delay before moving elements (fix #33)
+* add a delay before moving elements (fix #33)
 
 ## 1.12.2
 ### Fixed
-- fix #30: `Always displayed` menu can not be close using touchscreens
+* fix #30: `Always displayed` menu can not be close using touchscreens
 
 ## 1.12.1
 ### Fixed
-- fix typo
+* fix typo
-- fix translations
+* fix translations
 
 ## 1.12.0
 ### Fixed
-- fix #30: administrators and users can select what apps must be opened in new tab
+* fix #30: administrators and users can select what apps must be opened in new tab
-- fix typo
+* fix typo
 
 ## 1.11.0
 ### Added
-- add the option for opening apps in new tab (fix #29)
+* add the option for opening apps in new tab (fix #29)
 ### Fixed
-- fix issue with the header of the always displayed menu
+* fix issue with the header of the always displayed menu
 
 ## 1.10.0
 ### Added
-- add images to select the display of the menu
+* add images to select the display of the menu
-- add live preview
+* add live preview
-- update translations
+* update translations
-- update app info
+* update app info
 
 ## 1.9.3
 ### Fixed
-- fix regression with logo display
+* fix regression with logo display
 
 ## 1.9.2
 ### Added
-- add the option “always displayed” which fixes the position of the menu to the left and always displays the application icons (fix #21, fix #2)
+* add the option “always displayed” which fixes the position of the menu to the left and always displays the application icons (fix #21, fix #2)
 
 ## 1.8.6
 ### Added
-- add translations: `fr` and `de`
+* add translations: `fr` and `de`
-- improve and publish the `Makefile`
+* improve and publish the `Makefile`
-- update documentation
+* update documentation
 
 ## 1.8.5
 ### Fixed
-- fix #28: menu items invisible after 1.8.4
+* fix #28: menu items invisible after 1.8.4
 
 ## 1.8.4
 ### Fixed
-- fix #27: disable side menu on public pages - broken in 1.8.3
+* fix #27: disable side menu on public pages - broken in 1.8.3
 
 ## 1.8.3
 ### Fixed
-- fix alphabetic order of apps (#26)
+* fix alphabetic order of apps (#26)
 
 ## 1.8.2
 ### Added
-- add icon for closing the big menu (fix #25)
+* add icon for closing the big menu (fix #25)
 ### Fixed
-- fix hidden icons in the top menu (fix #23)
+* fix hidden icons in the top menu (fix #23)
-- fix missing apps (fix #24)
+* fix missing apps (fix #24)
 
 ## 1.8.1
 ### Fixed
-- fix issue with links
+* fix issue with links
-- fix missing l10n files
+* fix missing l10n files
 
 ## 1.8.0
 ### Added
-- add a `big menu` display (fix #22)
+* add a `big menu` display (fix #22)
-- add the possibility to choose what apps are displayed in the top menu (fix #22)
+* add the possibility to choose what apps are displayed in the top menu (fix #22)
-- add icon color filter
+* add icon color filter
-- add icon opacity filter
+* add icon opacity filter
 
 ## 1.8.0-rc2
 
 ## 1.7.0
 ### Added
-- add a loader when the page is unloading
+* add a loader when the page is unloading
-- add compatibility with Nextcloud 19
+* add compatibility with Nextcloud 19
 
 ## 1.6.3
 ### Fixed
-- fix #20: add a shortcut to open and to hide the menu
+* fix #20: add a shortcut to open and to hide the menu
 
 ## 1.6.2
 ### Fixed
-- fix #19: add a cache to limit flashes
+* fix #19: add a cache to limit flashes
 
 ## 1.6.1
 ### Fixed
-- fix #19: add a hack to show external sites in the top menu with navigation
+* fix #19: add a hack to show external sites in the top menu with navigation
 
 ## 1.6.0
 ### Added
-- Add a page of personal settings
+* Add a page of personal settings
-- Add an option to disable the side menu as user
+* Add an option to disable the side menu as user
-- Refactoring of javascripts
+* Refactoring of javascripts
 
 ## 1.5.0
 ### Added
-- add option to force light icons instead of dark icons
+* add option to force light icons instead of dark icons
 ### Fixed
-- fix #19: add option to keep external sites in the top menu
+* fix #19: add option to keep external sites in the top menu
-- fix #16 #17: add dark icons and handle the svg filters
+* fix #16 #17: add dark icons and handle the svg filters
 
 ## 1.4.1
 ### Added
-- Rendering  harmonization with browsers
+* Rendering  harmonization with browsers
 ### Fixed
-- FIX #15: make menu start after icon
+* FIX #15: make menu start after icon
 
 ## 1.4.0
 ### Fixed
-- Fix #12: add an option to hide the opener and the panel when there is no application
+* Fix #12: add an option to hide the opener and the panel when there is no application
 
 ## 1.3.4
 ### Fixed
-- FIX #14: add option to show only the opener
+* FIX #14: add option to show only the opener
-- FIX #13: add alternate hamburger icon
+* FIX #13: add alternate hamburger icon
-- FIX #11: remove error in the console
+* FIX #11: remove error in the console
 
 ## 1.3.3
 ### Added
-- Add a second background color to create a background gradiant
+* Add a second background color to create a background gradiant
-- Update documentation
+* Update documentation
 ### Fixed
-- FIX #10: add options to select the size of the icons and the text, or hide them
+* FIX #10: add options to select the size of the icons and the text, or hide them
 
 ## 1.3.2
 ### Fixed
-- FIX #9: opener icon not visible with multiple apps_paths
+* FIX #9: opener icon not visible with multiple apps_paths
 
 ## 1.3.1
 ### Fixed
-- FIX #3: Add an opition the choose the position of the opener (after or before the logo)
+* FIX #3: Add an opition the choose the position of the opener (after or before the logo)
-- FIX #8: Remove extension of dynamic asset's routes (js, css)
+* FIX #8: Remove extension of dynamic asset's routes (js, css)
 
 ## 1.3.0
 ### Added
-- `main.js` is replaced by a controller and a template
+* `main.js` is replaced by a controller and a template
 ### Fixed
--  FIX #2: add option to open the menu by hovering over opener
+*  FIX #2: add option to open the menu by hovering over opener
 
 ## 1.2.4
 ### Fixed
-- FIX #7: Opener icon not visible in Safari
+* FIX #7: Opener icon not visible in Safari
 

Makefile

@@ -1,11 +1,14 @@
-npm-build:
+build: dep
 	npm run build
 
-npm-watch:
+watch: dep
 	npm run watch
 
+dep:
+	npm i
+
 .ONESHELL:
-release: npm-build translations
+release:
 	if [ -z "$$VERSION" ]; then
 		echo "VERSION required"
 		exit 1
@@ -17,7 +20,7 @@ release: npm-build translations
 
 	test -d $$RELEASE_DIRECTORY/$$VERSION && rm -fr $$RELEASE_DIRECTORY/$$VERSION
 	mkdir -p $$RELEASE_DIRECTORY/$$VERSION/side_menu
-	cp -r README.md CHANGELOG.md appinfo css lib img l10n js src templates screenshots vendor $$RELEASE_DIRECTORY/$$VERSION/side_menu
+	cp -r README.md CHANGELOG.md appinfo lib img l10n js src templates screenshots vendor $$RELEASE_DIRECTORY/$$VERSION/side_menu
 	cd $$RELEASE_DIRECTORY/$$VERSION
 	zip -r side_menu_v$$VERSION.zip side_menu
 	tar cvzf side_menu_v$$VERSION.tar.gz side_menu
@@ -26,3 +29,8 @@ release: npm-build translations
 
 translations:
 	php bin/generate_l10n.php
+
+.ONESHELL:
+run-code-quality-analysis:
+	export SONAR_TOKEN="$$SONAR_TOKEN_DEBLAN_SIDE_MENU"
+	sonar-scanner -Dsonar.projectKey=deblan-side_menu -Dsonar.sources=. -Dsonar.host.url=$$SONAR_SERVER -Dsonar.branch.name=$$(git branch --show-current)

README.md

@@ -1,12 +1,16 @@
 🤙 Nextcloud app / Custom menu 🎨
 ===============================
 
+[![Build Status](https://ci.gitnet.fr/api/badges/deblan/side_menu/status.svg)](https://ci.gitnet.fr/deblan/side_menu)
+[![Translations](https://translate.codeberg.org/widgets/custom-menu/-/application/svg-badge.svg)](https://translate.codeberg.org/engage/custom-menu/)
+![Downloads](https://img.shields.io/badge/dynamic/json?color=brightgreen&label=downloads&query=%24.K_downloads&suffix=K&url=https%3A%2F%2Fapi-side-menu.deblan.org%2Fdownloads.php)
+
 Allows you to modify the position of the main menu by creating a panel on the left of the interface or with a big menu on the top.
 You can also add and sort custom categories, define apps that must be displayed in the top menu, etc. Fully customisable.
 
 This application is rather suitable for instances that activate a lot of applications.
 
-You can customize colors depending of the theme (Dark theme and Breeze Dark). Comptatible with AppOrder.
+You can customize colors depending of the theme (Dark theme and Breeze Dark).
 
 * [Installation and upgrade](#installation-and-upgrade)
 * [How to contribute?](#how-to-contribute)
@@ -15,11 +19,12 @@ You can customize colors depending of the theme (Dark theme and Breeze Dark). Co
 
 You like this app and you want to support me? ☕ [Buy me a coffee](https://www.buymeacoffee.com/deblan) or [Donate with liberapay](https://liberapay.com/deblan)
 
+## [📘 Read the documentation](https://deblan.gitnet.page/side_menu_doc/)
+
 Requirements
 ------------
 
-* PHP >= 7.3
+* PHP >= 8.1
-* App `theming` enabled
 
 Installation and upgrade
 ------------------------
@@ -35,7 +40,7 @@ If you want to install it from source, go to https://gitnet.fr/deblan/side_menu/
 
 ```
 $ cd /path/to/nextcloud/apps
-$ curl -sS https://gitnet.fr/attachments/xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx | tar xvfz -
+$ VERSION=x.y.z; curl -sS "https://gitnet.fr/deblan/side_menu/releases/download/${VERSION}/side_menu_v${VERSION}.tar.gz" | tar xvfz -
 ```
 
 Administrators can edit many settings using the administration page.
@@ -44,19 +49,33 @@ Users can disable the menu using the page of personal settings.
 
 Use the shortcut `Ctrl`+`o` to open and to hide the side menu. Use `tab` to navigate.
 
+### Use first top menu app as default app
+
+You can easily let Custom Menu redirect to the first app in the top menu by changing the following parameter in your `config/config.php`:
+
+```
+'defaultapp' => 'side_menu',
+```
+
+If the top menu is empty then it redirects to files.
+
 How to contribute?
 ------------------
 
 You can report a bug or request a feature by opening an issue: https://gitnet.fr/deblan/side_menu/issues
 
-If you are a developer:
+### You are a translator
+
+Translations are managed from [translate.codeberg.org](https://translate.codeberg.org/projects/custom-menu/application/).
+
+### You are a developer
 
 * fork the repository
 * install an instance of Nextcloud
 * go to `apps/` and clone your repository
-* go to `apps/side_menu` and run `npm install`
+* go to `apps/side_menu` and run `make dep`
 
-Build javascripts using `make npm-build` (or `make npm-watch` to build them in real time).
+Build javascripts using `make build` (or `make watch` to build them in real time).
 
 Then commit and create a pull request.
 
@@ -64,3 +83,10 @@ Support
 -------
 
 You can join the official room on Matrix: [#custommenu:neutralnetwork.org](https://matrix.to/#/#custommenu:neutralnetwork.org).
+
+
+Notice
+------
+
+Because I believe in a free and decentralized Internet, [Gitnet](https://gitnet.fr) is **self-hosted at home**.
+In case of downtime, you can download **Custom Menu** from [here](https://kim.deblan.fr/~side_menu/).

appinfo/app.php

@@ -1,10 +0,0 @@
-<?php
-
-use OCA\SideMenu\AppInfo\Application;
-
-$app = new Application();
-
-if ($app->isEnabled()) {
-    $app->registerAssets();
-    $app->registerServices();
-}

appinfo/info.xml

@@ -1,6 +1,5 @@
-<?xml version="1.0"?>
+<?xml version="1.0" encoding="UTF-8" ?>
-<info xmlns:xsi= "http://www.w3.org/2001/XMLSchema-instance"
+<info xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="https://apps.nextcloud.com/schema/apps/info.xsd">
-      xsi:noNamespaceSchemaLocation="https://apps.nextcloud.com/schema/apps/info.xsd">
     <id>side_menu</id>
     <name>Custom menu</name>
     <summary>Modify the display of the menu.</summary>
@@ -11,43 +10,50 @@ This application is rather suitable for instances that activate a lot of applica
 
 Use the shortcut `Ctrl`+`o` to open and to hide the side menu. Use `tab` to navigate.
 
-You can customize colors depending of the theme (Dark theme and Breeze Dark). Comptatible with AppOrder.
+You can customize colors depending of the theme.
 
-You can report a bug or request a feature by opening an issue.
+To report a bug or request a feature, please open an issue.
 
 Requirements:
 
-* PHP >= 7.3
+* PHP >= 8.1
-* App `theming` enabled
 
 If you like this application and if you want to support the development:
 
 * [Buy me a coffee](https://www.buymeacoffee.com/deblan)
 * [Donate with liberapay](https://liberapay.com/deblan)
 * [Leave a comment](https://apps.nextcloud.com/apps/side_menu#comments)
+
+Notice
+------
+
+Because I believe in a free and decentralized Internet, [Gitnet](https://gitnet.fr) is **self-hosted at home**.
+In case of downtime, you can download **Custom Menu** from [here](https://kim.deblan.fr/~side_menu/).
 ]]></description>
-    <version>2.3.2</version>
+    <version>5.2.2</version>
     <licence>agpl</licence>
-    <author mail="contact@deblan.fr" homepage="https://www.deblan.io/">Simon Vieille</author>
+    <author mail="contact@deblan.fr" homepage="https://www.deblan.fr/">Simon Vieille</author>
     <namespace>SideMenu</namespace>
     <documentation>
-        <admin>https://gitnet.fr/deblan/side_menu/src/branch/master/README.md</admin>
+        <admin>https://deblan.gitnet.page/side_menu_doc/</admin>
         <developer>https://gitnet.fr/deblan/side_menu/src/branch/master/README.md</developer>
     </documentation>
     <category>customization</category>
     <website>https://gitnet.fr/deblan/side_menu</website>
-    <discussion>https://matrix.to/#/!TFPucDATKODpHNVAtu:neutralnetwork.org?via=neutralnetwork.org</discussion>
+    <discussion><![CDATA[https://matrix.to/#/!TFPucDATKODpHNVAtu:neutralnetwork.org?via=neutralnetwork.org]]></discussion>
     <bugs>https://gitnet.fr/deblan/side_menu/issues</bugs>
     <repository type="git">https://gitnet.fr/deblan/side_menu</repository>
-    <screenshot>https://gitnet.fr/deblan/side_menu/raw/branch/master/screenshots/nc19_default_menu.png</screenshot>
+    <screenshot><![CDATA[https://gitnet.fr/deblan/side_menu/raw/branch/master/screenshots/nc19_default_menu.png]]></screenshot>
-    <screenshot>https://gitnet.fr/deblan/side_menu/raw/branch/master/screenshots/admin_settings.png</screenshot>
+    <screenshot><![CDATA[https://gitnet.fr/deblan/side_menu/raw/branch/master/screenshots/admin_settings.png]]></screenshot>
-    <screenshot>https://gitnet.fr/deblan/side_menu/raw/branch/master/screenshots/n19_big_menu.png</screenshot>
+    <screenshot><![CDATA[https://gitnet.fr/deblan/side_menu/raw/branch/master/screenshots/n19_big_menu.png]]></screenshot>
-    <screenshot>https://gitnet.fr/deblan/side_menu/raw/branch/master/screenshots/nc18_menu_always_displayed.png</screenshot>
+    <screenshot><![CDATA[https://gitnet.fr/deblan/side_menu/raw/branch/master/screenshots/nc18_menu_always_displayed.png]]></screenshot>
-    <screenshot>https://gitnet.fr/deblan/side_menu/raw/branch/master/screenshots/nc20_big_menu_responsive.png</screenshot>
+    <screenshot><![CDATA[https://gitnet.fr/deblan/side_menu/raw/branch/master/screenshots/nc20_big_menu_responsive.png]]></screenshot>
-    <screenshot>https://gitnet.fr/deblan/side_menu/raw/branch/master/screenshots/personal_settings.png</screenshot>
+    <screenshot><![CDATA[https://gitnet.fr/deblan/side_menu/raw/branch/master/screenshots/personal_settings.png]]></screenshot>
+    <screenshot><![CDATA[https://gitnet.fr/deblan/side_menu/raw/branch/master/screenshots/nc25_big_menu.png]]></screenshot>
+    <screenshot><![CDATA[https://gitnet.fr/deblan/side_menu/raw/branch/master/screenshots/nc25_default_menu.png]]></screenshot>
     <dependencies>
-        <nextcloud min-version="19" max-version="23"/>
+        <php min-version="8.1" max-version="8.4" />
-        <php min-version="7.3"/>
+        <nextcloud min-version="31" max-version="33"/>
     </dependencies>
     <settings>
         <admin>OCA\SideMenu\Settings\Admin</admin>

bin/generate_l10n.php

@@ -31,6 +31,7 @@ function generateJsonContent($translations)
 chdir(__DIR__.'/../');
 
 foreach (glob('src/l10n/fixtures/*.yaml') as $file) {
+    echo "$file\n";
     $lang = str_replace('.yaml', '', basename($file));
     $translations = yaml_parse(file_get_contents($file));
 

bin/import_config.php

@@ -1,21 +1,75 @@
 <?php
-/**
- * Imports a json configuration into a sqlite database.
- *
- * Usage:
- *   php bin/import_config.php /path/to/config.json /path/to/owncloud.db
- */
 
-$configFile = $argv[1];
+function showUsageAndExit(int $code)
-$databaseFile = $argv[2];
+{
+    global $argv;
 
-$content = file_get_contents($configFile);
+    echo "${argv[0]} [--help] --config /path/to/config/config.php --file /path/to/config.json\n";
-$config = json_decode($content, true);
 
-$pdo = new \Pdo(sprintf('sqlite:%s', $databaseFile));
+    exit($code);
-$stmt = $pdo->prepare('UPDATE oc_appconfig SET configvalue=:value WHERE configkey=:key and appid=:appId');
+}
 
-foreach ($config as $key => $value) {
+function value(string $shortName, string $longName, array $options, bool $required = true): ?string
+{
+    $value = $options[$shortName] ?? $options[$longName] ?? null;
+
+    if (is_array($value)) {
+        echo "To much --{$longName}\n";
+        showUsageAndExit(1);
+    }
+
+    if (empty($value) && $required) {
+        echo "--{$longName} is missing\n";
+        showUsageAndExit(1);
+    }
+
+    return $value;
+}
+
+$options = getopt('t:f:c:h', [
+    'type:',
+    'file:',
+    'config:',
+    'help',
+]);
+
+$help = value('h', 'help', $options, false);
+$config = value('c', 'config', $options);
+$file = value('f', 'file', $options);
+
+if (!is_readable($config) && !is_file($config)) {
+    echo "No such file: {$config}\n";
+
+    exit(1);
+}
+
+if (!is_readable($file) && !is_file($file)) {
+    echo "No such file: {$file}\n";
+
+    exit(1);
+}
+
+$appConfig = json_decode(file_get_contents($file), true);
+
+require $config;
+
+if ('mysql' === $CONFIG['dbtype']) {
+    $pdo = new \PDO(
+        'mysql:host='.$CONFIG['dbhost'].';dbname='.$CONFIG['dbname'],
+        $CONFIG['dbuser'],
+        $CONFIG['dbpassword']
+    );
+} elseif ($CONFIG['dbtype']) {
+    $pdo = new \PDO(sprintf('sqlite:%s', $CONFIG['datadirectory'].'/owncloud.db'));
+} else {
+    echo "dbtype is not valid\n";
+
+    exit(1);
+}
+
+$stmt = $pdo->prepare('UPDATE '.$CONFIG['dbtableprefix'].'appconfig SET configvalue=:value WHERE configkey=:key and appid=:appId');
+
+foreach ($appConfig as $key => $value) {
     $stmt->execute([
         'appId' => 'side_menu',
         'key' => $key,

css/admin.css

@@ -1,131 +0,0 @@
-/**
- * @license GNU AGPL version 3 or any later version
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as
- * published by the Free Software Foundation, either version 3 of the
- * License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see <http://www.gnu.org/licenses/>.
- */
-
-#side-menu-section input[type="color"] {
-    width: 100px;
-    margin: 10px 0 10px 0;
-}
-
-#-dropside-menu-section input[type="checkbox"] {
-    vertical-align: middle;
-}
-
-#side-menu-section input[type="range"] {
-    vertical-align: middle;
-}
-
-#side-menu-section select {
-    margin: 10px 0 10px 0;
-}
-
-.keyboard-key {
-    padding: 1px 9px;
-    margin: 0 2px;
-    background: #eee;
-    border: 1px solid #aaa;
-    color: #555;
-    border-radius: 3px;
-}
-
-.side-menu-display {
-    padding: 10px;
-    border: 2px solid transparent;
-    max-width: 100%;
-    cursor: pointer;
-}
-
-.side-menu-display.is-active {
-    border: 2px solid #91cb7f;
-}
-
-.info {
-    margin-top: 8px;
-    padding: 5px;
-    background: #91cb7f;
-    color: #fff;
-    border-radius: var(--border-radius);
-}
-
-#side-menu-section h2 small {
-    font-size: 11px;
-    font-weight: normal;
-}
-
-.side-menu-toggler {
-    cursor: pointer;
-}
-
-.side-menu-setting-list {
-    margin: 10px 4px 4px 0px;
-}
-
-.side-menu-setting-list-item {
-    padding: 5px 10px;
-    border: 1px solid var(--color-border-dark);
-    max-width: 300px;
-    margin: -1px 0 0 0;
-    cursor: pointer;
-}
-
-.side-menu-setting-list-drop {
-    background: yellow;
-    border-color: yellow;
-    height: 34px;
-}
-
-.side-menu-setting.arrow {
-    color: #ccc;
-    padding-right: 5px;
-}
-
-.side-menu-setting-list-item input {
-    min-height: auto;
-    margin-top: -1px;
-}
-
-#apps-categories-custom-list select {
-    width: 100%;
-}
-
-
-.side-menu-setting-table {
-    display: table;
-    width: 100%;
-}
-
-.side-menu-setting-row {
-    display: table;
-}
-
-.side-menu-setting-label {
-    display: table-cell;
-    width: 400px;
-    padding-right: 20px;
-}
-
-.side-menu-setting-form {
-    display: table-cell;
-    min-width: 300px;
-}
-
-.side-menu-setting-label-short {
-    width: 300px;
-}
-
-.side-menu-setting-form-long {
-    width: 400px;
-}

css/sideMenu.css

@@ -1,325 +0,0 @@
-/**
- * @license GNU AGPL version 3 or any later version
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as
- * published by the Free Software Foundation, either version 3 of the
- * License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see <http://www.gnu.org/licenses/>.
- */
-
-#side-menu {
-    position: fixed;
-    top: 0;
-    left: 0;
-    height: 100vh;
-    width: 100%;
-    max-width: 250px;
-    background: linear-gradient(90deg, var(--side-menu-background-color, #333) 0%, var(--side-menu-background-color-to, #333) 100%);
-    z-index: 3000;
-    color: var(--side-menu-text-color, #fff);
-    box-shadow: rgba(0, 0, 0, 0.22) 0px 25.6px 57.6px 0px, rgba(0, 0, 0, 0.18) 0px 4.8px 14.4px 0px;
-    display: none;
-}
-
-#side-menu.open {
-    display: block;
-}
-
-#header .side-menu-opener {
-    margin-left: 0px;
-}
-
-.side-menu-settings {
-    margin-right: 9px;
-    margin-top: 2px;
-    float: right;
-    line-height: 34px;
-    height: 28px;
-    display: none;
-}
-
-.side-menu-settings a {
-    color: var(--side-menu-text-color, #fff);
-    display: block;
-    padding: 4px 7px;
-}
-
-.side-menu-settings:hover a, .side-menu-settings a:active, .side-menu-settings a:focus {
-    background: var(--side-menu-current-app-background-color, #444);
-}
-
-.side-menu-settings img {
-    vertical-align: bottom;
-    margin-left: 3px;
-}
-
-#side-menu.open .side-menu-settings {
-    display: block;
-}
-
-.side-menu-opener {
-    background: var(--side-menu-opener, url('../img/side-menu-opener.svg'));
-    background-color: transparent !important;
-    height: 40px !important;
-    width: 40px !important;
-    border-radius: 0 !important;
-    border: 0 !important;
-    padding-right: 12px !important;
-    padding-left: 12px !important;
-    margin-left: 5px !important;
-    margin-left: 3px !important;
-}
-
-.side-menu-opener:active {
-    background-color: var(--color-background-dark) !important;
-}
-
-.side-menu-closer {
-    background: url('../img/side-menu-opener-closer.svg');
-    display: none;
-}
-
-#side-menu.hide-opener .side-menu-opener, .side-menu-opener.hide, #side-menu.hide {
-    display: none !important;
-}
-
-.side-menu-apps-list {
-    height: calc(100vh - 150px);
-    z-index: 2200;
-    position: fixed;
-    top: 150px;
-    width: 100%;
-    max-width: 250px;
-    overflow: auto;
-}
-
-.side-menu-app-icon {
-    width: 20px;
-    vertical-align: top;
-    margin-right: 10px;
-    filter: invert(var(--side-menu-icon-invert-filter, 0%));
-    opacity: var(--side-menu-icon-opacity, 1);
-}
-
-.side-menu-app-icon svg {
-    vertical-align: middle;
-    margin-top: -3px;
-}
-
-.side-menu-app-icon .app-icon-notification {
-    display: none;
-}
-
-.side-menu-app a {
-    line-height: 30px;
-    color: var(--side-menu-text-color, #fff);
-    display: block;
-    padding: 7px 0 5px 15px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-.side-menu-app a:hover, .side-menu-app.active, .side-menu-app a:focus {
-    background: var(--side-menu-current-app-background-color, #444);
-}
-
-.side-menu-logo {
-    text-align: center;
-}
-
-.side-menu-logo img {
-    max-width: 60%;
-    max-height: 100px;
-}
-
-.side-menu-header {
-    height: 150px;
-    width: 100%;
-    z-index: 2300;
-    max-width: 250px;
-    position: fixed;
-    padding-top: 2px;
-    top: 0;
-}
-
-#side-menu.hide-opener .side-menu-logo {
-    margin-top: 20px;
-}
-
-#side-menu-loader {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    z-index: 3001;
-}
-
-#side-menu-loader-bar {
-    height: 4px;
-    background: var(--side-menu-loader-color, #0e75ac);
-    width: 0;
-    transition-property: width;
-}
-
-#side-menu.side-menu-big, #side-menu.side-menu-with-categories {
-    max-width: 100%;
-    height: auto;
-}
-
-.side-menu-big .side-menu-header, .side-menu-with-categories .side-menu-header {
-    height: auto;
-}
-
-.side-menu-big .side-menu-apps-list, .side-menu-with-categories .side-menu-apps-list {
-    height: auto;
-    position: static;
-    max-width: 100vw;
-    overflow: auto;
-}
-
-.side-menu-big .side-menu-app a, .side-menu-with-categories .side-menu-app a {
-    padding: 7px 0 7px 7px;
-}
-
-.side-menu-categories-wrapper {
-    padding-bottom: 70px;
-}
-
-.side-menu-categories {
-    max-height: calc(100vh - 50px);
-    overflow: auto;
-    position: relative;
-    top: 50px;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
-    padding: 0 10% 0 10%;
-}
-
-.side-menu-category {
-    padding: 10px 20px;
-    flex: 1 1 auto;
-}
-
-.side-menu-category-title {
-    padding-left: 10px;
-    color: var(--side-menu-text-color, #fff);
-}
-
-.side-menu-loader {
-    text-align: center;
-}
-
-.side-menu-loader svg {
-    width: 38px;
-    margin: auto;
-    stroke: var(--side-menu-text-color, #fff);
-}
-
-.side-menu-with-categories .side-menu-app-icon, .side-menu-big .side-menu-app-icon {
-    vertical-align: middle;
-    margin-top: -2px;
-}
-
-.side-menu-always-displayed #header,
-.side-menu-always-displayed body {
-    width: calc(100% - 50px) !important;
-}
-
-.side-menu-always-displayed body {
-    position: absolute;
-    left: 50px;
-}
-
-.side-menu-always-displayed #side-menu {
-    display: block;
-}
-
-.side-menu-always-displayed .side-menu-apps-list {
-    height: calc(100vh - 49px);
-    top: 49px;
-}
-
-.side-menu-always-displayed #side-menu,
-.side-menu-always-displayed .side-menu-header,
-.side-menu-always-displayed .side-menu-apps-list {
-    width: 50px;
-}
-
-.side-menu-always-displayed #side-menu .side-menu-app-text,
-.side-menu-always-displayed #header .side-menu-opener,
-.side-menu-always-displayed .side-menu-logo {
-    display: none;
-}
-
-.side-menu-always-displayed #side-menu .side-menu-header {
-    height: 49px;
-}
-
-.side-menu-always-displayed #side-menu.open,
-.side-menu-always-displayed #side-menu.open .side-menu-apps-list,
-.side-menu-always-displayed #side-menu.open .side-menu-header {
-    width: 100%;
-}
-
-.side-menu-always-displayed #side-menu.open .side-menu-app-text {
-    display: inline;
-}
-
-.side-menu-always-displayed .app-navigation--close {
-    transform: translateX(calc(-100% + 50px)) !important;
-}
-
-#side-menu.side-menu-with-categories {
-    max-width: 290px;
-    height: 100vh;
-}
-
-.side-menu-with-categories .side-menu-categories {
-    display: block;
-    padding: 0;
-}
-
-.side-menu-with-categories .side-menu-category {
-    padding: 10px 0;
-}
-
-@media screen and (max-width: 1024px) {
-    #side-menu.side-menu-big {
-        max-width: 290px;
-    }
-
-    .side-menu-categories {
-        display: block;
-        padding: 0;
-    }
-
-    .side-menu-category {
-        padding: 10px 0;
-    }
-
-    #side-menu.side-menu-big {
-        height: 100vh;
-    }
-}
-
-@media screen and (min-width: 1024px) {
-    .side-menu-closer {
-        display: block;
-        float: right;
-        margin-right: 9px;
-    }
-
-    .side-menu-big .side-menu-header {
-        max-width: 100%;
-    }
-}

lib/AppInfo/Application.php

@@ -2,14 +2,25 @@
 
 namespace OCA\SideMenu\AppInfo;
 
-use OC;
+use OC\AllConfig;
+use OC\App\AppStore\Fetcher\CategoryFetcher;
+use OC\AppFramework\Http\Request;
 use OC\Security\CSP\ContentSecurityPolicyNonceManager;
 use OC\User\User;
 use OCA\SideMenu\Service\AppRepository;
 use OCA\SideMenu\Service\CategoryRepository;
+use OCA\SideMenu\Service\Color;
 use OCA\SideMenu\Service\ConfigProxy;
+use OCA\Theming\ThemingDefaults;
 use OCP\AppFramework\App;
+use OCP\AppFramework\Bootstrap\IBootContext;
+use OCP\AppFramework\Bootstrap\IBootstrap;
+use OCP\AppFramework\Bootstrap\IRegistrationContext;
+use OCP\EventDispatcher\IEventDispatcher;
+use OCP\IConfig;
+use OCP\INavigationManager;
 use OCP\IUserSession;
+use OCP\L10N\IFactory;
 use OCP\Util;
 use Psr\Container\ContainerInterface;
 
@@ -18,43 +29,78 @@ use Psr\Container\ContainerInterface;
  *
  * @author Simon Vieille <simon@deblan.fr>
  */
-class Application extends App
+class Application extends App implements IBootstrap
 {
     public const APP_ID = 'side_menu';
-
     public const APP_NAME = 'Custom menu';
-    /**
-     * @var OC\AllConfig
-     */
-    protected $config;
 
-    /**
+    protected AllConfig $config;
-     * @var ContentSecurityPolicyNonceManager
+    protected ContentSecurityPolicyNonceManager $cspnm;
-     */
+    protected Request $request;
-    protected $cspnm;
+    protected ?User $user = null;
 
-    /**
-     * @var User
-     */
-    protected $user;
-
-    /**
-     * {@inheritdoc}
-     */
     public function __construct(array $urlParams = [])
     {
         parent::__construct(self::APP_ID, $urlParams);
-
-        $this->config = OC::$server->getConfig();
-        $this->cspnm = OC::$server->getContentSecurityPolicyNonceManager();
-        $this->user = OC::$server[IUserSession::class]->getUser();
     }
 
-    /**
+    public function register(IRegistrationContext $context): void
-     * Checks if this app is enabled.
-     */
-    public function isEnabled(): bool
     {
+        $context->registerService(CategoryRepository::class, function (ContainerInterface $c) {
+            return new CategoryRepository(
+                $c->get(CategoryFetcher::class),
+                $c->get(ConfigProxy::class),
+                $c->get(IConfig::class),
+                $c->get(IFactory::class),
+                $c->get(IUserSession::class)
+            );
+        });
+
+        $context->registerService(AppRepository::class, function (ContainerInterface $c) {
+            return new AppRepository(
+                $c->get(\OC_App::class),
+                $c->get(INavigationManager::class),
+                $c->get(IFactory::class),
+                $c->get(ConfigProxy::class),
+                $c->get(CategoryRepository::class),
+                $c->get(IEventDispatcher::class),
+                $c->get(IUserSession::class)
+            );
+        });
+
+        $context->registerService(ConfigProxy::class, function (ContainerInterface $c) {
+            return new ConfigProxy(
+                $c->get(IConfig::class),
+            );
+        });
+
+        $context->registerService(Color::class, function (ContainerInterface $c) {
+            return new Color(
+                $c->get(ThemingDefaults::class),
+            );
+        });
+    }
+
+    public function boot(IBootContext $context): void
+    {
+        $this->config = \OC::$server->getConfig();
+        $this->cspnm = \OC::$server->getContentSecurityPolicyNonceManager();
+        $this->user = \OC::$server[IUserSession::class]->getUser();
+        $this->request = \OC::$server->getRequest();
+
+        if (!$this->isEnabled()) {
+            return;
+        }
+
+        $this->addAssets();
+    }
+
+    protected function isEnabled(): bool
+    {
+        if (isset($this->request->server['HTTP_USER_AGENT']) && preg_match('/MemoriesNative/', $this->request->server['HTTP_USER_AGENT'])) {
+            return false;
+        }
+
         $enabled = true;
         $isForced = (bool) $this->config->getAppValue(self::APP_ID, 'force', '0');
 
@@ -74,64 +120,32 @@ class Application extends App
         return $enabled;
     }
 
-    /**
+    protected function addAssets()
-     * Registes services.
-     */
-    public function registerServices()
     {
-        $container = $this->getContainer();
+        Util::addScript(self::APP_ID, 'side_menu-menu');
 
-        $container->registerService('AppRepository', function (ContainerInterface $c) {
+        $assets = [
-            return new AppRepository();
+            'stylesheet' => [
-        });
+                'route' => 'side_menu.Css.stylesheet',
-
+                'type' => 'link',
-        $container->registerService('CategoryRepository', function (ContainerInterface $c) {
+                'route_attr' => 'href',
-            return new CategoryRepository();
+                'attr' => [
-        });
+                    'rel' => 'stylesheet',
-
+                ],
-        $container->registerService('ConfigProxy', function (ContainerInterface $c) {
-            return new ConfigProxy();
-        });
-    }
-
-    /**
-     * Registers assets.
-     */
-    public function registerAssets()
-    {
-        Util::addScript(self::APP_ID, 'sideMenu');
-        Util::addStyle(self::APP_ID, 'sideMenu');
-
-        $stylesheet = OC::$server->getURLGenerator()->linkToRoute(
-            'side_menu.Css.stylesheet',
-            [
-                'v' => $this->config->getAppValue(self::APP_ID, 'cache', '0'),
-            ]
-        );
-
-        $script = OC::$server->getURLGenerator()->linkToRoute(
-            'side_menu.Js.script',
-            [
-                'v' => $this->config->getAppValue(self::APP_ID, 'cache', '0'),
-            ]
-        );
-
-        Util::addHeader(
-            'link',
-            [
-                'href' => $stylesheet,
-                'rel' => 'stylesheet',
             ],
-            ''
+        ];
-        );
 
-        Util::addHeader(
+        $cache = $this->config->getAppValue(self::APP_ID, 'cache', '0');
-            'script',
+
-            [
+        foreach ($assets as $value) {
-                'src' => $script,
+            $route = \OC::$server->getURLGenerator()->linkToRoute(
-                'nonce' => $this->cspnm->getNonce(),
+                $value['route'],
-            ],
+                ['v' => $cache]
-            ''
+            );
-        );
+
+            $value['attr'][$value['route_attr']] = $route;
+
+            Util::addHeader($value['type'], $value['attr'], '');
+        }
     }
 }

lib/Controller/AdminSettingController.php

@@ -1,4 +1,5 @@
 <?php
+
 /**
  * @license GNU AGPL version 3 or any later version
  *
@@ -19,40 +20,36 @@
 namespace OCA\SideMenu\Controller;
 
 use OCA\SideMenu\AppInfo\Application;
+use OCA\SideMenu\Service\Color;
+use OCA\SideMenu\Service\ConfigProxy;
+use OCA\SideMenu\Service\LangRepository;
 use OCP\AppFramework\Controller;
+use OCP\AppFramework\Http\Attribute\FrontpageRoute;
+use OCP\AppFramework\Http\Attribute\NoCSRFRequired;
 use OCP\AppFramework\Http\DataDownloadResponse;
+use OCP\AppFramework\Http\JSONResponse;
 use OCP\AppFramework\Http\RedirectResponse;
-use OCP\AppFramework\Http\Response;
 use OCP\IConfig;
 use OCP\IRequest;
 use OCP\IURLGenerator;
 
 class AdminSettingController extends Controller
 {
-    /**
+    public function __construct(
-     * @var IConfig
+        $appName,
-     */
+        IRequest $request,
-    protected $config;
+        protected IConfig $config,
-
+        protected ConfigProxy $configProxy,
-    /**
+        protected IURLGenerator $urlGenerator,
-     * @var IURLGenerator
+        protected Color $color,
-     */
+        protected LangRepository $langRepository,
-    protected $urlGenerator;
+    ) {
-
-    public function __construct($appName, IRequest $request, IConfig $config, IURLGenerator $urlGenerator)
-    {
         parent::__construct($appName, $request);
-
-        $this->config = $config;
-        $this->urlGenerator = $urlGenerator;
     }
 
-    /**
+    #[NoCSRFRequired]
-     * @NoCSRFRequired
+    #[FrontpageRoute(verb: 'GET', url: '/admin/cache/remove')]
-     *
+    public function removeCache(): RedirectResponse
-     * @return RedirectResponse
-     */
-    public function removeCache()
     {
         $this->config->setAppValue(Application::APP_ID, 'cache-categories', '[]');
 
@@ -61,18 +58,16 @@ class AdminSettingController extends Controller
         ]).'#more');
     }
 
-    /**
+    #[NoCSRFRequired]
-     * @NoCSRFRequired
+    #[FrontpageRoute(verb: 'GET', url: '/admin/config/export')]
-     *
+    public function exportConfiguration(): DataDownloadResponse
-     * @return Response
-     */
-    public function exportConfiguration()
     {
         $keys = $this->config->getAppKeys(Application::APP_ID);
-        $config = [];
+        $appConfig = [];
         $excludedKeys = [
             'cache',
             'cache-categories',
+            'langs',
         ];
 
         foreach ($keys as $key) {
@@ -80,13 +75,144 @@ class AdminSettingController extends Controller
                 continue;
             }
 
-            $config[$key] = $this->config->getAppValue(Application::APP_ID, $key);
+            $appConfig[$key] = $this->config->getAppValue(Application::APP_ID, $key);
         }
 
         return new DataDownloadResponse(
-            json_encode($config, JSON_PRETTY_PRINT),
+            json_encode($appConfig, JSON_PRETTY_PRINT),
             'config.json',
             'text/json'
         );
     }
+
+    #[NoCSRFRequired]
+    #[FrontpageRoute(verb: 'GET', url: '/admin/config')]
+    public function configuration(): JSONResponse
+    {
+        $keys = $this->config->getAppKeys(Application::APP_ID);
+        $booleans = [
+            'opener-only',
+            'opener-hover',
+            'display-logo',
+            'use-avatar',
+            'add-logo-link',
+            'show-settings',
+            'loader-enabled',
+            'always-displayed',
+            'enabled',
+            'force',
+            'big-menu',
+            'external-sites-in-top-menu',
+            'force-light-icon',
+            'side-with-categories',
+            'default-enabled',
+        ];
+
+        $arrays = [
+            'apps-categories-custom',
+            'big-menu-hidden-apps',
+            'apps-order',
+            'categories-custom',
+            'categories-order',
+            'target-blank-apps',
+            'top-menu-apps',
+            'top-side-menu-apps',
+        ];
+
+        $integers = [
+            'background-color-opacity',
+            'dark-mode-background-color-opacity',
+            'dark-mode-icon-invert-filter',
+            'dark-mode-icon-opacity',
+            'icon-invert-filter',
+            'icon-opacity',
+            'target-blank-mode',
+            'top-menu-mouse-over-hidden-label',
+        ];
+
+        $defaults = [
+            'opener-only' => '0',
+            'opener-hover' => '0',
+            'display-logo' => '1',
+            'use-avatar' => '0',
+            'add-logo-link' => '1',
+            'show-settings' => '0',
+            'loader-enabled' => '1',
+            'always-displayed' => '0',
+            'enabled' => '1',
+            'force' => '0',
+            'big-menu' => '0',
+            'external-sites-in-top-menu' => '0',
+            'force-light-icon' => '0',
+            'side-with-categories' => '0',
+            'cache' => '1',
+            'default-enabled' => '1',
+
+            'apps-categories-custom' => '[]',
+            'big-menu-hidden-apps' => '[]',
+            'apps-order' => '[]',
+            'categories-custom' => '[]',
+            'categories-order' => '[]',
+            'target-blank-apps' => '[]',
+            'top-menu-apps' => '[]',
+            'top-side-menu-apps' => '[]',
+            'cache-categories' => '[]',
+
+            'background-color-opacity' => '100',
+            'dark-mode-background-color-opacity' => '100',
+            'dark-mode-icon-invert-filter' => '0',
+            'dark-mode-icon-opacity' => '100',
+            'icon-invert-filter' => '0',
+            'icon-opacity' => '100',
+            'top-menu-mouse-over-hidden-label' => '0',
+
+            'opener' => 'side-menu-opener',
+            'dark-mode-opener' => 'side-menu-opener',
+            'size-icon' => 'normal',
+            'size-text' => 'normal',
+            'opener-position' => 'before',
+
+            'background-color' => $this->color->getPrimaryColor(),
+            'background-color-to' => $this->color->getLightenPrimaryColor(),
+            'current-app-background-color' => $this->color->getDarkenPrimaryColor(),
+            'text-color' => $this->color->getTextColorPrimary(),
+            'loader-color' => $this->color->getLightenPrimaryColor(),
+
+            'dark-mode-background-color' => $this->color->getDarkenPrimaryColor(),
+            'dark-mode-background-color-to' => $this->color->getDarkenPrimaryColor(),
+            'dark-mode-current-app-background-color' => $this->color->getDarkenPrimaryColor2(),
+            'dark-mode-text-color' => $this->color->getTextColorPrimary(),
+            'dark-mode-loader-color' => $this->color->getLightenPrimaryColor(),
+
+            'categories-order-type' => 'default',
+        ];
+
+        $config = [];
+
+        foreach ($keys as $key) {
+            if (!isset($defaults[$key])) {
+                continue;
+            }
+
+            if (in_array($key, $booleans)) {
+                $config[$key] = $this->configProxy->getAppValueBool($key, $defaults[$key]);
+            } elseif (in_array($key, $arrays)) {
+                $config[$key] = $this->configProxy->getAppValueArray($key, $defaults[$key]);
+            } elseif (in_array($key, $integers)) {
+                $config[$key] = $this->configProxy->getAppValueInt($key, $defaults[$key]);
+            } else {
+                $config[$key] = $this->configProxy->getAppValue($key, $defaults[$key]);
+            }
+        }
+
+        foreach ($defaults as $key => $default) {
+            if (!array_key_exists($key, $config)) {
+                $config[$key] = $default;
+            }
+        }
+
+        $config['langs'] = $this->langRepository->getUsedLangs();
+
+        return new JSONResponse($config);
+    }
 }

lib/Controller/AppController.php

@@ -0,0 +1,98 @@
+<?php
+
+/**
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+namespace OCA\SideMenu\Controller;
+
+use OCA\SideMenu\Service\AppRepository;
+use OCA\SideMenu\Service\ConfigProxy;
+use OCP\AppFramework\Controller;
+use OCP\AppFramework\Http\Attribute\FrontpageRoute;
+use OCP\AppFramework\Http\Attribute\NoAdminRequired;
+use OCP\AppFramework\Http\Attribute\NoCSRFRequired;
+use OCP\AppFramework\Http\RedirectResponse;
+use OCP\IRequest;
+use OCP\IURLGenerator;
+use OCP\IUserSession;
+
+class AppController extends Controller
+{
+    public function __construct(
+        string $appName,
+        IRequest $request,
+        protected AppRepository $appRepository,
+        protected IURLGenerator $urlGenerator,
+        protected ConfigProxy $config,
+    ) {
+        parent::__construct($appName, $request);
+    }
+
+    #[NoCSRFRequired]
+    #[NoAdminRequired]
+    #[FrontpageRoute(verb: 'GET', url: '/')]
+    public function index(): RedirectResponse
+    {
+        $user = \OC::$server[IUserSession::class]->getUser();
+        $topMenuApps = $this->config->getAppValueArray('top-menu-apps', '[]');
+        $hiddenApps = $this->config->getAppValueArray('big-menu-hidden-apps', '[]');
+        $isForced = $this->config->getAppValueBool('force', '0');
+        $userTopMenuApps = $this->config->getUserValueArray($user, 'top-menu-apps', '[]');
+        $apps = $this->appRepository->getOrderedApps($user);
+
+        if (!$isForced && !empty($userTopMenuApps)) {
+            $topMenuApps = $userTopMenuApps;
+        }
+
+        foreach ($apps as $app) {
+            $inTopMenuApps = in_array($app['id'], $topMenuApps);
+            $inHiddenApps = in_array($app['id'], $hiddenApps);
+
+            if (!$inTopMenuApps && $inHiddenApps) {
+                continue;
+            }
+
+            return $this->redirectToApp($app, true);
+        }
+
+        return $this->redirectToApp('files');
+    }
+
+    protected function redirectToApp($app, bool $isHref = false): RedirectResponse
+    {
+        if (!$isHref) {
+            $isIgnoreFrontController = true === \OC::$server->getConfig()->getSystemValue(
+                'htaccess.IgnoreFrontController',
+                false
+            );
+
+            $isFrontControllerActive = 'true' === getenv('front_controller_active');
+
+            if ($isIgnoreFrontController || $isFrontControllerActive) {
+                $path = '/apps/%s/';
+            } else {
+                $path = '/index.php/apps/%s/';
+            }
+
+            $url = $this->urlGenerator->getAbsoluteURL(sprintf($path, $app));
+        } else {
+            $url = $app['href'];
+        }
+
+        return new RedirectResponse($url);
+    }
+}

lib/Controller/CoreController.php

@@ -0,0 +1,74 @@
+<?php
+
+/**
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+namespace OCA\SideMenu\Controller;
+
+use OCA\SideMenu\Service\AppRepository;
+use OCA\SideMenu\Service\ConfigProxy;
+use OCP\AppFramework\Controller;
+use OCP\AppFramework\Http\Attribute\FrontpageRoute;
+use OCP\AppFramework\Http\Attribute\NoAdminRequired;
+use OCP\AppFramework\Http\Attribute\NoCSRFRequired;
+use OCP\AppFramework\Http\Attribute\PublicPage;
+use OCP\AppFramework\Http\JSONResponse;
+use OCP\IRequest;
+use OCP\IUserSession;
+
+class CoreController extends Controller
+{
+    public function __construct(
+        string $appName,
+        IRequest $request,
+        protected ConfigProxy $config,
+        protected AppRepository $appRepository,
+    ) {
+        parent::__construct($appName, $request);
+    }
+
+    #[NoCSRFRequired]
+    #[NoAdminRequired]
+    #[PublicPage]
+    #[FrontpageRoute(verb: 'GET', url: '/core/apps')]
+    public function items(): JSONResponse
+    {
+        $user = \OC::$server[IUserSession::class]->getUser();
+        $items = [];
+
+        if (!$user) {
+            return new JSONResponse([
+                'items' => $items,
+            ]);
+        }
+
+        $apps = $this->appRepository->getOrderedApps($user);
+        $keys = ['id', 'name', 'category', 'href', 'icon'];
+
+        foreach ($apps as &$app) {
+            foreach ($app as $key => $value) {
+                if (!in_array($key, $keys)) {
+                    unset($app[$key]);
+                }
+            }
+        }
+
+        return new JSONResponse([
+            'items' => $apps,
+        ]);
+    }
+}

lib/Controller/CssController.php

@@ -1,4 +1,5 @@
 <?php
+
 /**
  * @license GNU AGPL version 3 or any later version
  *
@@ -18,64 +19,40 @@
 
 namespace OCA\SideMenu\Controller;
 
-use OC;
 use OC\User\User;
 use OCA\SideMenu\AppInfo\Application;
+use OCA\SideMenu\Service\Color;
 use OCA\SideMenu\Service\ConfigProxy;
+use OCA\Theming\ThemingDefaults;
 use OCP\AppFramework\Controller;
-use OCP\AppFramework\Http\Response;
+use OCP\AppFramework\Http\Attribute\FrontpageRoute;
+use OCP\AppFramework\Http\Attribute\NoCSRFRequired;
+use OCP\AppFramework\Http\Attribute\PublicPage;
 use OCP\AppFramework\Http\TemplateResponse;
 use OCP\IRequest;
 use OCP\IUserSession;
-use OCA\Theming\ThemingDefaults;
-use OCA\SideMenu\Service\Color;
 
 class CssController extends Controller
 {
-    /**
+    protected ?User $user;
-     * @var ConfigProxy
-     */
-    protected $config;
-
-    /**
-     * @var User
-     */
-    protected $user;
-
-    /**
-     * @var ThemingDefaults
-     */
-    protected $theming;
-
-    /**
-     * @var Color
-     */
-    protected $color;
 
     public function __construct(
         string $appName,
         IRequest $request,
-        ConfigProxy $config,
+        protected ConfigProxy $config,
-        ThemingDefaults $theming,
+        protected ThemingDefaults $theming,
-        Color $color
+        protected Color $color,
-    )
+    ) {
-    {
         parent::__construct($appName, $request);
 
-        $this->user = OC::$server[IUserSession::class]->getUser();
+        $this->user = \OC::$server[IUserSession::class]->getUser();
-        $this->config = $config;
-        $this->theming = $theming;
-        $this->color = $color;
     }
 
-    /**
+    #[NoCSRFRequired]
-     * @NoAdminRequired
+    #[NoAdminRequired]
-     * @NoCSRFRequired
+    #[PublicPage]
-     * @PublicPage
+    #[FrontpageRoute(verb: 'GET', url: '/css/stylesheet')]
-     *
+    public function stylesheet(): TemplateResponse
-     * @return Response
-     */
-    public function stylesheet()
     {
         $response = new TemplateResponse(Application::APP_ID, 'css/stylesheet', $this->getConfig(), 'blank');
         $response->addHeader('Content-Type', 'text/css');
@@ -89,10 +66,6 @@ class CssController extends Controller
         $topMenuApps = $this->config->getAppValueArray('top-menu-apps', '[]');
         $topSideMenuApps = $this->config->getAppValueArray('top-side-menu-apps', '[]');
 
-        $isAccessibilityAppEnabled = $this->config->getAppValueBool('enabled', '0', 'accessibility');
-        $isBreezeDarkAppEnabled = $this->config->getAppValueBool('enabled', '0', 'breezedark');
-        $isBreezeDarkGlobalEnabled = $this->config->getAppValueBool('theme_enabled', '0', 'breezedark');
-
         if ($this->user) {
             $userTopMenuApps = $this->config->getUserValueArray($this->user, 'top-menu-apps', '[]');
             $userTopSideMenuApps = $this->config->getUserValueArray($this->user, 'top-side-menu-apps', '[]');
@@ -104,71 +77,62 @@ class CssController extends Controller
             if (!empty($userTopSideMenuApps) && !$isForced) {
                 $topSideMenuApps = $userTopSideMenuApps;
             }
-
-            $isDarkThemeUserEnabled = $this->config->getUserValue($this->user, 'theme', '', 'accessibility') === 'dark';
-            $isBreezeDarkUserEnabled = $this->config->getUserValue($this->user, 'theme_enabled', '', 'breezedark');
-
-            $isBreezeDarkUserEnabled = $isBreezeDarkUserEnabled === '1' || ($isBreezeDarkGlobalEnabled && $isBreezeDarkUserEnabled === '');
-        } else {
-            $isDarkThemeUserEnabled = false;
-            $isBreezeDarkUserEnabled = false;
         }
 
-        $isDarkMode = ($isAccessibilityAppEnabled && $isDarkThemeUserEnabled) || ($isBreezeDarkAppEnabled && $isBreezeDarkUserEnabled);
+        $lightenPrimaryColor = $this->color->getLightenPrimaryColor();
+        $darkenPrimaryColor = $this->color->getDarkenPrimaryColor();
+        $darkenPrimaryColor2 = $this->color->getDarkenPrimaryColor2();
+        $textColor = $this->color->getTextColorPrimary();
 
-        $primaryColor = $this->theming->getColorPrimary();
+        $backgroundColor = $this->config->getAppValue('background-color', $darkenPrimaryColor);
-        $lightenPrimaryColor = $this->color->adjustBrightness($primaryColor, 0.2);
+        $backgroundColorTo = $this->config->getAppValue('background-color-to', $darkenPrimaryColor);
-        $darkenPrimaryColor = $this->color->adjustBrightness($primaryColor, -0.2);
+        $opacity = $this->config->getAppValueInt('background-color-opacity', '100');
-        $darkenPrimaryColor2 = $this->color->adjustBrightness($primaryColor, -0.3);
+        $backgroundOpacity = dechex($opacity * 255 / 100);
-        $textColor = $this->theming->getTextColorPrimary();
-
-        if ($isDarkMode) {
-            $backgroundColor = $this->config->getAppValue('dark-mode-background-color', $darkenPrimaryColor);
-            $backgroundColorTo = $this->config->getAppValue('dark-mode-background-color-to', $darkenPrimaryColor);
-            $currentAppBackgroundColor = $this->config->getAppValue('dark-mode-current-app-background-color', $darkenPrimaryColor2);
-            $loaderColor = $this->config->getAppValue('dark-mode-loader-color', $lightenPrimaryColor);
-            $textColor = $this->config->getAppValue('dark-mode-text-color', $textColor);
-            $iconInvertFilter = abs($this->config->getAppValueInt('dark-mode-icon-invert-filter', '0')).'%';
-            $iconOpacity = abs($this->config->getAppValueInt('dark-mode-icon-opacity', '100') / 100);
-            $opener = $this->config->getAppValue('dark-mode-opener', 'side-menu-opener');
-
-            $backgroundOpacity = dechex($this->config->getAppValueInt('dark-mode-background-color-opacity', '100') * 255 / 100);
-        } else {
-            $backgroundColor = $this->config->getAppValue('background-color', $darkenPrimaryColor);
-            $backgroundColorTo = $this->config->getAppValue('background-color-to', $darkenPrimaryColor);
-            $currentAppBackgroundColor = $this->config->getAppValue('current-app-background-color', $darkenPrimaryColor2);
-            $loaderColor = $this->config->getAppValue('loader-color', $lightenPrimaryColor);
-            $textColor = $this->config->getAppValue('text-color', $textColor);
-            $iconInvertFilter = abs($this->config->getAppValueInt('icon-invert-filter', '0')).'%';
-            $iconOpacity = abs($this->config->getAppValueInt('icon-opacity', '100') / 100);
-            $opener = $this->config->getAppValue('opener', 'side-menu-opener');
-
-            $backgroundOpacity = dechex($this->config->getAppValueInt('background-color-opacity', '100') * 255 / 100);
-        }
 
         $backgroundColor .= $backgroundOpacity;
         $backgroundColorTo .= $backgroundOpacity;
 
+        $darkBackgroundColor = $this->config->getAppValue('dark-mode-background-color', $darkenPrimaryColor);
+        $darkBackgroundColorTo = $this->config->getAppValue('dark-mode-background-color-to', $darkenPrimaryColor);
+        $darkOpacity = $this->config->getAppValueInt('dark-mode-background-color-opacity', '100');
+        $darkBackgroundOpacity = dechex($opacity * 255 / 100);
+
+        $darkBackgroundColor .= $darkBackgroundOpacity;
+        $darkBackgroundColorTo .= $darkBackgroundOpacity;
+
         return [
             'vars' => [
-                'background-color' => $backgroundColor,
+                'light' => [
-                'background-color-to' => $backgroundColorTo,
+                    'background-color' => $backgroundColor,
-                'current-app-background-color' => $currentAppBackgroundColor,
+                    'background-color-to' => $backgroundColorTo,
-                'loader-color' => $loaderColor,
+                    'current-app-background-color' => $this->config->getAppValue(
-                'text-color' => $textColor,
+                        'current-app-background-color',
-                'opener' => $opener,
+                        $darkenPrimaryColor2
-                'icon-invert-filter' => $iconInvertFilter,
+                    ),
-                'icon-opacity' => $iconOpacity,
+                    'loader-color' => $this->config->getAppValue('loader-color', $lightenPrimaryColor),
+                    'text-color' => $this->config->getAppValue('text-color', $textColor),
+                    'opener' => $this->config->getAppValue('opener', 'side-menu-opener'),
+                    'icon-invert-filter' => abs($this->config->getAppValueInt('icon-invert-filter', '0')).'%',
+                    'icon-opacity' => abs($this->config->getAppValueInt('icon-opacity', '100') / 100),
+                ],
+                'dark' => [
+                    'background-color' => $darkBackgroundColor,
+                    'background-color-to' => $darkBackgroundColorTo,
+                    'current-app-background-color' => $this->config->getAppValue(
+                        'dark-mode-current-app-background-color',
+                        $darkenPrimaryColor2
+                    ),
+                    'loader-color' => $this->config->getAppValue('dark-mode-loader-color', $lightenPrimaryColor),
+                    'text-color' => $this->config->getAppValue('dark-mode-text-color', $textColor),
+                    'opener' => $this->config->getAppValue('dark-mode-opener', 'side-menu-opener'),
+                    'icon-invert-filter' => abs($this->config->getAppValueInt('dark-mode-icon-invert-filter', '0')).'%',
+                    'icon-opacity' => abs($this->config->getAppValueInt('dark-mode-icon-opacity', '100') / 100),
+                ]
             ],
-            'display-logo' => $this->config->getAppValueBool('display-logo', '1'),
             'opener-only' => $this->config->getAppValueBool('opener-only', '0'),
-            'external-sites-in-top-menu' => $this->config->getAppValueBool('external-sites-in-top-menu', '0'),
             'size-icon' => $this->config->getAppValue('size-icon', 'normal'),
             'size-text' => $this->config->getAppValue('size-text', 'normal'),
             'always-displayed' => $this->config->getAppValueBool('always-displayed', '0'),
-            'big-menu' => $this->config->getAppValueBool('big-menu', '0'),
-            'top-menu-apps' => $topMenuApps,
-            'top-side-menu-apps' => $topSideMenuApps,
         ];
     }
 }

lib/Controller/JsController.php

@@ -1,4 +1,5 @@
 <?php
+
 /**
  * @license GNU AGPL version 3 or any later version
  *
@@ -18,74 +19,45 @@
 
 namespace OCA\SideMenu\Controller;
 
-use OC;
 use OC\User\User;
-use OCA\SideMenu\AppInfo\Application;
 use OCA\SideMenu\Service\ConfigProxy;
 use OCA\Theming\ThemingDefaults;
 use OCP\AppFramework\Controller;
+use OCP\AppFramework\Http\Attribute\FrontpageRoute;
+use OCP\AppFramework\Http\Attribute\NoAdminRequired;
+use OCP\AppFramework\Http\Attribute\NoCSRFRequired;
+use OCP\AppFramework\Http\Attribute\PublicPage;
 use OCP\AppFramework\Http\JSONResponse;
-use OCP\AppFramework\Http\TemplateResponse;
 use OCP\IRequest;
 use OCP\IUserSession;
 use OCP\L10N\IFactory;
+use OCP\IAvatarManager;
+use OCP\INavigationManager;
+use OCP\IURLGenerator;
 
 class JsController extends Controller
 {
-    /**
+    protected ?User $user;
-     * @var ConfigProxy
-     */
-    protected $config;
-
-    /**
-     * @var User
-     */
-    protected $user;
-
-    /**
-     * @var ThemingDefaults
-     */
-    protected $themingDefaults;
-
-    /**
-     * @var IFactory
-     */
-    protected $l10nFactory;
 
     public function __construct(
         string $appName,
         IRequest $request,
-        ConfigProxy $config,
+        protected ConfigProxy $config,
-        ThemingDefaults $themingDefaults,
+        protected ThemingDefaults $themingDefaults,
-        IFactory $l10nFactory
+        protected IFactory $l10nFactory,
+        protected IAvatarManager $avatarManager,
+        protected IUserSession $userSession,
+        protected INavigationManager $navigationManager,
+        protected IURLGenerator $urlGenerator,
     ) {
         parent::__construct($appName, $request);
-
+        $this->user = $this->userSession->getUser();
-        $this->themingDefaults = $themingDefaults;
-
-        $this->user = OC::$server[IUserSession::class]->getUser();
-        $this->config = $config;
-        $this->l10nFactory = $l10nFactory;
     }
 
-    /**
+    #[NoCSRFRequired]
-     * @NoAdminRequired
+    #[NoAdminRequired]
-     * @NoCSRFRequired
+    #[PublicPage]
-     * @PublicPage
+    #[FrontpageRoute(verb: 'GET', url: '/js/config')]
-     */
-    public function script(): TemplateResponse
-    {
-        $response = new TemplateResponse(Application::APP_ID, 'js/script', $this->getConfig(), 'blank');
-        $response->addHeader('Content-Type', 'text/javascript');
-
-        return $response;
-    }
-
-    /**
-     * @NoAdminRequired
-     * @NoCSRFRequired
-     * @PublicPage
-     */
     public function config(): JSONResponse
     {
         return new JSONResponse($this->getConfig());
@@ -99,10 +71,12 @@ class JsController extends Controller
         $useAvatar = $this->config->getAppValueBool('use-avatar', '0');
         $isForced = $this->config->getAppValueBool('force', '0');
         $addLogoLink = $this->config->getAppValueBool('add-logo-link', '1');
+        $appsOrder = $this->config->getAppValueArray('apps-order', '[]');
         $avatar = null;
         $settings = null;
 
         if ($this->user) {
+            $userAppsOrder = $this->config->getUserValueArray($this->user, 'apps-order', '[]');
             $userTopMenuApps = $this->config->getUserValueArray($this->user, 'top-menu-apps', '[]');
             $userTopSideMenuApps = $this->config->getUserValueArray($this->user, 'top-side-menu-apps', '[]');
 
@@ -114,6 +88,10 @@ class JsController extends Controller
                 $topSideMenuApps = $userTopSideMenuApps;
             }
 
+            if (!empty($userAppsOrder) && !$isForced) {
+                $appsOrder = $userAppsOrder;
+            }
+
             $userTargetBlankMode = $this->config->getUserValueInt($this->user, 'target-blank-mode', '1');
             $userTargetBlankApps = $this->config->getUserValueArray($this->user, 'target-blank-apps', '[]');
 
@@ -121,25 +99,25 @@ class JsController extends Controller
                 $targetBlankApps = $userTargetBlankApps;
             }
 
-            $isAvatarSet = OC::$server->getAvatarManager()->getAvatar($this->user->getUid())->exists();
+            $isAvatarSet = $this->avatarManager->getAvatar($this->user->getUID())->exists();
 
             if ($useAvatar && $isAvatarSet) {
-                $avatar = OC::$server->getURLGenerator()->linkToRoute('core.avatar.getAvatar', [
+                $avatar = $this->urlGenerator->linkToRoute('core.avatar.getAvatar', [
-                    'userId' => $this->user->getUid(),
+                    'userId' => $this->user->getUID(),
                     'size' => 128,
                     'v' => $this->config->getUserValueInt($this->user, 'avatar', 'version', 0),
                 ]);
             }
 
             if ($this->config->getAppValueBool('show-settings', '0')) {
-                $settingsNav = OC::$server->getNavigationManager()->getAll('settings');
+                $settingsNav = $this->navigationManager->getAll('settings');
 
                 if (isset($settingsNav['settings'])) {
                     $settings = [
                         'href' => $settingsNav['settings']['href'],
                         'name' => $settingsNav['settings']['name'],
-                        'avatar' => OC::$server->getURLGenerator()->linkToRoute('core.avatar.getAvatar', [
+                        'avatar' => $this->urlGenerator->linkToRoute('core.avatar.getAvatar', [
-                            'userId' => $this->user->getUid(),
+                            'userId' => $this->user->getUID(),
                             'size' => 32,
                             'v' => $this->config->getUserValueInt($this->user, 'avatar', 'version', 0),
                         ]),
@@ -148,22 +126,29 @@ class JsController extends Controller
             }
         }
 
-        $indexUrl = OC::$server->getURLGenerator()->linkTo('', 'index.php');
+        $indexUrl = $this->urlGenerator->linkTo('', 'index.php');
 
         return [
             'opener-position' => $this->config->getAppValue('opener-position', 'before'),
             'opener-hover' => $this->config->getAppValueBool('opener-hover', '0'),
             'external-sites-in-top-menu' => $this->config->getAppValueBool('external-sites-in-top-menu', '0'),
             'force-light-icon' => $this->config->getAppValueBool('force-light-icon', '0'),
+            'display-logo' => $this->config->getAppValueBool('display-logo', '1'),
+            'use-avatar' => $this->config->getAppValueBool('use-avatar', '0'),
             'hide-when-no-apps' => $this->config->getAppValueBool('hide-when-no-apps', '0'),
             'loader-enabled' => $this->config->getAppValueBool('loader-enabled', '1'),
             'always-displayed' => $this->config->getAppValueBool('always-displayed', '0'),
             'side-with-categories' => $this->config->getAppValueBool('side-with-categories', '0'),
             'big-menu' => $this->config->getAppValueBool('big-menu', '0'),
             'big-menu-hidden-apps' => $this->config->getAppValueArray('big-menu-hidden-apps', '[]'),
+            'apps-order' => $appsOrder,
             'avatar' => $avatar,
             'top-menu-apps' => $topMenuApps,
             'top-side-menu-apps' => $topSideMenuApps,
+            'top-menu-mouse-over-hidden-label' => $this->config->getAppValueInt(
+                'top-menu-mouse-over-hidden-label',
+                '0'
+            ),
             'target-blank-apps' => $targetBlankApps,
             'settings' => $settings,
             'logo' => $this->themingDefaults->getLogo(),

lib/Controller/NavController.php

@@ -1,4 +1,5 @@
 <?php
+
 /**
  * @license GNU AGPL version 3 or any later version
  *
@@ -18,13 +19,15 @@
 
 namespace OCA\SideMenu\Controller;
 
-use OC;
-use OC\App\AppStore\Fetcher\CategoryFetcher;
 use OC\URLGenerator;
 use OCA\SideMenu\Service\AppRepository;
 use OCA\SideMenu\Service\CategoryRepository;
 use OCA\SideMenu\Service\ConfigProxy;
 use OCP\AppFramework\Controller;
+use OCP\AppFramework\Http\Attribute\FrontpageRoute;
+use OCP\AppFramework\Http\Attribute\NoAdminRequired;
+use OCP\AppFramework\Http\Attribute\NoCSRFRequired;
+use OCP\AppFramework\Http\Attribute\PublicPage;
 use OCP\AppFramework\Http\JSONResponse;
 use OCP\IRequest;
 use OCP\IUserSession;
@@ -32,59 +35,25 @@ use OCP\L10N\IFactory;
 
 class NavController extends Controller
 {
-    /**
-     * @var ConfigProxy
-     */
-    protected $config;
-
-    /**
-     * @var AppRepository
-     */
-    protected $appRepository;
-
-    /**
-     * @var IFactory
-     */
-    protected $l10nFactory;
-
-    /**
-     * @var CategoryFetcher
-     */
-    protected $categoryFetcher;
-
-    /**
-     * @var URLGenerator
-     */
-    protected $router;
-
     public function __construct(
         string $appName,
         IRequest $request,
-        ConfigProxy $config,
+        protected ConfigProxy $config,
-        AppRepository $appRepository,
+        protected AppRepository $appRepository,
-        CategoryRepository $categoryRepository,
+        protected CategoryRepository $categoryRepository,
-        URLGenerator $router,
+        protected URLGenerator $router,
-        IFactory $l10nFactory
+        protected IFactory $l10nFactory,
     ) {
         parent::__construct($appName, $request);
-
-        $this->config = $config;
-        $this->appRepository = $appRepository;
-        $this->categoryRepository = $categoryRepository;
-        $this->l10nFactory = $l10nFactory;
-        $this->router = $router;
     }
 
-    /**
+    #[NoCSRFRequired]
-     * @NoAdminRequired
+    #[NoAdminRequired]
-     * @NoCSRFRequired
+    #[PublicPage]
-     * @PublicPage
+    #[FrontpageRoute(verb: 'GET', url: '/nav/items')]
-     *
+    public function items(): JSONResponse
-     * @return JSONResponse
-     */
-    public function items()
     {
-        $user = OC::$server[IUserSession::class]->getUser();
+        $user = \OC::$server[IUserSession::class]->getUser();
         $items = [];
 
         if (!$user) {
@@ -93,11 +62,13 @@ class NavController extends Controller
             ]);
         }
 
-        $apps = $this->appRepository->getVisibleApps();
+        $apps = $this->appRepository->getOrderedApps($user);
         $categoriesLabels = $this->categoryRepository->getOrderedCategories();
         $hiddenApps = $this->config->getAppValueArray('big-menu-hidden-apps', '[]');
         $isForced = $this->config->getAppValueBool('force', '0');
         $topMenuApps = $this->config->getAppValueArray('top-menu-apps', '[]');
+        $topSideMenuApps = $this->config->getAppValueArray('top-side-menu-apps', '[]');
+        $userTopSideMenuApps = $this->config->getUserValueArray($user, 'top-side-menu-apps', '[]');
         $userTopMenuApps = $this->config->getUserValueArray($user, 'top-menu-apps', '[]');
         $appsCategories = [];
         $categoriesAppsCount = [];
@@ -106,12 +77,16 @@ class NavController extends Controller
             $topMenuApps = $userTopMenuApps;
         }
 
-        foreach ($apps as $app) {
+        if (!$isForced && !empty($userTopSideMenuApps)) {
-            if (in_array($app['id'], $topMenuApps)) {
+            $topSideMenuApps = $userTopSideMenuApps;
-                continue;
+        }
-            }
 
-            if (in_array($app['id'], $hiddenApps)) {
+        foreach ($apps as $app) {
+            $inTopMenuApps = in_array($app['id'], $topMenuApps);
+            $inTopSideMenuApps = in_array($app['id'], $topSideMenuApps);
+            $inHiddenApps = in_array($app['id'], $hiddenApps);
+
+            if (($inTopMenuApps && !$inTopSideMenuApps) || $inHiddenApps) {
                 continue;
             }
 
@@ -140,6 +115,7 @@ class NavController extends Controller
                 $appsCategories[$app['id']][] = $category;
 
                 $items[$category]['apps'][$app['id']] = [
+                    'id' => $app['id'],
                     'name' => $app['name'],
                     'href' => $app['href'],
                     'icon' => $app['icon'],
@@ -178,20 +154,16 @@ class NavController extends Controller
         foreach ($items as $category => $value) {
             if (empty($items[$category]['apps'])) {
                 unset($items[$category]);
-            } else {
-                uasort($items[$category]['apps'], function ($a, $b) {
-                    return ($a['name'] < $b['name']) ? -1 : 1;
-                });
             }
         }
 
         usort($items, function ($a, $b) use ($categoriesLabels) {
             foreach ($categoriesLabels as $key => $value) {
-                if ($a['categoryId'] === 'other') {
+                if ('other' === $a['categoryId']) {
                     return -1;
                 }
 
-                if ($b['categoryId'] === 'other') {
+                if ('other' === $b['categoryId']) {
                     return 1;
                 }
 

lib/Controller/PersonalSettingController.php

@@ -1,4 +1,5 @@
 <?php
+
 /**
  * @license GNU AGPL version 3 or any later version
  *
@@ -21,47 +22,30 @@ namespace OCA\SideMenu\Controller;
 use OCA\SideMenu\AppInfo\Application;
 use OCA\SideMenu\Service\ConfigProxy;
 use OCP\AppFramework\Controller;
-use OCP\AppFramework\Http\Response;
+use OCP\AppFramework\Http\Attribute\FrontpageRoute;
+use OCP\AppFramework\Http\Attribute\NoAdminRequired;
+use OCP\AppFramework\Http\Attribute\NoCSRFRequired;
+use OCP\AppFramework\Http\JSONResponse;
 use OCP\IConfig;
 use OCP\IRequest;
 use OCP\IUserSession;
 
 class PersonalSettingController extends Controller
 {
-    /**
+    public function __construct(
-     * @var IConfig
+        $appName,
-     */
+        IRequest $request,
-    protected $config;
+        protected IConfig $config,
-
+        protected ConfigProxy $configProxy,
-    /**
+        protected IUserSession $userSession,
-     * @var ConfigProxy
+    ) {
-     */
-    protected $configProxy;
-
-    /**
-     * @var IUserSession
-     */
-    protected $userSession;
-
-    public function __construct($appName, IRequest $request, IConfig $config, ConfigProxy $configProxy, IUserSession $userSession)
-    {
         parent::__construct($appName, $request);
-
-        $this->config = $config;
-        $this->configProxy = $configProxy;
-        $this->userSession = $userSession;
     }
 
-    /**
+    #[NoCSRFRequired]
-     * @NoAdminRequired
+    #[NoAdminRequired]
-     * @NoCSRFRequired
+    #[FrontpageRoute(verb: 'POST', url: '/user/valueSet')]
-     *
+    public function valueSet($name, $value): array
-     * @param mixed $name
-     * @param mixed $value
-     *
-     * @return Response
-     */
-    public function valueSet($name, $value)
     {
         $doSave = false;
         $user = $this->userSession->getUser();
@@ -82,22 +66,7 @@ class PersonalSettingController extends Controller
             }
         }
 
-        if ('target-blank-apps' === $name) {
+        if (in_array($name, ['target-blank-apps', 'top-menu-apps', 'top-side-menu-apps', 'apps-order'])) {
-            $doSave = true;
-            $data = json_decode($value, true);
-
-            if (!is_array($data)) {
-                $doSave = false;
-            } else {
-                foreach ($data as $v) {
-                    if (!is_string($v)) {
-                        $doSave = false;
-                    }
-                }
-            }
-        }
-
-        if (in_array($name, ['top-menu-apps', 'top-side-menu-apps'])) {
             $doSave = true;
             $data = json_decode($value, true);
 
@@ -127,4 +96,63 @@ class PersonalSettingController extends Controller
 
         return [];
     }
+
+    #[NoCSRFRequired]
+    #[NoAdminRequired]
+    #[FrontpageRoute(verb: 'GET', url: '/user/config')]
+    public function configuration(): JSONResponse
+    {
+        $user = $this->userSession->getUser();
+        $keys = $this->config->getUserKeys($user->getUid(), Application::APP_ID);
+
+        $booleans = [
+            'enabled',
+        ];
+
+        $arrays = [
+            'apps-order',
+            'target-blank-apps',
+            'top-menu-apps',
+            'top-side-menu-apps',
+        ];
+
+        $integers = [
+            'target-blank-mode',
+        ];
+
+        $defaults = [
+            'enabled' => '1',
+            'target-blank-mode' => '1',
+            'apps-order' => '[]',
+            'target-blank-apps' => '[]',
+            'top-menu-apps' => '[]',
+            'top-side-menu-apps' => '[]',
+        ];
+
+        $config = [];
+
+        foreach ($keys as $key) {
+            if (!isset($defaults[$key])) {
+                continue;
+            }
+
+            if (in_array($key, $booleans)) {
+                $config[$key] = $this->configProxy->getUserValueBool($user, $key, $defaults[$key]);
+            } elseif (in_array($key, $arrays)) {
+                $config[$key] = $this->configProxy->getUserValueArray($user, $key, $defaults[$key]);
+            } elseif (in_array($key, $integers)) {
+                $config[$key] = $this->configProxy->getUserValueInt($user, $key, $defaults[$key]);
+            } else {
+                $config[$key] = $this->configProxy->getUserValue($user, $key, $defaults[$key]);
+            }
+        }
+
+        foreach ($defaults as $key => $default) {
+            if (!array_key_exists($key, $config)) {
+                $config[$key] = $default;
+            }
+        }
+
+        return new JSONResponse($config);
+    }
 }

lib/Service/AppRepository.php

@@ -2,6 +2,13 @@
 
 namespace OCA\SideMenu\Service;
 
+use OC\User\User;
+use OCA\SideMenu\AppInfo\Application;
+use OCP\AppFramework\Http\Events\BeforeTemplateRenderedEvent;
+use OCP\AppFramework\Http\TemplateResponse;
+use OCP\EventDispatcher\IEventDispatcher;
+use OCP\INavigationManager;
+use OCP\IUserSession;
 use OCP\L10N\IFactory;
 
 /**
@@ -11,49 +18,28 @@ use OCP\L10N\IFactory;
  */
 class AppRepository
 {
-    /**
-     * @var \OC_App
-     */
-    protected $ocApp;
-
-    /**
-     * @var IFactory
-     */
-    protected $l10nFactory;
-
-    /**
-     * @var ConfigProxy
-     */
-    protected $config;
-
-    /**
-     * @var CategoryRepository
-     */
-    protected $categoryRepository;
-
     public function __construct(
-        \OC_App $ocApp,
+        protected \OC_App $ocApp,
-        IFactory $l10nFactory,
+        protected INavigationManager $navigationManager,
-        ConfigProxy $config,
+        protected IFactory $l10nFactory,
-        CategoryRepository $categoryRepository
+        protected ConfigProxy $config,
-    )
+        protected CategoryRepository $categoryRepository,
-    {
+        protected IEventDispatcher $dispatcher,
-        $this->ocApp = $ocApp;
+        protected IUserSession $userSession,
-        $this->l10nFactory = $l10nFactory;
+    ) {
-        $this->config = $config;
+        $this->dispatcher->dispatchTyped(new BeforeTemplateRenderedEvent(
-        $this->categoryRepository = $categoryRepository;
+            $this->userSession->isLoggedIn(),
+            new TemplateResponse(Application::APP_NAME, '')
+        ));
     }
 
     /**
      * Retrieves visibles apps.
-     *
-     * @return array
      */
-    public function getVisibleApps()
+    public function getVisibleApps(): array
     {
-        $navigation = $this->ocApp->getNavigation();
+        $navigation = $this->navigationManager->getAll();
         $appCategoriesCustom = $this->config->getAppValueArray('apps-categories-custom', '[]');
-        $categoriesCustom = $this->config->getAppValueArray('categories-custom', '[]');
         $categories = $this->categoryRepository->getOrderedCategories();
         $apps = $this->ocApp->listAllApps();
         $visibleApps = [];
@@ -63,7 +49,7 @@ class AppRepository
 
             foreach ([$app['id'], $app['id'].'_index'] as $id) {
                 if (isset($navigation[$id])) {
-                    $app['name'] = $this->l10nFactory->get($id)->t($app['name']);
+                    $app['name'] = $this->getAppName($app);
                     $app['href'] = $navigation[$id]['href'];
                     $app['icon'] = $navigation[$id]['icon'];
 
@@ -76,17 +62,25 @@ class AppRepository
             if ('external_index' === substr($app['id'], 0, 14)) {
                 $visibleApps[$app['id']] = [
                     'id' => $app['id'],
-                    'name' => $this->l10nFactory->get($app['id'])->t($app['name']),
+                    'name' => $this->getAppName($app),
                     'href' => $app['href'],
                     'icon' => $app['icon'],
                     'category' => [
                         'external_links',
                     ],
                 ];
+            } elseif ('tables_application' === substr($app['id'], 0, 18)) {
+                $visibleApps[$app['id']] = [
+                    'id' => $app['id'],
+                    'name' => $this->getAppName($app),
+                    'href' => $app['href'],
+                    'icon' => $app['icon'],
+                    'category' => [],
+                ];
             } elseif ('files' === $app['id']) {
                 $visibleApps[$app['id']] = [
                     'id' => $app['id'],
-                    'name' => $this->l10nFactory->get($app['id'])->t($app['name']),
+                    'name' => $this->getAppName($app),
                     'href' => $app['href'],
                     'icon' => $app['icon'],
                     'category' => [],
@@ -100,10 +94,42 @@ class AppRepository
             }
         }
 
-        usort($visibleApps, function ($a, $b) {
-            return ($a['name'] < $b['name']) ? -1 : 1;
-        });
-
         return $visibleApps;
     }
+
+    public function getAppName($app): string
+    {
+        return $this->config->getAppValue(
+            'app.navigation.name',
+            $this->l10nFactory->get($app['id'])->t($app['name']),
+            $app['id']
+        );
+    }
+
+    public function getOrderedApps(?User $user = null): array
+    {
+        $apps = $this->getVisibleApps();
+        $orders = $this->config->getAppValueArray('apps-order', '[]');
+
+        if (null !== $user && !$this->config->getAppValueBool('force', '0')) {
+            $userOrders = $this->config->getUserValueArray($user, 'apps-order', '[]');
+
+            if (!empty($userOrders)) {
+                $orders = $userOrders;
+            }
+        }
+
+        usort($apps, function ($a, $b) use ($orders) {
+            $ak = array_keys($orders, $a['id'])[0] ?? null;
+            $bk = array_keys($orders, $b['id'])[0] ?? null;
+
+            if (null === $ak || null === $bk) {
+                return ($a['name'] < $b['name']) ? -1 : 1;
+            }
+
+            return $ak < $bk ? -1 : 1;
+        });
+
+        return $apps;
+    }
 }

lib/Service/CategoryRepository.php

@@ -15,51 +15,19 @@ use OCP\L10N\IFactory;
  */
 class CategoryRepository
 {
-    /**
-     * @var CategoryFetcher
-     */
-    protected $categoryFetcher;
-
-    /**
-     * @var IFactory
-     */
-    protected $l10nFactory;
-
-    /**
-     * @var ConfigProxy
-     */
-    protected $config;
-
-    /**
-     * @var IConfig
-     */
-    protected $iConfig;
-
-    /**
-     * @var IUserSession
-     */
-    protected $userSession;
-
     public function __construct(
-        CategoryFetcher $categoryFetcher,
+        protected CategoryFetcher $categoryFetcher,
-        ConfigProxy $config,
+        protected ConfigProxy $config,
-        IConfig $iConfig,
+        protected IConfig $iConfig,
-        IFactory $l10nFactory,
+        protected IFactory $l10nFactory,
-        IUserSession $userSession
+        protected IUserSession $userSession,
     ) {
-        $this->categoryFetcher = $categoryFetcher;
-        $this->l10nFactory = $l10nFactory;
-        $this->config = $config;
-        $this->iConfig = $iConfig;
-        $this->userSession = $userSession;
     }
 
     /**
      * Retrieves categories.
-     *
-     * @return array
      */
-    public function getOrderedCategories()
+    public function getOrderedCategories(): array
     {
         $currentLanguage = substr($this->l10nFactory->findLanguage(), 0, 2);
         $type = $this->config->getAppValue('categories-order-type', 'default');
@@ -74,7 +42,8 @@ class CategoryRepository
         }
 
         foreach ($categoriesLabels as $k => $category) {
-            $categoriesLabels[$category['id']] = $category['translations'][$currentLanguage]['name'] ?? $category['translations']['en']['name'];
+            $categoriesLabels[$category['id']] = $category['translations'][$currentLanguage]['name'] ??
+                $category['translations']['en']['name'];
 
             unset($categoriesLabels[$k]);
         }

lib/Service/Color.php

@@ -2,6 +2,8 @@
 
 namespace OCA\SideMenu\Service;
 
+use OCA\Theming\ThemingDefaults;
+
 /**
  * class Color.
  *
@@ -9,6 +11,10 @@ namespace OCA\SideMenu\Service;
  */
 class Color
 {
+    public function __construct(protected ThemingDefaults $theming)
+    {
+    }
+
     /**
      * @thanks https://stackoverflow.com/posts/54393956/revision
      */
@@ -31,4 +37,29 @@ class Color
 
         return '#'.implode($hexCode);
     }
+
+    public function getPrimaryColor()
+    {
+        return $this->theming->getColorPrimary();
+    }
+
+    public function getLightenPrimaryColor()
+    {
+        return $this->adjustBrightness($this->getPrimaryColor(), 0.2);
+    }
+
+    public function getDarkenPrimaryColor()
+    {
+        return $this->adjustBrightness($this->getPrimaryColor(), -0.2);
+    }
+
+    public function getDarkenPrimaryColor2()
+    {
+        return $this->adjustBrightness($this->getPrimaryColor(), -0.3);
+    }
+
+    public function getTextColorPrimary()
+    {
+        return $this->theming->getTextColorPrimary();
+    }
 }

lib/Service/ConfigProxy.php

@@ -13,12 +13,7 @@ use OCP\IConfig;
  */
 class ConfigProxy
 {
-    /**
+    public function __construct(protected IConfig $config)
-     * @var IConfig
-     */
-    protected $config;
-
-    public function __construct(IConfig $config)
     {
         $this->config = $config;
     }

lib/Service/LangRepository.php

@@ -11,12 +11,7 @@ use OCP\IDBConnection;
  */
 class LangRepository
 {
-    /**
+    public function __construct(protected IDBConnection $db)
-     * @var IDBConnection
-     */
-    protected $db;
-
-    public function __construct(IDBConnection $db)
     {
         $this->db = $db;
     }
@@ -26,11 +21,21 @@ class LangRepository
         $qb = $this->db->getQueryBuilder();
 
         $qb->select($qb->createFunction('DISTINCT configvalue'))
-            ->where('configkey="lang" and appid="core" and configvalue<>"en"')
+            ->where('configkey=:configkey and appid=:appid and configvalue<>:configvalue')
+            ->setParameters([
+                'configkey' => 'lang',
+                'appid' => 'core',
+                'configvalue' => 'en',
+            ])
             ->from('preferences')
         ;
 
-        $stmt = $qb->execute();
+        // Nextcloud >=33+
+        if (method_exists($qb, 'executeQuery')) {
+            $stmt = $qb->executeQuery();
+        } else {
+            $stmt = $qb->execute();
+        }
 
         $langs = ['en'];
 

lib/Settings/Admin.php

@@ -1,4 +1,5 @@
 <?php
+
 /**
  * @license GNU AGPL version 3 or any later version
  *
@@ -21,75 +22,25 @@ namespace OCA\SideMenu\Settings;
 use OCA\SideMenu\AppInfo\Application;
 use OCA\SideMenu\Service\AppRepository;
 use OCA\SideMenu\Service\CategoryRepository;
+use OCA\SideMenu\Service\Color;
 use OCA\SideMenu\Service\ConfigProxy;
+use OCA\SideMenu\Service\LangRepository;
+use OCA\Theming\ThemingDefaults;
 use OCP\AppFramework\Http\TemplateResponse;
 use OCP\IL10N;
-use OCP\ILogger;
 use OCP\Settings\ISettings;
-use OCA\Theming\ThemingDefaults;
-use OCA\SideMenu\Service\Color;
-use OCA\SideMenu\Service\LangRepository;
 
 class Admin implements ISettings
 {
-    /**
-     * @var IL10N
-     */
-    private $l;
-
-    /**
-     * @var ILogger
-     */
-    private $logger;
-
-    /**
-     * @var ConfigProxy
-     */
-    private $config;
-
-    /**
-     * @var AppRepository
-     */
-    private $appRepository;
-
-    /**
-     * @var CategoryRepository
-     */
-    private $categoryRepository;
-
-    /**
-     * @var ThemingDefaults
-     */
-    protected $theming;
-
-    /**
-     * @var Color
-     */
-    protected $color;
-
-    /**
-     * @var LangRepository
-     */
-    protected $langRepository;
-
     public function __construct(
-        IL10N $l,
+        protected IL10N $l,
-        ILogger $logger,
+        protected ConfigProxy $config,
-        ConfigProxy $config,
+        protected AppRepository $appRepository,
-        AppRepository $appRepository,
+        protected CategoryRepository $categoryRepository,
-        CategoryRepository $categoryRepository,
+        protected ThemingDefaults $theming,
-        ThemingDefaults $theming,
+        protected Color $color,
-        Color $color,
+        protected LangRepository $langRepository,
-        LangRepository $langRepository
     ) {
-        $this->l = $l;
-        $this->logger = $logger;
-        $this->config = $config;
-        $this->appRepository = $appRepository;
-        $this->categoryRepository = $categoryRepository;
-        $this->theming = $theming;
-        $this->color = $color;
-        $this->langRepository = $langRepository;
     }
 
     /**
@@ -110,18 +61,39 @@ class Admin implements ISettings
         $darkModeBackgroundColorTo = $this->config->getAppValue('dark-mode-background-color-to', $darkenPrimaryColor);
 
         $parameters = [
+            'defaults' => [
+                'background-color' => $darkenPrimaryColor,
+                'background-color-to' => $darkenPrimaryColor,
+                'current-app-background-color' => $darkenPrimaryColor2,
+                'text-color' => $textColor,
+                'loader-color' => $lightenPrimaryColor,
+                'dark-mode-background-color' => $darkenPrimaryColor,
+                'dark-mode-background-color-to' => $darkenPrimaryColor,
+                'dark-mode-current-app-background-color' => $darkenPrimaryColor2,
+                'dark-mode-text-color' => $textColor,
+                'dark-mode-loader-color' => $textColor,
+            ],
             'background-color' => $backgroundColor,
             'background-color-to' => $backgroundColorTo,
             'background-color-opacity' => $this->config->getAppValueInt('background-color-opacity', '100'),
-            'current-app-background-color' => $this->config->getAppValue('current-app-background-color', $darkenPrimaryColor2),
+            'current-app-background-color' => $this->config->getAppValue(
+                'current-app-background-color',
+                $darkenPrimaryColor2
+            ),
             'loader-color' => $this->config->getAppValue('loader-color', $lightenPrimaryColor),
             'icon-invert-filter' => $this->config->getAppValueInt('icon-invert-filter', '0'),
             'icon-opacity' => $this->config->getAppValueInt('icon-opacity', '100'),
             'text-color' => $this->config->getAppValue('text-color', $textColor),
             'dark-mode-background-color' => $darkModeBackgroundColor,
             'dark-mode-background-color-to' => $darkModeBackgroundColorTo,
-            'dark-mode-background-color-opacity' => $this->config->getAppValueInt('dark-mode-background-color-opacity', '100'),
+            'dark-mode-background-color-opacity' => $this->config->getAppValueInt(
-            'dark-mode-current-app-background-color' => $this->config->getAppValue('dark-mode-current-app-background-color', $darkenPrimaryColor2),
+                'dark-mode-background-color-opacity',
+                '100'
+            ),
+            'dark-mode-current-app-background-color' => $this->config->getAppValue(
+                'dark-mode-current-app-background-color',
+                $darkenPrimaryColor2
+            ),
             'dark-mode-loader-color' => $this->config->getAppValue('dark-mode-loader-color', $textColor),
             'dark-mode-icon-invert-filter' => $this->config->getAppValueInt('dark-mode-icon-invert-filter', '0'),
             'dark-mode-icon-opacity' => $this->config->getAppValueInt('dark-mode-icon-opacity', '100'),
@@ -147,6 +119,12 @@ class Admin implements ISettings
             'force' => $this->config->getAppValue('force', '0'),
             'target-blank-apps' => $this->config->getAppValueArray('target-blank-apps', '[]'),
             'top-menu-apps' => $this->config->getAppValueArray('top-menu-apps', '[]'),
+            'top-menu-mouse-over-hidden-label' => $this->config->getAppValue(
+                'top-menu-mouse-over-hidden-label',
+                '0'
+            ),
+            'apps-order' => $this->config->getAppValueArray('apps-order', '[]'),
+            'ordered-apps' => $this->appRepository->getOrderedApps(),
             'top-side-menu-apps' => $this->config->getAppValueArray('top-side-menu-apps', '[]'),
             'default-enabled' => $this->config->getAppValue('default-enabled', '1'),
             'apps' => $this->appRepository->getVisibleApps(),

lib/Settings/AdminSection.php

@@ -1,4 +1,5 @@
 <?php
+
 /**
  * @license GNU AGPL version 3 or any later version
  *
@@ -25,59 +26,27 @@ use OCP\Settings\IIconSection;
 
 class AdminSection implements IIconSection
 {
-    /**
+    public function __construct(
-     * @var IL10N
+        protected IURLGenerator $url,
-     */
+        protected IL10N $l,
-    private $l;
+    ) {
-
-    /**
-     * @var IURLGenerator
-     */
-    private $url;
-
-    public function __construct(IURLGenerator $url, IL10N $l)
-    {
-        $this->url = $url;
-        $this->l = $l;
     }
 
-    /**
-     * returns the ID of the section. It is supposed to be a lower case string,
-     * e.g. 'ldap'.
-     *
-     * @returns string
-     */
     public function getID()
     {
         return Application::APP_ID;
     }
 
-    /**
-     * returns the translated name as it should be displayed, e.g. 'LDAP / AD
-     * integration'. Use the L10N service to translate it.
-     *
-     * @return string
-     */
     public function getName()
     {
         return $this->l->t(Application::APP_NAME);
     }
 
-    /**
-     * @return int whether the form should be rather on the top or bottom of
-     *             the settings navigation. The sections are arranged in ascending order of
-     *             the priority values. It is required to return a value between 0 and 99.
-     *
-     * E.g.: 70
-     */
     public function getPriority()
     {
         return 70;
     }
 
-    /**
-     * {@inheritdoc}
-     */
     public function getIcon()
     {
         return $this->url->imagePath(Application::APP_ID, 'icon.svg');

lib/Settings/Personal.php

@@ -1,4 +1,5 @@
 <?php
+
 /**
  * @license GNU AGPL version 3 or any later version
  *
@@ -23,44 +24,17 @@ use OCA\SideMenu\Service\AppRepository;
 use OCA\SideMenu\Service\ConfigProxy;
 use OCP\AppFramework\Http\TemplateResponse;
 use OCP\IL10N;
-use OCP\ILogger;
 use OCP\IUserSession;
 use OCP\Settings\ISettings;
 
 class Personal implements ISettings
 {
-    /**
+    public function __construct(
-     * @var IL10N
+        protected IL10N $l,
-     */
+        protected ConfigProxy $config,
-    private $l;
+        protected IUserSession $userSession,
-
+        protected AppRepository $appRepository,
-    /**
+    ) {
-     * @var ILogger
-     */
-    private $logger;
-
-    /**
-     * @var ConfigProxy
-     */
-    private $config;
-
-    /**
-     * @var IUserSession
-     */
-    private $userSession;
-
-    /**
-     * @var AppRepository
-     */
-    private $appRepository;
-
-    public function __construct(IL10N $l, ILogger $logger, ConfigProxy $config, IUserSession $userSession, AppRepository $appRepository)
-    {
-        $this->l = $l;
-        $this->logger = $logger;
-        $this->config = $config;
-        $this->userSession = $userSession;
-        $this->appRepository = $appRepository;
     }
 
     /**
@@ -81,7 +55,9 @@ class Personal implements ISettings
             'top-side-menu-apps' => $this->config->getUserValueArray($user, 'top-side-menu-apps', '[]'),
             'target-blank-mode' => $this->config->getUserValue($user, 'target-blank-mode', '1'),
             'target-blank-apps' => $this->config->getUserValueArray($user, 'target-blank-apps', '[]'),
+            'apps-order' => $this->config->getUserValueArray($user, 'apps-order', '[]'),
             'apps' => $this->appRepository->getVisibleApps(),
+            'ordered-apps' => $this->appRepository->getOrderedApps($user),
         ];
 
         return new TemplateResponse(Application::APP_ID, 'settings/personal-form', $parameters, '');

lib/Settings/PersonalSection.php

@@ -1,4 +1,5 @@
 <?php
+
 /**
  * @license GNU AGPL version 3 or any later version
  *
@@ -26,34 +27,13 @@ use OCP\Settings\IIconSection;
 
 class PersonalSection implements IIconSection
 {
-    /**
+    public function __construct(
-     * @var IL10N
+        protected IURLGenerator $url,
-     */
+        protected IL10N $l,
-    private $l;
+        protected ConfigProxy $configProxy,
-
+    ) {
-    /**
-     * @var IURLGenerator
-     */
-    private $url;
-
-    /**
-     * @var ConfigProxy
-     */
-    private $configProxy;
-
-    public function __construct(IURLGenerator $url, IL10N $l, ConfigProxy $configProxy)
-    {
-        $this->url = $url;
-        $this->l = $l;
-        $this->configProxy = $configProxy;
     }
 
-    /**
-     * returns the ID of the section. It is supposed to be a lower case string,
-     * e.g. 'ldap'.
-     *
-     * @returns string
-     */
     public function getID()
     {
         if ($this->configProxy->getAppValueBool('force', '0')) {
@@ -63,12 +43,6 @@ class PersonalSection implements IIconSection
         return Application::APP_ID;
     }
 
-    /**
-     * returns the translated name as it should be displayed, e.g. 'LDAP / AD
-     * integration'. Use the L10N service to translate it.
-     *
-     * @return string
-     */
     public function getName()
     {
         if ($this->configProxy->getAppValueBool('force', '0')) {
@@ -78,13 +52,6 @@ class PersonalSection implements IIconSection
         return $this->l->t(Application::APP_NAME);
     }
 
-    /**
-     * @return int whether the form should be rather on the top or bottom of
-     *             the settings navigation. The sections are arranged in ascending order of
-     *             the priority values. It is required to return a value between 0 and 99.
-     *
-     * E.g.: 70
-     */
     public function getPriority()
     {
         if ($this->configProxy->getAppValueBool('force', '0')) {
@@ -94,9 +61,6 @@ class PersonalSection implements IIconSection
         return 70;
     }
 
-    /**
-     * {@inheritdoc}
-     */
     public function getIcon()
     {
         return $this->url->imagePath(Application::APP_ID, 'icon.svg');

package.json

@@ -1,60 +1,55 @@
 {
-	"license": "agpl",
+  "license": "agpl",
-	"private": true,
+  "private": true,
-	"scripts": {
+  "module": true,
-		"build": "NODE_ENV=production webpack --progress --hide-modules --config webpack.js",
+  "scripts": {
-		"dev": "NODE_ENV=development webpack --progress --config webpack.js",
+    "build": "NODE_ENV=production ./node_modules/.bin/webpack-cli --progress --config webpack.config.js",
-		"watch": "NODE_ENV=development webpack --progress --watch --config webpack.js",
+    "dev": "NODE_ENV=development ./node_modules/.bin/webpack-cli --progress --config webpack.config.js",
-		"lint": "eslint --ext .js,.vue src",
+    "watch": "NODE_ENV=development ./node_modules/.bin/webpack-cli --progress --watch --config webpack.config.js",
-		"lint:fix": "eslint --ext .js,.vue src --fix",
+    "lint": "ESLINT_USE_FLAT_CONFIG=false ./node_modules/.bin/eslint --ext .js,.vue --ignore-path .gitignore --fix src",
-		"stylelint": "stylelint src",
+    "format": "./node_modules/.bin/prettier src --write"
-		"stylelint:fix": "stylelint src --fix"
+  },
-	},
+  "dependencies": {
-	"dependencies": {
+    "@babel/core": ">=7.12.0 <8.0.0",
-		"@nextcloud/axios": "^1.8.0",
+    "@formatjs/intl-segmenter": "^12.0.8",
-		"@nextcloud/vue": "^1.5.0",
+    "@nextcloud/router": "^3.0.1",
-		"axios": "^0.24.0",
+    "@nextcloud/vue": "^9.0.0-alpha.8",
-		"trim": "0.0.1",
+    "node-polyfill-webpack-plugin": "^4.1.0",
-		"vue": "^2.6.11"
+    "pinia": "^3.0.1",
-	},
+    "postcss": "^7.0.0 || ^8.0.1",
-	"browserslist": [
+    "vue": "^3.5.13",
-		"extends @nextcloud/browserslist-config"
+    "vuedraggable": "^4.1.0"
-	],
+  },
-	"engines": {
+  "browserslist": [
-		"node": ">=10.0.0"
+    "extends @nextcloud/browserslist-config"
-	},
+  ],
-	"devDependencies": {
+  "engines": {
-		"@babel/core": "^7.9.0",
+    "node": ">=16.0.0"
-		"@babel/plugin-syntax-dynamic-import": "^7.8.3",
+  },
-		"@babel/preset-env": "^7.9.0",
+  "devDependencies": {
-		"@nextcloud/browserslist-config": "^1.0.0",
+    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-		"babel-eslint": "^10.1.0",
+    "@nextcloud/axios": "^2.5.1",
-		"babel-loader": "^8.1.0",
+    "@nextcloud/browserslist-config": "^3.0.1",
-		"css-loader": "^3.4.2",
+    "@nextcloud/event-bus": "^3.3.1",
-		"eslint": "^5.16.0",
+    "@nextcloud/initial-state": "^2.2.0",
-		"eslint-config-nextcloud": "0.1.1",
+    "@nextcloud/l10n": "^3.2.0",
-		"eslint-config-standard": "^12.0.0",
+    "babel-loader": "^9.1.3",
-		"eslint-import-resolver-webpack": "^0.12.1",
+    "css-loader": "^7.1.2",
-		"eslint-loader": "^3.0.3",
+    "eslint": "^9.19.0",
-		"eslint-plugin-import": "^2.20.0",
+    "eslint-config-prettier": "^10.0.1",
-		"eslint-plugin-nextcloud": "^0.3.0",
+    "eslint-plugin-vue": "^9.32.0",
-		"eslint-plugin-node": "^10.0.0",
+    "file-loader": "^6.2.0",
-		"eslint-plugin-promise": "^4.2.1",
+    "mini-css-extract-plugin": "^2.9.1",
-		"eslint-plugin-standard": "^4.0.1",
+    "postcss-loader": "^8.1.1",
-		"eslint-plugin-vue": "^5.2.3",
+    "prettier": "3.4.2",
-		"file-loader": "^6.0.0",
+    "sass": "^1.78.0",
-		"node-sass": "^4.13.1",
+    "sass-loader": "^16.0.1",
-		"sass-loader": "^8.0.2",
+    "source-map-loader": "^5.0.0",
-		"stylelint": "^8.4.0",
+    "style-loader": "^4.0.0",
-		"stylelint-config-recommended-scss": "^3.3.0",
+    "vue-loader": "^17.4.2",
-		"stylelint-scss": "^3.16.0",
+    "vue-router": "^4.4.5",
-		"stylelint-webpack-plugin": "^0.10.5",
+    "webpack": "^5.94.0",
-		"url-loader": "^4.0.0",
+    "webpack-cli": "^5.1.4",
-		"vue-loader": "^15.9.1",
+    "webpack-notifier": "^1.15.0"
-		"vue-template-compiler": "^2.6.11",
+  }
-		"webpack": "^4.42.0",
-		"webpack-cli": "^3.3.11",
-		"webpack-merge": "^4.2.2",
-		"webpack-node-externals": "^1.7.2"
-	}
 }

renovate.json

@@ -0,0 +1,3 @@
+{
+  "$schema": "https://docs.renovatebot.com/renovate-schema.json"
+}

src/AdminCategoriesCustom.vue

@@ -1,182 +0,0 @@
-<!--
-@license GNU AGPL version 3 or any later version
-
-This program is free software: you can redistribute it and/or modify
-it under the terms of the GNU Affero General Public License as
-published by the Free Software Foundation, either version 3 of the
-License, or (at your option) any later version.
-
-This program is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-GNU Affero General Public License for more details.
-
-You should have received a copy of the GNU Affero General Public License
-along with this program. If not, see <http://www.gnu.org/licenses/>.
--->
-<template>
-    <div>
-        <ul class="side-menu-setting-list">
-            <li v-for="item in values" class="side-menu-setting-list-item" v-on:click="showEditForm(item)">
-                <span v-html="item.en"></span>
-            </li>
-        </ul>
-
-        <Actions>
-	        <ActionButton @click="showAddForm" icon="icon-add"></ActionButton>
-        </Actions>
-
-		<Modal v-if="addForm" @close="hideAddForm">
-			<div class="modal__content">
-                <div v-for="lang in langs">
-                    <span class="lang" v-html="lang"></span>
-                    <input type="text" v-model="newValue[lang]" required>
-                </div>
-
-                <Actions>
-                    <ActionButton @click="saveAdd" icon="icon-checkmark"></ActionButton>
-                </Actions>
-            </div>
-		</Modal>
-
-		<Modal v-if="editForm" @close="hideEditForm">
-			<div class="modal__content">
-                <div v-for="lang in langs">
-                    <span class="lang" v-html="lang"></span>
-                    <input type="text" v-model="editValue[lang]" required>
-                </div>
-
-                <div class="pull-right">
-                    <Actions>
-                        <ActionButton @click="removeEdit" icon="icon-delete"></ActionButton>
-                    </Actions>
-                </div>
-
-                <Actions>
-                    <ActionButton @click="saveEdit" icon="icon-checkmark"></ActionButton>
-                </Actions>
-            </div>
-		</Modal>
-    </div>
-</template>
-
-<style scoped>
-    .modal__content {
-        width: 200px;
-        padding: 10px;
-    }
-
-    .modal__content .lang {
-        width: 60px;
-        display: inline-block;
-        padding: 4px;
-        box-sizing: border-box;
-    }
-
-    .modal__content input[type=text] {
-        width: calc(100% - 85px);
-        display: inline-block;
-        margin: 0;
-    }
-
-    .pull-right {
-        float: right;
-    }
-</style>
-
-<script>
-import Modal from '@nextcloud/vue/dist/Components/Modal'
-import Actions from '@nextcloud/vue/dist/Components/Actions'
-import ActionButton from '@nextcloud/vue/dist/Components/ActionButton'
-
-export default {
-    name: 'AdminCategoriesCustom',
-    components: {
-        Modal,
-        Actions,
-        ActionButton,
-    },
-    data() {
-        return {
-            input: null,
-            values: [],
-            langs: [],
-            addForm: false,
-            editForm: false,
-            newValue: {},
-            editValue: {},
-        }
-    },
-    methods: {
-        init() {
-            this.values = JSON.parse(this.input.value)
-            this.langs = JSON.parse(this.input.getAttribute('data-langs'))
-        },
-        update() {
-            this.input.value = JSON.stringify(this.values)
-        },
-        showAddForm() {
-            this.newValue = {id: 'cat' + Math.random().toString().replace('0.', '')}
-
-            this.addForm = true
-        },
-        showEditForm(value) {
-            this.editValue = {id: value.id}
-
-            for (let i of this.langs) {
-                this.editValue[i] = typeof value[i] !== 'undefined' ? value[i] : ''
-            }
-
-            this.editForm = true
-        },
-        saveAdd() {
-            for (let i of this.langs) {
-                if (!this.newValue[i] || /^\s*$/.test(this.newValue[i])) {
-                    return
-                }
-            }
-
-            this.values.push(this.newValue)
-            this.update()
-            this.hideAddForm()
-            this.newValue = {}
-        },
-        saveEdit() {
-            for (let i of this.langs) {
-                if (!this.editValue[i] || /^\s*$/.test(this.editValue[i])) {
-                    return
-                }
-            }
-
-            for (let i in this.values) {
-                if (this.values[i].id === this.editValue.id) {
-                    this.values[i] = this.editValue
-                }
-            }
-
-            this.update()
-            this.hideEditForm()
-        },
-        removeEdit() {
-            for (let i in this.values) {
-                if (this.values[i].id === this.editValue.id) {
-                    this.values.splice(i, 1);
-                }
-            }
-
-            this.update()
-            this.hideEditForm()
-        },
-        hideAddForm() {
-            this.addForm = false
-        },
-        hideEditForm() {
-            this.editForm = false
-        },
-    },
-    mounted() {
-        this.input = document.querySelector('input[name="categories-custom"]')
-        this.init()
-    }
-}
-</script>

src/Loader.vue

@@ -1,42 +0,0 @@
-<!--
-@license GNU AGPL version 3 or any later version
-
-This program is free software: you can redistribute it and/or modify
-it under the terms of the GNU Affero General Public License as
-published by the Free Software Foundation, either version 3 of the
-License, or (at your option) any later version.
-
-This program is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-GNU Affero General Public License for more details.
-
-You should have received a copy of the GNU Affero General Public License
-along with this program. If not, see <http://www.gnu.org/licenses/>.
--->
-<template>
-    <div class="side-menu-loader">
-        <svg width="38" height="38" viewBox="0 0 38 38" xmlns="http://www.w3.org/2000/svg">
-            <g fill="none" fill-rule="evenodd">
-                <g transform="translate(1 1)" stroke-width="2">
-                    <circle stroke-opacity=".5" cx="18" cy="18" r="18"/>
-                    <path d="M36 18c0-9.94-8.06-18-18-18">
-                        <animateTransform
-                            attributeName="transform"
-                            type="rotate"
-                            from="0 18 18"
-                            to="360 18 18"
-                            dur="1s"
-                            repeatCount="indefinite"/>
-                    </path>
-                </g>
-            </g>
-        </svg>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'Loader',
-}
-</script>

src/SideMenu.js

@@ -1,50 +0,0 @@
-/**
- * @license GNU AGPL version 3 or any later version
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as
- * published by the Free Software Foundation, either version 3 of the
- * License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see <http://www.gnu.org/licenses/>.
- */
-
-import Vue from 'vue'
-import SideMenu from './SideMenu.vue'
-import SideMenuBig from './SideMenuBig.vue'
-import SideMenuWithCategories from './SideMenuWithCategories.vue'
-
-Vue.prototype.OC = OC
-
-const mountSideMenuComponent = () => {
-    const sideMenuContainer = document.querySelector('#side-menu')
-
-    if (sideMenuContainer) {
-        let component
-
-        if (sideMenuContainer.getAttribute('data-bigmenu')) {
-            component = SideMenuBig
-        } else if(sideMenuContainer.getAttribute('data-sidewithcategories')) {
-            component = SideMenuWithCategories
-        } else {
-            component = SideMenu
-        }
-
-        const View = Vue.extend(component)
-        const sideMenu = new View({})
-
-        sideMenu.$mount('#side-menu')
-
-        document.querySelector('body').dispatchEvent(new CustomEvent('side-menu.ready'))
-    } else {
-        window.setTimeout(mountSideMenuComponent, 50)
-    }
-}
-
-mountSideMenuComponent()

src/SideMenu.vue

@@ -1,168 +0,0 @@
-<!--
-@license GNU AGPL version 3 or any later version
-
-This program is free software: you can redistribute it and/or modify
-it under the terms of the GNU Affero General Public License as
-published by the Free Software Foundation, either version 3 of the
-License, or (at your option) any later version.
-
-This program is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-GNU Affero General Public License for more details.
-
-You should have received a copy of the GNU Affero General Public License
-along with this program. If not, see <http://www.gnu.org/licenses/>.
--->
-<template>
-    <div id="side-menu">
-        <div class="side-menu-header">
-            <SettingsButton
-                v-if="settings"
-                v-bind:href="settings.href"
-                v-bind:label="settings.name"
-                v-bind:avatar="settings.avatar" />
-
-            <OpenerButton />
-
-            <Logo
-                v-if="!avatar && logo" v-bind:classes="{'side-menu-logo': true, 'avatardiv': false}"
-                v-bind:image="logo"
-                v-bind:link="logoLink"
-            />
-
-            <Logo
-                v-if="avatar" v-bind:classes="{'side-menu-logo': true, 'avatardiv': true}"
-                v-bind:image="avatar"
-                v-bind:link="logoLink"
-            />
-        </div>
-
-        <ul class="side-menu-apps-list">
-            <SideMenuApp
-                v-for="app in apps"
-                v-bind:classes="{'side-menu-app': true, 'active': app.active}"
-                v-bind:icon="app.icon"
-                v-bind:label="app.name"
-                v-bind:href="app.href"
-                v-bind:target="targetBlankApps.indexOf(app.id) !== -1 ? '_blank' : undefined"
-            />
-        </ul>
-    </div>
-</template>
-
-<script>
-import trim from 'trim'
-import axios from 'axios'
-import OpenerButton from './OpenerButton'
-import SettingsButton from './SettingsButton'
-import SideMenuApp from './SideMenuApp'
-import Logo from './Logo'
-
-export default {
-    name: 'SideMenu',
-    components: {
-        SettingsButton,
-        OpenerButton,
-        SideMenuApp,
-        Logo,
-    },
-    data() {
-        return {
-            apps: [],
-            logo: null,
-            logoLink: null,
-            avatar: null,
-            forceLightIcon: false,
-            targetBlankApps: [],
-            settings: null,
-        }
-    },
-    methods: {
-        retrieveApps() {
-            this.apps = []
-            const links = document.querySelectorAll('#appmenu a')
-            const menu = document.querySelector('#appmenu')
-            let menuIsHidden = true
-
-            if (menu) {
-                menuIsHidden = window.getComputedStyle(menu, null).getPropertyValue('display') === 'none'
-            }
-
-            for (let element of links) {
-                let href = element.getAttribute('href')
-                var parent = element.parentNode
-
-                if (!parent) {
-                    continue
-                }
-
-                var dataId = parent.getAttribute('data-id')
-                dataId = dataId !== null ? dataId : ''
-
-                if (!parent.classList.contains('app-top-side-menu') && !parent.classList.contains('app-hidden') && !menuIsHidden) {
-                    continue
-                }
-
-                if (href !== '#') {
-                    let svg = element.querySelector('svg').outerHTML
-
-                    svg = svg
-                        .replace(/(height|width)="20"/, '')
-                        .replace('id="invertMenuMain', 'id="invertSideMenu')
-                        .replace('url(#invertMenuMain', 'url(#invertSideMenu')
-
-                    if (this.forceLightIcon) {
-                        svg = svg.replace(/filter="url[^"]+"/, '')
-                    }
-
-                    this.apps.push({
-                        id: dataId,
-                        href: href,
-                        name: trim(element.querySelector('span').innerHTML),
-                        icon: svg,
-                        active: element.classList.contains('active')
-                    })
-                }
-            }
-
-            (function(apps) {
-                window.setTimeout(function() {
-                    document.querySelector('body').dispatchEvent(new CustomEvent('side-menu.apps', {
-                        detail: {apps: apps},
-                    }))
-                }, 1000)
-            })(this.apps)
-        },
-
-        retrieveConfig() {
-            let that = this
-
-            axios
-                .get(OC.generateUrl('/apps/side_menu/js/config'))
-                .then(function(response) {
-                    const config = response.data
-
-                    that.targetBlankApps = config['target-blank-apps']
-                    that.forceLightIcon = config['force-light-icon']
-                    that.avatar = config['avatar']
-                    that.logo = config['logo']
-                    that.logoLink = config['logo-link']
-                    that.settings = config['settings']
-                })
-        },
-    },
-    mounted() {
-        this.retrieveConfig()
-        this.retrieveApps()
-
-        const menu = document.querySelector('#appmenu')
-
-        if (menu) {
-            const config = {attributes: true, childList: true, subtree: true}
-            const observer = new MutationObserver(this.retrieveApps)
-            observer.observe(menu, config)
-        }
-    }
-}
-</script>

src/SideMenuApp.vue

@@ -1,52 +0,0 @@
-<!--
-@license GNU AGPL version 3 or any later version
-
-This program is free software: you can redistribute it and/or modify
-it under the terms of the GNU Affero General Public License as
-published by the Free Software Foundation, either version 3 of the
-License, or (at your option) any later version.
-
-This program is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-GNU Affero General Public License for more details.
-
-You should have received a copy of the GNU Affero General Public License
-along with this program. If not, see <http://www.gnu.org/licenses/>.
--->
-<template>
-    <li v-bind:class="classes">
-        <a v-bind:href="href" :target="target" v-bind:title="label">
-            <span class="side-menu-app-icon" v-html="icon"></span>
-            <span class="side-menu-app-text" v-html="label"></span>
-        </a>
-    </li>
-</template>
-
-<script>
-export default {
-    name: 'SideMenuApp',
-    props: {
-        label: {
-            type: String,
-            required: true
-        },
-        icon: {
-            type: String,
-            required: true
-        },
-        href: {
-            type: String,
-            required: true
-        },
-        classes: {
-            type: Object,
-            required: true
-        },
-        target: {
-            type: String,
-            required: false
-        },
-    },
-}
-</script>

src/SideMenuBig.vue

@@ -1,130 +0,0 @@
-<!--
-@license GNU AGPL version 3 or any later version
-
-This program is free software: you can redistribute it and/or modify
-it under the terms of the GNU Affero General Public License as
-published by the Free Software Foundation, either version 3 of the
-License, or (at your option) any later version.
-
-This program is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-GNU Affero General Public License for more details.
-
-You should have received a copy of the GNU Affero General Public License
-along with this program. If not, see <http://www.gnu.org/licenses/>.
--->
-<template>
-    <div id="side-menu" class="side-menu-big">
-        <div class="side-menu-header">
-            <CloserButton />
-
-            <SettingsButton
-                v-if="settings"
-                v-bind:href="settings.href"
-                v-bind:label="settings.name"
-                v-bind:avatar="settings.avatar"
-            />
-
-            <OpenerButton />
-        </div>
-
-        <div class="side-menu-categories-wrapper">
-            <div class="side-menu-categories">
-                <Loader v-if="!items.length" />
-
-                <div class="side-menu-category" v-for="category in items">
-                    <h2 class="side-menu-category-title" v-if="category.name != ''" v-html="category.name"></h2>
-
-                    <ul class="side-menu-apps-list">
-                        <SideMenuBigApp
-                            v-for="(app, appId) in category.apps"
-                            v-bind:classes="{'side-menu-app': true, 'active': activeApp === appId}"
-                            v-bind:icon="app.icon"
-                            v-bind:label="app.name"
-                            v-bind:href="app.href"
-                            v-bind:target="targetBlankApps.indexOf(appId) !== -1 ? '_blank' : undefined"
-                        />
-                    </ul>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script>
-import trim from 'trim'
-import axios from 'axios'
-import OpenerButton from './OpenerButton'
-import CloserButton from './CloserButton'
-import SettingsButton from './SettingsButton'
-import Loader from './Loader'
-import SideMenuBigApp from './SideMenuBigApp'
-
-export default {
-    name: 'SideMenuBig',
-    components: {
-        SettingsButton,
-        OpenerButton,
-        CloserButton,
-        Loader,
-        SideMenuBigApp,
-    },
-    data() {
-        return {
-            items: [],
-            activeApp: null,
-            targetBlank: false,
-            targetBlankApps: [],
-            settings: null,
-        }
-    },
-    methods: {
-        retrieveApps() {
-            this.apps = []
-            let that = this
-
-            axios
-                .get(OC.generateUrl('/apps/side_menu/nav/items'))
-                .then(function(response) {
-                    that.items = response.data.items
-
-                    let apps = []
-
-                    for (let category of that.items) {
-                        for (let a in category.apps) {
-                            apps.push(category.apps[a])
-                        }
-                    }
-
-                    document.querySelector('body').dispatchEvent(new CustomEvent('side-menu.apps', {
-                        detail: {apps: apps},
-                    }))
-                })
-        },
-
-        retrieveActiveApp() {
-            let activeAppLink = document.querySelector('#appmenu a.active')
-            this.activeApp = activeAppLink ? activeAppLink.parentNode.getAttribute('data-id') : null
-        },
-
-        retrieveConfig() {
-            let that = this
-
-            axios
-                .get(OC.generateUrl('/apps/side_menu/js/config'))
-                .then(function(response) {
-                    const config = response.data
-
-                    that.targetBlankApps = config['target-blank-apps']
-                    that.settings = config['settings']
-                })
-        },
-    },
-    mounted() {
-        this.retrieveConfig()
-        this.retrieveApps()
-        this.retrieveActiveApp()
-    }
-}
-</script>

src/SideMenuBigApp.vue

@@ -1,52 +0,0 @@
-<!--
-@license GNU AGPL version 3 or any later version
-
-This program is free software: you can redistribute it and/or modify
-it under the terms of the GNU Affero General Public License as
-published by the Free Software Foundation, either version 3 of the
-License, or (at your option) any later version.
-
-This program is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-GNU Affero General Public License for more details.
-
-You should have received a copy of the GNU Affero General Public License
-along with this program. If not, see <http://www.gnu.org/licenses/>.
--->
-<template>
-    <li v-bind:class="classes">
-        <a v-bind:href="href" :target="target" v-bind:title="label">
-            <img class="side-menu-app-icon" v-bind:src="icon"></span>
-            <span class="side-menu-app-text" v-html="label"></span>
-        </a>
-    </li>
-</template>
-
-<script>
-export default {
-    name: 'SideMenuBigApp',
-    props: {
-        label: {
-            type: String,
-            required: true
-        },
-        icon: {
-            type: String,
-            required: true
-        },
-        href: {
-            type: String,
-            required: true
-        },
-        classes: {
-            type: Object,
-            required: true
-        },
-        target: {
-            type: String,
-            required: false
-        },
-    },
-}
-</script>

src/SideMenuWithCategories.vue

@@ -1,128 +0,0 @@
-<!--
-@license GNU AGPL version 3 or any later version
-
-This program is free software: you can redistribute it and/or modify
-it under the terms of the GNU Affero General Public License as
-published by the Free Software Foundation, either version 3 of the
-License, or (at your option) any later version.
-
-This program is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-GNU Affero General Public License for more details.
-
-You should have received a copy of the GNU Affero General Public License
-along with this program. If not, see <http://www.gnu.org/licenses/>.
--->
-<template>
-    <div id="side-menu" class="side-menu-with-categories">
-        <div class="side-menu-header">
-            <SettingsButton
-                v-if="settings"
-                v-bind:href="settings.href"
-                v-bind:label="settings.name"
-                v-bind:avatar="settings.avatar"
-            />
-
-            <OpenerButton />
-        </div>
-
-        <div class="side-menu-categories-wrapper">
-            <div class="side-menu-categories">
-                <Loader v-if="!items.length" />
-
-                <div class="side-menu-category" v-for="category in items">
-                    <h2 class="side-menu-category-title" v-if="category.name != ''" v-html="category.name"></h2>
-
-                    <ul class="side-menu-apps-list">
-                        <SideMenuBigApp
-                            v-for="(app, appId) in category.apps"
-                            v-bind:classes="{'side-menu-app': true, 'active': activeApp === appId}"
-                            v-bind:icon="app.icon"
-                            v-bind:label="app.name"
-                            v-bind:href="app.href"
-                            v-bind:target="targetBlankApps.indexOf(appId) !== -1 ? '_blank' : undefined"
-                        />
-                    </ul>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script>
-import trim from 'trim'
-import axios from 'axios'
-import OpenerButton from './OpenerButton'
-import CloserButton from './CloserButton'
-import SettingsButton from './SettingsButton'
-import Loader from './Loader'
-import SideMenuBigApp from './SideMenuBigApp'
-
-export default {
-    name: 'SideMenuWithCategories',
-    components: {
-        SettingsButton,
-        OpenerButton,
-        CloserButton,
-        Loader,
-        SideMenuBigApp,
-    },
-    data() {
-        return {
-            items: [],
-            activeApp: null,
-            targetBlank: false,
-            targetBlankApps: [],
-            settings: null,
-        }
-    },
-    methods: {
-        retrieveApps() {
-            this.apps = []
-            let that = this
-
-            axios
-                .get(OC.generateUrl('/apps/side_menu/nav/items'))
-                .then(function(response) {
-                    that.items = response.data.items
-
-                    let apps = []
-
-                    for (let category of that.items) {
-                        for (let a in category.apps) {
-                            apps.push(category.apps[a])
-                        }
-                    }
-
-                    document.querySelector('body').dispatchEvent(new CustomEvent('side-menu.apps', {
-                        detail: {apps: apps},
-                    }))
-                })
-        },
-
-        retrieveActiveApp() {
-            let activeAppLink = document.querySelector('#appmenu a.active')
-            this.activeApp = activeAppLink ? activeAppLink.parentNode.getAttribute('data-id') : null
-        },
-
-        retrieveConfig() {
-            let that = this
-
-            axios
-                .get(OC.generateUrl('/apps/side_menu/js/config'))
-                .then(function(response) {
-                    const config = response.data
-
-                    that.targetBlankApps = config['target-blank-apps']
-                    that.settings = config['settings']
-                })
-        },
-    },
-    mounted() {
-        this.retrieveConfig()
-        this.retrieveApps()
-        this.retrieveActiveApp()
-    }
-}
-</script>

src/admin.js

@@ -8,235 +8,27 @@
  *
  * This program is distributed in the hope that it will be useful,
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  * GNU Affero General Public License for more details.
  *
  * You should have received a copy of the GNU Affero General Public License
- * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
  */
 
-import AdminCategoriesCustom from './AdminCategoriesCustom.vue'
+import './scss/admin.scss'
-import Vue from 'vue'
 
-Vue.prototype.OC = window.OC
+import '@formatjs/intl-segmenter/polyfill.js'
-Vue.prototype.OCA = window.OCA
 
-let elements = []
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+import { waitContainer } from './lib/dom.js'
 
-const selector = '#side-menu-message'
+import AdminSettings from './pages/AdminSettings'
 
-const userConfig = (name, value, callbacks) => {
+waitContainer('#side-menu-admin-settings').then((selector) => {
-    const url = OC.generateUrl('/apps/side_menu/personalSetting/valueSet')
+  const pinia = createPinia()
-    const formData = []
+  const app = createApp(AdminSettings)
-
+  app.use(pinia)
-    formData.push('name=' + encodeURIComponent(name))
+  app.mixin({ methods: { t, n } })
-    formData.push('value=' + encodeURIComponent(value))
+  app.mount(selector)
-
-    fetch(url, {
-        method: 'POST',
-        headers: {
-            'Content-Type': 'application/x-www-form-urlencoded',
-        },
-        body: formData.join('&')
-    })
-    .then(callbacks.success)
-    .catch(callbacks.error)
-}
-
-const appConfig = (name, value, callbacks) => {
-    OCP.AppConfig.setValue('side_menu', name, value, callbacks)
-}
-
-const saveSettings = (key) => {
-    const element = elements[key]
-
-    if (!element) {
-        return
-    }
-
-    let value
-    let name
-
-    if (element.hasAttribute('data-checkbox')) {
-        name = element.getAttribute('data-name')
-        value = []
-
-        const inputs = document.querySelectorAll('input[name="' + name + '[]"]:checked')
-
-        for (let input of inputs) {
-            value.push(input.value)
-        }
-
-        value = JSON.stringify(value)
-    } else {
-        name = element.getAttribute('name')
-        value = element.value
-    }
-
-    const size = elements.length
-
-    if (name === 'cache') {
-        ++value
-    }
-
-    const callbacks = {
-        success: () => {
-            OC.msg.finishedSuccess(
-                selector,
-                t('side_menu', (key + 1) + '/' + size)
-            )
-
-            if (key < size - 1) {
-                saveSettings(key + 1)
-            } else {
-                OC.msg.finishedSuccess(selector, t('side_menu', 'Saved! Page is reloading...'))
-                location.reload()
-            }
-        },
-        error: () => {
-            OC.msg.finishedError(selector, t('side_menu', 'Error while saving "' + element + '"'))
-        }
-    }
-
-    if (element.hasAttribute('data-personal')) {
-        userConfig(name, value, callbacks)
-    } else {
-        appConfig(name, value, callbacks)
-    }
-}
-
-const elementToggler = (element) => {
-    let display = 'none'
-
-    if (window.getComputedStyle(element).display === 'none') {
-        display = 'block'
-    }
-
-    element.style.display = display
-}
-
-const updateAppsCategoriesCustom = () => {
-    let values = {}
-
-    for (let item of document.querySelectorAll('.apps-categories-custom')) {
-        let app = item.getAttribute('data-app')
-        let value = item.value
-
-        if (value) {
-            values[app] = value
-        }
-    }
-
-    document.querySelector('#apps-categories-custom').value = JSON.stringify(values)
-}
-
-document.addEventListener('DOMContentLoaded', () => {
-    if (document.querySelector('#side-menu-categories-custom')) {
-        const View = Vue.extend(AdminCategoriesCustom)
-        const adminCategoriesCustom = new View({})
-
-        adminCategoriesCustom.$mount('#side-menu-categories-custom')
-    }
-
-    elements = document.querySelectorAll('.side-menu-setting')
-
-    document.querySelector('#side-menu-save').addEventListener('click', (event) => {
-        event.preventDefault()
-        OC.msg.startSaving(selector)
-
-        saveSettings(0)
-    })
-
-    const displays = document.querySelectorAll('.side-menu-display')
-
-    for (let display of displays) {
-        display.addEventListener('click', (event) => {
-            const target = event.target
-
-            for (let d of displays) {
-                d.classList.toggle('is-active', d === display)
-            }
-
-            document.querySelector('#side-menu-always-displayed').value = target.getAttribute('data-alwaysdiplayed')
-            document.querySelector('#side-menu-big-menu').value = target.getAttribute('data-bigmenu')
-            document.querySelector('#side-menu-side-with-categories').value = target.getAttribute('data-sidewithcategories')
-        })
-    }
-
-    for (let item of document.querySelectorAll('.apps-categories-custom')) {
-        item.addEventListener('change', (event) => {
-            updateAppsCategoriesCustom()
-        })
-    }
-
-    for (let item of document.querySelectorAll('.side-menu-setting-live')) {
-        item.addEventListener('change', (event) => {
-            const target = event.target
-            const name = target.getAttribute('name')
-
-            let value = target.value
-            let id = null
-
-            if (name === 'background-color-opacity') {
-                id = '#side-menu-background-color, #side-menu-background-color-to'
-            } else if (name === 'dark-mode-background-color-opacity') {
-                id = '#side-menu-dark-mode-background-color, #side-menu-dark-mode-background-color-to'
-            }
-
-            if (id) {
-                document.querySelector(id).dispatchEvent(new CustomEvent('change'))
-
-                return
-            }
-
-            if (name === 'opener') {
-                const url = OC.generateUrl(`/apps/side_menu/img/${value}.svg`).replace('/index.php', '')
-
-                value = `url(${url})`
-            }
-
-            if (name === 'icon-invert-filter' || name === 'icon-opacity') {
-                value/=100
-            }
-
-            if (['dark-mode-background-color', 'dark-mode-background-color-to'].indexOf(name) > -1) {
-                const opacity = parseInt(document.querySelector('#side-menu-dark-mode-background-color-opacity').value * 255 / 100)
-
-                value = [value, opacity.toString(16)].join('')
-            } else if (['background-color', 'background-color-to'].indexOf(name) > -1) {
-                const opacity = parseInt(document.querySelector('#side-menu-background-color-opacity').value * 255 / 100)
-
-                value = [value, opacity.toString(16)].join('')
-            }
-
-            document.documentElement.style.setProperty('--side-menu-' + name, value)
-        })
-    }
-
-    for (let toggler of document.querySelectorAll('.side-menu-toggler')) {
-        toggler.addEventListener('click', (event) => {
-            const target = event.target
-            const element = document.querySelector(target.getAttribute('data-target'))
-
-            elementToggler(element)
-        })
-    }
-
-    sortable('#categories-list .side-menu-setting-list', {
-        placeholderClass: 'side-menu-setting-list-drop'
-    })
-
-    try {
-        sortable('#categories-list .side-menu-setting-list')[0].addEventListener('sortstop', (e) => {
-            let value = []
-
-            for (let item of document.querySelectorAll('#categories-list .side-menu-setting-list-item')) {
-                console.log(item.getAttribute('data-id'))
-                value.push(item.getAttribute('data-id'))
-            }
-
-            document.querySelector('input[name="categories-order"]').value = JSON.stringify(value)
-        })
-    } catch (e) {
-    }
 })

src/components/AppSearch.vue

@@ -0,0 +1,29 @@
+<!--
+@license GNU AGPL version 3 or any later version
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <http://www.gnu.org/licenses/>.
+-->
+<template>
+  <div class="cm-search">
+    <input
+      v-model="model"
+      type="text"
+      :placeholder="t('side_menu', 'Search')"
+    />
+  </div>
+</template>
+
+<script setup>
+const model = defineModel({ type: String })
+</script>

src/components/CloserButton.vue

@@ -15,11 +15,15 @@ You should have received a copy of the GNU Affero General Public License
 along with this program. If not, see <http://www.gnu.org/licenses/>.
 -->
 <template>
-    <button class="side-menu-opener side-menu-closer"></button>
+  <button
+    class="cm-opener cm-closer"
+    :arial-label="t('side_menu', 'Close the menu')"
+    @click="$emit('click')"
+  >
+    <span>{{ t('side_menu', 'Close the menu') }}</span>
+  </button>
 </template>
 
-<script>
+<script setup>
-export default {
+defineEmits(['click'])
-    name: 'CloserButton',
-}
 </script>

src/components/MenuLogo.vue

@@ -0,0 +1,52 @@
+<!--
+@license GNU AGPL version 3 or any later version
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <http://www.gnu.org/licenses/>.
+-->
+<template>
+  <div :class="classes">
+    <a
+      v-if="link !== null"
+      :href="link"
+    >
+      <img
+        :src="image"
+        alt="Logo"
+      />
+    </a>
+    <img
+      v-else
+      :src="image"
+      alt="Logo"
+    />
+  </div>
+</template>
+
+<script setup>
+const { image, link, classes } = defineProps({
+  image: {
+    type: String,
+    required: true,
+  },
+  link: {
+    type: String,
+    required: false,
+    default: null,
+  },
+  classes: {
+    type: Object,
+    required: true,
+  },
+})
+</script>

src/components/OpenerButton.vue

@@ -15,11 +15,15 @@ You should have received a copy of the GNU Affero General Public License
 along with this program. If not, see <http://www.gnu.org/licenses/>.
 -->
 <template>
-    <button class="side-menu-opener"></button>
+  <button
+    class="cm-opener"
+    :arial-label="label"
+    @click="$emit('click')"
+  >
+    <span>{{ t('side_menu', 'Toggle the menu') }}</span>
+  </button>
 </template>
 
-<script>
+<script setup>
-export default {
+defineEmits(['click'])
-    name: 'OpenerButton',
-}
 </script>

src/components/PageLoader.vue

@@ -0,0 +1,49 @@
+<!--
+@license GNU AGPL version 3 or any later version
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <http://www.gnu.org/licenses/>.
+-->
+<template>
+  <div class="cm-loader">
+    <div
+      class="cm-loader-bar"
+      :style="createStyle(width)"
+    ></div>
+  </div>
+</template>
+
+<script setup>
+import { onMounted, ref } from 'vue'
+
+const width = ref(0)
+const createStyle = (size) => {
+  return {
+    width: `${size}%`,
+  }
+}
+let interval = null
+
+onMounted(() => {
+  window.addEventListener('beforeunload', () => {
+    interval = setInterval(() => {
+      width.value = Math.min(width.value + 0.2, 100)
+
+      if (width.value === 100) {
+        clearInterval(interval)
+        window.setTimeout(() => (width.value = 0), 2000)
+      }
+    }, 25)
+  })
+})
+</script>

src/components/SettingsButton.vue

@@ -0,0 +1,49 @@
+<!--
+@license GNU AGPL version 3 or any later version
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <http://www.gnu.org/licenses/>.
+-->
+<template>
+  <div class="cm-setting">
+    <a :href="href">
+      <!--
+      {{ label }}
+      -->
+
+      <span class="avatardiv avatardiv-shown">
+        <img
+          :src="avatar"
+          :alt="label"
+        />
+      </span>
+    </a>
+  </div>
+</template>
+
+<script setup>
+const { label, href, avatar } = defineProps({
+  label: {
+    type: String,
+    required: true,
+  },
+  href: {
+    type: String,
+    required: true,
+  },
+  avatar: {
+    type: String,
+    required: true,
+  },
+})
+</script>

src/components/SideMenuApp.vue

@@ -0,0 +1,58 @@
+<!--
+@license GNU AGPL version 3 or any later version
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <http://www.gnu.org/licenses/>.
+-->
+<template>
+  <li :class="classes">
+    <a
+      :href="href"
+      :target="target"
+      :title="label"
+    >
+      <img
+        class="cm-app-icon"
+        :src="icon"
+        :alt="label"
+      />
+      <span class="cm-app-text">{{ label }}</span>
+    </a>
+  </li>
+</template>
+
+<script setup>
+const { label, icon, href, classes, target } = defineProps({
+  label: {
+    type: String,
+    required: true,
+  },
+  icon: {
+    type: String,
+    required: true,
+  },
+  href: {
+    type: String,
+    required: true,
+  },
+  classes: {
+    type: Object,
+    required: true,
+  },
+  target: {
+    type: String,
+    required: false,
+    default: null,
+  },
+})
+</script>

src/components/SideMenuBigApp.vue

@@ -0,0 +1,58 @@
+<!--
+@license GNU AGPL version 3 or any later version
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <http://www.gnu.org/licenses/>.
+-->
+<template>
+  <li :class="classes">
+    <a
+      :href="href"
+      :target="target"
+      :title="label"
+    >
+      <img
+        class="cm-app-icon"
+        :src="icon"
+        :alt="label"
+      />
+      <span class="cm-app-text">{{ label }}</span>
+    </a>
+  </li>
+</template>
+
+<script setup>
+const { label, icon, href, classes, target } = defineProps({
+  label: {
+    type: String,
+    required: true,
+  },
+  icon: {
+    type: String,
+    required: true,
+  },
+  href: {
+    type: String,
+    required: true,
+  },
+  classes: {
+    type: Object,
+    required: true,
+  },
+  target: {
+    type: String,
+    required: false,
+    default: null,
+  },
+})
+</script>

src/components/settings/AdminSaveButton.vue

@@ -0,0 +1,103 @@
+<template>
+  <div class="cm-settings-btn cm-settings-btn--save">
+    <NcButton
+      variant="success"
+      @click="save"
+    >
+      <template v-if="!loading">
+        {{ t('side_menu', 'Save') }}
+      </template>
+      <NcLoadingIcon v-else />
+    </NcButton>
+
+    <div
+      v-if="error"
+      id="error"
+    >
+      {{ error }}
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { NcButton, NcLoadingIcon } from '@nextcloud/vue'
+import { ref } from 'vue'
+import { waitPasswordConfirmation } from '../../lib/setting.js'
+
+const loading = ref(false)
+const error = ref(null)
+const { config } = defineProps({
+  config: {
+    type: Object,
+    required: true,
+  },
+})
+
+const filterConfig = (value) => {
+  const result = {}
+
+  for (let key in value) {
+    if (['cache-categories', 'cache', 'langs', 'enabled'].includes(key) === false) {
+      result[key] = value[key]
+    }
+  }
+
+  return result
+}
+
+const save = async () => {
+  const data = filterConfig(config)
+  const size = Object.keys(data).length
+  let counter = 0
+
+  loading.value = true
+  error.value = null
+
+  const update = () => {
+    ++counter
+
+    if (counter === size) {
+      loading.value = false
+
+      if (!error.value) {
+        location.reload()
+      }
+    }
+  }
+
+  waitPasswordConfirmation()
+    .then(() => {
+      for (let key in data) {
+        let value = data[key]
+
+        if (Array.isArray(value) || typeof value === 'object') {
+          value = JSON.stringify(value)
+        } else if (typeof value === 'boolean') {
+          value = value ? '1' : '0'
+        }
+
+        OCP.AppConfig.setValue('side_menu', key, value.toString(), {
+          success() {
+            update()
+          },
+          error() {
+            error.value = `Error while saving ${key}`
+            update()
+          },
+        })
+      }
+    })
+    .catch(() => {
+      counter = 0
+      loading.value = false
+      error.value = null
+    })
+}
+</script>
+
+<style scoped>
+#error {
+  padding-top: 10px;
+  color: red;
+}
+</style>

src/components/settings/ExternalLink.vue

@@ -0,0 +1,18 @@
+<template>
+  <a
+    :href="href"
+    rel="noopener"
+    target="_blank"
+  >
+    <slot></slot>
+  </a>
+</template>
+
+<script setup>
+defineProps({
+  href: {
+    type: String,
+    required: true,
+  },
+})
+</script>

src/components/settings/SectionTitle.vue

@@ -15,30 +15,21 @@ You should have received a copy of the GNU Affero General Public License
 along with this program. If not, see <http://www.gnu.org/licenses/>.
 -->
 <template>
-    <div v-bind:class="classes">
+  <h2>{{ t('side_menu', label) }}</h2>
-        <a v-if="link !== null" v-bind:href="link">
-            <img v-bind:src="image">
-        </a>
-        <img v-else v-bind:src="image">
-    </div>
 </template>
 
-<script>
+<script setup>
-export default {
+const { label } = defineProps({
-    name: 'Logo',
+  label: {
-    props: {
+    type: String,
-        image: {
+    required: true,
-            type: String,
+  },
-            required: true
+})
-        },
-        link: {
-            type: String,
-            required: false
-        },
-        classes: {
-            type: Object,
-            required: true
-        },
-    },
-}
 </script>
+
+<style scoped>
+h2 {
+  font-size: 1.3em;
+  margin: 0 0 12px 0;
+}
+</style>

src/components/settings/SettingItem.vue

@@ -15,33 +15,26 @@ You should have received a copy of the GNU Affero General Public License
 along with this program. If not, see <http://www.gnu.org/licenses/>.
 -->
 <template>
-    <div class="side-menu-settings">
+  <div
-        <a v-bind:href="href">
+    class="cm-settings-item"
-            {{ label }}
+    :class="{ 'cm-settings-item--disabled': disabled }"
-
+  >
-            <span class="avatardiv avatardiv-shown">
+    <slot></slot>
-                <img v-bind:src="avatar" v-bind:alt="name" v-bind:title="name">
+  </div>
-            </span>
-        </a>
-    </div>
 </template>
 
-<script>
+<script setup>
-export default {
+const { disabled } = defineProps({
-    name: 'SettingsButton',
+  disabled: {
-    props: {
+    type: Boolean,
-        label: {
+    required: false,
-            type: String,
+    default: false,
-            required: true
+  },
-        },
+})
-        href: {
-            type: String,
-            required: true
-        },
-        avatar: {
-            type: String,
-            required: true
-        },
-    },
-}
 </script>
+
+<style scoped>
+.disabled {
+  display: block;
+}
+</style>

src/components/settings/SettingLabel.vue

@@ -0,0 +1,71 @@
+<!--
+@license GNU AGPL version 3 or any later version
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <http://www.gnu.org/licenses/>.
+-->
+<template>
+  <div
+    class="cm-settings-item-label"
+    :class="{
+      'cm-settings-item-label--short': short,
+      'cm-settings-item-label--top': top,
+      'cm-settings-item-label--middle': middle,
+    }"
+  >
+    {{ t('side_menu', label) }}
+
+    <template v-if="help">
+      <br />
+      <em>{{ t('side_menu', help) }}</em>
+    </template>
+    <template v-if="help2">
+      <br />
+      <em>{{ t('side_menu', help2) }}</em>
+    </template>
+  </div>
+</template>
+
+<script setup>
+const { short, label } = defineProps({
+  short: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
+  label: {
+    type: String,
+    required: true,
+  },
+  middle: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
+  top: {
+    type: Boolean,
+    required: false,
+    default: true,
+  },
+  help: {
+    type: [String, null],
+    required: false,
+    default: null,
+  },
+  help2: {
+    type: [String, null],
+    required: false,
+    default: null,
+  },
+})
+</script>

src/components/settings/SettingValue.vue

@@ -0,0 +1,34 @@
+<!--
+@license GNU AGPL version 3 or any later version
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <http://www.gnu.org/licenses/>.
+-->
+<template>
+  <div
+    class="side-menu-setting-form"
+    :class="{ 'side-menu-setting-form-long': long }"
+  >
+    <slot></slot>
+  </div>
+</template>
+
+<script setup>
+const { long } = defineProps({
+  long: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
+})
+</script>

src/components/settings/SettingsSection.vue

@@ -0,0 +1,34 @@
+<!--
+@license GNU AGPL version 3 or any later version
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <http://www.gnu.org/licenses/>.
+-->
+<template>
+  <div
+    class="cm-settings-section"
+    :class="{ 'cm-settings-section--hidden': hidden }"
+  >
+    <slot></slot>
+  </div>
+</template>
+
+<script setup>
+defineProps({
+  hidden: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
+})
+</script>

src/components/settings/UserSaveButton.vue

@@ -0,0 +1,99 @@
+<template>
+  <div class="cm-settings-btn cm-settings-btn--save">
+    <NcButton
+      variant="success"
+      @click="save"
+    >
+      <template v-if="!loading">
+        {{ t('side_menu', 'Save') }}
+      </template>
+      <NcLoadingIcon v-else />
+    </NcButton>
+
+    <div
+      v-if="error"
+      id="error"
+    ></div>
+  </div>
+</template>
+
+<script setup>
+import { NcButton, NcLoadingIcon } from '@nextcloud/vue'
+import { ref } from 'vue'
+
+const loading = ref(false)
+const error = ref(null)
+const { config } = defineProps({
+  config: {
+    type: Object,
+    required: true,
+  },
+})
+
+const filterConfig = (value) => {
+  const result = {}
+
+  for (let key in value) {
+    result[key] = value[key]
+  }
+
+  return result
+}
+
+const save = async () => {
+  const data = filterConfig(config)
+  const size = Object.keys(data).length
+  const url = OC.generateUrl('/apps/side_menu/user/valueSet')
+
+  let counter = 0
+
+  loading.value = true
+  error.value = null
+
+  const update = () => {
+    ++counter
+
+    if (counter === size) {
+      loading.value = false
+
+      if (!error.value) {
+        location.reload()
+      }
+    }
+  }
+
+  for (let key in data) {
+    let value = data[key]
+    let formData = []
+
+    if (Array.isArray(value) || typeof value === 'object') {
+      value = JSON.stringify(value)
+    } else if (typeof value === 'boolean') {
+      value = value ? '1' : '0'
+    }
+
+    formData.push('name=' + encodeURIComponent(key))
+    formData.push('value=' + encodeURIComponent(value.toString()))
+
+    fetch(url, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/x-www-form-urlencoded',
+      },
+      body: formData.join('&'),
+    })
+      .then(update)
+      .catch(() => {
+        error.value = `Error while saving ${key}`
+        update()
+      })
+  }
+}
+</script>
+
+<style scoped>
+#error {
+  padding-top: 10px;
+  color: red;
+}
+</style>

src/components/settings/form/FormAppCategory.vue

@@ -0,0 +1,292 @@
+<!--
+@license GNU AGPL version 3 or any later version
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <http://www.gnu.org/licenses/>.
+-->
+<template>
+  <div class="cm-settings-form-appcategory">
+    <NcButton
+      aria-label="t('side_menu', 'Customize')"
+      variant="primary"
+      @click="openModal"
+    >
+      {{ t('side_menu', 'Customize') }}
+    </NcButton>
+
+    <NcModal
+      v-if="modal"
+      class="cm-settings-form-appcategory-modal"
+      @close="closeModal"
+    >
+      <div class="modal__content">
+        <div class="menu">
+          <NcButton
+            aria-label="t('side_menu', 'Categories')"
+            :variant="section === 'cats' ? 'primary' : 'secondary'"
+            @click="setSection('cats')"
+          >
+            {{ t('side_menu', 'Categories') }}
+          </NcButton>
+          <NcButton
+            aria-label="t('side_menu', 'Applications')"
+            :variant="section === 'apps' ? 'primary' : 'secondary'"
+            @click="setSection('apps')"
+          >
+            {{ t('side_menu', 'Applications') }}
+          </NcButton>
+        </div>
+
+        <div v-if="section === 'cats'">
+          <table
+            v-if="!newCustomCategory && editCustomCategoryKey === null"
+            width="100%"
+          >
+            <tbody>
+              <tr
+                v-for="(item, key) in categoriesCustom"
+                :key="key"
+              >
+                <td>{{ item[langs[0]] }}</td>
+                <td width="50px">
+                  <NcActions>
+                    <NcActionButton
+                      icon="icon-edit"
+                      @click="editCustomCategory(key)"
+                    ></NcActionButton>
+                    <NcActionButton
+                      icon="icon-delete"
+                      @click="removeCustomCategory(key)"
+                    ></NcActionButton>
+                  </NcActions>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+          <div
+            v-else
+            class="form"
+          >
+            <template v-if="newCustomCategory">
+              <NcTextField
+                v-for="lang in langs"
+                :key="lang"
+                v-model="newCustomCategory[lang]"
+                :label="lang"
+              />
+            </template>
+            <template v-if="editCustomCategoryKey !== null">
+              <NcTextField
+                v-for="lang in langs"
+                :key="lang"
+                v-model="categoriesCustom[editCustomCategoryKey][lang]"
+                :label="lang"
+              />
+            </template>
+          </div>
+        </div>
+
+        <div v-if="section === 'apps'">
+          <table width="100%">
+            <tbody>
+              <tr
+                v-for="item in apps"
+                :key="item.id"
+              >
+                <td>
+                  <img
+                    :src="item.icon"
+                    :alt="item.name"
+                  />
+                  {{ item.name }}
+                </td>
+                <td width="50%">
+                  <FormSelect
+                    v-model="appsCategoriesCustom[item.id]"
+                    :options="getOptions(categoriesCustom)"
+                    :required="false"
+                  />
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+
+        <div class="modal__footer">
+          <template v-if="section === 'cats'">
+            <template v-if="newCustomCategory">
+              <NcActions>
+                <NcActionButton
+                  icon="icon-close"
+                  @click="cancelCustomCategory"
+                ></NcActionButton>
+              </NcActions>
+              <NcActions>
+                <NcActionButton
+                  icon="icon-checkmark"
+                  @click="saveCustomCategory"
+                ></NcActionButton>
+              </NcActions>
+            </template>
+            <template v-if="editCustomCategoryKey !== null">
+              <NcActions>
+                <NcActionButton
+                  icon="icon-close"
+                  @click="cancelCustomCategory"
+                ></NcActionButton>
+              </NcActions>
+            </template>
+            <template v-else>
+              <NcActions>
+                <NcActionButton
+                  v-if="!newCustomCategory && editCustomCategoryKey === null"
+                  icon="icon-add"
+                  @click="addCustomCategory"
+                ></NcActionButton>
+                <NcActionButton
+                  v-if="editCustomCategoryKey !== null"
+                  icon="icon-checkmark"
+                  @click="saveCustomCategory"
+                ></NcActionButton>
+              </NcActions>
+            </template>
+          </template>
+          <NcButton
+            variant="primary"
+            class="btn-close"
+            @click="closeModal"
+          >
+            {{ t('side_menu', 'Close') }}
+          </NcButton>
+        </div>
+      </div>
+    </NcModal>
+  </div>
+</template>
+
+<script setup>
+import { NcButton, NcModal, NcActions, NcActionButton, NcTextField } from '@nextcloud/vue'
+import { useNavStore } from '../../../store/nav.js'
+import { ref, onMounted, watch } from 'vue'
+import FormSelect from './FormSelect'
+
+const emit = defineEmits(['update:categoriesCustom', 'update:appsCategoriesCustom'])
+const { categoriesCustom, appsCategoriesCustom, langs } = defineProps({
+  categoriesCustom: {
+    type: Array,
+    required: true,
+  },
+  appsCategoriesCustom: {
+    type: [Object, Array],
+    required: true,
+  },
+  langs: {
+    type: Array,
+    required: true,
+  },
+})
+
+const navStore = useNavStore()
+const modal = ref(false)
+const apps = ref([])
+const categories = ref([])
+const section = ref('apps')
+const newCustomCategory = ref(null)
+const editCustomCategoryKey = ref(null)
+
+const openModal = () => {
+  modal.value = true
+}
+
+const closeModal = () => {
+  modal.value = false
+}
+
+const setSection = (value) => {
+  section.value = value
+}
+
+const addCustomCategory = () => {
+  let data = {
+    id: 'cat' + Math.random().toString().replace('0.', ''),
+  }
+
+  langs.forEach((lang) => {
+    data[lang] = ''
+  })
+
+  newCustomCategory.value = data
+}
+
+const cancelCustomCategory = () => {
+  newCustomCategory.value = null
+  editCustomCategoryKey.value = null
+}
+
+const saveCustomCategory = () => {
+  const data = categoriesCustom
+
+  if (editCustomCategoryKey.value === null) {
+    data.push({ ...newCustomCategory.value })
+  }
+
+  emit('update:categoriesCustom', data)
+
+  newCustomCategory.value = null
+  editCustomCategoryKey.value = null
+}
+
+const removeCustomCategory = (key) => {
+  const data = categoriesCustom
+  delete data[key]
+
+  emit('update:categoriesCustom', Object.values(data))
+}
+
+const editCustomCategory = (key) => {
+  editCustomCategoryKey.value = key
+}
+
+const getOptions = (custom) => {
+  const data = []
+
+  custom.forEach((item) => {
+    data.push({ id: item.id, label: item[langs[0]] })
+  })
+
+  categories.value.forEach((item) => {
+    data.push({ id: item.categoryId, label: item.name !== '' ? item.name : t('side_menu', 'Other') })
+  })
+
+  data.sort((a, b) => (a.label < b.label ? -1 : 1))
+
+  return data
+}
+
+onMounted(async () => {
+  apps.value = await navStore.getApps()
+  categories.value = await navStore.getCategories()
+
+  let value = {}
+
+  apps.value.forEach((app) => {
+    if (!appsCategoriesCustom[app.id]) {
+      value[app.id] = null
+    } else {
+      value[app.id] = appsCategoriesCustom[app.id]
+    }
+  })
+
+  emit('update:appsCategoriesCustom', value)
+})
+</script>

src/components/settings/form/FormAppPicker.vue

@@ -0,0 +1,82 @@
+<!--
+@license GNU AGPL version 3 or any later version
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <http://www.gnu.org/licenses/>.
+-->
+<template>
+  <div class="cm-settings-form-apppicker">
+    <NcButton
+      aria-label="t('side_menu', 'Select apps')"
+      variant="primary"
+      @click="openModal"
+    >
+      {{ t('side_menu', 'Select apps') }} ({{ model.length }})
+    </NcButton>
+
+    <NcModal
+      v-if="modal"
+      size="small"
+      class="cm-settings-form-apppicker-modal"
+      @close="closeModal"
+    >
+      <div class="modal__content">
+        <NcCheckboxRadioSwitch
+          v-for="(item, key) in apps"
+          :key="key"
+          v-model="model"
+          name="value"
+          :value="item.id"
+        >
+          <img
+            :src="item.icon"
+            :alt="item.name"
+          />
+          {{ item.name }}
+        </NcCheckboxRadioSwitch>
+
+        <div class="modal__footer">
+          <NcButton
+            variant="primary"
+            @click="closeModal"
+          >
+            {{ t('side_menu', 'Close') }}
+          </NcButton>
+        </div>
+      </div>
+    </NcModal>
+  </div>
+</template>
+
+<script setup>
+import { NcButton, NcModal, NcCheckboxRadioSwitch } from '@nextcloud/vue'
+import { useNavStore } from '../../../store/nav.js'
+import { ref, onMounted } from 'vue'
+
+const model = defineModel({ type: Array })
+const navStore = useNavStore()
+const modal = ref(false)
+const apps = ref([])
+
+const openModal = () => {
+  modal.value = true
+}
+
+const closeModal = () => {
+  modal.value = false
+}
+
+onMounted(async () => {
+  apps.value = await navStore.getCoreApps()
+})
+</script>

src/components/settings/form/FormAppSort.vue

@@ -0,0 +1,116 @@
+<!--
+@license GNU AGPL version 3 or any later version
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <http://www.gnu.org/licenses/>.
+-->
+<template>
+  <div class="cm-settings-form-appsort">
+    <NcButton
+      aria-label="t('side_menu', 'Sort')"
+      variant="primary"
+      @click="openModal"
+    >
+      {{ t('side_menu', 'Sort') }}
+    </NcButton>
+
+    <NcModal
+      v-if="modal"
+      size="small"
+      class="cm-settings-form-appsort-modal"
+      @close="closeModal"
+    >
+      <div class="modal__content">
+        <draggable
+          v-model="apps"
+          item-key="id"
+          @end="update"
+        >
+          <template #item="{ element }">
+            <div class="cm-settings-form-draggable">
+              <span class="cm-settings-form-arrow">⇅</span>
+              {{ element.name }}
+            </div>
+          </template>
+        </draggable>
+
+        <div class="modal__footer">
+          <NcButton
+            variant="primary"
+            @click="closeModal"
+          >
+            {{ t('side_menu', 'Close') }}
+          </NcButton>
+        </div>
+      </div>
+    </NcModal>
+  </div>
+</template>
+
+<script setup>
+import { NcButton, NcModal } from '@nextcloud/vue'
+import { useNavStore } from '../../../store/nav.js'
+import { ref, onMounted } from 'vue'
+import draggable from 'vuedraggable'
+
+const model = defineModel({ type: Array })
+
+const emit = defineEmits(['update:modelValue'])
+const navStore = useNavStore()
+const modal = ref(false)
+const apps = ref([])
+
+const openModal = () => {
+  modal.value = true
+}
+
+const closeModal = () => {
+  modal.value = false
+}
+
+const setApps = (items) => {
+  apps.value = []
+
+  model.value.forEach((id) => {
+    items.forEach((app) => {
+      if (app.id === id) {
+        apps.value.push(app)
+      }
+    })
+  })
+
+  items.forEach((app) => {
+    if (!apps.value.find((element) => element.id === app.id)) {
+      apps.value.push(app)
+    }
+  })
+}
+
+const update = () => {
+  const value = []
+
+  apps.value.forEach((app) => {
+    value.push(app.id)
+  })
+
+  emit('update:modelValue', value)
+}
+
+onMounted(async () => {
+  const items = await navStore.getCoreApps()
+
+  window.setTimeout(() => {
+    setApps(items)
+  }, 500)
+})
+</script>

src/components/settings/form/FormCatSort.vue

@@ -0,0 +1,119 @@
+<!--
+@license GNU AGPL version 3 or any later version
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <http://www.gnu.org/licenses/>.
+-->
+<template>
+  <div class="cm-settings-form-catsort">
+    <NcButton
+      aria-label="t('side_menu', 'Sort')"
+      variant="primary"
+      @click="openModal"
+    >
+      {{ t('side_menu', 'Sort') }}
+    </NcButton>
+
+    <NcModal
+      v-if="modal"
+      size="small"
+      class="cm-settings-form-catsort-modal"
+      @close="closeModal"
+    >
+      <div class="modal__content">
+        <draggable
+          v-model="apps"
+          item-key="categoryId"
+          @end="update"
+        >
+          <template #item="{ element }">
+            <div
+              v-if="element.name !== ''"
+              class="cm-settings-form-draggable"
+            >
+              <span class="cm-settings-form-arrow">⇅</span>
+              {{ element.name }}
+            </div>
+          </template>
+        </draggable>
+
+        <div class="modal__footer">
+          <NcButton
+            variant="primary"
+            @click="closeModal"
+          >
+            {{ t('side_menu', 'Close') }}
+          </NcButton>
+        </div>
+      </div>
+    </NcModal>
+  </div>
+</template>
+
+<script setup>
+import { NcButton, NcModal } from '@nextcloud/vue'
+import { useNavStore } from '../../../store/nav.js'
+import { ref, onMounted } from 'vue'
+import draggable from 'vuedraggable'
+
+const model = defineModel({ type: Array })
+
+const emit = defineEmits(['update:modelValue'])
+const navStore = useNavStore()
+const modal = ref(false)
+const apps = ref([])
+
+const openModal = () => {
+  modal.value = true
+}
+
+const closeModal = () => {
+  modal.value = false
+}
+
+const setApps = (items) => {
+  apps.value = []
+
+  model.value.forEach((id) => {
+    items.forEach((app) => {
+      if (app.categoryId === id) {
+        apps.value.push(app)
+      }
+    })
+  })
+
+  items.forEach((app) => {
+    if (!apps.value.find((element) => element.categoryId === app.categoryId)) {
+      apps.value.push(app)
+    }
+  })
+}
+
+const update = () => {
+  const value = []
+
+  apps.value.forEach((app) => {
+    value.push(app.categoryId)
+  })
+
+  emit('update:modelValue', value)
+}
+
+onMounted(async () => {
+  const items = await navStore.getCategories()
+
+  window.setTimeout(() => {
+    setApps(items)
+  }, 500)
+})
+</script>

src/components/settings/form/FormColorPicker.vue

@@ -0,0 +1,34 @@
+<!--
+@license GNU AGPL version 3 or any later version
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <http://www.gnu.org/licenses/>.
+-->
+<template>
+  <NcColorPicker
+    v-model="model"
+    :advancedFields="true"
+    class="cm-settings-form-colorpicker"
+  >
+    <div
+      :style="{ 'background-color': model }"
+      class="cm-settings-form-colorpicker-value"
+    />
+  </NcColorPicker>
+</template>
+
+<script setup>
+import { NcColorPicker } from '@nextcloud/vue'
+
+const model = defineModel({ type: String })
+</script>

src/components/settings/form/FormDisplayPicker.vue

@@ -0,0 +1,85 @@
+<template>
+  <div class="cm-settings-form-displaypicker">
+    <div class="cm-settings-button-inline">
+      <NcButton
+        :variant="is(false, false, false) ? 'primary' : 'seconday'"
+        @click="update(false, false, false)"
+      >
+        {{ t('side_menu', 'Default') }}
+      </NcButton>
+      <NcButton
+        :variant="is(true, false, false) ? 'primary' : 'seconday'"
+        @click="update(true, false, false)"
+      >
+        {{ t('side_menu', 'Always displayed') }}
+      </NcButton>
+      <NcButton
+        :variant="is(false, true, false) ? 'primary' : 'seconday'"
+        @click="update(false, true, false)"
+      >
+        {{ t('side_menu', 'Big menu') }}
+      </NcButton>
+      <NcButton
+        :variant="is(false, false, true) ? 'primary' : 'seconday'"
+        @click="update(false, false, true)"
+      >
+        {{ t('side_menu', 'With categories') }}
+      </NcButton>
+    </div>
+
+    <p>
+      <img
+        v-if="is(false, false, false)"
+        :src="DefaultImg"
+      />
+      <img
+        v-if="is(true, false, false)"
+        :src="AlwaysDisplayedImg"
+      />
+      <img
+        v-if="is(false, true, false)"
+        class="side-menu-display"
+        :src="TopWideImg"
+      />
+      <img
+        v-if="is(false, false, true)"
+        :src="SideMenuWithCategoriesImg"
+      />
+    </p>
+  </div>
+</template>
+<script setup>
+import { NcButton } from '@nextcloud/vue'
+
+import AlwaysDisplayedImg from '../../../../img/admin/layout-always-displayed.svg'
+import TopWideImg from '../../../../img/admin/layout-big-menu.svg'
+import SideMenuWithCategoriesImg from '../../../../img/admin/layout-side-menu-with-categories.svg'
+import DefaultImg from '../../../../img/admin/layout-default.svg'
+
+const emit = defineEmits(['update:alwaysDisplayed', 'update:topWideMenu', 'update:sideMenuWithCategories'])
+
+const { alwaysDisplayed, topWideMenu, sideMenuWithCategories } = defineProps({
+  alwaysDisplayed: {
+    type: Boolean,
+    required: true,
+  },
+  topWideMenu: {
+    type: Boolean,
+    required: true,
+  },
+  sideMenuWithCategories: {
+    type: Boolean,
+    required: true,
+  },
+})
+
+const update = (isAlwayDisplayed, isTopWideMenu, isSideMenuWithCategories) => {
+  emit('update:alwaysDisplayed', isAlwayDisplayed)
+  emit('update:topWideMenu', isTopWideMenu)
+  emit('update:sideMenuWithCategories', isSideMenuWithCategories)
+}
+
+const is = (isAlwayDisplayed, isTopWideMenu, isSideMenuWithCategories) => {
+  return isAlwayDisplayed === alwaysDisplayed && isTopWideMenu === topWideMenu && isSideMenuWithCategories === sideMenuWithCategories
+}
+</script>

src/components/settings/form/FormOpener.vue

@@ -0,0 +1,37 @@
+<!--
+@license GNU AGPL version 3 or any later version
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <http://www.gnu.org/licenses/>.
+-->
+<template>
+  <FormSelect
+    v-model="model"
+    class="cm-settings-form-opener"
+    :options="options"
+  />
+</template>
+
+<script setup>
+import FormSelect from './FormSelect'
+
+const model = defineModel({ type: String })
+const options = [
+  { id: 'side-menu-opener', label: 'Default' },
+  { id: 'side-menu-opener-dark', label: 'Default (dark)' },
+  { id: 'side-menu-opener-hamburger', label: 'Hamburger' },
+  { id: 'side-menu-opener-hamburger-dark', label: 'Hamburger (dark)' },
+  { id: 'side-menu-opener-hamburger-2', label: 'Hamburger 2' },
+  { id: 'side-menu-opener-hamburger-2-dark', label: 'Hamburger 2 (dark)' },
+]
+</script>

src/components/settings/form/FormRange.vue

@@ -0,0 +1,65 @@
+<!--
+@license GNU AGPL version 3 or any later version
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <http://www.gnu.org/licenses/>.
+-->
+<template>
+  <div class="cm-settings-form-range">
+    <em
+      v-if="prepend"
+      class="cm-settings-form-range-prepend"
+      >{{ t('side_menu', prepend) }}</em
+    >
+
+    <input
+      v-model="model"
+      type="range"
+      :min="min"
+      :max="max"
+    />
+
+    <em
+      v-if="append"
+      class="cm-settings-form-range-append"
+      >{{ t('side_menu', append) }}</em
+    >
+  </div>
+</template>
+
+<script setup>
+const model = defineModel({ type: Number })
+
+defineProps({
+  prepend: {
+    type: [String, null],
+    required: false,
+    default: null,
+  },
+  append: {
+    type: [String, null],
+    required: false,
+    default: null,
+  },
+  min: {
+    type: Number,
+    required: false,
+    default: 0,
+  },
+  max: {
+    type: Number,
+    required: false,
+    default: 100,
+  },
+})
+</script>

src/components/settings/form/FormSelect.vue

@@ -0,0 +1,78 @@
+<!--
+@license GNU AGPL version 3 or any later version
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <http://www.gnu.org/licenses/>.
+-->
+<template>
+  <div class="cm-settings-form-select">
+    <template v-if="!expanded">
+      <select
+        v-if="!expanded"
+        v-model="model"
+        :multiple="multiple"
+      >
+        <option
+          v-if="!required"
+          :value="null"
+        ></option>
+        <option
+          v-for="option in options"
+          :key="option.id"
+          :value="option.id"
+        >
+          {{ t('side_menu', option.label) }}
+        </option>
+      </select>
+    </template>
+    <template v-else>
+      <NcCheckboxRadioSwitch
+        v-for="option in options"
+        :key="option.id"
+        v-model="model"
+        :value="option.id"
+        :type="multiple ? 'checkbox' : 'radio'"
+        name="value"
+      >
+        {{ t('side_menu', option.label) }}
+      </NcCheckboxRadioSwitch>
+    </template>
+  </div>
+</template>
+
+<script setup>
+import { NcCheckboxRadioSwitch } from '@nextcloud/vue'
+
+const model = defineModel({ type: [Number, String, Array, null] })
+const { options, expanded } = defineProps({
+  options: {
+    type: Array,
+    required: true,
+  },
+  required: {
+    type: Boolean,
+    required: false,
+    default: true,
+  },
+  expanded: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
+  multiple: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
+})
+</script>

src/components/settings/form/FormSize.vue

@@ -0,0 +1,35 @@
+<!--
+@license GNU AGPL version 3 or any later version
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <http://www.gnu.org/licenses/>.
+-->
+<template>
+  <FormSelect
+    v-model="model"
+    class="cm-settings-form-size"
+    :options="options"
+  />
+</template>
+
+<script setup>
+import FormSelect from './FormSelect'
+
+const model = defineModel({ type: String })
+const options = [
+  { id: 'hidden', label: 'Hidden' },
+  { id: 'small', label: 'Small' },
+  { id: 'normal', label: 'Normal' },
+  { id: 'big', label: 'Big' },
+]
+</script>

src/components/settings/form/FormYesNo.vue

@@ -0,0 +1,29 @@
+<!--
+@license GNU AGPL version 3 or any later version
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <http://www.gnu.org/licenses/>.
+-->
+<template>
+  <NcCheckboxRadioSwitch
+    v-model="model"
+    class="cm-settings-form-yesno"
+    type="switch"
+  />
+</template>
+
+<script setup>
+import { NcCheckboxRadioSwitch } from '@nextcloud/vue'
+
+const model = defineModel({ type: Boolean })
+</script>

src/components/settings/form/index.js

@@ -0,0 +1,13 @@
+import FormRange from './FormRange'
+import FormColorPicker from './FormColorPicker'
+import FormOpener from './FormOpener'
+import FormSelect from './FormSelect'
+import FormYesNo from './FormYesNo'
+import FormSize from './FormSize'
+import FormAppPicker from './FormAppPicker'
+import FormAppSort from './FormAppSort'
+import FormCatSort from './FormCatSort'
+import FormDisplayPicker from './FormDisplayPicker'
+import FormAppCategory from './FormAppCategory'
+
+export { FormRange, FormColorPicker, FormOpener, FormSelect, FormYesNo, FormSize, FormAppPicker, FormAppSort, FormCatSort, FormDisplayPicker, FormAppCategory }

src/components/settings/index.js

@@ -0,0 +1,10 @@
+import SettingsSection from './SettingsSection'
+import SettingItem from './SettingItem'
+import SettingLabel from './SettingLabel'
+import SettingValue from './SettingValue'
+import SectionTitle from './SectionTitle'
+import ExternalLink from './ExternalLink'
+import AdminSaveButton from './AdminSaveButton'
+import UserSaveButton from './UserSaveButton'
+
+export { SettingsSection, SettingItem, SettingLabel, SettingValue, SectionTitle, ExternalLink, AdminSaveButton, UserSaveButton }

src/l10n/fixtures/cs.yaml

@@ -1,84 +1,111 @@
-"Custom menu": "Uživatelsky určená nabídka"
+'Custom menu': 'Uživatelsky určená nabídka'
-"Enable the custom menu": "Zapnout uživatelsky určenou nabídku"
+'Enable the custom menu': 'Zapnout uživatelsky určenou nabídku'
-"No": "Ne"
+'No': 'Ne'
-"Yes": "Ano"
+'Yes': 'Ano'
-"Menu": "Nabídka"
+'Menu': 'Nabídka'
-'Use the shortcut <span class="keyboard-key">Ctrl</span>+<span class="keyboard-key">o</span> to open and to hide the side menu. Use <span class="keyboard-key">tab</span> to navigate.': 'Pro otevření/skrytí postranní nabídky použijte zkratku <span class="keyboard-key">Ctrl</span>+<span class="keyboard-key">o</span>. Pro pohyb po použijte klávesu <span class="keyboard-key">tab</span>.'
+'Use the shortcut Ctrl+o to open and to hide the side menu. Use tab key to navigate.': 'Pro otevření/skrytí postranní nabídky použijte zkratku Ctrl+o („O“ jako otevřít). Pro pohyb po použijte klávesu tab key.'
-"Top menu": "Hlavní nabídka"
+'Top menu': 'Horní nabídka'
-"Apps that not must be moved in the side menu": "Aplikace, které nepřesouvat do postranní nabídky"
+'Apps that not must be moved in the side menu': 'Aplikace, které nepřesouvat do postranní nabídky'
-"If there is no selection then the global configuration is applied.": "Pokud neexistuje žádný výběr, je uplatněno globální nastavení."
+'If there is no selection then the global configuration is applied.': 'Pokud neexistuje žádný výběr, je uplatněno globální nastavení.'
-"Experimental": "Experimentální"
+'Experimental': 'Experimentální'
-"Save": "Uložit"
+'Save': 'Uložit'
-"You like this app and you want to support me?": "Líbí se vám tato aplikace a chcete podpořit její vývoj?"
+'You like this app and you want to support me?': 'Líbí se vám tato aplikace a chcete podpořit její vývoj?'
-"Buy me a coffee ☕": "Kupte mi kafe ☕"
+'Buy me a coffee ☕': 'Kupte mi kafe ☕'
-"Hidden": "Skryté"
+'Hidden': 'Skryté'
-"Small": "Malé"
+'Small': 'Malé'
-"Normal": "Normální"
+'Normal': 'Normální'
-"Big": "Velké"
+'Big': 'Velké'
-"Colors": "Barvy"
+'Colors': 'Barvy'
-"Background color": "Barva pozadí"
+'Background color': 'Barva pozadí'
-"Background color of current app": "Barva pozadí stávající aplikace"
+'Background color of current app': 'Barva pozadí stávající aplikace'
-"Text color": "Barva textu"
+'Text color': 'Barva textu'
-"Loader": "Nástroj pro načítání"
+'Loader': 'Nástroj pro načítání'
-"Icon": "Ikona"
+'Icon': 'Ikona'
-"Same color": "Stejná barva"
+'Same color': 'Stejná barva'
-"Opposite color": "Doplňková barva"
+'Opposite color': 'Doplňková barva'
-"Transparent": "Průhledné"
+'Transparent': 'Průhledné'
-"Opaque": "Neprůhledné"
+'Opaque': 'Neprůhledné'
-"Opener": "Tlačítko pro otevření"
+'Opener': 'Tlačítko pro otevření'
-"Default": "Výchozí"
+'Default': 'Výchozí'
-"Default (dark)": "Výchozí (tmavé)"
+'Default (dark)': 'Výchozí (tmavé)'
-"Hamburger": "Hamburger"
+'Hamburger': 'Hamburger'
-"Hamburger (dark)": "Hamburger (tmavé)"
+'Hamburger (dark)': 'Hamburger (tmavé)'
-"Hamburger 2": "Hamburger 2"
+'Hamburger 2': 'Hamburger 2'
-"Hamburger 2 (dark)": "Hamburger 2 (tmavé)"
+'Hamburger 2 (dark)': 'Hamburger 2 (tmavé)'
-"Before the logo": "Před logem"
+'Before the logo': 'Před logem'
-"After the logo": "Za logem"
+'After the logo': 'Za logem'
-"Position": "Pozice"
+'Position': 'Pozice'
-"Show only the opener (hidden logo)": "Zobrazovat pouze otevírací tlačítko (logo skryto)"
+'Show only the opener (hidden logo)': 'Zobrazovat pouze otevírací tlačítko (logo skryto)'
-"Do not display the side menu and the opener if there is no application (eg: public pages).": "Nezobrazovat postranní nabídku a její otevírací tlačítko pokud nejsou dostupné žádné aplikace (např. na veřejných stránkách)."
+'Do not display the side menu and the opener if there is no application (eg: public pages).': 'Nezobrazovat postranní nabídku a její otevírací tlačítko pokud nejsou dostupné žádné aplikace (např. na veřejných stránkách).'
-"Panel": "Panel"
+'Panel': 'Panel'
-"Open the menu when the mouse is hover the opener (automatically disabled on touch screens)": "Otevřít nabídku při najetím ukazatelem na tlačítko nabídky (automaticky vypnuto pro dotykové obrazovky)."
+'Open the menu when the mouse is hover the opener (automatically disabled on touch screens)': 'Otevřít nabídku při najetím ukazatelem na tlačítko nabídky (automaticky vypnuto pro dotykové obrazovky)'
-"Display the big menu": "Zobrazit velkou nabídku"
+'Display the big menu': 'Zobrazit velkou nabídku'
-"This menu is not compatible with AppOrder.": "Nabídka není kompatibilní s jinou aplikací (doplňkem) „Pořadí aplikací“."
+'Display the logo': 'Zobrazit logo'
-"Display the logo": "Zobrazit logo"
+'Icons and texts': 'Ikony a texty'
-"This feature is not compatible with the <code>big menu</code> display.": "Tato funkce není kompatibilní se zobrazením <code>velké nabídky</code>."
+'Loader enabled': 'Načítání zapnuto'
-"Icons and texts": "Ikony a texty"
+'Tips': 'Tipy'
-"Loader enabled": "Načítání zapnuto"
+'Always displayed': 'Vždy zobrazeno'
-"Tips": "Tipy"
+'This is the automatic behavior when the menu is always displayed.': 'Toto je automatické chování, kdy je nabídka vždy zobrazena.'
-"Always displayed": "Vždy zobrazeno"
+'Not compatible with touch screens.': 'Nekompatibilní s dotykovými obrazovkami.'
-"The logo will be hidden when the menu is always displayed.": "Pokud je nabídka zobrazena trvale, logo bude skryto."
+'Big menu': 'Velká nabídka'
-"This is the automatic behavior when the menu is always displayed.": "Toto je automatické chování, kdy je nabídka vždy zobrazena."
+'Live preview': 'Živý náhled'
-"Not compatible with touch screens.": "Nekompatibilní s dotykovými obrazovkami."
+'Open apps in new tab': 'Otevírat aplikace v novém panelu'
-"Big menu": "Velká nabídka"
+'Use the global setting': 'Použít globální nastavení'
-"Live preview": "Živý náhled"
+'Use my selection': 'Použít můj výběr'
-"Open apps in new tab": "Otevírat aplikace v novém panelu"
+'Show and hide the list of applications': 'Zobrazit/skrýt seznam aplikací'
-"Use the global setting": "Použít globální nastavení"
+'Use the avatar instead of the logo': 'Použít namísto loga profilový obrázek uživatele'
-"Use my selection": "Použít můj výběr"
+'You do not have permission to change the settings.': 'Nemáte oprávnění měnit nastavení.'
-"Show and hide the list of applications": "Zobrazit/skrýt seznam aplikací"
+'Force this configuration to users': 'Vynutit uplatnění těchto nastavení uživatelům'
-"Use the avatar instead of the logo": "Použít namísto loga profilový obrázek uživatele"
+'Export the configuration': 'Exportovat nastavení'
-"You do not have permission to change the settings.": "Nemáte oprávnění měnit nastavení."
+'Purge the cache': 'Vyprázdnit mezipaměť'
-"Force this configuration to users": "Vynutit uplatnění těchto nastavení uživatelům"
+'Show the link to settings': 'Zobrazit odkaz na nastavení'
-"Export the configuration": "Exportovat nastavení"
+'The menu is enabled by default for users': 'Nabídka je ve výchozím stavu pro uživatele zapnutá'
-"Purge the cache": "Vyprázdnit mezipaměť"
+'Except when the configuration is forced.': 'S výjimkou, kdy je nastavení vynuceno.'
-"Show the link to settings": "Zobrazit odkaz na nastavení"
+'Apps that should not be displayed in the menu': 'Aplikace, které by neměly být v nabídce zobrazeny'
-"The menu is enabled by default for users": "Nabídka je ve výchozím stavu zapnutá pro uživatele"
+'This feature is only compatible with the <code>big menu</code> display.': 'Tato funkce je kompatibilní pouze s <code>velkou nabídkou</code>.'
-"Except when the configuration is forced.": "S výjimkou, kdy je nastavení vynuceno."
+'The logo is a link to the default app': 'Logo je odkaz na výchozí aplikaci'
-"Apps that should not be displayed in the menu": "Aplikace, které by neměly být v nabídce zobrazeny"
+'Others': 'Ostatní'
-"This feature is only compatible with the <code>big menu</code> display.": "Tato funkce je kompatibilní pouze s <code>velkou nabídkou</ code>."
+'Categories': 'Kategorie'
-"The logo is a link to the default app": "Logo je odkaz na výchozí aplikaci"
+'Customize sorting': 'Přizpůsobit si řazení'
-"Others": "Ostatní"
+'Order by': 'Řadit podle'
-"Categories": "Kategorie"
+'Name': 'Název'
-"Customize sorting": "Přizpůsobit si řazení"
+'Customed': 'Přizpůsobeno'
-"Order by": "Řadit podle"
+'Show and hide the list of categories': 'Zobrazit/skrýt seznam kategorií'
-"Name": "Název"
+'This parameters are used when Dark theme or Breeze Dark Theme are enabled.': 'Tyto parametry jsou použity v případě, že je zapnutý (Breeze) tmavý motiv vzhledu.'
-"Customed": "Přizpůsobeno"
+'Dark mode colors': 'Barvy tmavého režimu'
-"Show and hide the list of categories": "Zobrazit/skrýt seznam kategorií"
+'With categories': 'S kategoriemi'
-"This parameters are used when Dark theme or Breeze Dark Theme are enabled.": "Tyto parametry jsou použity v případě, že je zapnutý (Breeze) tmavý motiv vzhledu."
+'Custom categories': 'Vlastní kategorie'
-"Dark mode colors": "Barvy tmavého režimu"
+'Customize application categories': 'Přizpůsobte kategorie aplikací'
-"With categories": "S kategoriemi"
+'Reset to default': 'Vrátit zpět na výchozí hodnoty'
-"Custom categories": "Vlastní kategorie"
+'Hidden icon': 'Skrytá ikona'
-"Customize application categories": "Personnaliser les catégories des applications"
+'Small icon': 'Malá ikona'
-"Customize application categories": "Přizpůsobte kategorie aplikací"
+'Normal icon': 'Normální ikona'
-"Apps only visible in the top menu": "Aplikace jsou viditelné pouze v horní nabídce "
+'Big icon': 'Velká ikona'
-"Apps visible in the top and side menus": "Aplikace viditelné v horní a boční nabídce"
+'Hidden text': 'Skrytý text'
+'Small text': 'Malý text'
+'Normal text': 'Normální text'
+'Big text': 'Velký text'
+'Applications': 'Aplikace'
+'Applications kept in the top menu': 'Aplikace ponechané v horní nabídce'
+'Applications kept in the top menu but also shown in side menu': 'Aplikace ponechané v horní nabídce ale také zobrazené v té boční'
+'These applications must be selected in the previous option.': 'Tyto aplikace je třeba vybrat v předchozí volbě.'
+'Hide labels on mouse over': 'Skrýt popisky při najetím ukazatele myši'
+'Except the hovered app': 'S výjimkou nadnášené aplikace'
+'Search': 'Hledat'
+'Toggle the menu': 'Vyp/zap nabídku'
+'Open the documentation': 'Open the documentation'
+'Ask the developer': 'Zeptejte se vývojáře'
+'New request': 'Nový požadavek'
+'Report a bug': 'Nahlásit chybu'
+'Show the configuration': 'Zobrazit nastavení'
+'Configuration:': 'Configuration:'
+'Done!': 'Hotovo!'
+'Copy': 'Zkopírovat'
+'Need help': 'Potřebuji pomoc'
+'I would like a new feature': 'Rád bych novou funkci v aplikaci'
+'Something went wrong': 'Něco se pokazilo'
+'Select apps': 'Vyberte aplikace'
+'Sort': 'Seřadit'
+'Customize': 'Přizpůsobit'
+'Custom': 'Custom'
+'Close': 'Zavřít'

src/l10n/fixtures/de.yaml

@@ -1,83 +1,111 @@
-"Custom menu": "Benutzerdefiniertes Menü"
+'Custom menu': 'Benutzerdefiniertes Menü'
-"Enable the custom menu": "Benutzerdefiniertes Menü aktivieren"
+'Enable the custom menu': 'Benutzerdefiniertes Menü aktivieren'
-"No": "Nein"
+'No': 'Nein'
-"Yes": "Ja"
+'Yes': 'Ja'
-"Menu": "Menü"
+'Menu': 'Menü'
-'Use the shortcut <span class="keyboard-key">Ctrl</span>+<span class="keyboard-key">o</span> to open and to hide the side menu. Use <span class="keyboard-key">tab</span> to navigate.': 'Verwende die Tastenkombination <span class="keyboard-key">Strg</span>+<span class="keyboard-key">o</span>, um das Seitenmenü ein- und auszublenden. Verwende <span class="keyboard-key">tab</span> zum Navigieren.'
+'Use the shortcut Ctrl+o to open and to hide the side menu. Use tab key to navigate.': 'Verwende die Tastenkombination <span class="keyboard-key">Strg</span>+o, um das Seitenmenü ein- und auszublenden. Verwende tab key zum Navigieren.'
-"Top menu": "Obere Navigationsleiste"
+'Top menu': 'Obere Navigationsleiste'
-"Apps that not must be moved in the side menu": "Anwendungen, die nicht ins Seitenmenü verschoben werden sollen"
+'Apps that not must be moved in the side menu': 'Apps, die nicht ins Seitenmenü verschoben werden sollen'
-"If there is no selection then the global configuration is applied.": "Wenn keine Auswahl vorhanden ist, wird die globale Konfiguration angewendet."
+'If there is no selection then the global configuration is applied.': 'Wenn keine Auswahl vorhanden ist, wird die globale Konfiguration angewendet.'
-"Experimental": "Experimentell"
+'Experimental': 'Experimentell'
-"Save": "Speichern"
+'Save': 'Speichern'
-"You like this app and you want to support me?": "Du magst diese Anwendung und möchtest mich unterstützen?"
+'You like this app and you want to support me?': 'Du magst diese App und möchtest mich unterstützen?'
-"Buy me a coffee ☕": "Gib mir einen Kaffee aus ☕"
+'Buy me a coffee ☕': 'Gib mir einen Kaffee aus ☕'
-"Hidden": "Ausblenden"
+'Hidden': 'Ausblenden'
-"Small": "Klein"
+'Small': 'Klein'
-"Normal": "Normal"
+'Normal': 'Normal'
-"Big": "Groß"
+'Big': 'Groß'
-"Colors": "Farben"
+'Colors': 'Farben'
-"Background color": "Hintergrundfarbe"
+'Background color': 'Hintergrundfarbe'
-"Background color of current app": "Hintergrundfarbe der aktuellen Anwendung"
+'Background color of current app': 'Hintergrundfarbe der aktuellen App'
-"Text color": "Textfarbe"
+'Text color': 'Textfarbe'
-"Loader": "Ladestandanzeige"
+'Loader': 'Fortschrittsbalken'
-"Icon": "Symbol"
+'Icon': 'Symbol'
-"Same color": "Selbe Farbe"
+'Same color': 'Selbe Farbe'
-"Opposite color": "Gegenfarbe"
+'Opposite color': 'Gegenfarbe'
-"Transparent": "Transparent"
+'Transparent': 'Transparent'
-"Opaque": "Nicht transparent"
+'Opaque': 'Nicht transparent'
-"Opener": "Menü-Symbol"
+'Opener': 'Menü-Symbol'
-"Default": "Standard"
+'Default': 'Standard'
-"Default (dark)": "Standard (dunkel)"
+'Default (dark)': 'Standard (dunkel)'
-"Hamburger": "Hamburger"
+'Hamburger': 'Hamburger'
-"Hamburger (dark)": "Hamburger (dunkel)"
+'Hamburger (dark)': 'Hamburger (dunkel)'
-"Hamburger 2": "Hamburger 2"
+'Hamburger 2': 'Hamburger 2'
-"Hamburger 2 (dark)": "Hamburger 2 (dunkel)"
+'Hamburger 2 (dark)': 'Hamburger 2 (dunkel)'
-"Before the logo": "Vor dem Logo"
+'Before the logo': 'Vor dem Logo'
-"After the logo": "Nach dem Logo"
+'After the logo': 'Nach dem Logo'
-"Position": "Position"
+'Position': 'Position'
-"Show only the opener (hidden logo)": "Nur das Menü-Symbol anzeigen (Logo wird ausgeblendet)"
+'Show only the opener (hidden logo)': 'Nur das Menü-Symbol anzeigen (Logo wird ausgeblendet)'
-"Do not display the side menu and the opener if there is no application (eg: public pages).": "Zeige das Seitenmenü und das Menü-Symbol nicht an, wenn keine Anwendung vorhanden ist (z.B. bei öffentlichen Seiten)."
+'Do not display the side menu and the opener if there is no application (eg: public pages).': 'Zeige das Seitenmenü und das Menü-Symbol nicht an, wenn keine App vorhanden ist (z.B. bei öffentlichen Seiten).'
-"Panel": "Panel"
+'Panel': 'Panel'
-"Open the menu when the mouse is hover the opener (automatically disabled on touch screens)": "Öffne das Menü, wenn die Maus über das Menü-Symbol bewegt wird (auf Touchscreens automatisch deaktiviert)."
+'Open the menu when the mouse is hover the opener (automatically disabled on touch screens)': 'Öffne das Menü, wenn die Maus über das Menü-Symbol bewegt wird (auf Touchscreens automatisch deaktiviert)'
-"Display the big menu": "Großes Menü anzeigen"
+'Display the big menu': 'Großes Menü anzeigen'
-"This menu is not compatible with AppOrder.": "Dieses Menü ist nicht mit <code>AppOrder</code> kompatibel."
+'Display the logo': 'Logo anzeigen'
-"Display the logo": "Logo anzeigen"
+'Icons and texts': 'Symbole und Texte'
-"This feature is not compatible with the <code>big menu</code> display.": "Diese Funktion ist nicht mit dem <code>großen Menü</code> kompatibel."
+'Loader enabled': 'Fortschrittsbalken anzeigen'
-"Icons and texts": "Symbole und Texte"
+'Tips': 'Tipps'
-"Loader enabled": "Ladestandanzeige aktiviert"
+'Always displayed': 'Immer anzeigen'
-"Tips": "Tipps"
+'This is the automatic behavior when the menu is always displayed.': 'Dies ist das automatische Verhalten, wenn das Menü immer angezeigt wird.'
-"Always displayed": "Immer anzeigen"
+'Not compatible with touch screens.': 'Nicht kompatibel mit Touchscreens.'
-"The logo will be hidden when the menu is always displayed.": "Das Logo wird ausgeblendet, wenn das Menü immer angezeigt wird."
+'Big menu': 'Großes Menü'
-"This is the automatic behavior when the menu is always displayed.": "Dies ist das automatische Verhalten, wenn das Menü immer angezeigt wird."
+'Live preview': 'Live-Vorschau'
-"Not compatible with touch screens.": "Nicht kompatibel mit Touchscreens."
+'Open apps in new tab': 'Öffne Apps in einem neuen Tab'
-"Big menu": "Großes Menü"
+'Use the global setting': 'Verwende die globale Einstellung'
-"Live preview": "Live-Vorschau"
+'Use my selection': 'Verwende meine Auswahl'
-"Open apps in new tab": "Öffne Anwendungen in einem neuen Tab"
+'Show and hide the list of applications': 'Ein- und Ausblenden der Appliste'
-"Use the global setting": "Verwende die globale Einstellung"
+'Use the avatar instead of the logo': 'Avatar anstelle des Logos anzeigen'
-"Use my selection": "Verwende meine Auswahl"
+'You do not have permission to change the settings.': 'Du hast keine Berechtigung, die Einstellungen dieser App zu ändern.'
-"Show and hide the list of applications": "Ein- und Ausblenden der Anwendungsliste"
+'Force this configuration to users': 'Konfiguration für alle Benutzer erzwingen'
-"Use the avatar instead of the logo": "Avatar anstelle des Logos anzeigen"
+'Export the configuration': 'Konfiguration exportieren'
-"You do not have permission to change the settings.": "Du hast keine Berechtigung, die Einstellungen dieser Anwendung zu ändern."
+'Purge the cache': 'Cache leeren'
-"Force this configuration to users": "Konfiguration für alle Benutzer erzwingen"
+'Show the link to settings': 'Link zu den Einstellungen anzeigen'
-"Export the configuration": "Konfiguration exportieren"
+'The menu is enabled by default for users': 'Das Menü ist standardmäßig für alle Benutzer aktiviert'
-"Purge the cache": "Cache leeren"
+'Except when the configuration is forced.': 'Gilt nicht, wenn die Konfiguration erzwungen wird.'
-"Show the link to settings": "Link zu den Einstellungen anzeigen"
+'Apps that should not be displayed in the menu': 'Apps, die nicht im Menü angezeigt werden sollen'
-"The menu is enabled by default for users": "Das Menü ist standardmäßig für alle Benutzer aktiviert"
+'This feature is only compatible with the <code>big menu</code> display.': 'Kompatibel mit dem <code>großen Menü</code>.'
-"Except when the configuration is forced.": "Gilt nicht, wenn die Konfiguration erzwungen wird."
+'The logo is a link to the default app': 'Das Logo ist ein Link zur Standard-App'
-"Apps that should not be displayed in the menu": "Anwendungen, die nicht im Menü angezeigt werden sollen"
+'Others': 'Andere'
-"This feature is only compatible with the <code>big menu</code> display.": "Kompatibel mit dem <code>großen Menü</code>."
+'Categories': 'Kategorien'
-"The logo is a link to the default app": "Das Logo ist ein Link zur Standard-App"
+'Customize sorting': 'Sortierung anpassen'
-"Others": "Andere"
+'Order by': 'Sortieren nach'
-"Categories": "Kategorien"
+'Name': 'Name'
-"Customize sorting": "Sortierung anpassen"
+'Customed': 'Benutzerdefiniert'
-"Order by": "Sortieren nach"
+'Show and hide the list of categories': 'Liste der Kategorien ein- und ausblenden'
-"Name": "Name"
+'This parameters are used when Dark theme or Breeze Dark Theme are enabled.': 'Diese Optionen werden auf <code>Dark Theme</code> oder <code>Breeze Dark Theme</code> angewendet.'
-"Customed": "Benutzerdefiniert"
+'Dark mode colors': 'Farben für den dunklen Modus'
-"Show and hide the list of categories": "Liste der Kategorien ein- und ausblenden"
+'With categories': 'Mit Kategorien'
-"This parameters are used when Dark theme or Breeze Dark Theme are enabled.": "Diese Optionen werden auf <code>Dark Theme</code> oder <code>Breeze Dark Theme</code> angewendet."
+'Custom categories': 'Benutzerdefinierte Kategorien'
-"Dark mode colors": "Farben für den dunklen Modus"
+'Customize application categories': 'App-Kategorien anpassen'
-"With categories": "Mit Kategorien"
+'Reset to default': 'Auf Standard zurücksetzen'
-"Custom categories": "Benutzerdefinierte Kategorien"
+'Hidden icon': 'Verstecktes Symbol'
-"Customize application categories": "Anwendungskategorien anpassen"
+'Small icon': 'Kleines Symbol'
-"Apps only visible in the top menu": "Apps nur im oberen Menü sichtbar "
+'Normal icon': 'Normales Symbol'
-"Apps visible in the top and side menus": "Apps im oberen und seitlichen Menü sichtbar"
+'Big icon': 'Großes Icon'
+'Hidden text': 'Versteckter Text'
+'Small text': 'Kleiner Text'
+'Normal text': 'Normaler Text'
+'Big text': 'Großer Text'
+'Applications': 'Apps'
+'Applications kept in the top menu': 'Apps in der oberen Navigationsleiste'
+'Applications kept in the top menu but also shown in side menu': 'Apps in der oberen Navigationsleiste, die auch im Seitenmenü angezeigt werden sollen'
+'These applications must be selected in the previous option.': 'Diese Apps müssen auch in der vorherigen Einstellung ausgewählt werden.'
+'Hide labels on mouse over': 'Labels ausblenden, wenn sich die Maus darüber befindet (Hover)'
+'Except the hovered app': 'Außer die markierte App'
+'Search': 'Suche'
+'Toggle the menu': 'Menü ein- und ausblenden'
+'Open the documentation': 'Open the documentation'
+'Ask the developer': 'Ask the developer'
+'New request': 'New request'
+'Report a bug': 'Report a bug'
+'Show the configuration': 'Show the configuration'
+'Configuration:': 'Configuration:'
+'Done!': 'Done!'
+'Copy': 'Copy'
+'Need help': 'Need help'
+'I would like a new feature': 'I would like a new feature'
+'Something went wrong': 'Something went wrong'
+'Select apps': 'Select apps'
+'Sort': 'Sort'
+'Customize': 'Customize'
+'Custom': 'Custom'
+'Close': 'Close'

src/l10n/fixtures/es.yaml

@@ -0,0 +1,111 @@
+'Custom menu': 'Menú personalizado'
+'Enable the custom menu': 'Activar el menú personalizado'
+'No': 'No'
+'Yes': 'Sí'
+'Menu': 'Menú'
+'Use the shortcut Ctrl+o to open and to hide the side menu. Use tab key to navigate.': 'Usa la combinación de teclas Ctrl+o para activar y desactivar el menú lateral. Use tab key para navegar.'
+'Top menu': 'Menu principal'
+'Apps that not must be moved in the side menu': 'Aplicaciones que no se deben mover al menú lateral'
+'If there is no selection then the global configuration is applied.': 'Si no hay selección, se aplica la configuración global.'
+'Experimental': 'En pruebas'
+'Save': 'Guardar'
+'You like this app and you want to support me?': '¿Te gusta esta aplicación y quieres apoyarme?'
+'Buy me a coffee ☕': 'Cómprame un café ☕'
+'Hidden': 'Oculto'
+'Small': 'Pequeño'
+'Normal': 'Normal'
+'Big': 'Grande'
+'Hidden icon': 'Ocultar Icono'
+'Small icon': 'Icono pequeño'
+'Normal icon': 'Icono normal'
+'Big icon': 'Icono grande'
+'Hidden text': 'Texto oculto'
+'Small text': 'Texto pequeño'
+'Normal text': 'Texto normal'
+'Big text': 'Texto grande'
+'Colors': 'Colores'
+'Background color': 'Color de fondo'
+'Background color of current app': 'Color de fondo de la aplicación actual'
+'Text color': 'Color del texto'
+'Loader': 'Cargador'
+'Icon': 'Icono'
+'Same color': 'El mismo color'
+'Opposite color': 'Color opuesto'
+'Transparent': 'Transparente'
+'Opaque': 'Opaco'
+'Opener': 'Abrir'
+'Default': 'Por defecto'
+'Default (dark)': 'Por defecto (oscuro)'
+'Hamburger': 'Hamburguesa'
+'Hamburger (dark)': 'Hamburger (negro)'
+'Hamburger 2': 'Hamburguesa 2'
+'Hamburger 2 (dark)': 'Hamburger 2 (negro)'
+'Before the logo': 'Antes del logotipo'
+'After the logo': 'Después del logotipo'
+'Position': 'Posición'
+'Show only the opener (hidden logo)': 'Mostrar solo abrir (ocultar logotipo)'
+'Do not display the side menu and the opener if there is no application (eg: public pages).': 'No mostrar el menú lateral y el abridor si no hay aplicación (por ejemplo: páginas públicas).'
+'Panel': 'Panel'
+'Open the menu when the mouse is hover the opener (automatically disabled on touch screens)': 'Abra el menú cuando el ratón esté sobre el icono (se desactiva automáticamente en las pantallas táctiles)'
+'Display the big menu': 'Mostrar el menú grande'
+'Display the logo': 'Mostrar el logotipo'
+'Icons and texts': 'Iconos y textos'
+'Loader enabled': 'Cargador activado'
+'Tips': 'Consejos'
+'Always displayed': 'Siempre se muestra'
+'This is the automatic behavior when the menu is always displayed.': 'Este es el comportamiento automático cuando aún se muestra el menú.'
+'Not compatible with touch screens.': 'No es compatible con las pantallas táctiles.'
+'Big menu': 'Menú grande'
+'Live preview': 'Previsualización en directo'
+'Open apps in new tab': 'Abrir las aplicaciones en una nueva pestaña'
+'Use the global setting': 'Utilizar la configuración global'
+'Use my selection': 'Utilizar mi selección'
+'Show and hide the list of applications': 'Mostrar y ocultar la lista de aplicaciones'
+'Use the avatar instead of the logo': 'Utilizar un avatar en lugar de un logotipo'
+'You do not have permission to change the settings.': 'No tienes permiso para cambiar la configuración.'
+'Force this configuration to users': 'Forzar esta configuración a todos los usuarios'
+'Export the configuration': 'Exportar la configuración'
+'Purge the cache': 'Vaciar la caché'
+'Show the link to settings': 'Mostrar un enlace a la configuración'
+'The menu is enabled by default for users': 'El menú está activado por defecto para los usuarios'
+'Except when the configuration is forced.': 'Excepto cuando la configuración es forzada.'
+'Apps that should not be displayed in the menu': 'Aplicaciones que no deben aparecer en el menú'
+'This feature is only compatible with the <code>big menu</code> display.': 'Esta función sólo es compatible con la pantalla del <code>menú grande</code>.'
+'The logo is a link to the default app': 'El logotipo es un enlace a la aplicación por defecto'
+'Others': 'Otros'
+'Categories': 'Categorías'
+'Customize sorting': 'Personalizar la clasificación'
+'Order by': 'Ordenar por'
+'Name': 'Nombre'
+'Customed': 'Personalizado'
+'Show and hide the list of categories': 'Mostrar y ocultar la lista de categorías'
+'This parameters are used when Dark theme or Breeze Dark Theme are enabled.': 'Estos parámetros se utilizan cuando el tema oscuro o el tema oscuro de Breeze están activados.'
+'Dark mode colors': 'Colores del modo oscuro'
+'With categories': 'Con categorías'
+'Custom categories': 'Categorías personalizadas'
+'Customize application categories': 'Personalizar las categorías de las aplicaciones'
+'Reset to default': 'Restablecer los valores por defecto'
+'Applications': 'Aplicaciones'
+'Applications kept in the top menu': 'Aplicaciones guardadas en el menú superior'
+'Applications kept in the top menu but also shown in side menu': 'Las aplicaciones se mantienen en el menú superior pero también se muestran en el menú lateral'
+'These applications must be selected in the previous option.': 'Estas aplicaciones deben ser seleccionadas en las opciones anteriores.'
+'Hide labels on mouse over': 'Ocultar las etiquetas al pasar el ratón'
+'Except the hovered app': 'Excepto la aplicación sobre la que se pasa el cursor'
+'Search': 'Buscar'
+'Toggle the menu': 'Alternar el menú'
+'Open the documentation': 'Open the documentation'
+'Ask the developer': 'Pregúntale al desarrollador'
+'New request': 'Nueva solicitud'
+'Report a bug': 'Informar de un fallo'
+'Show the configuration': 'Mostrar los ajustes'
+'Configuration:': 'Configuration:'
+'Done!': '¡Realizado!'
+'Copy': 'Copiar'
+'Need help': 'Ayudame'
+'I would like a new feature': 'Me gustaría una nueva función'
+'Something went wrong': 'Algo salió mal'
+'Select apps': 'Selecciona las aplicaciones'
+'Sort': 'Ordenar'
+'Customize': 'Personalizar'
+'Custom': 'Custom'
+'Close': 'Cerrar'

src/l10n/fixtures/fr.yaml

@@ -1,83 +1,130 @@
-"Custom menu": "Menu personnalisé"
+'Custom menu': 'Menu personnalisé'
-"Enable the custom menu": "Activer le menu personnalisé"
+'Enable the custom menu': 'Activer le menu personnalisé'
-"No": "Non"
+'No': 'Non'
-"Yes": "Oui"
+'Yes': 'Oui'
-"Menu": "Menu"
+'Menu': 'Menu'
-'Use the shortcut <span class="keyboard-key">Ctrl</span>+<span class="keyboard-key">o</span> to open and to hide the side menu. Use <span class="keyboard-key">tab</span> to navigate.': 'Utiliser le raccourcis clavier <span class="keyboard-key">Ctrl</span>+<span class="keyboard-key">o</span> pour ouvrir et fermer le menu latéral. Utiliser <span class="keyboard-key">tab</span> pour naviguer.'
+'Use the shortcut Ctrl+o to open and to hide the side menu. Use tab key to navigate.': 'Utiliser
-"Top menu": "Menu supérieur"
+  le raccourcis clavier Ctrl+o pour ouvrir et fermer le menu latéral. Utiliser tab
-"Apps that not must be moved in the side menu": "Les applications qui ne doivent pas être affichées dans le menu latéral"
+  key pour naviguer.'
-"If there is no selection then the global configuration is applied.": "Si il n'y a aucune sélection alors la configuration globale sera appliquée"
+'Top menu': 'Menu supérieur'
-"Experimental": "Expérimental"
+'Apps that not must be moved in the side menu': 'Les applications qui ne doivent pas
-"Save": "Sauvegarder"
+  être affichées dans le menu latéral'
-"You like this app and you want to support me?": "Vous aimer cette application et vous souhaitez m'aider ?"
+'If there is no selection then the global configuration is applied.': "Si il n'y a
-"Buy me a coffee ☕": "Offrez moi un café ☕"
+  aucune sélection alors la configuration globale sera appliquée."
-"Hidden": "Caché"
+'Experimental': 'Expérimental'
-"Small": "Petit"
+'Save': 'Sauvegarder'
-"Normal": "Normal"
+'You like this app and you want to support me?': "Vous aimer cette application et
-"Big": "Gros"
+  vous souhaitez m'aider ?"
-"Colors": "Couleurs"
+'Buy me a coffee ☕': 'Offrez moi un café ☕'
-"Background color": "Couleur de fond"
+'Hidden': 'Caché'
-"Background color of current app": "Couleur de fond de l'application en cours"
+'Small': 'Petit'
-"Text color": "Couleur du texte"
+'Normal': 'Normal'
-"Loader": "Indicateur de chargement"
+'Big': 'Gros'
-"Icon": "Icône"
+'Hidden icon': 'Icône masqué'
-"Same color": "Même couleur"
+'Small icon': 'Petit icône'
-"Opposite color": "Couleur opposée"
+'Normal icon': 'Icône normal'
-"Transparent": "Transparent"
+'Big icon': 'Gros icône'
-"Opaque": "Opaque"
+'Hidden text': 'Text masqué'
-"Opener": "Bouton d'ouverture"
+'Small text': 'Texte petit'
-"Default": "Par défaut"
+'Normal text': 'Texte normal'
-"Default (dark)": "Par défaut (sombre)"
+'Big text': 'Gros texte'
-"Hamburger": "Hamburger"
+'Colors': 'Couleurs'
-"Hamburger (dark)": "Hamburger (sombre)"
+'Background color': 'Couleur de fond'
-"Hamburger 2": "Hamburger 2"
+'Background color of current app': "Couleur de fond de l'application en cours"
-"Hamburger 2 (dark)": "Hamburger 2 (sombre)"
+'Text color': 'Couleur du texte'
-"Before the logo": "Avant le logo"
+'Loader': 'Indicateur de chargement'
-"After the logo": "Après le logo"
+'Icon': 'Icône'
-"Position": "Position"
+'Same color': 'Même couleur'
-"Show only the opener (hidden logo)": "Afficher uniquement le bouton d'ouverture (masquer le logo)"
+'Opposite color': 'Couleur opposée'
-"Do not display the side menu and the opener if there is no application (eg: public pages).": "Ne pas afficher le menu latéral et le bouton d'ouverture s'il n'y a aucune application (exemple : page publiques)."
+'Transparent': 'Transparent'
-"Panel": "Panneau"
+'Opaque': 'Opaque'
-"Open the menu when the mouse is hover the opener (automatically disabled on touch screens)": "Ouvrir le menu au passage de la souris (automatiquement désactivé sur les écrans tactiles)"
+'Opener': "Bouton d'ouverture"
-"Display the big menu": "Afficher le menu large"
+'Default': 'Par défaut'
-"This menu is not compatible with AppOrder.": "Ce menu n'est pas compatible avec l'application AppOrder"
+'Default (dark)': 'Par défaut (sombre)'
-"Display the logo": "Afficher le logo"
+'Hamburger': 'Hamburger'
-"This feature is not compatible with the <code>big menu</code> display.": "Cette fonctionnalité n'est pas compatible avec l'affichage du menu large."
+'Hamburger (dark)': 'Hamburger (sombre)'
-"Icons and texts": "Icônes et textes"
+'Hamburger 2': 'Hamburger 2'
-"Loader enabled": "Activation de l'indicateur de chargement"
+'Hamburger 2 (dark)': 'Hamburger 2 (sombre)'
-"Tips": "Astuces"
+'Before the logo': 'Avant le logo'
-"Always displayed": "Toujours affiché"
+'After the logo': 'Après le logo'
-"The logo will be hidden when the menu is always displayed.": "Le logo sera masque si le menu est toujours affiché."
+'Position': 'Position'
-"This is the automatic behavior when the menu is always displayed.": "C'est le comportement automatique lorsque le menu est toujours affiché."
+'Show only the opener (hidden logo)': "Afficher uniquement le bouton d'ouverture (masquer
-"Not compatible with touch screens.": "Incompatible avec les écrans tactiles."
+  le logo)"
-"Big menu": "Menu large"
+'Do not display the side menu and the opener if there is no application (eg: public pages).': "Ne
-"Live preview": "Aperçu en direct"
+  pas afficher le menu latéral et le bouton d'ouverture s'il n'y a aucune application
-"Open apps in new tab": "Ouvrir les applications dans un nouvel onglet"
+  (exemple : page publiques)."
-"Use the global setting": "Utiliser la configuration globale"
+'Panel': 'Panneau'
-"Use my selection": "Utiliser ma sélection"
+'Open the menu when the mouse is hover the opener (automatically disabled on touch screens)': 'Ouvrir
-"Show and hide the list of applications": "Afficher et masquer la liste des applications"
+  le menu au passage de la souris (automatiquement désactivé sur les écrans tactiles)'
-"Use the avatar instead of the logo": "Utiliser l'avatar à la place du logo"
+'Display the big menu': 'Afficher le menu large'
-"You do not have permission to change the settings.": "Vous n'avez pas la permission de changer les paramètres."
+'Display the logo': 'Afficher le logo'
-"Force this configuration to users": "Forcer cette configuration aux utilisateurs"
+'Icons and texts': 'Icônes et textes'
-"Export the configuration": "Exporter la configuration"
+'Loader enabled': "Activation de l'indicateur de chargement"
-"Purge the cache": "Purger le cache"
+'Tips': 'Astuces'
-"Show the link to settings": "Afficher le lien vers les paramètres"
+'Always displayed': 'Toujours affiché'
-"The menu is enabled by default for users": "Le menu est activé par défaut pour les utilisateurs"
+'This is the automatic behavior when the menu is always displayed.': "C'est le comportement
-"Except when the configuration is forced.": "Sauf lorsque la configuration est forcée."
+  automatique lorsque le menu est toujours affiché."
-"Apps that should not be displayed in the menu": "Applications qui ne doivent pas être affichées dans le menu"
+'Not compatible with touch screens.': 'Incompatible avec les écrans tactiles.'
-"This feature is only compatible with the <code>big menu</code> display.": "Compatible avec l'affichage <code>Menu large</code>."
+'Big menu': 'Menu large'
-"The logo is a link to the default app": "Le logo est un lien vers l'application par défaut"
+'Live preview': 'Aperçu en direct'
-"Others": "Autres"
+'Open apps in new tab': 'Ouvrir les applications dans un nouvel onglet'
-"Categories": "Catégories"
+'Use the global setting': 'Utiliser la configuration globale'
-"Customize sorting": "Personnaliser le tri"
+'Use my selection': 'Utiliser ma sélection'
-"Order by": "Trier par"
+'Show and hide the list of applications': 'Afficher et masquer la liste des applications'
-"Name": "Nom"
+'Use the avatar instead of the logo': "Utiliser l'avatar à la place du logo"
-"Customed": "Personnalisé"
+'You do not have permission to change the settings.': "Vous n'avez pas la permission
-"Show and hide the list of categories": "Afficher et masquer la liste des catégories"
+  de changer les paramètres."
-"This parameters are used when Dark theme or Breeze Dark Theme are enabled.": "Ces paramètres sont utilisés lorsque le thème sombre ou le thème Breeze Dark sont activés."
+'Force this configuration to users': 'Forcer cette configuration aux utilisateurs'
-"Dark mode colors": "Couleurs du mode sombre"
+'Export the configuration': 'Exporter la configuration'
-"With categories": "Avec les catégories"
+'Purge the cache': 'Purger le cache'
-"Custom categories": "Catégories personnalisées"
+'Show the link to settings': 'Afficher le lien vers les paramètres'
-"Customize application categories": "Personnaliser les catégories des applications"
+'The menu is enabled by default for users': 'Le menu est activé par défaut pour les
-"Apps only visible in the top menu": "Applications visibles uniquement dans le menu supérieur"
+  utilisateurs'
-"Apps visible in the top and side menus": "Applications visibles dans le menus supérieur et latéral"
+'Except when the configuration is forced.': 'Sauf lorsque la configuration est forcée.'
+'Apps that should not be displayed in the menu': 'Applications qui ne doivent pas
+  être affichées dans le menu'
+'This feature is only compatible with the <code>big menu</code> display.': "Compatible
+  avec l'affichage <code>Menu large</code>."
+'The logo is a link to the default app': "Le logo est un lien vers l'application par
+  défaut"
+'Others': 'Autres'
+'Categories': 'Catégories'
+'Customize sorting': 'Personnaliser le tri'
+'Order by': 'Trier par'
+'Name': 'Nom'
+'Customed': 'Personnalisé'
+'Show and hide the list of categories': 'Afficher et masquer la liste des catégories'
+'This parameters are used when Dark theme or Breeze Dark Theme are enabled.': 'Ces
+  paramètres sont utilisés lorsque le thème sombre ou le thème Breeze Dark sont activés.'
+'Dark mode colors': 'Couleurs du mode sombre'
+'With categories': 'Avec les catégories'
+'Custom categories': 'Catégories personnalisées'
+'Customize application categories': 'Personnaliser les catégories des applications'
+'Reset to default': 'Restaurer les valeurs par défaut'
+'Applications': 'Applications'
+'Applications kept in the top menu': 'Applications conservées dans le menu supérieur'
+'Applications kept in the top menu but also shown in side menu': 'Applications conservées
+  dans le menu supérieur mais également affichées dans le menu latéral'
+'These applications must be selected in the previous option.': "Ces applications doivent
+  également être sélectionnées dans l'option précédente."
+'Hide labels on mouse over': 'Masquer le libellé des applications au passage de la
+  souris'
+'Except the hovered app': "À l'exception de l'application survolée"
+'Search': 'Rechercher'
+'Toggle the menu': 'Basculer le menu'
+'Open the documentation': 'Afficher la documentation'
+'Ask the developer': 'Demander au(x) développeurs⋅euses'
+'New request': 'Nouvelle requête'
+'Report a bug': 'Rapporter un bug'
+'Show the configuration': 'Afficher la configuration'
+'Configuration:': 'Configuration :'
+'Done!': 'Fait !'
+'Copy': 'Copié'
+'Need help': "Besoin d'aide"
+'I would like a new feature': 'Je souhaiterais une fonctionnalité'
+'Something went wrong': "Quelque chose s'est mal passé"
+'Select apps': 'Selection des apps'
+'Sort': 'Ordonner'
+'Customize': 'Personnaliser'
+'Custom': 'Personnalisé'
+'Close': 'Fermer'

src/l10n/fixtures/gl.yaml

@@ -0,0 +1,111 @@
+'Custom menu': 'Menú personalizado'
+'Enable the custom menu': 'Activar o menú personalizado'
+'No': 'Non'
+'Yes': 'Si'
+'Menu': 'Menú'
+'Use the shortcut Ctrl+o to open and to hide the side menu. Use tab key to navigate.': 'Use o atallo Ctrl+o para abrir e agochar o menú lateral. Use a tecla Tab para navegar.'
+'Top menu': 'Top menu'
+'Apps that not must be moved in the side menu': 'As aplicacións que non deben moverse no menú lateral'
+'If there is no selection then the global configuration is applied.': 'Se non hai selección, aplícase a configuración global.'
+'Experimental': 'Experimental'
+'Save': 'Gardar'
+'You like this app and you want to support me?': 'Gústalle esta aplicación e quere axudarme?'
+'Buy me a coffee ☕': 'Convídeme a un café ☕'
+'Hidden': 'Agochado'
+'Small': 'Pequeno'
+'Normal': 'Normal'
+'Big': 'Grande'
+'Hidden icon': 'Icona agochada'
+'Small icon': 'Icona pequena'
+'Normal icon': 'Icona normal'
+'Big icon': 'Icona grande'
+'Hidden text': 'Texto agochado'
+'Small text': 'Texto pequeno'
+'Normal text': 'Texto normal'
+'Big text': 'Texto grande'
+'Colors': 'Cores'
+'Background color': 'Cor do fondo'
+'Background color of current app': 'Cor do fondo da aplicación actual'
+'Text color': 'Cor do texto'
+'Loader': 'Cargador'
+'Icon': 'Icona'
+'Same color': 'A mesma cor'
+'Opposite color': 'A cor oposta'
+'Transparent': 'Transparente'
+'Opaque': 'Opaco'
+'Opener': 'Abrir'
+'Default': 'Predeterminado'
+'Default (dark)': 'Predeterminado (escuro)'
+'Hamburger': 'Hamburguesa'
+'Hamburger (dark)': 'Hamburguesa (escuro)'
+'Hamburger 2': 'Hamburguesa 2'
+'Hamburger 2 (dark)': 'Hamburguesa 2 (escuro)'
+'Before the logo': 'Antes do logotipo'
+'After the logo': 'Após o logotipo'
+'Position': 'Posición'
+'Show only the opener (hidden logo)': 'Amosar só a icona de abrir (agochar o logotipo)'
+'Do not display the side menu and the opener if there is no application (eg: public pages).': 'Non amosar o menú lateral e a icona de abrir se non hai ningunha aplicación (por exemplo: páxinas públicas).'
+'Panel': 'Panel'
+'Open the menu when the mouse is hover the opener (automatically disabled on touch screens)': 'Abre o menú cando o rato está sobre a icona de abrir (desactivado automaticamente nas pantallas táctiles)'
+'Display the big menu': 'Amosar o menú en grande'
+'Display the logo': 'Amosar o logotipo'
+'Icons and texts': 'Iconas e textos'
+'Loader enabled': 'Cargador activado'
+'Tips': 'Consellos'
+'Always displayed': 'Amosado sempre'
+'This is the automatic behavior when the menu is always displayed.': 'Este é o comportamento automático cando se amosa sempre o menú.'
+'Not compatible with touch screens.': 'Non é compatíbel coas pantallas táctiles.'
+'Big menu': 'Menú grande'
+'Live preview': 'Vista previa en directo'
+'Open apps in new tab': 'Abrir as aplicacións nunha nova lapela'
+'Use the global setting': 'Usar o axuste global'
+'Use my selection': 'Usar a miña selección'
+'Show and hide the list of applications': 'Amosar e agochar a lista de aplicacións'
+'Use the avatar instead of the logo': 'Usar o avatar no canto do logotipo'
+'You do not have permission to change the settings.': 'Non ten permiso para cambiar os axustes.'
+'Force this configuration to users': 'Forzar esta configuración para os usuarios'
+'Export the configuration': 'Exportar a configuración'
+'Purge the cache': 'Limpar a caché'
+'Show the link to settings': 'Amosar a ligazón aos axustes'
+'The menu is enabled by default for users': 'De xeito predeterminado o menú está activado para os usuarios'
+'Except when the configuration is forced.': 'Agás cando a configuración é forzada.'
+'Apps that should not be displayed in the menu': 'Aplicacións que non deben amosarse no menú'
+'This feature is only compatible with the <code>big menu</code> display.': 'Esta función só é compatíbel coa presentación do <code>menú grande</code>.'
+'The logo is a link to the default app': 'O logotipo é unha ligazón á aplicación predeterminada'
+'Others': 'Outros'
+'Categories': 'Categorías'
+'Customize sorting': 'Personalizar a ordenación'
+'Order by': 'Ordenar por'
+'Name': 'Nome'
+'Customed': 'Personalizado'
+'Show and hide the list of categories': 'Amosar e agochar a lista de categorías'
+'This parameters are used when Dark theme or Breeze Dark Theme are enabled.': 'Estes parámetros úsanse cando o tema escuro ou o tema escuro de Breeze están activados.'
+'Dark mode colors': 'Cores do modo escuro'
+'With categories': 'Con categorías'
+'Custom categories': 'Categorías personalizadas'
+'Customize application categories': 'Personalizar as categorías das aplicacións'
+'Reset to default': 'Restabelecer os valores predeterminados'
+'Applications': 'Aplicacións'
+'Applications kept in the top menu': 'As aplicacións mantéñense no menú superior'
+'Applications kept in the top menu but also shown in side menu': 'As aplicacións mantéñense no menú superior mais tamén aparecen no menú lateral'
+'These applications must be selected in the previous option.': 'Estas aplicacións deben ser seleccionadas na opción anterior.'
+'Hide labels on mouse over': 'Agochar as etiquetas ao pasar o rato'
+'Except the hovered app': 'Agás a aplicación que pasa o rato'
+'Search': 'Buscar'
+'Toggle the menu': 'Alternar o menú'
+'Open the documentation': 'Open the documentation'
+'Ask the developer': 'Preguntar ao desenvolvedor'
+'New request': 'Nova solicitude'
+'Report a bug': 'Informar dun fallo'
+'Show the configuration': 'Amosar a configuración'
+'Configuration:': 'Configuración:'
+'Done!': 'Feito!'
+'Copy': 'Copiar'
+'Need help': 'Necesito axuda'
+'I would like a new feature': 'Gustaríame unha nova característica'
+'Something went wrong': 'Algo foi mal'
+'Select apps': 'Seleccionar as aplicacións'
+'Sort': 'Ordenar'
+'Customize': 'Personalizar'
+'Custom': 'Personalizado'
+'Close': 'Pechar'

src/l10n/fixtures/nl.yaml

@@ -0,0 +1,111 @@
+'Custom menu': 'Aangepast menu'
+'Enable the custom menu': 'Het aangepaste menu inschakelen'
+'No': 'Nee'
+'Yes': 'Ja'
+'Menu': 'Menu'
+'Use the shortcut Ctrl+o to open and to hide the side menu. Use tab key to navigate.': 'Gebruik de snelkoppeling Ctrl+o om het zijmenu te openen en te verbergen. Gebruik tab key om te navigeren.'
+'Top menu': 'Bovenste menu'
+'Apps that not must be moved in the side menu': 'Apps die niet moeten worden verplaatst in het zijmenu'
+'If there is no selection then the global configuration is applied.': 'Als er geen keuze is, wordt de globale configuratie toegepast.'
+'Experimental': 'Experimenteel'
+'Save': 'Opslaan'
+'You like this app and you want to support me?': 'Vind je deze app leuk en wil je me steunen?'
+'Buy me a coffee ☕': 'Koop een koffie voor me ☕'
+'Hidden': 'Verborgen'
+'Small': 'Klein'
+'Normal': 'Normaal'
+'Big': 'Groot'
+'Hidden icon': 'Verborgen icoon'
+'Small icon': 'Klein icoon'
+'Normal icon': 'Normaal icoon'
+'Big icon': 'Groot icoon'
+'Hidden text': 'Verborgen tekst'
+'Small text': 'Kleine tekst'
+'Normal text': 'Normale tekst'
+'Big text': 'Grote tekst'
+'Colors': 'Kleuren'
+'Background color': 'Achtergrond kleur'
+'Background color of current app': 'Achtergrondkleur van huidige app'
+'Text color': 'Tekst kleur'
+'Loader': 'Lader'
+'Icon': 'Icoon'
+'Same color': 'Zelfde kleur'
+'Opposite color': 'Tegenovergestelde kleur'
+'Transparent': 'Transparant'
+'Opaque': 'Ondoorzichtig'
+'Opener': 'Opener'
+'Default': 'Standaard'
+'Default (dark)': 'Standaard (donker)'
+'Hamburger': 'Hamburger'
+'Hamburger (dark)': 'Hamburger (donker)'
+'Hamburger 2': 'Hamburger 2'
+'Hamburger 2 (dark)': 'Hamburger 2 (donker)'
+'Before the logo': 'Voor het logo'
+'After the logo': 'Na het logo'
+'Position': 'Positie'
+'Show only the opener (hidden logo)': 'Toon alleen de opener (verborgen logo)'
+'Do not display the side menu and the opener if there is no application (eg: public pages).': 'Geef het zijmenu en de opener niet weer als er geen toepassing is (bijv. openbare pagina''s).'
+'Panel': 'Paneel'
+'Open the menu when the mouse is hover the opener (automatically disabled on touch screens)': 'Open het menu wanneer de muis over de opener gaat (automatisch uitgeschakeld op aanraakschermen)'
+'Display the big menu': 'Toon het grote menu'
+'Display the logo': 'Toon het logo'
+'Icons and texts': 'Iconen en teksten'
+'Loader enabled': 'Lader ingeschakeld'
+'Tips': 'Tips'
+'Always displayed': 'Altijd weergegeven'
+'This is the automatic behavior when the menu is always displayed.': 'Dit is het automatische gedrag wanneer het menu altijd wordt weergegeven.'
+'Not compatible with touch screens.': 'Niet compatibel met aanraakschermen.'
+'Big menu': 'Groot menu'
+'Live preview': 'Live voorbeeld'
+'Open apps in new tab': 'Open apps in nieuwe tab'
+'Use the global setting': 'Gebruik de globale instellingen'
+'Use my selection': 'Gebruik mijn selectie'
+'Show and hide the list of applications': 'De lijst met toepassingen tonen en verbergen'
+'Use the avatar instead of the logo': 'Gebruik avatar in plaats van het logo'
+'You do not have permission to change the settings.': 'Je hebt geen toestemming om de instellingen te veranderen.'
+'Force this configuration to users': 'Forceer deze configuratie aan gebruikers'
+'Export the configuration': 'Exporteer de configuratie'
+'Purge the cache': 'De cache wissen'
+'Show the link to settings': 'Toon de link naar de instellingen'
+'The menu is enabled by default for users': 'Het menu is standaard ingeschakeld voor gebruikers'
+'Except when the configuration is forced.': 'Behalve als de configuratie geforceerd is.'
+'Apps that should not be displayed in the menu': 'Apps die niet in het menu weergegeven mogen worden'
+'This feature is only compatible with the <code>big menu</code> display.': 'Deze functie is alleen compatibel met het <code>grote menu</code> scherm.'
+'The logo is a link to the default app': 'Het logo is een link naar de standaard app'
+'Others': 'Overige'
+'Categories': 'Categorieën'
+'Customize sorting': 'Sortering aanpassen'
+'Order by': 'Sorteer op'
+'Name': 'Naam'
+'Customed': 'Aangepast'
+'Show and hide the list of categories': 'De lijst met categorieën tonen en verbergen'
+'This parameters are used when Dark theme or Breeze Dark Theme are enabled.': 'Deze parameters worden gebruikt wanneer Dark theme of Breeze Dark Theme zijn ingeschakeld.'
+'Dark mode colors': 'Donkere modus kleuren'
+'With categories': 'Met categorieën'
+'Custom categories': 'Aangepaste categorieën'
+'Customize application categories': 'Toepassingscategorieën aanpassen'
+'Reset to default': 'Terugzetten naar standaard'
+'Applications': 'Applicaties'
+'Applications kept in the top menu': 'Applicaties bewaard in het bovenste menu'
+'Applications kept in the top menu but also shown in side menu': 'Applicaties blijven in het topmenu maar worden ook in het zijmenu getoond'
+'These applications must be selected in the previous option.': 'Deze toepassingen moeten bij de vorige optie zijn geselecteerd.'
+'Hide labels on mouse over': 'Hide labels on mouse over'
+'Except the hovered app': 'Except the hovered app'
+'Search': 'Search'
+'Toggle the menu': 'Toggle the menu'
+'Open the documentation': 'Open the documentation'
+'Ask the developer': 'Ask the developer'
+'New request': 'New request'
+'Report a bug': 'Report a bug'
+'Show the configuration': 'Show the configuration'
+'Configuration:': 'Configuration:'
+'Done!': 'Done!'
+'Copy': 'Copy'
+'Need help': 'Need help'
+'I would like a new feature': 'I would like a new feature'
+'Something went wrong': 'Something went wrong'
+'Select apps': 'Select apps'
+'Sort': 'Sort'
+'Customize': 'Customize'
+'Custom': 'Custom'
+'Close': 'Close'

src/l10n/fixtures/pt_BR.yaml

@@ -0,0 +1,109 @@
+'Custom menu': 'Menú personalizado'
+'Enable the custom menu': 'Activar o menu personalizado'
+'No': 'Não'
+'Yes': 'Sim'
+'Menu': 'Menu'
+'Use the shortcut Ctrl+o to open and to hide the side menu. Use tab key to navigate.': 'Use o atalho Ctrl+o para exibir e para esconder o menu lateral. Use tab key para navegar.'
+'Top menu': 'Menu superior'
+'Apps that not must be moved in the side menu': 'Apps que não devem ser movidos para o menu lateral'
+'If there is no selection then the global configuration is applied.': 'Se não houver seleção, a configuração global será aplicada.'
+'Experimental': 'Experimental'
+'Save': 'Salvar'
+'You like this app and you want to support me?': 'Você gosta deste aplicativo e quer me apoiar?'
+'Buy me a coffee ☕': 'Me pague um café ☕'
+'Hidden': 'Oculto'
+'Small': 'Pequeno'
+'Normal': 'Normal'
+'Big': 'Grande'
+'Hidden icon': 'Ícone oculto'
+'Small icon': 'Ícone pequeno'
+'Normal icon': 'Ícone normal'
+'Big icon': 'Ícone grance'
+'Hidden text': 'Texto oculto'
+'Small text': 'Texto pequeno'
+'Normal text': 'Texto normal'
+'Big text': 'Texto grande'
+'Colors': 'Cores'
+'Background color': 'Cor de fundo'
+'Background color of current app': 'Cor de fundo do app atual'
+'Text color': 'Cor do texto'
+'Loader': 'Progresso'
+'Icon': 'Ícone'
+'Same color': 'Mesma cor'
+'Opposite color': 'Cor oposta'
+'Transparent': 'Transparente'
+'Opaque': 'Opaco'
+'Opener': 'Abrir'
+'Default': 'Padrão'
+'Default (dark)': 'Padrão (escuro)'
+'Hamburger': 'Hamburger'
+'Hamburger (dark)': 'Hamburger (escuro)'
+'Hamburger 2': 'Hamburger 2'
+'Hamburger 2 (dark)': 'Hamburger 2 (escuro)'
+'Before the logo': 'Antes da logo'
+'After the logo': 'Depois da logo'
+'Position': 'Posição'
+'Show only the opener (hidden logo)': 'Mostrar apenas o Abrir (ocultar logo)'
+'Do not display the side menu and the opener if there is no application (eg: public pages).': 'Não mostrar o menu lateral e o Abrir se não houver aplicação (p.ex. páginas públicas).'
+'Panel': 'Painel'
+'Open the menu when the mouse is hover the opener (automatically disabled on touch screens)': 'Abrir o menu quando o mouse passar sobre o Abrir (desativado automaticamente em telas de toque)'
+'Display the big menu': 'Mostrar o menu grande'
+'Display the logo': 'Mostrar a logo'
+'Icons and texts': 'Ícones e textos'
+'Loader enabled': 'Progresso ativado'
+'Tips': 'Dicas'
+'Always displayed': 'Sempre visível'
+'This is the automatic behavior when the menu is always displayed.': 'Este é o comportamento automático quando o menu está sempre visível.'
+'Not compatible with touch screens.': 'Não compatível com telas de toque.'
+'Big menu': 'Menu grande'
+'Live preview': 'Visualização ao vivo'
+'Open apps in new tab': 'Abrir apps em nova aba'
+'Use the global setting': 'Usar configurações globais'
+'Use my selection': 'Usar minha seleção'
+'Show and hide the list of applications': 'Mostrar e ocultar a lista de aplicativos'
+'Use the avatar instead of the logo': 'Use o avatar ao invés da logo'
+'You do not have permission to change the settings.': 'Você não tem permissão para alterar as configurações.'
+'Force this configuration to users': 'Forçar esta configuração para os usuários'
+'Export the configuration': 'Exportar a configuração'
+'Purge the cache': 'Limpar o cache'
+'Show the link to settings': 'Mostrar o link para configurações'
+'The menu is enabled by default for users': 'O menu é habilitado por padrão para os usuários'
+'Except when the configuration is forced.': 'Exceto quando a configuração é forçada.'
+'Apps that should not be displayed in the menu': 'Apps que não devem ser mostrados no menu'
+'This feature is only compatible with the <code>big menu</code> display.': 'Este recurso só é compatível com a exibição do <code>menu grande</code>.'
+'The logo is a link to the default app': 'A logo é um link para o app padrão'
+'Others': 'Outros'
+'Categories': 'Categorias'
+'Customize sorting': 'Personalizar classificação'
+'Order by': 'Ordenar por'
+'Name': 'Nome'
+'Customed': 'Personalizado'
+'Show and hide the list of categories': 'Mostrar e esconder a lista de categorias'
+'This parameters are used when Dark theme or Breeze Dark Theme are enabled.': 'Estes parâmetros são usados quando o tema escuro ou o tema Dark Breeze está ativo.'
+'Dark mode colors': 'Cores do modo escuro'
+'With categories': 'Com categorias'
+'Custom categories': 'Categorias personalizadas'
+'Customize application categories': 'Personalizar categorias de apps'
+'Reset to default': 'Restaurar padrão'
+'Applications': 'Aplicativos'
+'Applications kept in the top menu': 'Aplicativos mantidos no menu superior'
+'Applications kept in the top menu but also shown in side menu': 'Aplicativos mantidos no menu superior, mas também mostrados no menu lateral'
+'These applications must be selected in the previous option.': 'Estes aplicativos devem ser selecionados na opção anterior.'
+'Hide labels on mouse over': 'Ocultar descrição ao passar o mouse'
+'Toggle the menu': 'Toggle the menu'
+'Open the documentation': 'Open the documentation'
+'Ask the developer': 'Ask the developer'
+'New request': 'New request'
+'Report a bug': 'Report a bug'
+'Show the configuration': 'Show the configuration'
+'Configuration:': 'Configuration:'
+'Done!': 'Done!'
+'Copy': 'Copy'
+'Need help': 'Need help'
+'I would like a new feature': 'I would like a new feature'
+'Something went wrong': 'Something went wrong'
+'Select apps': 'Select apps'
+'Sort': 'Sort'
+'Customize': 'Customize'
+'Custom': 'Custom'
+'Close': 'Close'

src/l10n/fixtures/ru.yaml

@@ -0,0 +1,111 @@
+'Custom menu': 'Пользовательское меню'
+'Enable the custom menu': 'Включить пользовательское меню'
+'No': 'Нет'
+'Yes': 'Да'
+'Menu': 'Меню'
+'Use the shortcut Ctrl+o to open and to hide the side menu. Use tab key to navigate.': 'Используйте сочетание клавиш Ctrl+o, чтобы открыть или скрыть боковое меню. Используйте tab key для навигации.'
+'Top menu': 'Верхнее меню'
+'Apps that not must be moved in the side menu': 'Приложения не перемещаемые в боковое меню'
+'If there is no selection then the global configuration is applied.': 'Если тут ничего не отмечено, применяются глобальные настройки.'
+'Experimental': 'Экспериментальный'
+'Save': 'Сохранить'
+'You like this app and you want to support me?': 'Вам нравится приложение или вы хотите поддержать меня?'
+'Buy me a coffee ☕': 'Купить мне чашку кофе ☕'
+'Hidden': 'Скрыто'
+'Small': 'Маленький'
+'Normal': 'Средний'
+'Big': 'Большой'
+'Hidden icon': 'Без иконки'
+'Small icon': 'Маленькая иконка'
+'Normal icon': 'Средняя иконка'
+'Big icon': 'Большая иконка'
+'Hidden text': 'Без текста'
+'Small text': 'Маленький текст'
+'Normal text': 'Средний текст'
+'Big text': 'Большой текст'
+'Colors': 'Цвета'
+'Background color': 'Цвет фона'
+'Background color of current app': 'Цвет фона выбранного приложения'
+'Text color': 'Цвет текста'
+'Loader': 'Загрузчик'
+'Icon': 'Иконка'
+'Same color': 'Такой же цвет'
+'Opposite color': 'Противоположный цвет'
+'Transparent': 'Прозрачный'
+'Opaque': 'Непрозрачный'
+'Opener': 'Открывалка'
+'Default': 'По умолчанию'
+'Default (dark)': 'По умолчанию (тёмный)'
+'Hamburger': 'Гамбургер'
+'Hamburger (dark)': 'Гамбургер (тёмный)'
+'Hamburger 2': 'Гамбургер 2'
+'Hamburger 2 (dark)': 'Гамбургер 2 (тёмный)'
+'Before the logo': 'Перед логотипом'
+'After the logo': 'После логотипа'
+'Position': 'Положение'
+'Show only the opener (hidden logo)': 'Показать только открывающую кнопку (скрытый логотип)'
+'Do not display the side menu and the opener if there is no application (eg: public pages).': 'Не отображать боковое меню и открывалку, если нет доступного приложения (н.п. публичные страницы).'
+'Panel': 'Панель'
+'Open the menu when the mouse is hover the opener (automatically disabled on touch screens)': 'Открывать меню при наведении мыши на открывалку (автоматически отключается на сенсорных экранах)'
+'Display the big menu': 'Отобразить большое меню'
+'Display the logo': 'Показать логотип'
+'Icons and texts': 'Иконки и текст'
+'Loader enabled': 'Загрузчик включен'
+'Tips': 'Советы'
+'Always displayed': 'Всегда отображается'
+'This is the automatic behavior when the menu is always displayed.': 'Это автоматическое поведение, когда меню отображается всегда.'
+'Not compatible with touch screens.': 'Не совместимо с сенсорными экранами.'
+'Big menu': 'Большое меню'
+'Live preview': 'Предпросмотр в реальном времени'
+'Open apps in new tab': 'Открывать приложения в новой вкладке'
+'Use the global setting': 'Использовать глобальные настройки'
+'Use my selection': 'Использовать мои настройки'
+'Show and hide the list of applications': 'Показать или скрыть список приложений'
+'Use the avatar instead of the logo': 'Использовать аватар вместо логотипа'
+'You do not have permission to change the settings.': 'У вас нет разрешения изменять настройки.'
+'Force this configuration to users': 'Для обеспечения соблюдения этих настроек пользователями'
+'Export the configuration': 'Экспортировать конфигурацию'
+'Purge the cache': 'Очистить кэш'
+'Show the link to settings': 'Показать ссылку на настройки'
+'The menu is enabled by default for users': 'Это меню включено по умолчанию для пользователей'
+'Except when the configuration is forced.': 'За исключением случаев, когда настройка принудительная.'
+'Apps that should not be displayed in the menu': 'Ппрограммы, скрытые из меню'
+'This feature is only compatible with the <code>big menu</code> display.': 'Эта возможность совместима только с отображением <code>большого меню</code>.'
+'The logo is a link to the default app': 'Логотип открывает приложение по умолчанию'
+'Others': 'Прочие'
+'Categories': 'Категории'
+'Customize sorting': 'Настроить сортировку'
+'Order by': 'В порядке'
+'Name': 'Название'
+'Customed': 'Пользовательское'
+'Show and hide the list of categories': 'Показать или скрыть список категорий'
+'This parameters are used when Dark theme or Breeze Dark Theme are enabled.': 'Эти настройки используются темами Тёмная и Тёмная Breeze.'
+'Dark mode colors': 'Цвета тёмной темы'
+'With categories': 'С категориями'
+'Custom categories': 'Пользовательские категории'
+'Customize application categories': 'Изменить категории приложений'
+'Reset to default': 'Сбросить к значениям по умолчанию'
+'Applications': 'Приложения'
+'Applications kept in the top menu': 'Приложения, хранящиеся в верхнем меню'
+'Applications kept in the top menu but also shown in side menu': 'Приложения хранящиеся в верхнем меню, но также отображающиеся в боковом меню'
+'These applications must be selected in the previous option.': 'Эти приложения необходимо выбрать в предыдущем выборе.'
+'Hide labels on mouse over': 'Скрыть название при наведении мыши'
+'Except the hovered app': 'Кроме приложения на котором сейчас'
+'Search': 'Поиск'
+'Toggle the menu': 'Переключить меню'
+'Open the documentation': 'Open the documentation'
+'Ask the developer': 'Спросить разработчика'
+'New request': 'Новый запрос'
+'Report a bug': 'Пожаловаться на ошибку'
+'Show the configuration': 'Показать конфигурацию'
+'Configuration:': 'Configuration:'
+'Done!': 'Готово!'
+'Copy': 'Копировать'
+'Need help': 'Нужна помощь'
+'I would like a new feature': 'Я хочу новую возможность'
+'Something went wrong': 'Что-то пошло не так'
+'Select apps': 'Выберете приложения'
+'Sort': 'Сортировать'
+'Customize': 'Приспособить'
+'Custom': 'Custom'
+'Close': 'Закрыть'

src/l10n/fixtures/sk.yaml

@@ -0,0 +1,109 @@
+'Custom menu': 'Custom menu'
+'Enable the custom menu': 'Enable the custom menu'
+'No': 'No'
+'Yes': 'Yes'
+'Menu': 'Menu'
+'Use the shortcut Ctrl+o to open and to hide the side menu. Use tab key to navigate.': 'Use the shortcut Ctrl+o to open and to hide the side menu. Use tab key to navigate.'
+'Top menu': 'Top menu'
+'Apps that not must be moved in the side menu': 'Apps that not must be moved in the side menu'
+'If there is no selection then the global configuration is applied.': 'If there is no selection then the global configuration is applied.'
+'Experimental': 'Experimental'
+'Save': 'Save'
+'You like this app and you want to support me?': 'You like this app and you want to support me?'
+'Buy me a coffee ☕': 'Buy me a coffee ☕'
+'Hidden': 'Hidden'
+'Small': 'Small'
+'Normal': 'Normal'
+'Big': 'Big'
+'Hidden icon': 'Hidden icon'
+'Small icon': 'Small icon'
+'Normal icon': 'Normal icon'
+'Big icon': 'Big icon'
+'Hidden text': 'Hidden text'
+'Small text': 'Small text'
+'Normal text': 'Normal text'
+'Big text': 'Big text'
+'Colors': 'Colors'
+'Background color': 'Background color'
+'Background color of current app': 'Background color of current app'
+'Text color': 'Text color'
+'Loader': 'Loader'
+'Icon': 'Icon'
+'Same color': 'Same color'
+'Opposite color': 'Opposite color'
+'Transparent': 'Transparent'
+'Opaque': 'Opaque'
+'Opener': 'Opener'
+'Default': 'Default'
+'Default (dark)': 'Default (dark)'
+'Hamburger': 'Hamburger'
+'Hamburger (dark)': 'Hamburger (dark)'
+'Hamburger 2': 'Hamburger 2'
+'Hamburger 2 (dark)': 'Hamburger 2 (dark)'
+'Before the logo': 'Before the logo'
+'After the logo': 'After the logo'
+'Position': 'Position'
+'Show only the opener (hidden logo)': 'Show only the opener (hidden logo)'
+'Do not display the side menu and the opener if there is no application (eg: public pages).': 'Do not display the side menu and the opener if there is no application (eg: public pages).'
+'Panel': 'Panel'
+'Open the menu when the mouse is hover the opener (automatically disabled on touch screens)': 'Open the menu when the mouse is hover the opener (automatically disabled on touch screens)'
+'Display the big menu': 'Display the big menu'
+'Display the logo': 'Display the logo'
+'Icons and texts': 'Icons and texts'
+'Loader enabled': 'Loader enabled'
+'Tips': 'Tips'
+'Always displayed': 'Always displayed'
+'This is the automatic behavior when the menu is always displayed.': 'This is the automatic behavior when the menu is always displayed.'
+'Not compatible with touch screens.': 'Not compatible with touch screens.'
+'Big menu': 'Big menu'
+'Live preview': 'Live preview'
+'Open apps in new tab': 'Open apps in new tab'
+'Use the global setting': 'Use the global setting'
+'Use my selection': 'Use my selection'
+'Show and hide the list of applications': 'Show and hide the list of applications'
+'Use the avatar instead of the logo': 'Use the avatar instead of the logo'
+'You do not have permission to change the settings.': 'You do not have permission to change the settings.'
+'Force this configuration to users': 'Force this configuration to users'
+'Export the configuration': 'Export the configuration'
+'Purge the cache': 'Purge the cache'
+'Show the link to settings': 'Show the link to settings'
+'The menu is enabled by default for users': 'The menu is enabled by default for users'
+'Except when the configuration is forced.': 'Except when the configuration is forced.'
+'Apps that should not be displayed in the menu': 'Apps that should not be displayed in the menu'
+'This feature is only compatible with the <code>big menu</code> display.': 'This feature is only compatible with the <code>big menu</code> display.'
+'The logo is a link to the default app': 'The logo is a link to the default app'
+'Others': 'Others'
+'Categories': 'Categories'
+'Customize sorting': 'Customize sorting'
+'Order by': 'Order by'
+'Name': 'Name'
+'Customed': 'Customed'
+'Show and hide the list of categories': 'Show and hide the list of categories'
+'This parameters are used when Dark theme or Breeze Dark Theme are enabled.': 'This parameters are used when Dark theme or Breeze Dark Theme are enabled.'
+'Dark mode colors': 'Dark mode colors'
+'With categories': 'With categories'
+'Custom categories': 'Custom categories'
+'Customize application categories': 'Customize application categories'
+'Reset to default': 'Reset to default'
+'Applications': 'Applications'
+'Applications kept in the top menu': 'Applications kept in the top menu'
+'Applications kept in the top menu but also shown in side menu': 'Applications kept in the top menu but also shown in side menu'
+'These applications must be selected in the previous option.': 'These applications must be selected in the previous option.'
+'Hide labels on mouse over': 'Hide labels on mouse over'
+'Toggle the menu': 'Prepnite ponuku'
+'Open the documentation': 'Open the documentation'
+'Ask the developer': 'Ask the developer'
+'New request': 'New request'
+'Report a bug': 'Report a bug'
+'Show the configuration': 'Show the configuration'
+'Configuration:': 'Configuration:'
+'Done!': 'Done!'
+'Copy': 'Copy'
+'Need help': 'Need help'
+'I would like a new feature': 'I would like a new feature'
+'Something went wrong': 'Something went wrong'
+'Select apps': 'Select apps'
+'Sort': 'Sort'
+'Customize': 'Customize'
+'Custom': 'Custom'
+'Close': 'Close'

src/l10n/fixtures/sv.yaml

@@ -0,0 +1,111 @@
+'Custom menu': 'Anpassad meny'
+'Enable the custom menu': 'Aktivera den anpassade menyn'
+'No': 'Nej'
+'Yes': 'Ja'
+'Menu': 'Meny'
+'Use the shortcut Ctrl+o to open and to hide the side menu. Use tab key to navigate.': 'Använd genvägen Ctrl+o för att visa eller dölja sidomenyn. Använd tabb-tangenten för att navigera.'
+'Top menu': 'Toppmeny'
+'Apps that not must be moved in the side menu': 'Appar som inte får flyttas i sidomenyn'
+'If there is no selection then the global configuration is applied.': 'Om inget val har gjorts tillämpas den globala konfigurationen.'
+'Experimental': 'Experimentell'
+'Save': 'Spara'
+'You like this app and you want to support me?': 'Gillar du den här appen och vill stödja mig?'
+'Buy me a coffee ☕': 'Bjud mig på en kaffe ☕'
+'Hidden': 'Dold'
+'Small': 'Liten'
+'Normal': 'Normal'
+'Big': 'Stor'
+'Hidden icon': 'Dold ikon'
+'Small icon': 'Liten ikon'
+'Normal icon': 'Normal ikon'
+'Big icon': 'Stor ikon'
+'Hidden text': 'Dold text'
+'Small text': 'Liten text'
+'Normal text': 'Normal text'
+'Big text': 'Stor text'
+'Colors': 'Färger'
+'Background color': 'Bakgrundsfärg'
+'Background color of current app': 'Bakgrundsfärg för aktuell app'
+'Text color': 'Textfärg'
+'Loader': 'Laddare'
+'Icon': 'Ikon'
+'Same color': 'Samma färg'
+'Opposite color': 'Motsatt färg'
+'Transparent': 'Transparent'
+'Opaque': 'Ogenomskinlig'
+'Opener': 'Öppnare'
+'Default': 'Standard'
+'Default (dark)': 'Standard(mörk)'
+'Hamburger': 'Hamburgermeny'
+'Hamburger (dark)': 'Hamburgermeny(mörk)'
+'Hamburger 2': 'Hamburgermeny 2'
+'Hamburger 2 (dark)': 'Hamburgermeny 2 (mörk)'
+'Before the logo': 'Före logotypen'
+'After the logo': 'Efter logotypen'
+'Position': 'Position'
+'Show only the opener (hidden logo)': 'Visa endast öppnaren (gömd logotyp)'
+'Do not display the side menu and the opener if there is no application (eg: public pages).': 'Visa inte sidomenyn eller öppnaren om det inte finns någon applikation (t.ex. publika sidor).'
+'Panel': 'Panel'
+'Open the menu when the mouse is hover the opener (automatically disabled on touch screens)': 'Öppna menyn när muspekaren hovrar över öppnaren (automatiskt avaktiverat på pekskärmar)'
+'Display the big menu': 'Visa den stora menyn'
+'Display the logo': 'Visa logotypen'
+'Icons and texts': 'Ikoner och texter'
+'Loader enabled': 'Laddare aktiverad'
+'Tips': 'Tips'
+'Always displayed': 'Alltid visad'
+'This is the automatic behavior when the menu is always displayed.': 'Detta är det automatiska beteendet när menyn alltid är visad.'
+'Not compatible with touch screens.': 'Inte kompatibel med pekskärmar.'
+'Big menu': 'Stor meny'
+'Live preview': 'Förhandsgranskning i realtid'
+'Open apps in new tab': 'Öppna appar i ny flik'
+'Use the global setting': 'Använd den globala inställningen'
+'Use my selection': 'Använd mitt val'
+'Show and hide the list of applications': 'Visa och dölj listan över applikationer'
+'Use the avatar instead of the logo': 'Använd avataren istället för logotypen'
+'You do not have permission to change the settings.': 'Du har inte behörighet att ändra inställningarna.'
+'Force this configuration to users': 'Tvinga denna konfiguration för användare'
+'Export the configuration': 'Exportera konfigurationen'
+'Purge the cache': 'Rensa cachen'
+'Show the link to settings': 'Visa länken till inställningarna'
+'The menu is enabled by default for users': 'Menyn är aktiverad som standard för användare'
+'Except when the configuration is forced.': 'Förutom när konfigurationen är tvingad.'
+'Apps that should not be displayed in the menu': 'Appar som inte ska visas i menyn'
+'This feature is only compatible with the <code>big menu</code> display.': 'Denna funktion är endast kompatibel med <code>stor meny</code>.'
+'The logo is a link to the default app': 'Logotypen är en länk till standardappen'
+'Others': 'Övriga'
+'Categories': 'Kategorier'
+'Customize sorting': 'Anpassa sortering'
+'Order by': 'Sortera efter'
+'Name': 'Namn'
+'Customed': 'Anpassad'
+'Show and hide the list of categories': 'Visa och dölj listan över kategorier'
+'This parameters are used when Dark theme or Breeze Dark Theme are enabled.': 'Dessa parametrar används när mörkt tema eller Breeze Dark Theme är aktiverade.'
+'Dark mode colors': 'Färger för mörkt läge'
+'With categories': 'Med kategorier'
+'Custom categories': 'Anpassade kategorier'
+'Customize application categories': 'Anpassa app kategorier'
+'Reset to default': 'Återställ till standardvärden'
+'Applications': 'Applikationer'
+'Applications kept in the top menu': 'Applikationer som hålls i toppmenyn'
+'Applications kept in the top menu but also shown in side menu': 'Applikationer som visas både i toppmenyn och i sidomenyn'
+'These applications must be selected in the previous option.': 'Dessa applikationer måste väljas i föregående alternativ.'
+'Hide labels on mouse over': 'Dölj etiketter när muspekaren är över'
+'Except the hovered app': 'Förutom den app som muspekaren är över'
+'Search': 'Sök'
+'Toggle the menu': 'Växla menyn'
+'Open the documentation': 'Öppna dokumentationen'
+'Ask the developer': 'Fråga utvecklaren'
+'New request': 'Ny förfrågan'
+'Report a bug': 'Rapportera ett fel'
+'Show the configuration': 'Visa konfigurationen'
+'Configuration:': 'Konfiguration:'
+'Done!': 'Klar!'
+'Copy': 'Kopiera'
+'Need help': 'Behöver hjälp'
+'I would like a new feature': 'Jag skulle vilja ha en ny funktion'
+'Something went wrong': 'Något gick fel'
+'Select apps': 'Välj appar'
+'Sort': 'Sortera'
+'Customize': 'Anpassa'
+'Custom': 'Anpassad'
+'Close': 'Stäng'

src/l10n/fixtures/tpl/base.yaml

@@ -0,0 +1,111 @@
+'Custom menu': 'Custom menu'
+'Enable the custom menu': 'Enable the custom menu'
+'No': 'No'
+'Yes': 'Yes'
+'Menu': 'Menu'
+'Use the shortcut Ctrl+o to open and to hide the side menu. Use tab key to navigate.': 'Use the shortcut Ctrl+o to open and to hide the side menu. Use tab key to navigate.'
+'Top menu': 'Top menu'
+'Apps that not must be moved in the side menu': 'Apps that not must be moved in the side menu'
+'If there is no selection then the global configuration is applied.': 'If there is no selection then the global configuration is applied.'
+'Experimental': 'Experimental'
+'Save': 'Save'
+'You like this app and you want to support me?': 'You like this app and you want to support me?'
+'Buy me a coffee ☕': 'Buy me a coffee ☕'
+'Hidden': 'Hidden'
+'Small': 'Small'
+'Normal': 'Normal'
+'Big': 'Big'
+'Hidden icon': 'Hidden icon'
+'Small icon': 'Small icon'
+'Normal icon': 'Normal icon'
+'Big icon': 'Big icon'
+'Hidden text': 'Hidden text'
+'Small text': 'Small text'
+'Normal text': 'Normal text'
+'Big text': 'Big text'
+'Colors': 'Colors'
+'Background color': 'Background color'
+'Background color of current app': 'Background color of current app'
+'Text color': 'Text color'
+'Loader': 'Loader'
+'Icon': 'Icon'
+'Same color': 'Same color'
+'Opposite color': 'Opposite color'
+'Transparent': 'Transparent'
+'Opaque': 'Opaque'
+'Opener': 'Opener'
+'Default': 'Default'
+'Default (dark)': 'Default (dark)'
+'Hamburger': 'Hamburger'
+'Hamburger (dark)': 'Hamburger (dark)'
+'Hamburger 2': 'Hamburger 2'
+'Hamburger 2 (dark)': 'Hamburger 2 (dark)'
+'Before the logo': 'Before the logo'
+'After the logo': 'After the logo'
+'Position': 'Position'
+'Show only the opener (hidden logo)': 'Show only the opener (hidden logo)'
+'Do not display the side menu and the opener if there is no application (eg: public pages).': 'Do not display the side menu and the opener if there is no application (eg: public pages).'
+'Panel': 'Panel'
+'Open the menu when the mouse is hover the opener (automatically disabled on touch screens)': 'Open the menu when the mouse is hover the opener (automatically disabled on touch screens)'
+'Display the big menu': 'Display the big menu'
+'Display the logo': 'Display the logo'
+'Icons and texts': 'Icons and texts'
+'Loader enabled': 'Loader enabled'
+'Tips': 'Tips'
+'Always displayed': 'Always displayed'
+'This is the automatic behavior when the menu is always displayed.': 'This is the automatic behavior when the menu is always displayed.'
+'Not compatible with touch screens.': 'Not compatible with touch screens.'
+'Big menu': 'Big menu'
+'Live preview': 'Live preview'
+'Open apps in new tab': 'Open apps in new tab'
+'Use the global setting': 'Use the global setting'
+'Use my selection': 'Use my selection'
+'Show and hide the list of applications': 'Show and hide the list of applications'
+'Use the avatar instead of the logo': 'Use the avatar instead of the logo'
+'You do not have permission to change the settings.': 'You do not have permission to change the settings.'
+'Force this configuration to users': 'Force this configuration to users'
+'Export the configuration': 'Export the configuration'
+'Purge the cache': 'Purge the cache'
+'Show the link to settings': 'Show the link to settings'
+'The menu is enabled by default for users': 'The menu is enabled by default for users'
+'Except when the configuration is forced.': 'Except when the configuration is forced.'
+'Apps that should not be displayed in the menu': 'Apps that should not be displayed in the menu'
+'This feature is only compatible with the <code>big menu</code> display.': 'This feature is only compatible with the <code>big menu</code> display.'
+'The logo is a link to the default app': 'The logo is a link to the default app'
+'Others': 'Others'
+'Categories': 'Categories'
+'Customize sorting': 'Customize sorting'
+'Order by': 'Order by'
+'Name': 'Name'
+'Customed': 'Customed'
+'Show and hide the list of categories': 'Show and hide the list of categories'
+'This parameters are used when Dark theme or Breeze Dark Theme are enabled.': 'This parameters are used when Dark theme or Breeze Dark Theme are enabled.'
+'Dark mode colors': 'Dark mode colors'
+'With categories': 'With categories'
+'Custom categories': 'Custom categories'
+'Customize application categories': 'Customize application categories'
+'Reset to default': 'Reset to default'
+'Applications': 'Applications'
+'Applications kept in the top menu': 'Applications kept in the top menu'
+'Applications kept in the top menu but also shown in side menu': 'Applications kept in the top menu but also shown in side menu'
+'These applications must be selected in the previous option.': 'These applications must be selected in the previous option.'
+'Hide labels on mouse over': 'Hide labels on mouse over'
+'Except the hovered app': 'Except the hovered app'
+'Search': 'Search'
+'Toggle the menu': 'Toggle the menu'
+'Open the documentation': 'Open the documentation'
+'Ask the developer': 'Ask the developer'
+'New request': 'New request'
+'Report a bug': 'Report a bug'
+'Show the configuration': 'Show the configuration'
+'Configuration:': 'Configuration:'
+'Done!': 'Done!'
+'Copy': 'Copy'
+'Need help': 'Need help'
+'I would like a new feature': 'I would like a new feature'
+'Something went wrong': 'Something went wrong'
+'Select apps': 'Select apps'
+'Sort': 'Sort'
+'Customize': 'Customize'
+'Custom': 'Custom'
+'Close': 'Close'

src/l10n/fixtures/zh_CN.yaml

@@ -1,83 +1,111 @@
-"Custom menu": "自定义菜单"
+'Custom menu': '自定义菜单'
-"Enable the custom menu": "激活自定义菜单"
+'Enable the custom menu': '启用自定义菜单'
-"No": "取消"
+'No': '否'
-"Yes": "确定"
+'Yes': '是'
-"Menu": "菜单"
+'Menu': '菜单'
-"Use the shortcut <span class=\"keyboard-key\">Ctrl<\/span>+<span class=\"keyboard-key\">o<\/span> to open and to hide the side menu. Use <span class=\"keyboard-key\">tab<\/span> to navigate.": "使用快捷键 <span class=\"keyboard-key\">Ctrl<\/span>+<span class=\"keyboard-key\">o<\/span> 打开或隐藏侧边栏菜单。使用<span class=\"keyboard-key\">tab<\/span> 来导航。"
+'Use the shortcut Ctrl+o to open and to hide the side menu. Use <span class="keyboard-key">tab</span> to navigate.': '使用快捷键 Ctrl+o 打开或隐藏侧边栏菜单。使用 <span class="keyboard-key">Tab</span> 键来导航。'
-"Top menu": "顶部菜单"
+'Top menu': '顶部菜单'
-"Apps that not must be moved in the side menu": "禁止在侧边栏菜单移动的应用"
+'Apps that not must be moved in the side menu': '禁止在侧边栏菜单移动的应用'
-"If there is no selection then the global configuration is applied.": "如不选择，将应用全局设定。"
+'If there is no selection then the global configuration is applied.': '如果没有选择，则应用全局配置。'
-"Experimental": "实验性"
+'Experimental': '实验性'
-"Save": "保存"
+'Save': '保存'
-"You like this app and you want to support me?": "喜欢本应用并支持我一下？"
+'You like this app and you want to support me?': '喜欢本应用并支持我一下？'
-"Buy me a coffee ☕": "赏一杯咖啡 ☕ 给我"
+'Buy me a coffee ☕': '赏一杯咖啡 ☕ 给我'
-"Hidden": "隐藏"
+'Hidden': '隐藏'
-"Small": "小型"
+'Small': '小型'
-"Normal": "标准"
+'Normal': '标准'
-"Big": "大型"
+'Big': '大型'
-"Colors": "颜色"
+'Colors': '颜色'
-"Background color": "背景颜色"
+'Background color': '背景颜色'
-"Background color of current app": "当前应用的背景色"
+'Background color of current app': '当前应用的背景色'
-"Text color": "文字颜色"
+'Text color': '文本颜色'
-"Loader": "菜单指示器"
+'Loader': '菜单指示器'
-"Icon": "图标"
+'Icon': '图标'
-"Same color": "相同颜色"
+'Same color': '相同颜色'
-"Opposite color": "相反颜色"
+'Opposite color': '相反颜色'
-"Transparent": "透明"
+'Transparent': '透明'
-"Opaque": "不透明"
+'Opaque': '不透明'
-"Opener": "容器"
+'Opener': '触发器'
-"Default": "默认"
+'Default': '默认'
-"Default (dark)": "默认(深色)"
+'Default (dark)': '默认(深色)'
-"Hamburger": "Hamburger"
+'Hamburger': 'Hamburger'
-"Hamburger (dark)": "Hamburger (深色)"
+'Hamburger (dark)': 'Hamburger (深色)'
-"Hamburger 2": "Hamburger 2"
+'Hamburger 2': 'Hamburger 2'
-"Hamburger 2 (dark)": "Hamburger 2 (深色)"
+'Hamburger 2 (dark)': 'Hamburger 2 (深色)'
-"Before the logo": "在logo前"
+'Before the logo': '在徽标之前'
-"After the logo": "在logo后"
+'After the logo': '在徽标之后'
-"Position": "位置"
+'Position': '位置'
-"Show only the opener (hidden logo)": "只显示容器 (隐藏logo)"
+'Show only the opener (hidden logo)': '仅显示触发器（隐藏徽标）'
-"Do not display the side menu and the opener if there is no application (eg: public pages).": "N如果没有应用，不显示侧边栏菜单和容器 (例如 : 公共页面)。"
+'Do not display the side menu and the opener if there is no application (eg: public pages).': '如果没有应用程序（例如：公共页面），则不要显示侧边栏菜单和触发器。'
-"Panel": "面板"
+'Panel': '面板'
-"Open the menu when the mouse is hover the opener (automatically disabled on touch screens)": "鼠标悬停时打开菜单 (触摸屏时将自动禁用)"
+'Open the menu when the mouse is hover the opener (automatically disabled on touch screens)': '当鼠标悬停在触发器上时打开菜单（在触摸屏上自动禁用）'
-"Display the big menu": "显示大型菜单"
+'Display the big menu': '显示大型菜单'
-"This menu is not compatible with AppOrder.": "型菜单与应用顺序不兼容"
+'Display the logo': '显示徽标'
-"Display the logo": "显示logo"
+'Icons and texts': '图标和文本'
-"This feature is not compatible with the <code>big menu<\/code> display.": "此功能与显示<code>大型菜单<\/code>不兼容。"
+'Loader enabled': '菜单指示器已启用'
-"Icons and texts": "图标与文字"
+'Tips': '技巧'
-"Loader enabled": "菜单指示器已激活"
+'Always displayed': '始终显示'
-"Tips": "技巧"
+'This is the automatic behavior when the menu is always displayed.': '这是菜单始终显示时的自动行为。'
-"Always displayed": "一直显示"
+'Not compatible with touch screens.': '与触摸屏不兼容。'
-"The logo will be hidden when the menu is always displayed.": "一直显示菜单时logo将被隐藏。"
+'Big menu': '大型菜单'
-"This is the automatic behavior when the menu is always displayed.": "一直显示菜单时的自动动作。"
+'Live preview': '实时预览'
-"Not compatible with touch screens.": "与触屏不兼容。"
+'Open apps in new tab': '在新标签页中打开应用'
-"Big menu": "大型菜单"
+'Use the global setting': '使用全局设置'
-"Live preview": "实时预览"
+'Use my selection': '使用自定义设置'
-"Open apps in new tab": "在新标签中打开应用"
+'Show and hide the list of applications': '显示和隐藏应用程序列表'
-"Use the global setting": "使用全局设定"
+'Use the avatar instead of the logo': '使用头像代替徽标'
-"Use my selection": "使用自定义设定"
+'You do not have permission to change the settings.': '您没有更改设置的权限。'
-"Show and hide the list of applications": "显示或隐藏应用列表"
+'Force this configuration to users': '强制用户使用此配置'
-"Use the avatar instead of the logo": "使用头像代替logo"
+'Export the configuration': '导出配置'
-"You do not have permission to change the settings.": "没有更改设置的权限。"
+'Purge the cache': '清除缓存'
-"Force this configuration to users": "强制用户使用此设置"
+'Show the link to settings': '显示设置链接'
-"Export the configuration": "导出设置"
+'The menu is enabled by default for users': '默认情况下为用户启用菜单'
-"Purge the cache": "清除缓存"
+'Except when the configuration is forced.': '除非强制配置。'
-"Show the link to settings": "显示设置链接"
+'Apps that should not be displayed in the menu': '禁止在菜单中显示的应用'
-"The menu is enabled by default for users": "用户的默认菜单已激活"
+'This feature is only compatible with the <code>big menu</code> display.': '此功能只和<code>大型菜单</code>兼容。'
-"Except when the configuration is forced.": "除非设置被强制使用。"
+'The logo is a link to the default app': '徽标链接到默认应用'
-"Apps that should not be displayed in the menu": "禁止在菜单中显示的应用"
+'Others': '其他'
-"This feature is only compatible with the <code>big menu<\/code> display.": "此功能只和<code>大型菜单<\/code>兼容。"
+'Categories': '类别'
-"The logo is a link to the default app": "logo链接到默认应用"
+'Customize sorting': '自定义排序'
-"Others": "其他"
+'Order by': '排序方式'
-"Categories": "类别"
+'Name': '名称'
-"Customize sorting": "自定义顺序"
+'Customed': '自定义'
-"Order by": "排序规则"
+'Show and hide the list of categories': '显示或隐藏类别列表'
-"Name": "名称"
+'This parameters are used when Dark theme or Breeze Dark Theme are enabled.': '启用深色主题时使用此参数。'
-"Customed": "自定义"
+'Dark mode colors': '深色模式颜色'
-"Show and hide the list of categories": "显示或隐藏类别列表"
+'With categories': '按类别'
-"This parameters are used when Dark theme or Breeze Dark Theme are enabled.": "此参数将应用于暗黑主题激活时。"
+'Custom categories': '自定义类别'
-"Dark mode colors": "暗黑模式颜色"
+'Customize application categories': '自定义应用程序类别'
-"With categories": "有类别"
+'Reset to default': '重置为默认设置'
-"Custom categories": "自定义类别"
+'Hidden icon': '隐藏图标'
-"Customize application categories": "自定义应用程序类别"
+'Small icon': '小图标'
-"Apps only visible in the top menu": "应用程序仅在顶部菜单中可见"
+'Normal icon': '正常图标'
-"Apps visible in the top and side menus": "顶部和侧边菜单中可见的应用程序"
+'Big icon': '大图标'
+'Hidden text': '隐藏文本'
+'Small text': '小文本'
+'Normal text': '普通文本'
+'Big text': '大文本'
+'Applications': '应用程序'
+'Applications kept in the top menu': '应用程序保留在顶部菜单中'
+'Applications kept in the top menu but also shown in side menu': '应用程序保留在顶部菜单中，但也显示在侧边栏菜单中'
+'These applications must be selected in the previous option.': '必须在上一个选项中选择这些应用程序。'
+'Hide labels on mouse over': '鼠标悬停时隐藏标签'
+'Except the hovered app': '除了悬停的应用'
+'Search': '搜索'
+'Toggle menu': '切换菜单'
+'Open the documentation': '打开文档'
+'Ask the developer': '询问开发者'
+'New request': '新请求'
+'Report a bug': '报告错误'
+'Show the configuration': '显示配置'
+'Configuration:': '配置：'
+'Done!': '完成！'
+'Copy': '复制'
+'Need help': '需要帮助'
+'I would like a new feature': '我想要一个新功能'
+'Something went wrong': '出了点问题'
+'Select apps': '选择应用'
+'Sort': '排序'
+'Customize': '自定义'
+'Custom': '自定义'
+'Close': '关闭'

src/lib/app.js

@@ -1,5 +1,3 @@
-<?php
-
 /**
  * @license GNU AGPL version 3 or any later version
  *
@@ -17,14 +15,18 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  */
 
-return [
+import { loadState } from '@nextcloud/initial-state'
-    'routes' => [
+
-        ['name' => 'Css#stylesheet', 'url' => '/css/stylesheet', 'verb' => 'GET'],
+const getActiveAppId = () => {
-        ['name' => 'Js#script', 'url' => '/js/script', 'verb' => 'GET'],
+  const apps = loadState('core', 'apps', {})
-        ['name' => 'Js#config', 'url' => '/js/config', 'verb' => 'GET'],
+
-        ['name' => 'Nav#items', 'url' => '/nav/items', 'verb' => 'GET'],
+  for (let id in apps) {
-        ['name' => 'PersonalSetting#valueSet', 'url' => '/personalSetting/valueSet', 'verb' => 'POST'],
+    if (apps[id].active) {
-        ['name' => 'AdminSetting#removeCache', 'url' => '/admin/cache/remove', 'verb' => 'GET'],
+      return apps[id].id
-        ['name' => 'AdminSetting#exportConfiguration', 'url' => '/admin/config/export', 'verb' => 'GET'],
+    }
-    ],
+  }
-];
+
+  return null
+}
+
+export { getActiveAppId }

src/lib/dom.js

@@ -0,0 +1,54 @@
+/**
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+const waitContainer = async (selector) => {
+  return new Promise((resolve) => {
+    const execute = () => {
+      const container = document.querySelector(selector)
+
+      if (container) {
+        resolve(container)
+      } else {
+        setTimeout(() => {
+          execute(selector)
+        }, 50)
+      }
+    }
+
+    execute(selector)
+  })
+}
+
+const createElement = (tagName, attributes) => {
+  const element = document.createElement(tagName)
+
+  if (typeof attributes === 'object') {
+    for (let i in attributes) {
+      if (i === 'text') {
+        element.textContent = attributes[i]
+      } else if (i === 'html') {
+        element.innerHTML = attributes[i]
+      } else {
+        element.setAttribute(i, attributes[i])
+      }
+    }
+  }
+
+  return element
+}
+
+export { waitContainer, createElement }

src/lib/menu.js

@@ -0,0 +1,28 @@
+/**
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+const focusActiveApp = (menu) => {
+  window.setTimeout(() => {
+    const a = menu.querySelector('.side-menu-app.active a') || menu.querySelector('.side-menu-app a')
+
+    if (a) {
+      a.focus()
+    }
+  }, 500)
+}
+
+export { focusActiveApp }