nodebb-theme-persona 12.1.3 → 12.1.4

package/.eslintrc

@@ -1,3 +1,3 @@
-{
-    "extends": "nodebb/lib"
+{
+    "extends": "nodebb/lib"
 }

package/README.md

@@ -1,14 +1,14 @@
-Persona theme for NodeBB
-====================
-
-Persona is the new default theme for NodeBB as of v0.7.1
-
-## Addons
-
-[Recent Cards](https://github.com/psychobunny/nodebb-plugin-recent-cards)
-
-## Screenshots
-
-![](https://d2gn4xht817m0g.cloudfront.net/p/product_screenshots/images/original/000/570/286/570286-db378dfd28256a8fabacc9129b3638dc678ac393.png?1439315393)
-
-![](https://d2gn4xht817m0g.cloudfront.net/p/product_screenshots/images/original/000/570/287/570287-5875c63ce086d361b76d94e5bc7cc88a5fd34b8b.png?1439315419)
+Persona theme for NodeBB
+====================
+
+Persona is the new default theme for NodeBB as of v0.7.1
+
+## Addons
+
+[Recent Cards](https://github.com/psychobunny/nodebb-plugin-recent-cards)
+
+## Screenshots
+
+![](https://d2gn4xht817m0g.cloudfront.net/p/product_screenshots/images/original/000/570/286/570286-db378dfd28256a8fabacc9129b3638dc678ac393.png?1439315393)
+
+![](https://d2gn4xht817m0g.cloudfront.net/p/product_screenshots/images/original/000/570/287/570287-5875c63ce086d361b76d94e5bc7cc88a5fd34b8b.png?1439315419)

package/languages/de/persona.json

@@ -1,4 +1,4 @@
-{
-    "mobile-menu-side": "Menüposition der mobilen Seiten umschalten",
-    "post-quick-reply": "Schnelle Antwort"
+{
+    "mobile-menu-side": "Menüposition der mobilen Seiten umschalten",
+    "post-quick-reply": "Schnelle Antwort"
 }

package/languages/en-US/persona.json

@@ -1,3 +1,3 @@
-{
-    "mobile-menu-side": "Switch which side each mobile menu is on"
+{
+    "mobile-menu-side": "Switch which side each mobile menu is on"
 }

package/languages/fr/persona.json

@@ -1,3 +1,3 @@
-{
-    "mobile-menu-side": "Changer la position du menu en version mobiles"
-}
+{
+    "mobile-menu-side": "Changer la position du menu en version mobiles"
+}

package/languages/pl/persona.json

@@ -1,3 +1,3 @@
-{
-    "mobile-menu-side": "Menu mobilne po prawej stronie"
-}
+{
+    "mobile-menu-side": "Menu mobilne po prawej stronie"
+}

package/languages/pt-PT/persona.json

@@ -1,3 +1,3 @@
-{
-    "mobile-menu-side": "Alternar de que lado fica cada menu lateral em telemóvel"
+{
+    "mobile-menu-side": "Alternar de que lado fica cada menu lateral em telemóvel"
 }

package/languages/tr/persona.json

@@ -1,4 +1,4 @@
-{
-    "mobile-menu-side": "Mobil menünün bulunduğu tarafı değiştir",
-    "post-quick-reply": "Hızlı Cevap Gönder"
-} 
+{
+    "mobile-menu-side": "Mobil menünün bulunduğu tarafı değiştir",
+    "post-quick-reply": "Hızlı Cevap Gönder"
+} 

package/languages/zh-CN/persona.json

@@ -1,4 +1,4 @@
-{
-    "mobile-menu-side": "移动端导航菜单切换到另一侧",
-    "post-quick-reply": "快速回复"
-}
+{
+    "mobile-menu-side": "移动端导航菜单切换到另一侧",
+    "post-quick-reply": "快速回复"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodebb-theme-persona",
-  "version": "12.1.3",
+  "version": "12.1.4",
   "nbbpm": {
     "compatibility": "^2.0.0"
   },

package/public/.eslintrc

@@ -1,3 +1,3 @@
-{
-    "extends": "nodebb/public"
+{
+    "extends": "nodebb/public"
 }

package/public/modules/autohidingnavbar.js

@@ -1,221 +1,221 @@
-/*
- *  Bootstrap Auto-Hiding Navbar - v4.0.0
- *  An extension for Bootstrap's fixed navbar which hides the navbar while the page is scrolling downwards and shows it the other way. The plugin is able to show/hide the navbar programmatically as well.
- *  http://www.virtuosoft.eu/code/bootstrap-autohidingnavbar/
- *
- *  Made by István Ujj-Mészáros
- *  Under Apache License v2.0 License
- */
-;(function($, window, document, undefined) {
-    var pluginName = 'autoHidingNavbar',
-        $window = $(window),
-        $document = $(document),
-        _scrollThrottleTimer = null,
-        _resizeThrottleTimer = null,
-        _throttleDelay = 70,
-        _lastScrollHandlerRun = 0,
-        _previousScrollTop = null,
-        _windowHeight = $window.height(),
-        _visible = true,
-        _hideOffset,
-        defaults = {
-          disableAutohide: false,
-          showOnUpscroll: true,
-          showOnBottom: true,
-          hideOffset: 'auto', // "auto" means the navbar height
-          animationDuration: 200,
-          navbarOffset: 0
-        };
-
-    function AutoHidingNavbar(element, options) {
-      this.element = $(element);
-      this.settings = $.extend({}, defaults, options);
-      this._defaults = defaults;
-      this._name = pluginName;
-      this.init();
-    }
-
-    function hide(autoHidingNavbar) {
-      if (!_visible) {
-        return;
-      }
-
-      autoHidingNavbar.element.addClass('navbar-hidden').animate({
-        top: -1 * parseInt(autoHidingNavbar.element.css('height'), 10) + autoHidingNavbar.settings.navbarOffset
-      }, {
-        queue: false,
-        duration: autoHidingNavbar.settings.animationDuration
-      });
-
-      try {
-        $('.dropdown.open .dropdown-toggle, .dropdown.show .dropdown-toggle', autoHidingNavbar.element).dropdown('toggle');
-      }
-      catch(e) {}
-
-      _visible = false;
-
-      autoHidingNavbar.element.trigger('hide.autoHidingNavbar');
-    }
-
-    function show(autoHidingNavbar) {
-      if (_visible) {
-        return;
-      }
-
-      autoHidingNavbar.element.removeClass('navbar-hidden').animate({
-        top: 0
-      }, {
-        queue: false,
-        duration: autoHidingNavbar.settings.animationDuration
-      });
-      _visible = true;
-
-      autoHidingNavbar.element.trigger('show.autoHidingNavbar');
-    }
-
-    function detectState(autoHidingNavbar) {
-      var scrollTop = $window.scrollTop(),
-          scrollDelta = scrollTop - _previousScrollTop;
-
-      _previousScrollTop = scrollTop;
-
-      if (scrollDelta < 0) {
-        if (_visible) {
-          return;
-        }
-
-        if (autoHidingNavbar.settings.showOnUpscroll || scrollTop <= _hideOffset) {
-          show(autoHidingNavbar);
-        }
-      }
-      else if (scrollDelta > 0) {
-        if (!_visible) {
-          if (autoHidingNavbar.settings.showOnBottom && scrollTop + _windowHeight === $document.height()) {
-            show(autoHidingNavbar);
-          }
-          return;
-        }
-
-        if (scrollTop >= _hideOffset) {
-          hide(autoHidingNavbar);
-        }
-      }
-
-    }
-
-    function scrollHandler(autoHidingNavbar) {
-      if (autoHidingNavbar.settings.disableAutohide) {
-        return;
-      }
-
-      _lastScrollHandlerRun = new Date().getTime();
-
-      detectState(autoHidingNavbar);
-    }
-
-    function bindEvents(autoHidingNavbar) {
-      $document.on('scroll.' + pluginName, function() {
-        if (new Date().getTime() - _lastScrollHandlerRun > _throttleDelay) {
-          scrollHandler(autoHidingNavbar);
-        }
-        else {
-          clearTimeout(_scrollThrottleTimer);
-          _scrollThrottleTimer = setTimeout(function() {
-            scrollHandler(autoHidingNavbar);
-          }, _throttleDelay);
-        }
-      });
-
-      $window.on('resize.' + pluginName, function() {
-        clearTimeout(_resizeThrottleTimer);
-        _resizeThrottleTimer = setTimeout(function() {
-          _windowHeight = $window.height();
-        }, _throttleDelay);
-      });
-    }
-
-    function unbindEvents() {
-      $document.off('.' + pluginName);
-
-      $window.off('.' + pluginName);
-    }
-
-    AutoHidingNavbar.prototype = {
-      init: function() {
-        this.elements = {
-          navbar: this.element
-        };
-
-        this.setDisableAutohide(this.settings.disableAutohide);
-        this.setShowOnUpscroll(this.settings.showOnUpscroll);
-        this.setShowOnBottom(this.settings.showOnBottom);
-        this.setHideOffset(this.settings.hideOffset);
-        this.setAnimationDuration(this.settings.animationDuration);
-
-        _hideOffset = this.settings.hideOffset === 'auto' ? parseInt(this.element.css('height'), 10) : this.settings.hideOffset;
-        bindEvents(this);
-
-        return this.element;
-      },
-      setDisableAutohide: function(value) {
-        this.settings.disableAutohide = value;
-        return this.element;
-      },
-      setShowOnUpscroll: function(value) {
-        this.settings.showOnUpscroll = value;
-        return this.element;
-      },
-      setShowOnBottom: function(value) {
-        this.settings.showOnBottom = value;
-        return this.element;
-      },
-      setHideOffset: function(value) {
-        this.settings.hideOffset = value;
-        return this.element;
-      },
-      setAnimationDuration: function(value) {
-        this.settings.animationDuration = value;
-        return this.element;
-      },
-      show: function() {
-        show(this);
-        return this.element;
-      },
-      hide: function() {
-        hide(this);
-        return this.element;
-      },
-      destroy: function() {
-        unbindEvents(this);
-        show(this);
-        $.data(this, 'plugin_' + pluginName, null);
-        return this.element;
-      }
-    };
-
-    $.fn[pluginName] = function(options) {
-      var args = arguments;
-
-      if (options === undefined || typeof options === 'object') {
-        return this.each(function() {
-          if (!$.data(this, 'plugin_' + pluginName)) {
-            $.data(this, 'plugin_' + pluginName, new AutoHidingNavbar(this, options));
-          }
-        });
-      } else if (typeof options === 'string' && options[0] !== '_' && options !== 'init') {
-        var returns;
-
-        this.each(function() {
-          var instance = $.data(this, 'plugin_' + pluginName);
-
-          if (instance instanceof AutoHidingNavbar && typeof instance[options] === 'function') {
-            returns = instance[options].apply(instance, Array.prototype.slice.call(args, 1));
-          }
-        });
-
-        return returns !== undefined ? returns : this;
-      }
-
-    };
-
+/*
+ *  Bootstrap Auto-Hiding Navbar - v4.0.0
+ *  An extension for Bootstrap's fixed navbar which hides the navbar while the page is scrolling downwards and shows it the other way. The plugin is able to show/hide the navbar programmatically as well.
+ *  http://www.virtuosoft.eu/code/bootstrap-autohidingnavbar/
+ *
+ *  Made by István Ujj-Mészáros
+ *  Under Apache License v2.0 License
+ */
+;(function($, window, document, undefined) {
+    var pluginName = 'autoHidingNavbar',
+        $window = $(window),
+        $document = $(document),
+        _scrollThrottleTimer = null,
+        _resizeThrottleTimer = null,
+        _throttleDelay = 70,
+        _lastScrollHandlerRun = 0,
+        _previousScrollTop = null,
+        _windowHeight = $window.height(),
+        _visible = true,
+        _hideOffset,
+        defaults = {
+          disableAutohide: false,
+          showOnUpscroll: true,
+          showOnBottom: true,
+          hideOffset: 'auto', // "auto" means the navbar height
+          animationDuration: 200,
+          navbarOffset: 0
+        };
+
+    function AutoHidingNavbar(element, options) {
+      this.element = $(element);
+      this.settings = $.extend({}, defaults, options);
+      this._defaults = defaults;
+      this._name = pluginName;
+      this.init();
+    }
+
+    function hide(autoHidingNavbar) {
+      if (!_visible) {
+        return;
+      }
+
+      autoHidingNavbar.element.addClass('navbar-hidden').animate({
+        top: -1 * parseInt(autoHidingNavbar.element.css('height'), 10) + autoHidingNavbar.settings.navbarOffset
+      }, {
+        queue: false,
+        duration: autoHidingNavbar.settings.animationDuration
+      });
+
+      try {
+        $('.dropdown.open .dropdown-toggle, .dropdown.show .dropdown-toggle', autoHidingNavbar.element).dropdown('toggle');
+      }
+      catch(e) {}
+
+      _visible = false;
+
+      autoHidingNavbar.element.trigger('hide.autoHidingNavbar');
+    }
+
+    function show(autoHidingNavbar) {
+      if (_visible) {
+        return;
+      }
+
+      autoHidingNavbar.element.removeClass('navbar-hidden').animate({
+        top: 0
+      }, {
+        queue: false,
+        duration: autoHidingNavbar.settings.animationDuration
+      });
+      _visible = true;
+
+      autoHidingNavbar.element.trigger('show.autoHidingNavbar');
+    }
+
+    function detectState(autoHidingNavbar) {
+      var scrollTop = $window.scrollTop(),
+          scrollDelta = scrollTop - _previousScrollTop;
+
+      _previousScrollTop = scrollTop;
+
+      if (scrollDelta < 0) {
+        if (_visible) {
+          return;
+        }
+
+        if (autoHidingNavbar.settings.showOnUpscroll || scrollTop <= _hideOffset) {
+          show(autoHidingNavbar);
+        }
+      }
+      else if (scrollDelta > 0) {
+        if (!_visible) {
+          if (autoHidingNavbar.settings.showOnBottom && scrollTop + _windowHeight === $document.height()) {
+            show(autoHidingNavbar);
+          }
+          return;
+        }
+
+        if (scrollTop >= _hideOffset) {
+          hide(autoHidingNavbar);
+        }
+      }
+
+    }
+
+    function scrollHandler(autoHidingNavbar) {
+      if (autoHidingNavbar.settings.disableAutohide) {
+        return;
+      }
+
+      _lastScrollHandlerRun = new Date().getTime();
+
+      detectState(autoHidingNavbar);
+    }
+
+    function bindEvents(autoHidingNavbar) {
+      $document.on('scroll.' + pluginName, function() {
+        if (new Date().getTime() - _lastScrollHandlerRun > _throttleDelay) {
+          scrollHandler(autoHidingNavbar);
+        }
+        else {
+          clearTimeout(_scrollThrottleTimer);
+          _scrollThrottleTimer = setTimeout(function() {
+            scrollHandler(autoHidingNavbar);
+          }, _throttleDelay);
+        }
+      });
+
+      $window.on('resize.' + pluginName, function() {
+        clearTimeout(_resizeThrottleTimer);
+        _resizeThrottleTimer = setTimeout(function() {
+          _windowHeight = $window.height();
+        }, _throttleDelay);
+      });
+    }
+
+    function unbindEvents() {
+      $document.off('.' + pluginName);
+
+      $window.off('.' + pluginName);
+    }
+
+    AutoHidingNavbar.prototype = {
+      init: function() {
+        this.elements = {
+          navbar: this.element
+        };
+
+        this.setDisableAutohide(this.settings.disableAutohide);
+        this.setShowOnUpscroll(this.settings.showOnUpscroll);
+        this.setShowOnBottom(this.settings.showOnBottom);
+        this.setHideOffset(this.settings.hideOffset);
+        this.setAnimationDuration(this.settings.animationDuration);
+
+        _hideOffset = this.settings.hideOffset === 'auto' ? parseInt(this.element.css('height'), 10) : this.settings.hideOffset;
+        bindEvents(this);
+
+        return this.element;
+      },
+      setDisableAutohide: function(value) {
+        this.settings.disableAutohide = value;
+        return this.element;
+      },
+      setShowOnUpscroll: function(value) {
+        this.settings.showOnUpscroll = value;
+        return this.element;
+      },
+      setShowOnBottom: function(value) {
+        this.settings.showOnBottom = value;
+        return this.element;
+      },
+      setHideOffset: function(value) {
+        this.settings.hideOffset = value;
+        return this.element;
+      },
+      setAnimationDuration: function(value) {
+        this.settings.animationDuration = value;
+        return this.element;
+      },
+      show: function() {
+        show(this);
+        return this.element;
+      },
+      hide: function() {
+        hide(this);
+        return this.element;
+      },
+      destroy: function() {
+        unbindEvents(this);
+        show(this);
+        $.data(this, 'plugin_' + pluginName, null);
+        return this.element;
+      }
+    };
+
+    $.fn[pluginName] = function(options) {
+      var args = arguments;
+
+      if (options === undefined || typeof options === 'object') {
+        return this.each(function() {
+          if (!$.data(this, 'plugin_' + pluginName)) {
+            $.data(this, 'plugin_' + pluginName, new AutoHidingNavbar(this, options));
+          }
+        });
+      } else if (typeof options === 'string' && options[0] !== '_' && options !== 'init') {
+        var returns;
+
+        this.each(function() {
+          var instance = $.data(this, 'plugin_' + pluginName);
+
+          if (instance instanceof AutoHidingNavbar && typeof instance[options] === 'function') {
+            returns = instance[options].apply(instance, Array.prototype.slice.call(args, 1));
+          }
+        });
+
+        return returns !== undefined ? returns : this;
+      }
+
+    };
+
   })(jQuery, window, document);

package/public/persona.js

@@ -57,6 +57,16 @@ $(document).ready(function () {
 			navbarEl.autoHidingNavbar('destroy').removeData('plugin_autoHidingNavbar');
 			navbarEl.css('top', '');
 
+			hooks
+				.on('filter:navigator.scroll', (data) => {
+					navbarEl.autoHidingNavbar('setDisableAutohide', true);
+					return data;
+				})
+				.on('action:navigator.scrolled', () => {
+					console.warn('reenabling', navbarEl);
+					navbarEl.autoHidingNavbar('setDisableAutohide', false);
+				});
+
 			hooks.fire('filter:persona.configureNavbarHiding', {
 				resizeEnvs: preference,
 			}).then(({ resizeEnvs }) => {

package/templates/categories.tpl

@@ -1,31 +1,31 @@
-<!-- IMPORT partials/breadcrumbs.tpl -->
-<div data-widget-area="header">
-	{{{each widgets.header}}}
-	{{widgets.header.html}}
-	{{{end}}}
-</div>
-<div class="row">
-	<div class="<!-- IF widgets.sidebar.length -->col-lg-9 col-sm-12<!-- ELSE -->col-lg-12<!-- ENDIF widgets.sidebar.length -->">
-		{{{ if pagination.pages.length }}}
-		<div><!-- IMPORT partials/category-selector.tpl --></div>
-		{{{ else }}}
-		<h1 class="categories-title">[[pages:categories]]</h1>
-		{{{ end }}}
-		<ul class="categories" itemscope itemtype="http://www.schema.org/ItemList">
-			{{{each categories}}}
-			<!-- IMPORT partials/categories/item.tpl -->
-			{{{end}}}
-		</ul>
-		<!-- IMPORT partials/paginator.tpl -->
-	</div>
-	<div data-widget-area="sidebar" class="col-lg-3 col-sm-12 <!-- IF !widgets.sidebar.length -->hidden<!-- ENDIF !widgets.sidebar.length -->">
-		{{{each widgets.sidebar}}}
-		{{widgets.sidebar.html}}
-		{{{end}}}
-	</div>
-</div>
-<div data-widget-area="footer">
-	{{{each widgets.footer}}}
-	{{widgets.footer.html}}
-	{{{end}}}
-</div>
+<!-- IMPORT partials/breadcrumbs.tpl -->
+<div data-widget-area="header">
+	{{{each widgets.header}}}
+	{{widgets.header.html}}
+	{{{end}}}
+</div>
+<div class="row">
+	<div class="<!-- IF widgets.sidebar.length -->col-lg-9 col-sm-12<!-- ELSE -->col-lg-12<!-- ENDIF widgets.sidebar.length -->">
+		{{{ if pagination.pages.length }}}
+		<div><!-- IMPORT partials/category-selector.tpl --></div>
+		{{{ else }}}
+		<h1 class="categories-title">[[pages:categories]]</h1>
+		{{{ end }}}
+		<ul class="categories" itemscope itemtype="http://www.schema.org/ItemList">
+			{{{each categories}}}
+			<!-- IMPORT partials/categories/item.tpl -->
+			{{{end}}}
+		</ul>
+		<!-- IMPORT partials/paginator.tpl -->
+	</div>
+	<div data-widget-area="sidebar" class="col-lg-3 col-sm-12 <!-- IF !widgets.sidebar.length -->hidden<!-- ENDIF !widgets.sidebar.length -->">
+		{{{each widgets.sidebar}}}
+		{{widgets.sidebar.html}}
+		{{{end}}}
+	</div>
+</div>
+<div data-widget-area="footer">
+	{{{each widgets.footer}}}
+	{{widgets.footer.html}}
+	{{{end}}}
+</div>

package/templates/groups/members.tpl

@@ -1,9 +1,9 @@
-<!-- IMPORT partials/breadcrumbs.tpl -->
-<div class="users">
-
-	<ul id="users-container" class="users-container">
-		<!-- IMPORT partials/users_list.tpl -->
-	</ul>
-
-	<!-- IMPORT partials/paginator.tpl -->
+<!-- IMPORT partials/breadcrumbs.tpl -->
+<div class="users">
+
+	<ul id="users-container" class="users-container">
+		<!-- IMPORT partials/users_list.tpl -->
+	</ul>
+
+	<!-- IMPORT partials/paginator.tpl -->
 </div>

package/templates/partials/acceptTos.tpl

@@ -1,9 +1,9 @@
-<div class="form-group">
-	<label for="agree-terms">[[register:terms_of_use]]</label>
-	<div class="tos">{termsOfUse}</div>
-	<div class="checkbox">
-		<label>
-			<input type="checkbox" name="agree-terms" id="agree-terms"> [[register:agree_to_terms_of_use]]
-		</label>
-	</div>
+<div class="form-group">
+	<label for="agree-terms">[[register:terms_of_use]]</label>
+	<div class="tos">{termsOfUse}</div>
+	<div class="checkbox">
+		<label>
+			<input type="checkbox" name="agree-terms" id="agree-terms"> [[register:agree_to_terms_of_use]]
+		</label>
+	</div>
 </div>

package/templates/partials/categories/link.tpl

@@ -1,11 +1,11 @@
-<!-- IF ../isSection -->
-{../name}
-<!-- ELSE -->
-<!-- IF ../link -->
-<a href="{../link}" itemprop="url">
-<!-- ELSE -->
-<a href="{config.relative_path}/category/{../slug}" itemprop="url">
-<!-- ENDIF ../link -->
-{../name}
-</a>
+<!-- IF ../isSection -->
+{../name}
+<!-- ELSE -->
+<!-- IF ../link -->
+<a href="{../link}" itemprop="url">
+<!-- ELSE -->
+<a href="{config.relative_path}/category/{../slug}" itemprop="url">
+<!-- ENDIF ../link -->
+{../name}
+</a>
 <!-- ENDIF ../isSection -->

package/templates/partials/category-filter.tpl

@@ -1,3 +1,3 @@
-<div component="category/dropdown" class="btn-group category-dropdown-container bottom-sheet">
-   <!-- IMPORT partials/category-filter-content.tpl -->
+<div component="category/dropdown" class="btn-group category-dropdown-container bottom-sheet">
+   <!-- IMPORT partials/category-filter-content.tpl -->
 </div>

package/templates/partials/category-selector.tpl

@@ -1,3 +1,3 @@
-<div component="category-selector" class="btn-group bottom-sheet">
-<!-- IMPORT partials/category-selector-content.tpl -->
+<div component="category-selector" class="btn-group bottom-sheet">
+<!-- IMPORT partials/category-selector-content.tpl -->
 </div>

package/templates/partials/chats/messages.tpl

@@ -1,7 +1,7 @@
-{{{each messages}}}
-	{{{ if !./system }}}
-	<!-- IMPORT partials/chats/message.tpl -->
-	{{{ else }}}
-	<!-- IMPORT partials/chats/system-message.tpl -->
-	{{{ end }}}
+{{{each messages}}}
+	{{{ if !./system }}}
+	<!-- IMPORT partials/chats/message.tpl -->
+	{{{ else }}}
+	<!-- IMPORT partials/chats/system-message.tpl -->
+	{{{ end }}}
 {{{end}}}

package/templates/partials/posts_list.tpl

@@ -1,8 +1,8 @@
-<ul component="posts" class="posts-list" data-nextstart="{nextStart}">
-	{{{each posts}}}
-	<!-- IMPORT partials/posts_list_item.tpl -->
-	{{{end}}}
-</ul>
-<div component="posts/loading" class="loading-indicator text-center hidden">
-	<i class="fa fa-refresh fa-spin"></i>
+<ul component="posts" class="posts-list" data-nextstart="{nextStart}">
+	{{{each posts}}}
+	<!-- IMPORT partials/posts_list_item.tpl -->
+	{{{end}}}
+</ul>
+<div component="posts/loading" class="loading-indicator text-center hidden">
+	<i class="fa fa-refresh fa-spin"></i>
 </div>

package/templates/partials/topic/necro-post.tpl

@@ -1,3 +1,3 @@
-<li component="topic/necro-post" class="necro-post timeline-event">
-	<span class="timeline-text">{text}</span>
+<li component="topic/necro-post" class="necro-post timeline-event">
+	<span class="timeline-text">{text}</span>
 </li>

package/templates/partials/topic/selection-tooltip.tpl

@@ -1,3 +1,3 @@
-<div component="selection/tooltip" class="selection-tooltip-container">
-    <button component="selection/tooltip/quote" class="btn btn-sm btn-primary quote-tooltip-btn">[[topic:quote]]</button>
+<div component="selection/tooltip" class="selection-tooltip-container">
+    <button component="selection/tooltip/quote" class="btn btn-sm btn-primary quote-tooltip-btn">[[topic:quote]]</button>
 </div>

package/templates/partials/topic/stats.tpl

@@ -1,12 +1,12 @@
-<div class="stats text-muted">
-	<i class="fa fa-fw fa-user" title="[[global:posters]]"></i>
-	<span title="{postercount}" class="human-readable-number">{postercount}</span>
-</div>
-<div class="stats text-muted">
-	<i class="fa fa-fw fa-pencil" title="[[global:posts]]"></i>
-	<span component="topic/post-count" title="{postcount}" class="human-readable-number">{postcount}</span>
-</div>
-<div class="stats text-muted">
-	<i class="fa fa-fw fa-eye" title="[[global:views]]"></i>
-	<span class="human-readable-number" title="{viewcount}">{viewcount}</span>
+<div class="stats text-muted">
+	<i class="fa fa-fw fa-user" title="[[global:posters]]"></i>
+	<span title="{postercount}" class="human-readable-number">{postercount}</span>
+</div>
+<div class="stats text-muted">
+	<i class="fa fa-fw fa-pencil" title="[[global:posts]]"></i>
+	<span component="topic/post-count" title="{postcount}" class="human-readable-number">{postcount}</span>
+</div>
+<div class="stats text-muted">
+	<i class="fa fa-fw fa-eye" title="[[global:views]]"></i>
+	<span class="human-readable-number" title="{viewcount}">{viewcount}</span>
 </div>

package/templates/tos.tpl

@@ -1,4 +1,4 @@
-<h3>[[register:terms_of_use]]</h3>
-<hr/>
-
-{termsOfUse}
+<h3>[[register:terms_of_use]]</h3>
+<hr/>
+
+{termsOfUse}

package/theme.json

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