243 lines
14 KiB
HTML
243 lines
14 KiB
HTML
{{if .Pjax}}
|
|
{{template "header.html" .}}
|
|
<meta property="og:profile:username" content="{{.Comment.CommenterUsername}}">
|
|
<meta property="og:description" content="{{if .Comment.Body}}{{.Comment.Body}}{{else}}View {{.Comment.CommenterNickname}}'s comment on Indigo.{{end}}">
|
|
{{if .Comment.Image}}<meta property="og:{{if eq .Comment.AttachmentType 1}}audio{{else if eq .Comment.AttachmentType 2}}video{{else}}image{{end}}" content="{{.Comment.Image}}">{{end}}
|
|
{{else}}
|
|
<title>{{.Title}}</title>
|
|
{{end}}
|
|
<div id="main-body">
|
|
<div class="main-column">
|
|
<div class="post-list-outline">
|
|
<a class="post-permalink-button info-ticker"{{if not .Post.IsRM}} href="/posts/{{.Comment.PostID}}"{{end}}>
|
|
<span class="icon-container"><img src="{{.Post.PosterIcon}}" class="icon"></span>
|
|
<span>View <span class="post-user-description">{{.Post.PosterNickname}}'s post ({{.Post.BodyText}})</span> for this comment.</span>
|
|
</a>
|
|
</div>
|
|
<div class="post-list-outline more">
|
|
<div id="post-content" class="post reply-permalink-post">
|
|
<div id="{{.Comment.ID}}" class="other">
|
|
<p class="community-container"><a{{if not .Post.CommunityRM}} href="/communities/{{.Post.CommunityID}}"{{end}}><img src="{{.Post.CommunityIcon}}" class="community-icon">{{.Post.CommunityName}}</a></p>
|
|
{{if not .Comment.IsRMByAdmin}}
|
|
{{if or (eq .Comment.CreatedBy .CurrentUser.ID) (gt .CurrentUser.Level 0)}}
|
|
<div class="edit-buttons-content">
|
|
<button type="button" class="symbol button edit-button rm-post-button" data-action="/comments/{{.Comment.ID}}/delete"><span class="symbol-label">Delete</span></button>
|
|
{{if and (eq .Comment.CreatedBy .CurrentUser.ID) (not (eq .Comment.PostType 1))}}<button type="button" class="symbol button edit-button edit-post-button"><span class="symbol-label">Edit</span></button>{{end}}
|
|
</div>
|
|
{{else if .CurrentUser.Username}}
|
|
<div class="report-buttons-content" style="float:right"><button type="button" class="report-button" data-modal-open="#report-violation-page" data-screen-name="{{.Comment.CommenterNickname}}" data-support-text="#{{.Comment.ID}}" data-action="/comments/{{.Comment.ID}}/violations" data-is-permalink="1" data-can-report-spoiler="{{if .Comment.IsSpoiler}}0{{else}}1{{end}}" data-url-id="{{.Comment.ID}}" data-track-action="openReportModal">Report Violation</button></div>
|
|
{{end}}
|
|
{{end}}
|
|
<div class="user-content">
|
|
<a username="{{.Comment.CommenterUsername}}" href="/users/{{.Comment.CommenterUsername}}" class="icon-container
|
|
{{if not .Comment.CommenterHideOnline}}
|
|
{{if .Comment.CommenterOnline}}
|
|
online
|
|
{{else}}
|
|
offline
|
|
{{end}}
|
|
{{end}}
|
|
{{if .Comment.CommenterRoleImage}} official-user"><img src="{{.Comment.CommenterRoleImage}}" class="official-tag">{{else}}">{{end}}<img src="{{.Comment.CommenterIcon}}" class="icon">
|
|
</a>
|
|
<div class="user-name-content">
|
|
{{if .Comment.CommenterRoleOrganization}}<p class="user-organization">{{.Comment.CommenterRoleOrganization}}</p>{{end}}
|
|
<p class="user-name"><a href="/users/{{.Comment.CommenterUsername}}"{{if .Comment.CommenterColor}} style="color:{{.Comment.CommenterColor}}"{{end}}>{{.Comment.CommenterNickname}}</a></p>
|
|
<p class="timestamp-container">
|
|
<span class="spoiler-status{{if .Comment.Pinned}} spoiler{{end}}">Pinned ·</span>
|
|
{{if .Post.Privacy}}<span class="spoiler-status spoiler">Private ·</span>{{end}}
|
|
<span class="spoiler-status{{if .Comment.IsSpoiler}} spoiler{{end}}">Spoilers ·</span>
|
|
<span class="timestamp">
|
|
<span class="update" time="{{.Comment.CreatedAtUnix}}000">{{.Comment.CreatedAt}}</span>
|
|
{{if .Comment.EditedAt}}
|
|
(Edited <span class="update" time="{{.Comment.EditedAtUnix}}000">{{.Comment.EditedAt}}</span>)
|
|
{{end}}
|
|
</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="body">
|
|
{{if .Comment.IsRMByAdmin}}
|
|
<p class="deleted-message">
|
|
Deleted by administrator.<br>
|
|
Comment ID: #{{.Comment.ID}}
|
|
</p>
|
|
{{end}}
|
|
{{if or (not .Comment.IsRMByAdmin) .Comment.ByMe}}
|
|
{{if and (eq .Comment.CreatedBy .CurrentUser.ID) (not (eq .Comment.PostType 1))}}
|
|
<div id="post-edit" class="none">
|
|
<form data-action="/comments/{{.Comment.ID}}/edit" id="edit-form" method="post">
|
|
<div class="feeling-selector js-feeling-selector test-feeling-selector"><label class="symbol feeling-button feeling-button-normal checked"><input type="radio" name="feeling_id" value="0"{{if eq .Comment.Feeling 0}} checked{{end}}><span class="symbol-label">normal</span></label><label class="symbol feeling-button feeling-button-happy"><input type="radio" name="feeling_id" value="1"{{if eq .Comment.Feeling 1}} checked{{end}}><span class="symbol-label">happy</span></label><label class="symbol feeling-button feeling-button-like"><input type="radio" name="feeling_id" value="2"{{if eq .Comment.Feeling 2}} checked{{end}}><span class="symbol-label">like</span></label><label class="symbol feeling-button feeling-button-surprised"><input type="radio" name="feeling_id" value="3"{{if eq .Comment.Feeling 3}} checked{{end}}><span class="symbol-label">surprised</span></label><label class="symbol feeling-button feeling-button-frustrated"><input type="radio" name="feeling_id" value="4"{{if eq .Comment.Feeling 4}} checked{{end}}><span class="symbol-label">frustrated</span></label><label class="symbol feeling-button feeling-button-puzzled"><input type="radio" name="feeling_id" value="5"{{if eq .Comment.Feeling 5}} checked{{end}}><span class="symbol-label">puzzled</span></label></div>
|
|
<div class="textarea-container"><textarea name="body" class="textarea-text textarea" maxlength="2000" placeholder="Edit your comment." data-required>{{.Comment.BodyText}}</textarea></div>
|
|
<div class="post-form-footer-options">
|
|
<label class="spoiler-button symbol"><input id="is_spoiler" name="is_spoiler" type="checkbox" value="1"{{if .Comment.IsSpoiler}} checked{{end}}>Spoilers</label>
|
|
</div>
|
|
<div class="form-buttons">
|
|
<button type="button" class="cancel-button gray-button">Cancel</button>
|
|
<button type="submit" class="post-button black-button">Submit</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
{{else if .CurrentUser.ID}}
|
|
<div id="report-violation-page" class="dialog none" data-modal-types="report report-violation" data-is-template="1">
|
|
<div class="dialog-inner">
|
|
<div class="window">
|
|
<h1 class="window-title">report chuddery/h1>
|
|
<div class="window-body">
|
|
<p class="description">
|
|
you are about to report to the owner of SOP.epic on regards of breaking the rules</p>
|
|
<form method="post" action="/comments/{{.Comment.ID}}/violations">
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="{{.CurrentUser.CSRFToken}}">
|
|
<p class="select-button-label">Violation Type: </p>
|
|
<select name="type" class="cannot-report-spoiler">
|
|
<option selected value>Please make a selection.</option>
|
|
{{range $index, $reason := .Reasons}}
|
|
{{if $reason.Enabled}}
|
|
<option value="{{$index}}"{{if $reason.BodyRequired}} data-body-required="1"{{end}}>{{$reason.Name}}</option>
|
|
{{end}}
|
|
{{end}}
|
|
</select>
|
|
<select name="type" class="can-report-spoiler">
|
|
<option selected value>Please make a selection.</option>
|
|
<option value="spoiler" data-body-required="1" data-track-action="Spoiler">Spoiler</option>
|
|
{{range $index, $reason := .Reasons}}
|
|
{{if $reason.Enabled}}
|
|
<option value="{{$index}}"{{if $reason.BodyRequired}} data-body-required="1"{{end}}>{{$reason.Name}}</option>
|
|
{{end}}
|
|
{{end}}
|
|
</select>
|
|
<textarea name="body" class="textarea" maxlength="100" data-placeholder="Enter a reason for the report."></textarea>
|
|
<p class="post-id">Reply ID: #{{.Comment.ID}}</p>
|
|
<div class="form-buttons">
|
|
<input type="button" class="olv-modal-close-button gray-button" value="Cancel">
|
|
<input type="submit" class="post-button black-button" value="Submit Report" data-url-id="{{.Comment.ID}}" data-track-action="openReportModal">
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
<div id="the-post">
|
|
{{if eq .Comment.PostType 1}}
|
|
<div class="reply-content-memo">
|
|
<img class="reply-memo" src="{{.Comment.BodyText}}">
|
|
</div>
|
|
{{else}}
|
|
<div class="reply-content-text">{{.Comment.Body}}</div>
|
|
{{end}}
|
|
{{if .Comment.Image}}
|
|
{{if eq .Comment.AttachmentType 1}}
|
|
<div class="screenshot-container">
|
|
<audio controls preload="none" src="{{.Comment.Image}}"></audio>
|
|
</div>
|
|
{{else if eq .Comment.AttachmentType 2}}
|
|
<div class="screenshot-container video">
|
|
<video controls preload="none" src="{{.Comment.Image}}"></video>
|
|
</div>
|
|
{{else}}
|
|
<div class="screenshot-container still-image">
|
|
<img src="{{.Comment.Image}}">
|
|
</div>
|
|
{{end}}
|
|
{{end}}
|
|
{{if .Comment.URL}}
|
|
{{if eq .Comment.URLType 1}}
|
|
<div class="screenshot-container video">
|
|
<iframe width="490" height="276" src="https://www.youtube.com/embed/{{.Comment.URL}}" frameborder="0" allowfullscreen="true"></iframe>
|
|
</div>
|
|
{{else if eq .Comment.URLType 2}}
|
|
<div class="screenshot-container video">
|
|
<iframe width="490" height="276" src="https://open.spotify.com/embed/track/{{.Comment.URL}}" frameborder="0"></iframe>
|
|
</div>
|
|
{{else if eq .Comment.URLType 3}}
|
|
<div class="screenshot-container video audio">
|
|
<iframe class="audio" width="490" height="276" src="https://w.soundcloud.com/player/?url={{.Comment.URL}}&auto_play=false&show_artwork=true&color=8000ff" frameborder="0" allowfullscreen="true"></iframe>
|
|
</div>
|
|
{{else}}
|
|
<p class="url-link">
|
|
<a class="link-confirm" href="{{.Comment.URL}}" target="_blank">{{.Comment.URL}}</a>
|
|
</p>
|
|
{{end}}
|
|
{{end}}
|
|
{{if .URL}}
|
|
{{if eq .URLType 1}}
|
|
<div class="screenshot-container video">
|
|
<iframe src="https://www.youtube.com/embed/{{.URL}}" width="490" height="276" frameborder="0" allowfullscreen="true"></iframe>
|
|
</div>
|
|
{{else if eq .URLType 2}}
|
|
<div class="screenshot-container video">
|
|
<iframe src="https://open.spotify.com/embed/track/{{.URL}}" width="490" height="276" frameborder="0" allow="encrypted-media"></iframe>
|
|
</div>
|
|
{{else if eq .URLType 3}}
|
|
<div class="screenshot-container video audio">
|
|
<iframe class="audio" src="https://w.soundcloud.com/player/?url={{.URL}}&auto_play=false&show_artwork=true&color=8000ff" frameborder="0"></iframe>
|
|
</div>
|
|
{{else}}
|
|
<p class="url-link">
|
|
<a class="link-confirm" href="{{.URL}}" target="_blank">{{.URL}}</a>
|
|
</p>
|
|
{{end}}
|
|
{{end}}
|
|
{{end}}
|
|
{{if not .Comment.IsRMByAdmin}}
|
|
<div class="post-meta">
|
|
<button type="button" {{if not .Comment.CanYeah}}disabled{{end}} class="symbol submit yeah-button
|
|
{{if .Comment.Yeahed}} yeah-added{{end}}
|
|
" data-feeling="{{.Comment.Feeling}}" data-action="/comments/{{.Comment.ID}}/yeah" data-url-id="{{.Comment.ID}}">
|
|
<span class="yeah-button-text">
|
|
{{if .Comment.Yeahed}}
|
|
{{if eq .Comment.Feeling 6}}
|
|
Unepic
|
|
{{else if eq .Comment.Feeling 7}}
|
|
Unnyeah
|
|
{{else if eq .Comment.Feeling 8}}
|
|
Unyes
|
|
{{else if eq .Comment.Feeling 9}}
|
|
olv.portal.miitoo.delete
|
|
{{else}}
|
|
Unyeah
|
|
{{end}}
|
|
{{else}}
|
|
{{if eq .Comment.Feeling 2}}
|
|
Yeah♥
|
|
{{else if eq .Comment.Feeling 3}}
|
|
Yeah!?
|
|
{{else if or (eq .Comment.Feeling 4) (eq .Comment.Feeling 5)}}
|
|
Yeah...
|
|
{{else if eq .Comment.Feeling 6}}
|
|
Epic!
|
|
{{else if eq .Comment.Feeling 7}}
|
|
Nyeah~♥
|
|
{{else if eq .Comment.Feeling 8}}
|
|
Yes!
|
|
{{else if eq .Comment.Feeling 9}}
|
|
olv.portal.miitoo.
|
|
{{else}}
|
|
Yeah!
|
|
{{end}}
|
|
{{end}}
|
|
</span>
|
|
</button>
|
|
<div class="yeah symbol"><span class="symbol-label">Yeahs</span><span class="yeah-count">{{.Comment.YeahCount}}</span></div>
|
|
</div>
|
|
</div>
|
|
<div id="yeah-content"{{if not (or (.Yeahs) (.Comment.Yeahed))}} class="none"{{end}}>
|
|
<a href="/users/{{.CurrentUser.Username}}" class="post-permalink-feeling-icon visitor"{{if not .Comment.Yeahed}} style="display: none;"{{end}}>
|
|
{{if .CurrentUser.Role.Image}}<img src="{{.CurrentUser.Role.Image}}" class="official-tag">{{end}}
|
|
<img src="{{.CurrentUser.Avatar}}" class="user-icon">
|
|
</a>
|
|
{{range $yeah := .Yeahs}}
|
|
{{template "yeah_icon.html" $yeah}}
|
|
{{end}}
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{if .Pjax}}
|
|
{{template "footer.html"}}
|
|
{{end}}
|