2020-04-19 10:08:15 +02:00
|
|
|
<%- include('_header', { main_class: "screen-center" }) %>
|
2020-04-05 18:38:49 +02:00
|
|
|
|
2020-04-06 10:16:50 +02:00
|
|
|
<div class="columns">
|
2020-04-19 09:39:11 +02:00
|
|
|
<div class="wall">
|
|
|
|
<div class="columns">
|
|
|
|
<img class="profile-pic" src="<%= profileImageUrl(profile) %>" />
|
|
|
|
<div style="padding-left: 20px">
|
|
|
|
<h1><%= profile.name %></h1>
|
2020-04-06 20:41:13 +02:00
|
|
|
|
2020-04-19 09:39:11 +02:00
|
|
|
<%= profile.description %>
|
2020-04-05 18:38:49 +02:00
|
|
|
|
2020-04-19 09:39:11 +02:00
|
|
|
<div style="margin-top: 20px">
|
|
|
|
<% if (friendshipStatus == "no_relation") { %>
|
|
|
|
<form action="<%= profileUrl(profile.id, "/add_friend") %>" method="POST">
|
|
|
|
<input type="submit" value="Add as friend" />
|
|
|
|
</form>
|
|
|
|
<% } else if (friendshipStatus == "friends") { %>
|
|
|
|
✅ Friends
|
|
|
|
<form action="<%= profileUrl(profile.id, "/reject_friend") %>" style="display:inline; margin-left: 15px" method="POST">
|
|
|
|
<input type="submit" class="button-secondary" value="unfriend" />
|
|
|
|
</form>
|
|
|
|
<% } else if (friendshipStatus == "request_sent") { %>
|
|
|
|
<form action="<%= profileUrl(profile.id, "/reject_friend") %>" style="display:inline" method="POST">
|
|
|
|
<button class="button-secondary undo-request">Request sent</button>
|
|
|
|
</form>
|
|
|
|
<% } else if (friendshipStatus == "request_received") { %>
|
|
|
|
<p><%= profile.name %> sent you a friendship request</p>
|
|
|
|
<form action="<%= profileUrl(profile.id, "/add_friend") %>" style="display:inline" method="POST">
|
|
|
|
<input type="submit" value="Accept" />
|
|
|
|
</form>
|
|
|
|
<form action="<%= profileUrl(profile.id, "/reject_friend") %>" style="display:inline" method="POST">
|
|
|
|
<input type="submit" class="button-secondary" value="Reject" />
|
|
|
|
</form>
|
|
|
|
<% } else if (friendshipStatus == "request_rejected") { %>
|
|
|
|
<p>You rejected <%= profile.name %> friendship request</p>
|
|
|
|
<form action="<%= profileUrl(profile.id, "/add_friend") %>" method="POST">
|
|
|
|
<input type="submit" value="Add as friend" />
|
|
|
|
</form>
|
|
|
|
<% } %>
|
|
|
|
</div>
|
|
|
|
</div>
|
2020-04-12 11:39:51 +02:00
|
|
|
</div>
|
2020-04-11 18:03:58 +02:00
|
|
|
|
2020-04-06 10:16:50 +02:00
|
|
|
<h2>Leave <%= profile.name %> a message</h2>
|
|
|
|
<form action="<%= profileUrl(profile.id, "/publish") %>" method="POST">
|
2020-04-08 08:44:23 +02:00
|
|
|
<div>
|
|
|
|
<label>
|
2020-04-13 10:50:30 +02:00
|
|
|
<input type="radio" name="visibility" value="public" checked="checked" class="js-public-option">
|
2020-04-08 08:44:23 +02:00
|
|
|
Public
|
|
|
|
</label>
|
|
|
|
<label>
|
2020-04-13 10:50:30 +02:00
|
|
|
<input type="radio" name="visibility" value="vanishing" class="js-vanishing-option">
|
2020-04-08 08:44:23 +02:00
|
|
|
Vanishing
|
|
|
|
</label>
|
|
|
|
</div>
|
2020-04-13 10:50:30 +02:00
|
|
|
<div style="display: none; padding-top: 20px; font-size: 13px; color: #666" class="js-vanishing-message">
|
|
|
|
Vanishing messages are private and disapear right after being read
|
|
|
|
</div>
|
|
|
|
<textarea name="message" class="compose-post"></textarea>
|
|
|
|
<div class="reverse-columns" style="margin-top: 10px">
|
|
|
|
<input type="submit" value="Publish" />
|
|
|
|
</div>
|
2020-04-08 08:44:23 +02:00
|
|
|
</form>
|
|
|
|
|
2020-04-13 10:50:30 +02:00
|
|
|
<h2 style="margin: 0"><%= profile.name %>'s Wall</h2>
|
|
|
|
<%- include('_posts', { posts }) %>
|
2020-04-06 10:16:50 +02:00
|
|
|
</div>
|
2020-04-19 09:39:11 +02:00
|
|
|
|
|
|
|
<div class="friends-communities">
|
2020-04-19 10:08:15 +02:00
|
|
|
<h2>Friends</h2>
|
2020-04-19 09:39:11 +02:00
|
|
|
<%- include('_friends', { friends: friends.friends }) %>
|
|
|
|
</div>
|
2020-04-06 10:16:50 +02:00
|
|
|
</div>
|
2020-04-05 18:38:49 +02:00
|
|
|
|
|
|
|
<%- include('_footer') %>
|