File: /var/dev/farhangmoaser/web/views/index.ejs
<!DOCTYPE html>
<html>
<head>
<title><%= title %></title>
<link rel='stylesheet' href='<%= client.hostname %>/css/style.css' />
<% if(user) { %>
<script>
var user = {
id: <%= user.data.id %>,
email: '<%= user.data.email %>',
googleid: '<%= user.data.googleid %>',
displayname: '<%= user.data.displayname %>',
localename: '<%= user.data.localename %>',
firstname: '<%= user.data.firstname %>',
lastname: '<%= user.data.lastname %>',
gender: <%= user.data.gender %>,
avatar: '<%= user.data.avatar %>'
};
var token = '<%= user.token %>';
</script>
<% } else { %>
<script>
var user = null;
var token = '';
</script>
<% } %>
<script src="<%= client.hostname %>/js/lib/jquery-2.1.4.min.js"></script>
<script src="<%= client.hostname %>/js/lib/crosstab.js"></script>
<script src="<%= client.hostname %>/js/lib/mustache.min.js"></script>
<script src="<%= client.hostname %>/js/pages/index.js"></script>
</head>
<body>
<h1><%= title %></h1>
<p>Welcome to <%= title %></p>
<a id='login-trigger' href="/auth" target="_blank">Login</a>
<div id="userdata"></div>
<template id="usertpl">
<img src="{{avatar}}?s=512" style="float: left; padding-right: 10px;">
<p>id: {{id}}</p>
<p>Display Name: {{displayname}}</p>
<p>Locale Name: {{localename}}</p>
<p>name: {{firstname}} {{lastname}}</p>
<p>email: {{email}}</p>
</template>
</body>
</html>