Compare commits
18 commits
release/v0
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| d8c1830c71 | |||
| 3c5f2d5df1 | |||
| e95932d01c | |||
| 7954d9499d | |||
| 08d86d9290 | |||
| 42563511b4 | |||
| e38d700612 | |||
| 0988f40dac | |||
| 1b6effb5d0 | |||
| abac8509cb | |||
| c4ae6c2e69 | |||
| a8b0ed1dc8 | |||
| 71614848ba | |||
| e335c64ec9 | |||
| e1f701de0a | |||
| 9a4b8db3c7 | |||
| 143c8e351c | |||
| 561750dc83 |
378 changed files with 12985 additions and 17254 deletions
|
|
@ -47,9 +47,6 @@ Dockerfile*
|
|||
docker-compose*.yml
|
||||
.dockerignore
|
||||
|
||||
# Frontend old
|
||||
frontend-old/
|
||||
|
||||
# Build artifacts
|
||||
public/build/
|
||||
public/hot
|
||||
|
|
|
|||
25
.env.testing
Normal file
25
.env.testing
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
APP_NAME=DishPlanner
|
||||
APP_ENV=testing
|
||||
APP_KEY=base64:2ADW3imsmRMo+UDw3GR6852wQu37/aNK1ooxEdaJIC0=
|
||||
APP_DEBUG=true
|
||||
APP_URL=http://localhost
|
||||
|
||||
APP_MAINTENANCE_DRIVER=file
|
||||
|
||||
BCRYPT_ROUNDS=4
|
||||
|
||||
LOG_CHANNEL=stack
|
||||
LOG_STACK=single
|
||||
|
||||
DB_CONNECTION=sqlite
|
||||
DB_DATABASE=:memory:
|
||||
|
||||
SESSION_DRIVER=array
|
||||
|
||||
BROADCAST_CONNECTION=log
|
||||
FILESYSTEM_DISK=local
|
||||
QUEUE_CONNECTION=sync
|
||||
|
||||
CACHE_STORE=array
|
||||
|
||||
MAIL_MAILER=array
|
||||
42
.forgejo/workflows/build.yml
Normal file
42
.forgejo/workflows/build.yml
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
name: Build and Push Docker Image
|
||||
|
||||
on:
|
||||
push:
|
||||
branches: [main]
|
||||
tags: ['v*']
|
||||
|
||||
jobs:
|
||||
build:
|
||||
runs-on: docker
|
||||
container:
|
||||
image: catthehacker/ubuntu:act-latest
|
||||
steps:
|
||||
- uses: https://data.forgejo.org/actions/checkout@v4
|
||||
|
||||
- name: Set up Docker Buildx
|
||||
uses: https://data.forgejo.org/docker/setup-buildx-action@v3
|
||||
|
||||
- name: Login to Forgejo Registry
|
||||
uses: https://data.forgejo.org/docker/login-action@v3
|
||||
with:
|
||||
registry: forge.lvl0.xyz
|
||||
username: ${{ github.actor }}
|
||||
password: ${{ secrets.REGISTRY_TOKEN }}
|
||||
|
||||
- name: Determine tags
|
||||
id: meta
|
||||
run: |
|
||||
if [[ "${{ github.ref }}" == refs/tags/v* ]]; then
|
||||
TAG="${{ github.ref_name }}"
|
||||
echo "tags=forge.lvl0.xyz/lvl0/dishplanner:${TAG},forge.lvl0.xyz/lvl0/dishplanner:latest" >> $GITHUB_OUTPUT
|
||||
else
|
||||
echo "tags=forge.lvl0.xyz/lvl0/dishplanner:latest" >> $GITHUB_OUTPUT
|
||||
fi
|
||||
|
||||
- name: Build and push
|
||||
uses: https://data.forgejo.org/docker/build-push-action@v5
|
||||
with:
|
||||
context: .
|
||||
file: Dockerfile
|
||||
push: true
|
||||
tags: ${{ steps.meta.outputs.tags }}
|
||||
68
.forgejo/workflows/ci.yml
Normal file
68
.forgejo/workflows/ci.yml
Normal file
|
|
@ -0,0 +1,68 @@
|
|||
name: CI
|
||||
|
||||
on:
|
||||
push:
|
||||
branches: ['release/*']
|
||||
pull_request:
|
||||
branches: [main, 'release/*']
|
||||
|
||||
jobs:
|
||||
ci-image:
|
||||
runs-on: docker
|
||||
container:
|
||||
image: catthehacker/ubuntu:act-latest
|
||||
outputs:
|
||||
tag: ${{ steps.meta.outputs.tag }}
|
||||
steps:
|
||||
- uses: https://data.forgejo.org/actions/checkout@v4
|
||||
|
||||
- name: Set up Docker Buildx
|
||||
uses: https://data.forgejo.org/docker/setup-buildx-action@v3
|
||||
|
||||
- name: Login to Forgejo Registry
|
||||
uses: https://data.forgejo.org/docker/login-action@v3
|
||||
with:
|
||||
registry: forge.lvl0.xyz
|
||||
username: ${{ github.actor }}
|
||||
password: ${{ secrets.REGISTRY_TOKEN }}
|
||||
|
||||
- name: Compute image tag from lockfile
|
||||
id: meta
|
||||
run: |
|
||||
HASH="$(sha256sum composer.lock | cut -c1-12)"
|
||||
echo "tag=php8.3-${HASH}" >> "$GITHUB_OUTPUT"
|
||||
|
||||
- name: Build and push CI image
|
||||
uses: https://data.forgejo.org/docker/build-push-action@v5
|
||||
with:
|
||||
context: .
|
||||
file: docker/build/Dockerfile.ci
|
||||
push: true
|
||||
tags: forge.lvl0.xyz/lvl0/dishplanner-ci:${{ steps.meta.outputs.tag }}
|
||||
cache-from: type=registry,ref=forge.lvl0.xyz/lvl0/dishplanner-ci:buildcache
|
||||
cache-to: type=registry,ref=forge.lvl0.xyz/lvl0/dishplanner-ci:buildcache,mode=max
|
||||
|
||||
ci:
|
||||
needs: ci-image
|
||||
runs-on: docker
|
||||
container:
|
||||
image: forge.lvl0.xyz/lvl0/dishplanner-ci:${{ needs.ci-image.outputs.tag }}
|
||||
steps:
|
||||
- uses: https://data.forgejo.org/actions/checkout@v4
|
||||
|
||||
- name: Prepare environment
|
||||
run: cp .env.testing .env
|
||||
|
||||
- name: Restore dependencies
|
||||
run: |
|
||||
cp -a /opt/deps/vendor ./vendor
|
||||
composer install --no-interaction --no-progress
|
||||
|
||||
- name: Lint
|
||||
run: vendor/bin/pint --test
|
||||
|
||||
- name: Static analysis
|
||||
run: vendor/bin/phpstan analyse --memory-limit=1G
|
||||
|
||||
- name: Tests
|
||||
run: php -d memory_limit=512M vendor/bin/phpunit
|
||||
2
.gitattributes
vendored
2
.gitattributes
vendored
|
|
@ -6,6 +6,4 @@
|
|||
*.md diff=markdown
|
||||
*.php diff=php
|
||||
|
||||
/.github export-ignore
|
||||
CHANGELOG.md export-ignore
|
||||
.styleci.yml export-ignore
|
||||
|
|
|
|||
2
.gitignore
vendored
2
.gitignore
vendored
|
|
@ -1,4 +1,3 @@
|
|||
/composer.lock
|
||||
/.phpunit.cache
|
||||
/coverage
|
||||
/node_modules
|
||||
|
|
@ -24,3 +23,4 @@ yarn-error.log
|
|||
/.vscode
|
||||
/.zed
|
||||
/.vite
|
||||
/.codewhale
|
||||
|
|
|
|||
50
CHANGELOG.md
Normal file
50
CHANGELOG.md
Normal file
|
|
@ -0,0 +1,50 @@
|
|||
# Changelog
|
||||
|
||||
All notable changes to this project will be documented in this file.
|
||||
|
||||
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
|
||||
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
||||
|
||||
## [0.8.0] - 2026-08-17
|
||||
|
||||
### Added
|
||||
|
||||
- **Forgejo CI pipeline** (#45) — added a CI workflow that runs Laravel Pint code-style checks, PHPStan static analysis, and the PHPUnit suite against SQLite in memory.
|
||||
- **Static analysis** — added PHPStan via `larastan/larastan` and `phpstan/phpstan-mockery`, with `phpstan.neon` and a baseline.
|
||||
- **Code style** — added Laravel Pint configuration (`pint.json`).
|
||||
- **CI and app image build workflows** (#46) — automated Docker image builds for the app and the CI base image, published to the Forgejo registry.
|
||||
- **CI base image** (#46) — added `docker/build/Dockerfile.ci`, a Debian-based PHP 8.3 CLI image with the project's PHP dependencies pre-loaded so CI doesn't pay a per-run Composer install.
|
||||
- **Contributing guide** (#47) — added `CONTRIBUTING.md`.
|
||||
- **Nix shell completion** (#44) — finished the `nix-shell` development commands.
|
||||
|
||||
### Changed
|
||||
|
||||
- **Dependencies** — `composer.lock` is now committed to the repository.
|
||||
- **Code style** — reformatted the codebase with Laravel Pint.
|
||||
- **Documentation** (#47) — professionalized the `README.md`.
|
||||
- **Git hygiene** — dropped stale `.github`/StyleCI export rules from `.gitattributes`.
|
||||
|
||||
### Fixed
|
||||
|
||||
- **CI dependency installation** (#46, #50) — retried `composer install` on transient HTTP 429s, switched to `--prefer-source` and pre-loaded dependencies to avoid `codeload.github.com` rate limits, and added the missing `zip` extension to the CI image.
|
||||
- **Test suite** (#50) — fixed feature tests failing on a missing Vite manifest by disabling Vite resolution during tests.
|
||||
|
||||
## [0.7.0] - 2026-08-17
|
||||
|
||||
### Removed
|
||||
|
||||
- **SaaS mode and subscription billing** (#37) — dropped Laravel Cashier, the `Billable` trait, `SubscriptionController`, the `RequireSubscription`/`RequireSaasMode` middleware, the `/subscription` and `/billing` routes, the billing/subscription views, the Cashier migrations, and the `stripe` service config.
|
||||
- **Demo mode** (#38) — removed the demo middleware, demo-account seeding and purge commands, and demo-only UI.
|
||||
- **`APP_MODE` plumbing** (#39) — removed `AppModeEnum`, the `app/helpers.php` global helper, and the `mode`/`demo_subscribe_url` config keys; the app now runs in a single self-hosted mode.
|
||||
- **Dead code** (#40) — deleted `frontend-old/`, `bin/start-dev`, the unused `welcome.blade.php`, and the stale root-level `build_and_push.sh`/`update.sh` scripts.
|
||||
|
||||
### Changed
|
||||
|
||||
- **License** (#41) — adopted AGPL-3.0 as the single project license (`LICENSE.md`, `composer.json`, `README.md`).
|
||||
- **Registry and remote references** — repointed build, push, and update scripts and docs at `forge.lvl0.xyz/lvl0/dishplanner`, removing the stale LAN-registry and old `backend` naming.
|
||||
- **Documentation** — updated the production and development instructions.
|
||||
|
||||
### Fixed
|
||||
|
||||
- Fixed health-check warnings in the development shell.
|
||||
- Fixed schedule regeneration iterating every user instead of the planner's own users.
|
||||
97
CONTRIBUTING.md
Normal file
97
CONTRIBUTING.md
Normal file
|
|
@ -0,0 +1,97 @@
|
|||
# Contributing
|
||||
|
||||
Thanks for your interest in DishPlanner. It's a small self-hosted project —
|
||||
issues and pull requests are both welcome.
|
||||
|
||||
## Reporting issues
|
||||
|
||||
Use [Issues](https://forge.lvl0.xyz/lvl0/dishplanner/issues).
|
||||
|
||||
For bugs, include what you expected, what happened, and enough detail to
|
||||
reproduce it. Relevant log output helps; `dev-logs` follows the application log.
|
||||
|
||||
## Development setup
|
||||
|
||||
Requires PHP 8.2+ and a container runtime (Podman or Docker). The development
|
||||
environment runs in containers defined by `docker-compose.yml`.
|
||||
|
||||
On NixOS, or anywhere with Nix installed:
|
||||
|
||||
```bash
|
||||
git clone https://forge.lvl0.xyz/lvl0/dishplanner.git
|
||||
cd dishplanner
|
||||
nix-shell
|
||||
```
|
||||
|
||||
The shell prints the available commands on entry and can start the containers
|
||||
for you:
|
||||
|
||||
| Command | Description |
|
||||
|---------|-------------|
|
||||
| `dev-up` | Start the development environment |
|
||||
| `dev-down` | Stop the development environment |
|
||||
| `dev-restart` | Restart the containers |
|
||||
| `dev-rebuild` | Full rebuild (removes volumes) |
|
||||
| `dev-rebuild-quick` | Quick rebuild (keeps volumes) |
|
||||
| `dev-logs [service]` | Follow logs |
|
||||
| `dev-logs-db` | Tail database logs |
|
||||
| `dev-shell` | Enter the app container |
|
||||
| `dev-artisan <cmd>` | Run an artisan command |
|
||||
| `dev-test [path]` | Run the PHPUnit suite the CI way |
|
||||
| `dev-fix-permissions` | Fix Docker-created file permissions |
|
||||
|
||||
Once running:
|
||||
|
||||
| Service | URL |
|
||||
|---------|-----|
|
||||
| App | http://localhost:8000 |
|
||||
| Vite | http://localhost:5173 |
|
||||
| Mailhog | http://localhost:8025 |
|
||||
| MariaDB | localhost:3306 |
|
||||
|
||||
Without Nix, start the same containers directly from `docker-compose.yml`.
|
||||
Contributions improving the setup instructions for other platforms are welcome.
|
||||
|
||||
## Before opening a pull request
|
||||
|
||||
Three checks run in CI, and all three must pass. Run them locally first, from
|
||||
inside the app container or anywhere the project's dependencies are available:
|
||||
|
||||
```bash
|
||||
vendor/bin/pint --test # code style, Laravel preset
|
||||
vendor/bin/phpstan analyse --memory-limit=1G # static analysis, level 7
|
||||
php -d memory_limit=512M vendor/bin/phpunit # PHPUnit on SQLite in memory
|
||||
```
|
||||
|
||||
Or run the test suite the CI way with `dev-test`.
|
||||
|
||||
Some conventions:
|
||||
|
||||
- **Static analysis.** PHPStan runs at level 7 with a baseline
|
||||
(`phpstan-baseline.neon`) covering pre-existing findings. Don't add baseline
|
||||
entries to silence errors in code you're writing — fix the cause instead. The
|
||||
baseline is for cases where the analyzer or an upstream docblock is wrong,
|
||||
not real bugs.
|
||||
- **Tests.** New behaviour needs a test. Tests run against SQLite in memory and
|
||||
must not reach for the network.
|
||||
- **Dependencies.** `composer.lock` is committed. If you change dependencies,
|
||||
commit the updated lockfile alongside `composer.json`.
|
||||
|
||||
## Commits
|
||||
|
||||
One commit does one thing. Keep each commit passing all three checks so history
|
||||
stays bisectable. Separate renames from behaviour changes, and mechanical edits
|
||||
from logic.
|
||||
|
||||
Commit messages are a single line, referencing the ticket they belong to:
|
||||
|
||||
```
|
||||
45 - Add Forgejo CI workflow
|
||||
```
|
||||
|
||||
No body, no trailers.
|
||||
|
||||
## License
|
||||
|
||||
By contributing, you agree that your contributions are licensed under the
|
||||
[GNU AGPL-3.0](LICENSE.md), the same license as the project.
|
||||
141
LICENSE.md
141
LICENSE.md
|
|
@ -1,5 +1,5 @@
|
|||
GNU GENERAL PUBLIC LICENSE
|
||||
Version 3, 29 June 2007
|
||||
GNU AFFERO GENERAL PUBLIC LICENSE
|
||||
Version 3, 19 November 2007
|
||||
|
||||
Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
|
||||
Everyone is permitted to copy and distribute verbatim copies
|
||||
|
|
@ -7,17 +7,15 @@
|
|||
|
||||
Preamble
|
||||
|
||||
The GNU General Public License is a free, copyleft license for
|
||||
software and other kinds of works.
|
||||
The GNU Affero General Public License is a free, copyleft license for
|
||||
software and other kinds of works, specifically designed to ensure
|
||||
cooperation with the community in the case of network server software.
|
||||
|
||||
The licenses for most software and other practical works are designed
|
||||
to take away your freedom to share and change the works. By contrast,
|
||||
the GNU General Public License is intended to guarantee your freedom to
|
||||
our General Public Licenses are intended to guarantee your freedom to
|
||||
share and change all versions of a program--to make sure it remains free
|
||||
software for all its users. We, the Free Software Foundation, use the
|
||||
GNU General Public License for most of our software; it applies also to
|
||||
any other work released this way by its authors. You can apply it to
|
||||
your programs, too.
|
||||
software for all its users.
|
||||
|
||||
When we speak of free software, we are referring to freedom, not
|
||||
price. Our General Public Licenses are designed to make sure that you
|
||||
|
|
@ -26,44 +24,34 @@
|
|||
want it, that you can change the software or use pieces of it in new
|
||||
free programs, and that you know you can do these things.
|
||||
|
||||
To protect your rights, we need to prevent others from denying you
|
||||
these rights or asking you to surrender the rights. Therefore, you have
|
||||
certain responsibilities if you distribute copies of the software, or if
|
||||
you modify it: responsibilities to respect the freedom of others.
|
||||
Developers that use our General Public Licenses protect your rights
|
||||
with two steps: (1) assert copyright on the software, and (2) offer
|
||||
you this License which gives you legal permission to copy, distribute
|
||||
and/or modify the software.
|
||||
|
||||
For example, if you distribute copies of such a program, whether
|
||||
gratis or for a fee, you must pass on to the recipients the same
|
||||
freedoms that you received. You must make sure that they, too, receive
|
||||
or can get the source code. And you must show them these terms so they
|
||||
know their rights.
|
||||
A secondary benefit of defending all users' freedom is that
|
||||
improvements made in alternate versions of the program, if they
|
||||
receive widespread use, become available for other developers to
|
||||
incorporate. Many developers of free software are heartened and
|
||||
encouraged by the resulting cooperation. However, in the case of
|
||||
software used on network servers, this result may fail to come about.
|
||||
The GNU General Public License permits making a modified version and
|
||||
letting the public access it on a server without ever releasing its
|
||||
source code to the public.
|
||||
|
||||
Developers that use the GNU GPL protect your rights with two steps:
|
||||
(1) assert copyright on the software, and (2) offer you this License
|
||||
giving you legal permission to copy, distribute and/or modify it.
|
||||
The GNU Affero General Public License is designed specifically to
|
||||
ensure that, in such cases, the modified source code becomes available
|
||||
to the community. It requires the operator of a network server to
|
||||
provide the source code of the modified version running there to the
|
||||
users of that server. Therefore, public use of a modified version, on
|
||||
a publicly accessible server, gives the public access to the source
|
||||
code of the modified version.
|
||||
|
||||
For the developers' and authors' protection, the GPL clearly explains
|
||||
that there is no warranty for this free software. For both users' and
|
||||
authors' sake, the GPL requires that modified versions be marked as
|
||||
changed, so that their problems will not be attributed erroneously to
|
||||
authors of previous versions.
|
||||
|
||||
Some devices are designed to deny users access to install or run
|
||||
modified versions of the software inside them, although the manufacturer
|
||||
can do so. This is fundamentally incompatible with the aim of
|
||||
protecting users' freedom to change the software. The systematic
|
||||
pattern of such abuse occurs in the area of products for individuals to
|
||||
use, which is precisely where it is most unacceptable. Therefore, we
|
||||
have designed this version of the GPL to prohibit the practice for those
|
||||
products. If such problems arise substantially in other domains, we
|
||||
stand ready to extend this provision to those domains in future versions
|
||||
of the GPL, as needed to protect the freedom of users.
|
||||
|
||||
Finally, every program is threatened constantly by software patents.
|
||||
States should not allow patents to restrict development and use of
|
||||
software on general-purpose computers, but in those that do, we wish to
|
||||
avoid the special danger that patents applied to a free program could
|
||||
make it effectively proprietary. To prevent this, the GPL assures that
|
||||
patents cannot be used to render the program non-free.
|
||||
An older license, called the Affero General Public License and
|
||||
published by Affero, was designed to accomplish similar goals. This is
|
||||
a different license, not a version of the Affero GPL, but Affero has
|
||||
released a new version of the Affero GPL which permits relicensing under
|
||||
this license.
|
||||
|
||||
The precise terms and conditions for copying, distribution and
|
||||
modification follow.
|
||||
|
|
@ -72,7 +60,7 @@
|
|||
|
||||
0. Definitions.
|
||||
|
||||
"This License" refers to version 3 of the GNU General Public License.
|
||||
"This License" refers to version 3 of the GNU Affero General Public License.
|
||||
|
||||
"Copyright" also means copyright-like laws that apply to other kinds of
|
||||
works, such as semiconductor masks.
|
||||
|
|
@ -549,35 +537,45 @@
|
|||
the Program, the only way you could satisfy both those terms and this
|
||||
License would be to refrain entirely from conveying the Program.
|
||||
|
||||
13. Use with the GNU Affero General Public License.
|
||||
13. Remote Network Interaction; Use with the GNU General Public License.
|
||||
|
||||
Notwithstanding any other provision of this License, if you modify the
|
||||
Program, your modified version must prominently offer all users
|
||||
interacting with it remotely through a computer network (if your version
|
||||
supports such interaction) an opportunity to receive the Corresponding
|
||||
Source of your version by providing access to the Corresponding Source
|
||||
from a network server at no charge, through some standard or customary
|
||||
means of facilitating copying of software. This Corresponding Source
|
||||
shall include the Corresponding Source for any work covered by version 3
|
||||
of the GNU General Public License that is incorporated pursuant to the
|
||||
following paragraph.
|
||||
|
||||
Notwithstanding any other provision of this License, you have
|
||||
permission to link or combine any covered work with a work licensed
|
||||
under version 3 of the GNU Affero General Public License into a single
|
||||
under version 3 of the GNU General Public License into a single
|
||||
combined work, and to convey the resulting work. The terms of this
|
||||
License will continue to apply to the part which is the covered work,
|
||||
but the special requirements of the GNU Affero General Public License,
|
||||
section 13, concerning interaction through a network will apply to the
|
||||
combination as such.
|
||||
but the work with which it is combined will remain governed by version
|
||||
3 of the GNU General Public License.
|
||||
|
||||
14. Revised Versions of this License.
|
||||
|
||||
The Free Software Foundation may publish revised and/or new versions of
|
||||
the GNU General Public License from time to time. Such new versions will
|
||||
be similar in spirit to the present version, but may differ in detail to
|
||||
the GNU Affero General Public License from time to time. Such new versions
|
||||
will be similar in spirit to the present version, but may differ in detail to
|
||||
address new problems or concerns.
|
||||
|
||||
Each version is given a distinguishing version number. If the
|
||||
Program specifies that a certain numbered version of the GNU General
|
||||
Program specifies that a certain numbered version of the GNU Affero General
|
||||
Public License "or any later version" applies to it, you have the
|
||||
option of following the terms and conditions either of that numbered
|
||||
version or of any later version published by the Free Software
|
||||
Foundation. If the Program does not specify a version number of the
|
||||
GNU General Public License, you may choose any version ever published
|
||||
GNU Affero General Public License, you may choose any version ever published
|
||||
by the Free Software Foundation.
|
||||
|
||||
If the Program specifies that a proxy can decide which future
|
||||
versions of the GNU General Public License can be used, that proxy's
|
||||
versions of the GNU Affero General Public License can be used, that proxy's
|
||||
public statement of acceptance of a version permanently authorizes you
|
||||
to choose that version for the Program.
|
||||
|
||||
|
|
@ -635,40 +633,29 @@
|
|||
Copyright (C) <year> <name of author>
|
||||
|
||||
This program is free software: you can redistribute it and/or modify
|
||||
it under the terms of the GNU General Public License as published by
|
||||
it under the terms of the GNU Affero General Public License as published by
|
||||
the Free Software Foundation, either version 3 of the License, or
|
||||
(at your option) any later version.
|
||||
|
||||
This program is distributed in the hope that it will be useful,
|
||||
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
GNU General Public License for more details.
|
||||
GNU Affero General Public License for more details.
|
||||
|
||||
You should have received a copy of the GNU General Public License
|
||||
You should have received a copy of the GNU Affero General Public License
|
||||
along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||
|
||||
Also add information on how to contact you by electronic and paper mail.
|
||||
|
||||
If the program does terminal interaction, make it output a short
|
||||
notice like this when it starts in an interactive mode:
|
||||
|
||||
<program> Copyright (C) <year> <name of author>
|
||||
This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
|
||||
This is free software, and you are welcome to redistribute it
|
||||
under certain conditions; type `show c' for details.
|
||||
|
||||
The hypothetical commands `show w' and `show c' should show the appropriate
|
||||
parts of the General Public License. Of course, your program's commands
|
||||
might be different; for a GUI interface, you would use an "about box".
|
||||
If your software can interact with users remotely through a computer
|
||||
network, you should also make sure that it provides a way for users to
|
||||
get its source. For example, if your program is a web application, its
|
||||
interface could display a "Source" link that leads users to an archive
|
||||
of the code. There are many ways you could offer source, and different
|
||||
solutions will be better for different programs; see section 13 for the
|
||||
specific requirements.
|
||||
|
||||
You should also get your employer (if you work as a programmer) or school,
|
||||
if any, to sign a "copyright disclaimer" for the program, if necessary.
|
||||
For more information on this, and how to apply and follow the GNU GPL, see
|
||||
For more information on this, and how to apply and follow the GNU AGPL, see
|
||||
<https://www.gnu.org/licenses/>.
|
||||
|
||||
The GNU General Public License does not permit incorporating your program
|
||||
into proprietary programs. If your program is a subroutine library, you
|
||||
may consider it more useful to permit linking proprietary applications with
|
||||
the library. If this is what you want to do, use the GNU Lesser General
|
||||
Public License instead of this License. But first, please read
|
||||
<https://www.gnu.org/licenses/why-not-lgpl.html>.
|
||||
|
|
|
|||
22
README.md
22
README.md
|
|
@ -1,5 +1,8 @@
|
|||
# 🍽️ Dish Planner
|
||||
|
||||
[](https://forge.lvl0.xyz/lvl0/dishplanner/actions)
|
||||
[](LICENSE.md)
|
||||
|
||||
A Laravel-based meal planning application that helps households organize and schedule their dishes among multiple users. Built with Laravel, Livewire, and FrankenPHP for a modern, single-container deployment.
|
||||
|
||||
## ✨ Features
|
||||
|
|
@ -13,14 +16,14 @@ ## ✨ Features
|
|||
|
||||
## 🚀 Self-hosting
|
||||
|
||||
The production image is available at `codeberg.org/dish-planner/app:latest`.
|
||||
The production image is available at `forge.lvl0.xyz/lvl0/dishplanner:latest`. See [CHANGELOG.md](CHANGELOG.md) before upgrading.
|
||||
|
||||
### docker-compose.yml
|
||||
|
||||
```yaml
|
||||
services:
|
||||
app:
|
||||
image: codeberg.org/dish-planner/app:latest
|
||||
image: forge.lvl0.xyz/lvl0/dishplanner:latest
|
||||
container_name: dishplanner_app
|
||||
restart: always
|
||||
ports:
|
||||
|
|
@ -85,8 +88,8 @@ ## 🔧 Development
|
|||
### NixOS / Nix
|
||||
|
||||
```bash
|
||||
git clone https://codeberg.org/dish-planner/app.git
|
||||
cd dish-planner
|
||||
git clone https://forge.lvl0.xyz/lvl0/dishplanner.git
|
||||
cd dishplanner
|
||||
nix-shell
|
||||
```
|
||||
|
||||
|
|
@ -102,8 +105,10 @@ #### Available Commands
|
|||
| `dev-rebuild` | Full rebuild (removes volumes) |
|
||||
| `dev-rebuild-quick` | Quick rebuild (keeps volumes) |
|
||||
| `dev-logs [service]` | Follow logs |
|
||||
| `dev-logs-db` | Tail database logs |
|
||||
| `dev-shell` | Enter app container |
|
||||
| `dev-artisan <cmd>` | Run artisan commands |
|
||||
| `dev-test [path]` | Run the PHPUnit suite the CI way |
|
||||
| `dev-fix-permissions` | Fix Docker-created file permissions |
|
||||
|
||||
#### Services
|
||||
|
|
@ -119,10 +124,15 @@ ### Other Platforms
|
|||
|
||||
Contributions welcome for development setup instructions on other platforms.
|
||||
|
||||
## 🤝 Contributing
|
||||
|
||||
Issues and pull requests are welcome. See [CONTRIBUTING.md](CONTRIBUTING.md) for
|
||||
the development setup, the checks that run in CI, and the commit conventions.
|
||||
|
||||
## 📄 License
|
||||
|
||||
This project is open-source software licensed under the [MIT license](LICENSE.md).
|
||||
This project is open-source software licensed under the [AGPL-3.0 license](LICENSE.md).
|
||||
|
||||
## 📞 Support
|
||||
|
||||
For issues and questions, please use [Codeberg Issues](https://codeberg.org/dish-planner/app/issues).
|
||||
For issues and questions, please use [Forgejo Issues](https://forge.lvl0.xyz/lvl0/dishplanner/issues).
|
||||
|
|
@ -24,6 +24,7 @@ public function handle(): int
|
|||
|
||||
if ($planners->isEmpty()) {
|
||||
$this->warn('No planners found. Aborting schedule generation.');
|
||||
|
||||
return self::FAILURE;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,28 +0,0 @@
|
|||
<?php
|
||||
|
||||
namespace App\Console\Commands;
|
||||
|
||||
use App\Models\Planner;
|
||||
use Illuminate\Console\Command;
|
||||
|
||||
class PurgeDemoAccountsCommand extends Command
|
||||
{
|
||||
protected $signature = 'demo:purge';
|
||||
|
||||
protected $description = 'Purge demo accounts older than 24 hours';
|
||||
|
||||
public function handle(): int
|
||||
{
|
||||
if (! is_mode_demo()) {
|
||||
$this->error('This command can only run in demo mode.');
|
||||
|
||||
return self::FAILURE;
|
||||
}
|
||||
|
||||
$count = Planner::where('created_at', '<', now()->subHours(24))->delete();
|
||||
|
||||
$this->info("Purged {$count} demo accounts.");
|
||||
|
||||
return self::SUCCESS;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,40 +0,0 @@
|
|||
<?php
|
||||
|
||||
namespace App\Enums;
|
||||
|
||||
enum AppModeEnum: string
|
||||
{
|
||||
case APP = 'app';
|
||||
case SAAS = 'saas';
|
||||
case DEMO = 'demo';
|
||||
|
||||
public static function current(): self
|
||||
{
|
||||
return self::from(config('app.mode', 'app'));
|
||||
}
|
||||
|
||||
public function isApp(): bool
|
||||
{
|
||||
return $this === self::APP;
|
||||
}
|
||||
|
||||
public function isSaas(): bool
|
||||
{
|
||||
return $this === self::SAAS;
|
||||
}
|
||||
|
||||
public function isDemo(): bool
|
||||
{
|
||||
return $this === self::DEMO;
|
||||
}
|
||||
|
||||
public function requiresSubscription(): bool
|
||||
{
|
||||
return $this === self::SAAS;
|
||||
}
|
||||
|
||||
public function allowsLogout(): bool
|
||||
{
|
||||
return $this !== self::DEMO;
|
||||
}
|
||||
}
|
||||
|
|
@ -13,8 +13,7 @@ public function response(
|
|||
?array $payload = null,
|
||||
array|string|null $errors = null,
|
||||
int $statusCode = 200,
|
||||
): JsonResponse
|
||||
{
|
||||
): JsonResponse {
|
||||
return response()->json(resolve(OutputService::class)->response($success, $payload, $errors), $statusCode);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -34,10 +34,6 @@ public function login(Request $request)
|
|||
|
||||
public function logout(Request $request)
|
||||
{
|
||||
if (is_mode_demo()) {
|
||||
return redirect()->route('dashboard');
|
||||
}
|
||||
|
||||
Auth::logout();
|
||||
|
||||
$request->session()->invalidate();
|
||||
|
|
|
|||
|
|
@ -1,112 +0,0 @@
|
|||
<?php
|
||||
|
||||
namespace App\Http\Controllers;
|
||||
|
||||
use Illuminate\Http\RedirectResponse;
|
||||
use Illuminate\Http\Request;
|
||||
use Laravel\Cashier\Cashier;
|
||||
use Symfony\Component\HttpFoundation\Response;
|
||||
|
||||
class SubscriptionController extends Controller
|
||||
{
|
||||
public function checkout(Request $request)
|
||||
{
|
||||
$planner = $request->user();
|
||||
|
||||
if ($planner->subscribed()) {
|
||||
return redirect()->route('dashboard');
|
||||
}
|
||||
|
||||
$plan = $request->input('plan', 'monthly');
|
||||
$priceId = $plan === 'yearly'
|
||||
? config('services.stripe.price_yearly')
|
||||
: config('services.stripe.price_monthly');
|
||||
|
||||
return $planner->newSubscription('default', $priceId)
|
||||
->checkout([
|
||||
'success_url' => route('subscription.success') . '?session_id={CHECKOUT_SESSION_ID}',
|
||||
'cancel_url' => route('subscription.index'),
|
||||
]);
|
||||
}
|
||||
|
||||
public function success(Request $request): RedirectResponse
|
||||
{
|
||||
$sessionId = $request->query('session_id');
|
||||
|
||||
if ($sessionId) {
|
||||
$planner = $request->user();
|
||||
$session = Cashier::stripe()->checkout->sessions->retrieve($sessionId, [
|
||||
'expand' => ['subscription'],
|
||||
]);
|
||||
|
||||
if ($session->subscription && ! $planner->subscribed()) {
|
||||
$subscription = $session->subscription;
|
||||
|
||||
$planner->subscriptions()->create([
|
||||
'type' => 'default',
|
||||
'stripe_id' => $subscription->id,
|
||||
'stripe_status' => $subscription->status,
|
||||
'stripe_price' => $subscription->items->data[0]->price->id ?? null,
|
||||
'quantity' => $subscription->items->data[0]->quantity ?? 1,
|
||||
'trial_ends_at' => $subscription->trial_end ? now()->setTimestamp($subscription->trial_end) : null,
|
||||
'ends_at' => null,
|
||||
]);
|
||||
}
|
||||
}
|
||||
|
||||
return redirect()->route('dashboard')->with('success', 'Subscription activated!');
|
||||
}
|
||||
|
||||
public function billing(Request $request)
|
||||
{
|
||||
$planner = $request->user();
|
||||
$subscription = $planner->subscription();
|
||||
|
||||
if (! $subscription) {
|
||||
return redirect()->route('subscription.index');
|
||||
}
|
||||
|
||||
$planType = match ($subscription->stripe_price) {
|
||||
config('services.stripe.price_yearly') => 'Yearly',
|
||||
config('services.stripe.price_monthly') => 'Monthly',
|
||||
default => 'Unknown',
|
||||
};
|
||||
|
||||
$nextBillingDate = null;
|
||||
if ($subscription->stripe_status === 'active') {
|
||||
try {
|
||||
$stripeSubscription = Cashier::stripe()->subscriptions->retrieve($subscription->stripe_id);
|
||||
$nextBillingDate = $stripeSubscription->current_period_end
|
||||
? now()->setTimestamp($stripeSubscription->current_period_end)
|
||||
: null;
|
||||
} catch (\Exception $e) {
|
||||
// Stripe API error - continue without next billing date
|
||||
}
|
||||
}
|
||||
|
||||
return view('billing.index', [
|
||||
'subscription' => $subscription,
|
||||
'planner' => $planner,
|
||||
'planType' => $planType,
|
||||
'nextBillingDate' => $nextBillingDate,
|
||||
]);
|
||||
}
|
||||
|
||||
public function cancel(Request $request): RedirectResponse
|
||||
{
|
||||
$planner = $request->user();
|
||||
|
||||
if (! $planner->subscribed()) {
|
||||
return back()->with('error', 'No active subscription found.');
|
||||
}
|
||||
|
||||
$planner->subscription()->cancel();
|
||||
|
||||
return back()->with('success', 'Subscription canceled. Access will continue until the end of your billing period.');
|
||||
}
|
||||
|
||||
public function billingPortal(Request $request)
|
||||
{
|
||||
return $request->user()->redirectToBillingPortal(route('billing'));
|
||||
}
|
||||
}
|
||||
|
|
@ -1,43 +0,0 @@
|
|||
<?php
|
||||
|
||||
namespace App\Http\Middleware;
|
||||
|
||||
use App\Models\Planner;
|
||||
use Closure;
|
||||
use DishPlanner\Planner\Actions\SeedDemoPlannerAction;
|
||||
use Illuminate\Http\Request;
|
||||
use Illuminate\Support\Facades\Auth;
|
||||
use Illuminate\Support\Facades\DB;
|
||||
use Illuminate\Support\Facades\Hash;
|
||||
use Illuminate\Support\Str;
|
||||
use Symfony\Component\HttpFoundation\Response;
|
||||
|
||||
class DemoMiddleware
|
||||
{
|
||||
public function handle(Request $request, Closure $next): Response
|
||||
{
|
||||
if (! is_mode_demo()) {
|
||||
return $next($request);
|
||||
}
|
||||
|
||||
if (Auth::check()) {
|
||||
return $next($request);
|
||||
}
|
||||
|
||||
$planner = DB::transaction(function () {
|
||||
$planner = Planner::create([
|
||||
'name' => 'Demo User',
|
||||
'email' => 'demo-' . Str::uuid() . '@demo.local',
|
||||
'password' => Hash::make(Str::random(32)),
|
||||
]);
|
||||
|
||||
resolve(SeedDemoPlannerAction::class)->execute($planner);
|
||||
|
||||
return $planner;
|
||||
});
|
||||
|
||||
Auth::login($planner);
|
||||
|
||||
return $next($request);
|
||||
}
|
||||
}
|
||||
|
|
@ -1,19 +0,0 @@
|
|||
<?php
|
||||
|
||||
namespace App\Http\Middleware;
|
||||
|
||||
use Closure;
|
||||
use Illuminate\Http\Request;
|
||||
use Symfony\Component\HttpFoundation\Response;
|
||||
|
||||
class RequireSaasMode
|
||||
{
|
||||
public function handle(Request $request, Closure $next): Response
|
||||
{
|
||||
if (! is_mode_saas()) {
|
||||
abort(404);
|
||||
}
|
||||
|
||||
return $next($request);
|
||||
}
|
||||
}
|
||||
|
|
@ -1,26 +0,0 @@
|
|||
<?php
|
||||
|
||||
namespace App\Http\Middleware;
|
||||
|
||||
use App\Enums\AppModeEnum;
|
||||
use Closure;
|
||||
use Illuminate\Http\Request;
|
||||
use Symfony\Component\HttpFoundation\Response;
|
||||
|
||||
class RequireSubscription
|
||||
{
|
||||
public function handle(Request $request, Closure $next): Response
|
||||
{
|
||||
if (! AppModeEnum::current()->requiresSubscription()) {
|
||||
return $next($request);
|
||||
}
|
||||
|
||||
$planner = $request->user();
|
||||
|
||||
if (! $planner?->subscribed()) {
|
||||
return redirect()->route('subscription.index');
|
||||
}
|
||||
|
||||
return $next($request);
|
||||
}
|
||||
}
|
||||
|
|
@ -17,7 +17,7 @@ public function toArray(Request $request): array
|
|||
'recurrences' => $this->recurrences->map(fn ($recurrence) => [
|
||||
'id' => $recurrence->id,
|
||||
'type' => $recurrence->recurrence_type,
|
||||
'value' => $recurrence->getValue()
|
||||
'value' => $recurrence->getValue(),
|
||||
]),
|
||||
];
|
||||
}
|
||||
|
|
|
|||
|
|
@ -12,14 +12,18 @@ class DishesList extends Component
|
|||
use WithPagination;
|
||||
|
||||
public $showCreateModal = false;
|
||||
|
||||
public $showEditModal = false;
|
||||
|
||||
public $showDeleteModal = false;
|
||||
|
||||
public $editingDish = null;
|
||||
|
||||
public $deletingDish = null;
|
||||
|
||||
// Form fields
|
||||
public $name = '';
|
||||
|
||||
public $selectedUsers = [];
|
||||
|
||||
protected $rules = [
|
||||
|
|
@ -39,7 +43,7 @@ public function render()
|
|||
|
||||
return view('livewire.dishes.dishes-list', [
|
||||
'dishes' => $dishes,
|
||||
'users' => $users
|
||||
'users' => $users,
|
||||
]);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -19,25 +19,39 @@
|
|||
class ScheduleCalendar extends Component
|
||||
{
|
||||
public $currentMonth;
|
||||
|
||||
public $currentYear;
|
||||
|
||||
public $calendarDays = [];
|
||||
|
||||
public $showRegenerateModal = false;
|
||||
|
||||
public $regenerateDate = null;
|
||||
|
||||
public $regenerateUserId = null;
|
||||
|
||||
// Edit dish modal
|
||||
public $showEditDishModal = false;
|
||||
|
||||
public $editDate = null;
|
||||
|
||||
public $editUserId = null;
|
||||
|
||||
public $selectedDishId = null;
|
||||
|
||||
public $availableDishes = [];
|
||||
|
||||
// Add dish modal
|
||||
public $showAddDishModal = false;
|
||||
|
||||
public $addDate = null;
|
||||
|
||||
public $addUserIds = [];
|
||||
|
||||
public $addSelectedDishId = null;
|
||||
|
||||
public $addAvailableUsers = [];
|
||||
|
||||
public $addAvailableDishes = [];
|
||||
|
||||
public function mount(): void
|
||||
|
|
@ -61,7 +75,7 @@ public function refreshCalendar(): void
|
|||
|
||||
public function loadCalendar(): void
|
||||
{
|
||||
$service = new ScheduleCalendarService();
|
||||
$service = new ScheduleCalendarService;
|
||||
$this->calendarDays = $service->getCalendarDays(
|
||||
auth()->user(),
|
||||
$this->currentMonth,
|
||||
|
|
@ -95,6 +109,7 @@ public function regenerateForUserDate($date, $userId): void
|
|||
{
|
||||
if (! $this->authorizeUser($userId)) {
|
||||
session()->flash('error', 'Unauthorized action.');
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
|
|
@ -108,10 +123,11 @@ public function confirmRegenerate(): void
|
|||
try {
|
||||
if (! $this->authorizeUser($this->regenerateUserId)) {
|
||||
session()->flash('error', 'Unauthorized action.');
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
$action = new DeleteScheduledUserDishForDateAction();
|
||||
$action = new DeleteScheduledUserDishForDateAction;
|
||||
$action->execute(
|
||||
auth()->user(),
|
||||
Carbon::parse($this->regenerateDate),
|
||||
|
|
@ -133,10 +149,11 @@ public function skipDay($date, $userId): void
|
|||
try {
|
||||
if (! $this->authorizeUser($userId)) {
|
||||
session()->flash('error', 'Unauthorized action.');
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
$action = new SkipScheduledUserDishForDateAction();
|
||||
$action = new SkipScheduledUserDishForDateAction;
|
||||
$action->execute(
|
||||
auth()->user(),
|
||||
Carbon::parse($date),
|
||||
|
|
@ -155,6 +172,7 @@ public function skipDay($date, $userId): void
|
|||
private function authorizeUser(int $userId): bool
|
||||
{
|
||||
$user = User::find($userId);
|
||||
|
||||
return $user && $user->planner_id === auth()->id();
|
||||
}
|
||||
|
||||
|
|
@ -181,6 +199,7 @@ public function removeDish($date, $userId): void
|
|||
try {
|
||||
if (! $this->authorizeUser($userId)) {
|
||||
session()->flash('error', 'Unauthorized action.');
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
|
|
@ -252,11 +271,13 @@ public function saveAddDish(): void
|
|||
try {
|
||||
if (empty($this->addUserIds)) {
|
||||
session()->flash('error', 'Please select at least one user.');
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
if (! $this->addSelectedDishId) {
|
||||
session()->flash('error', 'Please select a dish.');
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
|
|
@ -275,6 +296,7 @@ public function saveAddDish(): void
|
|||
foreach ($this->addUserIds as $userId) {
|
||||
if (! $this->authorizeUser((int) $userId)) {
|
||||
$skippedCount++;
|
||||
|
||||
continue;
|
||||
}
|
||||
|
||||
|
|
@ -285,6 +307,7 @@ public function saveAddDish(): void
|
|||
|
||||
if ($existing) {
|
||||
$skippedCount++;
|
||||
|
||||
continue;
|
||||
}
|
||||
|
||||
|
|
@ -295,6 +318,7 @@ public function saveAddDish(): void
|
|||
|
||||
if (! $userDish) {
|
||||
$skippedCount++;
|
||||
|
||||
continue;
|
||||
}
|
||||
|
||||
|
|
@ -338,6 +362,7 @@ public function editDish($date, $userId): void
|
|||
{
|
||||
if (! $this->authorizeUser($userId)) {
|
||||
session()->flash('error', 'Unauthorized action.');
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
|
|
@ -372,11 +397,13 @@ public function saveDish(): void
|
|||
try {
|
||||
if (! $this->authorizeUser($this->editUserId)) {
|
||||
session()->flash('error', 'Unauthorized action.');
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
if (! $this->selectedDishId) {
|
||||
session()->flash('error', 'Please select a dish.');
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
|
|
@ -396,6 +423,7 @@ public function saveDish(): void
|
|||
|
||||
if (! $userDish) {
|
||||
session()->flash('error', 'This dish is not assigned to this user.');
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
|
|
@ -427,7 +455,8 @@ public function saveDish(): void
|
|||
|
||||
public function getMonthNameProperty(): string
|
||||
{
|
||||
$service = new ScheduleCalendarService();
|
||||
$service = new ScheduleCalendarService;
|
||||
|
||||
return $service->getMonthName($this->currentMonth, $this->currentYear);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -7,19 +7,27 @@
|
|||
use DishPlanner\Schedule\Actions\ClearScheduleForMonthAction;
|
||||
use DishPlanner\Schedule\Actions\GenerateScheduleForMonthAction;
|
||||
use DishPlanner\Schedule\Actions\RegenerateScheduleForDateForUsersAction;
|
||||
use Illuminate\Contracts\View\Factory;
|
||||
use Illuminate\Contracts\View\View;
|
||||
use Illuminate\Support\Facades\Log;
|
||||
use Livewire\Component;
|
||||
|
||||
class ScheduleGenerator extends Component
|
||||
{
|
||||
private const YEARS_IN_PAST = 1;
|
||||
|
||||
private const YEARS_IN_FUTURE = 5;
|
||||
|
||||
public $selectedMonth;
|
||||
|
||||
public $selectedYear;
|
||||
|
||||
public $selectedUsers = [];
|
||||
|
||||
public $clearExisting = true;
|
||||
|
||||
public $showAdvancedOptions = false;
|
||||
|
||||
public $isGenerating = false;
|
||||
|
||||
public function mount(): void
|
||||
|
|
@ -32,7 +40,7 @@ public function mount(): void
|
|||
->toArray();
|
||||
}
|
||||
|
||||
public function render(): \Illuminate\Contracts\View\Factory|\Illuminate\Contracts\View\View
|
||||
public function render(): Factory|View
|
||||
{
|
||||
$users = User::where('planner_id', auth()->id())
|
||||
->orderBy('name')
|
||||
|
|
@ -43,7 +51,7 @@ public function render(): \Illuminate\Contracts\View\Factory|\Illuminate\Contrac
|
|||
return view('livewire.schedule.schedule-generator', [
|
||||
'users' => $users,
|
||||
'months' => $this->getMonthNames(),
|
||||
'years' => $years
|
||||
'years' => $years,
|
||||
]);
|
||||
}
|
||||
|
||||
|
|
@ -58,7 +66,7 @@ public function generate(): void
|
|||
$this->isGenerating = true;
|
||||
|
||||
try {
|
||||
$action = new GenerateScheduleForMonthAction();
|
||||
$action = new GenerateScheduleForMonthAction;
|
||||
$action->execute(
|
||||
auth()->user(),
|
||||
$this->selectedMonth,
|
||||
|
|
@ -83,7 +91,7 @@ public function generate(): void
|
|||
public function regenerateForDate($date): void
|
||||
{
|
||||
try {
|
||||
$action = new RegenerateScheduleForDateForUsersAction();
|
||||
$action = new RegenerateScheduleForDateForUsersAction;
|
||||
$action->execute(
|
||||
auth()->user(),
|
||||
Carbon::parse($date),
|
||||
|
|
@ -102,7 +110,7 @@ public function regenerateForDate($date): void
|
|||
public function clearMonth(): void
|
||||
{
|
||||
try {
|
||||
$action = new ClearScheduleForMonthAction();
|
||||
$action = new ClearScheduleForMonthAction;
|
||||
$action->execute(
|
||||
auth()->user(),
|
||||
$this->selectedMonth,
|
||||
|
|
@ -130,7 +138,7 @@ private function getMonthNames(): array
|
|||
return [
|
||||
1 => 'January', 2 => 'February', 3 => 'March', 4 => 'April',
|
||||
5 => 'May', 6 => 'June', 7 => 'July', 8 => 'August',
|
||||
9 => 'September', 10 => 'October', 11 => 'November', 12 => 'December'
|
||||
9 => 'September', 10 => 'October', 11 => 'November', 12 => 'December',
|
||||
];
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -2,10 +2,10 @@
|
|||
|
||||
namespace App\Livewire\Users;
|
||||
|
||||
use App\Models\User;
|
||||
use App\Actions\User\CreateUserAction;
|
||||
use App\Actions\User\DeleteUserAction;
|
||||
use App\Actions\User\EditUserAction;
|
||||
use App\Models\User;
|
||||
use Exception;
|
||||
use Illuminate\Contracts\View\View;
|
||||
use Livewire\Component;
|
||||
|
|
@ -16,10 +16,13 @@ class UsersList extends Component
|
|||
use WithPagination;
|
||||
|
||||
public bool $showCreateModal = false;
|
||||
|
||||
public bool $showEditModal = false;
|
||||
|
||||
public bool $showDeleteModal = false;
|
||||
|
||||
public ?User $editingUser = null;
|
||||
|
||||
public ?User $deletingUser = null;
|
||||
|
||||
// Form fields
|
||||
|
|
@ -36,7 +39,7 @@ public function render(): View
|
|||
->paginate(10);
|
||||
|
||||
return view('livewire.users.users-list', [
|
||||
'users' => $users
|
||||
'users' => $users,
|
||||
]);
|
||||
}
|
||||
|
||||
|
|
@ -52,7 +55,7 @@ public function store(): void
|
|||
$this->validate();
|
||||
|
||||
try {
|
||||
(new CreateUserAction())->execute([
|
||||
(new CreateUserAction)->execute([
|
||||
'name' => $this->name,
|
||||
'planner_id' => auth()->id(),
|
||||
]);
|
||||
|
|
@ -79,7 +82,7 @@ public function update(): void
|
|||
$this->validate();
|
||||
|
||||
try {
|
||||
(new EditUserAction())->execute($this->editingUser, ['name' => $this->name]);
|
||||
(new EditUserAction)->execute($this->editingUser, ['name' => $this->name]);
|
||||
|
||||
$this->showEditModal = false;
|
||||
$this->reset(['name', 'editingUser']);
|
||||
|
|
@ -102,7 +105,7 @@ public function confirmDelete(User $user): void
|
|||
public function delete(): void
|
||||
{
|
||||
try {
|
||||
(new DeleteUserAction())->execute($this->deletingUser);
|
||||
(new DeleteUserAction)->execute($this->deletingUser);
|
||||
|
||||
$this->showDeleteModal = false;
|
||||
$this->deletingUser = null;
|
||||
|
|
|
|||
|
|
@ -21,6 +21,7 @@
|
|||
* @property Carbon $updated_at
|
||||
* @property Collection<User> $users
|
||||
* @property Collection<UserDish> $userDishes
|
||||
*
|
||||
* @method static create(array $data)
|
||||
* @method static findOrFail(int $dish_id)
|
||||
* @method static DishFactory factory($count = null, $state = [])
|
||||
|
|
|
|||
|
|
@ -7,19 +7,19 @@
|
|||
use Illuminate\Database\Eloquent\Relations\HasMany;
|
||||
use Illuminate\Foundation\Auth\User as Authenticatable;
|
||||
use Illuminate\Notifications\Notifiable;
|
||||
use Laravel\Cashier\Billable;
|
||||
use Laravel\Sanctum\HasApiTokens;
|
||||
|
||||
/**
|
||||
* @property int $id
|
||||
* @property static PlannerFactory factory($count = null, $state = [])
|
||||
* @property Collection<User> $users
|
||||
*
|
||||
* @method static first()
|
||||
* @method static create(array $array)
|
||||
*/
|
||||
class Planner extends Authenticatable
|
||||
{
|
||||
use Billable, HasApiTokens, HasFactory, Notifiable;
|
||||
use HasApiTokens, HasFactory, Notifiable;
|
||||
|
||||
protected $fillable = [
|
||||
'name', 'email', 'password',
|
||||
|
|
|
|||
|
|
@ -22,8 +22,9 @@
|
|||
* @property Dish $dish
|
||||
* @property User $user
|
||||
* @property Carbon $date
|
||||
* @property boolean $is_skipped
|
||||
* @property bool $is_skipped
|
||||
* @property Collection<ScheduledUserDish> $scheduledUserDishes
|
||||
*
|
||||
* @method static create(array $array)
|
||||
* @method static Builder where(array|Closure|Expression|string $column, mixed $operator = null, mixed $value = null, string $boolean = 'and')
|
||||
* @method static ScheduleFactory factory($count = null, $state = [])
|
||||
|
|
@ -38,6 +39,8 @@ class Schedule extends Model
|
|||
|
||||
public $timestamps = false;
|
||||
|
||||
protected $dateFormat = 'Y-m-d';
|
||||
|
||||
protected $fillable = ['planner_id', 'date', 'is_skipped'];
|
||||
|
||||
protected $casts = [
|
||||
|
|
|
|||
|
|
@ -17,6 +17,7 @@
|
|||
* @property int $user_dish_id
|
||||
* @property UserDish $userDish
|
||||
* @property bool $is_skipped
|
||||
*
|
||||
* @method static create(array $array)
|
||||
* @method static ScheduledUserDishFactory factory($count = null, $state = [])
|
||||
* @method static firstOrCreate(array $array, array $array1)
|
||||
|
|
@ -29,7 +30,7 @@ class ScheduledUserDish extends Model
|
|||
'schedule_id',
|
||||
'user_id',
|
||||
'user_dish_id',
|
||||
'is_skipped'
|
||||
'is_skipped',
|
||||
];
|
||||
|
||||
protected $casts = [
|
||||
|
|
|
|||
|
|
@ -6,10 +6,10 @@
|
|||
use Database\Factories\UserFactory;
|
||||
use Illuminate\Database\Eloquent\Collection;
|
||||
use Illuminate\Database\Eloquent\Factories\HasFactory;
|
||||
use Illuminate\Database\Eloquent\Model;
|
||||
use Illuminate\Database\Eloquent\Relations\BelongsToMany;
|
||||
use Illuminate\Database\Eloquent\Relations\HasMany;
|
||||
use Illuminate\Database\Eloquent\Relations\HasManyThrough;
|
||||
use Illuminate\Database\Eloquent\Model;
|
||||
|
||||
/**
|
||||
* @property int $id
|
||||
|
|
@ -17,6 +17,7 @@
|
|||
* @property string $name
|
||||
* @property Collection<Dish> $dishes
|
||||
* @property Collection<UserDish> $userDishes
|
||||
*
|
||||
* @method static User findOrFail(int $user_id)
|
||||
* @method static UserFactory factory($count = null, $state = [])
|
||||
* @method static create(array $array)
|
||||
|
|
|
|||
|
|
@ -17,6 +17,7 @@
|
|||
* @method static UserDish|null find(int|null $user_dish_id)
|
||||
* @method static create(array $array)
|
||||
* @method static where(string $string, int $id)
|
||||
*
|
||||
* @property int $id
|
||||
* @property int $dish_id
|
||||
* @property int $user_id
|
||||
|
|
|
|||
|
|
@ -36,7 +36,7 @@ public function getValue(): int
|
|||
return match ($this->recurrence_type) {
|
||||
WeeklyRecurrence::class => $this->recurrence->weekday->value,
|
||||
MinimumRecurrence::class => $this->recurrence->days,
|
||||
default => throw new InvalidRecurrenceTypeException()
|
||||
default => throw new InvalidRecurrenceTypeException
|
||||
};
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -12,10 +12,11 @@
|
|||
|
||||
/**
|
||||
* @property int $weekday
|
||||
*
|
||||
* @method static create(array $array)
|
||||
* @method static WeeklyRecurrenceFactory factory($count = null, $state = [])
|
||||
*/
|
||||
class WeeklyRecurrence extends Model implements RecurrenceInterface, FixedRecurrenceInterface
|
||||
class WeeklyRecurrence extends Model implements FixedRecurrenceInterface, RecurrenceInterface
|
||||
{
|
||||
/** @use HasFactory<WeeklyRecurrenceFactory> */
|
||||
use HasFactory;
|
||||
|
|
|
|||
|
|
@ -4,12 +4,10 @@
|
|||
|
||||
use App\Exceptions\CustomException;
|
||||
use App\Models\Dish;
|
||||
use App\Models\Planner;
|
||||
use App\Models\Schedule;
|
||||
use App\Models\ScheduledUserDish;
|
||||
use App\Models\User;
|
||||
use App\Models\UserDish;
|
||||
use Laravel\Cashier\Cashier;
|
||||
use DishPlanner\Dish\Policies\DishPolicy;
|
||||
use DishPlanner\Schedule\Policies\SchedulePolicy;
|
||||
use DishPlanner\ScheduledUserDish\Policies\ScheduledUserDishPolicy;
|
||||
|
|
@ -18,7 +16,6 @@
|
|||
use Illuminate\Contracts\Debug\ExceptionHandler;
|
||||
use Illuminate\Foundation\Exceptions\Handler as BaseHandler;
|
||||
use Illuminate\Support\Facades\Gate;
|
||||
use Illuminate\Support\Facades\URL;
|
||||
use Illuminate\Support\ServiceProvider;
|
||||
use Throwable;
|
||||
|
||||
|
|
@ -27,7 +24,8 @@ class AppServiceProvider extends ServiceProvider
|
|||
public function register(): void
|
||||
{
|
||||
$this->app->bind(ExceptionHandler::class, function ($app) {
|
||||
return new class($app) extends BaseHandler {
|
||||
return new class($app) extends BaseHandler
|
||||
{
|
||||
public function render($request, Throwable $e)
|
||||
{
|
||||
// Handle specific custom exception
|
||||
|
|
@ -47,8 +45,6 @@ public function render($request, Throwable $e)
|
|||
|
||||
public function boot(): void
|
||||
{
|
||||
Cashier::useCustomerModel(Planner::class);
|
||||
|
||||
Gate::policy(Dish::class, DishPolicy::class);
|
||||
Gate::policy(Schedule::class, SchedulePolicy::class);
|
||||
Gate::policy(ScheduledUserDish::class, ScheduledUserDishPolicy::class);
|
||||
|
|
|
|||
|
|
@ -2,7 +2,6 @@
|
|||
|
||||
namespace App\Services;
|
||||
|
||||
|
||||
class OutputService
|
||||
{
|
||||
public function response(bool $success = true, ?array $payload = null, array|string|null $errors = null): array
|
||||
|
|
|
|||
|
|
@ -1,31 +0,0 @@
|
|||
<?php
|
||||
|
||||
use App\Enums\AppModeEnum;
|
||||
|
||||
if (! function_exists('is_mode_app')) {
|
||||
function is_mode_app(): bool
|
||||
{
|
||||
return AppModeEnum::current()->isApp();
|
||||
}
|
||||
}
|
||||
|
||||
if (! function_exists('is_mode_saas')) {
|
||||
function is_mode_saas(): bool
|
||||
{
|
||||
return AppModeEnum::current()->isSaas();
|
||||
}
|
||||
}
|
||||
|
||||
if (! function_exists('is_mode_demo')) {
|
||||
function is_mode_demo(): bool
|
||||
{
|
||||
return AppModeEnum::current()->isDemo();
|
||||
}
|
||||
}
|
||||
|
||||
if (! function_exists('allows_logout')) {
|
||||
function allows_logout(): bool
|
||||
{
|
||||
return AppModeEnum::current()->allowsLogout();
|
||||
}
|
||||
}
|
||||
|
|
@ -1,3 +1,3 @@
|
|||
#!/bin/bash
|
||||
docker build -t 192.168.178.152:50114/dishplanner-backend .
|
||||
docker push 192.168.178.152:50114/dishplanner-backend
|
||||
docker build -t forge.lvl0.xyz/lvl0/dishplanner:latest .
|
||||
docker push forge.lvl0.xyz/lvl0/dishplanner:latest
|
||||
|
|
|
|||
159
bin/start-dev
159
bin/start-dev
|
|
@ -1,159 +0,0 @@
|
|||
#!/usr/bin/env bash
|
||||
set -e
|
||||
|
||||
# Colors for output
|
||||
RED='\033[0;31m'
|
||||
GREEN='\033[0;32m'
|
||||
YELLOW='\033[1;33m'
|
||||
NC='\033[0m' # No Color
|
||||
|
||||
# Get script directory and project root
|
||||
SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
|
||||
PROJECT_ROOT="$(cd "$SCRIPT_DIR/.." && pwd)"
|
||||
|
||||
# Detect Docker or Podman
|
||||
CONTAINER_CLI=""
|
||||
# Check if docker is actually podman in disguise
|
||||
if command -v docker &> /dev/null && docker --version 2>&1 | grep -q "podman"; then
|
||||
CONTAINER_CLI="podman"
|
||||
echo -e "${GREEN}Using Podman (via docker alias)${NC}"
|
||||
elif command -v docker &> /dev/null && docker info &> /dev/null; then
|
||||
CONTAINER_CLI="docker"
|
||||
echo -e "${GREEN}Using Docker${NC}"
|
||||
elif command -v podman &> /dev/null; then
|
||||
CONTAINER_CLI="podman"
|
||||
echo -e "${GREEN}Using Podman${NC}"
|
||||
else
|
||||
echo -e "${RED}✗ Neither Docker nor Podman found. Please install one of them first.${NC}"
|
||||
echo -e "${YELLOW}Install Docker: https://docs.docker.com/get-docker/${NC}"
|
||||
echo -e "${YELLOW}Install Podman: https://podman.io/getting-started/installation${NC}"
|
||||
exit 1
|
||||
fi
|
||||
|
||||
echo -e "${GREEN}=== Dish Planner Development Setup ===${NC}\n"
|
||||
|
||||
# Check if .env exists in backend
|
||||
if [ ! -f "$PROJECT_ROOT/backend/.env" ]; then
|
||||
echo -e "${YELLOW}Creating backend/.env from .env.example...${NC}"
|
||||
cp "$PROJECT_ROOT/backend/.env.example" "$PROJECT_ROOT/backend/.env"
|
||||
echo -e "${GREEN}✓ Created backend/.env${NC}\n"
|
||||
fi
|
||||
|
||||
# Ensure APP_PORT is set for Podman (can't use privileged port 80)
|
||||
if [ "$CONTAINER_CLI" = "podman" ] && ! grep -q "^APP_PORT=" "$PROJECT_ROOT/backend/.env"; then
|
||||
echo -e "${YELLOW}Setting APP_PORT=8000 for Podman (non-privileged port)...${NC}"
|
||||
echo "APP_PORT=8000" >> "$PROJECT_ROOT/backend/.env"
|
||||
fi
|
||||
|
||||
# Backend setup
|
||||
echo -e "${GREEN}=== Backend Setup ===${NC}"
|
||||
cd "$PROJECT_ROOT/backend"
|
||||
|
||||
# Install dependencies if vendor doesn't exist
|
||||
if [ ! -d "vendor" ]; then
|
||||
echo -e "${YELLOW}No vendor directory found. Installing dependencies with Docker...${NC}"
|
||||
# Use a standalone PHP/Composer Docker image to install dependencies
|
||||
# This is the recommended Laravel approach for first-time setup
|
||||
# Configure for Docker or Podman
|
||||
VOLUME_OPTS="$PROJECT_ROOT/backend:/var/www/html"
|
||||
USER_OPTS="-u $(id -u):$(id -g)"
|
||||
EXTRA_OPTS=""
|
||||
|
||||
if [ "$CONTAINER_CLI" = "podman" ]; then
|
||||
# Podman on SELinux systems needs :Z and --userns=keep-id to maintain user ID
|
||||
VOLUME_OPTS="$VOLUME_OPTS:Z"
|
||||
USER_OPTS=""
|
||||
EXTRA_OPTS="--userns=keep-id"
|
||||
fi
|
||||
|
||||
$CONTAINER_CLI run --rm \
|
||||
$USER_OPTS \
|
||||
$EXTRA_OPTS \
|
||||
-v "$VOLUME_OPTS" \
|
||||
-w /var/www/html \
|
||||
docker.io/laravelsail/php84-composer:latest \
|
||||
composer install --ignore-platform-reqs
|
||||
|
||||
echo -e "${GREEN}✓ Backend dependencies installed${NC}\n"
|
||||
else
|
||||
echo -e "${GREEN}✓ Backend dependencies already installed${NC}\n"
|
||||
fi
|
||||
|
||||
# Check if database volume exists - if not, we're doing fresh initialization
|
||||
FRESH_DB=false
|
||||
if ! $CONTAINER_CLI volume inspect sail-mysql &>/dev/null && ! $CONTAINER_CLI volume inspect backend_sail-mysql &>/dev/null; then
|
||||
FRESH_DB=true
|
||||
echo -e "${YELLOW}Fresh database initialization detected${NC}"
|
||||
fi
|
||||
|
||||
# Start containers using compose directly (docker-compose.override.yml is automatically used)
|
||||
echo -e "${YELLOW}Starting backend containers...${NC}"
|
||||
if $CONTAINER_CLI compose up -d 2>&1 | tee /tmp/compose-up.log; then
|
||||
echo -e "${GREEN}✓ Containers started${NC}\n"
|
||||
else
|
||||
echo -e "${RED}✗ Failed to start containers. Check /tmp/compose-up.log for details${NC}"
|
||||
exit 1
|
||||
fi
|
||||
|
||||
# Wait for database to be ready
|
||||
echo -e "${YELLOW}Waiting for database to be ready...${NC}"
|
||||
MAX_ATTEMPTS=30
|
||||
ATTEMPT=0
|
||||
while [ $ATTEMPT -lt $MAX_ATTEMPTS ]; do
|
||||
if $CONTAINER_CLI compose exec mysql mysqladmin ping -h localhost --silent 2>/dev/null; then
|
||||
echo -e "${GREEN}✓ Database is ready${NC}"
|
||||
break
|
||||
fi
|
||||
ATTEMPT=$((ATTEMPT + 1))
|
||||
echo -e "${YELLOW}Waiting for database... (attempt $ATTEMPT/$MAX_ATTEMPTS)${NC}"
|
||||
sleep 2
|
||||
done
|
||||
|
||||
if [ $ATTEMPT -eq $MAX_ATTEMPTS ]; then
|
||||
echo -e "${RED}✗ Database failed to become ready${NC}"
|
||||
exit 1
|
||||
fi
|
||||
|
||||
# Give MySQL extra time on fresh initialization to create users
|
||||
if [ "$FRESH_DB" = true ]; then
|
||||
echo -e "${YELLOW}Waiting for fresh database to complete initialization...${NC}"
|
||||
sleep 10
|
||||
else
|
||||
sleep 3
|
||||
fi
|
||||
|
||||
# Run migrations
|
||||
echo -e "${YELLOW}Running database migrations...${NC}"
|
||||
$CONTAINER_CLI compose exec backend php artisan migrate --force
|
||||
|
||||
# Check if database has data
|
||||
echo -e "${YELLOW}Checking if database needs seeding...${NC}"
|
||||
TABLE_COUNT=$($CONTAINER_CLI compose exec backend php artisan tinker --execute="echo \DB::table('users')->count();" 2>/dev/null | tail -1 | tr -d '[:space:]' || echo "0")
|
||||
# Default to 0 if not a number
|
||||
if ! [[ "$TABLE_COUNT" =~ ^[0-9]+$ ]]; then
|
||||
TABLE_COUNT=0
|
||||
fi
|
||||
if [ "$TABLE_COUNT" -eq "0" ]; then
|
||||
echo -e "${YELLOW}Database is empty. Run seeders? (y/n)${NC}"
|
||||
read -r response
|
||||
if [[ "$response" =~ ^([yY][eE][sS]|[yY])$ ]]; then
|
||||
$CONTAINER_CLI compose exec backend php artisan db:seed
|
||||
echo -e "${GREEN}✓ Database seeded${NC}\n"
|
||||
fi
|
||||
fi
|
||||
|
||||
echo -e "${GREEN}✓ Backend setup complete${NC}"
|
||||
echo -e "${GREEN}Backend API running at: http://localhost:8000${NC}\n"
|
||||
|
||||
# Display summary
|
||||
echo -e "${GREEN}=== Development Environment Ready ===${NC}"
|
||||
echo -e "${GREEN}Backend API:${NC} http://localhost:8000"
|
||||
echo -e "${GREEN}Frontend:${NC} http://localhost:5173"
|
||||
echo -e "${GREEN}Database:${NC} MySQL on localhost:3306"
|
||||
echo -e ""
|
||||
echo -e "${YELLOW}Note:${NC} Frontend container will install dependencies and start automatically."
|
||||
echo -e "${YELLOW}To view frontend logs:${NC}"
|
||||
echo -e " cd backend && $CONTAINER_CLI compose logs -f frontend"
|
||||
echo -e ""
|
||||
echo -e "${YELLOW}To stop all services:${NC}"
|
||||
echo -e " cd backend && $CONTAINER_CLI compose down"
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
#!/bin/bash
|
||||
set -e
|
||||
|
||||
echo "🔄 Pulling latest backend changes..."
|
||||
echo "🔄 Pulling latest changes..."
|
||||
git pull origin main
|
||||
|
||||
echo "📦 Installing PHP dependencies..."
|
||||
|
|
@ -15,4 +15,4 @@ php artisan config:cache
|
|||
php artisan route:cache
|
||||
php artisan view:cache
|
||||
|
||||
echo "✅ Backend update complete!"
|
||||
echo "✅ Update complete!"
|
||||
|
|
|
|||
|
|
@ -1,15 +1,11 @@
|
|||
<?php
|
||||
|
||||
use App\Http\Middleware\DemoMiddleware;
|
||||
use App\Http\Middleware\ForceJsonResponse;
|
||||
use App\Http\Middleware\RequireSaasMode;
|
||||
use App\Http\Middleware\RequireSubscription;
|
||||
use App\Services\OutputService;
|
||||
use Illuminate\Foundation\Application;
|
||||
use Illuminate\Foundation\Configuration\Exceptions;
|
||||
use Illuminate\Foundation\Configuration\Middleware;
|
||||
use Illuminate\Http\Request;
|
||||
use Illuminate\Support\Facades\Route;
|
||||
use Illuminate\Validation\ValidationException;
|
||||
use Symfony\Component\HttpKernel\Exception\AccessDeniedHttpException;
|
||||
use Symfony\Component\HttpKernel\Exception\NotFoundHttpException;
|
||||
|
|
@ -20,24 +16,10 @@
|
|||
api: __DIR__.'/../routes/api.php',
|
||||
commands: __DIR__.'/../routes/console.php',
|
||||
health: '/up',
|
||||
then: function () {
|
||||
Route::middleware('web')
|
||||
->group(base_path('routes/web/subscription.php'));
|
||||
},
|
||||
)
|
||||
->withMiddleware(function (Middleware $middleware) {
|
||||
// Apply ForceJsonResponse only to API routes
|
||||
$middleware->api(ForceJsonResponse::class);
|
||||
$middleware->web(DemoMiddleware::class);
|
||||
$middleware->alias([
|
||||
'subscription' => RequireSubscription::class,
|
||||
'saas' => RequireSaasMode::class,
|
||||
]);
|
||||
|
||||
// Exclude Stripe webhook from CSRF verification
|
||||
$middleware->validateCsrfTokens(except: [
|
||||
'stripe/webhook',
|
||||
]);
|
||||
})
|
||||
->withExceptions(function (Exceptions $exceptions) {
|
||||
$exceptions->shouldRenderJsonWhen(function (Request $request, Throwable $e) {
|
||||
|
|
|
|||
|
|
@ -1,5 +1,7 @@
|
|||
<?php
|
||||
|
||||
use App\Providers\AppServiceProvider;
|
||||
|
||||
return [
|
||||
App\Providers\AppServiceProvider::class,
|
||||
AppServiceProvider::class,
|
||||
];
|
||||
|
|
|
|||
|
|
@ -1,3 +0,0 @@
|
|||
#!/bin/bash
|
||||
docker build -t 192.168.178.152:50114/dishplanner-backend .
|
||||
docker push 192.168.178.152:50114/dishplanner-backend
|
||||
|
|
@ -7,10 +7,9 @@
|
|||
"laravel",
|
||||
"framework"
|
||||
],
|
||||
"license": "MIT",
|
||||
"license": "AGPL-3.0-only",
|
||||
"require": {
|
||||
"php": "^8.2",
|
||||
"laravel/cashier": "^16.1",
|
||||
"laravel/framework": "^12.9.2",
|
||||
"laravel/sanctum": "^4.0",
|
||||
"laravel/tinker": "^2.9",
|
||||
|
|
@ -18,18 +17,17 @@
|
|||
},
|
||||
"require-dev": {
|
||||
"fakerphp/faker": "^1.23",
|
||||
"larastan/larastan": "^3.10",
|
||||
"laravel/dusk": "^8.3",
|
||||
"laravel/pail": "^1.1",
|
||||
"laravel/pint": "^1.13",
|
||||
"laravel/sail": "^1.26",
|
||||
"mockery/mockery": "^1.6",
|
||||
"nunomaduro/collision": "^8.1",
|
||||
"phpstan/phpstan-mockery": "^2.0",
|
||||
"phpunit/phpunit": "^11.0.1"
|
||||
},
|
||||
"autoload": {
|
||||
"files": [
|
||||
"app/helpers.php"
|
||||
],
|
||||
"psr-4": {
|
||||
"App\\": "app/",
|
||||
"DishPlanner\\": "src/DishPlanner/",
|
||||
|
|
|
|||
8923
composer.lock
generated
Normal file
8923
composer.lock
generated
Normal file
File diff suppressed because it is too large
Load diff
|
|
@ -28,19 +28,6 @@
|
|||
|
||||
'env' => env('APP_ENV', 'production'),
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Application Mode
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| Determines the application deployment mode: 'app' for self-hosted,
|
||||
| 'saas' for multi-tenant SaaS, 'demo' for demonstration instances.
|
||||
|
|
||||
*/
|
||||
|
||||
'mode' => env('APP_MODE', 'app'),
|
||||
'demo_subscribe_url' => env('APP_DEMO_SUBSCRIBE_URL', 'https://dishplanner.app'),
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Application Debug Mode
|
||||
|
|
|
|||
|
|
@ -1,5 +1,7 @@
|
|||
<?php
|
||||
|
||||
use App\Models\Planner;
|
||||
|
||||
return [
|
||||
|
||||
/*
|
||||
|
|
@ -50,7 +52,7 @@
|
|||
'providers' => [
|
||||
'planners' => [
|
||||
'driver' => 'eloquent',
|
||||
'model' => App\Models\Planner::class,
|
||||
'model' => Planner::class,
|
||||
],
|
||||
|
||||
// 'users' => [
|
||||
|
|
|
|||
|
|
@ -1,5 +1,8 @@
|
|||
<?php
|
||||
|
||||
use Illuminate\Cookie\Middleware\EncryptCookies;
|
||||
use Illuminate\Foundation\Http\Middleware\ValidateCsrfToken;
|
||||
use Laravel\Sanctum\Http\Middleware\AuthenticateSession;
|
||||
use Laravel\Sanctum\Sanctum;
|
||||
|
||||
return [
|
||||
|
|
@ -75,9 +78,9 @@
|
|||
*/
|
||||
|
||||
'middleware' => [
|
||||
'authenticate_session' => Laravel\Sanctum\Http\Middleware\AuthenticateSession::class,
|
||||
'encrypt_cookies' => Illuminate\Cookie\Middleware\EncryptCookies::class,
|
||||
'validate_csrf_token' => Illuminate\Foundation\Http\Middleware\ValidateCsrfToken::class,
|
||||
'authenticate_session' => AuthenticateSession::class,
|
||||
'encrypt_cookies' => EncryptCookies::class,
|
||||
'validate_csrf_token' => ValidateCsrfToken::class,
|
||||
],
|
||||
|
||||
];
|
||||
|
|
|
|||
|
|
@ -35,14 +35,4 @@
|
|||
],
|
||||
],
|
||||
|
||||
'stripe' => [
|
||||
'key' => env('STRIPE_KEY'),
|
||||
'secret' => env('STRIPE_SECRET'),
|
||||
'webhook' => [
|
||||
'secret' => env('STRIPE_WEBHOOK_SECRET'),
|
||||
],
|
||||
'price_monthly' => env('STRIPE_PRICE_MONTHLY'),
|
||||
'price_yearly' => env('STRIPE_PRICE_YEARLY'),
|
||||
],
|
||||
|
||||
];
|
||||
|
|
|
|||
|
|
@ -3,8 +3,8 @@
|
|||
namespace Database\Factories;
|
||||
|
||||
use App\Models\Dish;
|
||||
use App\Models\UserDish;
|
||||
use App\Models\User;
|
||||
use App\Models\UserDish;
|
||||
use Illuminate\Database\Eloquent\Factories\Factory;
|
||||
|
||||
/**
|
||||
|
|
|
|||
|
|
@ -1,34 +0,0 @@
|
|||
<?php
|
||||
|
||||
use Illuminate\Database\Migrations\Migration;
|
||||
use Illuminate\Database\Schema\Blueprint;
|
||||
use Illuminate\Support\Facades\Schema;
|
||||
|
||||
return new class extends Migration
|
||||
{
|
||||
public function up(): void
|
||||
{
|
||||
Schema::table('planners', function (Blueprint $table) {
|
||||
$table->string('stripe_id')->nullable()->index();
|
||||
$table->string('pm_type')->nullable();
|
||||
$table->string('pm_last_four', 4)->nullable();
|
||||
$table->timestamp('trial_ends_at')->nullable();
|
||||
});
|
||||
}
|
||||
|
||||
public function down(): void
|
||||
{
|
||||
Schema::table('planners', function (Blueprint $table) {
|
||||
$table->dropIndex([
|
||||
'stripe_id',
|
||||
]);
|
||||
|
||||
$table->dropColumn([
|
||||
'stripe_id',
|
||||
'pm_type',
|
||||
'pm_last_four',
|
||||
'trial_ends_at',
|
||||
]);
|
||||
});
|
||||
}
|
||||
};
|
||||
|
|
@ -1,37 +0,0 @@
|
|||
<?php
|
||||
|
||||
use Illuminate\Database\Migrations\Migration;
|
||||
use Illuminate\Database\Schema\Blueprint;
|
||||
use Illuminate\Support\Facades\Schema;
|
||||
|
||||
return new class extends Migration
|
||||
{
|
||||
/**
|
||||
* Run the migrations.
|
||||
*/
|
||||
public function up(): void
|
||||
{
|
||||
Schema::create('subscriptions', function (Blueprint $table) {
|
||||
$table->id();
|
||||
$table->foreignId('planner_id');
|
||||
$table->string('type');
|
||||
$table->string('stripe_id')->unique();
|
||||
$table->string('stripe_status');
|
||||
$table->string('stripe_price')->nullable();
|
||||
$table->integer('quantity')->nullable();
|
||||
$table->timestamp('trial_ends_at')->nullable();
|
||||
$table->timestamp('ends_at')->nullable();
|
||||
$table->timestamps();
|
||||
|
||||
$table->index(['planner_id', 'stripe_status']);
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Reverse the migrations.
|
||||
*/
|
||||
public function down(): void
|
||||
{
|
||||
Schema::dropIfExists('subscriptions');
|
||||
}
|
||||
};
|
||||
|
|
@ -1,34 +0,0 @@
|
|||
<?php
|
||||
|
||||
use Illuminate\Database\Migrations\Migration;
|
||||
use Illuminate\Database\Schema\Blueprint;
|
||||
use Illuminate\Support\Facades\Schema;
|
||||
|
||||
return new class extends Migration
|
||||
{
|
||||
/**
|
||||
* Run the migrations.
|
||||
*/
|
||||
public function up(): void
|
||||
{
|
||||
Schema::create('subscription_items', function (Blueprint $table) {
|
||||
$table->id();
|
||||
$table->foreignId('subscription_id');
|
||||
$table->string('stripe_id')->unique();
|
||||
$table->string('stripe_product');
|
||||
$table->string('stripe_price');
|
||||
$table->integer('quantity')->nullable();
|
||||
$table->timestamps();
|
||||
|
||||
$table->index(['subscription_id', 'stripe_price']);
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Reverse the migrations.
|
||||
*/
|
||||
public function down(): void
|
||||
{
|
||||
Schema::dropIfExists('subscription_items');
|
||||
}
|
||||
};
|
||||
|
|
@ -1,28 +0,0 @@
|
|||
<?php
|
||||
|
||||
use Illuminate\Database\Migrations\Migration;
|
||||
use Illuminate\Database\Schema\Blueprint;
|
||||
use Illuminate\Support\Facades\Schema;
|
||||
|
||||
return new class extends Migration
|
||||
{
|
||||
/**
|
||||
* Run the migrations.
|
||||
*/
|
||||
public function up(): void
|
||||
{
|
||||
Schema::table('subscription_items', function (Blueprint $table) {
|
||||
$table->string('meter_id')->nullable()->after('stripe_price');
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Reverse the migrations.
|
||||
*/
|
||||
public function down(): void
|
||||
{
|
||||
Schema::table('subscription_items', function (Blueprint $table) {
|
||||
$table->dropColumn('meter_id');
|
||||
});
|
||||
}
|
||||
};
|
||||
|
|
@ -1,28 +0,0 @@
|
|||
<?php
|
||||
|
||||
use Illuminate\Database\Migrations\Migration;
|
||||
use Illuminate\Database\Schema\Blueprint;
|
||||
use Illuminate\Support\Facades\Schema;
|
||||
|
||||
return new class extends Migration
|
||||
{
|
||||
/**
|
||||
* Run the migrations.
|
||||
*/
|
||||
public function up(): void
|
||||
{
|
||||
Schema::table('subscription_items', function (Blueprint $table) {
|
||||
$table->string('meter_event_name')->nullable()->after('quantity');
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Reverse the migrations.
|
||||
*/
|
||||
public function down(): void
|
||||
{
|
||||
Schema::table('subscription_items', function (Blueprint $table) {
|
||||
$table->dropColumn('meter_event_name');
|
||||
});
|
||||
}
|
||||
};
|
||||
|
|
@ -2,7 +2,6 @@
|
|||
|
||||
namespace Database\Seeders;
|
||||
|
||||
use App\Models\User;
|
||||
// use Illuminate\Database\Console\Seeds\WithoutModelEvents;
|
||||
use Illuminate\Database\Seeder;
|
||||
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@ public function run(): void
|
|||
[
|
||||
'name' => 'Admin',
|
||||
'email' => 'admin@test.com',
|
||||
'password' => 'password'
|
||||
'password' => 'password',
|
||||
],
|
||||
])->each(fn (array $data) => Planner::create([
|
||||
'name' => $data['name'],
|
||||
|
|
|
|||
|
|
@ -41,11 +41,10 @@ private function createScheduleForPeriod(CarbonPeriod $period): void
|
|||
$planner = Planner::all()->first() ?? Planner::factory()->create();
|
||||
|
||||
collect($period)
|
||||
->each(fn (Carbon $date) =>
|
||||
User::query()
|
||||
->each(fn (Carbon $date) => User::query()
|
||||
->inRandomOrder()
|
||||
->get()
|
||||
->each(fn (User $user) => (new CreateScheduledUserDishAction())
|
||||
->each(fn (User $user) => (new CreateScheduledUserDishAction)
|
||||
->execute(
|
||||
planner: $planner,
|
||||
schedule: resolve(ScheduleRepository::class)->findOrCreate($planner, $date),
|
||||
|
|
|
|||
|
|
@ -16,7 +16,6 @@ public function run(): void
|
|||
->each(fn (string $name) => User::factory()->create([
|
||||
'planner_id' => $planner->id,
|
||||
'name' => $name,
|
||||
]))
|
||||
;
|
||||
]));
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
# Production Docker Compose
|
||||
services:
|
||||
app:
|
||||
image: codeberg.org/dish-planner/app:latest
|
||||
image: forge.lvl0.xyz/lvl0/dishplanner:latest
|
||||
container_name: dishplanner_app
|
||||
restart: always
|
||||
ports:
|
||||
|
|
|
|||
44
docker/build/Dockerfile.ci
Normal file
44
docker/build/Dockerfile.ci
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
# CI image: PHP + Composer only, no runtime server or frontend toolchain.
|
||||
# Tests run against SQLite in memory (see .env.testing), so no database client
|
||||
# or cache extension is needed.
|
||||
#
|
||||
# Published as dishplanner-ci:php8.3-<composer.lock hash>. The CI workflow
|
||||
# builds and tags this image from the current lockfile, so a dependency change
|
||||
# automatically yields a fresh, uniquely-tagged image (no manual revision bump).
|
||||
#
|
||||
# Debian-based rather than Alpine to avoid the DNS resolution timeouts against
|
||||
# codeload.github.com that the Alpine base hit during composer install.
|
||||
|
||||
FROM php:8.3-cli
|
||||
|
||||
COPY --from=mlocati/php-extension-installer:2 /usr/bin/install-php-extensions /usr/local/bin/
|
||||
|
||||
RUN install-php-extensions \
|
||||
pdo_sqlite \
|
||||
mbstring \
|
||||
dom \
|
||||
xml \
|
||||
fileinfo \
|
||||
pcntl \
|
||||
zip
|
||||
|
||||
# git is needed by the checkout action; nodejs runs the Forgejo JavaScript
|
||||
# actions (checkout, cache); unzip lets Composer extract dist archives.
|
||||
RUN apt-get update \
|
||||
&& apt-get install -y --no-install-recommends git unzip nodejs \
|
||||
&& rm -rf /var/lib/apt/lists/*
|
||||
|
||||
COPY --from=composer:2 /usr/bin/composer /usr/bin/composer
|
||||
|
||||
# Bake the project's PHP dependencies (dev included) into the image so CI
|
||||
# restores them with a local copy instead of paying a per-run composer install
|
||||
# over the network. --prefer-source clones via git instead of fetching dist
|
||||
# archives, avoiding the codeload.github.com rate limits the runner hits under
|
||||
# --prefer-dist.
|
||||
#
|
||||
# --no-scripts skips `php artisan package:discover` (the app isn't present
|
||||
# here). CI runs `composer install` after restoring vendor, which regenerates
|
||||
# bootstrap/cache.
|
||||
WORKDIR /opt/deps
|
||||
COPY composer.json composer.lock ./
|
||||
RUN composer install --no-interaction --no-progress --prefer-source --no-scripts
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
.react-router
|
||||
build
|
||||
node_modules
|
||||
README.md
|
||||
6
frontend-old/.gitignore
vendored
6
frontend-old/.gitignore
vendored
|
|
@ -1,6 +0,0 @@
|
|||
.DS_Store
|
||||
/node_modules/
|
||||
|
||||
# React Router
|
||||
/.react-router/
|
||||
/build/
|
||||
|
|
@ -1,22 +0,0 @@
|
|||
FROM node:20-alpine AS development-dependencies-env
|
||||
COPY . /app
|
||||
WORKDIR /app
|
||||
RUN npm ci
|
||||
|
||||
FROM node:20-alpine AS production-dependencies-env
|
||||
COPY ./package.json package-lock.json /app/
|
||||
WORKDIR /app
|
||||
RUN npm ci --omit=dev
|
||||
|
||||
FROM node:20-alpine AS build-env
|
||||
COPY . /app/
|
||||
COPY --from=development-dependencies-env /app/node_modules /app/node_modules
|
||||
WORKDIR /app
|
||||
RUN npm run build
|
||||
|
||||
FROM node:20-alpine
|
||||
COPY ./package.json package-lock.json /app/
|
||||
COPY --from=production-dependencies-env /app/node_modules /app/node_modules
|
||||
COPY --from=build-env /app/build /app/build
|
||||
WORKDIR /app
|
||||
CMD ["npm", "run", "start"]
|
||||
|
|
@ -1,87 +0,0 @@
|
|||
# Welcome to React Router!
|
||||
|
||||
A modern, production-ready template for building full-stack React applications using React Router.
|
||||
|
||||
[](https://stackblitz.com/github/remix-run/react-router-templates/tree/main/default)
|
||||
|
||||
## Features
|
||||
|
||||
- 🚀 Server-side rendering
|
||||
- ⚡️ Hot Module Replacement (HMR)
|
||||
- 📦 Asset bundling and optimization
|
||||
- 🔄 Data loading and mutations
|
||||
- 🔒 TypeScript by default
|
||||
- 🎉 TailwindCSS for styling
|
||||
- 📖 [React Router docs](https://reactrouter.com/)
|
||||
|
||||
## Getting Started
|
||||
|
||||
### Installation
|
||||
|
||||
Install the dependencies:
|
||||
|
||||
```bash
|
||||
npm install
|
||||
```
|
||||
|
||||
### Development
|
||||
|
||||
Start the development server with HMR:
|
||||
|
||||
```bash
|
||||
npm run dev
|
||||
```
|
||||
|
||||
Your application will be available at `http://localhost:5173`.
|
||||
|
||||
## Building for Production
|
||||
|
||||
Create a production build:
|
||||
|
||||
```bash
|
||||
npm run build
|
||||
```
|
||||
|
||||
## Deployment
|
||||
|
||||
### Docker Deployment
|
||||
|
||||
To build and run using Docker:
|
||||
|
||||
```bash
|
||||
docker build -t my-app .
|
||||
|
||||
# Run the container
|
||||
docker run -p 3000:3000 my-app
|
||||
```
|
||||
|
||||
The containerized application can be deployed to any platform that supports Docker, including:
|
||||
|
||||
- AWS ECS
|
||||
- Google Cloud Run
|
||||
- Azure Container Apps
|
||||
- Digital Ocean App Platform
|
||||
- Fly.io
|
||||
- Railway
|
||||
|
||||
### DIY Deployment
|
||||
|
||||
If you're familiar with deploying Node applications, the built-in app server is production-ready.
|
||||
|
||||
Make sure to deploy the output of `npm run build`
|
||||
|
||||
```
|
||||
├── package.json
|
||||
├── package-lock.json (or pnpm-lock.yaml, or bun.lockb)
|
||||
├── build/
|
||||
│ ├── client/ # Static assets
|
||||
│ └── server/ # Server-side code
|
||||
```
|
||||
|
||||
## Styling
|
||||
|
||||
This template comes with [Tailwind CSS](https://tailwindcss.com/) already configured for a simple default starting experience. You can use whatever CSS framework you prefer.
|
||||
|
||||
---
|
||||
|
||||
Built with ❤️ using React Router.
|
||||
|
|
@ -1,18 +0,0 @@
|
|||
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&family=Syncopate:wght@400;700&display=swap');
|
||||
@import "tailwindcss";
|
||||
|
||||
@import "./styles/main.css";
|
||||
|
||||
@theme {
|
||||
--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif,
|
||||
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
@apply bg-white dark:bg-gray-950;
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
color-scheme: dark;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,15 +0,0 @@
|
|||
const Spinner = () => {
|
||||
|
||||
return (
|
||||
<div className="flex justify-center items-center">
|
||||
<svg className="animate-spin h-5 w-5 text-gray-600" xmlns="http://www.w3.org/2000/svg" fill="none"
|
||||
viewBox="0 0 24 24">
|
||||
<circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4"></circle>
|
||||
<path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
)
|
||||
|
||||
}
|
||||
|
||||
export default Spinner
|
||||
|
|
@ -1,48 +0,0 @@
|
|||
import { Link } from "react-router"
|
||||
import useRoutes from "@/hooks/useRoutes"
|
||||
import { UserType } from "@/types/UserType"
|
||||
import { DishType } from "@/types/DishType"
|
||||
|
||||
interface Props {
|
||||
dishes: DishType[],
|
||||
users: UserType[]
|
||||
}
|
||||
|
||||
const OnboardingBanner = ({ dishes, users }: Props) => {
|
||||
const routes = useRoutes();
|
||||
|
||||
const steps = [
|
||||
{
|
||||
label: "Create a user",
|
||||
href: routes.user.create(),
|
||||
count: users.length
|
||||
}, {
|
||||
label: "Create a dish",
|
||||
href: routes.dish.create(),
|
||||
count: dishes.length
|
||||
}
|
||||
]
|
||||
|
||||
return (
|
||||
<div className="border-2 border-secondary p-6 text-lg">
|
||||
<div className="text-xl">Welcome to DishPlanner</div>
|
||||
<div className="my-5">To get you started, please follow these steps to set up your account. This will ensure a better
|
||||
experience.
|
||||
</div>
|
||||
|
||||
{
|
||||
steps.map((step, index) => (
|
||||
<div className="w-full text-center text-2xl my-5" key={index}>
|
||||
{
|
||||
step.count === 0
|
||||
? <Link to={ step.href } className="underline">{ step.label }</Link>
|
||||
: <div className="line-through">{ step.label }</div>
|
||||
}
|
||||
</div>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default OnboardingBanner;
|
||||
|
|
@ -1,98 +0,0 @@
|
|||
|
||||
import React, { useEffect, useState } from 'react';
|
||||
import { Link, useLocation, useNavigate } from 'react-router';
|
||||
import { useAuth } from '@/context/AuthContext';
|
||||
import { login } from "@/utils/api/auth";
|
||||
import useRoutes from "@/hooks/useRoutes";
|
||||
import SolidButton from "@/components/ui/Buttons/SolidButton";
|
||||
import Alert from "@/components/ui/Alert";
|
||||
|
||||
const LoginForm = () => {
|
||||
const { login: authLogin } = useAuth();
|
||||
const routes = useRoutes();
|
||||
const [email, setEmail] = useState('');
|
||||
const [password, setPassword] = useState('');
|
||||
const [error, setError] = useState('');
|
||||
const [alertSuccess, setAlertSuccess] = useState<string[]>([])
|
||||
const navigate = useNavigate();
|
||||
const location = useLocation();
|
||||
const searchParams = new URLSearchParams(location.search);
|
||||
const isRegistered = searchParams.get('registered') === 'true';
|
||||
|
||||
useEffect(() => {
|
||||
if (isRegistered) {
|
||||
setAlertSuccess(['Registration successful!',' You can now log in.']);
|
||||
|
||||
const timer = setTimeout(() => {
|
||||
const params = new URLSearchParams(searchParams.toString());
|
||||
params.delete('registered');
|
||||
const newUrl = `${window.location.pathname}?${params.toString()}`;
|
||||
|
||||
navigate(newUrl, { replace: true });
|
||||
}, 3000);
|
||||
|
||||
return () => clearTimeout(timer)
|
||||
}
|
||||
}, [isRegistered, navigate, searchParams])
|
||||
|
||||
const handleSubmit = async (e: React.FormEvent) => {
|
||||
e.preventDefault();
|
||||
|
||||
try {
|
||||
await login(email, password);
|
||||
authLogin();
|
||||
navigate('/', { replace: true });
|
||||
} catch (err) {
|
||||
const errorMessage =
|
||||
err instanceof Error
|
||||
? err.message
|
||||
: 'Login failed';
|
||||
setError(errorMessage);
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<div style={{ marginTop: '15vh' }} className="lg:w-1/3 lg:mx-auto">
|
||||
<div className="pt-2 text-2xl font-syncopate text-primary">
|
||||
DISH PLANNER
|
||||
</div>
|
||||
<div className="border-2 border-secondary rounded-lg px-5 pt-5 pb-3 lg:pt-10 lg:pb-7">
|
||||
{ alertSuccess.length > 0 &&
|
||||
<Alert type="success" className="mb-4 px-5 py-2 capitalize text-center">
|
||||
{alertSuccess.map((msg, index) => (
|
||||
<React.Fragment key={index}>
|
||||
{msg}
|
||||
<br />
|
||||
</React.Fragment>
|
||||
))}
|
||||
</Alert>
|
||||
}
|
||||
<form onSubmit={handleSubmit} className="max-w-sm mx-auto flex flex-col">
|
||||
{error && <p className="text-red-600 mb-4">{error}</p>}
|
||||
<input
|
||||
type="email"
|
||||
placeholder="Email"
|
||||
value={email}
|
||||
onChange={e => setEmail(e.target.value)}
|
||||
required
|
||||
className="w-full p-2 mb-4 border rounded border-secondary bg-gray-600 text-secondary"
|
||||
/>
|
||||
<input
|
||||
type="password"
|
||||
placeholder="Password"
|
||||
value={password}
|
||||
onChange={e => setPassword(e.target.value)}
|
||||
required
|
||||
className="w-full p-2 mb-4 border rounded text-secondary border-secondary bg-gray-600"
|
||||
/>
|
||||
<SolidButton type="submit">Login</SolidButton>
|
||||
<Link to={routes.auth.register()} className="lowercase hover:underline text-center mt-1 text-secondary underline">
|
||||
Create an account
|
||||
</Link>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default LoginForm
|
||||
|
|
@ -1,107 +0,0 @@
|
|||
import React, { useState } from 'react';
|
||||
import { register } from "@/utils/api/auth";
|
||||
import useRoutes from "@/hooks/useRoutes";
|
||||
import SectionTitle from "@/components/ui/SectionTitle";
|
||||
import SolidButton from "@/components/ui/Buttons/SolidButton";
|
||||
import { Link, useNavigate } from "react-router"
|
||||
|
||||
const RegisterForm = () => {
|
||||
const routes = useRoutes();
|
||||
const [name, setName] = useState('');
|
||||
const [email, setEmail] = useState('');
|
||||
const [password, setPassword] = useState('');
|
||||
const [passwordAgain, setPasswordAgain] = useState('');
|
||||
const [error, setError] = useState('');
|
||||
const [isLoading, setIsLoading] = useState(false);
|
||||
const [isRegistered, setIsRegistered] = useState(false);
|
||||
const navigate = useNavigate();
|
||||
|
||||
const handleSubmit = async (e: React.FormEvent) => {
|
||||
e.preventDefault();
|
||||
|
||||
if (password !== passwordAgain) {
|
||||
setError("Passwords do not match.");
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
setIsLoading(true);
|
||||
|
||||
await register(name, email, password, passwordAgain);
|
||||
// navigate('/login?registered=true', { replace: true });
|
||||
} catch (err) {
|
||||
const errorMessage =
|
||||
err instanceof Error
|
||||
? err.message
|
||||
: 'Registration\n failed';
|
||||
setError(errorMessage);
|
||||
} finally {
|
||||
setIsRegistered(true);
|
||||
setIsLoading(false);
|
||||
}
|
||||
};
|
||||
|
||||
if (isRegistered) {
|
||||
return <div className="border-2 border-secondary rounded-lg p-5 mt-0">
|
||||
<SectionTitle>Registration successful!</SectionTitle>
|
||||
Please continue to the <Link to={ routes.auth.login() }>login page</Link>.
|
||||
</div>
|
||||
}
|
||||
|
||||
return (
|
||||
<div style={{ marginTop: '15vh' }} className="lg:w-1/3 lg:mx-auto">
|
||||
<div className="pt-2 text-2xl font-syncopate text-primary">
|
||||
DISH PLANNER
|
||||
</div>
|
||||
<div className="border-2 border-secondary rounded-lg p-5 mt-0 lg:pt-10 lg:pb-7">
|
||||
<form onSubmit={ handleSubmit } className="max-w-sm mx-auto space-y-4 flex flex-col">
|
||||
<h2 className="text-xl font-bold text-secondary text-right">Register</h2>
|
||||
{ error && <p className="text-red-600">{ error }</p> }
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Name"
|
||||
value={ name }
|
||||
onChange={ e => setName(e.target.value) }
|
||||
required
|
||||
className="w-full p-2 border rounded border-secondary bg-gray-600 text-secondary"
|
||||
/>
|
||||
<input
|
||||
type="email"
|
||||
placeholder="Email"
|
||||
value={ email }
|
||||
onChange={ e => setEmail(e.target.value) }
|
||||
required
|
||||
className="w-full p-2 border rounded border-secondary bg-gray-600 text-secondary"
|
||||
/>
|
||||
<input
|
||||
type="password"
|
||||
placeholder="Password"
|
||||
value={ password }
|
||||
onChange={ e => setPassword(e.target.value) }
|
||||
required
|
||||
className="w-full p-2 border rounded border-secondary bg-gray-600 text-secondary"
|
||||
/>
|
||||
<input
|
||||
type="password"
|
||||
placeholder="Password Again"
|
||||
value={ passwordAgain }
|
||||
onChange={ e => setPasswordAgain(e.target.value) }
|
||||
required
|
||||
className="w-full p-2 border rounded border-secondary bg-gray-600 text-secondary"
|
||||
/>
|
||||
<SolidButton
|
||||
type="submit"
|
||||
className={ isLoading ? "opacity-50 cursor-not-allowed" : "background-red" }
|
||||
>
|
||||
Create Account
|
||||
</SolidButton>
|
||||
<Link to={routes.auth.login()} className="lowercase mt-2 hover:underline text-center text-secondary underline">
|
||||
Back to Login
|
||||
</Link>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default RegisterForm
|
||||
|
|
@ -1,101 +0,0 @@
|
|||
import React, { useState } from "react";
|
||||
import { DishType } from "@/types/DishType";
|
||||
import { UserType } from "@/types/UserType";
|
||||
import { useFetchUsers } from "@/hooks/useFetchUsers";
|
||||
import Spinner from "@/components/Spinner";
|
||||
import {addUserToDish} from "@/utils/api/dishApi";
|
||||
import OutlineButton from "@/components/ui/Buttons/OutlineButton";
|
||||
import SolidButton from "@/components/ui/Buttons/SolidButton";
|
||||
|
||||
interface Props {
|
||||
dish: DishType;
|
||||
reloadDish: () => void;
|
||||
}
|
||||
|
||||
const AddUserToDishForm = ({ dish, reloadDish }: Props) => {
|
||||
const [showAdd, setShowAdd] = useState<boolean>(false);
|
||||
const [selectedUser, setSelectedUser] = useState<string>("-1");
|
||||
const { users, isLoading: isUsersLoading } = useFetchUsers();
|
||||
|
||||
const handleSubmit = (e: React.FormEvent) => {
|
||||
e.preventDefault();
|
||||
|
||||
if (selectedUser === "-1") {
|
||||
alert("Please select a valid user.");
|
||||
return;
|
||||
}
|
||||
|
||||
const userToAdd = users.find((user: UserType) => user.id === parseInt(selectedUser));
|
||||
|
||||
if (!userToAdd) {
|
||||
alert("User not found.");
|
||||
return;
|
||||
}
|
||||
|
||||
addUserToDish(dish.id, userToAdd.id)
|
||||
.then(() => {
|
||||
setShowAdd(false);
|
||||
setSelectedUser("-1");
|
||||
reloadDish();
|
||||
})
|
||||
.catch(() => {
|
||||
alert("Failed to add user, please try again.");
|
||||
});
|
||||
};
|
||||
|
||||
if (isUsersLoading) {
|
||||
return <Spinner />;
|
||||
}
|
||||
|
||||
const remainingUsers = users.filter(
|
||||
(user: UserType) =>
|
||||
!dish.users.find((dishUser: UserType) => dishUser.id === user.id)
|
||||
);
|
||||
|
||||
return (
|
||||
<>
|
||||
<OutlineButton
|
||||
className="mb-2 flex-none w-fit ml-auto"
|
||||
onClick={() => setShowAdd(!showAdd)}
|
||||
disabled={remainingUsers.length === 0}
|
||||
type="button"
|
||||
>
|
||||
Add User
|
||||
</OutlineButton>
|
||||
|
||||
{ showAdd && (
|
||||
<div className="mt-2 mb-5 w-full">
|
||||
<form onSubmit={handleSubmit}>
|
||||
<div className="flex">
|
||||
<div className="flex-grow pt-2">
|
||||
<select
|
||||
value={selectedUser}
|
||||
onChange={(e) => setSelectedUser(e.target.value)}
|
||||
className="p-2 border rounded w-full background-secondary border-secondary"
|
||||
>
|
||||
<option value="-1">Select user</option>
|
||||
{remainingUsers.map((user: UserType) => (
|
||||
<option key={user.id} value={user.id}>
|
||||
{user.name}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div className="flex-none py-2 pr-2 pl-4">
|
||||
<SolidButton type="submit"
|
||||
size="small"
|
||||
className="mt-1"
|
||||
>
|
||||
Add User
|
||||
</SolidButton>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
)}
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default AddUserToDishForm;
|
||||
|
|
@ -1,95 +0,0 @@
|
|||
import React, { useState } from "react";
|
||||
import { useNavigate } from "react-router";
|
||||
import { createDish } from "~/utils/api/dishApi";
|
||||
import PageTitle from "~/components/ui/PageTitle";
|
||||
import Alert from "~/components/ui/Alert";
|
||||
import SolidButton from "~/components/ui/Buttons/SolidButton";
|
||||
import OutlineLinkButton from "~/components/ui/Buttons/OutlineLinkButton";
|
||||
import { ChevronLeftIcon } from "@heroicons/react/16/solid";
|
||||
import Hr from "~/components/ui/Hr"
|
||||
|
||||
const CreateDishForm = () => {
|
||||
const navigate = useNavigate()
|
||||
const [name, setName] = useState<string>("");
|
||||
const [error, setError] = useState<string>("");
|
||||
const [loading, setLoading] = useState(false);
|
||||
|
||||
const validateForm = () => {
|
||||
if (!name.trim()) {
|
||||
setError("Dish name cannot be empty.");
|
||||
return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
};
|
||||
|
||||
const submitForm = async (e: React.FormEvent<HTMLFormElement>) => {
|
||||
e.preventDefault()
|
||||
|
||||
// Validate client-side input
|
||||
if (!validateForm()) return;
|
||||
|
||||
setError("");
|
||||
setLoading(true);
|
||||
|
||||
try {
|
||||
const result = await createDish(name);
|
||||
if (result) {
|
||||
navigate('/dishes')
|
||||
}
|
||||
} catch (error: unknown) {
|
||||
setError(error instanceof Error ? error.message : "An unexpected error occurred.");
|
||||
} finally {
|
||||
setLoading(false);
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="px-5">
|
||||
<div className="flex mb-3">
|
||||
<PageTitle>Create Dish</PageTitle>
|
||||
</div>
|
||||
|
||||
<form className="space-y-4" onSubmit={ submitForm }>
|
||||
{ error && (
|
||||
<Alert type="error">{ error }</Alert>
|
||||
) }
|
||||
|
||||
<div>
|
||||
<label htmlFor="name" className="block text-sm font-medium">Dish Name</label>
|
||||
<input
|
||||
type="text"
|
||||
id="name"
|
||||
name="name"
|
||||
value={ name }
|
||||
onChange={ (e) => setName(e.target.value) } // Update the name state on change
|
||||
className="w-full p-2 mb-4 border rounded bg-gray-600 border-secondary text-secondary focus:bg-gray-900"
|
||||
placeholder="Enter dish name"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<SolidButton
|
||||
type="submit"
|
||||
disabled={ loading }
|
||||
className={ loading ? "bg-gray-400" : '' }
|
||||
>
|
||||
{ loading ? "Saving..." : "Save Changes" }
|
||||
</SolidButton>
|
||||
</form>
|
||||
|
||||
<Hr />
|
||||
|
||||
<OutlineLinkButton
|
||||
href="/dishes"
|
||||
className="mt-4 pl-0 mr-0"
|
||||
icon={ <ChevronLeftIcon/> }
|
||||
>
|
||||
Back to dishes
|
||||
</OutlineLinkButton>
|
||||
</div>
|
||||
);
|
||||
|
||||
|
||||
};
|
||||
|
||||
export default CreateDishForm;
|
||||
|
|
@ -1,39 +0,0 @@
|
|||
import {DishType} from "~/types/DishType";
|
||||
|
||||
import {PencilIcon, TrashIcon} from '@heroicons/react/24/solid'
|
||||
import { Link } from "react-router";
|
||||
import useRoutes from "~/hooks/useRoutes";
|
||||
import {UserType} from "~/types/UserType";
|
||||
import Card from "~/components/layout/Card";
|
||||
|
||||
const Dish = ({ dish }: { dish: DishType}) => {
|
||||
const routes = useRoutes();
|
||||
|
||||
return (
|
||||
<Card>
|
||||
<div className="flex-1 flex items-center">
|
||||
<p className="text-bold text-xl font-bold">{ dish.name }</p>
|
||||
<span className="mx-2"></span>
|
||||
{
|
||||
dish.users.map((user: UserType) => (
|
||||
<div key={user.id} className="text-accent-yellow mx-1">{user.name.slice(0, 1)}</div>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
<div className="flex-none flex gap-2">
|
||||
<Link to={routes.dish.edit(dish)}>
|
||||
<div className="border border-foreground p-2 rounded">
|
||||
<PencilIcon width="14" />
|
||||
</div>
|
||||
</Link>
|
||||
<Link to={routes.dish.delete(dish)}>
|
||||
<div className="border border-red-500 p-2 rounded">
|
||||
<TrashIcon width="14" className="text-red-500" />
|
||||
</div>
|
||||
</Link>
|
||||
</div>
|
||||
</Card>
|
||||
)
|
||||
}
|
||||
|
||||
export default Dish
|
||||
|
|
@ -1,22 +0,0 @@
|
|||
import {UserType} from "@/types/UserType";
|
||||
import {DishType} from "@/types/DishType";
|
||||
|
||||
interface Props {
|
||||
user: UserType,
|
||||
dish: DishType,
|
||||
}
|
||||
|
||||
const DishCard = ({ user, dish }: Props) => {
|
||||
return (
|
||||
<div className="w-full flex py-2 text-xl font-bold text-primary">
|
||||
<div className="user-badge flex-none w-16 text-center pr-5">
|
||||
{ user.name.slice(0, 1) }
|
||||
</div>
|
||||
<div className="dish-name flex-1">
|
||||
{ dish ? dish.name : '-' }
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default DishCard
|
||||
|
|
@ -1,87 +0,0 @@
|
|||
import React, {useState} from "react";
|
||||
import { useNavigate } from "react-router";
|
||||
import Alert from "~/components/ui/Alert";
|
||||
import {updateDish} from "~/utils/api/dishApi";
|
||||
import {DishType} from "~/types/DishType";
|
||||
import useRoutes from "~/hooks/useRoutes";
|
||||
import Spinner from "~/components/Spinner";
|
||||
import Button from "~/components/ui/Button"
|
||||
|
||||
interface Props {
|
||||
dish: DishType
|
||||
}
|
||||
|
||||
const EditDishForm = ({ dish }: Props) => {
|
||||
const [name, setName] = useState<string>(dish.name);
|
||||
const [error, setError] = useState<string>("");
|
||||
const navigate = useNavigate()
|
||||
const [loading, setLoading] = useState(false);
|
||||
const routes = useRoutes();
|
||||
|
||||
const validateForm = () => {
|
||||
if (!name.trim()) {
|
||||
setError("Dish name cannot be empty.");
|
||||
return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
};
|
||||
|
||||
const submitForm = async (e: React.FormEvent<HTMLFormElement>) => {
|
||||
e.preventDefault()
|
||||
|
||||
if (!validateForm()) return;
|
||||
|
||||
setError("");
|
||||
setLoading(true);
|
||||
|
||||
try {
|
||||
const result = await updateDish(dish.id, name);
|
||||
if (result) {
|
||||
navigate(routes.dish.index())
|
||||
}
|
||||
} catch (error: unknown) {
|
||||
setError(error instanceof Error ? error.message : "An unexpected error occurred");
|
||||
} finally {
|
||||
setLoading(false); // Reset loading state
|
||||
}
|
||||
}
|
||||
|
||||
if (loading) {
|
||||
return <Spinner />;
|
||||
}
|
||||
|
||||
return (
|
||||
<form className="space-y-4" onSubmit={submitForm}>
|
||||
{
|
||||
error != '' && <Alert type="error" >{ error }</Alert>
|
||||
}
|
||||
|
||||
{/* Dish name input */}
|
||||
<div>
|
||||
<label htmlFor="name" className="block text-sm font-medium">Dish Name</label>
|
||||
<input
|
||||
type="text"
|
||||
id="name"
|
||||
name="name"
|
||||
value={name}
|
||||
onChange={(e) => setName(e.target.value)} // Update the name state on change
|
||||
className="p-2 border rounded w-full bg-gray-500 border-secondary background-secondary"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Save button */}
|
||||
<Button
|
||||
type="submit"
|
||||
disabled={loading}
|
||||
className={loading ? "bg-gray-400" : ''}
|
||||
variant="primary"
|
||||
appearance="solid"
|
||||
>
|
||||
{loading ? "Saving..." : "Save"}
|
||||
</Button>
|
||||
</form>
|
||||
);
|
||||
}
|
||||
|
||||
export default EditDishForm;
|
||||
|
|
@ -1,119 +0,0 @@
|
|||
import React from "react";
|
||||
import SectionTitle from "@/components/ui/SectionTitle";
|
||||
import {syncUserDishRecurrences} from "@/utils/api/usersApi";
|
||||
import Spinner from "@/components/Spinner";
|
||||
import {UserDishType} from "@/types/ScheduledUserDishType";
|
||||
import {RecurrenceType} from "@/types/RecurrenceType";
|
||||
import SolidButton from "@/components/ui/Buttons/SolidButton";
|
||||
|
||||
interface Props {
|
||||
userDish: UserDishType
|
||||
onSubmit: () => void
|
||||
}
|
||||
|
||||
const EditDishUserCardEditForm = ({ userDish, onSubmit}: Props) => {
|
||||
const weeklyRecurrence = userDish.recurrences.find((recurrence) => recurrence.type === 'App\\Models\\WeeklyRecurrence')
|
||||
const minimumRecurrence = userDish.recurrences.find((recurrence) => recurrence.type === 'App\\Models\\MinimumRecurrence')
|
||||
|
||||
const wv = weeklyRecurrence ? weeklyRecurrence.value : undefined
|
||||
const mv = minimumRecurrence ? minimumRecurrence.value : undefined
|
||||
|
||||
const [isWeeklyOn, setIsWeeklyOn] = React.useState(weeklyRecurrence !== undefined);
|
||||
const [isMinimumOn, setIsMinimumOn] = React.useState(minimumRecurrence !== undefined);
|
||||
const [weekday, setWeekday] = React.useState<number>(wv ?? 0);
|
||||
const [minimumValue, setMinimumValue] = React.useState<number>(mv ?? 7);
|
||||
const [loading, setLoading] = React.useState(false);
|
||||
|
||||
const handleSubmit = () => {
|
||||
const recurrences = []
|
||||
|
||||
if (isWeeklyOn) {
|
||||
recurrences.push({
|
||||
type: 'App\\Models\\WeeklyRecurrence',
|
||||
value: weekday,
|
||||
});
|
||||
}
|
||||
|
||||
if (isMinimumOn) {
|
||||
recurrences.push({
|
||||
type: 'App\\Models\\MinimumRecurrence',
|
||||
value: minimumValue,
|
||||
});
|
||||
}
|
||||
|
||||
setLoading(true)
|
||||
syncUserDishRecurrences(userDish.dish.id, userDish.user.id, recurrences as RecurrenceType[])
|
||||
.then((data) => console.log('request data', data))
|
||||
.finally(() => {
|
||||
setLoading(false)
|
||||
onSubmit()
|
||||
})
|
||||
}
|
||||
|
||||
if (loading) {
|
||||
return <Spinner />;
|
||||
}
|
||||
|
||||
return (
|
||||
<form action={handleSubmit}>
|
||||
<SectionTitle>Recurrences</SectionTitle>
|
||||
|
||||
<div className="flex">
|
||||
<div className="flex-none">
|
||||
<input type="checkbox"
|
||||
id="weekly"
|
||||
name="weekly"
|
||||
value="weekly"
|
||||
checked={isWeeklyOn}
|
||||
onChange={() => setIsWeeklyOn(!isWeeklyOn)}
|
||||
className="w-4 h-4 border border-gray-300 rounded-sm bg-gray-50 focus:ring-3 focus:ring-blue-300 dark:bg-gray-700 dark:border-gray-600 dark:focus:ring-blue-600 dark:ring-offset-gray-800 dark:focus:ring-offset-gray-800"
|
||||
/>
|
||||
<label htmlFor="weekly" className="ml-2">Weekly</label>
|
||||
</div>
|
||||
{
|
||||
isWeeklyOn && (
|
||||
<div className="flex-grow ml-2">
|
||||
<label htmlFor="weekday" className="mr-2">on</label>
|
||||
<select value={weekday} onChange={(e) => setWeekday(parseInt(e.currentTarget.value))} className="background-secondary border-secondary border-2">
|
||||
<option value="0">Sunday</option>
|
||||
<option value="1">Monday</option>
|
||||
<option value="2">Tuesday</option>
|
||||
<option value="3">Wednesday</option>
|
||||
<option value="4">Thursday</option>
|
||||
<option value="5">Friday</option>
|
||||
<option value="6">Saturday</option>
|
||||
</select>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
</div>
|
||||
|
||||
<div className="flex mt-2">
|
||||
<div className="flex-none">
|
||||
<input type="checkbox"
|
||||
id="minimum"
|
||||
name="minimum"
|
||||
value="minimum"
|
||||
checked={isMinimumOn}
|
||||
onChange={() => setIsMinimumOn(!isMinimumOn)}
|
||||
className="w-4 h-4 border border-gray-300 rounded-sm bg-gray-500 focus:ring-3 focus:ring-blue-300 dark:bg-gray-700 dark:border-gray-600 dark:focus:ring-blue-600 dark:ring-offset-gray-800 dark:focus:ring-offset-gray-800"
|
||||
/>
|
||||
<label htmlFor="minimum" className="ml-2">Minimum</label>
|
||||
</div>
|
||||
|
||||
{
|
||||
isMinimumOn && (
|
||||
<div className="flex-grow ml-2">
|
||||
<input type="number" value={minimumValue} onChange={(e) => setMinimumValue(parseInt(e.currentTarget.value))} min="0" max="365" className="background-secondary border-secondary border-2 w-12 px-2" />
|
||||
<label htmlFor="minimum">Days</label>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
</div>
|
||||
|
||||
<SolidButton type="submit">Save</SolidButton>
|
||||
</form>
|
||||
);
|
||||
}
|
||||
|
||||
export default EditDishUserCardEditForm;
|
||||
|
|
@ -1,53 +0,0 @@
|
|||
import {RecurrenceType} from "@/types/RecurrenceType";
|
||||
|
||||
interface Props {
|
||||
recurrences: RecurrenceType[];
|
||||
}
|
||||
|
||||
const RecurrenceLabels = ({recurrences}: Props) => {
|
||||
const weeklyRecurrences = recurrences.filter(recurrence => recurrence.type === 'App\\Models\\WeeklyRecurrence');
|
||||
const minimumRecurrences = recurrences.filter(recurrence => recurrence.type === 'App\\Models\\MinimumRecurrence');
|
||||
|
||||
const renderWeeklyRecurrence = () => {
|
||||
if (weeklyRecurrences == undefined || weeklyRecurrences.length == 0) {
|
||||
return '';
|
||||
}
|
||||
|
||||
const weekdayString = (() => {
|
||||
switch (weeklyRecurrences[0].value) {
|
||||
case 0: return "Sunday"
|
||||
case 1: return "Monday"
|
||||
case 2: return "Tuesday";
|
||||
case 3: return "Wednesday";
|
||||
case 4: return "Thursday";
|
||||
case 5: return "Friday";
|
||||
case 6: return "Saturday";
|
||||
default: return "Invalid day";
|
||||
}
|
||||
})
|
||||
|
||||
return (
|
||||
<div className="text-xs p-1 inline mx-1 text-accent-yellow">
|
||||
{ weekdayString() }
|
||||
</div>
|
||||
)
|
||||
}
|
||||
const renderMinimumRecurrence = () => {
|
||||
if (minimumRecurrences == undefined || minimumRecurrences.length == 0) {
|
||||
return '';
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="text-xs p-1 inline mx-1 text-accent-yellow">
|
||||
min: { minimumRecurrences[0].value }
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
return <>
|
||||
{ renderWeeklyRecurrence() }
|
||||
{ renderMinimumRecurrence() }
|
||||
</>;
|
||||
};
|
||||
|
||||
export default RecurrenceLabels;
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
import React from "react";
|
||||
import { DishType } from "@/types/DishType";
|
||||
import { UserType } from "@/types/UserType";
|
||||
import UserDishCard from "@/components/features/dishes/UserDishCard";
|
||||
import SectionTitle from "@/components/ui/SectionTitle";
|
||||
import AddUserToDishForm from "@/components/features/dishes/AddUserToDishForm";
|
||||
|
||||
interface Props {
|
||||
dish: DishType;
|
||||
reloadDish: () => void;
|
||||
}
|
||||
|
||||
const SyncUsersForm = ({ dish, reloadDish }: Props) => {
|
||||
return (
|
||||
<div className="my-2 w-full flex flex-col">
|
||||
<SectionTitle className="mt-2">Users</SectionTitle>
|
||||
|
||||
<AddUserToDishForm dish={dish} reloadDish={reloadDish} />
|
||||
|
||||
{dish.users.map((user: UserType) => (
|
||||
<UserDishCard
|
||||
key={user.id}
|
||||
user={user}
|
||||
dish={dish}
|
||||
reloadDish={reloadDish}
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default SyncUsersForm;
|
||||
|
|
@ -1,83 +0,0 @@
|
|||
import React, {useEffect} from "react";
|
||||
import {DishType} from "~/types/DishType";
|
||||
import {UserType} from "~/types/UserType";
|
||||
import { Link } from "react-router";
|
||||
import {PencilIcon, TrashIcon} from "@heroicons/react/24/solid";
|
||||
import {removeUserFromDish} from "~/utils/api/dishApi";
|
||||
import EditDishUserCardEditForm from "~/components/features/dishes/EditDishUserCardEditForm";
|
||||
import {getUserDishForUserAndDish} from "~/utils/api/usersApi";
|
||||
import Spinner from "~/components/Spinner";
|
||||
import RecurrenceLabels from "~/components/features/dishes/RecurrenceLabels";
|
||||
import {UserDishType} from "~/types/ScheduledUserDishType";
|
||||
|
||||
interface Props {
|
||||
dish: DishType
|
||||
user: UserType
|
||||
reloadDish: () => void
|
||||
}
|
||||
|
||||
const UserDishCard = ({dish, user, reloadDish}: Props) => {
|
||||
const [userDish, setUserDish] = React.useState<UserDishType|null>(null);
|
||||
const [userDishLoading, setUserDishLoading] = React.useState(true);
|
||||
const [isEditMode, setIsEditMode] = React.useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
getUserDishForUserAndDish(user.id, dish.id)
|
||||
.then((userDish) => setUserDish(userDish))
|
||||
.finally(() => setUserDishLoading(false))
|
||||
}, [dish, user]);
|
||||
|
||||
const handleRemove = () => {
|
||||
removeUserFromDish(dish.id, user.id)
|
||||
.then(() => reloadDish())
|
||||
.catch(() => {
|
||||
alert("Failed to remove user, please try again.");
|
||||
});
|
||||
};
|
||||
|
||||
if (userDishLoading || !userDish) {
|
||||
return <Spinner />
|
||||
}
|
||||
|
||||
const onUserCardSubmit = () => {
|
||||
setIsEditMode(false);
|
||||
reloadDish()
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="my-2 w-full px-3 py-2 text-xl font-bold border border-secondary rounded">
|
||||
<div className="flex gap-2">
|
||||
<div className="flex-none pt-1">
|
||||
{user.name}
|
||||
</div>
|
||||
|
||||
<div className="flex-grow pt-1">
|
||||
<RecurrenceLabels recurrences={userDish.recurrences} />
|
||||
</div>
|
||||
|
||||
<div className="flex-none w-8">
|
||||
<Link onClick={() => setIsEditMode(!isEditMode)} to="#">
|
||||
<div className="border border-foreground p-2 rounded">
|
||||
<PencilIcon width="14"/>
|
||||
</div>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="flex-none w-8">
|
||||
<Link onClick={handleRemove} to="#">
|
||||
<div className="border border-red-500 p-2 rounded">
|
||||
<TrashIcon width="14" className="text-red-500"/>
|
||||
</div>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{isEditMode && (
|
||||
<div className="flex gap-2">
|
||||
<EditDishUserCardEditForm userDish={userDish} onSubmit={onUserCardSubmit} />
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default UserDishCard;
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
import { Link } from "react-router";
|
||||
import React from "react";
|
||||
import useRoutes from "~/hooks/useRoutes";
|
||||
import classNames from "classnames";
|
||||
|
||||
interface Props {
|
||||
isOpen: boolean;
|
||||
setIsOpen: (isOpen: boolean) => void;
|
||||
handleLogout: (e: React.MouseEvent) => void;
|
||||
}
|
||||
|
||||
const divStyles = classNames(
|
||||
'absolute', 'text-xxl', 'rounded-b', 'top-full mt-1', 'left-0', 'right-0', '', 'py-2',
|
||||
'bg-gray-600', 'border-secondary', 'shadow-md', 'flex', 'flex-col', 'space-y-3',
|
||||
'md:hidden'
|
||||
)
|
||||
|
||||
const linkStyles = classNames(
|
||||
'border-b-2', 'border-secondary', 'uppercase',
|
||||
'text-primary', 'hover:background-secondary', 'pb-2', 'pl-5',
|
||||
'space-grotesk', 'text-xl'
|
||||
)
|
||||
|
||||
const MobileDropdownMenu = ({ isOpen, setIsOpen, handleLogout }: Props) => {
|
||||
const routes = useRoutes();
|
||||
|
||||
if (!isOpen) return null;
|
||||
|
||||
return (
|
||||
<div className={divStyles}>
|
||||
<Link
|
||||
to={routes.home()}
|
||||
className={linkStyles}
|
||||
onClick={() => setIsOpen(false)}
|
||||
>
|
||||
Home
|
||||
</Link>
|
||||
<Link
|
||||
to={routes.dish.index()}
|
||||
className={linkStyles}
|
||||
onClick={() => setIsOpen(false)}
|
||||
>
|
||||
Dishes
|
||||
</Link>
|
||||
<Link
|
||||
to={routes.user.index()}
|
||||
className={linkStyles}
|
||||
onClick={() => setIsOpen(false)}
|
||||
>
|
||||
Users
|
||||
</Link>
|
||||
<Link
|
||||
to={routes.schedule.history()}
|
||||
className={linkStyles}
|
||||
onClick={() => setIsOpen(false)}
|
||||
>
|
||||
History
|
||||
</Link>
|
||||
<Link
|
||||
to={routes.auth.login()}
|
||||
onClick={handleLogout}
|
||||
className={linkStyles}>
|
||||
Logout
|
||||
</Link>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default MobileDropdownMenu
|
||||
|
|
@ -1,44 +0,0 @@
|
|||
"use client"
|
||||
|
||||
import {useEffect, useState} from "react";
|
||||
import {DateTime} from "luxon";
|
||||
import ScheduleCalendar from "@/components/features/schedule/ScheduleCalendar";
|
||||
import PageTitle from "@/components/ui/PageTitle";
|
||||
import {ScheduleType} from "@/types/ScheduleType";
|
||||
import Spinner from "@/components/Spinner";
|
||||
import {listSchedule} from "@/utils/api/scheduleApi";
|
||||
|
||||
const HistoricalDishes = () => {
|
||||
const [schedule, setSchedule] = useState<ScheduleType[]>([]);
|
||||
const [isLoading, setIsLoading] = useState(true);
|
||||
|
||||
const yesterday = DateTime.now().minus({ days: 1 }).toFormat('yyyy-LL-dd');
|
||||
|
||||
useEffect(() => {
|
||||
listSchedule(undefined, yesterday)
|
||||
.then((dishes: ScheduleType[]) => dishes
|
||||
.sort((a: ScheduleType, b: ScheduleType) => new Date(b.date).getTime() - new Date(a.date).getTime())
|
||||
)
|
||||
.then((dishes) => setSchedule(dishes))
|
||||
.finally(() => setIsLoading(false))
|
||||
}, [yesterday]);
|
||||
|
||||
if (isLoading) {
|
||||
return <Spinner />;
|
||||
}
|
||||
|
||||
if (!schedule || Object.keys(schedule).length === 0) {
|
||||
return (
|
||||
<div className="w-full text-center text-2xl border-white border-2 rounded-xl mt-4">
|
||||
No dishes scheduled
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
return <div className="justify-items-center">
|
||||
<PageTitle>History</PageTitle>
|
||||
<ScheduleCalendar schedule={schedule as ScheduleType[]} />
|
||||
</div>
|
||||
}
|
||||
|
||||
export default HistoricalDishes
|
||||
|
|
@ -1,72 +0,0 @@
|
|||
import ScheduleDayCard from "@/components/features/schedule/dayCard/ScheduleDayCard";
|
||||
import { FilledScheduleType, ScheduleType } from "@/types/ScheduleType";
|
||||
import {useFetchUsers} from "@/hooks/useFetchUsers";
|
||||
import Spinner from "@/components/Spinner";
|
||||
|
||||
const generateDates = (startDate: string, days: number): string[] => {
|
||||
const dates = [];
|
||||
const start = new Date(startDate);
|
||||
|
||||
for (let i = 0; i < days; i++) {
|
||||
const currentDate = new Date(start);
|
||||
currentDate.setDate(start.getDate() + i);
|
||||
dates.push(currentDate.toISOString().split('T')[0]);
|
||||
}
|
||||
|
||||
return dates;
|
||||
};
|
||||
|
||||
|
||||
const fillCalendar = (schedules: ScheduleType[]): FilledScheduleType[] => {
|
||||
/*
|
||||
Array(14)
|
||||
0:
|
||||
date: "2025-05-05"
|
||||
id: 2
|
||||
is_skipped: false
|
||||
scheduled_user_dishes: []
|
||||
*/
|
||||
|
||||
const dates = generateDates((new Date()).toISOString().split('T')[0], 31)
|
||||
|
||||
return dates.map((date): FilledScheduleType => {
|
||||
console.log(date)
|
||||
|
||||
const schedule = schedules.find((schedule: ScheduleType) => schedule.date == date)
|
||||
|
||||
if (schedule) {
|
||||
return schedule
|
||||
}
|
||||
|
||||
return {
|
||||
date,
|
||||
scheduled_user_dishes: []
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
interface Props {
|
||||
schedule: ScheduleType[];
|
||||
}
|
||||
|
||||
const ScheduleCalendar = ({ schedule }: Props) => {
|
||||
const {users, isLoading: areUsersLoading} = useFetchUsers();
|
||||
|
||||
if (areUsersLoading) return <Spinner />
|
||||
|
||||
const fullCalendar = fillCalendar(schedule)
|
||||
|
||||
return (
|
||||
<div className="w-full flex flex-col items-start">
|
||||
{ fullCalendar.map((schedule, index) => (
|
||||
<ScheduleDayCard
|
||||
key={index}
|
||||
schedule={schedule}
|
||||
users={users}
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default ScheduleCalendar
|
||||
|
|
@ -1,142 +0,0 @@
|
|||
"use client";
|
||||
|
||||
import React, { useEffect, useState } from "react";
|
||||
import { ScheduleType } from "@/types/ScheduleType";
|
||||
import Spinner from "@/components/Spinner";
|
||||
import PageTitle from "@/components/ui/PageTitle";
|
||||
import { getScheduleForDate, scheduleUserDish, updateScheduleForDate } from "@/utils/api/scheduleApi";
|
||||
import { UserDishType } from "@/types/ScheduledUserDishType";
|
||||
import Label from "@/components/ui/Label";
|
||||
import SectionTitle from "@/components/ui/SectionTitle";
|
||||
import { useFetchUsers } from "@/hooks/useFetchUsers";
|
||||
import { listUserDishes } from "@/utils/api/userDishApi";
|
||||
import scheduleBuilder from "@/utils/scheduleBuilder";
|
||||
import transformDate from "@/utils/dateBuilder";
|
||||
import { ChevronLeftIcon } from "@heroicons/react/16/solid";
|
||||
import Hr from "@/components/ui/Hr"
|
||||
import Button from "@/components/ui/Button"
|
||||
|
||||
interface Props {
|
||||
date: string;
|
||||
}
|
||||
|
||||
const ScheduleEditForm = ({ date }: Props) => {
|
||||
const [schedule, setSchedule] = useState<ScheduleType>()
|
||||
const [userDishes, setUserDishes] = useState<UserDishType[]>([])
|
||||
const [isScheduleLoading, setIsScheduleLoading] = useState(true);
|
||||
const [areUserDishesLoading, setAreUserDishesLoading] = useState(true);
|
||||
const { users } = useFetchUsers();
|
||||
|
||||
useEffect(() => {
|
||||
getScheduleForDate(date)
|
||||
.then((sched: ScheduleType) => setSchedule(sched))
|
||||
.finally(() => setIsScheduleLoading(false))
|
||||
}, [date]);
|
||||
|
||||
|
||||
useEffect(() => {
|
||||
listUserDishes()
|
||||
.then((user_dishes: UserDishType[]) => setUserDishes(user_dishes))
|
||||
.finally(() => setAreUserDishesLoading(false))
|
||||
}, []);
|
||||
|
||||
const handleSkipDay = () => {
|
||||
updateScheduleForDate(date, true)
|
||||
.then((schedule: ScheduleType) => {
|
||||
setSchedule(schedule)
|
||||
})
|
||||
}
|
||||
|
||||
const handleUnskipDay = () => {
|
||||
updateScheduleForDate(date, false)
|
||||
.then((schedule: ScheduleType) => {
|
||||
setSchedule(schedule)
|
||||
})
|
||||
}
|
||||
|
||||
const handleChange = (e: React.ChangeEvent<HTMLSelectElement>, userId: number) => {
|
||||
const userDishId = parseInt(e.currentTarget.value);
|
||||
|
||||
if (userDishId === 0) {
|
||||
scheduleUserDish(date, userId, null, true).then(() => window.location.reload());
|
||||
return;
|
||||
}
|
||||
|
||||
scheduleUserDish(date, userId, userDishId).then(() => window.location.reload());
|
||||
}
|
||||
|
||||
if (isScheduleLoading || areUserDishesLoading || !schedule) {
|
||||
return <Spinner/>
|
||||
}
|
||||
|
||||
const scheduleData = scheduleBuilder(schedule, users, userDishes)
|
||||
|
||||
return <div>
|
||||
<div className="flex">
|
||||
<div className="flex-none">
|
||||
<PageTitle>Edit Day</PageTitle>
|
||||
</div>
|
||||
<div className="flex-grow">
|
||||
<SectionTitle className="text-right font-size-24 capitalize font-default">{ transformDate(schedule.date) }</SectionTitle>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Hr className="mb-8" />
|
||||
|
||||
{
|
||||
userDishes.length === 0 && <div className="my-2">
|
||||
<div className="text-center w-full text-xl">No dishes found assigned to this user.</div>
|
||||
<div className="text-center w-full mt-2">Go ahead and add some first, or choose to skip the day.</div>
|
||||
<div className="text-center w-full">(dishes ={`>`} edit ={`>`} add user)</div>
|
||||
</div>
|
||||
}
|
||||
|
||||
{ schedule.is_skipped
|
||||
? <Label>Skipped</Label>
|
||||
: (
|
||||
<>
|
||||
{
|
||||
scheduleData
|
||||
.map((scheduleData) => <div className="flex w-full py-2" key={ scheduleData.user.id }>
|
||||
<div className="flex-none px-2 font-size-18 pt-2">{ scheduleData.user.name }</div>
|
||||
<div className="flex-grow px-2">
|
||||
<select
|
||||
className="w-full bg-gray-500 border-2 border-secondary p-2 rounded"
|
||||
onChange={ (e) => handleChange(e, scheduleData.user.id) }
|
||||
defaultValue={ scheduleData.scheduled_user_dish?.id || 0 }
|
||||
>
|
||||
<option value="0">Skip day</option>
|
||||
{
|
||||
userDishes.map((userDish: UserDishType) => <option
|
||||
key={ userDish.id }
|
||||
value={ userDish.id }
|
||||
>
|
||||
{ userDish.dish.name }
|
||||
</option>)
|
||||
}
|
||||
</select>
|
||||
</div>
|
||||
</div>)
|
||||
}
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
<div className="text-right w-full text-accent-yellow pr-3">Changes are saved automatically</div>
|
||||
|
||||
<Hr className="mt-8" />
|
||||
|
||||
<div className="pt-3 flex gap-4">
|
||||
<Button variant="secondary" appearance="outline" className="flex-grow" href="/" icon={<ChevronLeftIcon />}>
|
||||
Back to schedule
|
||||
</Button>
|
||||
<div className="flex-none w-1/3">{
|
||||
schedule.is_skipped
|
||||
? <Button onClick={ handleUnskipDay } variant="accent" appearance="outline" type="button">Unskip Day</Button>
|
||||
: <Button onClick={ handleSkipDay } variant="accent" appearance="outline" type="button" className="w-full">Skip Day</Button>
|
||||
}</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
|
||||
export default ScheduleEditForm
|
||||
|
|
@ -1,35 +0,0 @@
|
|||
import { useState} from "react";
|
||||
import Modal from "@/components/ui/Modal";
|
||||
import ScheduleRegenerateForm from "@/components/features/schedule/ScheduleRegenerateForm";
|
||||
import {ArrowPathIcon} from "@heroicons/react/16/solid";
|
||||
|
||||
interface ScheduleRegenerateButtonProps {
|
||||
onModalClose?: () => void;
|
||||
}
|
||||
|
||||
const ScheduleRegenerateButton = ({ onModalClose }: ScheduleRegenerateButtonProps) => {
|
||||
const [open, setOpen] = useState(false);
|
||||
|
||||
const handleCloseModal = () => {
|
||||
setOpen(false)
|
||||
if (onModalClose) {
|
||||
onModalClose()
|
||||
}
|
||||
}
|
||||
|
||||
const modalChildren = <ScheduleRegenerateForm closeModal={() => handleCloseModal()}/>
|
||||
const buttonChild = <div className="p-0 flex">
|
||||
<ArrowPathIcon fontSize={24} className="h-5 w-5 mt-1 mr-2" color="gray-500" aria-hidden="true" onClick={() => setOpen(true)} />
|
||||
<p>Regenerate</p>
|
||||
</div>
|
||||
|
||||
return <Modal
|
||||
buttonClassName="ml-auto mr-2 py-1"
|
||||
buttonChildren={buttonChild}
|
||||
modalChildren={modalChildren}
|
||||
modalOpen={open}
|
||||
setModalOpen={setOpen}
|
||||
/>
|
||||
};
|
||||
|
||||
export default ScheduleRegenerateButton;
|
||||
|
|
@ -1,78 +0,0 @@
|
|||
import {DialogTitle} from "@headlessui/react";
|
||||
import Toggle from "@/components/ui/Toggle";
|
||||
import {useEffect, useState} from "react";
|
||||
import {generateSchedule} from "@/utils/api/scheduleApi";
|
||||
import Alert from "@/components/ui/Alert";
|
||||
import SolidButton from "@/components/ui/Buttons/SolidButton";
|
||||
|
||||
interface ScheduleRegenerateFormProps {
|
||||
closeModal: () => void;
|
||||
}
|
||||
|
||||
const ScheduleRegenerateForm = ({closeModal}: ScheduleRegenerateFormProps) => {
|
||||
const [overwrite, setOverwrite] = useState(false);
|
||||
const [error, setError] = useState("");
|
||||
|
||||
useEffect(() => {
|
||||
}, [overwrite]);
|
||||
|
||||
const close = () => {
|
||||
closeModal();
|
||||
}
|
||||
|
||||
const handleToggle = () => {
|
||||
setOverwrite(!overwrite)
|
||||
}
|
||||
|
||||
const handleSubmit = () => {
|
||||
generateSchedule(overwrite)
|
||||
.then(() => close())
|
||||
.catch((err) => setError(err))
|
||||
}
|
||||
|
||||
return <>
|
||||
<div className="bg-gray-500 px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
|
||||
<div className="sm:flex sm:items-start w-full">
|
||||
<div className="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left ">
|
||||
<DialogTitle as="h3" className="text-base font-semibold text-accent-blue">
|
||||
Regenerate Schedule
|
||||
</DialogTitle>
|
||||
<div className="mt-5">
|
||||
<div className="flex">
|
||||
{
|
||||
error && <Alert type="error">{ error }</Alert>
|
||||
}
|
||||
<div className="flex-1/2 pr-5">
|
||||
<label htmlFor="overwrite" className="text-accent-blue">Overwrite current schedule</label>
|
||||
</div>
|
||||
<div className="flex-1/2">
|
||||
<Toggle onChange={handleToggle} checked={overwrite} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="bg-gray-500 px-4 py-3 sm:flex sm:flex-row-reverse sm:px-6">
|
||||
<SolidButton
|
||||
type="button"
|
||||
onClick={() => handleSubmit()}
|
||||
className="inline-flex w-full justify-center rounded-md px-3 py-2 text-sm font-semibold shadow-xs sm:ml-3 sm:w-auto"
|
||||
>
|
||||
Regenerate
|
||||
</SolidButton>
|
||||
<SolidButton
|
||||
type="button"
|
||||
data-autofocus
|
||||
onClick={() => close()}
|
||||
className="mt-3 inline-flex w-full justify-center rounded-md bg-gray-500 px-3 py-2 text-sm font-semibold text-gray-900 ring-1 shadow-xs border-secondary ring-inset sm:mt-0 sm:w-auto"
|
||||
>
|
||||
Cancel
|
||||
</SolidButton>
|
||||
</div>
|
||||
</>;
|
||||
};
|
||||
|
||||
export default ScheduleRegenerateForm;
|
||||
|
|
@ -1,60 +0,0 @@
|
|||
import { useCallback, useEffect, useState } from "react";
|
||||
import { DateTime } from "luxon";
|
||||
import ScheduleCalendar from "@/components/features/schedule/ScheduleCalendar";
|
||||
import PageTitle from "@/components/ui/PageTitle";
|
||||
import Spinner from "@/components/Spinner";
|
||||
import { ScheduleType } from "@/types/ScheduleType";
|
||||
import { listSchedule } from "@/utils/api/scheduleApi";
|
||||
import OnboardingBanner from "@/components/features/OnboardingBanner"
|
||||
import { useFetchUsers } from "@/hooks/useFetchUsers"
|
||||
import { useFetchDishes } from "@/hooks/useFetchDishes"
|
||||
import ScheduleRegenerateButton from "@/components/features/schedule/ScheduleRegenerateButton";
|
||||
|
||||
const UpcomingDishes = () => {
|
||||
const [schedule, setSchedule] = useState<ScheduleType[]>([]);
|
||||
const [isLoading, setIsLoading] = useState(true);
|
||||
|
||||
const today = DateTime.now().toFormat("yyyy-LL-dd");
|
||||
|
||||
const fetchSchedule = useCallback(() => {
|
||||
setIsLoading(true);
|
||||
listSchedule(today)
|
||||
.then((dishes) => setSchedule(dishes))
|
||||
.finally(() => setIsLoading(false));
|
||||
}, [today]);
|
||||
|
||||
useEffect(() => {
|
||||
fetchSchedule();
|
||||
}, [fetchSchedule]);
|
||||
|
||||
const { users, isLoading: areUsersLoading } = useFetchUsers();
|
||||
const { dishes, isLoading: areDishesLoading } = useFetchDishes();
|
||||
|
||||
if (isLoading || areUsersLoading || areDishesLoading) {
|
||||
return <Spinner />;
|
||||
}
|
||||
|
||||
if (users.length === 0 || dishes.length === 0) {
|
||||
return <OnboardingBanner dishes={dishes} users={users} />
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="justify-items-center">
|
||||
<div className="flex w-full py-2">
|
||||
<div className="flex-none w-1/2 text-left pt-1">
|
||||
<PageTitle>Schedule</PageTitle>
|
||||
</div>
|
||||
<div className="flex-none w-1/2 text-right">
|
||||
<ScheduleRegenerateButton onModalClose={fetchSchedule} />
|
||||
</div>
|
||||
</div>
|
||||
{
|
||||
!schedule || Object.keys(schedule).length === 0
|
||||
? <div className="w-full text-center text-2xl border-white border-2 rounded-xl mt-4">No dishes scheduled</div>
|
||||
: <ScheduleCalendar schedule={schedule as ScheduleType[]} />
|
||||
}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default UpcomingDishes;
|
||||
|
|
@ -1,79 +0,0 @@
|
|||
import {FormEvent, useMemo, useState} from "react";
|
||||
import {DishType} from "@/types/DishType";
|
||||
import {ScheduledUserDishType} from "@/types/ScheduledUserDishType";
|
||||
import {updateScheduledUserDish} from "@/utils/api/scheduledUserDishesApi";
|
||||
import Alert from "@/components/ui/Alert";
|
||||
import classNames from "classnames";
|
||||
|
||||
interface Props {
|
||||
scheduledUserDish: ScheduledUserDishType
|
||||
allDishes: DishType[]
|
||||
}
|
||||
|
||||
const UserDishEditCard = ({ scheduledUserDish, allDishes }: Props) => {
|
||||
const [selectedUserDishId, setSelectedUserDishId] = useState<number>(scheduledUserDish.user_dish ? scheduledUserDish.user_dish.id : 0)
|
||||
const [errorMessage, setErrorMessage] = useState<string>("")
|
||||
const [isSuccess, setIsSuccess] = useState(false);
|
||||
|
||||
const selectStyle = classNames(
|
||||
'p-2', 'rounded', 'w-full', 'background-secondary',
|
||||
'focus:outline-none',
|
||||
'transition-[border-color] ease-out duration-1000', 'border-2', // Keep consistent base styles
|
||||
{
|
||||
'border-green-500': isSuccess, // Green border when successful
|
||||
'border-red-500': !isSuccess && errorMessage !== "", // Red border when there's an error
|
||||
'border-secondary': !isSuccess && errorMessage === "", // Default border for neutral state
|
||||
}
|
||||
)
|
||||
|
||||
const handleOnChange = (e: FormEvent<HTMLSelectElement>) => {
|
||||
const userDishId = parseInt(e.currentTarget.value);
|
||||
setSelectedUserDishId(userDishId);
|
||||
|
||||
updateScheduledUserDish(scheduledUserDish.id, userDishId)
|
||||
.then(() => {
|
||||
setIsSuccess(false);
|
||||
setTimeout(() => {
|
||||
setIsSuccess(true);
|
||||
setTimeout(() => setIsSuccess(false), 1000);
|
||||
}, 0);
|
||||
})
|
||||
.catch((error) => {
|
||||
setErrorMessage(error); // Log API errors
|
||||
});
|
||||
};
|
||||
|
||||
const filteredDishes = useMemo(() =>
|
||||
allDishes.filter((dish: DishType) =>
|
||||
dish.users.some((user) => user.id === scheduledUserDish.user_dish.user.id)
|
||||
),
|
||||
[allDishes, scheduledUserDish.user_dish.user.id]
|
||||
)
|
||||
|
||||
return (
|
||||
<div className="m-5 mb-10">
|
||||
<div className="text-2xl">{scheduledUserDish.user_dish.user.name}</div>
|
||||
|
||||
{ errorMessage !== "" && <Alert type="error">{ errorMessage }</Alert> }
|
||||
|
||||
<label htmlFor="name" className="block text-sm font-medium mt-2">Dish</label>
|
||||
<select
|
||||
value={selectedUserDishId}
|
||||
onChange={(e) => handleOnChange(e)}
|
||||
className={selectStyle}
|
||||
>
|
||||
<option key={0} value={0}>Skip Dish</option>
|
||||
{
|
||||
filteredDishes
|
||||
.map((dish: DishType) =>
|
||||
<option key={dish.id} value={dish.id}>
|
||||
{dish.name}
|
||||
</option>
|
||||
)
|
||||
}
|
||||
</select>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default UserDishEditCard;
|
||||
|
|
@ -1,27 +0,0 @@
|
|||
import {DateTime} from "luxon";
|
||||
import React from "react";
|
||||
import classNames from "classnames";
|
||||
|
||||
interface Props {
|
||||
date: string
|
||||
className?: string;
|
||||
}
|
||||
|
||||
const DateBadge = ({ className, date }: Props) => {
|
||||
const isToday = DateTime.fromISO(date).toFormat("yyyy-LL-dd") == DateTime.now().toFormat("yyyy-LL-dd")
|
||||
|
||||
const textStyle = classNames("inline font-bold", {
|
||||
'text-accent-blue': isToday,
|
||||
'text-secondary': !isToday,
|
||||
}, className)
|
||||
|
||||
return (
|
||||
<div className="flex-none w-20 text-center my-auto pb-3 px-3">
|
||||
<div className={classNames(textStyle, 'text-3xl')}>{DateTime.fromISO(date).toFormat("dd")}</div>
|
||||
<br/>
|
||||
<div className={classNames(textStyle, 'text-xl uppercase')}>{DateTime.fromISO(date).toFormat("LLL")}</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default DateBadge
|
||||
|
|
@ -1,50 +0,0 @@
|
|||
import React from "react";
|
||||
import {UserType} from "~/types/UserType";
|
||||
import ScheduleDayCardUserDish from "~/components/features/schedule/dayCard/ScheduleDayCardUserDish";
|
||||
import { FilledScheduleType, ScheduleType } from "~/types/ScheduleType";
|
||||
import { Link } from "react-router";
|
||||
import {PencilSquareIcon} from "@heroicons/react/24/outline";
|
||||
import useRoutes from "~/hooks/useRoutes";
|
||||
import DateBadge from "~/components/features/schedule/dayCard/DateBadge";
|
||||
import { DateTime } from "luxon"
|
||||
import classNames from "classnames"
|
||||
|
||||
interface Props {
|
||||
schedule: ScheduleType|FilledScheduleType;
|
||||
users: UserType[];
|
||||
}
|
||||
|
||||
const ScheduleDayCard = ({schedule, users}: Props) => {
|
||||
const routes = useRoutes()
|
||||
const isToday = DateTime.fromISO(schedule.date).toFormat("yyyy-LL-dd") == DateTime.now().toFormat("yyyy-LL-dd")
|
||||
|
||||
const containerStyles = classNames(
|
||||
'w-full bg-gray-500 pt-5 pb-2 rounded-2xl text-xl', {
|
||||
'border-2 text-accent-blue border-accent-blue': isToday,
|
||||
}
|
||||
)
|
||||
|
||||
return (
|
||||
<div className="relative flex pt-3 pr-2 w-full border-1 border-accent">
|
||||
<DateBadge date={schedule.date} />
|
||||
|
||||
<div className={containerStyles}>
|
||||
{
|
||||
users.map((user) => <ScheduleDayCardUserDish key={user.id} user={user} schedule={schedule}/>)
|
||||
}
|
||||
|
||||
<div className="w-full mt-2 border-t-2 border-background">
|
||||
<Link
|
||||
className="w-full flex text-sm pr-3 pt-2"
|
||||
aria-label="Edit dish"
|
||||
to={routes.schedule.date.edit(schedule.date)}
|
||||
>
|
||||
<PencilSquareIcon className="h-5 w-5 mr-2 ml-auto" /> Edit
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ScheduleDayCard;
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
import React from "react";
|
||||
import { ScheduledUserDishType } from "@/types/ScheduledUserDishType";
|
||||
import { UserType } from "@/types/UserType";
|
||||
import { FilledScheduleType, ScheduleType } from "@/types/ScheduleType";
|
||||
|
||||
interface Props {
|
||||
schedule: ScheduleType|FilledScheduleType;
|
||||
user: UserType;
|
||||
}
|
||||
|
||||
const ScheduleDayCardUserDish = ({ schedule, user }: Props) => {
|
||||
const getDish = (user: UserType) => {
|
||||
const scheduled_dishes = schedule.scheduled_user_dishes.filter((scheduled_user_dish: ScheduledUserDishType) => (
|
||||
scheduled_user_dish.user_dish?.user.id == user.id
|
||||
))
|
||||
|
||||
if (scheduled_dishes.length > 0) {
|
||||
return scheduled_dishes[0].user_dish.dish.name
|
||||
}
|
||||
|
||||
return '/'
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="w-full flex background-secondary pb-1 rounded-2xl text-xl" key={ `user-${ user.id }` }>
|
||||
<div className="w-1/3 font-size-16 text-right pr-3">{ user.name } : </div>
|
||||
<div className="w-2/3 font-size-16">{ getDish(user) }</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ScheduleDayCardUserDish;
|
||||
|
|
@ -1,63 +0,0 @@
|
|||
import React, {useState} from "react";
|
||||
import { useNavigate } from "react-router";
|
||||
import useRoutes from "~/hooks/useRoutes";
|
||||
import {updateUser} from "~/utils/api/usersApi";
|
||||
import PageTitle from "~/components/ui/PageTitle";
|
||||
import { Link } from "react-router";
|
||||
import Alert from "~/components/ui/Alert";
|
||||
import {UserType} from "~/types/UserType";
|
||||
import SolidButton from "~/components/ui/Buttons/SolidButton";
|
||||
|
||||
interface Props {
|
||||
user: UserType;
|
||||
}
|
||||
|
||||
const EditUserForm = ({ user }: Props) => {
|
||||
|
||||
const [name, setName] = useState<string>(user.name);
|
||||
const [error, setError] = useState<string>('');
|
||||
const navigate = useNavigate();
|
||||
const routes = useRoutes();
|
||||
|
||||
const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
|
||||
e.preventDefault();
|
||||
|
||||
// validateName
|
||||
if (!name.trim()) {
|
||||
setError('Name cannot be empty.');
|
||||
return;
|
||||
}
|
||||
|
||||
updateUser(user, name)
|
||||
.then(() => {
|
||||
navigate(routes.user.index())
|
||||
})
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="w-full flex flex-col items-center">
|
||||
<PageTitle>Create User</PageTitle>
|
||||
<Link to={routes.user.index()} className="mr-auto">Back to users</Link>
|
||||
|
||||
<form onSubmit={handleSubmit} className="w-full max-w-sm mt-4 border-secondary border-2 rounded p-4">
|
||||
{
|
||||
error != '' && <Alert type="error" className="mt-4">{ error }</Alert>
|
||||
}
|
||||
|
||||
<label htmlFor="name">Name</label>
|
||||
<input type="text"
|
||||
placeholder=""
|
||||
name="name"
|
||||
id="name"
|
||||
value={name}
|
||||
onChange={(e) => setName(e.target.value)}
|
||||
className="w-full p-2 border rounded bg-primary border-secondary bg-gray-600 text-secondary"
|
||||
/>
|
||||
|
||||
<SolidButton type="submit" className="mt-4">Update</SolidButton>
|
||||
</form>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default EditUserForm;
|
||||
|
|
@ -1,26 +0,0 @@
|
|||
import { useAuth } from '@/context/AuthContext';
|
||||
import React, { useEffect } from 'react';
|
||||
import { useLocation, useNavigate } from "react-router"
|
||||
|
||||
export default function AuthGuard({ children }: { children: React.ReactNode }) {
|
||||
const { isAuthenticated } = useAuth();
|
||||
const navigate = useNavigate();
|
||||
const location = useLocation();
|
||||
|
||||
const publicRoutes = ['/login', '/register'];
|
||||
const isPublic = publicRoutes.includes(location.pathname);
|
||||
|
||||
useEffect(() => {
|
||||
// Handle redirects based on auth state
|
||||
if (isAuthenticated && isPublic) {
|
||||
// Redirect authenticated users away from public pages
|
||||
navigate('/', { replace: true });
|
||||
} else if (!isAuthenticated && !isPublic) {
|
||||
// Redirect unauthenticated users trying to access protected pages
|
||||
navigate('/login', { replace: true });
|
||||
}
|
||||
}, [isAuthenticated, location.pathname, isPublic, navigate]);
|
||||
|
||||
// Render children for all routes - redirects will happen via useEffect
|
||||
return <>{children}</>;
|
||||
}
|
||||
|
|
@ -1,15 +0,0 @@
|
|||
import React from "react";
|
||||
|
||||
interface Props {
|
||||
children: React.ReactNode;
|
||||
}
|
||||
|
||||
const Card = ({ children }: Props) => {
|
||||
return (
|
||||
<div className="w-full border-2 border-secondary p-2 pl-4 my-2 rounded flex">
|
||||
{ children }
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Card
|
||||
|
|
@ -1,80 +0,0 @@
|
|||
import React, { useState } from "react";
|
||||
import { Link, useNavigate } from "react-router";
|
||||
import useRoutes from "~/hooks/useRoutes";
|
||||
import MobileDropdownMenu from "~/components/features/navbar/MobileDropdownMenu";
|
||||
import { useAuth } from "~/context/AuthContext";
|
||||
|
||||
const NavBar = () => {
|
||||
const [isOpen, setIsOpen] = useState(false);
|
||||
const routes = useRoutes();
|
||||
const navigate = useNavigate();
|
||||
const {isAuthenticated, logout} = useAuth();
|
||||
|
||||
const handleLogout = (e: React.MouseEvent) => {
|
||||
e.preventDefault();
|
||||
logout();
|
||||
navigate('/login', { replace: true });
|
||||
};
|
||||
|
||||
return (
|
||||
<nav className="border-b-2 border-secondary shadow-sm z-50 mb-8">
|
||||
<div className="relative flex justify-between items-center px-4 lg:px-8 py-2 lg:container lg:mx-auto">
|
||||
{/* Logo */}
|
||||
<Link to={routes.home()} className="pt-2 text-2xl font-syncopate text-primary">
|
||||
DISH PLANNER
|
||||
</Link>
|
||||
|
||||
{/* Hamburger Menu - For Mobile View */}
|
||||
{ isAuthenticated && (
|
||||
<>
|
||||
<button
|
||||
className="text-primary w-8 h-8 md:hidden flex items-center justify-center"
|
||||
onClick={() => setIsOpen(!isOpen)} // Toggle menu visibility
|
||||
aria-label="Toggle menu"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className="h-6 w-6"
|
||||
fill="none"
|
||||
viewBox="0 0 24 24"
|
||||
stroke="currentColor"
|
||||
>
|
||||
<path
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth={2}
|
||||
d={isOpen ? "M6 18L18 6M6 6l12 12" : "M4 6h16M4 12h16M4 18h16"}
|
||||
/>
|
||||
</svg>
|
||||
</button>
|
||||
|
||||
{/* Desktop Menu */}
|
||||
<div className="hidden md:flex space-x-6">
|
||||
<Link to={routes.home()} className="text-accent-blue hover:background-secondary">
|
||||
Home
|
||||
</Link>
|
||||
<Link to={routes.dish.index()} className="text-accent-blue hover:background-secondary">
|
||||
Dishes
|
||||
</Link>
|
||||
<Link to={routes.user.index()} className="text-accent-blue hover:background-secondary">
|
||||
Users
|
||||
</Link>
|
||||
<Link to={routes.schedule.history()} className="text-accent-blue hover:background-secondary">
|
||||
History
|
||||
</Link>
|
||||
<Link to={routes.auth.login()}
|
||||
onClick={handleLogout}
|
||||
className="text-primary text-right hover:background-secondary">
|
||||
Logout
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
<MobileDropdownMenu isOpen={isOpen} setIsOpen={setIsOpen} handleLogout={handleLogout} />
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
</nav>
|
||||
);
|
||||
};
|
||||
|
||||
export default NavBar;
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
const PrivatePage = () => {
|
||||
return (
|
||||
<div>
|
||||
private
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default PrivatePage
|
||||
|
|
@ -1,11 +0,0 @@
|
|||
import { Outlet } from "react-router"
|
||||
|
||||
const PublicPage = () => {
|
||||
return (
|
||||
<div>
|
||||
<Outlet />
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default PublicPage
|
||||
|
|
@ -1,34 +0,0 @@
|
|||
import React from "react"
|
||||
import classNames from "classnames";
|
||||
|
||||
interface Props {
|
||||
children: React.ReactNode;
|
||||
className?: string;
|
||||
type: 'error' | 'warning' | 'info' | 'success';
|
||||
}
|
||||
|
||||
const Alert = ({ children, className, type }: Props) => {
|
||||
let bgColor = 'bg-blue-200'
|
||||
let fgColor = 'bg-blue-800'
|
||||
|
||||
if (type == 'error') {
|
||||
bgColor = 'bg-red-200'
|
||||
fgColor = 'bg-red-800'
|
||||
} else if (type == 'warning') {
|
||||
bgColor = 'bg-orange-200'
|
||||
fgColor = 'bg-orange-800'
|
||||
} else if (type == 'success') {
|
||||
bgColor = 'border-2 border-green-500'
|
||||
fgColor = 'text-green-500'
|
||||
}
|
||||
|
||||
const styles = classNames(fgColor, bgColor, className, 'rounded')
|
||||
|
||||
return (
|
||||
<div className={styles}>
|
||||
{ children}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Alert
|
||||
|
|
@ -1,62 +0,0 @@
|
|||
import { Link } from "react-router";
|
||||
import React from "react";
|
||||
import classNames from "classnames";
|
||||
|
||||
interface ButtonProps {
|
||||
appearance?: 'solid' | 'outline' | 'text';
|
||||
children: React.ReactNode;
|
||||
className?: string;
|
||||
href?: string;
|
||||
icon?: React.ReactNode;
|
||||
onClick?: () => void;
|
||||
disabled?: boolean;
|
||||
size?: 'small' | 'medium' | 'large';
|
||||
type?: 'button' | 'submit' | 'reset';
|
||||
variant?: 'primary' | 'secondary' | 'accent';
|
||||
}
|
||||
|
||||
const Button = ({ appearance, children, className, disabled, href, icon, onClick,
|
||||
size = 'medium', type,
|
||||
variant = 'primary'
|
||||
}: ButtonProps) => {
|
||||
const styles = classNames(
|
||||
"flex items-center space-x-1",
|
||||
"justify-center font-size-18 py-2 px-4 rounded flex",
|
||||
{
|
||||
'border-2 border-primary background-red text-white': variant === 'primary' && appearance === 'solid',
|
||||
'border-2 border-primary text-primary': variant === 'primary' && appearance === 'outline',
|
||||
'text-primary': variant === 'primary' && appearance === 'text',
|
||||
'border-2 border-secondary text-secondary': variant === 'secondary' && appearance === 'outline',
|
||||
'border-2 border-accent-blue text-accent-blue': variant === 'accent' && appearance === 'outline',
|
||||
},
|
||||
className
|
||||
)
|
||||
|
||||
const iconClassNames = classNames({
|
||||
"h-4 w-4 mr-1": size === "small",
|
||||
"h-5 w-5 mr-1": size === "medium",
|
||||
"h-7 w-7 mr-2": size === "large",
|
||||
});
|
||||
|
||||
const iconElement =
|
||||
React.isValidElement(icon) &&
|
||||
React.cloneElement(icon as React.ReactElement<{ className?: string }>, {
|
||||
className: iconClassNames,
|
||||
});
|
||||
|
||||
if (href !== undefined) {
|
||||
return (
|
||||
<Link to={href} className={styles}>
|
||||
{ icon && iconElement}
|
||||
{ children}
|
||||
</Link>
|
||||
)
|
||||
}
|
||||
|
||||
return <button onClick={onClick} className={styles} disabled={disabled} type={ type ?? 'button'}>
|
||||
{ icon && iconElement}
|
||||
{ children }
|
||||
</button>
|
||||
}
|
||||
|
||||
export default Button
|
||||
|
|
@ -1,37 +0,0 @@
|
|||
import React from "react";
|
||||
import classNames from "classnames";
|
||||
|
||||
interface Props {
|
||||
children: React.ReactNode;
|
||||
className?: string;
|
||||
disabled?: boolean;
|
||||
onClick?: () => void;
|
||||
size?: "small" | "medium" | "large";
|
||||
type: 'submit' | 'button';
|
||||
}
|
||||
|
||||
const OutlineButton = ({ children, className, disabled = false, onClick, size, type }: Props) => {
|
||||
const style = classNames(
|
||||
"justify-center border-2 border-accent font-size-18 text-accent-blue py-2 px-4 rounded flex",
|
||||
{ 'text-xs': size === "small" },
|
||||
className
|
||||
)
|
||||
|
||||
if (onClick === undefined) {
|
||||
onClick = () => {
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<button
|
||||
type={ type }
|
||||
className={ style }
|
||||
disabled={ disabled }
|
||||
onClick={ onClick }
|
||||
>
|
||||
{ children }
|
||||
</button>
|
||||
)
|
||||
}
|
||||
|
||||
export default OutlineButton
|
||||
|
|
@ -1,49 +0,0 @@
|
|||
import React from "react";
|
||||
import classNames from "classnames";
|
||||
import { Link } from "react-router"
|
||||
|
||||
interface Props {
|
||||
children: React.ReactNode;
|
||||
className?: string;
|
||||
href: string;
|
||||
icon?: React.ReactNode;
|
||||
size?: "small" | "medium" | "large";
|
||||
variant?: "primary" | "secondary";
|
||||
}
|
||||
|
||||
const OutlineLinkButton = ({ children, className, href, icon, size = "medium", variant }: Props) => {
|
||||
const linkClassNames = classNames(
|
||||
"underline font-default pt-3 pb-3 px-4 rounded mb-0 flex",
|
||||
{
|
||||
'text-primary border-primary': variant === "primary",
|
||||
'text-secondary border-secondary': variant === "secondary",
|
||||
'text-accent-blue border-accent': !variant || !["primary", "secondary"].includes(variant),
|
||||
}, {
|
||||
'text-size-14': size === "small",
|
||||
'font-size-18': !size || size === "medium",
|
||||
'text-2xl': size === "large",
|
||||
},
|
||||
className,
|
||||
)
|
||||
|
||||
const iconClassNames = classNames("mt-0.5", {
|
||||
"h-4 w-4 mr-1": size === "small",
|
||||
"h-5 w-5 mr-1": size === "medium", // Default size
|
||||
"h-7 w-7 mr-2": size === "large",
|
||||
});
|
||||
|
||||
const iconElement =
|
||||
React.isValidElement(icon) &&
|
||||
React.cloneElement(icon as React.ReactElement<{ className?: string }>, {
|
||||
className: iconClassNames,
|
||||
});
|
||||
|
||||
return (
|
||||
<Link className={linkClassNames} to={href}>
|
||||
{iconElement}
|
||||
{children}
|
||||
</Link>
|
||||
)
|
||||
}
|
||||
|
||||
export default OutlineLinkButton
|
||||
|
|
@ -1,40 +0,0 @@
|
|||
import React from "react";
|
||||
import classNames from "classnames";
|
||||
|
||||
interface Props {
|
||||
children: React.ReactNode;
|
||||
className?: string;
|
||||
disabled?: boolean;
|
||||
onClick?: () => void;
|
||||
size?: "small" | "medium" | "large";
|
||||
type: 'submit' | 'button';
|
||||
}
|
||||
|
||||
const SolidButton = ({ children, className, disabled = false, onClick, size, type }: Props) => {
|
||||
const style = classNames(
|
||||
"py-2 px-4 bg-primary text-white text-xl p-2 rounded hover:bg-secondary mb-0",
|
||||
{
|
||||
'text-xs': size === "small",
|
||||
'font-size-18': !size || size === "medium",
|
||||
},
|
||||
className
|
||||
)
|
||||
|
||||
if (onClick === undefined) {
|
||||
onClick = () => {
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<button
|
||||
className={ style }
|
||||
disabled={ disabled }
|
||||
onClick={ onClick }
|
||||
type={ type }
|
||||
>
|
||||
{ children }
|
||||
</button>
|
||||
)
|
||||
}
|
||||
|
||||
export default SolidButton
|
||||
|
|
@ -1,46 +0,0 @@
|
|||
import React from "react";
|
||||
import classNames from "classnames";
|
||||
import { Link } from "react-router"
|
||||
|
||||
interface Props {
|
||||
children: React.ReactNode;
|
||||
className?: string;
|
||||
href: string;
|
||||
icon?: React.ReactNode;
|
||||
size?: "small" | "medium" | "large";
|
||||
variant?: "primary" | "secondary";
|
||||
}
|
||||
|
||||
const SolidLinkButton = ({ children, className, href, icon, size = "medium", variant }: Props) => {
|
||||
const style = classNames(
|
||||
"py-2 px-4 text-xl p-2 rounded hover:bg-secondary mb-0 text-center flex",
|
||||
{
|
||||
'background-red text-white': variant === "primary",
|
||||
'background-secondary border-2 border-secondary': variant === "secondary",
|
||||
},
|
||||
className
|
||||
)
|
||||
|
||||
const iconClassNames = classNames("mt-1", {
|
||||
"h-4 w-4 mr-1": size === "small",
|
||||
"h-5 w-5 mr-1": size === "medium", // Default size
|
||||
"h-7 w-7 mr-2": size === "large",
|
||||
});
|
||||
|
||||
const iconElement =
|
||||
React.isValidElement(icon) &&
|
||||
React.cloneElement(icon as React.ReactElement<{ className?: string }>, {
|
||||
className: iconClassNames,
|
||||
});
|
||||
|
||||
return (
|
||||
<Link className={style} to={href}>
|
||||
<div className="flex-grow"></div>
|
||||
{iconElement}
|
||||
{children}
|
||||
<div className="flex-grow"></div>
|
||||
</Link>
|
||||
)
|
||||
}
|
||||
|
||||
export default SolidLinkButton
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Reference in a new issue