forked from btouellette/concarneau
-
Notifications
You must be signed in to change notification settings - Fork 0
/
profile.ejs
128 lines (113 loc) · 4.11 KB
/
profile.ejs
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!doctype html>
<html>
<head>
<title>Concarneau</title>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
<link rel="apple-touch-icon" href="/content/images/tiles/base-game/RCr.png">
<link rel="apple-touch-startup-image" href="/content/images/ui/bg.jpg">
<link rel="shortcut icon" href="/content/images/ui/favicon.ico" type="image/x-icon">
<link rel="icon" href="/content/images/ui/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="/content/css/bootstrap.3.0.2.min.css">
<style>
body { padding-top: 40px; word-wrap: break-word; }
.jumbotron { font-size: 14px; }
.jumbotron h1 { font-size: 36px; }
@media (min-width: 768px) {
body { padding-top: 80px; }
}
.fa-link {
top: 4px;
position: relative;
width: 36px;
height: 36px;
}
.fa-user, .fa-facebook, .fa-twitter, .fa-google {
top: 4px;
position: relative;
width: 24px;
height: 24px;
}
</style>
</head>
<body background="/content/images/ui/bg.jpg">
<div class="container">
<div class="jumbotron">
<div class="page-header text-center">
<h1><svg class="fa-link"><use xlink:href="/content/images/ui/icons.svg#fa-link"></use></svg> Profile Page</h1>
<a href="/logout" class="btn btn-default btn-sm">Logout</a>
<a href="/game" class="btn btn-default btn-sm">Games</a>
</div>
<div class="row">
<!-- LOCAL INFORMATION -->
<div class="col-sm-6">
<div class="well">
<h3><svg class="fa-user"><use xlink:href="/content/images/ui/icons.svg#fa-user"></use></svg> Local</h3>
<% if (user.local.email) { %>
<p>
<strong>id</strong>: <%= user._id %><br>
<strong>email</strong>: <%= user.local.email %><br>
</p>
<a href="/unlink/local" class="btn btn-default">Unlink</a>
<% } else { %>
<a href="/connect/local" class="btn btn-default">Connect Local</a>
<% } %>
</div>
</div>
<!-- FACEBOOK INFORMATION -->
<div class="col-sm-6">
<div class="well">
<h3 class="text-primary"><svg class="fa-facebook" fill="#428bca"><use xlink:href="/content/images/ui/icons.svg#fa-facebook"></use></svg> Facebook</h3>
<!-- check if the user has this token (is the user authenticated with this social account) -->
<% if (user.facebook.token) { %>
<p>
<strong>id</strong>: <%= user.facebook.id %><br>
<strong>email</strong>: <%= user.facebook.email %><br>
<strong>name</strong>: <%= user.facebook.name %><br>
</p>
<a href="/unlink/facebook" class="btn btn-primary">Unlink</a>
<% } else { %>
<a href="/connect/facebook" class="btn btn-primary">Connect Facebook</a>
<% } %>
</div>
</div>
</div>
<div class="row">
<!-- TWITTER INFORMATION -->
<div class="col-sm-6">
<div class="well">
<h3 class="text-info"><svg class="fa-twitter" fill="#3a87ad"><use xlink:href="/content/images/ui/icons.svg#fa-twitter"></use></svg> Twitter</h3>
<% if (user.twitter.token) { %>
<p>
<strong>id</strong>: <%= user.twitter.id %><br>
<strong>display name</strong>: <%= user.twitter.displayName %><br>
<strong>username</strong>: <%= user.twitter.username %>
</p>
<a href="/unlink/twitter" class="btn btn-info">Unlink</a>
<% } else { %>
<a href="/connect/twitter" class="btn btn-info">Connect Twitter</a>
<% } %>
</div>
</div>
<!-- GOOGLE INFORMATION -->
<div class="col-sm-6">
<div class="well">
<h3 class="text-danger"><svg class="fa-google" fill="#4285F4"><use xlink:href="/content/images/ui/icons.svg#fa-google"></use></svg> Google+</h3>
<% if (user.google.token) { %>
<p>
<strong>id</strong>: <%= user.google.id %><br>
<strong>email</strong>: <%= user.google.email %><br>
<strong>name</strong>: <%= user.google.name %>
</p>
<a href="/unlink/google" class="btn btn-danger">Unlink</a>
<% } else { %>
<a href="/connect/google" class="btn btn-danger">Connect Google</a>
<% } %>
</div>
</div>
</div>
</div>
</div>
<script src="/content/js/standalone.js"></script>
</body>
</html>