nodebb-theme-harmony 0.0.12 → 0.0.13

package/library.js

@@ -12,6 +12,7 @@ const defaults = {
 	enableQuickReply: 'on',
 	centerHeaderElements: 'off',
 	stickyToolbar: 'on',
+	openSidebars: 'off',
 };
 
 library.init = async function (params) {
@@ -99,6 +100,7 @@ library.getThemeConfig = async function (config) {
 	config.enableQuickReply = themeConfig.enableQuickReply === 'on';
 	config.centerHeaderElements = themeConfig.centerHeaderElements === 'on';
 	config.stickyToolbar = themeConfig.stickyToolbar === 'on';
+	config.openSidebars = themeConfig.openSidebars === 'on';
 	config.openDraftsOnPageLoad = false;
 	return config;
 };
@@ -115,7 +117,9 @@ library.getAdminSettings = async function (hookData) {
 
 library.saveUserSettings = async function (hookData) {
 	Object.keys(defaults).forEach((key) => {
-		hookData.settings[key] = hookData.data[key] || undefined;
+		if (hookData.data.hasOwnProperty(key)) {
+			hookData.settings[key] = hookData.data[key] || undefined;
+		}
 	});
 	return hookData;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodebb-theme-harmony",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "nbbpm": {
     "compatibility": "^3.0.0"
   },

package/public/harmony.js

@@ -35,9 +35,19 @@ $(document).ready(function () {
 	});
 
 	function setupMobileMenu() {
-		$('[component="sidebar/toggle"]').on('click', function () {
-			$('.sidebar').toggleClass('open');
-			$(window).trigger('action:sidebar.toggle');
+		require(['api'], function (api) {
+			$('[component="sidebar/toggle"]').on('click', async function () {
+				const sidebarEl = $('.sidebar');
+				sidebarEl.toggleClass('open');
+				if (app.user.uid) {
+					await api.put(`/users/${app.user.uid}/settings`, {
+						settings: {
+							openSidebars: sidebarEl.hasClass('open') ? 'on' : 'off',
+						},
+					});
+				}
+				$(window).trigger('action:sidebar.toggle');
+			});
 		});
 	}
 
@@ -79,7 +89,6 @@ $(document).ready(function () {
 				draftListEl.children(':not(.no-drafts)').remove();
 
 				const draftItems = drafts.listAvailable();
-				console.log('harmony sees', draftItems);
 				if (!draftItems.length) {
 					draftListEl.find('.no-drafts').removeClass('hidden');
 					return;
@@ -89,7 +98,7 @@ $(document).ready(function () {
 						draft.text = draft.text.replace(/(?:\r\n|\r|\n)/g, '<br>');
 					}
 				});
-				console.log(draftItems);
+
 				const html = await app.parseAndTranslate('partials/sidebar/drafts', 'drafts', { drafts: draftItems });
 				draftListEl.find('.no-drafts').addClass('hidden');
 				draftListEl.append(html).find('.timeago').timeago();

package/templates/groups/details.tpl

@@ -34,6 +34,11 @@
 	</div>
 
 	<div class="d-flex flex-column flex-md-row">
+		<div data-widget-area="left">
+			{{{each widgets.left}}}
+			{{widgets.left.html}}
+			{{{end}}}
+		</div>
 		<!-- IMPORT partials/groups/sidebar-left.tpl -->
 
 		<div class="flex-1 ps-md-2 ps-lg-5" style="min-width:0;">
@@ -68,5 +73,11 @@
 				{{{ end }}}
 			</div>
 		</div>
+
+		<div data-widget-area="right">
+			{{{each widgets.right}}}
+			{{widgets.right.html}}
+			{{{end}}}
+		</div>
 	</div>
 </div>

package/templates/partials/quick-search-results.tpl

@@ -42,6 +42,6 @@
 {{{ end }}}
 
 {{{if !posts.length}}}
-<div class="text-center no-results">[[search:no-matches]]</li>
+<div class="text-center no-results py-2 py-md-0">[[search:no-matches]]</li>
 <li role="separator" class="dropdown-divider d-block d-md-none"></li>
 {{{end}}}

package/templates/partials/sidebar-left.tpl

@@ -1,4 +1,4 @@
-<nav class="text-dark bg-light sidebar sidebar-left start-0 border-end vh-100 d-none d-md-flex flex-column justify-content-between sticky-top ff-secondary">
+<nav class="{{{ if config.openSidebars}}}open{{{ end }}} text-dark bg-light sidebar sidebar-left start-0 border-end vh-100 d-none d-md-flex flex-column justify-content-between sticky-top ff-secondary">
 	<ul id="main-nav" class="list-unstyled d-flex flex-column w-100 gap-2 mt-2">
 		{{{ each navigation }}}
 		<!-- IF function.displayMenuItem, @index -->

package/templates/partials/sidebar-right.tpl

@@ -1,4 +1,4 @@
-<nav class="text-dark bg-light sidebar sidebar-right end-0 border-start vh-100 d-none d-md-flex flex-column sticky-top ff-secondary">
+<nav class="{{{ if config.openSidebars}}}open{{{ end }}} text-dark bg-light sidebar sidebar-right end-0 border-start vh-100 d-none d-md-flex flex-column sticky-top ff-secondary">
 	{{{ if config.loggedIn }}}
 	<ul id="logged-in-menu" class="list-unstyled d-flex flex-column w-100 gap-2 mt-2">
 	<!-- IMPORT partials/sidebar/logged-in-menu.tpl -->