+ {{ $t('setup.welcome') }} +
+ +
+
+
-Donation to core component: [WireGuard](https://www.wireguard.com/donations/) +Are you enjoying this project? Consider donating. + +Founder: [Buy Emile a beer!](https://github.com/sponsors/WeeJeWel) 🍻 + +Maintainer: [Buy kaaax0815 a coffee!](https://github.com/sponsors/kaaax0815) ☕ + + + +## License + +This project is licensed under the AGPL-3.0-only License - see the [LICENSE](LICENSE) file for details + +This project is not affiliated, associated, authorized, endorsed by, or in any way officially connected with Jason A. Donenfeld, ZX2C4 or Edge Security + +"WireGuard" and the "WireGuard" logo are registered trademarks of Jason A. Donenfeld diff --git a/docker-compose.dev.yml b/docker-compose.dev.yml index d1b7cf66..fc002bb3 100644 --- a/docker-compose.dev.yml +++ b/docker-compose.dev.yml @@ -1,10 +1,13 @@ services: wg-easy: build: - dockerfile: ./Dockerfile - command: npm run serve + dockerfile: ./Dockerfile.dev + command: pnpm run dev volumes: - ./src/:/app/ + - temp:/app/.nuxt/ + - temp1:/app/node_modules/ + - /lib/modules:/lib/modules:ro # - ./data/:/etc/wireguard ports: - "51820:51820/udp" @@ -12,6 +15,10 @@ services: cap_add: - NET_ADMIN - SYS_MODULE - environment: - # - PASSWORD_HASH=p - - WG_HOST=192.168.1.233 + +# folders should be generated inside container +volumes: + temp: + driver: local + temp1: + driver: local diff --git a/docker-compose.yml b/docker-compose.yml index 26040779..e8607ffe 100644 --- a/docker-compose.yml +++ b/docker-compose.yml @@ -3,40 +3,21 @@ volumes: services: wg-easy: - environment: - # Change Language: - # (Supports: en, ua, ru, tr, no, pl, fr, de, ca, es, ko, vi, nl, is, pt, chs, cht, it, th, hi, ja, si) - - LANG=en - # ⚠️ Required: - # Change this to your host's public address - - WG_HOST=raspberrypi.local - - # Optional: - # - PASSWORD_HASH=$$2y$$10$$hBCoykrB95WSzuV4fafBzOHWKu9sbyVa34GJr8VV5R/pIelfEMYyG # (needs double $$, hash of 'foobar123'; see "How_to_generate_an_bcrypt_hash.md" for generate the hash) - # - PORT=51821 - # - WG_PORT=51820 - # - WG_CONFIG_PORT=92820 - # - WG_DEFAULT_ADDRESS=10.8.0.x - # - WG_DEFAULT_DNS=1.1.1.1 - # - WG_MTU=1420 - # - WG_ALLOWED_IPS=192.168.15.0/24, 10.0.1.0/24 - # - WG_PERSISTENT_KEEPALIVE=25 - # - WG_PRE_UP=echo "Pre Up" > /etc/wireguard/pre-up.txt - # - WG_POST_UP=echo "Post Up" > /etc/wireguard/post-up.txt - # - WG_PRE_DOWN=echo "Pre Down" > /etc/wireguard/pre-down.txt - # - WG_POST_DOWN=echo "Post Down" > /etc/wireguard/post-down.txt - # - UI_TRAFFIC_STATS=true - # - UI_CHART_TYPE=0 # (0 Charts disabled, 1 # Line chart, 2 # Area chart, 3 # Bar chart) - # - WG_ENABLE_ONE_TIME_LINKS=true - # - UI_ENABLE_SORT_CLIENTS=true - # - WG_ENABLE_EXPIRES_TIME=true - # - ENABLE_PROMETHEUS_METRICS=false - # - PROMETHEUS_METRICS_PASSWORD=$$2a$$12$$vkvKpeEAHD78gasyawIod.1leBMKg8sBwKW.pQyNsq78bXV3INf2G # (needs double $$, hash of 'prometheus_password'; see "How_to_generate_an_bcrypt_hash.md" for generate the hash) + #environment: + # Optional: + # - PORT=51821 + # - HOST=0.0.0.0 + # - INSECURE=false image: ghcr.io/wg-easy/wg-easy container_name: wg-easy + networks: + wg: + ipv4_address: 10.42.42.42 + ipv6_address: fdcc:ad94:bacf:61a3::2a volumes: - etc_wireguard:/etc/wireguard + - /lib/modules:/lib/modules:ro ports: - "51820:51820/udp" - "51821:51821/tcp" @@ -48,3 +29,16 @@ services: sysctls: - net.ipv4.ip_forward=1 - net.ipv4.conf.all.src_valid_mark=1 + - net.ipv6.conf.all.disable_ipv6=0 + - net.ipv6.conf.all.forwarding=1 + - net.ipv6.conf.default.forwarding=1 + +networks: + wg: + driver: bridge + enable_ipv6: true + ipam: + driver: default + config: + - subnet: 10.42.42.0/24 + - subnet: fdcc:ad94:bacf:61a3::/64 diff --git a/docs/content/advanced/api.md b/docs/content/advanced/api.md new file mode 100644 index 00000000..3fa4f793 --- /dev/null +++ b/docs/content/advanced/api.md @@ -0,0 +1,5 @@ +--- +title: API +--- + +TODO diff --git a/docs/content/advanced/config/optional-config.md b/docs/content/advanced/config/optional-config.md new file mode 100644 index 00000000..7937cfa0 --- /dev/null +++ b/docs/content/advanced/config/optional-config.md @@ -0,0 +1,5 @@ +--- +title: Optional Configuration +--- + +TODO diff --git a/docs/content/advanced/migrate/from-14-to-15.md b/docs/content/advanced/migrate/from-14-to-15.md new file mode 100644 index 00000000..b471fa18 --- /dev/null +++ b/docs/content/advanced/migrate/from-14-to-15.md @@ -0,0 +1,47 @@ +--- +title: Migrate from v14 to v15 +--- + +This guide will help you migrate from `v14` to version `v15` of `wg-easy`. + +## Changes + +This is a complete rewrite of the `wg-easy` project. Therefore the configuration files and the way you interact with the project have changed. + +## Migration + +### Backup + +Before you start the migration, make sure to backup your existing configuration files. + +Go into the Web Ui and click the Backup button, this should download a `wg0.json` file. + +Or download the `wg0.json` file from your container volume to your pc. + +You will need this file for the migration + +### Remove old container + +1. Stop the running container + +If you are using `docker run` + +```shell +docker stop wg-easy +``` + +If you are using `docker-compose` + +```shell +docker-compose down +``` + +### Start new container + +Follow the instructions in the [Getting Started](../../usage.md) or [Basic Installation](../../examples/tutorials/basic-installation.md) guide to start the new container. + +In the setup wizard, select that you already already have a configuration file and upload the `wg0.json` file you downloaded in the backup step. + +### Done + +You have now successfully migrated to `v15` of `wg-easy`. diff --git a/src/www/img/favicon.png b/docs/content/assets/logo/favicon.png similarity index 100% rename from src/www/img/favicon.png rename to docs/content/assets/logo/favicon.png diff --git a/src/www/img/logo.png b/docs/content/assets/logo/logo.png similarity index 100% rename from src/www/img/logo.png rename to docs/content/assets/logo/logo.png diff --git a/docs/changelog.json b/docs/content/changelog.json similarity index 100% rename from docs/changelog.json rename to docs/content/changelog.json diff --git a/docs/content/contributing/general.md b/docs/content/contributing/general.md new file mode 100644 index 00000000..c7720ead --- /dev/null +++ b/docs/content/contributing/general.md @@ -0,0 +1,23 @@ +--- +title: General Information +--- + +## Coding Style + +When refactoring, writing or altering files, adhere to these rules: + +1. **Adjust your style of coding to the style that is already present**! Even if you do not like it, this is due to consistency. There was a lot of work involved in making all files consistent. +2. **Use `pnpm lint` to check your scripts**! Your contributions are checked by GitHub Actions too, so you will need to do this. +3. **Use the provided `.vscode/settings.json`** file. + +## Documentation + +Make sure to select `nightly` in the dropdown menu at the top. Navigate to the page you would like to edit and click the edit button in the top right. This allows you to make changes and create a pull-request. + +Alternatively you can make the changes locally. For that you'll need to have Docker installed. Run + +```sh +pnpm docs:serve +``` + +This serves the documentation on your local machine on port `8080`. Each change will be hot-reloaded onto the page you view, just edit, save and look at the result. diff --git a/docs/content/contributing/issues-and-pull-requests.md b/docs/content/contributing/issues-and-pull-requests.md new file mode 100644 index 00000000..82ace683 --- /dev/null +++ b/docs/content/contributing/issues-and-pull-requests.md @@ -0,0 +1,58 @@ +--- +title: Issues and Pull Requests +--- + +This project is Open Source. That means that you can contribute on enhancements, bug fixing or improving the documentation. + +## Opening an Issue + +/// note | Attention + +**Before opening an issue**, read the [`README`][github-file-readme] carefully, study the docs for your version (maybe [latest][docs-latest]) and your search engine you trust. The issue tracker is not meant to be used for unrelated questions! +/// + +When opening an issue, please provide details use case to let the community reproduce your problem. + +/// note | Attention + +**Use the issue templates** to provide the necessary information. Issues which do not use these templates are not worked on and closed. +/// + +By raising issues, I agree to these terms and I understand, that the rules set for the issue tracker will help both maintainers as well as everyone to find a solution. + +Maintainers take the time to improve on this project and help by solving issues together. It is therefore expected from others to make an effort and **comply with the rules**. + +### Filing a Bug Report + +Thank you for participating in this project and reporting a bug. wg-easy is a community-driven project, and each contribution counts! + +Maintainers and moderators are volunteers. We greatly appreciate reports that take the time to provide detailed information via the template, enabling us to help you in the best and quickest way. Ignoring the template provided may seem easier, but discourages receiving any support (_via assignment of the label `meta/no template - no support`_). + +Markdown formatting can be used in almost all text fields (_unless stated otherwise in the description_). + +Be as precise as possible, and if in doubt, it's best to add more information that too few. + +When an option is marked with "not officially supported" / "unsupported", then support is dependent on availability from specific maintainers. + +## Pull Requests + +/// question | Motivation + +You want to add a feature? Feel free to start creating an issue explaining what you want to do and how you're thinking doing it. Other users may have the same need and collaboration may lead to better results. +/// + +### Submit a Pull-Request + +The development workflow is the following: + +1. Fork the project +2. Write the code that is needed :D +3. Document your improvements if necessary +4. [Commit][commit] (and [sign your commit][gpg]), push and create a pull-request to merge into `master`. Please **use the pull-request template** to provide a minimum of contextual information and make sure to meet the requirements of the checklist. + +Pull requests are automatically tested against the CI and will be reviewed when tests pass. When your changes are validated, your branch is merged. CI builds the new `:nightly` image every night and your changes will be includes in the next version release. + +[docs-latest]: https://wg-easy.github.io/wg-easy/latest +[github-file-readme]: https://github.com/wg-easy/wg-easy/blob/master/README.md +[commit]: https://help.github.com/articles/closing-issues-via-commit-messages/ +[gpg]: https://docs.github.com/en/github/authenticating-to-github/generating-a-new-gpg-key diff --git a/docs/content/examples/tutorials/basic-installation.md b/docs/content/examples/tutorials/basic-installation.md new file mode 100644 index 00000000..91946264 --- /dev/null +++ b/docs/content/examples/tutorials/basic-installation.md @@ -0,0 +1,56 @@ +--- +title: Basic Installation +--- + + + +## Requirements + +1. You need to have a host that you can manage +2. You need to have a domain name or a public IP address +3. You need a supported architecture (x86_64, arm64) +4. You need curl installed on your host + +## Install Docker + +Follow the Docs here:
© Wireguard Easy Organization
This project is licensed under the GNU Affero General Public License v3.0 or later.
+
+
+
+
+
+
+
+
+
diff --git a/src/app/components/ClientCard/Charts.vue b/src/app/components/ClientCard/Charts.vue
new file mode 100644
index 00000000..f052151b
--- /dev/null
+++ b/src/app/components/ClientCard/Charts.vue
@@ -0,0 +1,136 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/app/components/ClientCard/ClientCard.vue b/src/app/components/ClientCard/ClientCard.vue
new file mode 100644
index 00000000..69caa79a
--- /dev/null
+++ b/src/app/components/ClientCard/ClientCard.vue
@@ -0,0 +1,51 @@
+
+
+
+
+
+
diff --git a/src/app/components/ClientCard/Config.vue b/src/app/components/ClientCard/Config.vue
new file mode 100644
index 00000000..eddbe1d9
--- /dev/null
+++ b/src/app/components/ClientCard/Config.vue
@@ -0,0 +1,16 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ expiredDateFormat(client.expiresAt) }}
+
+
+
+
diff --git a/src/app/components/ClientCard/LastSeen.vue b/src/app/components/ClientCard/LastSeen.vue
new file mode 100644
index 00000000..fd6027a6
--- /dev/null
+++ b/src/app/components/ClientCard/LastSeen.vue
@@ -0,0 +1,16 @@
+
+
+ {{ timeago(new Date(client.latestHandshakeAt)) }}
+
+
+
+
diff --git a/src/app/components/ClientCard/Name.vue b/src/app/components/ClientCard/Name.vue
new file mode 100644
index 00000000..435db786
--- /dev/null
+++ b/src/app/components/ClientCard/Name.vue
@@ -0,0 +1,16 @@
+
+
+
+ {{ client.name }}
+
+
+
+
+
diff --git a/src/app/components/ClientCard/OneTimeLink.vue b/src/app/components/ClientCard/OneTimeLink.vue
new file mode 100644
index 00000000..4973b41e
--- /dev/null
+++ b/src/app/components/ClientCard/OneTimeLink.vue
@@ -0,0 +1,51 @@
+
+
+ {{ path }}
+
+
+
+
diff --git a/src/app/components/ClientCard/OneTimeLinkBtn.vue b/src/app/components/ClientCard/OneTimeLinkBtn.vue
new file mode 100644
index 00000000..e3ff7e3f
--- /dev/null
+++ b/src/app/components/ClientCard/OneTimeLinkBtn.vue
@@ -0,0 +1,32 @@
+
+
+
+
+
diff --git a/src/app/components/ClientCard/QRCode.vue b/src/app/components/ClientCard/QRCode.vue
new file mode 100644
index 00000000..3f3b1f2e
--- /dev/null
+++ b/src/app/components/ClientCard/QRCode.vue
@@ -0,0 +1,16 @@
+
+
+
+
+
+
+
+
+
+ {{ bytes(client.transferTxCurrent) }}/s
+
+
{{ + bytes(client.transferTx) + }} +
+
+ {{ + bytes(client.transferTx) + }} +
+
+
+
+
+
diff --git a/src/app/components/Clients/CreateDialog.vue b/src/app/components/Clients/CreateDialog.vue
new file mode 100644
index 00000000..3d34a7f3
--- /dev/null
+++ b/src/app/components/Clients/CreateDialog.vue
@@ -0,0 +1,53 @@
+
+
+ {{ bytes(client.transferRxCurrent) }}/s
+
+
{{ + bytes(client.transferRx) + }} +
+
+ {{ + bytes(client.transferRx) + }} +
+
+
+
+
+ {{ $t('client.empty') }}
+
+
+
+
+
diff --git a/src/app/components/Clients/New.vue b/src/app/components/Clients/New.vue
new file mode 100644
index 00000000..87b6a071
--- /dev/null
+++ b/src/app/components/Clients/New.vue
@@ -0,0 +1,8 @@
+
+
+ {{ emptyText || $t('form.noItems') }}
+
+
+
+
+
+
diff --git a/src/app/components/Form/DateField.vue b/src/app/components/Form/DateField.vue
new file mode 100644
index 00000000..a1474984
--- /dev/null
+++ b/src/app/components/Form/DateField.vue
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+
+
+
+
+ {{ label }}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/app/components/Form/Label.vue b/src/app/components/Form/Label.vue
new file mode 100644
index 00000000..90f4804b
--- /dev/null
+++ b/src/app/components/Form/Label.vue
@@ -0,0 +1,11 @@
+
+
+
+ {{ label }}
+
+
+
+
+
+
+ {{ label }}
+
+
+
+
+
+
+ {{ label }}
+
+
+
+
+
+
+ {{ label }}
+
+
+
+
+
+ 
WireGuard
+
+
+
+
+
+
diff --git a/src/app/components/Icons/ArrowDown.vue b/src/app/components/Icons/ArrowDown.vue
new file mode 100644
index 00000000..a44f7c39
--- /dev/null
+++ b/src/app/components/Icons/ArrowDown.vue
@@ -0,0 +1,13 @@
+
+
+
diff --git a/src/app/components/Icons/ArrowInf.vue b/src/app/components/Icons/ArrowInf.vue
new file mode 100644
index 00000000..0a204f4a
--- /dev/null
+++ b/src/app/components/Icons/ArrowInf.vue
@@ -0,0 +1,16 @@
+
+
+
diff --git a/src/app/components/Icons/ArrowLeftCircle.vue b/src/app/components/Icons/ArrowLeftCircle.vue
new file mode 100644
index 00000000..fd6d9179
--- /dev/null
+++ b/src/app/components/Icons/ArrowLeftCircle.vue
@@ -0,0 +1,15 @@
+
+
+
diff --git a/src/app/components/Icons/ArrowRightCircle.vue b/src/app/components/Icons/ArrowRightCircle.vue
new file mode 100644
index 00000000..f43a2afc
--- /dev/null
+++ b/src/app/components/Icons/ArrowRightCircle.vue
@@ -0,0 +1,15 @@
+
+
+
diff --git a/src/app/components/Icons/ArrowUp.vue b/src/app/components/Icons/ArrowUp.vue
new file mode 100644
index 00000000..37a6ad52
--- /dev/null
+++ b/src/app/components/Icons/ArrowUp.vue
@@ -0,0 +1,13 @@
+
+
+
diff --git a/src/app/components/Icons/Avatar.vue b/src/app/components/Icons/Avatar.vue
new file mode 100644
index 00000000..cec5b567
--- /dev/null
+++ b/src/app/components/Icons/Avatar.vue
@@ -0,0 +1,13 @@
+
+
+
diff --git a/src/app/components/Icons/Chart.vue b/src/app/components/Icons/Chart.vue
new file mode 100644
index 00000000..2c9d74e8
--- /dev/null
+++ b/src/app/components/Icons/Chart.vue
@@ -0,0 +1,12 @@
+
+
+
diff --git a/src/app/components/Icons/CheckCircle.vue b/src/app/components/Icons/CheckCircle.vue
new file mode 100644
index 00000000..ebdc8a1a
--- /dev/null
+++ b/src/app/components/Icons/CheckCircle.vue
@@ -0,0 +1,15 @@
+
+
+
diff --git a/src/app/components/Icons/Close.vue b/src/app/components/Icons/Close.vue
new file mode 100644
index 00000000..654ca4d4
--- /dev/null
+++ b/src/app/components/Icons/Close.vue
@@ -0,0 +1,15 @@
+
+
+
diff --git a/src/app/components/Icons/Delete.vue b/src/app/components/Icons/Delete.vue
new file mode 100644
index 00000000..43ad5ff2
--- /dev/null
+++ b/src/app/components/Icons/Delete.vue
@@ -0,0 +1,13 @@
+
+
+
diff --git a/src/app/components/Icons/Download.vue b/src/app/components/Icons/Download.vue
new file mode 100644
index 00000000..8fdb7643
--- /dev/null
+++ b/src/app/components/Icons/Download.vue
@@ -0,0 +1,15 @@
+
+
+
diff --git a/src/app/components/Icons/Edit.vue b/src/app/components/Icons/Edit.vue
new file mode 100644
index 00000000..e13e8453
--- /dev/null
+++ b/src/app/components/Icons/Edit.vue
@@ -0,0 +1,15 @@
+
+
+
diff --git a/src/app/components/Icons/HalfMoon.vue b/src/app/components/Icons/HalfMoon.vue
new file mode 100644
index 00000000..47d87a01
--- /dev/null
+++ b/src/app/components/Icons/HalfMoon.vue
@@ -0,0 +1,11 @@
+
+
+
diff --git a/src/app/components/Icons/Info.vue b/src/app/components/Icons/Info.vue
new file mode 100644
index 00000000..cedf7d45
--- /dev/null
+++ b/src/app/components/Icons/Info.vue
@@ -0,0 +1,15 @@
+
+
+
diff --git a/src/app/components/Icons/Language.vue b/src/app/components/Icons/Language.vue
new file mode 100644
index 00000000..9ddd7b3c
--- /dev/null
+++ b/src/app/components/Icons/Language.vue
@@ -0,0 +1,15 @@
+
+
+
diff --git a/src/app/components/Icons/Link.vue b/src/app/components/Icons/Link.vue
new file mode 100644
index 00000000..d8395c28
--- /dev/null
+++ b/src/app/components/Icons/Link.vue
@@ -0,0 +1,15 @@
+
+
+
diff --git a/src/app/components/Icons/Loading.vue b/src/app/components/Icons/Loading.vue
new file mode 100644
index 00000000..cd55253d
--- /dev/null
+++ b/src/app/components/Icons/Loading.vue
@@ -0,0 +1,21 @@
+
+
+
diff --git a/src/app/components/Icons/Logout.vue b/src/app/components/Icons/Logout.vue
new file mode 100644
index 00000000..21656ea4
--- /dev/null
+++ b/src/app/components/Icons/Logout.vue
@@ -0,0 +1,15 @@
+
+
+
diff --git a/src/app/components/Icons/Moon.vue b/src/app/components/Icons/Moon.vue
new file mode 100644
index 00000000..4b271121
--- /dev/null
+++ b/src/app/components/Icons/Moon.vue
@@ -0,0 +1,15 @@
+
+
+
diff --git a/src/app/components/Icons/Plus.vue b/src/app/components/Icons/Plus.vue
new file mode 100644
index 00000000..e3e95b7a
--- /dev/null
+++ b/src/app/components/Icons/Plus.vue
@@ -0,0 +1,16 @@
+
+
+
diff --git a/src/app/components/Icons/QRCode.vue b/src/app/components/Icons/QRCode.vue
new file mode 100644
index 00000000..bca1dd33
--- /dev/null
+++ b/src/app/components/Icons/QRCode.vue
@@ -0,0 +1,15 @@
+
+
+
diff --git a/src/app/components/Icons/Stack.vue b/src/app/components/Icons/Stack.vue
new file mode 100644
index 00000000..d26b002b
--- /dev/null
+++ b/src/app/components/Icons/Stack.vue
@@ -0,0 +1,16 @@
+
+
+
diff --git a/src/app/components/Icons/Sun.vue b/src/app/components/Icons/Sun.vue
new file mode 100644
index 00000000..eccf9d16
--- /dev/null
+++ b/src/app/components/Icons/Sun.vue
@@ -0,0 +1,15 @@
+
+
+
diff --git a/src/app/components/Icons/Warning.vue b/src/app/components/Icons/Warning.vue
new file mode 100644
index 00000000..07a27999
--- /dev/null
+++ b/src/app/components/Icons/Warning.vue
@@ -0,0 +1,17 @@
+
+
+
+
diff --git a/src/app/components/Panel/Body.vue b/src/app/components/Panel/Body.vue
new file mode 100644
index 00000000..5ce874d9
--- /dev/null
+++ b/src/app/components/Panel/Body.vue
@@ -0,0 +1,5 @@
+
+
+
+
+
+
+
+ {{ $t('update.update') }} →
+
+ {{ $t('update.updateAvailable') }}
+{{ globalStore.release.latestRelease.changelog }}
+
+
+
diff --git a/src/app/components/Panel/Panel.vue b/src/app/components/Panel/Panel.vue
new file mode 100644
index 00000000..19756224
--- /dev/null
+++ b/src/app/components/Panel/Panel.vue
@@ -0,0 +1,7 @@
+
+
+
+
diff --git a/src/app/components/Panel/head/Boat.vue b/src/app/components/Panel/head/Boat.vue
new file mode 100644
index 00000000..9282261d
--- /dev/null
+++ b/src/app/components/Panel/head/Boat.vue
@@ -0,0 +1,5 @@
+
+
+
+
diff --git a/src/app/components/Panel/head/Head.vue b/src/app/components/Panel/head/Head.vue
new file mode 100644
index 00000000..e1737af3
--- /dev/null
+++ b/src/app/components/Panel/head/Head.vue
@@ -0,0 +1,7 @@
+
+
+
+
diff --git a/src/app/components/Panel/head/Title.vue b/src/app/components/Panel/head/Title.vue
new file mode 100644
index 00000000..93a2db31
--- /dev/null
+++ b/src/app/components/Panel/head/Title.vue
@@ -0,0 +1,11 @@
+
+ + {{ text }} +
+ + + diff --git a/src/app/components/Ui/Banner.vue b/src/app/components/Ui/Banner.vue new file mode 100644 index 00000000..ffc81447 --- /dev/null +++ b/src/app/components/Ui/Banner.vue @@ -0,0 +1,8 @@ + +
+
+ WireGuard
+
+
diff --git a/src/app/components/Ui/Footer.vue b/src/app/components/Ui/Footer.vue
new file mode 100644
index 00000000..bf464dcf
--- /dev/null
+++ b/src/app/components/Ui/Footer.vue
@@ -0,0 +1,37 @@
+
+
+
+
+
diff --git a/src/app/components/Ui/StepProgress.vue b/src/app/components/Ui/StepProgress.vue
new file mode 100644
index 00000000..44734a8b
--- /dev/null
+++ b/src/app/components/Ui/StepProgress.vue
@@ -0,0 +1,23 @@
+
+
+
+
+
diff --git a/src/app/components/Ui/UserMenu.vue b/src/app/components/Ui/UserMenu.vue
new file mode 100644
index 00000000..6d32a756
--- /dev/null
+++ b/src/app/components/Ui/UserMenu.vue
@@ -0,0 +1,96 @@
+
+
+
+ {{ authStore.userData?.name }}
+ @{{ authStore.userData?.username }}
+
+
+
+
+
+
+
diff --git a/src/app/layouts/setup.vue b/src/app/layouts/setup.vue
new file mode 100644
index 00000000..7e6f5dfb
--- /dev/null
+++ b/src/app/layouts/setup.vue
@@ -0,0 +1,36 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/app/middleware/auth.global.ts b/src/app/middleware/auth.global.ts
new file mode 100644
index 00000000..70a37e86
--- /dev/null
+++ b/src/app/middleware/auth.global.ts
@@ -0,0 +1,29 @@
+export default defineNuxtRouteMiddleware(async (to) => {
+ // api & setup handled server side
+ if (to.path.startsWith('/api/') || to.path.startsWith('/setup')) {
+ return;
+ }
+
+ const authStore = useAuthStore();
+ const userData = await authStore.getSession();
+
+ // skip login if already logged in
+ if (to.path === '/login') {
+ if (userData?.username) {
+ return navigateTo('/', { redirectCode: 302 });
+ }
+ return;
+ }
+
+ // Require auth for every page other than Login
+ if (!userData?.username) {
+ return navigateTo('/login', { redirectCode: 302 });
+ }
+
+ // Check for admin access
+ if (to.path.startsWith('/admin')) {
+ if (!hasPermissions(userData, 'admin', 'any')) {
+ return abortNavigation('Not allowed to access Admin Panel');
+ }
+ }
+});
diff --git a/src/app/pages/admin.vue b/src/app/pages/admin.vue
new file mode 100644
index 00000000..b2f2f180
--- /dev/null
+++ b/src/app/pages/admin.vue
@@ -0,0 +1,56 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/app/pages/admin/config.vue b/src/app/pages/admin/config.vue
new file mode 100644
index 00000000..e7217ba7
--- /dev/null
+++ b/src/app/pages/admin/config.vue
@@ -0,0 +1,81 @@
+
+
+
+
+
+
+
+
+
+
+ + {{ t('pages.admin.panel') }} +
+
+
+
+ {{ item.name }}
+
+
+
+
+
+ {{ activeMenuItem?.name }}
+
+
+
+
+
+
+ {{ $t('general.continue') }}
+
+
+
+
+
diff --git a/src/app/pages/setup/2.vue b/src/app/pages/setup/2.vue
new file mode 100644
index 00000000..72cbffc1
--- /dev/null
+++ b/src/app/pages/setup/2.vue
@@ -0,0 +1,59 @@
+
+ + {{ $t('setup.welcomeDesc') }} +
+
+
+
+
+
diff --git a/src/app/pages/setup/3.vue b/src/app/pages/setup/3.vue
new file mode 100644
index 00000000..a6bb8bf5
--- /dev/null
+++ b/src/app/pages/setup/3.vue
@@ -0,0 +1,24 @@
+
+ + {{ $t('setup.createAdminDesc') }} +
+
+
+
+
+
+
+
+ {{ $t('setup.createAccount') }}
+
+
+
+
+
+
diff --git a/src/app/pages/setup/4.vue b/src/app/pages/setup/4.vue
new file mode 100644
index 00000000..6163b1e3
--- /dev/null
+++ b/src/app/pages/setup/4.vue
@@ -0,0 +1,54 @@
+
+ + {{ $t('setup.existingSetup') }} +
+
+
+ {{ $t('general.no') }}
+
+
+ {{ $t('general.yes') }}
+
+
+
+
+
+
+
diff --git a/src/app/pages/setup/migrate.vue b/src/app/pages/setup/migrate.vue
new file mode 100644
index 00000000..a1185bbd
--- /dev/null
+++ b/src/app/pages/setup/migrate.vue
@@ -0,0 +1,70 @@
+
+ + {{ $t('setup.setupConfigDesc') }} +
+
+
+
+
+
+
+
+ {{ $t('general.continue') }}
+
+
+ {{ $t('setup.upload') }}
+
+
+
+
diff --git a/src/app/pages/setup/success.vue b/src/app/pages/setup/success.vue
new file mode 100644
index 00000000..7fa8fd05
--- /dev/null
+++ b/src/app/pages/setup/success.vue
@@ -0,0 +1,17 @@
+
+ + {{ $t('setup.setupMigrationDesc') }} +
+
+
+
+
+
+
+ {{ $t('login.signIn') }}
+
+
+
+
+
diff --git a/src/app/plugins/apexcharts.client.ts b/src/app/plugins/apexcharts.client.ts
new file mode 100644
index 00000000..a23b485d
--- /dev/null
+++ b/src/app/plugins/apexcharts.client.ts
@@ -0,0 +1,5 @@
+import VueApexCharts from 'vue3-apexcharts';
+
+export default defineNuxtPlugin((nuxtApp) => {
+ nuxtApp.vueApp.use(VueApexCharts);
+});
diff --git a/src/app/stores/auth.ts b/src/app/stores/auth.ts
new file mode 100644
index 00000000..fab80ea0
--- /dev/null
+++ b/src/app/stores/auth.ts
@@ -0,0 +1,18 @@
+export const useAuthStore = defineStore('Auth', () => {
+ const { data: userData, refresh: update } = useFetch('/api/session', {
+ method: 'get',
+ });
+
+ async function getSession() {
+ try {
+ const { data } = await useFetch('/api/session', {
+ method: 'get',
+ });
+ return data.value;
+ } catch {
+ return null;
+ }
+ }
+
+ return { userData, update, getSession };
+});
diff --git a/src/app/stores/clients.ts b/src/app/stores/clients.ts
new file mode 100644
index 00000000..d1c621ec
--- /dev/null
+++ b/src/app/stores/clients.ts
@@ -0,0 +1,134 @@
+import { defineStore } from 'pinia';
+import { sha256 } from 'js-sha256';
+import type { TypedInternalResponse } from 'nitropack/types';
+
+type WGClientReturn = TypedInternalResponse<
+ '/api/client',
+ unknown,
+ 'get'
+>[number];
+
+export type LocalClient = WGClientReturn & {
+ avatar?: string;
+ transferMax?: number;
+} & Omit{{ $t('setup.successful') }}
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/src/www/js/api.js b/src/www/js/api.js
deleted file mode 100644
index 7b836d37..00000000
--- a/src/www/js/api.js
+++ /dev/null
@@ -1,195 +0,0 @@
-/* eslint-disable no-unused-vars */
-/* eslint-disable no-undef */
-
-'use strict';
-
-class API {
-
- async call({ method, path, body }) {
- const res = await fetch(`./api${path}`, {
- method,
- headers: {
- 'Content-Type': 'application/json',
- },
- body: body
- ? JSON.stringify(body)
- : undefined,
- });
-
- if (res.status === 204) {
- return undefined;
- }
-
- const json = await res.json();
-
- if (!res.ok) {
- throw new Error(json.error || res.statusText);
- }
-
- return json;
- }
-
- async getRelease() {
- return this.call({
- method: 'get',
- path: '/release',
- });
- }
-
- async getLang() {
- return this.call({
- method: 'get',
- path: '/lang',
- });
- }
-
- async getRememberMeEnabled() {
- return this.call({
- method: 'get',
- path: '/remember-me',
- });
- }
-
- async getuiTrafficStats() {
- return this.call({
- method: 'get',
- path: '/ui-traffic-stats',
- });
- }
-
- async getChartType() {
- return this.call({
- method: 'get',
- path: '/ui-chart-type',
- });
- }
-
- async getWGEnableOneTimeLinks() {
- return this.call({
- method: 'get',
- path: '/wg-enable-one-time-links',
- });
- }
-
- async getWGEnableExpireTime() {
- return this.call({
- method: 'get',
- path: '/wg-enable-expire-time',
- });
- }
-
- async getSession() {
- return this.call({
- method: 'get',
- path: '/session',
- });
- }
-
- async createSession({ password, remember }) {
- return this.call({
- method: 'post',
- path: '/session',
- body: { password, remember },
- });
- }
-
- async deleteSession() {
- return this.call({
- method: 'delete',
- path: '/session',
- });
- }
-
- async getClients() {
- return this.call({
- method: 'get',
- path: '/wireguard/client',
- }).then((clients) => clients.map((client) => ({
- ...client,
- createdAt: new Date(client.createdAt),
- updatedAt: new Date(client.updatedAt),
- expiredAt: client.expiredAt !== null
- ? new Date(client.expiredAt)
- : null,
- latestHandshakeAt: client.latestHandshakeAt !== null
- ? new Date(client.latestHandshakeAt)
- : null,
- })));
- }
-
- async createClient({ name, expiredDate }) {
- return this.call({
- method: 'post',
- path: '/wireguard/client',
- body: { name, expiredDate },
- });
- }
-
- async deleteClient({ clientId }) {
- return this.call({
- method: 'delete',
- path: `/wireguard/client/${clientId}`,
- });
- }
-
- async showOneTimeLink({ clientId }) {
- return this.call({
- method: 'post',
- path: `/wireguard/client/${clientId}/generateOneTimeLink`,
- });
- }
-
- async enableClient({ clientId }) {
- return this.call({
- method: 'post',
- path: `/wireguard/client/${clientId}/enable`,
- });
- }
-
- async disableClient({ clientId }) {
- return this.call({
- method: 'post',
- path: `/wireguard/client/${clientId}/disable`,
- });
- }
-
- async updateClientName({ clientId, name }) {
- return this.call({
- method: 'put',
- path: `/wireguard/client/${clientId}/name/`,
- body: { name },
- });
- }
-
- async updateClientAddress({ clientId, address }) {
- return this.call({
- method: 'put',
- path: `/wireguard/client/${clientId}/address/`,
- body: { address },
- });
- }
-
- async updateClientExpireDate({ clientId, expireDate }) {
- return this.call({
- method: 'put',
- path: `/wireguard/client/${clientId}/expireDate/`,
- body: { expireDate },
- });
- }
-
- async restoreConfiguration(file) {
- return this.call({
- method: 'put',
- path: '/wireguard/restore',
- body: { file },
- });
- }
-
- async getUiSortClients() {
- return this.call({
- method: 'get',
- path: '/ui-sort-clients',
- });
- }
-
-}
diff --git a/src/www/js/app.js b/src/www/js/app.js
deleted file mode 100644
index bef58260..00000000
--- a/src/www/js/app.js
+++ /dev/null
@@ -1,525 +0,0 @@
-/* eslint-disable no-console */
-/* eslint-disable no-alert */
-/* eslint-disable no-undef */
-/* eslint-disable no-new */
-
-'use strict';
-
-function bytes(bytes, decimals, kib, maxunit) {
- kib = kib || false;
- if (bytes === 0) return '0 B';
- if (Number.isNaN(parseFloat(bytes)) && !Number.isFinite(bytes)) return 'NaN';
- const k = kib ? 1024 : 1000;
- const dm = decimals != null && !Number.isNaN(decimals) && decimals >= 0 ? decimals : 2;
- const sizes = kib
- ? ['B', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB', 'BiB']
- : ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB', 'BB'];
- let i = Math.floor(Math.log(bytes) / Math.log(k));
- if (maxunit !== undefined) {
- const index = sizes.indexOf(maxunit);
- if (index !== -1) i = index;
- }
- // eslint-disable-next-line no-restricted-properties
- return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
-}
-
-/**
- * Sorts an array of objects by a specified property in ascending or descending order.
- *
- * @param {Array} array - The array of objects to be sorted.
- * @param {string} property - The property to sort the array by.
- * @param {boolean} [sort=true] - Whether to sort the array in ascending (default) or descending order.
- * @return {Array} - The sorted array of objects.
- */
-function sortByProperty(array, property, sort = true) {
- if (sort) {
- return array.sort((a, b) => (typeof a[property] === 'string' ? a[property].localeCompare(b[property]) : a[property] - b[property]));
- }
-
- return array.sort((a, b) => (typeof a[property] === 'string' ? b[property].localeCompare(a[property]) : b[property] - a[property]));
-}
-
-const i18n = new VueI18n({
- locale: localStorage.getItem('lang') || 'en',
- fallbackLocale: 'en',
- messages,
-});
-
-const UI_CHART_TYPES = [
- { type: false, strokeWidth: 0 },
- { type: 'line', strokeWidth: 3 },
- { type: 'area', strokeWidth: 0 },
- { type: 'bar', strokeWidth: 0 },
-];
-
-const CHART_COLORS = {
- rx: { light: 'rgba(128,128,128,0.3)', dark: 'rgba(255,255,255,0.3)' },
- tx: { light: 'rgba(128,128,128,0.4)', dark: 'rgba(255,255,255,0.3)' },
- gradient: { light: ['rgba(0,0,0,1.0)', 'rgba(0,0,0,1.0)'], dark: ['rgba(128,128,128,0)', 'rgba(128,128,128,0)'] },
-};
-
-new Vue({
- el: '#app',
- components: {
- apexchart: VueApexCharts,
- },
- i18n,
- data: {
- authenticated: null,
- authenticating: false,
- password: null,
- requiresPassword: null,
- remember: false,
- rememberMeEnabled: false,
-
- clients: null,
- clientsPersist: {},
- clientDelete: null,
- clientCreate: null,
- clientCreateName: '',
- clientExpiredDate: '',
- clientEditName: null,
- clientEditNameId: null,
- clientEditAddress: null,
- clientEditAddressId: null,
- clientEditExpireDate: null,
- clientEditExpireDateId: null,
- qrcode: null,
-
- currentRelease: null,
- latestRelease: null,
-
- uiTrafficStats: false,
-
- uiChartType: 0,
- enableOneTimeLinks: false,
- enableSortClient: false,
- sortClient: true, // Sort clients by name, true = asc, false = desc
- enableExpireTime: false,
-
- uiShowCharts: localStorage.getItem('uiShowCharts') === '1',
- uiTheme: localStorage.theme || 'auto',
- prefersDarkScheme: window.matchMedia('(prefers-color-scheme: dark)'),
-
- chartOptions: {
- chart: {
- background: 'transparent',
- stacked: false,
- toolbar: {
- show: false,
- },
- animations: {
- enabled: false,
- },
- parentHeightOffset: 0,
- sparkline: {
- enabled: true,
- },
- },
- colors: [],
- stroke: {
- curve: 'smooth',
- },
- fill: {
- type: 'gradient',
- gradient: {
- shade: 'dark',
- type: 'vertical',
- shadeIntensity: 0,
- gradientToColors: CHART_COLORS.gradient[this.theme],
- inverseColors: false,
- opacityTo: 0,
- stops: [0, 100],
- },
- },
- dataLabels: {
- enabled: false,
- },
- plotOptions: {
- bar: {
- horizontal: false,
- },
- },
- xaxis: {
- labels: {
- show: false,
- },
- axisTicks: {
- show: false,
- },
- axisBorder: {
- show: false,
- },
- },
- yaxis: {
- labels: {
- show: false,
- },
- min: 0,
- },
- tooltip: {
- enabled: false,
- },
- legend: {
- show: false,
- },
- grid: {
- show: false,
- padding: {
- left: -10,
- right: 0,
- bottom: -15,
- top: -15,
- },
- column: {
- opacity: 0,
- },
- xaxis: {
- lines: {
- show: false,
- },
- },
- },
- },
-
- },
- methods: {
- dateTime: (value) => {
- return new Intl.DateTimeFormat(undefined, {
- year: 'numeric',
- month: 'short',
- day: 'numeric',
- hour: 'numeric',
- minute: 'numeric',
- }).format(value);
- },
- async refresh({
- updateCharts = false,
- } = {}) {
- if (!this.authenticated) return;
-
- const clients = await this.api.getClients();
- this.clients = clients.map((client) => {
- if (client.name.includes('@') && client.name.includes('.')) {
- client.avatar = `https://gravatar.com/avatar/${sha256(client.name.toLowerCase().trim())}.jpg`;
- }
-
- if (!this.clientsPersist[client.id]) {
- this.clientsPersist[client.id] = {};
- this.clientsPersist[client.id].transferRxHistory = Array(50).fill(0);
- this.clientsPersist[client.id].transferRxPrevious = client.transferRx;
- this.clientsPersist[client.id].transferTxHistory = Array(50).fill(0);
- this.clientsPersist[client.id].transferTxPrevious = client.transferTx;
- }
-
- // Debug
- // client.transferRx = this.clientsPersist[client.id].transferRxPrevious + Math.random() * 1000;
- // client.transferTx = this.clientsPersist[client.id].transferTxPrevious + Math.random() * 1000;
- // client.latestHandshakeAt = new Date();
- // this.requiresPassword = true;
-
- this.clientsPersist[client.id].transferRxCurrent = client.transferRx - this.clientsPersist[client.id].transferRxPrevious;
- this.clientsPersist[client.id].transferRxPrevious = client.transferRx;
- this.clientsPersist[client.id].transferTxCurrent = client.transferTx - this.clientsPersist[client.id].transferTxPrevious;
- this.clientsPersist[client.id].transferTxPrevious = client.transferTx;
-
- if (updateCharts) {
- this.clientsPersist[client.id].transferRxHistory.push(this.clientsPersist[client.id].transferRxCurrent);
- this.clientsPersist[client.id].transferRxHistory.shift();
-
- this.clientsPersist[client.id].transferTxHistory.push(this.clientsPersist[client.id].transferTxCurrent);
- this.clientsPersist[client.id].transferTxHistory.shift();
-
- this.clientsPersist[client.id].transferTxSeries = [{
- name: 'Tx',
- data: this.clientsPersist[client.id].transferTxHistory,
- }];
-
- this.clientsPersist[client.id].transferRxSeries = [{
- name: 'Rx',
- data: this.clientsPersist[client.id].transferRxHistory,
- }];
-
- client.transferTxHistory = this.clientsPersist[client.id].transferTxHistory;
- client.transferRxHistory = this.clientsPersist[client.id].transferRxHistory;
- client.transferMax = Math.max(...client.transferTxHistory, ...client.transferRxHistory);
-
- client.transferTxSeries = this.clientsPersist[client.id].transferTxSeries;
- client.transferRxSeries = this.clientsPersist[client.id].transferRxSeries;
- }
-
- client.transferTxCurrent = this.clientsPersist[client.id].transferTxCurrent;
- client.transferRxCurrent = this.clientsPersist[client.id].transferRxCurrent;
-
- client.hoverTx = this.clientsPersist[client.id].hoverTx;
- client.hoverRx = this.clientsPersist[client.id].hoverRx;
-
- return client;
- });
-
- if (this.enableSortClient) {
- this.clients = sortByProperty(this.clients, 'name', this.sortClient);
- }
- },
- login(e) {
- e.preventDefault();
-
- if (!this.password) return;
- if (this.authenticating) return;
-
- this.authenticating = true;
- this.api.createSession({
- password: this.password,
- remember: this.remember,
- })
- .then(async () => {
- const session = await this.api.getSession();
- this.authenticated = session.authenticated;
- this.requiresPassword = session.requiresPassword;
- return this.refresh();
- })
- .catch((err) => {
- alert(err.message || err.toString());
- })
- .finally(() => {
- this.authenticating = false;
- this.password = null;
- });
- },
- logout(e) {
- e.preventDefault();
-
- this.api.deleteSession()
- .then(() => {
- this.authenticated = false;
- this.clients = null;
- })
- .catch((err) => {
- alert(err.message || err.toString());
- });
- },
- createClient() {
- const name = this.clientCreateName;
- const expiredDate = this.clientExpiredDate;
- if (!name) return;
-
- this.api.createClient({ name, expiredDate })
- .catch((err) => alert(err.message || err.toString()))
- .finally(() => this.refresh().catch(console.error));
- },
- deleteClient(client) {
- this.api.deleteClient({ clientId: client.id })
- .catch((err) => alert(err.message || err.toString()))
- .finally(() => this.refresh().catch(console.error));
- },
- showOneTimeLink(client) {
- this.api.showOneTimeLink({ clientId: client.id })
- .catch((err) => alert(err.message || err.toString()))
- .finally(() => this.refresh().catch(console.error));
- },
- enableClient(client) {
- this.api.enableClient({ clientId: client.id })
- .catch((err) => alert(err.message || err.toString()))
- .finally(() => this.refresh().catch(console.error));
- },
- disableClient(client) {
- this.api.disableClient({ clientId: client.id })
- .catch((err) => alert(err.message || err.toString()))
- .finally(() => this.refresh().catch(console.error));
- },
- updateClientName(client, name) {
- this.api.updateClientName({ clientId: client.id, name })
- .catch((err) => alert(err.message || err.toString()))
- .finally(() => this.refresh().catch(console.error));
- },
- updateClientAddress(client, address) {
- this.api.updateClientAddress({ clientId: client.id, address })
- .catch((err) => alert(err.message || err.toString()))
- .finally(() => this.refresh().catch(console.error));
- },
- updateClientExpireDate(client, expireDate) {
- this.api.updateClientExpireDate({ clientId: client.id, expireDate })
- .catch((err) => alert(err.message || err.toString()))
- .finally(() => this.refresh().catch(console.error));
- },
- restoreConfig(e) {
- e.preventDefault();
- const file = e.currentTarget.files.item(0);
- if (file) {
- file.text()
- .then((content) => {
- this.api.restoreConfiguration(content)
- .then((_result) => alert('The configuration was updated.'))
- .catch((err) => alert(err.message || err.toString()))
- .finally(() => this.refresh().catch(console.error));
- })
- .catch((err) => alert(err.message || err.toString()));
- } else {
- alert('Failed to load your file!');
- }
- },
- toggleTheme() {
- const themes = ['light', 'dark', 'auto'];
- const currentIndex = themes.indexOf(this.uiTheme);
- const newIndex = (currentIndex + 1) % themes.length;
- this.uiTheme = themes[newIndex];
- localStorage.theme = this.uiTheme;
- this.setTheme(this.uiTheme);
- },
- setTheme(theme) {
- const { classList } = document.documentElement;
- const shouldAddDarkClass = theme === 'dark' || (theme === 'auto' && this.prefersDarkScheme.matches);
- classList.toggle('dark', shouldAddDarkClass);
- },
- handlePrefersChange(e) {
- if (localStorage.theme === 'auto') {
- this.setTheme(e.matches ? 'dark' : 'light');
- }
- },
- toggleCharts() {
- localStorage.setItem('uiShowCharts', this.uiShowCharts ? 1 : 0);
- },
- },
- filters: {
- bytes,
- timeago: (value) => {
- return timeago.format(value, i18n.locale);
- },
- expiredDateFormat: (value) => {
- if (value === null) return i18n.t('Permanent');
- const dateTime = new Date(value);
- const options = { year: 'numeric', month: 'long', day: 'numeric' };
- return dateTime.toLocaleDateString(i18n.locale, options);
- },
- expiredDateEditFormat: (value) => {
- if (value === null) return 'yyyy-MM-dd';
- },
- },
- mounted() {
- this.prefersDarkScheme.addListener(this.handlePrefersChange);
- this.setTheme(this.uiTheme);
-
- this.api = new API();
- this.api.getSession()
- .then((session) => {
- this.authenticated = session.authenticated;
- this.requiresPassword = session.requiresPassword;
- this.refresh({
- updateCharts: this.updateCharts,
- }).catch((err) => {
- alert(err.message || err.toString());
- });
- })
- .catch((err) => {
- alert(err.message || err.toString());
- });
-
- this.api.getRememberMeEnabled()
- .then((rememberMeEnabled) => {
- this.rememberMeEnabled = rememberMeEnabled;
- });
-
- setInterval(() => {
- this.refresh({
- updateCharts: this.updateCharts,
- }).catch(console.error);
- }, 1000);
-
- this.api.getuiTrafficStats()
- .then((res) => {
- this.uiTrafficStats = res;
- })
- .catch(() => {
- this.uiTrafficStats = false;
- });
-
- this.api.getChartType()
- .then((res) => {
- this.uiChartType = parseInt(res, 10);
- })
- .catch(() => {
- this.uiChartType = 0;
- });
-
- this.api.getWGEnableOneTimeLinks()
- .then((res) => {
- this.enableOneTimeLinks = res;
- })
- .catch(() => {
- this.enableOneTimeLinks = false;
- });
-
- this.api.getUiSortClients()
- .then((res) => {
- this.enableSortClient = res;
- })
- .catch(() => {
- this.enableSortClient = false;
- });
-
- this.api.getWGEnableExpireTime()
- .then((res) => {
- this.enableExpireTime = res;
- })
- .catch(() => {
- this.enableExpireTime = false;
- });
-
- Promise.resolve().then(async () => {
- const lang = await this.api.getLang();
- if (lang !== localStorage.getItem('lang') && i18n.availableLocales.includes(lang)) {
- localStorage.setItem('lang', lang);
- i18n.locale = lang;
- }
-
- const currentRelease = await this.api.getRelease();
- const latestRelease = await fetch('https://wg-easy.github.io/wg-easy/changelog.json')
- .then((res) => res.json())
- .then((releases) => {
- const releasesArray = Object.entries(releases).map(([version, changelog]) => ({
- version: parseInt(version, 10),
- changelog,
- }));
- releasesArray.sort((a, b) => {
- return b.version - a.version;
- });
-
- return releasesArray[0];
- });
-
- if (currentRelease >= latestRelease.version) return;
-
- this.currentRelease = currentRelease;
- this.latestRelease = latestRelease;
- }).catch((err) => console.error(err));
- },
- computed: {
- chartOptionsTX() {
- const opts = {
- ...this.chartOptions,
- colors: [CHART_COLORS.tx[this.theme]],
- };
- opts.chart.type = UI_CHART_TYPES[this.uiChartType].type || false;
- opts.stroke.width = UI_CHART_TYPES[this.uiChartType].strokeWidth;
- return opts;
- },
- chartOptionsRX() {
- const opts = {
- ...this.chartOptions,
- colors: [CHART_COLORS.rx[this.theme]],
- };
- opts.chart.type = UI_CHART_TYPES[this.uiChartType].type || false;
- opts.stroke.width = UI_CHART_TYPES[this.uiChartType].strokeWidth;
- return opts;
- },
- updateCharts() {
- return this.uiChartType > 0 && this.uiShowCharts;
- },
- theme() {
- if (this.uiTheme === 'auto') {
- return this.prefersDarkScheme.matches ? 'dark' : 'light';
- }
- return this.uiTheme;
- },
- },
-});
diff --git a/src/www/js/i18n.js b/src/www/js/i18n.js
deleted file mode 100644
index be1c14ad..00000000
--- a/src/www/js/i18n.js
+++ /dev/null
@@ -1,714 +0,0 @@
-'use strict';
-
-const messages = { // eslint-disable-line no-unused-vars
- en: {
- name: 'Name',
- password: 'Password',
- signIn: 'Sign In',
- logout: 'Logout',
- updateAvailable: 'There is an update available!',
- update: 'Update',
- clients: 'Clients',
- new: 'New',
- deleteClient: 'Delete Client',
- deleteDialog1: 'Are you sure you want to delete',
- deleteDialog2: 'This action cannot be undone.',
- cancel: 'Cancel',
- create: 'Create',
- createdOn: 'Created on ',
- lastSeen: 'Last seen on ',
- totalDownload: 'Total Download: ',
- totalUpload: 'Total Upload: ',
- newClient: 'New Client',
- disableClient: 'Disable Client',
- enableClient: 'Enable Client',
- noClients: 'There are no clients yet.',
- noPrivKey: 'This client has no known private key. Cannot create Configuration.',
- showQR: 'Show QR Code',
- downloadConfig: 'Download Configuration',
- madeBy: 'Made by',
- donate: 'Donate',
- toggleCharts: 'Show/hide Charts',
- theme: { dark: 'Dark theme', light: 'Light theme', auto: 'Auto theme' },
- restore: 'Restore',
- backup: 'Backup',
- titleRestoreConfig: 'Restore your configuration',
- titleBackupConfig: 'Backup your configuration',
- rememberMe: 'Remember me',
- titleRememberMe: 'Stay logged after closing the browser',
- sort: 'Sort',
- ExpireDate: 'Expire Date',
- Permanent: 'Permanent',
- OneTimeLink: 'Generate short one time link',
- },
- ua: {
- name: 'Ім`я',
- password: 'Пароль',
- signIn: 'Увійти',
- logout: 'Вихід',
- updateAvailable: 'Доступне оновлення!',
- update: 'Оновити',
- clients: 'Клієнти',
- new: 'Новий',
- deleteClient: 'Видалити клієнта',
- deleteDialog1: 'Ви впевнені, що бажаєте видалити',
- deleteDialog2: 'Цю дію неможливо скасувати.',
- cancel: 'Скасувати',
- create: 'Створити',
- createdOn: 'Створено ',
- lastSeen: 'Останнє підключення в ',
- totalDownload: 'Всього завантажено: ',
- totalUpload: 'Всього відправлено: ',
- newClient: 'Новий клієнт',
- disableClient: 'Вимкнути клієнта',
- enableClient: 'Увімкнути клієнта',
- noClients: 'Ще немає клієнтів.',
- noPrivKey: 'У цього клієнта немає відомого приватного ключа. Неможливо створити конфігурацію.',
- showQR: 'Показати QR-код',
- downloadConfig: 'Завантажити конфігурацію',
- madeBy: 'Зроблено',
- donate: 'Пожертвувати',
- toggleCharts: 'Показати/сховати діаграми',
- theme: { dark: 'Темна тема', light: 'Світла тема', auto: 'Автоматична тема' },
- restore: 'Відновити',
- backup: 'Резервна копія',
- titleRestoreConfig: 'Відновити конфігурацію',
- titleBackupConfig: 'Створити резервну копію конфігурації',
- },
- ru: {
- name: 'Имя',
- password: 'Пароль',
- signIn: 'Войти',
- logout: 'Выйти',
- updateAvailable: 'Доступно обновление!',
- update: 'Обновить',
- clients: 'Клиенты',
- new: 'Создать',
- deleteClient: 'Удалить клиента',
- deleteDialog1: 'Вы уверены, что хотите удалить',
- deleteDialog2: 'Это действие невозможно отменить.',
- cancel: 'Закрыть',
- create: 'Создать',
- createdOn: 'Создано в ',
- lastSeen: 'Последнее подключение в ',
- totalDownload: 'Всего скачано: ',
- totalUpload: 'Всего загружено: ',
- newClient: 'Создать клиента',
- disableClient: 'Выключить клиента',
- enableClient: 'Включить клиента',
- noClients: 'Пока нет клиентов.',
- noPrivKey: 'Невозможно создать конфигурацию: у клиента нет известного приватного ключа.',
- showQR: 'Показать QR-код',
- downloadConfig: 'Скачать конфигурацию',
- madeBy: 'Автор',
- donate: 'Поблагодарить',
- toggleCharts: 'Показать/скрыть графики',
- theme: { dark: 'Темная тема', light: 'Светлая тема', auto: 'Как в системе' },
- restore: 'Восстановить',
- backup: 'Резервная копия',
- titleRestoreConfig: 'Восстановить конфигурацию',
- titleBackupConfig: 'Создать резервную копию конфигурации',
- rememberMe: 'Запомнить меня',
- titleRememberMe: 'Оставаться в системе после закрытия браузера',
- sort: 'Сортировка',
- ExpireDate: 'Дата истечения срока',
- Permanent: 'Бессрочно',
- OneTimeLink: 'Создать короткую одноразовую ссылку',
- },
- tr: { // Müslüm Barış Korkmazer @babico
- name: 'İsim',
- password: 'Şifre',
- signIn: 'Giriş Yap',
- logout: 'Çıkış Yap',
- updateAvailable: 'Mevcut bir güncelleme var!',
- update: 'Güncelle',
- clients: 'Kullanıcılar',
- new: 'Yeni',
- deleteClient: 'Kullanıcı Sil',
- deleteDialog1: 'Silmek istediğine emin misin',
- deleteDialog2: 'Bu işlem geri alınamaz.',
- cancel: 'İptal',
- create: 'Oluştur',
- createdOn: 'Şu saatte oluşturuldu: ',
- lastSeen: 'Son görülme tarihi: ',
- totalDownload: 'Toplam İndirme: ',
- totalUpload: 'Toplam Yükleme: ',
- newClient: 'Yeni Kullanıcı',
- disableClient: 'Kullanıcıyı Devre Dışı Bırak',
- enableClient: 'Kullanıcıyı Etkinleştir',
- noClients: 'Henüz kullanıcı yok.',
- noPrivKey: 'Bu istemcinin bilinen bir özel anahtarı yok. Yapılandırma oluşturulamıyor.',
- showQR: 'QR Kodunu Göster',
- downloadConfig: 'Yapılandırmayı İndir',
- madeBy: 'Yapan Kişi: ',
- donate: 'Bağış Yap',
- toggleCharts: 'Grafiği göster/gizle',
- theme: { dark: 'Karanlık tema', light: 'Açık tema', auto: 'Otomatik tema' },
- restore: 'Geri yükle',
- backup: 'Yedekle',
- titleRestoreConfig: 'Yapılandırmanızı geri yükleyin',
- titleBackupConfig: 'Yapılandırmanızı yedekleyin',
- },
- no: { // github.com/digvalley
- name: 'Navn',
- password: 'Passord',
- signIn: 'Logg Inn',
- logout: 'Logg Ut',
- updateAvailable: 'En ny oppdatering er tilgjengelig!',
- update: 'Oppdater',
- clients: 'Klienter',
- new: 'Ny',
- deleteClient: 'Slett Klient',
- deleteDialog1: 'Er du sikker på at du vil slette?',
- deleteDialog2: 'Denne handlingen kan ikke angres',
- cancel: 'Avbryt',
- create: 'Opprett',
- createdOn: 'Opprettet ',
- lastSeen: 'Sist sett ',
- totalDownload: 'Total Nedlasting: ',
- totalUpload: 'Total Opplasting: ',
- newClient: 'Ny Klient',
- disableClient: 'Deaktiver Klient',
- enableClient: 'Aktiver Klient',
- noClients: 'Ingen klienter opprettet enda.',
- showQR: 'Vis QR Kode',
- downloadConfig: 'Last Ned Konfigurasjon',
- madeBy: 'Laget av',
- donate: 'Doner',
- },
- pl: { // github.com/archont94
- name: 'Nazwa',
- password: 'Hasło',
- signIn: 'Zaloguj się',
- logout: 'Wyloguj się',
- updateAvailable: 'Dostępna aktualizacja!',
- update: 'Aktualizuj',
- clients: 'Klienci',
- new: 'Stwórz klienta',
- deleteClient: 'Usuń klienta',
- deleteDialog1: 'Jesteś pewny że chcesz usunąć',
- deleteDialog2: 'Tej akcji nie da się cofnąć.',
- cancel: 'Anuluj',
- create: 'Stwórz',
- createdOn: 'Utworzono ',
- lastSeen: 'Ostatnio widziany ',
- totalDownload: 'Całkowite pobieranie: ',
- totalUpload: 'Całkowite wysyłanie: ',
- newClient: 'Nowy klient',
- disableClient: 'Wyłączenie klienta',
- enableClient: 'Włączenie klienta',
- noClients: 'Nie ma jeszcze klientów.',
- showQR: 'Pokaż kod QR',
- downloadConfig: 'Pobierz konfigurację',
- madeBy: 'Stworzone przez',
- donate: 'Wsparcie autora',
- },
- fr: { // github.com/clem3109
- name: 'Nom',
- password: 'Mot de passe',
- signIn: 'Se Connecter',
- logout: 'Se déconnecter',
- updateAvailable: 'Une mise à jour est disponible !',
- update: 'Mise à jour',
- clients: 'Clients',
- new: 'Nouveau',
- deleteClient: 'Supprimer ce client',
- deleteDialog1: 'Êtes-vous que vous voulez supprimer',
- deleteDialog2: 'Cette action ne peut pas être annulée.',
- cancel: 'Annuler',
- create: 'Créer',
- createdOn: 'Créé le ',
- lastSeen: 'Dernière connexion le ',
- totalDownload: 'Téléchargement total : ',
- totalUpload: 'Téléversement total : ',
- newClient: 'Nouveau client',
- disableClient: 'Désactiver ce client',
- enableClient: 'Activer ce client',
- noClients: 'Aucun client pour le moment.',
- showQR: 'Afficher le code à réponse rapide (QR Code)',
- downloadConfig: 'Télécharger la configuration',
- madeBy: 'Développé par',
- donate: 'Soutenir',
- restore: 'Restaurer',
- backup: 'Sauvegarder',
- titleRestoreConfig: 'Restaurer votre configuration',
- titleBackupConfig: 'Sauvegarder votre configuration',
- },
- de: { // github.com/florian-asche
- name: 'Name',
- password: 'Passwort',
- signIn: 'Anmelden',
- logout: 'Abmelden',
- updateAvailable: 'Eine Aktualisierung steht zur Verfügung!',
- update: 'Aktualisieren',
- clients: 'Clients',
- new: 'Neu',
- deleteClient: 'Client löschen',
- deleteDialog1: 'Möchtest du wirklich löschen?',
- deleteDialog2: 'Diese Aktion kann nicht rückgängig gemacht werden.',
- cancel: 'Abbrechen',
- create: 'Erstellen',
- createdOn: 'Erstellt am ',
- lastSeen: 'Zuletzt Online ',
- totalDownload: 'Gesamt Download: ',
- totalUpload: 'Gesamt Upload: ',
- newClient: 'Neuer Client',
- disableClient: 'Client deaktivieren',
- enableClient: 'Client aktivieren',
- noClients: 'Es wurden noch keine Clients konfiguriert.',
- noPrivKey: 'Es ist kein Private Key für diesen Client bekannt. Eine Konfiguration kann nicht erstellt werden.',
- showQR: 'Zeige den QR Code',
- downloadConfig: 'Konfiguration herunterladen',
- madeBy: 'Erstellt von',
- donate: 'Spenden',
- restore: 'Wiederherstellen',
- backup: 'Sichern',
- titleRestoreConfig: 'Stelle deine Konfiguration wieder her',
- titleBackupConfig: 'Sichere deine Konfiguration',
- },
- ca: { // github.com/guillembonet
- name: 'Nom',
- password: 'Contrasenya',
- signIn: 'Iniciar sessió',
- logout: 'Tanca sessió',
- updateAvailable: 'Hi ha una actualització disponible!',
- update: 'Actualitza',
- clients: 'Clients',
- new: 'Nou',
- deleteClient: 'Esborra client',
- deleteDialog1: 'Estàs segur que vols esborrar aquest client?',
- deleteDialog2: 'Aquesta acció no es pot desfer.',
- cancel: 'Cancel·la',
- create: 'Crea',
- createdOn: 'Creat el ',
- lastSeen: 'Última connexió el ',
- totalDownload: 'Baixada total: ',
- totalUpload: 'Pujada total: ',
- newClient: 'Nou client',
- disableClient: 'Desactiva client',
- enableClient: 'Activa client',
- noClients: 'Encara no hi ha cap client.',
- showQR: 'Mostra codi QR',
- downloadConfig: 'Descarrega configuració',
- madeBy: 'Fet per',
- donate: 'Donatiu',
- },
- es: { // github.com/amarqz
- name: 'Nombre',
- password: 'Contraseña',
- signIn: 'Iniciar sesión',
- logout: 'Cerrar sesión',
- updateAvailable: '¡Hay una actualización disponible!',
- update: 'Actualizar',
- clients: 'Clientes',
- new: 'Nuevo',
- deleteClient: 'Eliminar cliente',
- deleteDialog1: '¿Estás seguro de que quieres borrar este cliente?',
- deleteDialog2: 'Esta acción no podrá ser revertida.',
- cancel: 'Cancelar',
- create: 'Crear',
- createdOn: 'Creado el ',
- lastSeen: 'Última conexión el ',
- totalDownload: 'Total descargado: ',
- totalUpload: 'Total subido: ',
- newClient: 'Nuevo cliente',
- disableClient: 'Desactivar cliente',
- enableClient: 'Activar cliente',
- noClients: 'Aún no hay ningún cliente.',
- showQR: 'Mostrar código QR',
- downloadConfig: 'Descargar configuración',
- madeBy: 'Hecho por',
- donate: 'Donar',
- toggleCharts: 'Mostrar/Ocultar gráficos',
- theme: { dark: 'Modo oscuro', light: 'Modo claro', auto: 'Modo automático' },
- restore: 'Restaurar',
- backup: 'Realizar copia de seguridad',
- titleRestoreConfig: 'Restaurar su configuración',
- titleBackupConfig: 'Realizar copia de seguridad de su configuración',
- },
- ko: {
- name: '이름',
- password: '암호',
- signIn: '로그인',
- logout: '로그아웃',
- updateAvailable: '업데이트가 있습니다!',
- update: '업데이트',
- clients: '클라이언트',
- new: '추가',
- deleteClient: '클라이언트 삭제',
- deleteDialog1: '삭제 하시겠습니까?',
- deleteDialog2: '이 작업은 취소할 수 없습니다.',
- cancel: '취소',
- create: '생성',
- createdOn: '생성일: ',
- lastSeen: '마지막 사용 날짜: ',
- totalDownload: '총 다운로드: ',
- totalUpload: '총 업로드: ',
- newClient: '새로운 클라이언트',
- disableClient: '클라이언트 비활성화',
- enableClient: '클라이언트 활성화',
- noClients: '아직 클라이언트가 없습니다.',
- showQR: 'QR 코드 표시',
- downloadConfig: '구성 다운로드',
- madeBy: '만든 사람',
- donate: '기부',
- toggleCharts: '차트 표시/숨기기',
- theme: { dark: '어두운 테마', light: '밝은 테마', auto: '자동 테마' },
- restore: '복원',
- backup: '백업',
- titleRestoreConfig: '구성 파일 복원',
- titleBackupConfig: '구성 파일 백업',
- },
- vi: { // https://github.com/hoangneeee
- name: 'Tên',
- password: 'Mật khẩu',
- signIn: 'Đăng nhập',
- logout: 'Đăng xuất',
- updateAvailable: 'Có bản cập nhật mới!',
- update: 'Cập nhật',
- clients: 'Danh sách người dùng',
- new: 'Mới',
- deleteClient: 'Xóa người dùng',
- deleteDialog1: 'Bạn có chắc chắn muốn xóa',
- deleteDialog2: 'Thao tác này không thể hoàn tác.',
- cancel: 'Huỷ',
- create: 'Tạo',
- createdOn: 'Được tạo lúc ',
- lastSeen: 'Lần xem cuối vào ',
- totalDownload: 'Tổng dung lượng tải xuống: ',
- totalUpload: 'Tổng dung lượng tải lên: ',
- newClient: 'Người dùng mới',
- disableClient: 'Vô hiệu hóa người dùng',
- enableClient: 'Kích hoạt người dùng',
- noClients: 'Hiện chưa có người dùng nào.',
- showQR: 'Hiển thị mã QR',
- downloadConfig: 'Tải xuống cấu hình',
- madeBy: 'Được tạo bởi',
- donate: 'Ủng hộ',
- toggleCharts: 'Mở/Ẩn Biểu đồ',
- theme: { dark: 'Dark theme', light: 'Light theme', auto: 'Auto theme' },
- restore: 'Khôi phục',
- backup: 'Sao lưu',
- titleRestoreConfig: 'Khôi phục cấu hình của bạn',
- titleBackupConfig: 'Sao lưu cấu hình của bạn',
- sort: 'Sắp xếp',
- },
- nl: {
- name: 'Naam',
- password: 'Wachtwoord',
- signIn: 'Inloggen',
- logout: 'Uitloggen',
- updateAvailable: 'Nieuw update beschikbaar!',
- update: 'update',
- clients: 'clients',
- new: 'Nieuw',
- deleteClient: 'client verwijderen',
- deleteDialog1: 'Weet je zeker dat je wilt verwijderen',
- deleteDialog2: 'Deze actie kan niet ongedaan worden gemaakt.',
- cancel: 'Annuleren',
- create: 'Creëren',
- createdOn: 'Gemaakt op ',
- lastSeen: 'Laatst gezien op ',
- totalDownload: 'Totaal Gedownload: ',
- totalUpload: 'Totaal Geupload: ',
- newClient: 'Nieuwe client',
- disableClient: 'client uitschakelen',
- enableClient: 'client inschakelen',
- noClients: 'Er zijn nog geen clients.',
- showQR: 'QR-code weergeven',
- downloadConfig: 'Configuratie downloaden',
- madeBy: 'Gemaakt door',
- donate: 'Doneren',
- },
- is: {
- name: 'Nafn',
- password: 'Lykilorð',
- signIn: 'Skrá inn',
- logout: 'Útskráning',
- updateAvailable: 'Það er uppfærsla í boði!',
- update: 'Uppfæra',
- clients: 'Viðskiptavinir',
- new: 'Nýtt',
- deleteClient: 'Eyða viðskiptavin',
- deleteDialog1: 'Ertu viss um að þú viljir eyða',
- deleteDialog2: 'Þessi aðgerð getur ekki verið afturkallað.',
- cancel: 'Hætta við',
- create: 'Búa til',
- createdOn: 'Búið til á ',
- lastSeen: 'Síðast séð á ',
- totalDownload: 'Samtals Niðurhlaða: ',
- totalUpload: 'Samtals Upphlaða: ',
- newClient: 'Nýr Viðskiptavinur',
- disableClient: 'Gera viðskiptavin óvirkan',
- enableClient: 'Gera viðskiptavin virkan',
- noClients: 'Engir viðskiptavinir ennþá.',
- showQR: 'Sýna QR-kóða',
- downloadConfig: 'Niðurhal Stillingar',
- madeBy: 'Gert af',
- donate: 'Gefa',
- },
- pt: {
- name: 'Nome',
- password: 'Palavra Chave',
- signIn: 'Entrar',
- logout: 'Sair',
- updateAvailable: 'Existe uma atualização disponível!',
- update: 'Atualizar',
- clients: 'Clientes',
- new: 'Novo',
- deleteClient: 'Apagar Clientes',
- deleteDialog1: 'Tem certeza que pretende apagar',
- deleteDialog2: 'Esta ação não pode ser revertida.',
- cancel: 'Cancelar',
- create: 'Criar',
- createdOn: 'Criado em ',
- lastSeen: 'Último acesso em ',
- totalDownload: 'Total Download: ',
- totalUpload: 'Total Upload: ',
- newClient: 'Novo Cliente',
- disableClient: 'Desativar Cliente',
- enableClient: 'Ativar Cliente',
- noClients: 'Não existem ainda clientes.',
- showQR: 'Apresentar o código QR',
- downloadConfig: 'Descarregar Configuração',
- madeBy: 'Feito por',
- donate: 'Doar',
- },
- chs: {
- name: '名称',
- password: '密码',
- signIn: '登录',
- logout: '退出',
- updateAvailable: '有新版本可用！',
- update: '更新',
- clients: '客户端',
- new: '新建',
- deleteClient: '删除客户端',
- deleteDialog1: '您确定要删除',
- deleteDialog2: '此操作无法撤销。',
- cancel: '取消',
- create: '创建',
- createdOn: '创建于 ',
- lastSeen: '最后访问于 ',
- totalDownload: '总下载: ',
- totalUpload: '总上传: ',
- newClient: '新建客户端',
- disableClient: '禁用客户端',
- enableClient: '启用客户端',
- noClients: '目前没有客户端。',
- noPrivKey: '此客户端没有已知的私钥。无法创建配置。',
- showQR: '显示二维码',
- downloadConfig: '下载配置',
- madeBy: '由',
- donate: '捐赠',
- toggleCharts: '显示/隐藏图表',
- theme: { dark: '暗黑主题', light: '明亮主题', auto: '自动主题' },
- restore: '恢复',
- backup: '备份',
- titleRestoreConfig: '恢复您的配置',
- titleBackupConfig: '备份您的配置',
- rememberMe: '记住我',
- titleRememberMe: '关闭浏览器后保持登录',
- sort: '排序',
- ExpireDate: '到期日期',
- Permanent: '永久',
- OneTimeLink: '生成一次性短链接',
- },
- cht: {
- name: '名字',
- password: '密碼',
- signIn: '登入',
- logout: '登出',
- updateAvailable: '有新版本可以使用！',
- update: '更新',
- clients: '使用者',
- new: '建立',
- deleteClient: '刪除使用者',
- deleteDialog1: '您確定要刪除',
- deleteDialog2: '此作業無法復原。',
- cancel: '取消',
- create: '建立',
- createdOn: '建立於 ',
- lastSeen: '最後存取於 ',
- totalDownload: '總下載: ',
- totalUpload: '總上傳: ',
- newClient: '新用戶',
- disableClient: '停用使用者',
- enableClient: '啟用使用者',
- noClients: '目前沒有使用者。',
- noPrivKey: '此使用者沒有已知的私鑰。無法創建配置。',
- showQR: '顯示 QR Code',
- downloadConfig: '下載 Config 檔',
- madeBy: '由',
- donate: '抖內',
- toggleCharts: '顯示/隱藏圖表',
- theme: { dark: '暗黑主題', light: '明亮主題', auto: '自動主題' },
- restore: '恢復',
- backup: '備份',
- titleRestoreConfig: '恢復您的配置',
- titleBackupConfig: '備份您的配置',
- rememberMe: '記住我',
- titleRememberMe: '關閉瀏覽器後保持登錄',
- sort: '排序',
- ExpireDate: '到期日期',
- Permanent: '永久',
- OneTimeLink: '生成一次性短鏈接',
- },
- it: {
- name: 'Nome',
- password: 'Password',
- signIn: 'Accedi',
- logout: 'Esci',
- updateAvailable: 'È disponibile un aggiornamento!',
- update: 'Aggiorna',
- clients: 'Client',
- new: 'Nuovo',
- deleteClient: 'Elimina Client',
- deleteDialog1: 'Sei sicuro di voler eliminare',
- deleteDialog2: 'Questa azione non può essere annullata.',
- cancel: 'Annulla',
- create: 'Crea',
- createdOn: 'Creato il ',
- lastSeen: 'Visto l\'ultima volta il ',
- totalDownload: 'Totale Download: ',
- totalUpload: 'Totale Upload: ',
- newClient: 'Nuovo Client',
- disableClient: 'Disabilita Client',
- enableClient: 'Abilita Client',
- noClients: 'Non ci sono ancora client.',
- showQR: 'Mostra codice QR',
- downloadConfig: 'Scarica configurazione',
- madeBy: 'Realizzato da',
- donate: 'Donazione',
- restore: 'Ripristina',
- backup: 'Backup',
- titleRestoreConfig: 'Ripristina la tua configurazione',
- titleBackupConfig: 'Esegui il backup della tua configurazione',
- },
- th: {
- name: 'ชื่อ',
- password: 'รหัสผ่าน',
- signIn: 'ลงชื่อเข้าใช้',
- logout: 'ออกจากระบบ',
- updateAvailable: 'มีอัปเดตพร้อมใช้งาน!',
- update: 'อัปเดต',
- clients: 'Clients',
- new: 'ใหม่',
- deleteClient: 'ลบ Client',
- deleteDialog1: 'คุณแน่ใจหรือไม่ว่าต้องการลบ',
- deleteDialog2: 'การกระทำนี้;ไม่สามารถยกเลิกได้',
- cancel: 'ยกเลิก',
- create: 'สร้าง',
- createdOn: 'สร้างเมื่อ ',
- lastSeen: 'เห็นครั้งสุดท้ายเมื่อ ',
- totalDownload: 'ดาวน์โหลดทั้งหมด: ',
- totalUpload: 'อัพโหลดทั้งหมด: ',
- newClient: 'Client ใหม่',
- disableClient: 'ปิดการใช้งาน Client',
- enableClient: 'เปิดการใช้งาน Client',
- noClients: 'ยังไม่มี Clients เลย',
- showQR: 'แสดงรหัส QR',
- downloadConfig: 'ดาวน์โหลดการตั้งค่า',
- madeBy: 'สร้างโดย',
- donate: 'บริจาค',
- },
- hi: { // github.com/rahilarious
- name: 'नाम',
- password: 'पासवर्ड',
- signIn: 'लॉगिन',
- logout: 'लॉगआउट',
- updateAvailable: 'अपडेट उपलब्ध है!',
- update: 'अपडेट',
- clients: 'उपयोगकर्ताये',
- new: 'नया',
- deleteClient: 'उपयोगकर्ता हटाएँ',
- deleteDialog1: 'क्या आपको पक्का हटाना है',
- deleteDialog2: 'यह निर्णय पलट नहीं सकता।',
- cancel: 'कुछ ना करें',
- create: 'बनाएं',
- createdOn: 'सर्जन तारीख ',
- lastSeen: 'पिछली बार देखे गए थे ',
- totalDownload: 'कुल डाउनलोड: ',
- totalUpload: 'कुल अपलोड: ',
- newClient: 'नया उपयोगकर्ता',
- disableClient: 'उपयोगकर्ता स्थगित कीजिये',
- enableClient: 'उपयोगकर्ता शुरू कीजिये',
- noClients: 'अभी तक कोई भी उपयोगकर्ता नहीं है।',
- noPrivKey: 'ये उपयोगकर्ता की कोई भी गुप्त चाबी नहीं हे। बना नहीं सकते।',
- showQR: 'क्यू आर कोड देखिये',
- downloadConfig: 'डाउनलोड कॉन्फीग्यूरेशन',
- madeBy: 'सर्जक',
- donate: 'दान करें',
- },
- ja: { // github.com/penguinlab
- name: '名前',
- password: 'パスワード',
- signIn: 'サインイン',
- logout: 'ログアウト',
- updateAvailable: 'アップデートがあります！',
- update: 'アップデート',
- clients: 'クライアント',
- new: '新規',
- deleteClient: 'クライアントを削除',
- deleteDialog1: '削除してもよろしいですか？',
- deleteDialog2: 'この操作を取り消すことはできません。',
- cancel: 'キャンセル',
- create: '作成',
- createdOn: '作成日: ',
- lastSeen: '最終アクセス日: ',
- totalDownload: 'ダウンロードの合計: ',
- totalUpload: 'アップロードの合計: ',
- newClient: '新規クライアント',
- disableClient: 'クライアントを無効化',
- enableClient: 'クライアントを有効化',
- noClients: 'クライアントはまだありません。',
- noPrivKey: 'このクライアントには既知の秘密鍵がありません。設定を作成できません。',
- showQR: 'QRコードを表示',
- downloadConfig: '設定をダウンロード',
- madeBy: '作成者: ',
- donate: '寄付',
- toggleCharts: 'チャートを表示／非表示',
- theme: { dark: 'ダークテーマ', light: 'ライトテーマ', auto: '自動テーマ' },
- restore: 'リストア',
- backup: 'バックアップ',
- titleRestoreConfig: '設定をリストア',
- titleBackupConfig: '設定をバックアップ',
- rememberMe: 'ログイン情報を記憶',
- titleRememberMe: 'ブラウザを閉じてもログインしたままにする',
- sort: '並び替え',
- ExpireDate: '有効期限日',
- Permanent: '無期限',
- OneTimeLink: '短いワンタイムリンクを生成',
- },
- si: { // github.com/spagnoloG
- name: 'Ime',
- password: 'Geslo',
- signIn: 'Prijava',
- logout: 'Odjava',
- updateAvailable: 'Na voljo je posodobitev!',
- update: 'Posodobi',
- clients: 'Odjemalci',
- new: 'Novo',
- deleteClient: 'Izbriši odjemalca',
- deleteDialog1: 'Ali ste prepričani, da želite izbrisati',
- deleteDialog2: 'Tega dejanja ni mogoče razveljaviti.',
- cancel: 'Prekliči',
- create: 'Ustvari',
- createdOn: 'Ustvarjeno dne ',
- lastSeen: 'Zadnjič viden ',
- totalDownload: 'Skupno prenos: ',
- totalUpload: 'Skupno nalaganje: ',
- newClient: 'Nov odjemalec',
- disableClient: 'Onemogoči odjemalca',
- enableClient: 'Omogoči odjemalca',
- noClients: 'Še ni odjemalcev.',
- showQR: 'Prikaži QR kodo',
- downloadConfig: 'Prenesi konfiguracijo',
- madeBy: 'Ustvaril',
- donate: 'Doniraj',
- restore: 'Obnovi',
- backup: 'Varnostna kopija',
- titleRestoreConfig: 'Obnovi svojo konfiguracijo',
- titleBackupConfig: 'Ustvari varnostno kopijo svoje konfiguracije',
- },
-};
diff --git a/src/www/js/vendor/apexcharts.min.js b/src/www/js/vendor/apexcharts.min.js
deleted file mode 100644
index 86663dd5..00000000
--- a/src/www/js/vendor/apexcharts.min.js
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * ApexCharts v3.49.1
- * (c) 2018-2024 ApexCharts
- * Released under the MIT License.
- */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).ApexCharts=e()}(this,(function(){"use strict";function t(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);e&&(a=a.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,a)}return i}function e(e){for(var i=1;i
-
-
-
-
-
-
-
-
-
-
-
- 
WireGuard
-
-
-
-
-
-
-
- {{$t("logout")}}
-
-
-
-
-
-
-
-
-
-
-
-
- {{$t("update")}} →
-
- {{$t("updateAvailable")}}
-{{latestRelease.changelog}}
-
-
-
-
-
-
-
-
-
- {{$t("clients")}}
-
-
-
-
-
-
- {{$t("backup")}}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- ![]()
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{client.name}}
-
-
-
-
-
-
-
-
-
-
-
- {{client.address}}
-
-
-
-
-
-
-
-
- ·
-
- {{client.transferTxCurrent | bytes}}/s
-
-
-
-
- ·
-
- {{client.transferRxCurrent | bytes}}/s
-
-
-
- {{!uiTrafficStats ? " · " : ""}}{{new Date(client.latestHandshakeAt) | timeago}}
-
-
-
-
-
-
-
-
- {{client.expiredAt | expiredDateFormat}}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{client.transferTxCurrent |
- bytes}}/s
-
-
{{bytes(client.transferTx)}} -
-
-
- {{bytes(client.transferTx)}} -
-
-
-
-
-
-
- {{client.transferRxCurrent |
- bytes}}/s
-
-
{{bytes(client.transferRx)}} -
-
- {{bytes(client.transferRx)}} -
-
-
-
-
-
-
- {{$t("noClients")}}
-
-
-
-
-
-
-
-
-
-
-
-
- ![]()
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - {{$t("newClient")}} -
-
-
- - -
-
-
- - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - {{$t("deleteClient")}} -
-
-
- - {{$t("deleteDialog1")}} {{clientDelete.name}}? {{$t("deleteDialog2")}} -
-
-
-
-
-
-
-
-
-
-
-
-
-
- WireGuard
-
-
-
-
-
-
-
-
-
- WireGuard Easy © 2021-2024 by Emile Nijssen is licensed under CC BY-NC-SA 4.0 · {{$t("donate")}}
- -\n '.concat(t.config.series[e].name?t.config.series[e].name:"series-"+(e+1),": ").concat(t.globals.series[e][i],"\n
"):'')+"
"}}]),t}(),Y=function(){function t(e){a(this,t),this.opts=e}return r(t,[{key:"init",value:function(t){var e=t.responsiveOverride,a=this.opts,s=new I,r=new E(a);this.chartType=a.chart.type,a=this.extendYAxis(a),a=this.extendAnnotations(a);var o=s.init(),n={};if(a&&"object"===i(a)){var l,h,c,d,g,u,p,f,b,v,m={};m=-1!==["line","area","bar","candlestick","boxPlot","rangeBar","rangeArea","bubble","scatter","heatmap","treemap","pie","polarArea","donut","radar","radialBar"].indexOf(a.chart.type)?r[a.chart.type]():r.line(),null!==(l=a.plotOptions)&&void 0!==l&&null!==(h=l.bar)&&void 0!==h&&h.isFunnel&&(m=r.funnel()),a.chart.stacked&&"bar"===a.chart.type&&(m=r.stackedBars()),null!==(c=a.chart.brush)&&void 0!==c&&c.enabled&&(m=r.brush(m)),null!==(d=a.plotOptions)&&void 0!==d&&null!==(g=d.line)&&void 0!==g&&g.isSlopeChart&&(m=r.slope()),a.chart.stacked&&"100%"===a.chart.stackType&&(a=r.stacked100(a)),null!==(u=a.plotOptions)&&void 0!==u&&null!==(p=u.bar)&&void 0!==p&&p.isDumbbell&&(a=r.dumbbell(a)),this.checkForDarkTheme(window.Apex),this.checkForDarkTheme(a),a.xaxis=a.xaxis||window.Apex.xaxis||{},e||(a.xaxis.convertedCatToNumeric=!1),(null!==(f=(a=this.checkForCatToNumericXAxis(this.chartType,m,a)).chart.sparkline)&&void 0!==f&&f.enabled||null!==(b=window.Apex.chart)&&void 0!==b&&null!==(v=b.sparkline)&&void 0!==v&&v.enabled)&&(m=r.sparkline(m)),n=x.extend(o,m)}var y=x.extend(n,window.Apex);return o=x.extend(y,a),o=this.handleUserInputErrors(o)}},{key:"checkForCatToNumericXAxis",value:function(t,e,i){var a,s,r=new E(i),o=("bar"===t||"boxPlot"===t)&&(null===(a=i.plotOptions)||void 0===a||null===(s=a.bar)||void 0===s?void 0:s.horizontal),n="pie"===t||"polarArea"===t||"donut"===t||"radar"===t||"radialBar"===t||"heatmap"===t,l="datetime"!==i.xaxis.type&&"numeric"!==i.xaxis.type,h=i.xaxis.tickPlacement?i.xaxis.tickPlacement:e.xaxis&&e.xaxis.tickPlacement;return o||n||!l||"between"===h||(i=r.convertCatToNumeric(i)),i}},{key:"extendYAxis",value:function(t,e){var i=new I;(void 0===t.yaxis||!t.yaxis||Array.isArray(t.yaxis)&&0===t.yaxis.length)&&(t.yaxis={}),t.yaxis.constructor!==Array&&window.Apex.yaxis&&window.Apex.yaxis.constructor!==Array&&(t.yaxis=x.extend(t.yaxis,window.Apex.yaxis)),t.yaxis.constructor!==Array?t.yaxis=[x.extend(i.yAxis,t.yaxis)]:t.yaxis=x.extendArray(t.yaxis,i.yAxis);var a=!1;t.yaxis.forEach((function(t){t.logarithmic&&(a=!0)}));var s=t.series;return e&&!s&&(s=e.config.series),a&&s.length!==t.yaxis.length&&s.length&&(t.yaxis=s.map((function(e,a){if(e.name||(s[a].name="series-".concat(a+1)),t.yaxis[a])return t.yaxis[a].seriesName=s[a].name,t.yaxis[a];var r=x.extend(i.yAxis,t.yaxis[0]);return r.show=!1,r}))),a&&s.length>1&&s.length!==t.yaxis.length&&console.warn("A multi-series logarithmic chart should have equal number of series and y-axes"),t}},{key:"extendAnnotations",value:function(t){return void 0===t.annotations&&(t.annotations={},t.annotations.yaxis=[],t.annotations.xaxis=[],t.annotations.points=[]),t=this.extendYAxisAnnotations(t),t=this.extendXAxisAnnotations(t),t=this.extendPointAnnotations(t)}},{key:"extendYAxisAnnotations",value:function(t){var e=new I;return t.annotations.yaxis=x.extendArray(void 0!==t.annotations.yaxis?t.annotations.yaxis:[],e.yAxisAnnotation),t}},{key:"extendXAxisAnnotations",value:function(t){var e=new I;return t.annotations.xaxis=x.extendArray(void 0!==t.annotations.xaxis?t.annotations.xaxis:[],e.xAxisAnnotation),t}},{key:"extendPointAnnotations",value:function(t){var e=new I;return t.annotations.points=x.extendArray(void 0!==t.annotations.points?t.annotations.points:[],e.pointAnnotation),t}},{key:"checkForDarkTheme",value:function(t){t.theme&&"dark"===t.theme.mode&&(t.tooltip||(t.tooltip={}),"light"!==t.tooltip.theme&&(t.tooltip.theme="dark"),t.chart.foreColor||(t.chart.foreColor="#f6f7f8"),t.chart.background||(t.chart.background="#424242"),t.theme.palette||(t.theme.palette="palette4"))}},{key:"handleUserInputErrors",value:function(t){var e=t;if(e.tooltip.shared&&e.tooltip.intersect)throw new Error("tooltip.shared cannot be enabled when tooltip.intersect is true. Turn off any other option by setting it to false.");if("bar"===e.chart.type&&e.plotOptions.bar.horizontal){if(e.yaxis.length>1)throw new Error("Multiple Y Axis for bars are not supported. Switch to column chart by setting plotOptions.bar.horizontal=false");e.yaxis[0].reversed&&(e.yaxis[0].opposite=!0),e.xaxis.tooltip.enabled=!1,e.yaxis[0].tooltip.enabled=!1,e.chart.zoom.enabled=!1}return"bar"!==e.chart.type&&"rangeBar"!==e.chart.type||e.tooltip.shared&&"barWidth"===e.xaxis.crosshairs.width&&e.series.length>1&&(e.xaxis.crosshairs.width="tickWidth"),"candlestick"!==e.chart.type&&"boxPlot"!==e.chart.type||e.yaxis[0].reversed&&(console.warn("Reversed y-axis in ".concat(e.chart.type," chart is not supported.")),e.yaxis[0].reversed=!1),e}}]),t}(),F=function(){function t(){a(this,t)}return r(t,[{key:"initGlobalVars",value:function(t){t.series=[],t.seriesCandleO=[],t.seriesCandleH=[],t.seriesCandleM=[],t.seriesCandleL=[],t.seriesCandleC=[],t.seriesRangeStart=[],t.seriesRangeEnd=[],t.seriesRange=[],t.seriesPercent=[],t.seriesGoals=[],t.seriesX=[],t.seriesZ=[],t.seriesNames=[],t.seriesTotals=[],t.seriesLog=[],t.seriesColors=[],t.stackedSeriesTotals=[],t.seriesXvalues=[],t.seriesYvalues=[],t.labels=[],t.hasXaxisGroups=!1,t.groups=[],t.barGroups=[],t.lineGroups=[],t.areaGroups=[],t.hasSeriesGroups=!1,t.seriesGroups=[],t.categoryLabels=[],t.timescaleLabels=[],t.noLabelsProvided=!1,t.resizeTimer=null,t.selectionResizeTimer=null,t.delayedElements=[],t.pointsArray=[],t.dataLabelsRects=[],t.isXNumeric=!1,t.skipLastTimelinelabel=!1,t.skipFirstTimelinelabel=!1,t.isDataXYZ=!1,t.isMultiLineX=!1,t.isMultipleYAxis=!1,t.maxY=-Number.MAX_VALUE,t.minY=Number.MIN_VALUE,t.minYArr=[],t.maxYArr=[],t.maxX=-Number.MAX_VALUE,t.minX=Number.MAX_VALUE,t.initialMaxX=-Number.MAX_VALUE,t.initialMinX=Number.MAX_VALUE,t.maxDate=0,t.minDate=Number.MAX_VALUE,t.minZ=Number.MAX_VALUE,t.maxZ=-Number.MAX_VALUE,t.minXDiff=Number.MAX_VALUE,t.yAxisScale=[],t.xAxisScale=null,t.xAxisTicksPositions=[],t.yLabelsCoords=[],t.yTitleCoords=[],t.barPadForNumericAxis=0,t.padHorizontal=0,t.xRange=0,t.yRange=[],t.zRange=0,t.dataPoints=0,t.xTickAmount=0,t.multiAxisTickAmount=0}},{key:"globalVars",value:function(t){return{chartID:null,cuid:null,events:{beforeMount:[],mounted:[],updated:[],clicked:[],selection:[],dataPointSelection:[],zoomed:[],scrolled:[]},colors:[],clientX:null,clientY:null,fill:{colors:[]},stroke:{colors:[]},dataLabels:{style:{colors:[]}},radarPolygons:{fill:{colors:[]}},markers:{colors:[],size:t.markers.size,largestSize:0},animationEnded:!1,isTouchDevice:"ontouchstart"in window||navigator.msMaxTouchPoints,isDirty:!1,isExecCalled:!1,initialConfig:null,initialSeries:[],lastXAxis:[],lastYAxis:[],columnSeries:null,labels:[],timescaleLabels:[],noLabelsProvided:!1,allSeriesCollapsed:!1,collapsedSeries:[],collapsedSeriesIndices:[],ancillaryCollapsedSeries:[],ancillaryCollapsedSeriesIndices:[],risingSeries:[],dataFormatXNumeric:!1,capturedSeriesIndex:-1,capturedDataPointIndex:-1,selectedDataPoints:[],goldenPadding:35,invalidLogScale:!1,ignoreYAxisIndexes:[],maxValsInArrayIndex:0,radialSize:0,selection:void 0,zoomEnabled:"zoom"===t.chart.toolbar.autoSelected&&t.chart.toolbar.tools.zoom&&t.chart.zoom.enabled,panEnabled:"pan"===t.chart.toolbar.autoSelected&&t.chart.toolbar.tools.pan,selectionEnabled:"selection"===t.chart.toolbar.autoSelected&&t.chart.toolbar.tools.selection,yaxis:null,mousedown:!1,lastClientPosition:{},visibleXRange:void 0,yValueDecimal:0,total:0,SVGNS:"http://www.w3.org/2000/svg",svgWidth:0,svgHeight:0,noData:!1,locale:{},dom:{},memory:{methodsToExec:[]},shouldAnimate:!0,skipLastTimelinelabel:!1,skipFirstTimelinelabel:!1,delayedElements:[],axisCharts:!0,isDataXYZ:!1,isSlopeChart:t.plotOptions.line.isSlopeChart,resized:!1,resizeTimer:null,comboCharts:!1,dataChanged:!1,previousPaths:[],allSeriesHasEqualX:!0,pointsArray:[],dataLabelsRects:[],lastDrawnDataLabelsIndexes:[],hasNullValues:!1,easing:null,zoomed:!1,gridWidth:0,gridHeight:0,rotateXLabels:!1,defaultLabels:!1,xLabelFormatter:void 0,yLabelFormatters:[],xaxisTooltipFormatter:void 0,ttKeyFormatter:void 0,ttVal:void 0,ttZFormatter:void 0,LINE_HEIGHT_RATIO:1.618,xAxisLabelsHeight:0,xAxisGroupLabelsHeight:0,xAxisLabelsWidth:0,yAxisLabelsWidth:0,scaleX:1,scaleY:1,translateX:0,translateY:0,translateYAxisX:[],yAxisWidths:[],translateXAxisY:0,translateXAxisX:0,tooltip:null,niceScaleAllowedMagMsd:[[1,1,2,5,5,5,10,10,10,10,10],[1,1,2,5,5,5,10,10,10,10,10]],niceScaleDefaultTicks:[1,2,4,4,6,6,6,6,6,6,6,6,6,6,6,6,6,6,12,12,12,12,12,12,12,12,12,24],seriesYAxisMap:[],seriesYAxisReverseMap:[]}}},{key:"init",value:function(t){var e=this.globalVars(t);return this.initGlobalVars(e),e.initialConfig=x.extend({},t),e.initialSeries=x.clone(t.series),e.lastXAxis=x.clone(e.initialConfig.xaxis),e.lastYAxis=x.clone(e.initialConfig.yaxis),e}}]),t}(),R=function(){function t(e){a(this,t),this.opts=e}return r(t,[{key:"init",value:function(){var t=new Y(this.opts).init({responsiveOverride:!1});return{config:t,globals:(new F).init(t)}}}]),t}(),H=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w,this.opts=null,this.seriesIndex=0}return r(t,[{key:"clippedImgArea",value:function(t){var e=this.w,i=e.config,a=parseInt(e.globals.gridWidth,10),s=parseInt(e.globals.gridHeight,10),r=a>s?a:s,o=t.image,n=0,l=0;void 0===t.width&&void 0===t.height?void 0!==i.fill.image.width&&void 0!==i.fill.image.height?(n=i.fill.image.width+1,l=i.fill.image.height):(n=r+1,l=r):(n=t.width,l=t.height);var h=document.createElementNS(e.globals.SVGNS,"pattern");m.setAttrs(h,{id:t.patternID,patternUnits:t.patternUnits?t.patternUnits:"userSpaceOnUse",width:n+"px",height:l+"px"});var c=document.createElementNS(e.globals.SVGNS,"image");h.appendChild(c),c.setAttributeNS(window.SVG.xlink,"href",o),m.setAttrs(c,{x:0,y:0,preserveAspectRatio:"none",width:n+"px",height:l+"px"}),c.style.opacity=t.opacity,e.globals.dom.elDefs.node.appendChild(h)}},{key:"getSeriesIndex",value:function(t){var e=this.w,i=e.config.chart.type;return("bar"===i||"rangeBar"===i)&&e.config.plotOptions.bar.distributed||"heatmap"===i||"treemap"===i?this.seriesIndex=t.seriesNumber:this.seriesIndex=t.seriesNumber%e.globals.series.length,this.seriesIndex}},{key:"fillPath",value:function(t){var e=this.w;this.opts=t;var i,a,s,r=this.w.config;this.seriesIndex=this.getSeriesIndex(t);var o=this.getFillColors()[this.seriesIndex];void 0!==e.globals.seriesColors[this.seriesIndex]&&(o=e.globals.seriesColors[this.seriesIndex]),"function"==typeof o&&(o=o({seriesIndex:this.seriesIndex,dataPointIndex:t.dataPointIndex,value:t.value,w:e}));var n=t.fillType?t.fillType:this.getFillType(this.seriesIndex),l=Array.isArray(r.fill.opacity)?r.fill.opacity[this.seriesIndex]:r.fill.opacity;t.color&&(o=t.color),o||(o="#fff",console.warn("undefined color - ApexCharts"));var h=o;if(-1===o.indexOf("rgb")?o.length<9&&(h=x.hexToRgba(o,l)):o.indexOf("rgba")>-1&&(l=x.getOpacityFromRGBA(o)),t.opacity&&(l=t.opacity),"pattern"===n&&(a=this.handlePatternFill({fillConfig:t.fillConfig,patternFill:a,fillColor:o,fillOpacity:l,defaultColor:h})),"gradient"===n&&(s=this.handleGradientFill({fillConfig:t.fillConfig,fillColor:o,fillOpacity:l,i:this.seriesIndex})),"image"===n){var c=r.fill.image.src,d=t.patternID?t.patternID:"";this.clippedImgArea({opacity:l,image:Array.isArray(c)?t.seriesNumber".concat(a[0],': ')+r+"
"+"".concat(a[1],': ')+o+"
"+(n?"".concat(a[2],': ')+n+"
":"")+"".concat(a[3],': ')+l+"
"+"".concat(a[4],': ')+h+"
".concat(i.val,"
")})),v.innerHTML=t+"",m.innerHTML=e+""};o?l.globals.seriesGoals[e][i]&&Array.isArray(l.globals.seriesGoals[e][i])?y():(v.innerHTML="",m.innerHTML=""):y()}else v.innerHTML="",m.innerHTML="";null!==p&&(a[e].querySelector(".apexcharts-tooltip-text-z-label").innerHTML=l.config.tooltip.z.title,a[e].querySelector(".apexcharts-tooltip-text-z-value").innerHTML=void 0!==p?p:"");if(o&&f[0]){if(l.config.tooltip.hideEmptySeries){var w=a[e].querySelector(".apexcharts-tooltip-marker"),k=a[e].querySelector(".apexcharts-tooltip-text");0==parseFloat(c)?(w.style.display="none",k.style.display="none"):(w.style.display="block",k.style.display="block")}null==c||l.globals.ancillaryCollapsedSeriesIndices.indexOf(e)>-1||l.globals.collapsedSeriesIndices.indexOf(e)>-1?f[0].parentNode.style.display="none":f[0].parentNode.style.display=l.config.tooltip.items.display}}},{key:"toggleActiveInactiveSeries",value:function(t){var e=this.w;if(t)this.tooltipUtil.toggleAllTooltipSeriesGroups("enable");else{this.tooltipUtil.toggleAllTooltipSeriesGroups("disable");var i=e.globals.dom.baseEl.querySelector(".apexcharts-tooltip-series-group");i&&(i.classList.add("apexcharts-active"),i.style.display=e.config.tooltip.items.display)}}},{key:"getValuesToPrint",value:function(t){var e=t.i,i=t.j,a=this.w,s=this.ctx.series.filteredSeriesX(),r="",o="",n=null,l=null,h={series:a.globals.series,seriesIndex:e,dataPointIndex:i,w:a},c=a.globals.ttZFormatter;null===i?l=a.globals.series[e]:a.globals.isXNumeric&&"treemap"!==a.config.chart.type?(r=s[e][i],0===s[e].length&&(r=s[this.tooltipUtil.getFirstActiveXArray(s)][i])):r=void 0!==a.globals.labels[i]?a.globals.labels[i]:"";var d=r;a.globals.isXNumeric&&"datetime"===a.config.xaxis.type?r=new S(this.ctx).xLabelFormat(a.globals.ttKeyFormatter,d,d,{i:void 0,dateFormatter:new A(this.ctx).formatDate,w:this.w}):r=a.globals.isBarHorizontal?a.globals.yLabelFormatters[0](d,h):a.globals.xLabelFormatter(d,h);return void 0!==a.config.tooltip.x.formatter&&(r=a.globals.ttKeyFormatter(d,h)),a.globals.seriesZ.length>0&&a.globals.seriesZ[e].length>0&&(n=c(a.globals.seriesZ[e][i],a)),o="function"==typeof a.config.xaxis.tooltip.formatter?a.globals.xaxisTooltipFormatter(d,h):r,{val:Array.isArray(l)?l.join(" "):l,xVal:Array.isArray(r)?r.join(" "):r,xAxisTTVal:Array.isArray(o)?o.join(" "):o,zVal:n}}},{key:"handleCustomTooltip",value:function(t){var e=t.i,i=t.j,a=t.y1,s=t.y2,r=t.w,o=this.ttCtx.getElTooltip(),n=r.config.tooltip.custom;Array.isArray(n)&&n[e]&&(n=n[e]),o.innerHTML=n({ctx:this.ctx,series:r.globals.series,seriesIndex:e,dataPointIndex:i,y1:a,y2:s,w:r})}}]),t}(),ut=function(){function t(e){a(this,t),this.ttCtx=e,this.ctx=e.ctx,this.w=e.w}return r(t,[{key:"moveXCrosshairs",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,i=this.ttCtx,a=this.w,s=i.getElXCrosshairs(),r=t-i.xcrosshairsWidth/2,o=a.globals.labels.slice().length;if(null!==e&&(r=a.globals.gridWidth/o*e),null===s||a.globals.isBarHorizontal||(s.setAttribute("x",r),s.setAttribute("x1",r),s.setAttribute("x2",r),s.setAttribute("y2",a.globals.gridHeight),s.classList.add("apexcharts-active")),r<0&&(r=0),r>a.globals.gridWidth&&(r=a.globals.gridWidth),i.isXAxisTooltipEnabled){var n=r;"tickWidth"!==a.config.xaxis.crosshairs.width&&"barWidth"!==a.config.xaxis.crosshairs.width||(n=r+i.xcrosshairsWidth/2),this.moveXAxisTooltip(n)}}},{key:"moveYCrosshairs",value:function(t){var e=this.ttCtx;null!==e.ycrosshairs&&m.setAttrs(e.ycrosshairs,{y1:t,y2:t}),null!==e.ycrosshairsHidden&&m.setAttrs(e.ycrosshairsHidden,{y1:t,y2:t})}},{key:"moveXAxisTooltip",value:function(t){var e=this.w,i=this.ttCtx;if(null!==i.xaxisTooltip&&0!==i.xcrosshairsWidth){i.xaxisTooltip.classList.add("apexcharts-active");var a=i.xaxisOffY+e.config.xaxis.tooltip.offsetY+e.globals.translateY+1+e.config.xaxis.offsetY;if(t-=i.xaxisTooltip.getBoundingClientRect().width/2,!isNaN(t)){t+=e.globals.translateX;var s;s=new m(this.ctx).getTextRects(i.xaxisTooltipText.innerHTML),i.xaxisTooltipText.style.minWidth=s.width+"px",i.xaxisTooltip.style.left=t+"px",i.xaxisTooltip.style.top=a+"px"}}}},{key:"moveYAxisTooltip",value:function(t){var e=this.w,i=this.ttCtx;null===i.yaxisTTEls&&(i.yaxisTTEls=e.globals.dom.baseEl.querySelectorAll(".apexcharts-yaxistooltip"));var a=parseInt(i.ycrosshairsHidden.getAttribute("y1"),10),s=e.globals.translateY+a,r=i.yaxisTTEls[t].getBoundingClientRect().height,o=e.globals.translateYAxisX[t]-2;e.config.yaxis[t].opposite&&(o-=26),s-=r/2,-1===e.globals.ignoreYAxisIndexes.indexOf(t)?(i.yaxisTTEls[t].classList.add("apexcharts-active"),i.yaxisTTEls[t].style.top=s+"px",i.yaxisTTEls[t].style.left=o+e.config.yaxis[t].tooltip.offsetX+"px"):i.yaxisTTEls[t].classList.remove("apexcharts-active")}},{key:"moveTooltip",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,a=this.w,s=this.ttCtx,r=s.getElTooltip(),o=s.tooltipRect,n=null!==i?parseFloat(i):1,l=parseFloat(t)+n+5,h=parseFloat(e)+n/2;if(l>a.globals.gridWidth/2&&(l=l-o.ttWidth-n-10),l>a.globals.gridWidth-o.ttWidth-10&&(l=a.globals.gridWidth-o.ttWidth),l<-20&&(l=-20),a.config.tooltip.followCursor){var c=s.getElGrid().getBoundingClientRect();(l=s.e.clientX-c.left)>a.globals.gridWidth/2&&(l-=s.tooltipRect.ttWidth),(h=s.e.clientY+a.globals.translateY-c.top)>a.globals.gridHeight/2&&(h-=s.tooltipRect.ttHeight)}else a.globals.isBarHorizontal||o.ttHeight/2+h>a.globals.gridHeight&&(h=a.globals.gridHeight-o.ttHeight+a.globals.translateY);isNaN(l)||(l+=a.globals.translateX,r.style.left=l+"px",r.style.top=h+"px")}},{key:"moveMarkers",value:function(t,e){var i=this.w,a=this.ttCtx;if(i.globals.markers.size[t]>0)for(var s=i.globals.dom.baseEl.querySelectorAll(" .apexcharts-series[data\\:realIndex='".concat(t,"'] .apexcharts-marker")),r=0;r