@okjavis/nodebb-theme-javis 4.0.2 → 4.0.4

package/package.json

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

package/scss/_base.scss

@@ -144,6 +144,55 @@ a {
   }
 }
 
+// ===========================================================
+// PROFILE PAGE - Hide Push Notifications link
+// ===========================================================
+#web-push {
+  display: none !important;
+}
+
+// ===========================================================
+// PROFILE EDIT PAGE - Right side options alignment
+// ===========================================================
+.account .col-xl-6:last-child {
+  // Remove text-center, align left
+  text-align: left !important;
+
+  // The list group for Change Picture, Username, etc.
+  .list-group {
+    border-radius: $jv-radius-sm;
+    overflow: hidden;
+
+    .list-group-item {
+      text-align: left;
+      padding: $jv-space-4 $jv-space-6;
+      border-left: none;
+      border-right: none;
+
+      &:first-child {
+        border-top: none;
+      }
+
+      a {
+        display: block;
+        font-weight: 500;
+      }
+    }
+  }
+
+  // SSO section label - align with list items above
+  > label.form-label {
+    margin-top: $jv-space-6;
+    padding-left: $jv-space-6; // Match list-group-item padding
+  }
+
+  // Delete account button container
+  .d-flex.justify-content-center {
+    justify-content: flex-start !important;
+    margin-top: $jv-space-6;
+  }
+}
+
 // ===========================================================
 // LOGIN PAGE ONLY - Hide search bar
 // ===========================================================

package/scss/_forms.scss

@@ -30,9 +30,11 @@ textarea,
   }
 }
 
-// Textarea specific
-textarea {
-  border-radius: $jv-radius-md;
+// Textarea specific - override pill shape for multi-line inputs
+textarea,
+textarea.form-control,
+.form-control[type="textarea"] {
+  border-radius: $jv-radius-sm !important; // 8px rounded rectangle, not pill
   resize: vertical;
   min-height: 100px;
 }

package/templates/feed.tpl

@@ -128,3 +128,91 @@ $(document).ready(function() {
 	});
 });
 </script>
+
+<script>
+// Embed videos on feed page - runs independently
+(function() {
+	function embedFeedVideos() {
+		// Find all MP4 links in feed posts
+		var $links = $('a[href*=".mp4"]').not('.stretched-link');
+
+		$links.each(function() {
+			var $link = $(this);
+
+			// Avoid double-processing
+			if ($link.data('javisVideoEmbedded')) {
+				return;
+			}
+
+			var href = $link.attr('href');
+			if (!href || href.indexOf('.mp4') === -1) return;
+
+			// Normalise relative URLs
+			var src = href;
+			if (href.indexOf('http') !== 0) {
+				src = window.location.origin + href;
+			}
+
+			// Find the parent post content div and feed-content-section
+			var $contentDiv = $link.closest('[component="post/content"]');
+			var $feedContentSection = $link.closest('.feed-content-section');
+
+			// Remove the stretched-link overlay so video controls work
+			if ($contentDiv.length) {
+				$contentDiv.find('.stretched-link').remove();
+				$contentDiv.removeClass('position-relative');
+			}
+
+			// Create the inline video player
+			var $video = $('<video />', {
+				src: src,
+				controls: true,
+				preload: 'metadata',
+				class: 'javis-feed-video'
+			}).css({
+				width: '100%',
+				maxWidth: '100%',
+				borderRadius: '8px',
+				backgroundColor: '#000'
+			});
+
+			// Wrap video in a container
+			var $videoContainer = $('<div class="feed-video-section px-3 pb-3"></div>').append($video);
+
+			// Insert video container after the feed-content-section (outside of it)
+			if ($feedContentSection.length) {
+				$feedContentSection.after($videoContainer);
+			}
+
+			// Hide the link/paragraph containing the MP4 link
+			var $parent = $link.closest('p');
+			if ($parent.length) {
+				$parent.hide();
+			} else {
+				$link.hide();
+			}
+
+			$link.data('javisVideoEmbedded', true);
+		});
+	}
+
+	// Run when DOM is ready
+	if (document.readyState === 'loading') {
+		document.addEventListener('DOMContentLoaded', function() {
+			setTimeout(embedFeedVideos, 200);
+		});
+	} else {
+		setTimeout(embedFeedVideos, 200);
+	}
+
+	// Also run on ajaxify (SPA navigation)
+	$(window).on('action:ajaxify.end', function() {
+		setTimeout(embedFeedVideos, 200);
+	});
+
+	// Run when new posts are loaded (infinite scroll)
+	$(window).on('action:posts.loaded', function() {
+		setTimeout(embedFeedVideos, 200);
+	});
+})();
+</script>

package/templates/partials/sidebar/user-menu-dropdown.tpl

@@ -46,11 +46,6 @@
 			<i class="fa fa-fw fa-edit text-secondary"></i> <span>[[user:edit-profile]]</span>
 		</a>
 	</li>
-	<li>
-		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="header/profilelink/settings" href="{relative_path}/user/{user.userslug}/settings" role="menuitem">
-			<i class="fa fa-fw fa-gear text-secondary"></i> <span>[[user:settings]]</span>
-		</a>
-	</li>
 	{{{ if showModMenu }}}
 	<li role="presentation" class="dropdown-divider"></li>
 	<li><h6 class="dropdown-header text-xs">[[pages:moderator-tools]]</h6></li>