forked from evoko/zendesk-theme
-
Notifications
You must be signed in to change notification settings - Fork 0
/
community_topic_page.hbs
117 lines (109 loc) · 4.17 KB
/
community_topic_page.hbs
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
<div class="container container-spacing">
<nav class="sub-nav">{{breadcrumbs}}</nav>
<header class="page-header">
<h1>
{{topic.name}}
{{#if topic.internal}}
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" focusable="false" viewBox="0 0 16 16"
class="icon-lock" title="{{t 'internal'}}">
<rect width="12" height="9" x="2" y="7" fill="currentColor" rx="1" ry="1" />
<path fill="none" stroke="currentColor" d="M4.5 7.5V4a3.5 3.5 0 017 0v3.5" />
</svg>
{{/if}}
</h1>
<span class="post-to-community">
{{link 'new_post' topic_id=topic.id class='button button-large'}}
</span>
</header>
<div class="community-header">
<p class="page-header-description">{{topic.description}}</p>
{{#if settings.show_follow_topic}}
<div class="community-follow">
{{subscribe}}
</div>
{{/if}}
</div>
<div class="topic-header">
<span class="topic-filters">
<span class="dropdown">
<button class="dropdown-toggle" aria-haspopup="true">
{{current_filter.label}}
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" focusable="false" viewBox="0 0 12 12"
class="dropdown-chevron-icon">
<path fill="none" stroke="currentColor" stroke-linecap="round" d="M3 4.5l2.6 2.6c.2.2.5.2.7 0L9 4.5" />
</svg>
</button>
<span class="dropdown-menu" role="menu">
{{#each filters}}
<a href="{{url}}" aria-selected="{{selected}}" role="menuitem">
{{name}}
</a>
{{/each}}
</span>
</span>
<span class="dropdown">
<button class="dropdown-toggle" aria-haspopup="true">
{{current_sorter.label}}
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" focusable="false" viewBox="0 0 12 12"
class="dropdown-chevron-icon">
<path fill="none" stroke="currentColor" stroke-linecap="round" d="M3 4.5l2.6 2.6c.2.2.5.2.7 0L9 4.5" />
</svg>
</button>
<span class="dropdown-menu" role="menu">
{{#each sorters}}
<a href="{{url}}" aria-selected="{{selected}}" role="menuitem">
{{name}}
</a>
{{/each}}
</span>
</span>
</span>
</div>
<div id="main-content" class="posts-list striped-list">
{{#each posts}}
<section role="region" aria-labelledby="title-{{id}}">
<div class="striped-list-item {{#if featured}}post-featured{{/if}}">
<span class="striped-list-info">
<a href="{{url}}" id="title-{{id}}" class="striped-list-title">{{title}}</a>
<span class="post-overview-item">
{{#if pinned}}
<span class="status-label status-label-pinned">{{t 'pinned'}}</span>
{{/if}}
{{#if featured}}
<span class="status-label status-label-featured">{{t 'featured'}}</span>
{{/if}}
{{#is status 'none'}}
{{else}}
<span class="status-label-{{status_dasherized}} status-label striped-list-status">{{status_name}}</span>
{{/is}}
</span>
<ul class="meta-group">
<li class="meta-data">{{author.name}}</li>
{{#if editor}}
<li class="meta-data">{{date edited_at timeago=true}}</li>
<li class="meta-data">{{t 'edited'}}</li>
{{else}}
<li class="meta-data">{{date created_at timeago=true}}</li>
{{/if}}
</ul>
</span>
<div class="post-overview-count striped-list-count">
<span class="striped-list-count-item">
<span class="striped-list-number">{{vote_sum}}</span>
{{t 'vote' count=vote_sum}}
</span>
<span class="striped-list-count-item">
<span class="striped-list-number">{{comment_count}}</span>
{{t 'comment' count=comment_count}}
</span>
</div>
</div>
</section>
{{/each}}
</div>
{{pagination}}
</div>
<section class="container community-footer">
<h2 class="community-footer-title">{{t 'suggest_new_post'}}</h2>
{{link 'new_post' topic_id=topic.id class='button button-large'}}
</section>