From 06c618dd50b289e1e0fdf18071349bcc3dcafbe3 Mon Sep 17 00:00:00 2001
From: Jonathan Miller <jmiller-moko@noreply.git.mokoconsulting.tech>
Date: Tue, 23 Jun 2026 11:43:37 -0500
Subject: [PATCH] style(cpanel): simplify to single info line with clickable
 shield

Single row: shield link, site name, badges, IP, dashboard button.
Removed collapsible body, plugin list, health stats, cache button.
---
 .../tmpl/default.php                          | 158 +-----------------
 1 file changed, 2 insertions(+), 156 deletions(-)

diff --git a/source/packages/mod_mokosuiteclient_cpanel/tmpl/default.php b/source/packages/mod_mokosuiteclient_cpanel/tmpl/default.php
index c747f1f5..7bf17a10 100644
--- a/source/packages/mod_mokosuiteclient_cpanel/tmpl/default.php
+++ b/source/packages/mod_mokosuiteclient_cpanel/tmpl/default.php
@@ -60,9 +60,8 @@ $diskColor = ($diskPct !== null && $diskPct > 90) ? 'bg-danger' : (($diskPct !==
 ?>
 
 <div class="mod-mokosuiteclient-cpanel card p-3 mb-4">
-	<!-- Info strip (matches dashboard info bar) -->
-	<div class="d-flex flex-wrap align-items-center gap-2 mb-2" style="font-size:0.85rem;">
-		<span class="icon-shield-alt" aria-hidden="true" style="font-size:1.1rem;color:#1a2744"></span>
+	<div class="d-flex flex-wrap align-items-center gap-2" style="font-size:0.85rem;">
+		<a href="<?php echo Route::_('index.php?option=com_mokosuiteclient'); ?>" style="color:#1a2744;text-decoration:none;" title="MokoSuite Dashboard"><span class="icon-shield-alt" aria-hidden="true" style="font-size:1.1rem"></span></a>
 		<span class="fw-bold"><?php echo htmlspecialchars($siteInfo->sitename ?? ''); ?></span>
 		<span class="badge bg-primary">MokoSuite <?php echo htmlspecialchars($siteInfo->mokosuiteclient_version ?? ''); ?></span>
 		<?php if (!empty($supportPin)): ?>
@@ -80,163 +79,10 @@ $diskColor = ($diskPct !== null && $diskPct > 90) ? 'bg-danger' : (($diskPct !==
 		<span class="ms-auto d-flex align-items-center gap-2">
 			<span class="icon-globe" aria-hidden="true"></span>
 			<code><?php echo htmlspecialchars($currentIp); ?></code>
-		</span>
-	</div>
-
-	<!-- Expand/collapse toggle -->
-	<div class="d-flex align-items-center gap-2">
-		<button type="button" class="btn btn-sm btn-link p-0 text-muted" data-bs-toggle="collapse" data-bs-target="#mokosuiteclient-cpanel-body" aria-expanded="<?php echo $collapsed ? 'false' : 'true'; ?>" aria-controls="mokosuiteclient-cpanel-body" id="mokosuiteclient-cpanel-toggle" style="font-size:1rem;line-height:1;width:1.5rem;">
-			<span class="fa-solid fa-caret-<?php echo $collapsed ? 'right' : 'down'; ?>" aria-hidden="true" id="mokosuiteclient-cpanel-caret"></span>
-		</button>
-		<span class="text-muted" style="font-size:0.8rem;"><?php echo $enabledCount; ?>/<?php echo $totalCount; ?> plugins active</span>
-		<?php if ($counts->updates > 0 && $counts->updates !== ($counts->moko_updates ?? 0)): ?>
-			<a href="<?php echo Route::_('index.php?option=com_installer&view=update'); ?>" class="badge bg-warning text-dark text-decoration-none" title="Other updates available">
-				<span class="icon-upload" aria-hidden="true"></span> <?php echo $counts->updates - ($counts->moko_updates ?? 0); ?> other update<?php echo ($counts->updates - ($counts->moko_updates ?? 0)) > 1 ? 's' : ''; ?>
-			</a>
-		<?php endif; ?>
-		<span class="ms-auto">
 			<a href="<?php echo Route::_('index.php?option=com_mokosuiteclient'); ?>" class="btn btn-sm btn-primary">
 				<span class="icon-cogs" aria-hidden="true"></span>
 				<?php echo Text::_('MOD_MOKOSUITECLIENT_CPANEL_OPEN_DASHBOARD'); ?>
 			</a>
 		</span>
 	</div>
-	<script>
-	document.addEventListener('DOMContentLoaded', function() {
-		var target = document.getElementById('mokosuiteclient-cpanel-body');
-		var caret = document.getElementById('mokosuiteclient-cpanel-caret');
-		if (target && caret) {
-			target.addEventListener('show.bs.collapse', function() { caret.className = 'fa-solid fa-caret-down'; });
-			target.addEventListener('hide.bs.collapse', function() { caret.className = 'fa-solid fa-caret-right'; });
-		}
-	});
-	</script>
-
-	<!-- Collapsible body -->
-	<div class="collapse<?php echo $collapsed ? '' : ' show'; ?> mt-3" id="mokosuiteclient-cpanel-body">
-
-	<?php if ($showHealth && $showStats): ?>
-	<!-- Health + stats row -->
-	<div class="row g-2 mb-3">
-		<div class="col-6 col-md-3">
-			<div class="border rounded p-2 text-center h-100">
-				<?php if ($healthOk): ?>
-					<span class="icon-check-circle text-success d-block" style="font-size:1.5rem"></span>
-					<small class="text-success fw-bold">Healthy</small>
-				<?php else: ?>
-					<span class="icon-exclamation-circle text-danger d-block" style="font-size:1.5rem"></span>
-					<small class="text-danger fw-bold">DB Error</small>
-				<?php endif; ?>
-			</div>
-		</div>
-		<div class="col-6 col-md-3">
-			<div class="border rounded p-2 text-center h-100">
-				<span class="fw-bold d-block" style="font-size:1.25rem"><?php echo $counts->articles; ?></span>
-				<small class="text-muted">Articles</small>
-			</div>
-		</div>
-		<div class="col-6 col-md-3">
-			<div class="border rounded p-2 text-center h-100">
-				<span class="fw-bold d-block" style="font-size:1.25rem"><?php echo $counts->users; ?></span>
-				<small class="text-muted">Users</small>
-			</div>
-		</div>
-		<div class="col-6 col-md-3">
-			<div class="border rounded p-2 text-center h-100">
-				<?php if ($counts->updates > 0): ?>
-					<span class="fw-bold d-block text-warning" style="font-size:1.25rem"><?php echo $counts->updates; ?></span>
-					<small class="text-warning">Updates</small>
-				<?php else: ?>
-					<span class="icon-check d-block text-success" style="font-size:1.25rem"></span>
-					<small class="text-muted">Up to date</small>
-				<?php endif; ?>
-			</div>
-		</div>
-	</div>
-
-	<!-- Info + plugins + actions (consolidated) -->
-	<div class="d-flex flex-wrap align-items-center gap-2">
-		<?php if ($showDisk && $diskPct !== null): ?>
-		<span class="text-muted d-inline-flex align-items-center gap-1">
-			<span class="icon-hdd" aria-hidden="true"></span>
-			<?php echo $diskPct; ?>%
-			<span class="progress d-inline-flex" style="width:40px;height:5px"><span class="progress-bar <?php echo $diskColor; ?>" style="width:<?php echo $diskPct; ?>%"></span></span>
-			<?php echo number_format(($disk->free_mb ?? 0) / 1024, 1); ?>G free
-		</span>
-		<?php endif; ?>
-		<?php if ($showIp && $currentIp): ?>
-		<span class="text-muted"><span class="icon-globe" aria-hidden="true"></span> <code><?php echo htmlspecialchars($currentIp); ?></code></span>
-		<?php endif; ?>
-		<?php $ssl = $ssl ?? null; if ($ssl): ?>
-		<span class="badge bg-<?php echo $ssl->critical ? 'danger' : ($ssl->warning ? 'warning text-dark' : 'success'); ?>" title="SSL expires <?php echo $ssl->expires; ?>">
-			<span class="icon-lock" aria-hidden="true"></span>
-			SSL <?php echo $ssl->days_remaining; ?>d
-		</span>
-		<?php endif; ?>
-		<?php if ($showVersions): ?>
-		<span class="text-muted">J<?php echo htmlspecialchars($siteInfo->joomla_version ?? ''); ?> / PHP <?php echo htmlspecialchars($siteInfo->php_version ?? ''); ?></span>
-		<?php endif; ?>
-		<?php if ($showPlugins && !empty($plugins)): ?>
-		<span class="border-start ps-2 ms-1"></span>
-		<?php foreach ($plugins as $p): ?>
-			<?php
-				$label     = $labels[$p->element] ?? $p->element;
-				$badge     = $p->enabled ? 'bg-success' : 'bg-secondary';
-				$icon      = $p->enabled ? 'icon-check' : 'icon-times';
-				$configUrl = Route::_('index.php?option=com_plugins&task=plugin.edit&extension_id=' . (int) $p->extension_id);
-			?>
-			<a href="<?php echo $configUrl; ?>" class="badge <?php echo $badge; ?> text-decoration-none" title="<?php echo htmlspecialchars($p->name); ?>">
-				<span class="<?php echo $icon; ?>" aria-hidden="true"></span> <?php echo htmlspecialchars($label); ?>
-			</a>
-		<?php endforeach; ?>
-		<?php endif; ?>
-		<?php if ($showActions): ?>
-		<span class="border-start ps-2 ms-1"></span>
-		<button type="button" class="btn btn-sm btn-outline-secondary" id="mokosuiteclient-cpanel-cache"
-			data-url="<?php echo Route::_('index.php?option=com_mokosuiteclient&task=display.clearCache&format=json'); ?>"
-			data-token="<?php echo $token; ?>">
-			<span class="icon-trash" aria-hidden="true"></span> Clear Cache
-		</button>
-		<a href="<?php echo Route::_('index.php?option=com_installer&view=update'); ?>" class="btn btn-sm btn-outline-secondary">
-			<span class="icon-refresh" aria-hidden="true"></span> Check Updates
-		</a>
-		<?php if ($counts->updates > 0): ?>
-		<a href="<?php echo Route::_('index.php?option=com_installer&view=update'); ?>" class="badge bg-warning text-dark text-decoration-none">
-			<span class="icon-upload" aria-hidden="true"></span> <?php echo $counts->updates; ?> update<?php echo $counts->updates > 1 ? 's' : ''; ?>
-		</a>
-		<?php endif; ?>
-		<?php endif; ?>
-	</div>
-	<?php endif; ?>
-
-	</div><!-- /.collapse -->
 </div>
-
-<script>
-document.addEventListener('DOMContentLoaded', function() {
-	var btn = document.getElementById('mokosuiteclient-cpanel-cache');
-	if (!btn) return;
-	btn.addEventListener('click', function() {
-		var el = this;
-		var url = el.dataset.url;
-		var token = el.dataset.token;
-		el.disabled = true;
-		var icon = el.querySelector('span');
-		var origClass = icon ? icon.className : '';
-		if (icon) icon.className = 'icon-spinner icon-spin';
-		var fd = new FormData();
-		fd.append(token, '1');
-		fetch(url, {method:'POST', body:fd, headers:{'X-Requested-With':'XMLHttpRequest'}})
-			.then(function(r){return r.json()})
-			.then(function(d){
-				if (d.success) Joomla.renderMessages({message:['Cache cleared.']});
-				else Joomla.renderMessages({error:[d.message||'Failed']});
-			})
-			.catch(function(){Joomla.renderMessages({error:['Network error']})})
-			.finally(function(){
-				el.disabled = false;
-				if (icon) icon.className = origClass;
-			});
-	});
-});
-</script>