aboutsummaryrefslogtreecommitdiffstats
path: root/resources/views/dashboard/account.edge
diff options
context:
space:
mode:
authorLibravatar vantezzen <hello@vantezzen.io>2020-04-02 15:32:18 +0200
committerLibravatar vantezzen <hello@vantezzen.io>2020-04-02 15:32:18 +0200
commitddd002094d5c80ca4065b7d181e7f5b9471556da (patch)
tree1c5d9d018878595b32b4ec6bd3734bef698237d5 /resources/views/dashboard/account.edge
parentMerge branch 'master' of https://github.com/getferdi/ferdi-server (diff)
downloadferdium-server-ddd002094d5c80ca4065b7d181e7f5b9471556da.tar.gz
ferdium-server-ddd002094d5c80ca4065b7d181e7f5b9471556da.tar.zst
ferdium-server-ddd002094d5c80ca4065b7d181e7f5b9471556da.zip
Update dashboard design
Diffstat (limited to 'resources/views/dashboard/account.edge')
-rw-r--r--resources/views/dashboard/account.edge109
1 files changed, 59 insertions, 50 deletions
diff --git a/resources/views/dashboard/account.edge b/resources/views/dashboard/account.edge
index a91aa11..9f3539e 100644
--- a/resources/views/dashboard/account.edge
+++ b/resources/views/dashboard/account.edge
@@ -1,66 +1,75 @@
1@layout('layouts.main') 1@layout('layouts.v2')
2 2
3@section('content') 3@section('content')
4<h2>Your Ferdi account</h2> 4<div class="w-screen h-screen bg-purple-200 flex items-center justify-center">
5@if(flashMessage('error')) 5 <div class="w-full max-w-lg bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4">
6 <div class="alert"> 6 <h1 class="text-gray-700 text-center text-2xl pb-5">
7 {{ flashMessage('error') }} 7 Your Ferdi account
8 </h1>
9 @if(flashMessage('error'))
10 <div class="bg-orange-100 border-l-4 border-orange-500 text-orange-700 p-4">
11 {{ flashMessage('error') }}
8 </div> 12 </div>
9@endif 13 @endif
10@if(old('message')) 14 @if(old('message'))
11 <div class="alert"> 15 <div class="bg-orange-100 border-l-4 border-orange-500 text-orange-700 p-4">
12 {{ old('message') }} 16 {{ old('message') }}
13 </div> 17 </div>
14@endif 18 @endif
15@if(flashMessage('notification')) 19 @if(flashMessage('notification'))
16 <div class="alert"> 20 <div class="bg-orange-100 border-l-4 border-orange-500 text-orange-700 p-4">
17 {{ flashMessage('notification.message') }} 21 {{ flashMessage('notification.message') }}
18 </div> 22 </div>
19@endif 23 @endif
20@if(success === true) 24 @if(success === true)
21 <div class="alert" style="background-color:#28C76F;"> 25 <div class="bg-green-100 border-l-4 border-green-500 text-white p-4" style="background-color:#28C76F;">
22 Sucessfully updated your user account 26 Sucessfully updated your user account
23 </div> 27 </div>
24@endif 28 @endif
25 29
26<form action="/user/account" method="POST"> 30 <form action="/user/account" method="POST">
27 {{ csrfField() }} 31 {{ csrfField() }}
28 <div> 32 <div class="mb-6">
29 <label>Name</label> 33 <label class="block text-gray-700 text-sm font-bold mb-2">Name</label>
30 <div> 34 <div>
31 <input type="text" value="{{ old('name', username) }}" placeholder="Name" name="username" required> 35 <input
36 class="shadow appearance-none rounded w-full py-2 px-3 text-gray-700 mb-3 leading-tight focus:outline-none focus:shadow-outline"
37 type="text" value="{{ old('name', username) }}" placeholder="Name" name="username" required>
32 </div> 38 </div>
33 </div> 39 </div>
34 <div> 40 <div class="mb-6">
35 <label>E-Mail</label> 41 <label class="block text-gray-700 text-sm font-bold mb-2">E-Mail</label>
36 <div> 42 <div>
37 <input type="email" value="{{ old('email', email) }}" placeholder="E-Mail" name="email" required> 43 <input
44 class="shadow appearance-none rounded w-full py-2 px-3 text-gray-700 mb-3 leading-tight focus:outline-none focus:shadow-outline"
45 type="email" value="{{ old('email', email) }}" placeholder="E-Mail" name="email" required>
38 </div> 46 </div>
39 </div> 47 </div>
40 <div> 48 <div class="mb-6">
41 <label>Password</label> 49 <label class="block text-gray-700 text-sm font-bold mb-2">Password</label>
42 <div> 50 <div>
43 <input type="password" placeholder="*********" name="password"> 51 <input
52 class="shadow appearance-none rounded w-full py-2 px-3 text-gray-700 mb-3 leading-tight focus:outline-none focus:shadow-outline"
53 type="password" placeholder="*********" name="password">
44 </div> 54 </div>
45 </div> 55 </div>
46 <div> 56 <div>
47 <button style="background-color:#28C76F;margin-bottom:1rem;">Change settings</button> 57 <button style="background-color:#28C76F;margin-bottom:1rem;">Change settings</button>
58 </div>
59 </form>
60 <div class="text-center">
61 <a class="w-full font-bold text-sm text-gray-500 hover:text-gray-800 mb-3"
62 href="/user/data">My account data</a>
63 <br />
64 <a class="w-full font-bold text-sm text-gray-500 hover:text-gray-800 mb-3"
65 href="/user/transfer">Import/Export account data</a>
66 <br />
67 <a class="w-full font-bold text-sm text-red-500 hover:text-red-800 mb-3"
68 href="/user/delete">Delete my account</a>
69 <br />
70 <a class="w-full font-bold text-sm text-gray-500 hover:text-gray-800 mb-3"
71 href="/user/logout">Logout</a>
48 </div> 72 </div>
49</form> 73 </div>
50
51<div>
52 <a class="button" href="/user/delete" style="background-color:#F6416C;margin-bottom:1rem;">Delete my account</a>
53</div>
54<div>
55 <a class="button" href="/user/data" style="margin-bottom:1rem;">My account data</a>
56</div> 74</div>
57<div> 75@endsection
58 <a class="button" href="/user/transfer" style="margin-bottom:1rem;">Import/Export account data</a>
59</div>
60<div>
61 <a class="button" href="/user/logout">Logout</a>
62</div>
63
64</div>
65
66@endsection \ No newline at end of file