Compare commits
41 commits
Author | SHA1 | Date | |
---|---|---|---|
Simon Vieille | 38f400b24c | ||
Simon Vieille | 012c660fed | ||
Simon Vieille | 9c5be63f16 | ||
Simon Vieille | 71f5dfef9a | ||
Simon Vieille | afa48c6239 | ||
Simon Vieille | a94a94b564 | ||
Simon Vieille | 3e7dcac307 | ||
Simon Vieille | 54b64cc54e | ||
Simon Vieille | 45d4e5f24c | ||
Simon Vieille | 56904c5aa0 | ||
Simon Vieille | 32cd25b736 | ||
Simon Vieille | a9a3ba36c1 | ||
Simon Vieille | 2cecd0d6f4 | ||
Simon Vieille | 28085d9aa7 | ||
Simon Vieille | 9d7c98ddf0 | ||
Simon Vieille | c34bd19159 | ||
Simon Vieille | d9d4306ed3 | ||
Simon Vieille | b027f1e558 | ||
Simon Vieille | cb44d1eb2a | ||
Simon Vieille | 4c76cea7c6 | ||
Simon Vieille | 16b166b1cf | ||
Simon Vieille | db9c99b8f2 | ||
Simon Vieille | 01c782d844 | ||
Simon Vieille | 1271571427 | ||
Simon Vieille | 951dd742d8 | ||
Simon Vieille | b8aa312a14 | ||
Simon Vieille | 774c314e7b | ||
Simon Vieille | 10b91991a9 | ||
Simon Vieille | 3de47aa3e3 | ||
Simon Vieille | cd64c0dd93 | ||
Simon Vieille | 13fdd6c0d6 | ||
Simon Vieille | 83a2261838 | ||
Simon Vieille | c11c4ee197 | ||
Simon Vieille | d8aa018f5a | ||
Simon Vieille | c3c5db8a37 | ||
Simon Vieille | 0aa6767090 | ||
Simon Vieille | 238a1a905e | ||
Simon Vieille | 4221f81860 | ||
Simon Vieille | 8baaa51b8a | ||
Simon Vieille | fc6ebbaa2e | ||
2c83789813 |
30
.gitea/issue_template/QUESTION_TEMPLATE.yml
Normal file
30
.gitea/issue_template/QUESTION_TEMPLATE.yml
Normal file
|
@ -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
|
8
.gitea/issue_template/config.yml
Normal file
8
.gitea/issue_template/config.yml
Normal file
|
@ -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
|
103
.woodpecker.yml
103
.woodpecker.yml
|
@ -1,103 +0,0 @@
|
||||||
steps:
|
|
||||||
check-tag:
|
|
||||||
image: alpine
|
|
||||||
commands:
|
|
||||||
- TAG=${CI_COMMIT_TAG/v//}
|
|
||||||
- grep "<version>$TAG</version>" appinfo/info.xml
|
|
||||||
when:
|
|
||||||
event: [tag]
|
|
||||||
|
|
||||||
dependencies:
|
|
||||||
image: node:16
|
|
||||||
pull: true
|
|
||||||
commands:
|
|
||||||
- npm i
|
|
||||||
when:
|
|
||||||
event: [tag, push, pull_request, manual]
|
|
||||||
branch: [master, develop, feature/*, fix/*, bugfix/*, translations]
|
|
||||||
|
|
||||||
osv-detector:
|
|
||||||
image: gitnet.fr/deblan/osv-detector:v0.10
|
|
||||||
commands:
|
|
||||||
- osv-detector package-lock.json
|
|
||||||
failure: ignore
|
|
||||||
|
|
||||||
build-js:
|
|
||||||
image: node:16
|
|
||||||
commands:
|
|
||||||
- npm run build
|
|
||||||
when:
|
|
||||||
event: [tag, push, pull_request, manual]
|
|
||||||
branch: [master, develop, feature/*, fix/*, bugfix/*, translations]
|
|
||||||
|
|
||||||
build-translations:
|
|
||||||
image: deblan/php:8.0
|
|
||||||
commands:
|
|
||||||
- php bin/generate_l10n.php
|
|
||||||
when:
|
|
||||||
event: [tag, push, pull_request, manual]
|
|
||||||
branch: [master, develop, feature/*, fix/*, bugfix/*, translations]
|
|
||||||
|
|
||||||
create-signature:
|
|
||||||
image: nextcloud:25
|
|
||||||
secrets: [app_certificate, app_public_certificate]
|
|
||||||
environment:
|
|
||||||
SQLITE_DATABASE: /var/www/data/data.db
|
|
||||||
NEXTCLOUD_ADMIN_USER: admin
|
|
||||||
NEXTCLOUD_ADMIN_PASSWORD: admin
|
|
||||||
commands:
|
|
||||||
- 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 css 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/
|
|
||||||
when:
|
|
||||||
event: [tag]
|
|
||||||
|
|
||||||
# check-code-quality:
|
|
||||||
# image: sonarsource/sonar-scanner-cli
|
|
||||||
# secrets: [sonar_token, sonar_host, sonar_project]
|
|
||||||
# commands:
|
|
||||||
# - sonar-scanner
|
|
||||||
# -Dsonar.projectKey=$SONAR_PROJECT
|
|
||||||
# -Dsonar.sources=.
|
|
||||||
# -Dsonar.host.url=$SONAR_HOST
|
|
||||||
# -Dsonar.pullrequest.key=$CI_COMMIT_PULL_REQUEST
|
|
||||||
# -Dsonar.pullrequest.branch=$CI_COMMIT_SOURCE_BRANCH
|
|
||||||
# -Dsonar.pullrequest.base=$CI_COMMIT_TARGET_BRANCH
|
|
||||||
# failure: ignore
|
|
||||||
# when:
|
|
||||||
# event: [pull_request]
|
|
||||||
|
|
||||||
create-package:
|
|
||||||
image: deblan/php:8.0
|
|
||||||
volumes:
|
|
||||||
- /var/www/html/artifacts:/var/www/html/artifacts
|
|
||||||
secrets: [app_certificate]
|
|
||||||
commands:
|
|
||||||
- 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
|
|
||||||
when:
|
|
||||||
event: [tag]
|
|
||||||
|
|
||||||
push-release:
|
|
||||||
image: plugins/gitea-release
|
|
||||||
volumes:
|
|
||||||
- /var/www/html/artifacts:/var/www/html/artifacts
|
|
||||||
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//}/*
|
|
||||||
when:
|
|
||||||
event: [tag]
|
|
28
.woodpecker/.build.yml
Normal file
28
.woodpecker/.build.yml
Normal file
|
@ -0,0 +1,28 @@
|
||||||
|
variables:
|
||||||
|
volumes: &volumes
|
||||||
|
- /data/${CI_REPO}:/builds
|
||||||
|
|
||||||
|
when:
|
||||||
|
event: [tag, push, pull_request, manual]
|
||||||
|
branch: [master, develop, feature/*, fix/*, bugfix/*, translations]
|
||||||
|
|
||||||
|
steps:
|
||||||
|
"Install dependencies":
|
||||||
|
image: node:16
|
||||||
|
pull: true
|
||||||
|
commands:
|
||||||
|
- npm i
|
||||||
|
|
||||||
|
"Build JS":
|
||||||
|
image: node:16
|
||||||
|
commands:
|
||||||
|
- npm run build
|
||||||
|
|
||||||
|
"Build translations":
|
||||||
|
image: deblan/php:8.3
|
||||||
|
commands:
|
||||||
|
- php bin/generate_l10n.php
|
||||||
|
|
||||||
|
"Build cache":
|
||||||
|
image: gitnet.fr/deblan/woodpecker-cache
|
||||||
|
volumes: *volumes
|
61
.woodpecker/.publish.yml
Normal file
61
.woodpecker/.publish.yml
Normal file
|
@ -0,0 +1,61 @@
|
||||||
|
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
|
||||||
|
secrets: [app_certificate, app_public_certificate]
|
||||||
|
volumes: *volumes
|
||||||
|
environment:
|
||||||
|
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 css 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
|
||||||
|
secrets: [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//}/*
|
17
.woodpecker/.security.yml
Normal file
17
.woodpecker/.security.yml
Normal file
|
@ -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
|
28
CHANGELOG.md
28
CHANGELOG.md
|
@ -1,5 +1,33 @@
|
||||||
## [Unreleased]
|
## [Unreleased]
|
||||||
|
|
||||||
|
## 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
|
||||||
|
### Fixed
|
||||||
|
* add accessibility to open and close buttons (#311)
|
||||||
|
* fully apply Nextcloud AppMenu.vue updated (#326)
|
||||||
|
* 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
|
## 3.11.4
|
||||||
### Fixed
|
### Fixed
|
||||||
* add label on buttons for accessiblity (fix #311)
|
* add label on buttons for accessiblity (fix #311)
|
||||||
|
|
|
@ -32,7 +32,7 @@ Notice
|
||||||
Because I believe in a free and decentralized Internet, [Gitnet](https://gitnet.fr) is **self-hosted at home**.
|
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/).
|
In case of downtime, you can download **Custom Menu** from [here](https://kim.deblan.fr/~side_menu/).
|
||||||
]]></description>
|
]]></description>
|
||||||
<version>3.11.4</version>
|
<version>3.12.0</version>
|
||||||
<licence>agpl</licence>
|
<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.io/">Simon Vieille</author>
|
||||||
<namespace>SideMenu</namespace>
|
<namespace>SideMenu</namespace>
|
||||||
|
@ -54,7 +54,7 @@ In case of downtime, you can download **Custom Menu** from [here](https://kim.de
|
||||||
<screenshot>https://gitnet.fr/deblan/side_menu/raw/branch/master/screenshots/nc25_big_menu.png</screenshot>
|
<screenshot>https://gitnet.fr/deblan/side_menu/raw/branch/master/screenshots/nc25_big_menu.png</screenshot>
|
||||||
<screenshot>https://gitnet.fr/deblan/side_menu/raw/branch/master/screenshots/nc25_default_menu.png</screenshot>
|
<screenshot>https://gitnet.fr/deblan/side_menu/raw/branch/master/screenshots/nc25_default_menu.png</screenshot>
|
||||||
<dependencies>
|
<dependencies>
|
||||||
<nextcloud min-version="25" max-version="28"/>
|
<nextcloud min-version="25" max-version="29"/>
|
||||||
<php min-version="7.4"/>
|
<php min-version="7.4"/>
|
||||||
</dependencies>
|
</dependencies>
|
||||||
<settings>
|
<settings>
|
||||||
|
|
|
@ -83,6 +83,12 @@
|
||||||
padding-left: 12px !important;
|
padding-left: 12px !important;
|
||||||
margin-left: 5px !important;
|
margin-left: 5px !important;
|
||||||
margin-left: 3px !important;
|
margin-left: 3px !important;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.side-menu-opener span {
|
||||||
|
position: relative;
|
||||||
|
left: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-menu-opener:active, .side-menu-opener:focus {
|
.side-menu-opener:active, .side-menu-opener:focus {
|
||||||
|
|
|
@ -11,7 +11,7 @@
|
||||||
"stylelint:fix": "./node_modules/.bin/stylelint src --fix"
|
"stylelint:fix": "./node_modules/.bin/stylelint src --fix"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"axios": "^0.24.0",
|
"axios": "^1.6.7",
|
||||||
"trim": "^1.0.1",
|
"trim": "^1.0.1",
|
||||||
"vue": "^2.6.11"
|
"vue": "^2.6.11"
|
||||||
},
|
},
|
||||||
|
@ -33,7 +33,7 @@
|
||||||
"@nextcloud/vue": "^7.12.1",
|
"@nextcloud/vue": "^7.12.1",
|
||||||
"babel-eslint": "^10.1.0",
|
"babel-eslint": "^10.1.0",
|
||||||
"babel-loader": "^8.1.0",
|
"babel-loader": "^8.1.0",
|
||||||
"css-loader": "^3.4.2",
|
"css-loader": "^6.10.0",
|
||||||
"eslint": "^8.0.0",
|
"eslint": "^8.0.0",
|
||||||
"eslint-config-standard": "^17.0.0",
|
"eslint-config-standard": "^17.0.0",
|
||||||
"eslint-import-resolver-webpack": "^0.12.1",
|
"eslint-import-resolver-webpack": "^0.12.1",
|
||||||
|
|
3
renovate.json
Normal file
3
renovate.json
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
{
|
||||||
|
"$schema": "https://docs.renovatebot.com/renovate-schema.json"
|
||||||
|
}
|
|
@ -21,7 +21,10 @@
|
||||||
-->
|
-->
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<nav class="app-menu show">
|
<nav
|
||||||
|
class="app-menu show"
|
||||||
|
:aria-label="t('core', 'Applications menu')"
|
||||||
|
>
|
||||||
<ul
|
<ul
|
||||||
class="app-menu-main"
|
class="app-menu-main"
|
||||||
:class="{ 'app-menu-main__hidden-label': hiddenLabels === 1, 'app-menu-main__show-hovered': hiddenLabels === 2 }"
|
:class="{ 'app-menu-main__hidden-label': hiddenLabels === 1, 'app-menu-main__show-hovered': hiddenLabels === 2 }"
|
||||||
|
@ -165,6 +168,7 @@ $header-icon-size: 20px;
|
||||||
flex-shrink: 1;
|
flex-shrink: 1;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-menu-main {
|
.app-menu-main {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: nowrap;
|
flex-wrap: nowrap;
|
||||||
|
@ -174,7 +178,6 @@ $header-icon-size: 20px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
position: relative;
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
opacity: .7;
|
|
||||||
|
|
||||||
&.app-menu-entry__active {
|
&.app-menu-entry__active {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
|
@ -214,7 +217,8 @@ $header-icon-size: 20px;
|
||||||
width: $header-icon-size;
|
width: $header-icon-size;
|
||||||
height: $header-icon-size;
|
height: $header-icon-size;
|
||||||
padding: calc((100% - $header-icon-size) / 2);
|
padding: calc((100% - $header-icon-size) / 2);
|
||||||
filter: var(--primary-invert-if-bright);
|
box-sizing: content-box;
|
||||||
|
filter: var(--background-image-invert-if-bright, var(--primary-invert-if-bright));
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-menu-entry--label {
|
.app-menu-entry--label {
|
||||||
|
@ -223,8 +227,8 @@ $header-icon-size: 20px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: var(--color-primary-text);
|
color: var(--color-primary-text);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
bottom: -5px;
|
|
||||||
left: 50%;
|
left: 50%;
|
||||||
|
top: 45%;
|
||||||
display: block;
|
display: block;
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
|
@ -232,6 +236,7 @@ $header-icon-size: 20px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
letter-spacing: -0.5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:not(.app-menu-entry__hidden-label):not(.app-menu-entry__show-hovered):hover,
|
&:not(.app-menu-entry__hidden-label):not(.app-menu-entry__show-hovered):hover,
|
||||||
|
@ -239,11 +244,11 @@ $header-icon-size: 20px;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
.app-menu-entry--label {
|
.app-menu-entry--label {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
font-weight: bold;
|
font-weight: bolder;
|
||||||
font-size: 14px;
|
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
width: auto;
|
width: 100%;
|
||||||
overflow: visible;
|
text-overflow: ellipsis;
|
||||||
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -260,8 +265,10 @@ $header-icon-size: 20px;
|
||||||
&:not(.app-menu-main__hidden-label):not(.app-menu-main__show-hovered):focus-within,
|
&:not(.app-menu-main__hidden-label):not(.app-menu-main__show-hovered):focus-within,
|
||||||
.app-menu-entry:not(.app-menu-entry__hidden-label):hover,
|
.app-menu-entry:not(.app-menu-entry__hidden-label):hover,
|
||||||
.app-menu-entry:not(.app-menu-entry__hidden-label):focus {
|
.app-menu-entry:not(.app-menu-entry__hidden-label):focus {
|
||||||
|
opacity: 1;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
margin-top: -6px;
|
margin-top: -8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-menu-entry--label {
|
.app-menu-entry--label {
|
||||||
|
@ -277,7 +284,7 @@ $header-icon-size: 20px;
|
||||||
&.app-menu-main__show-hovered .app-menu-entry:hover,
|
&.app-menu-main__show-hovered .app-menu-entry:hover,
|
||||||
&.app-menu-main__show-hovered .app-menu-entry:focus {
|
&.app-menu-main__show-hovered .app-menu-entry:focus {
|
||||||
img {
|
img {
|
||||||
margin-top: -6px;
|
margin-top: -8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-menu-entry--label {
|
.app-menu-entry--label {
|
||||||
|
@ -292,21 +299,22 @@ $header-icon-size: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .app-menu-more .button-vue--vue-tertiary {
|
::v-deep .app-menu-more .button-vue--vue-tertiary {
|
||||||
color: var(--color-primary-text);
|
|
||||||
opacity: .7;
|
opacity: .7;
|
||||||
margin: 3px;
|
margin: 3px;
|
||||||
|
filter: var(--background-image-invert-if-bright, var(--primary-invert-if-bright));
|
||||||
|
|
||||||
|
&:not([aria-expanded="true"]) {
|
||||||
|
color: var(--color-primary-element-text);
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
background-color: transparent !important;
|
background-color: transparent !important;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
&:focus-visible {
|
&:focus-visible {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
background-color: transparent !important;
|
outline: none !important;
|
||||||
border-radius: var(--border-radius);
|
|
||||||
outline: none;
|
|
||||||
box-shadow: 0 0 0 2px var(--color-primary-text);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -314,16 +322,19 @@ $header-icon-size: 20px;
|
||||||
.app-icon {
|
.app-icon {
|
||||||
position: relative;
|
position: relative;
|
||||||
height: 44px;
|
height: 44px;
|
||||||
|
width: 48px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
filter: var(--background-invert-if-bright, var(--primary-invert-if-bright));
|
||||||
|
|
||||||
&.has-unread::after {
|
&.has-unread::after {
|
||||||
background-color: var(--color-main-text);
|
background-color: var(--color-main-text);
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
filter: var(--background-invert-if-bright);
|
|
||||||
width: $header-icon-size;
|
width: $header-icon-size;
|
||||||
height: $header-icon-size;
|
height: $header-icon-size;
|
||||||
padding: calc((50px - $header-icon-size) / 2);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -332,7 +343,7 @@ $header-icon-size: 20px;
|
||||||
content: "";
|
content: "";
|
||||||
width: 8px;
|
width: 8px;
|
||||||
height: 8px;
|
height: 8px;
|
||||||
background-color: var(--color-primary-text);
|
background-color: var(--color-primary-element-text);
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
display: block;
|
display: block;
|
||||||
|
|
|
@ -15,11 +15,18 @@ 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/>.
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
<button class="side-menu-opener side-menu-closer"></button>
|
<button class="side-menu-opener side-menu-closer" :arial-label="label">
|
||||||
|
<span v-text="label"></span>
|
||||||
|
</button>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
name: 'CloserButton',
|
name: 'CloserButton',
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
label: t('side_menu', 'Close the menu'),
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
|
@ -15,7 +15,9 @@ 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/>.
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
<button class="side-menu-opener" :arial-label="label"></button>
|
<button class="side-menu-opener" :arial-label="label">
|
||||||
|
<span v-text="label"></span>
|
||||||
|
</button>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
@ -23,7 +25,7 @@ export default {
|
||||||
name: 'OpenerButton',
|
name: 'OpenerButton',
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
label: t('side_menu', 'Toggle menu'),
|
label: t('side_menu', 'Toggle the menu'),
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -93,3 +93,4 @@
|
||||||
"Hide labels on mouse over": "Skrýt popisky při najetím ukazatele myši"
|
"Hide labels on mouse over": "Skrýt popisky při najetím ukazatele myši"
|
||||||
"Except the hovered app": "Except the hovered app"
|
"Except the hovered app": "Except the hovered app"
|
||||||
"Search": "Search"
|
"Search": "Search"
|
||||||
|
"Toggle the menu": "Toggle the menu"
|
||||||
|
|
|
@ -93,3 +93,4 @@
|
||||||
"Hide labels on mouse over": "Labels ausblenden, wenn sich die Maus darüber befindet (Hover)"
|
"Hide labels on mouse over": "Labels ausblenden, wenn sich die Maus darüber befindet (Hover)"
|
||||||
"Except the hovered app": "Except the hovered app"
|
"Except the hovered app": "Except the hovered app"
|
||||||
"Search": "Search"
|
"Search": "Search"
|
||||||
|
"Toggle the menu": "Toggle the menu"
|
||||||
|
|
|
@ -93,3 +93,4 @@
|
||||||
"Hide labels on mouse over": "Ocultar las etiquetas al pasar el ratón"
|
"Hide labels on mouse over": "Ocultar las etiquetas al pasar el ratón"
|
||||||
"Except the hovered app": "Except the hovered app"
|
"Except the hovered app": "Except the hovered app"
|
||||||
"Search": "Search"
|
"Search": "Search"
|
||||||
|
"Toggle the menu": "Toggle the menu"
|
||||||
|
|
|
@ -93,3 +93,4 @@
|
||||||
"Hide labels on mouse over": "Masquer le libellé des applications au passage de la souris"
|
"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"
|
"Except the hovered app": "À l'exception de l'application survolée"
|
||||||
"Search": "Rechercher"
|
"Search": "Rechercher"
|
||||||
|
"Toggle the menu": "Basculer le menu"
|
||||||
|
|
96
src/l10n/fixtures/gl.yaml
Normal file
96
src/l10n/fixtures/gl.yaml
Normal file
|
@ -0,0 +1,96 @@
|
||||||
|
"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.'
|
||||||
|
: '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.'
|
||||||
|
"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"
|
|
@ -93,3 +93,4 @@
|
||||||
"Hide labels on mouse over": "Hide labels on mouse over"
|
"Hide labels on mouse over": "Hide labels on mouse over"
|
||||||
"Except the hovered app": "Except the hovered app"
|
"Except the hovered app": "Except the hovered app"
|
||||||
"Search": "Search"
|
"Search": "Search"
|
||||||
|
"Toggle the menu": "Toggle the menu"
|
||||||
|
|
|
@ -91,3 +91,4 @@
|
||||||
"Applications kept in the top menu but also shown in side menu": "Aplicativos mantidos no menu superior, mas também mostrados no menu lateral"
|
"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."
|
"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"
|
"Hide labels on mouse over": "Ocultar descrição ao passar o mouse"
|
||||||
|
"Toggle the menu": "Toggle the menu"
|
||||||
|
|
|
@ -93,3 +93,4 @@
|
||||||
"Hide labels on mouse over": "Скрыть название при наведении мыши"
|
"Hide labels on mouse over": "Скрыть название при наведении мыши"
|
||||||
"Except the hovered app": "Except the hovered app"
|
"Except the hovered app": "Except the hovered app"
|
||||||
"Search": "Search"
|
"Search": "Search"
|
||||||
|
"Toggle the menu": "Toggle the menu"
|
||||||
|
|
|
@ -91,3 +91,4 @@
|
||||||
"Applications kept in the top menu but also shown in side 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": "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."
|
"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"
|
"Hide labels on mouse over": "Hide labels on mouse over"
|
||||||
|
"Toggle the menu": "Toggle the menu"
|
||||||
|
|
|
@ -1,97 +1,100 @@
|
||||||
"Custom menu": ""
|
"Custom menu": "Custom menu"
|
||||||
"Enable the custom menu": ""
|
"Enable the custom menu": "Enable the custom menu"
|
||||||
"No": ""
|
"No": "No"
|
||||||
"Yes": ""
|
"Yes": "Yes"
|
||||||
"Menu": ""
|
"Menu": "Menu"
|
||||||
? 'Use the shortcut <span class="keyboard-key">Ctrl</span>+<span class="keyboard-key">o</span>
|
? '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
|
to open and to hide the side menu. Use <span class="keyboard-key">tab</span> to
|
||||||
navigate.'
|
navigate.'
|
||||||
: ''
|
: 'Use the shortcut <span class="keyboard-key">Ctrl</span>+<span class="keyboard-key">o</span>
|
||||||
"Top menu": ""
|
to open and to hide the side menu. Use <span class="keyboard-key">tab</span> to
|
||||||
"Apps that not must be moved in the side menu": ""
|
navigate.'
|
||||||
"If there is no selection then the global configuration is applied.": ""
|
"Top menu": "Top menu"
|
||||||
"Experimental": ""
|
"Apps that not must be moved in the side menu": "Apps that not must be moved in the side menu"
|
||||||
"Save": ""
|
"If there is no selection then the global configuration is applied.": "If there is no selection then the global configuration is applied."
|
||||||
"You like this app and you want to support me?": ""
|
"Experimental": "Experimental"
|
||||||
"Buy me a coffee ☕": ""
|
"Save": "Save"
|
||||||
"Hidden": ""
|
"You like this app and you want to support me?": "You like this app and you want to support me?"
|
||||||
"Small": ""
|
"Buy me a coffee ☕": "Buy me a coffee ☕"
|
||||||
"Normal": ""
|
"Hidden": "Hidden"
|
||||||
"Big": ""
|
"Small": "Small"
|
||||||
"Hidden icon": ""
|
"Normal": "Normal"
|
||||||
"Small icon": ""
|
"Big": "Big"
|
||||||
"Normal icon": ""
|
"Hidden icon": "Hidden icon"
|
||||||
"Big icon": ""
|
"Small icon": "Small icon"
|
||||||
"Hidden text": ""
|
"Normal icon": "Normal icon"
|
||||||
"Small text": ""
|
"Big icon": "Big icon"
|
||||||
"Normal text": ""
|
"Hidden text": "Hidden text"
|
||||||
"Big text": ""
|
"Small text": "Small text"
|
||||||
"Colors": ""
|
"Normal text": "Normal text"
|
||||||
"Background color": ""
|
"Big text": "Big text"
|
||||||
"Background color of current app": ""
|
"Colors": "Colors"
|
||||||
"Text color": ""
|
"Background color": "Background color"
|
||||||
"Loader": ""
|
"Background color of current app": "Background color of current app"
|
||||||
"Icon": ""
|
"Text color": "Text color"
|
||||||
"Same color": ""
|
"Loader": "Loader"
|
||||||
"Opposite color": ""
|
"Icon": "Icon"
|
||||||
"Transparent": ""
|
"Same color": "Same color"
|
||||||
"Opaque": ""
|
"Opposite color": "Opposite color"
|
||||||
"Opener": ""
|
"Transparent": "Transparent"
|
||||||
"Default": ""
|
"Opaque": "Opaque"
|
||||||
"Default (dark)": ""
|
"Opener": "Opener"
|
||||||
"Hamburger": ""
|
"Default": "Default"
|
||||||
"Hamburger (dark)": ""
|
"Default (dark)": "Default (dark)"
|
||||||
"Hamburger 2": ""
|
"Hamburger": "Hamburger"
|
||||||
"Hamburger 2 (dark)": ""
|
"Hamburger (dark)": "Hamburger (dark)"
|
||||||
"Before the logo": ""
|
"Hamburger 2": "Hamburger 2"
|
||||||
"After the logo": ""
|
"Hamburger 2 (dark)": "Hamburger 2 (dark)"
|
||||||
"Position": ""
|
"Before the logo": "Before the logo"
|
||||||
"Show only the opener (hidden logo)": ""
|
"After the logo": "After the logo"
|
||||||
"Do not display the side menu and the opener if there is no application (eg: public pages).": ""
|
"Position": "Position"
|
||||||
"Panel": ""
|
"Show only the opener (hidden logo)": "Show only the opener (hidden logo)"
|
||||||
"Open the menu when the mouse is hover the opener (automatically disabled on touch screens)": ""
|
"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)."
|
||||||
"Display the big menu": ""
|
"Panel": "Panel"
|
||||||
"Display the logo": ""
|
"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)"
|
||||||
"Icons and texts": ""
|
"Display the big menu": "Display the big menu"
|
||||||
"Loader enabled": ""
|
"Display the logo": "Display the logo"
|
||||||
"Tips": ""
|
"Icons and texts": "Icons and texts"
|
||||||
"Always displayed": ""
|
"Loader enabled": "Loader enabled"
|
||||||
"This is the automatic behavior when the menu is always displayed.": ""
|
"Tips": "Tips"
|
||||||
"Not compatible with touch screens.": ""
|
"Always displayed": "Always displayed"
|
||||||
"Big menu": ""
|
"This is the automatic behavior when the menu is always displayed.": "This is the automatic behavior when the menu is always displayed."
|
||||||
"Live preview": ""
|
"Not compatible with touch screens.": "Not compatible with touch screens."
|
||||||
"Open apps in new tab": ""
|
"Big menu": "Big menu"
|
||||||
"Use the global setting": ""
|
"Live preview": "Live preview"
|
||||||
"Use my selection": ""
|
"Open apps in new tab": "Open apps in new tab"
|
||||||
"Show and hide the list of applications": ""
|
"Use the global setting": "Use the global setting"
|
||||||
"Use the avatar instead of the logo": ""
|
"Use my selection": "Use my selection"
|
||||||
"You do not have permission to change the settings.": ""
|
"Show and hide the list of applications": "Show and hide the list of applications"
|
||||||
"Force this configuration to users": ""
|
"Use the avatar instead of the logo": "Use the avatar instead of the logo"
|
||||||
"Export the configuration": ""
|
"You do not have permission to change the settings.": "You do not have permission to change the settings."
|
||||||
"Purge the cache": ""
|
"Force this configuration to users": "Force this configuration to users"
|
||||||
"Show the link to settings": ""
|
"Export the configuration": "Export the configuration"
|
||||||
"The menu is enabled by default for users": ""
|
"Purge the cache": "Purge the cache"
|
||||||
"Except when the configuration is forced.": ""
|
"Show the link to settings": "Show the link to settings"
|
||||||
"Apps that should not be displayed in the menu": ""
|
"The menu is enabled by default for users": "The menu is enabled by default for users"
|
||||||
"This feature is only compatible with the <code>big menu</code> display.": ""
|
"Except when the configuration is forced.": "Except when the configuration is forced."
|
||||||
"The logo is a link to the default app": ""
|
"Apps that should not be displayed in the menu": "Apps that should not be displayed in the menu"
|
||||||
"Others": ""
|
"This feature is only compatible with the <code>big menu</code> display.": "This feature is only compatible with the <code>big menu</code> display."
|
||||||
"Categories": ""
|
"The logo is a link to the default app": "The logo is a link to the default app"
|
||||||
"Customize sorting": ""
|
"Others": "Others"
|
||||||
"Order by": ""
|
"Categories": "Categories"
|
||||||
"Name": ""
|
"Customize sorting": "Customize sorting"
|
||||||
"Customed": ""
|
"Order by": "Order by"
|
||||||
"Show and hide the list of categories": ""
|
"Name": "Name"
|
||||||
"This parameters are used when Dark theme or Breeze Dark Theme are enabled.": ""
|
"Customed": "Customed"
|
||||||
"Dark mode colors": ""
|
"Show and hide the list of categories": "Show and hide the list of categories"
|
||||||
"With 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."
|
||||||
"Custom categories": ""
|
"Dark mode colors": "Dark mode colors"
|
||||||
"Customize application categories": ""
|
"With categories": "With categories"
|
||||||
"Reset to default": ""
|
"Custom categories": "Custom categories"
|
||||||
"Applications": ""
|
"Customize application categories": "Customize application categories"
|
||||||
"Applications kept in the top menu": ""
|
"Reset to default": "Reset to default"
|
||||||
"Applications kept in the top menu but also shown in side menu": ""
|
"Applications": "Applications"
|
||||||
"These applications must be selected in the previous option.": ""
|
"Applications kept in the top menu": "Applications kept in the top menu"
|
||||||
"Hide labels on mouse over": ""
|
"Applications kept in the top menu but also shown in side menu": "Applications kept in the top menu but also shown in side menu"
|
||||||
"Except the hovered app": ""
|
"These applications must be selected in the previous option.": "These applications must be selected in the previous option."
|
||||||
"Search": ""
|
"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"
|
||||||
|
|
|
@ -93,3 +93,4 @@
|
||||||
"Hide labels on mouse over": "Hide labels on mouse over"
|
"Hide labels on mouse over": "Hide labels on mouse over"
|
||||||
"Except the hovered app": "Except the hovered app"
|
"Except the hovered app": "Except the hovered app"
|
||||||
"Search": "Search"
|
"Search": "Search"
|
||||||
|
"Toggle menu": "Toggle menu"
|
||||||
|
|
|
@ -3,9 +3,15 @@ module.exports = (tagName, attributes) => {
|
||||||
|
|
||||||
if (typeof attributes === 'object') {
|
if (typeof attributes === 'object') {
|
||||||
for (let i in attributes) {
|
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])
|
element.setAttribute(i, attributes[i])
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
return element
|
return element
|
||||||
}
|
}
|
||||||
|
|
|
@ -42,13 +42,11 @@
|
||||||
top: 49px;
|
top: 49px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#side-menu.hide-opener .side-menu-header .side-menu-opener.side-menu-closer
|
#side-menu.hide-opener .side-menu-header .side-menu-opener.side-menu-closer {
|
||||||
{
|
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
#side-menu.hide-opener.side-menu-with-categories .side-menu-search
|
#side-menu.hide-opener.side-menu-with-categories .side-menu-search {
|
||||||
{
|
|
||||||
float: none;
|
float: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -14,12 +14,17 @@ if ($_['always-displayed']) {
|
||||||
|
|
||||||
(function() {
|
(function() {
|
||||||
const sideMenuContainer = SMcreateElement('div', {id: 'side-menu-container'})
|
const sideMenuContainer = SMcreateElement('div', {id: 'side-menu-container'})
|
||||||
const sideMenuOpener = SMcreateElement('button', {'class': 'side-menu-opener'})
|
const sideMenuOpener = SMcreateElement('button', {
|
||||||
|
'class': 'side-menu-opener',
|
||||||
|
'arial-label': t('side_menu', 'Toggle the menu'),
|
||||||
|
'html': `<span>${t('side_menu', 'Toggle the menu')}</span>`
|
||||||
|
})
|
||||||
const sideMenu = SMcreateElement('div', {id: 'side-menu'})
|
const sideMenu = SMcreateElement('div', {id: 'side-menu'})
|
||||||
|
|
||||||
const body = document.querySelector('body')
|
const body = document.querySelector('body')
|
||||||
const html = document.querySelector('html')
|
const html = document.querySelector('html')
|
||||||
const nextcloud = document.querySelector('#nextcloud')
|
const nextcloud = document.querySelector('#nextcloud')
|
||||||
|
const logo = document.querySelector('.header-left .logo')
|
||||||
|
|
||||||
const isTouchDevice = window.matchMedia("(pointer: coarse)").matches
|
const isTouchDevice = window.matchMedia("(pointer: coarse)").matches
|
||||||
|
|
||||||
|
@ -35,6 +40,15 @@ if ($_['always-displayed']) {
|
||||||
sideMenu.setAttribute('data-sidewithcategories', '1')
|
sideMenu.setAttribute('data-sidewithcategories', '1')
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
|
const sideMenuFocus = () => {
|
||||||
|
let a = document.querySelector('#side-menu .side-menu-app.active a')
|
||||||
|
|| document.querySelector('#side-menu .side-menu-app a')
|
||||||
|
|
||||||
|
if (a) {
|
||||||
|
a.focus()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
document.querySelector('body').addEventListener('side-menu.apps', (e) => {
|
document.querySelector('body').addEventListener('side-menu.apps', (e) => {
|
||||||
const apps = e.detail.apps;
|
const apps = e.detail.apps;
|
||||||
|
|
||||||
|
@ -77,22 +91,6 @@ if ($_['always-displayed']) {
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
sideMenuFocus = () => {
|
|
||||||
let a = document.querySelector('.side-menu-app.active a', sideMenu)
|
|
||||||
|
|
||||||
if (!a) {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
|
|
||||||
if (a.length === 0) {
|
|
||||||
a = sideMenu.querySelector('.side-menu-app:first-child a')
|
|
||||||
}
|
|
||||||
|
|
||||||
if (a.length > 0) {
|
|
||||||
a.focus()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
<?php if ($_['opener-hover']): ?>
|
<?php if ($_['opener-hover']): ?>
|
||||||
const sideMenuMouseLeave = () => {
|
const sideMenuMouseLeave = () => {
|
||||||
sideMenu.classList.remove('open')
|
sideMenu.classList.remove('open')
|
||||||
|
@ -124,14 +122,8 @@ if ($_['always-displayed']) {
|
||||||
|
|
||||||
headerMenuOpener.addEventListener('click', () => {
|
headerMenuOpener.addEventListener('click', () => {
|
||||||
sideMenu.classList.add('open')
|
sideMenu.classList.add('open')
|
||||||
|
|
||||||
const a = sideMenu.querySelector('.side-menu-app.active a')
|
|
||||||
|
|
||||||
if (a !== null) {
|
|
||||||
a.focus()
|
|
||||||
}
|
|
||||||
|
|
||||||
headerMenuOpener.blur()
|
headerMenuOpener.blur()
|
||||||
|
sideMenuFocus()
|
||||||
})
|
})
|
||||||
|
|
||||||
for (let opener of sideMenuOpener) {
|
for (let opener of sideMenuOpener) {
|
||||||
|
@ -179,6 +171,10 @@ if ($_['always-displayed']) {
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
if (nextcloud) {
|
if (nextcloud) {
|
||||||
|
if (logo && logo.parentNode !== nextcloud) {
|
||||||
|
nextcloud.appendChild(logo)
|
||||||
|
}
|
||||||
|
|
||||||
<?php if ($_['opener-position'] === 'before'): ?>
|
<?php if ($_['opener-position'] === 'before'): ?>
|
||||||
nextcloud.parentNode.insertBefore(sideMenuOpener, nextcloud)
|
nextcloud.parentNode.insertBefore(sideMenuOpener, nextcloud)
|
||||||
<?php else: ?>
|
<?php else: ?>
|
||||||
|
|
|
@ -241,6 +241,7 @@ $labelReset = 'Reset to default';
|
||||||
<div class="section">
|
<div class="section">
|
||||||
<?php if (!$_['force']): ?>
|
<?php if (!$_['force']): ?>
|
||||||
<button id="side-menu-save" class="btn btn-info" arial-label="<?php p($l->t('Save')); ?>">
|
<button id="side-menu-save" class="btn btn-info" arial-label="<?php p($l->t('Save')); ?>">
|
||||||
|
<?php p($l->t('Save')); ?>
|
||||||
<progress max="100" value="0" id="side-menu-save-progress"></progress>
|
<progress max="100" value="0" id="side-menu-save-progress"></progress>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue