diff options
author | vantezzen <hello@vantezzen.io> | 2020-04-02 15:32:18 +0200 |
---|---|---|
committer | vantezzen <hello@vantezzen.io> | 2020-04-02 15:32:18 +0200 |
commit | ddd002094d5c80ca4065b7d181e7f5b9471556da (patch) | |
tree | 1c5d9d018878595b32b4ec6bd3734bef698237d5 /resources/views/others/import.edge | |
parent | Merge branch 'master' of https://github.com/getferdi/ferdi-server (diff) | |
download | ferdium-server-ddd002094d5c80ca4065b7d181e7f5b9471556da.tar.gz ferdium-server-ddd002094d5c80ca4065b7d181e7f5b9471556da.tar.zst ferdium-server-ddd002094d5c80ca4065b7d181e7f5b9471556da.zip |
Update dashboard design
Diffstat (limited to 'resources/views/others/import.edge')
-rw-r--r-- | resources/views/others/import.edge | 74 |
1 files changed, 61 insertions, 13 deletions
diff --git a/resources/views/others/import.edge b/resources/views/others/import.edge index b890bbb..80da037 100644 --- a/resources/views/others/import.edge +++ b/resources/views/others/import.edge | |||
@@ -1,19 +1,67 @@ | |||
1 | @layout('layouts.main') | 1 | @layout('layouts.v2') |
2 | 2 | ||
3 | @section('content') | 3 | @section('content') |
4 | <h1>Import a Franz account</h1> | 4 | <div class="w-screen h-screen bg-purple-200 flex items-center justify-center"> |
5 | <p>Please login using your Franz account. We will create a new Ferdi account with the same credentials.</p> | 5 | <form class="w-full max-w-sm bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4" |
6 | <form action="import" method="post"> | 6 | action="/import" method="POST"> |
7 | <label for="email">E-Mail address</label><br /> | 7 | <h1 class="text-gray-700 text-center text-2xl pb-5"> |
8 | <input type="email" name="email" placeholder="joe@example.com" required><br /> | 8 | Import your Franz account |
9 | </h1> | ||
10 | <p class="text-gray-600 text-sm text-center py-2"> | ||
11 | Please login using your Franz account. We will create a new Ferdi account with the same credentials. | ||
12 | </p> | ||
9 | 13 | ||
10 | <label for="password">Password</label><br /> | 14 | @if(flashMessage('error')) |
11 | <input type="password" name="password" placeholder="********" required><br /> | 15 | <div class="bg-orange-100 border-l-4 border-orange-500 text-orange-700 p-4"> |
16 | {{ flashMessage('error') }} | ||
17 | </div> | ||
18 | @endif | ||
19 | @if(old('message')) | ||
20 | <div class="bg-orange-100 border-l-4 border-orange-500 text-orange-700 p-4"> | ||
21 | {{ old('message') }} | ||
22 | </div> | ||
23 | @endif | ||
12 | 24 | ||
13 | <button type="submit" id="submitbutton">Import Franz account</button> | 25 | <div class="mb-4"> |
14 | <small> | 26 | <label class="block text-gray-700 text-sm font-bold mb-2" for="email"> |
15 | By importing your Franz account, you accept the <a href="/terms">Terms of service</a> and <a href="/privacy">Privacy | 27 | |
16 | policy</a> | 28 | </label> |
17 | </small> | 29 | <input |
30 | class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" | ||
31 | id="email" | ||
32 | name="email" | ||
33 | type="text" | ||
34 | placeholder="E-Mail" | ||
35 | value="{{ old('email', '') }}" | ||
36 | required> | ||
37 | </div> | ||
38 | <div class="mb-6"> | ||
39 | <label class="block text-gray-700 text-sm font-bold mb-2" for="password"> | ||
40 | Password | ||
41 | </label> | ||
42 | <input | ||
43 | class="shadow appearance-none rounded w-full py-2 px-3 text-gray-700 mb-3 leading-tight focus:outline-none focus:shadow-outline" | ||
44 | id="password" | ||
45 | type="password" | ||
46 | name="password" | ||
47 | placeholder="*****" | ||
48 | autocomplete="current-password" | ||
49 | required> | ||
50 | </div> | ||
51 | <button | ||
52 | class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline" | ||
53 | type="submit"> | ||
54 | Import account | ||
55 | </button> | ||
56 | <p class="text-gray-600 text-sm text-center py-2"> | ||
57 | By importing your Franz account, you accept the <a href="/terms">Terms of service</a> and <a href="/privacy">Privacy | ||
58 | policy</a> | ||
59 | </p> | ||
60 | <div class="text-center"> | ||
61 | <a class="w-full font-bold text-sm text-blue-500 hover:text-blue-800" href="/user/login"> | ||
62 | Login to an existing account | ||
63 | </a> | ||
64 | </div> | ||
18 | </form> | 65 | </form> |
66 | </div> | ||
19 | @endsection | 67 | @endsection |