Add custom views to required access code (#98)

cesargb · Apr 24, 2023 · 1ff50d9 · 1ff50d9
1 parent 8465ed3
commit 1ff50d9
Show file tree

Hide file tree

Showing 5 changed files with 109 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -251,6 +251,18 @@ $magiclink->protectWithAccessCode('secret');
 $urlToSend = $magiclink->url;
 ```
 
+### Custom view for access code
+
+You can customize the view of the access code form with the config file `magiclink.php`:
+
+```php
+'access_code' => [
+ 'view' => 'magiclink::access-code', // Change with your view
+],
+```
+
+This is the [default view](/resources/views/ask-for-access-code-form.blade.php)
+
 ## Lifetime
 
 By default a link will be available for 72 hours after your creation. We can

diff --git a/config/magiclink.php b/config/magiclink.php
@@ -64,4 +64,7 @@
  */
  'disable_default_route' => false,
 
+ 'access_code' => [
+ 'view' => 'magiclink::ask-for-access-code-form',
+ ]
 ];
diff --git a/src/AccessCode.php b/src/AccessCode.php
@@ -74,7 +74,10 @@ private function getResponseAccessCodeFromCookie()
  }
  }
 
- return response()->view('magiclink::ask-for-access-code-form', [], 403);
+ return response()->view(
+ config('magiclink.access-code.view', 'magiclink::ask-for-access-code-form'),
+ [],
+ 403);
  }
 
  return null;

diff --git a/tests/AccessCodeTest.php b/tests/AccessCodeTest.php
@@ -103,4 +103,19 @@ public function test_forbidden_if_provide_access_code_of_other_link()
  ->get($magiclinkOther->url)
  ->assertStatus(403);
  }
+
+ public function test_forbidden_if_protected_with_access_code_custmo()
+ {
+ $magiclink = MagicLink::create(new ResponseAction(function () {
+ return 'the big secret';
+ }));
+
+ config(['magiclink.access-code.view' => 'access-code-custom']);
+
+ $magiclink->protectWithAccessCode('1234');
+
+ $this->get($magiclink->url)
+ ->assertStatus(403)
+ ->assertViewIs('access-code-custom');
+ }
 }
diff --git a/tests/stubs/resources/views/access-code-custom.blade.php b/tests/stubs/resources/views/access-code-custom.blade.php
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Password protected</title>
+
+ <link href="https://fonts.googleapis.com/css?family=Lato:100" rel="stylesheet" type="text/css">
+
+ <style>
+ html, body {
+ height: 100%;
+ }
+
+ body {
+ margin: 0;
+ padding: 0;
+ width: 100%;
+ display: table;
+ font-weight: 100;
+ font-family: 'Lato';
+ }
+
+ .container {
+ text-align: center;
+ display: table-cell;
+ vertical-align: middle;
+ }
+
+ .content {
+ text-align: center;
+ display: inline-block;
+ }
+
+ .title {
+ font-size: 36px;
+ }
+
+ .form-control {
+ border: 1px solid #ccc;
+ padding: 10px 20px;
+ }
+
+ .hidden {
+ display: none;
+ }
+
+ .text-danger {
+ color: #d9534f;
+ }
+ </style>
+</head>
+<body>
+<div class="container">
+ <div class="content">
+ <div class="title">Enter access code</div>
+
+ <form method="GET">
+ {{ csrf_field() }}
+
+ <div class="form-group">
+
+ <input type="password" name="access-code" placeholder="Please enter access code" class="form-control" tabindex="1" autofocus />
+ @if (Request::get('access-code'))
+ <div class="text-danger">Access code is wrong</div>
+ @else
+ <div class="small help-block">And press enter</div>
+ @endif
+ </div>
+
+ <input type="submit" class="hidden" />
+
+ </form>
+ </div>
+</div>
+</body>
+</html>