3821e626ce
Add support for phrases in template files. Revamped every template to make them use phrases. Revamped every CSS file to make them use phrases. Tweaked the contributing document. We now use LogError instead of log.Fatal() in a few places to capture more stack traces. Fixed the suffixes on the topic and post count pages, as they were saying views instead of posts / topics. Split the paginator into it's own template. Refactored the theme logic to defer loading the static files to a later stage. Greatly improved the accessibility with a number of ARIA attributes in places where there were none. Removed the edit-topic and page templates. Renamed the panel-adminlogs template to panel_adminlogs. Non-existent phrases used by transpiled templates should now be logged. Fixed a bug where alertbox was plopped down multiple times on one page. The phrase placeholders are more informative now. Added the CurrentLanguagePackName and GetLanguagePackByName API functions. Notices are now shown when you delete, update, or create a forum.
137 lines
6.9 KiB
HTML
137 lines
6.9 KiB
HTML
{{template "header.html" . }}
|
|
<main id="topicsItemList" itemscope itemtype="http://schema.org/ItemList">
|
|
|
|
<div class="rowblock rowhead topic_list_title_block{{if ne .CurrentUser.ID 0}} has_opt{{end}}">
|
|
<div class="rowitem topic_list_title"><h1 itemprop="name">{{lang "topics_head"}}</h1></div>
|
|
{{if ne .CurrentUser.ID 0}}
|
|
<div class="optbox">
|
|
{{if .ForumList}}
|
|
<div class="pre_opt auto_hide"></div>
|
|
<div class="opt create_topic_opt" title="{{lang "topic_list_create_topic_tooltip"}}" aria-label="{{lang "topic_list_create_topic_aria"}}"><a class="create_topic_link" href="/topics/create/"></a></div>
|
|
{{/** TODO: Add a permissions check for this **/}}
|
|
<div class="opt mod_opt" title="{{lang "topic_list_moderate_tooltip"}}">
|
|
<a class="moderate_link" href="#" aria-label="{{lang "topic_list_moderate_aria"}}"></a>
|
|
</div>
|
|
{{else}}<div class="opt locked_opt" title="{{lang "topics_locked_tooltip"}}" aria-label="{{lang "topics_locked_aria"}}"><a></a></div>{{end}}
|
|
</div>
|
|
<div style="clear: both;"></div>
|
|
{{end}}
|
|
</div>
|
|
|
|
{{if ne .CurrentUser.ID 0}}
|
|
{{/** TODO: Hide these from unauthorised users? **/}}
|
|
<div class="mod_floater auto_hide">
|
|
<form method="post">
|
|
<div class="mod_floater_head">
|
|
<span>{{lang "topic_list_what_to_do"}}</span>
|
|
</div>
|
|
<div class="mod_floater_body">
|
|
<select class="mod_floater_options">
|
|
<option val="delete">{{lang "topic_list_moderate_delete"}}</option>
|
|
<option val="lock">{{lang "topic_list_moderate_lock"}}</option>
|
|
<option val="move">{{lang "topic_list_moderate_move"}}</option>
|
|
</select>
|
|
<button class="mod_floater_submit">{{lang "topic_list_moderate_run"}}</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
{{if .ForumList}}
|
|
{{/** TODO: Have a seperate forum list for moving topics? Maybe an AJAX forum search compatible with plugin_guilds? **/}}
|
|
{{/** TODO: Add ARIA attributes for this **/}}
|
|
<div id="mod_topic_mover" class="modal_pane auto_hide">
|
|
<form action="/topic/move/submit/?session={{.CurrentUser.Session}}" method="post">
|
|
<input id="mover_fid" name="fid" value="0" type="hidden" />
|
|
<div class="pane_header">
|
|
<h3>{{lang "topic_list_move_head"}}</h3>
|
|
</div>
|
|
<div class="pane_body">
|
|
<div class="pane_table">
|
|
{{range .ForumList}}<div id="mover_fid_{{.ID}}" data-fid="{{.ID}}" class="pane_row">{{.Name}}</div>{{end}}
|
|
</div>
|
|
</div>
|
|
<div class="pane_buttons">
|
|
<button id="mover_submit">{{lang "topic_list_move_button"}}</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="rowblock topic_create_form quick_create_form" style="display: none;" aria-label="{{lang "quick_topic_aria"}}">
|
|
<form name="topic_create_form_form" id="quick_post_form" enctype="multipart/form-data" action="/topic/create/submit/?session={{.CurrentUser.Session}}" method="post"></form>
|
|
<input form="quick_post_form" id="has_poll_input" name="has_poll" value="0" type="hidden" />
|
|
<img class="little_row_avatar" src="{{.CurrentUser.Avatar}}" height="64" alt="{{lang "quick_topic_avatar_alt"}}" title="{{lang "quick_topic_avatar_tooltip"}}" />
|
|
<div class="main_form">
|
|
<div class="topic_meta">
|
|
<div class="formrow topic_board_row real_first_child">
|
|
<div class="formitem"><select form="quick_post_form" id="topic_board_input" name="topic-board">
|
|
{{range .ForumList}}<option {{if eq .ID $.DefaultForum}}selected{{end}} value="{{.ID}}">{{.Name}}</option>{{end}}
|
|
</select></div>
|
|
</div>
|
|
<div class="formrow topic_name_row">
|
|
<div class="formitem">
|
|
<input form="quick_post_form" name="topic-name" placeholder="{{lang "quick_topic_whatsup"}}" required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="formrow topic_content_row">
|
|
<div class="formitem">
|
|
<textarea form="quick_post_form" id="input_content" name="topic-content" placeholder="{{lang "quick_topic_content_placeholder"}}" required></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="formrow poll_content_row auto_hide">
|
|
<div class="formitem">
|
|
<div class="pollinput" data-pollinput="0">
|
|
<input type="checkbox" disabled />
|
|
<label class="pollinputlabel"></label>
|
|
<input form="quick_post_form" name="pollinputitem[0]" class="pollinputinput" type="text" placeholder="{{lang "quick_topic_add_poll_option"}}" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="formrow quick_button_row">
|
|
<div class="formitem">
|
|
<button form="quick_post_form" class="formbutton">{{lang "quick_topic_create_topic_button"}}</button>
|
|
<button form="quick_post_form" class="formbutton" id="add_poll_button">{{lang "quick_topic_add_poll_button"}}</button>
|
|
{{if .CurrentUser.Perms.UploadFiles}}
|
|
<input name="upload_files" form="quick_post_form" id="upload_files" multiple type="file" style="display: none;" />
|
|
<label for="upload_files" class="formbutton add_file_button">{{lang "quick_topic_add_file_button"}}</label>
|
|
<div id="upload_file_dock"></div>{{end}}
|
|
<button class="formbutton close_form">{{lang "quick_topic_cancel_button"}}</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
{{end}}
|
|
<div id="topic_list" class="rowblock topic_list" aria-label="{{lang "topics_list_aria"}}">
|
|
{{range .TopicList}}<div class="topic_row" data-tid="{{.ID}}">
|
|
<div class="rowitem topic_left passive datarow {{if .Sticky}}topic_sticky{{else if .IsClosed}}topic_closed{{end}}">
|
|
<span class="selector"></span>
|
|
<a href="{{.Creator.Link}}"><img src="{{.Creator.Avatar}}" height="64" alt="{{.Creator.Name}}'s Avatar" title="{{.Creator.Name}}'s Avatar" /></a>
|
|
<span class="topic_inner_left">
|
|
<a class="rowtopic" href="{{.Link}}" itemprop="itemListElement"><span>{{.Title}}</span></a> {{if .ForumName}}<a class="rowsmall parent_forum" href="{{.ForumLink}}">{{.ForumName}}</a>{{end}}
|
|
<br /><a class="rowsmall starter" href="{{.Creator.Link}}">{{.Creator.Name}}</a>
|
|
{{/** TODO: Avoid the double '|' when both .IsClosed and .Sticky are set to true. We could probably do this with CSS **/}}
|
|
{{if .IsClosed}}<span class="rowsmall topic_status_e topic_status_closed" title="{{lang "status_closed_tooltip"}}"> | 🔒︎</span>{{end}}
|
|
{{if .Sticky}}<span class="rowsmall topic_status_e topic_status_sticky" title="{{lang "status_pinned_tooltip"}}"> | 📍︎</span>{{end}}
|
|
</span>
|
|
<span class="topic_inner_right rowsmall" style="float: right;">
|
|
<span class="replyCount">{{.PostCount}}</span><br />
|
|
<span class="likeCount">{{.LikeCount}}</span>
|
|
</span>
|
|
</div>
|
|
<div class="rowitem topic_right passive datarow {{if .Sticky}}topic_sticky{{else if .IsClosed}}topic_closed{{end}}">
|
|
<a href="{{.LastUser.Link}}"><img src="{{.LastUser.Avatar}}" height="64" alt="{{.LastUser.Name}}'s Avatar" title="{{.LastUser.Name}}'s Avatar" /></a>
|
|
<span>
|
|
<a href="{{.LastUser.Link}}" class="lastName" style="font-size: 14px;">{{.LastUser.Name}}</a><br>
|
|
<span class="rowsmall lastReplyAt">{{.RelativeLastReplyAt}}</span>
|
|
</span>
|
|
</div>
|
|
</div>{{else}}<div class="rowitem passive rowmsg">{{lang "topics_no_topics"}}{{if .CurrentUser.Perms.CreateTopic}} <a href="/topics/create/">{{lang "topics_start_one"}}</a>{{end}}</div>{{end}}
|
|
</div>
|
|
|
|
{{if gt .LastPage 1}}
|
|
{{template "paginator.html" . }}
|
|
{{end}}
|
|
|
|
</main>
|
|
{{template "footer.html" . }}
|