nodebb-theme-harmony 0.0.1

package/templates/account/info.tpl

@@ -0,0 +1,228 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<div class="account">
+	<!-- IMPORT partials/account/header.tpl -->
+
+	<!-- IF sessions.length -->
+	<div class="row mb-3">
+		<div class="col-12 col-md-12">
+			<h4>[[global:sessions]]</h4>
+			<ul class="list-group" component="user/sessions">
+				{{{each sessions}}}
+				<li class="list-group-item" data-uuid="{../uuid}">
+					<div class="float-end">
+						<!-- IF isSelfOrAdminOrGlobalModerator -->
+						<!-- IF !../current -->
+						<button class="btn btn-sm btn-outline-secondary" type="button" data-action="revokeSession">Revoke Session</button>
+						<!-- ENDIF !../current -->
+						<!-- ENDIF isSelfOrAdminOrGlobalModerator -->
+						{function.userAgentIcons}
+						<i class="fa fa-circle text-<!-- IF ../current -->success<!-- ELSE -->muted<!-- ENDIF ../current -->"></i>
+					</div>
+					{../browser} {../version} on {../platform}<br />
+					<small class="timeago text-muted" title="{../datetimeISO}"></small>
+					<ul>
+						<li><strong>[[global:ip_address]]</strong>: {../ip}</li>
+					</ul>
+				</li>
+				{{{end}}}
+			</ul>
+		</div>
+	</div>
+	<!-- ENDIF sessions.length -->
+
+	<div class="row">
+		<div class="col-sm-6">
+			<div class="card mb-3">
+				<h5 class="card-header">
+					[[global:recentips]]
+				</h5>
+				<div class="card-body">
+					<ul>
+						{{{each ips}}}
+						<li>{@value}</li>
+						{{{end}}}
+					</ul>
+				</div>
+			</div>
+
+			<div class="card mb-3">
+				<h5 class="card-header">
+					[[user:info.username-history]]
+				</h5>
+				<div class="card-body">
+					<ul class="list-group">
+						{{{each usernames}}}
+						<li class="list-group-item">
+							{../value}
+							<small class="float-end"><span class="timeago" title="{../timestampISO}"></span></small>
+						</li>
+						{{{end}}}
+					</ul>
+				</div>
+			</div>
+
+			<div class="card">
+				<h5 class="card-header">
+					[[user:info.email-history]]
+				</h5>
+				<div class="card-body">
+					<ul class="list-group">
+						{{{each emails}}}
+						<li class="list-group-item">
+							{../value}
+							<small class="float-end"><span class="timeago" title="{../timestampISO}"></span></small>
+						</li>
+						{{{end}}}
+					</ul>
+				</div>
+			</div>
+		</div>
+		<div class="col-sm-6">
+			<div class="card mb-3">
+				<h5 class="card-header">
+					[[user:info.latest-flags]]
+				</h5>
+				<div class="card-body">
+					<!-- IF history.flags.length -->
+					<ul class="recent-flags list-unstyled">
+						{{{each history.flags}}}
+						<li>
+							<p>
+								{{{ if history.flags.targetPurged }}}
+								<div>[[flags:target-purged]]</div>
+								{{{ else }}}
+								<a class="title" href="{config.relative_path}/post/{../pid}">{../title}</a><br />
+								{{{ end }}}
+								<span class="timestamp">[[flags:flagged-timeago-readable, {../timestampISO}, {../timestampReadable}]]</span>
+							</p>
+						</li>
+						{{{end}}}
+					</ul>
+					<!-- ELSE -->
+					<div class="alert alert-success">[[user:info.no-flags]]</div>
+					<!-- ENDIF history.flags.length -->
+				</div>
+			</div>
+
+			<div class="card mb-3">
+				<h5 class="card-header">
+					[[user:info.ban-history]]
+
+					<!-- IF !banned -->
+					<!-- IF !isSelf -->
+					<button class="btn btn-sm float-end btn-danger" component="account/ban">[[user:ban_account]]</button>
+					<!-- ENDIF !isSelf -->
+					<!-- ELSE -->
+					<!-- IF !isSelf -->
+					<button class="btn btn-sm float-end btn-success" component="account/unban">[[user:unban_account]]</button>
+					<!-- ENDIF !isSelf -->
+					<!-- ENDIF !banned -->
+				</h5>
+				<div class="card-body">
+					<!-- IF history.bans.length -->
+					<ul class="ban-history list-unstyled">
+						{{{each history.bans}}}
+						<li>
+							<p>
+								<a href="{config.relative_path}/user/{history.bans.user.userslug}">{buildAvatar(history.bans.user, "24px", true)}</a>
+								<strong>
+									<a href="<!-- IF history.bans.user.userslug -->{config.relative_path}/user/{history.bans.user.userslug}<!-- ELSE -->#<!-- ENDIF history.bans.user.userslug -->" itemprop="author" data-username="{history.bans.user.username}" data-uid="{history.bans.user.uid}">{history.bans.user.username}</a>
+								</strong>
+								<span class="timestamp timeago" title="{../timestampISO}"></span> &mdash; {../timestampReadable}<br />
+								<!-- IF ../until -->
+								<span class="expiry">[[user:info.banned-until, {../untilReadable}]]</span><br />
+								<!-- ELSE -->
+								<span class="expiry">[[user:info.banned-permanently]]</span><br />
+								<!-- ENDIF ../until -->
+								<span class="reason"><strong>[[user:info.banned-reason-label]]</strong>: {../reason}</span>
+							</p>
+						</li>
+						{{{end}}}
+					</ul>
+					<!-- ELSE -->
+					<div class="alert alert-success">[[user:info.no-ban-history]]</div>
+					<!-- ENDIF history.bans.length -->
+				</div>
+			</div>
+
+			<div class="card mb-3">
+				<h5 class="card-header">
+					[[user:info.mute-history]]
+
+					{{{ if !muted }}}
+					{{{ if !isSelf }}}
+					<button class="btn btn-sm float-end btn-danger" component="account/mute">[[user:mute_account]]</button>
+					{{{ end }}}
+					{{{ else }}}
+					{{{ if !isSelf }}}
+					<button class="btn btn-sm float-end btn-success" component="account/unmute">[[user:unmute_account]]</button>
+					{{{ end }}}
+					{{{ end }}}
+				</h5>
+				<div class="card-body">
+					{{{ if history.mutes.length }}}
+					<ul class="ban-history list-unstyled">
+						{{{ each history.mutes }}}
+						<li>
+							<p>
+								<a href="{config.relative_path}/user/{history.mutes.user.userslug}">{buildAvatar(history.mutes.user, "24px", true)}</a>
+								<strong>
+									<a href="<!-- IF history.mutes.user.userslug -->{config.relative_path}/user/{history.mutes.user.userslug}<!-- ELSE -->#<!-- ENDIF history.mutes.user.userslug -->" itemprop="author" data-username="{history.mutes.user.username}" data-uid="{history.mutes.user.uid}">{history.mutes.user.username}</a>
+								</strong>
+								<span class="timestamp timeago" title="{../timestampISO}"></span> &mdash; {../timestampReadable}<br />
+								{{{ if ../until }}}
+								<span class="expiry">[[user:info.muted-until, {../untilReadable}]]</span><br />
+								{{{ end }}}
+
+								<span class="reason"><strong>[[user:info.banned-reason-label]]</strong>: {../reason}</span>
+							</p>
+						</li>
+						{{{end}}}
+					</ul>
+					{{{ else }}}
+					<div class="alert alert-success">[[user:info.no-mute-history]]</div>
+					{{{ end }}}
+				</div>
+			</div>
+
+			<!-- IF isAdminOrGlobalModerator -->
+			<div class="card">
+				<h5 class="card-header">
+					[[user:info.moderation-note]]
+				</h5>
+				<div class="card-body">
+					<textarea component="account/moderation-note" class="form-control"></textarea>
+					<br/>
+					<button class="btn btn-sm float-end btn-success" component="account/save-moderation-note">[[user:info.moderation-note.add]]</button>
+					<br/>
+					<div component="account/moderation-note/list">
+						{{{each moderationNotes}}}
+						<hr/>
+
+						<div class="clearfix">
+							<div class="float-start">
+								<a href="<!-- IF moderationNotes.user.userslug -->{config.relative_path}/user/{moderationNotes.user.userslug}<!-- ELSE -->#<!-- ENDIF moderationNotes.user.userslug -->">{buildAvatar(moderationNotes.user, "24px", true)}</a>
+								<strong>
+									<a href="<!-- IF moderationNotes.user.userslug -->{config.relative_path}/user/{moderationNotes.user.userslug}<!-- ELSE -->#<!-- ENDIF moderationNotes.user.userslug -->" itemprop="author" data-username="{moderationNotes.user.username}" data-uid="{moderationNotes.user.uid}">{moderationNotes.user.username}</a>
+								</strong>
+
+								<div class="visible-xs-inline-block visible-sm-inline-block visible-md-inline-block visible-lg-inline-block">
+									<span class="timeago" title="{moderationNotes.timestampISO}"></span>
+								</div>
+								<br />
+
+								<div class="content">
+									{moderationNotes.note}
+								</div>
+							</div>
+						</div>
+						{{{end}}}
+					</div>
+					<!-- IMPORT partials/paginator.tpl -->
+				</div>
+			</div>
+			<!-- ENDIF isAdminOrGlobalModerator -->
+		</div>
+	</div>
+</div>

package/templates/account/posts.tpl

@@ -0,0 +1,21 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<div class="account">
+	<!-- IMPORT partials/account/header.tpl -->
+
+	<div class="row">
+		<h1>{title}</h1>
+
+		<!-- IF !posts.length -->
+			<div class="alert alert-warning text-center">{noItemsFoundKey}</div>
+		<!-- ENDIF !posts.length -->
+
+		<div class="col-12">
+			<!-- IMPORT partials/posts_list.tpl -->
+
+			<!-- IF config.usePagination -->
+				<!-- IMPORT partials/paginator.tpl -->
+			<!-- ENDIF config.usePagination -->
+		</div>
+	</div>
+</div>

package/templates/account/profile.tpl

@@ -0,0 +1,168 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<div class="account">
+	<!-- IMPORT partials/account/header.tpl -->
+
+	<div class="profile row">
+		<h1 class="fullname"><!-- IF fullname -->{fullname}<!-- ELSE -->{username}<!-- ENDIF fullname --></h1>
+		<h2 class="username"><!-- IF !banned -->@{username}<!-- ELSE -->[[user:banned]]<!-- ENDIF !banned --></h2>
+		<!-- IF isAdminOrGlobalModeratorOrModerator -->
+		<!-- IF banned -->
+		<div class="text-center">
+		<!-- IF banned_until -->
+		[[user:info.banned-until, {banned_until_readable}]]
+		<!-- ELSE -->
+		[[user:info.banned-permanently]]
+		<!-- ENDIF banned_until -->
+		</div>
+		<!-- ENDIF banned -->
+		<!-- ENDIF isAdminOrGlobalModeratorOrModerator -->
+
+		<!-- IF selectedGroup.length -->
+		<div class="text-center">
+		{{{each selectedGroup}}}
+		<!-- IF selectedGroup.slug -->
+		<!-- IMPORT partials/groups/badge.tpl -->
+		<!-- ENDIF selectedGroup.slug -->
+		{{{end}}}
+		</div>
+		<br/>
+		<!-- ENDIF selectedGroup.length -->
+
+		<!-- IF aboutme -->
+		<span component="aboutme" class="text-center aboutme">{aboutmeParsed}</span>
+		<!-- ENDIF aboutme -->
+
+		<div class="account-stats">
+			<!-- IF !reputation:disabled -->
+			<div class="stat">
+				<div class="human-readable-number" title="{reputation}">{reputation}</div>
+				<span class="stat-label">[[global:reputation]]</span>
+			</div>
+			<!-- ENDIF !reputation:disabled -->
+
+			<div class="stat">
+				<div class="human-readable-number" title="{profileviews}">{profileviews}</div>
+				<span class="stat-label">[[user:profile_views]]</span>
+			</div>
+
+			<div class="stat">
+				<div><a class="human-readable-number" title="{counts.posts}" href="{config.relative_path}/user/{userslug}/posts">{counts.posts}</a></div>
+				<span class="stat-label">[[global:posts]]</span>
+			</div>
+
+			<div class="stat">
+				<div><a class="human-readable-number" title="{counts.followers}" href="{config.relative_path}/user/{userslug}/followers">{counts.followers}</a></div>
+				<span class="stat-label">[[user:followers]]</span>
+			</div>
+
+			<div class="stat">
+				<div><a class="human-readable-number" title="{counts.following}" href="{config.relative_path}/user/{userslug}/following">{counts.following}</a></div>
+				<span class="stat-label">[[user:following]]</span>
+			</div>
+		</div>
+
+		<div class="text-center profile-meta">
+			<span>[[user:joined]]</span>
+			<strong class="timeago" title="{joindateISO}"></strong>
+
+			<span>[[user:lastonline]]</span>
+			<strong class="timeago" title="{lastonlineISO}"></strong><br />
+
+			<!-- IF email -->
+			<span>[[user:email]]</span>
+			<strong><i class="fa fa-eye-slash {emailClass}" title="[[user:email_hidden]]"></i> {email}</strong>
+			<!-- ENDIF email -->
+
+			<!-- IF websiteName -->
+			<span>[[user:website]]</span>
+			<strong><a href="{websiteLink}" rel="nofollow noopener noreferrer">{websiteName}</a></strong>
+			<!-- ENDIF websiteName -->
+
+			<!-- IF location -->
+			<span>[[user:location]]</span>
+			<strong>{location}</strong>
+			<!-- ENDIF location -->
+
+			<!-- IF age -->
+			<span>[[user:age]]</span>
+			<strong>{age}</strong>
+			<!-- ENDIF age -->
+		</div>
+	</div>
+
+
+	<hr />
+
+	<div class="row">
+		<div class="col-12 account-block hidden">
+			<div class="account-picture-block text-center">
+				<span>
+					<span class="account-username"> {username}</span>
+				</span>
+
+				<!-- IF !isSelf -->
+				<a component="account/unfollow" href="#" class="btn btn-outline-secondary{{{ if !isFollowing }}} hide{{{ end }}}">[[user:unfollow]]</a>
+				<a component="account/follow" href="#" class="btn btn-primary{{{ if isFollowing }}} hide{{{ end }}}">[[user:follow]]</a>
+				<!-- ENDIF !isSelf -->
+			</div>
+		</div>
+	</div>
+
+	<!-- IF groups.length -->
+	<div class="row">
+		<div class="col-12 hidden">
+			{{{each groups}}}
+			<a href="{config.relative_path}/groups/{groups.slug}"><span class="label group-label inline-block" style="background-color: {groups.labelColor};"><!-- IF groups.icon --><i class="fa {groups.icon}"></i> <!-- ENDIF groups.icon -->{groups.userTitle}</span></a>
+			{{{end}}}
+		</div>
+	</div>
+	<!-- ENDIF groups.length -->
+
+	<!-- IF ips.length -->
+	<div class="row">
+		<div class="col-12 hidden">
+			<div class="card">
+				<h5 class="card-header">
+					[[global:recentips]]
+				</h5>
+				<div class="card-body">
+				{{{each ips}}}
+					<div>{ips}</div>
+				{{{end}}}
+				</div>
+			</div>
+		</div>
+	</div>
+	<!-- ENDIF ips.length -->
+
+	<div class="row">
+		{{{ if bestPosts.length }}}
+		<div class="col-lg-12 col-12">
+			<h1>[[pages:account/best, {username}]]</h1>
+
+			<div class="col-12">
+				<ul component="posts" class="posts-list list-unstyled">
+				{{{each bestPosts}}}
+				<!-- IMPORT partials/posts_list_item.tpl -->
+				{{{end}}}
+				</ul>
+			</div>
+		</div>
+		{{{ end }}}
+		{{{ if latestPosts.length}}}
+		<div class="col-lg-12 col-12">
+			<h1>[[pages:account/latest-posts, {username}]]</h1>
+			<div class="col-12">
+				<ul component="posts" class="posts-list list-unstyled">
+				{{{each latestPosts}}}
+				<!-- IMPORT partials/posts_list_item.tpl -->
+				{{{end}}}
+				</ul>
+			</div>
+		</div>
+		{{{ end }}}
+	</div>
+
+	<div id="user-action-alert" class="alert alert-success hide"></div>
+</div>

package/templates/account/sessions.tpl

@@ -0,0 +1,34 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<div class="account">
+	<!-- IMPORT partials/account/header.tpl -->
+
+	<!-- IF sessions.length -->
+	<div class="row">
+		<div class="col-12 col-md-12">
+			<p class="lead">[[user:sessions.description]]</p>
+			<hr />
+			<ul class="list-group" component="user/sessions">
+				{{{each sessions}}}
+				<li class="list-group-item" data-uuid="{../uuid}">
+					<div class="float-end">
+						<!-- IF isSelfOrAdminOrGlobalModerator -->
+						<!-- IF !../current -->
+						<button class="btn btn-sm btn-outline-secondary" type="button" data-action="revokeSession">Revoke Session</button>
+						<!-- ENDIF !../current -->
+						<!-- ENDIF isSelfOrAdminOrGlobalModerator -->
+						{function.userAgentIcons}
+						<i class="fa fa-circle text-<!-- IF ../current -->success<!-- ELSE -->muted<!-- ENDIF ../current -->"></i>
+					</div>
+					{../browser} {../version} on {../platform}<br />
+					<small class="timeago text-muted" title="{../datetimeISO}"></small>
+					<ul>
+						<li><strong>[[global:ip_address]]</strong>: {../ip}</li>
+					</ul>
+				</li>
+				{{{end}}}
+			</ul>
+		</div>
+	</div>
+	<!-- ENDIF sessions.length -->
+</div>