From 7744cc5b726f0f196de48990c292192ae5f7bd7c Mon Sep 17 00:00:00 2001 From: Dan Harrin Date: Mon, 20 Mar 2023 12:26:59 +0000 Subject: [PATCH] Add modal screenshots --- docs-assets/app/app/Http/Livewire/Actions.php | 9 +++ .../views/livewire/actions.blade.php | 52 +++++++++++------- .../images/actions/modal/confirmation.jpg | Bin 0 -> 41393 bytes docs-assets/screenshots/schema.js | 15 +++++ docs-assets/screenshots/script.js | 4 ++ packages/actions/docs/04-modals.md | 4 +- 6 files changed, 62 insertions(+), 22 deletions(-) create mode 100644 docs-assets/screenshots/images/actions/modal/confirmation.jpg diff --git a/docs-assets/app/app/Http/Livewire/Actions.php b/docs-assets/app/app/Http/Livewire/Actions.php index 7a2087bfc7..01a98751f6 100644 --- a/docs-assets/app/app/Http/Livewire/Actions.php +++ b/docs-assets/app/app/Http/Livewire/Actions.php @@ -61,6 +61,15 @@ class Actions extends Component implements HasActions ->iconPosition('after'); } + public function confirmationModalAction(): Action + { + return Action::make('confirmationModalAction') + ->label('Delete') + ->color('danger') + ->requiresConfirmation() + ->action(fn () => null); + } + public function render() { return view('livewire.actions'); diff --git a/docs-assets/app/resources/views/livewire/actions.blade.php b/docs-assets/app/resources/views/livewire/actions.blade.php index bb53412832..660473596c 100644 --- a/docs-assets/app/resources/views/livewire/actions.blade.php +++ b/docs-assets/app/resources/views/livewire/actions.blade.php @@ -1,29 +1,39 @@ -
-
- {{ $this->buttonAction }} -
+
+ @if (! $this->mountedAction) +
+ {{ $this->buttonAction }} +
-
- {{ $this->linkAction }} -
+
+ {{ $this->linkAction }} +
-
- {{ $this->iconButtonAction }} -
+
+ {{ $this->iconButtonAction }} +
-
- {{ $this->dangerAction }} -
+
+ {{ $this->dangerAction }} +
-
- {{ $this->largeAction }} -
+
+ {{ $this->largeAction }} +
-
- {{ $this->iconAction }} -
+
+ {{ $this->iconAction }} +
-
- {{ $this->iconAfterAction }} +
+ {{ $this->iconAfterAction }} +
+ +
+ {{ $this->confirmationModalAction }} +
+ @endif + +
diff --git a/docs-assets/screenshots/images/actions/modal/confirmation.jpg b/docs-assets/screenshots/images/actions/modal/confirmation.jpg new file mode 100644 index 0000000000000000000000000000000000000000..7a5bed1fd93509501cf5c56b81c191271ebb52dd GIT binary patch literal 41393 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 { + await page.click('#confirmationModalAction button') + await page.waitForSelector('#modal h2') + + await page.waitForTimeout(300) + }, + selector: 'body', + }, 'app/dashboard': { url: 'admin', selector: 'body', diff --git a/docs-assets/screenshots/script.js b/docs-assets/screenshots/script.js index 5b1378499a..86108a2838 100644 --- a/docs-assets/screenshots/script.js +++ b/docs-assets/screenshots/script.js @@ -27,6 +27,10 @@ for (const [file, options] of Object.entries(schema)) { waitUntil: 'networkidle2', }) + if (options.before) { + await options.before(page, browser) + } + const element = await page.waitForSelector(options.selector) await element.screenshot({ path: `images/${file}.jpg` }) diff --git a/packages/actions/docs/04-modals.md b/packages/actions/docs/04-modals.md index 2ece41e7ba..e479cab699 100644 --- a/packages/actions/docs/04-modals.md +++ b/packages/actions/docs/04-modals.md @@ -14,6 +14,8 @@ Action::make('delete') ->requiresConfirmation() ``` +![Confirmation modal](https://github.com/filamentphp/filament/blob/3.x/docs-assets/screenshots/images/actions/modal/confirmation.jpg?raw=true) + > Note: The confirmation modal is not available when a `url()` is set instead of an `action()`. Instead, you should redirect to the URL within the `action()` callback. ## Setting a modal heading, subheading, and button label @@ -136,4 +138,4 @@ Action::make('create') ->action('create') ->modalHidden(fn (): bool => $this->role !== 'admin') ->modalContent(view('filament.pages.actions.create')) -``` \ No newline at end of file +```