2020-04-25 12:18:00 +02:00
|
|
|
<div class="pink-background" style="flex-grow: 0;">
|
2020-04-26 18:45:45 +02:00
|
|
|
<div style="display: flex; justify-content: space-between;">
|
|
|
|
<h1>
|
|
|
|
<a href="/communities/<%= community.name %>" style="color: #600; text-decoration: none;">
|
|
|
|
#<%= community.name %>
|
|
|
|
</a>
|
|
|
|
</h1>
|
|
|
|
<%- include('../../shared/_join_button') %>
|
|
|
|
</div>
|
2020-04-25 08:34:36 +02:00
|
|
|
<a href="/mobile/communities/<%= community.name %>/new" class="compose-new-button" style="background: #fbb">
|
|
|
|
<div style="font-size: 40px; color: #FFF">+</div>
|
|
|
|
</a>
|
|
|
|
</div>
|
2020-04-25 13:01:14 +02:00
|
|
|
<div class="tabs" style="padding: 0 10px; background: #fbb">
|
|
|
|
<button class="tab-title tab-selected js-tab-button">
|
2020-04-29 10:25:01 +02:00
|
|
|
Topics
|
2020-04-25 13:01:14 +02:00
|
|
|
</button>
|
|
|
|
<button class="tab-title js-tab-button">
|
|
|
|
Members
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
<div class="tab-content">
|
|
|
|
<div class="tab-item js-tab-item">
|
|
|
|
<% posts.map(post => { %>
|
2020-04-26 18:45:45 +02:00
|
|
|
<a href="/mobile/communities/<%= community.name %>/<%= post.key.replace("%", "") %>" class="columns community-topic-link">
|
2020-04-25 13:01:14 +02:00
|
|
|
<div class="community-topic-name">
|
2020-04-25 13:56:42 +02:00
|
|
|
<%- topicTitle(post.value) %>
|
2020-04-25 13:01:14 +02:00
|
|
|
</div>
|
|
|
|
<div class="community-topic-replies" style="text-align: right;">💬 <%= post.value.replies.length %> replies</div>
|
|
|
|
</a>
|
|
|
|
<% }) %>
|
|
|
|
</div>
|
|
|
|
<div class="tab-item js-tab-item" style="display: none; padding: 10px">
|
|
|
|
<%- include('../_friends', { friends: community.members }) %>
|
|
|
|
</div>
|
2020-04-25 08:34:36 +02:00
|
|
|
</div>
|