Show SMF News

This adds a new configuration option for showing the SMF news on MediaWiki.

Signed-off-by: Mustafa Can Elmacı <[email protected]>

Author: Rupurudu

README.md

@@ -47,11 +47,21 @@ $wgDefaultSkin = "smfcurve2";
 We provide a few simple and more advanced methods to customizing the skin.
 
 ### Simple
-
-#### Adding the forum main menu
 Add to your LocalSettings.php (After your wfLoadSkin line)
+
+#### Connecting to SMF SSI.
+Needed for adding the forum news and main menu.
 ```
 $wgsmfRoot = '/path/to/forum';
+```
+
+#### Adding the forum news
+```
+$wgshowSMFnews = true;
+```
+
+#### Adding the forum main menu
+```
 $wgshowSMFmenu = true;
 ```
 

includes/smfCurve2Template.php

@@ -83,6 +83,7 @@ class smfCurve2Template extends BaseTemplate
 	/**
 	 * @var bool
 	 */
+	protected $showSMFnews = false;
 	protected $showSMFmenu = false;
 	protected $useLogoImage = false;
 	protected $useSideSearchBox = false;
@@ -120,6 +121,11 @@ private function setupCustomization()
 			require_once $ssi . '/SSI.php';
 		}
 
+		// Add to your LocalSettings: $wgshowSMFnews = true;
+		if (is_bool($this->getConfig()->get('showSMFnews'))) {
+			$this->showSMFnews = $this->getConfig()->get('showSMFnews');
+		}
+
 		// Add to your LocalSettings: $wgshowSMFmenu = true;
 		if (is_bool($this->getConfig()->get('showSMFmenu'))) {
 			$this->showSMFmenu = $this->getConfig()->get('showSMFmenu');
@@ -177,6 +183,9 @@ public function execute()
 				<div id="upper_section">
 					<div id="inner_section">';
 
+						// Show SMF News ?
+						$this->smfNews();
+
 						// Do we have an SMF Menu ?
 						$this->smfMenu();
 
@@ -702,4 +711,31 @@ public function smfMenu()
 			</div>';
 		}
 	}
+
+	/**
+	 * smfNews() --> Loads Forum News.
+	 */
+	public function smfNews()
+	{
+		global $context, $settings, $txt;
+
+		if ((defined('SMF') && $this->showSMFnews)) {
+			echo'
+				<div id="inner_wrap" class="hide_720">
+					<div class="user">
+						<time datetime="', smf_gmstrftime('%FT%TZ'), '">', $context['current_time'], '</time>
+					</div>';
+
+			// Show a random news item? (or you could pick one from news_lines...)
+			if (!empty($settings['enable_news']) && !empty($context['random_news_line']))
+				echo '
+					<div class="news">
+						<span>', $txt['news'], ': </span>
+						<p>', $context['random_news_line'], '</p>
+					</div>';
+
+			echo '
+				</div>';
+		}
+	}
 }

resources/css/main.css

@@ -1188,6 +1188,62 @@ h1.forumtitle a {
 	clear: both;
 }
 
+/* The upper_section, float the two each way */
+#inner_wrap {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	border-bottom: 1px solid #bbb;
+	margin-bottom: 12px;
+}
+.user {
+	padding: 0 4px 8px 4px;
+	font-size: 0.9em;
+	white-space: nowrap;
+}
+.user:only-child {
+	width: 100%;
+	display: flex;
+	justify-content: space-between;
+}
+.user time,
+.user .unread_links,
+.user .unread_links li {
+	display: inline-block;
+}
+.user:not(:last-child) time:not(:last-child)::after,
+.user .unread_links li:not(:last-child)::after {
+	content: " • ";
+	margin: 0 1ch;
+}
+ul li.greeting {
+	font-weight: bold;
+}
+/* The login form. */
+#guest_form {
+	overflow: hidden;
+	font-size: 0.9em;
+	margin-left: -2px;
+}
+/* News section. */
+#inner_wrap .news {
+	padding: 0 0 8px 1ch;
+	font-size: 0.9em;
+	display: flex;
+	align-items: baseline;
+	max-width: 50%;
+}
+#inner_wrap .news span {
+	font-weight: bold;
+	line-height: initial;
+}
+#inner_wrap .news span,
+#inner_wrap .news p {
+	display: inline;
+	margin: 0;
+	padding-left: 1ch;
+}
+
 /* The content section */
 #content_section {
 	margin: 0 auto;

resources/css/responsive.css

@@ -122,6 +122,10 @@
 		float:none;
 		margin: 0;
 	}
+	/* Hide me */
+	#inner_wrap.hide_720, #inner_wrap time, #inner_wrap .news {
+		display: none !important;
+	}
 }
 
 /* 720 ---> 480 */

skin.json

@@ -128,6 +128,10 @@
 			"value": "",
 			"description": "@var string Path to SMF Root, without the trailing slash (/).  For us with showing the menu and/or logo."
 		},
+		"showSMFnews": {
+			"value": false,
+			"description": "@var boolean Show the SMF News."
+		},
 		"showSMFmenu": {
 			"value": false,
 			"description": "@var boolean Show the SMF Main Menu."