@okjavis/nodebb-theme-javis 2.5.1 → 2.5.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@okjavis/nodebb-theme-javis",
-  "version": "2.5.1",
+  "version": "2.5.2",
   "description": "Modern, premium NodeBB theme for JAVIS Community - Extends Harmony with custom styling",
   "main": "theme.js",
   "scripts": {

package/plugin.json

@@ -6,9 +6,11 @@
   "library": "./theme.js",
   "baseTheme": "nodebb-theme-harmony",
   "hooks": [
+    { "hook": "static:app.load", "method": "init" },
     { "hook": "filter:widgets.getAreas", "method": "defineWidgetAreas" },
     { "hook": "filter:admin.header.build", "method": "addAdminNavigation" },
-    { "hook": "filter:config.get", "method": "getThemeConfig" }
+    { "hook": "filter:config.get", "method": "getThemeConfig" },
+    { "hook": "filter:settings.get", "method": "getAdminSettings" }
   ],
   "staticDirs": {
     "static": "./static"
@@ -16,6 +18,9 @@
   "scripts": [
     "static/lib/theme.js"
   ],
+  "modules": {
+    "../admin/plugins/javis.js": "public/admin.js"
+  },
   "templates": "templates",
   "screenshot": "screenshot.png",
   "version": "1.5.0",

package/templates/admin/plugins/javis.tpl

@@ -0,0 +1,76 @@
+<div class="acp-page-container">
+	<!-- IMPORT admin/partials/settings/header.tpl -->
+
+	<div class="row m-0">
+		<div id="spy-container" class="col-12 col-md-8 px-0 mb-4" tabindex="0">
+			<form role="form" class="javis-settings">
+				<div class="mb-4">
+					<h5 class="fw-bold">JAVIS Theme Settings</h5>
+					<p class="text-muted">Configure the default settings for the JAVIS Community theme.</p>
+				</div>
+
+				<div class="form-check form-switch mb-3">
+					<input type="checkbox" class="form-check-input" id="enableQuickReply" name="enableQuickReply" />
+					<label for="enableQuickReply" class="form-check-label">Enable Quick Reply</label>
+					<p class="form-text">Allow users to quickly reply to topics without opening the full composer.</p>
+				</div>
+
+				<div class="form-check form-switch mb-3">
+					<input type="checkbox" class="form-check-input" id="enableBreadcrumbs" name="enableBreadcrumbs" />
+					<label for="enableBreadcrumbs" class="form-check-label">Enable Breadcrumbs</label>
+					<p class="form-text">Show navigation breadcrumbs at the top of pages.</p>
+				</div>
+
+				<div class="form-check form-switch mb-3">
+					<input type="checkbox" class="form-check-input" id="centerHeaderElements" name="centerHeaderElements" />
+					<label for="centerHeaderElements" class="form-check-label">Center Header Elements</label>
+					<p class="form-text">Center-align the header navigation elements.</p>
+				</div>
+
+				<div class="form-check form-switch mb-3">
+					<input type="checkbox" class="form-check-input" id="mobileTopicTeasers" name="mobileTopicTeasers" />
+					<label for="mobileTopicTeasers" class="form-check-label">Mobile Topic Teasers</label>
+					<p class="form-text">Show topic teasers on mobile devices.</p>
+				</div>
+
+				<div class="form-check form-switch mb-3">
+					<input type="checkbox" class="form-check-input" id="stickyToolbar" name="stickyToolbar" />
+					<label for="stickyToolbar" class="form-check-label">Sticky Toolbar</label>
+					<p class="form-text">Keep the topic toolbar visible when scrolling.</p>
+				</div>
+
+				<div class="form-check form-switch mb-3">
+					<input type="checkbox" class="form-check-input" id="topicSidebarTools" name="topicSidebarTools" />
+					<label for="topicSidebarTools" class="form-check-label">Topic Sidebar Tools</label>
+					<p class="form-text">Show topic tools in the sidebar instead of inline.</p>
+				</div>
+
+				<div class="form-check form-switch mb-3">
+					<input type="checkbox" class="form-check-input" id="autohideBottombar" name="autohideBottombar" />
+					<label for="autohideBottombar" class="form-check-label">Auto-hide Bottom Bar</label>
+					<p class="form-text">Automatically hide the bottom navigation bar when scrolling down.</p>
+				</div>
+
+				<div class="form-check form-switch mb-3">
+					<input type="checkbox" class="form-check-input" id="topMobilebar" name="topMobilebar" />
+					<label for="topMobilebar" class="form-check-label">Top Mobile Bar</label>
+					<p class="form-text">Show mobile navigation at the top instead of bottom.</p>
+				</div>
+
+				<div class="form-check form-switch mb-3">
+					<input type="checkbox" class="form-check-input" id="openSidebars" name="openSidebars" />
+					<label for="openSidebars" class="form-check-label">Open Sidebars by Default</label>
+					<p class="form-text">Keep sidebars expanded by default (JAVIS default: enabled).</p>
+				</div>
+
+				<div class="form-check form-switch mb-3">
+					<input type="checkbox" class="form-check-input" id="chatModals" name="chatModals" />
+					<label for="chatModals" class="form-check-label">Chat Modals</label>
+					<p class="form-text">Open chats in modal windows instead of navigating to the chat page.</p>
+				</div>
+			</form>
+		</div>
+
+		<!-- IMPORT admin/partials/settings/toc.tpl -->
+	</div>
+</div>

package/theme.js

@@ -9,9 +9,11 @@ const meta = require.main.require('./src/meta');
 const user = require.main.require('./src/user');
 const _ = require.main.require('lodash');
 
+const controllers = require('./lib/controllers');
+
 const theme = {};
 
-// Harmony's defaults - we override openSidebars to 'on'
+// JAVIS defaults - openSidebars is 'on' by default
 const defaults = {
   enableQuickReply: 'on',
   enableBreadcrumbs: 'on',
@@ -26,15 +28,31 @@ const defaults = {
 };
 
 /**
- * Load theme config - replaces Harmony's loadThemeConfig
+ * Hook: static:app.load
+ * Initialize routes for admin panel
+ */
+theme.init = async function (params) {
+  const { router } = params;
+  const routeHelpers = require.main.require('./src/routes/helpers');
+
+  // Admin panel route
+  routeHelpers.setupAdminPageRoute(router, '/admin/plugins/javis', [], controllers.renderAdminPage);
+};
+
+/**
+ * Load theme config
  * Uses JAVIS defaults (with openSidebars: 'on')
  */
 async function loadThemeConfig(uid) {
-  const [themeConfig, userConfig] = await Promise.all([
-    meta.settings.get('harmony'),
+  const [harmonyConfig, javisConfig, userConfig] = await Promise.all([
+    meta.settings.get('harmony'),  // Read from Harmony's settings (parent theme)
+    meta.settings.get('javis'),    // Read from JAVIS-specific settings
     user.getSettings(uid),
   ]);
 
+  // Merge: Harmony settings first, then JAVIS overrides
+  const themeConfig = { ...harmonyConfig, ...javisConfig };
+
   // 3-tier cascade: JAVIS defaults -> theme settings -> user settings
   const config = { ...defaults, ...themeConfig, ...(_.pick(userConfig, Object.keys(defaults))) };
 
@@ -53,6 +71,9 @@ async function loadThemeConfig(uid) {
   return config;
 }
 
+// Export loadThemeConfig for potential use by other modules
+theme.loadThemeConfig = loadThemeConfig;
+
 /**
  * Hook: filter:config.get
  * Sets config.theme with JAVIS-specific defaults
@@ -63,6 +84,20 @@ theme.getThemeConfig = async function (config) {
   return config;
 };
 
+/**
+ * Hook: filter:settings.get
+ * Provide default values for admin settings
+ */
+theme.getAdminSettings = async function (hookData) {
+  if (hookData.plugin === 'javis') {
+    hookData.values = {
+      ...defaults,
+      ...hookData.values,
+    };
+  }
+  return hookData;
+};
+
 theme.defineWidgetAreas = async (areas) => {
   // Define widget areas like Harmony does
   const locations = ['header', 'sidebar', 'footer'];
@@ -125,7 +160,7 @@ theme.defineWidgetAreas = async (areas) => {
 
 theme.addAdminNavigation = (header) => {
   header.plugins.push({
-    route: '/plugins/javis-community-theme',
+    route: '/plugins/javis',
     icon: 'fa-paint-brush',
     name: 'JAVIS Theme',
   });