nodebb-theme-harmony 0.0.1

package/templates/topic.tpl

@@ -0,0 +1,108 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<div data-widget-area="header">
+	{{{each widgets.header}}}
+	{{widgets.header.html}}
+	{{{end}}}
+</div>
+<div class="row">
+	<div class="topic {{{ if widgets.sidebar.length }}}col-lg-9 col-sm-12{{{ else }}}col-lg-12{{{ end }}}">
+		<div class="topic-header sticky-top">
+			<h1 component="post/header" class="" itemprop="name">
+				<span class="topic-title">
+					<span component="topic/labels">
+						<i component="topic/scheduled" class="fa fa-clock-o {{{ if !scheduled }}}hidden{{{ end }}}" title="[[topic:scheduled]]"></i>
+						<i component="topic/pinned" class="fa fa-thumb-tack {{{ if (scheduled || !pinned) }}}hidden{{{ end }}}" title="{{{ if !pinExpiry }}}[[topic:pinned]]{{{ else }}}[[topic:pinned-with-expiry, {pinExpiryISO}]]{{{ end }}}"></i>
+						<i component="topic/locked" class="fa fa-lock {{{ if !locked }}}hidden{{{ end }}}" title="[[topic:locked]]"></i>
+						<i class="fa fa-arrow-circle-right {{{ if !oldCid }}}hidden{{{ end }}}" title="{{{ if privileges.isAdminOrMod }}}[[topic:moved-from, {oldCategory.name}]]{{{ else }}}[[topic:moved]]{{{ end }}}"></i>
+						{{{each icons}}}<span class="align-middle">{@value}</span>{{{end}}}
+					</span>
+					<span component="topic/title">{title}</span>
+				</span>
+			</h1>
+
+			<div class="topic-info clearfix">
+				<div class="category-item d-inline-block">
+					{buildCategoryIcon(category, "24px", "rounded-circle")}
+					<a href="{config.relative_path}/category/{category.slug}">{category.name}</a>
+				</div>
+
+				<div class="tags tag-list d-inline-block hidden-xs">
+					<!-- IMPORT partials/topic/tags.tpl -->
+				</div>
+				<div class="d-inline-block hidden-xs">
+					<!-- IMPORT partials/topic/stats.tpl -->
+				</div>
+				{{{ if !feeds:disableRSS }}}
+				{{{ if rssFeedUrl }}}<a class="hidden-xs" target="_blank" href="{rssFeedUrl}"><i class="fa fa-rss-square"></i></a>{{{ end }}}
+				{{{ end }}}
+				{{{ if browsingUsers }}}
+				<div class="d-inline-block hidden-xs">
+				<!-- IMPORT partials/topic/browsing-users.tpl -->
+				</div>
+				{{{ end }}}
+
+				<!-- IMPORT partials/post_bar.tpl -->
+			</div>
+		</div>
+		{{{ if merger }}}
+		<!-- IMPORT partials/topic/merged-message.tpl -->
+		{{{ end }}}
+
+		{{{ if !scheduled }}}
+		<!-- IMPORT partials/topic/deleted-message.tpl -->
+		{{{ end }}}
+
+		<ul component="topic" class="posts timeline" data-tid="{tid}" data-cid="{cid}">
+			{{{each posts}}}
+				<li component="post" class="{{{ if posts.deleted }}}deleted{{{ end }}} {{{ if posts.selfPost }}}self-post{{{ end }}} {{{ if posts.topicOwnerPost }}}topic-owner-post{{{ end }}}" <!-- IMPORT partials/data/topic.tpl -->>
+					<a component="post/anchor" data-index="{posts.index}" id="{posts.index}"></a>
+
+					<meta itemprop="datePublished" content="{posts.timestampISO}">
+					<meta itemprop="dateModified" content="{posts.editedISO}">
+
+					<!-- IMPORT partials/topic/post.tpl -->
+				</li>
+				{{{ if (config.topicPostSort != "most_votes") }}}
+				{{{ each ./events}}}
+				<!-- IMPORT partials/topic/event.tpl -->
+				{{{ end }}}
+				{{{ end }}}
+			{{{end}}}
+		</ul>
+
+		{{{ if browsingUsers }}}
+		<div class="visible-xs">
+			<!-- IMPORT partials/topic/browsing-users.tpl -->
+			<hr/>
+		</div>
+		{{{ end }}}
+
+		{{{ if config.enableQuickReply }}}
+		<!-- IMPORT partials/topic/quickreply.tpl -->
+		{{{ end }}}
+
+		{{{ if config.usePagination }}}
+		<!-- IMPORT partials/paginator.tpl -->
+		{{{ end }}}
+
+		<!-- IMPORT partials/topic/navigator.tpl -->
+	</div>
+	<div data-widget-area="sidebar" class="col-lg-3 col-sm-12 {{{ if !widgets.sidebar.length }}}hidden{{{ end }}}">
+		{{{each widgets.sidebar}}}
+		{{widgets.sidebar.html}}
+		{{{end}}}
+	</div>
+</div>
+
+<div data-widget-area="footer">
+	{{{each widgets.footer}}}
+	{{widgets.footer.html}}
+	{{{end}}}
+</div>
+
+{{{ if !config.usePagination }}}
+<noscript>
+<!-- IMPORT partials/paginator.tpl -->
+</noscript>
+{{{ end }}}

package/templates/unread.tpl

@@ -0,0 +1,39 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<!-- IMPORT partials/breadcrumbs.tpl -->
+<div data-widget-area="header">
+	{{{each widgets.header}}}
+	{{widgets.header.html}}
+	{{{end}}}
+</div>
+<div class="unread">
+	<div class="topic-list-header sticky-top btn-toolbar justify-content-between py-2 mb-2 gap-1">
+		<div class="d-flex gap-1 align-items-stretch">
+			<!-- IMPORT partials/buttons/newTopic.tpl -->
+			<a href="{config.relative_path}/{selectedFilter.url}{querystring}" class="d-inline-block">
+				<div class="alert alert-warning h-100 m-0 px-2 py-1 d-flex align-items-center hide" id="new-topics-alert"></div>
+			</a>
+		</div>
+
+		<div class="d-flex gap-1 align-items-stretch">
+		<!-- IMPORT partials/topic-filters.tpl -->
+		<!-- IMPORT partials/category-filter-right.tpl -->
+
+		<div class="markread btn-group {{{ if !topics.length }}}hidden{{{ end }}}">
+			<!-- IMPORT partials/category-selector-right.tpl -->
+		</div>
+
+		<!-- IMPORT partials/category/tools.tpl -->
+		</div>
+	</div>
+
+	<div class="category">
+		<div id="category-no-topics" class="alert alert-warning {{{ if topics.length }}}hidden{{{ end }}}">[[unread:no_unread_topics]]</div>
+
+		<!-- IMPORT partials/topics_list.tpl -->
+		<button id="load-more-btn" class="btn btn-primary hide">[[unread:load_more]]</button>
+		{{{ if config.usePagination }}}
+		<!-- IMPORT partials/paginator.tpl -->
+		{{{ end }}}
+	</div>
+</div>

package/templates/users.tpl

@@ -0,0 +1,36 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<!-- IMPORT partials/breadcrumbs.tpl -->
+<div data-widget-area="header">
+	{{{each widgets.header}}}
+	{{widgets.header.html}}
+	{{{end}}}
+</div>
+<div class="users">
+	<div class="row mb-3">
+		<div class="col-lg-6">
+		<!-- IMPORT partials/users_list_menu.tpl -->
+		</div>
+		<div class="col-3 text-end">
+			<!-- IF showInviteButton -->
+			<button component="user/invite" class="btn btn-success"><i class="fa fa-users"></i> [[users:invite]]</button>
+			<!-- ENDIF showInviteButton -->
+		</div>
+		<!-- IF displayUserSearch -->
+		<div class="col-lg-3 col-9">
+			<div class="search">
+				<div class="input-group">
+					<input class="form-control" id="search-user" type="text" placeholder="[[global:search]]"/>
+					<button class="btn btn-primary" type="button">
+						<i component="user/search/icon" class="fa fa-search"></i>
+					</button>
+				</div>
+			</div>
+		</div>
+		<!-- ENDIF displayUserSearch -->
+	</div>
+
+	<!-- IMPORT partials/users_list.tpl -->
+
+	<!-- IMPORT partials/paginator.tpl -->
+</div>

package/theme.json

@@ -0,0 +1,7 @@
+{
+    "id": "nodebb-theme-harmony",
+    "name": "Harmony",
+    "description": "The default theme for NodeBB. Uses a standard approach to forum design.",
+    "url": "https://github.com/nodebb/nodebb-theme-harmony",
+    "screenshot": "screenshot.png"
+}

package/theme.scss

@@ -0,0 +1 @@
+@import "./scss/harmony";