MokoConsulting/MokoCassiopeia
1
1
Fork 0
Code Issues 2 Pull Requests Actions Packages Releases 1 Activity

Add mobile responsive overrides for standard Joomla and Community Builder modules

Browse Source 
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
This commit is contained in:
copilot-swe-agent[bot]
2026-02-22 22:27:02 +00:00
parent c723fba946
commit 0c6a35f9bd
15 changed files with 1292 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

596
src/media/css/template.css
View File

@@ -19349,3 +19349,599 @@ nav[data-toggle=toc] .nav-link.active+ul{
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr);
} }
} }
/* ===== STANDARD JOOMLA & COMMUNITY BUILDER MODULE STYLES ===== */
/* === mod_menu === */
.mod-menu-responsive {
width: 100%;
}
.mod-menu__heading {
margin-bottom: 1rem;
font-weight: 600;
}
/* === mod_breadcrumbs === */
.mod-breadcrumbs-responsive {
width: 100%;
padding: 0.75rem 0;
}
.mod-breadcrumbs__prefix {
font-weight: 600;
margin-right: 0.5rem;
color: var(--body-color);
}
.mod-breadcrumbs__list {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
list-style: none;
padding: 0;
margin: 0;
align-items: center;
}
.mod-breadcrumbs__item {
display: flex;
align-items: center;
}
.mod-breadcrumbs__item:not(:last-child)::after {
content: "/";
margin-left: 0.5rem;
color: var(--gray-500);
}
.mod-breadcrumbs__link {
color: var(--link-color);
text-decoration: none;
transition: color 0.2s;
}
.mod-breadcrumbs__link:hover {
color: var(--link-hover-color);
text-decoration: underline;
}
.mod-breadcrumbs__current {
color: var(--body-color);
font-weight: 600;
}
.mod-breadcrumbs__item--home .icon-home {
font-size: 1.25rem;
}
/* === mod_login === */
.mod-login-responsive {
width: 100%;
}
.mod-login__form {
display: flex;
flex-direction: column;
gap: 1rem;
}
.mod-login__greeting {
padding: 1rem;
background: var(--secondary-bg);
border-radius: var(--border-radius);
margin-bottom: 1rem;
font-weight: 600;
}
.mod-login__pretext,
.mod-login__posttext {
font-size: 0.875rem;
color: var(--gray-600);
line-height: 1.6;
}
.mod-login__fields {
display: flex;
flex-direction: column;
gap: 1rem;
}
.mod-login__field {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.mod-login__label {
font-weight: 600;
font-size: 0.875rem;
color: var(--body-color);
}
.mod-login__input {
padding: 0.5rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
border: 1px solid var(--input-border-color, #dee2e6);
border-radius: var(--border-radius);
background: var(--input-bg, #fff);
color: var(--input-color, #212529);
min-height: 44px;
}
.mod-login__input:focus {
border-color: var(--color-primary);
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.mod-login__remember {
display: flex;
align-items: center;
gap: 0.5rem;
}
.mod-login__checkbox {
width: 20px;
height: 20px;
cursor: pointer;
}
.mod-login__remember-label {
font-size: 0.875rem;
cursor: pointer;
margin: 0;
}
.mod-login__actions {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.mod-login__btn {
padding: 0.625rem 1rem;
font-size: 1rem;
font-weight: 600;
border-radius: var(--border-radius);
min-height: 44px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
transition: all 0.2s;
border: none;
cursor: pointer;
}
.mod-login__links {
display: flex;
flex-direction: column;
gap: 0.5rem;
margin-top: 0.5rem;
}
.mod-login__link {
color: var(--link-color);
text-decoration: none;
font-size: 0.875rem;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0.5rem;
border-radius: var(--border-radius);
transition: background 0.2s;
}
.mod-login__link:hover {
background: var(--secondary-bg);
color: var(--link-hover-color);
}
/* === mod_articles_latest === */
.mod-articles-latest-responsive {
width: 100%;
}
.mod-articles-latest__list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.mod-articles-latest__item {
padding-bottom: 1.5rem;
border-bottom: 1px solid var(--border-color);
}
.mod-articles-latest__item:last-child {
border-bottom: none;
padding-bottom: 0;
}
.mod-articles-latest__title {
margin: 0 0 0.75rem 0;
font-weight: 600;
line-height: 1.4;
}
.mod-articles-latest__link {
color: var(--body-color);
text-decoration: none;
transition: color 0.2s;
}
.mod-articles-latest__link:hover {
color: var(--color-primary);
text-decoration: underline;
}
.mod-articles-latest__meta {
display: flex;
flex-wrap: wrap;
gap: 1rem;
font-size: 0.875rem;
color: var(--gray-600);
margin-bottom: 0.75rem;
}
.mod-articles-latest__meta > span {
display: flex;
align-items: center;
gap: 0.25rem;
}
.mod-articles-latest__intro {
color: var(--body-color);
line-height: 1.6;
margin-bottom: 1rem;
}
.mod-articles-latest__readmore {
margin-top: 1rem;
}
.mod-articles-latest__readmore-link {
display: inline-flex;
align-items: center;
gap: 0.5rem;
min-height: 44px;
}
.mod-articles-latest__empty {
text-align: center;
padding: 2rem 1rem;
background: var(--secondary-bg);
border-radius: var(--border-radius);
color: var(--gray-600);
}
/* === mod_cblogin (Community Builder) === */
.mod-cblogin-responsive {
width: 100%;
}
.mod-cblogin__form {
display: flex;
flex-direction: column;
gap: 1rem;
}
.mod-cblogin__greeting {
display: flex;
align-items: center;
gap: 1rem;
padding: 1rem;
background: var(--secondary-bg);
border-radius: var(--border-radius);
margin-bottom: 1rem;
}
.mod-cblogin__avatar {
flex-shrink: 0;
width: 60px;
height: 60px;
border-radius: 50%;
overflow: hidden;
}
.mod-cblogin__avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.mod-cblogin__user-info {
flex: 1;
}
.mod-cblogin__username {
font-weight: 600;
font-size: 1.125rem;
}
.mod-cblogin__pretext,
.mod-cblogin__posttext {
font-size: 0.875rem;
color: var(--gray-600);
line-height: 1.6;
}
.mod-cblogin__fields {
display: flex;
flex-direction: column;
gap: 1rem;
}
.mod-cblogin__field {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.mod-cblogin__label {
font-weight: 600;
font-size: 0.875rem;
color: var(--body-color);
}
.mod-cblogin__input {
padding: 0.5rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
border: 1px solid var(--input-border-color, #dee2e6);
border-radius: var(--border-radius);
background: var(--input-bg, #fff);
color: var(--input-color, #212529);
min-height: 44px;
}
.mod-cblogin__input:focus {
border-color: var(--color-primary);
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.mod-cblogin__remember {
display: flex;
align-items: center;
gap: 0.5rem;
}
.mod-cblogin__checkbox {
width: 20px;
height: 20px;
cursor: pointer;
}
.mod-cblogin__remember-label {
font-size: 0.875rem;
cursor: pointer;
margin: 0;
}
.mod-cblogin__actions {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.mod-cblogin__btn {
padding: 0.625rem 1rem;
font-size: 1rem;
font-weight: 600;
border-radius: var(--border-radius);
min-height: 44px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
transition: all 0.2s;
border: none;
cursor: pointer;
text-decoration: none;
}
.mod-cblogin__links {
display: flex;
flex-direction: column;
gap: 0.5rem;
margin-top: 0.5rem;
}
.mod-cblogin__link {
color: var(--link-color);
text-decoration: none;
font-size: 0.875rem;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0.5rem;
border-radius: var(--border-radius);
transition: background 0.2s;
}
.mod-cblogin__link:hover {
background: var(--secondary-bg);
color: var(--link-hover-color);
}
/* === mod_comprofilerOnline (Community Builder) === */
.mod-cb-online-responsive {
width: 100%;
}
.mod-cb-online__stats {
padding: 1rem;
background: var(--secondary-bg);
border-radius: var(--border-radius);
margin-bottom: 1.5rem;
}
.mod-cb-online__count {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 1rem;
}
.mod-cb-online__count-number {
font-size: 2.5rem;
font-weight: 700;
color: var(--color-primary);
line-height: 1;
}
.mod-cb-online__count-label {
font-size: 0.875rem;
color: var(--gray-600);
text-transform: uppercase;
letter-spacing: 0.5px;
}
.mod-cb-online__breakdown {
display: flex;
justify-content: center;
gap: 1.5rem;
flex-wrap: wrap;
}
.mod-cb-online__breakdown-item {
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 0.875rem;
color: var(--body-color);
}
.mod-cb-online__heading {
font-size: 1.125rem;
font-weight: 600;
margin: 0 0 1rem 0;
}
.mod-cb-online__list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.mod-cb-online__user {
display: flex;
align-items: center;
gap: 0.75rem;
padding: 0.75rem;
background: var(--body-bg);
border: 1px solid var(--border-color);
border-radius: var(--border-radius);
transition: all 0.2s;
}
.mod-cb-online__user:hover {
background: var(--secondary-bg);
border-color: var(--color-primary);
}
.mod-cb-online__avatar {
flex-shrink: 0;
width: 40px;
height: 40px;
border-radius: 50%;
overflow: hidden;
}
.mod-cb-online__avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.mod-cb-online__info {
flex: 1;
min-width: 0;
}
.mod-cb-online__name {
font-weight: 600;
color: var(--body-color);
text-decoration: none;
display: block;
margin-bottom: 0.25rem;
}
.mod-cb-online__name:hover {
color: var(--color-primary);
}
.mod-cb-online__status {
font-size: 0.875rem;
color: var(--gray-600);
display: block;
}
.mod-cb-online__indicator {
flex-shrink: 0;
color: var(--success);
font-size: 1.25rem;
}
.mod-cb-online__empty {
text-align: center;
padding: 2rem 1rem;
background: var(--secondary-bg);
border-radius: var(--border-radius);
color: var(--gray-600);
}
/* === Mobile Responsive Adjustments === */
@media (max-width: 575.98px) {
/* Login modules */
.mod-login__input,
.mod-cblogin__input {
font-size: 16px;
min-height: 48px;
padding: 0.75rem 1rem;
}
.mod-login__btn,
.mod-cblogin__btn {
min-height: 48px;
padding: 0.75rem 1rem;
}
.mod-articles-latest__meta {
flex-direction: column;
gap: 0.5rem;
}
.mod-cb-online__breakdown {
flex-direction: column;
gap: 0.75rem;
}
}
/* Tablet and desktop enhancements */
@media (min-width: 768px) {
.mod-login__actions,
.mod-cblogin__actions {
flex-direction: row;
}
.mod-cb-online__stats {
display: flex;
align-items: center;
justify-content: space-between;
}
.mod-cb-online__count {
margin-bottom: 0;
align-items: flex-start;
}
}

100
src/templates/html/mod_articles_latest/default.php Normal file
View File

@@ -0,0 +1,100 @@
<?php
/**
* @package Joomla.Site
* @subpackage mod_articles_latest
*
* @copyright (C) 2025 Moko Consulting <hello@mokoconsulting.tech>
* @license GNU General Public License version 2 or later; see LICENSE.txt
*
* Mobile responsive override for mod_articles_latest module
*/
defined('_JEXEC') or die;
use Joomla\CMS\HTML\HTMLHelper;
use Joomla\CMS\Language\Text;
$moduleclass_sfx = htmlspecialchars($params->get('moduleclass_sfx', ''), ENT_COMPAT, 'UTF-8');
// Add responsive wrapper class
$wrapperClass = 'mod-articles-latest mod-articles-latest-responsive ' . $moduleclass_sfx;
?>
<div class="<?php echo $wrapperClass; ?>">
<?php if (!empty($list)) : ?>
<ul class="mod-articles-latest__list">
<?php foreach ($list as $item) : ?>
<li class="mod-articles-latest__item" itemscope itemtype="https://schema.org/Article">
<?php if ($params->get('show_introtext', 0) && !empty($item->introtext)) : ?>
<div class="mod-articles-latest__article">
<h<?php echo $params->get('item_heading', 4); ?> class="mod-articles-latest__title" itemprop="headline">
<?php if ($params->get('link_titles', 1)) : ?>
<a href="<?php echo $item->link; ?>" itemprop="url" class="mod-articles-latest__link">
<?php echo htmlspecialchars($item->title, ENT_COMPAT, 'UTF-8'); ?>
</a>
<?php else : ?>
<?php echo htmlspecialchars($item->title, ENT_COMPAT, 'UTF-8'); ?>
<?php endif; ?>
</h<?php echo $params->get('item_heading', 4); ?>>
<?php if ($params->get('show_author', 0) || $params->get('show_date', 0) || $params->get('show_category', 0) || $params->get('show_hits', 0)) : ?>
<div class="mod-articles-latest__meta">
<?php if ($params->get('show_author', 0)) : ?>
<span class="mod-articles-latest__author" itemprop="author" itemscope itemtype="https://schema.org/Person">
<span class="icon-user" aria-hidden="true"></span>
<span itemprop="name"><?php echo $item->author; ?></span>
</span>
<?php endif; ?>
<?php if ($params->get('show_date', 0)) : ?>
<span class="mod-articles-latest__date">
<span class="icon-calendar" aria-hidden="true"></span>
<time datetime="<?php echo HTMLHelper::_('date', $item->publish_up, 'c'); ?>" itemprop="datePublished">
<?php echo HTMLHelper::_('date', $item->publish_up, Text::_('DATE_FORMAT_LC3')); ?>
</time>
</span>
<?php endif; ?>
<?php if ($params->get('show_category', 0)) : ?>
<span class="mod-articles-latest__category">
<span class="icon-folder" aria-hidden="true"></span>
<?php echo $item->displayCategoryTitle; ?>
</span>
<?php endif; ?>
<?php if ($params->get('show_hits', 0)) : ?>
<span class="mod-articles-latest__hits">
<span class="icon-eye" aria-hidden="true"></span>
<?php echo $item->displayHits; ?>
</span>
<?php endif; ?>
</div>
<?php endif; ?>
<div class="mod-articles-latest__intro" itemprop="description">
<?php echo $item->introtext; ?>
</div>
<?php if ($params->get('readmore', 0)) : ?>
<div class="mod-articles-latest__readmore">
<a href="<?php echo $item->link; ?>" class="mod-articles-latest__readmore-link btn btn-secondary">
<?php echo Text::_('MOD_ARTICLES_LATEST_READMORE'); ?>
<span class="icon-chevron-right" aria-hidden="true"></span>
</a>
</div>
<?php endif; ?>
</div>
<?php else : ?>
<a href="<?php echo $item->link; ?>" class="mod-articles-latest__link" itemprop="url">
<span itemprop="headline"><?php echo htmlspecialchars($item->title, ENT_COMPAT, 'UTF-8'); ?></span>
</a>
<?php endif; ?>
</li>
<?php endforeach; ?>
</ul>
<?php else : ?>
<div class="mod-articles-latest__empty">
<p><?php echo Text::_('MOD_ARTICLES_LATEST_NO_ARTICLES'); ?></p>
</div>
<?php endif; ?>
</div>

1
src/templates/html/mod_articles_latest/index.html Normal file
View File

@@ -0,0 +1 @@
<!DOCTYPE html><html><head><title></title></head><body></body></html>

63
src/templates/html/mod_breadcrumbs/default.php Normal file
View File

@@ -0,0 +1,63 @@
<?php
/**
* @package Joomla.Site
* @subpackage mod_breadcrumbs
*
* @copyright (C) 2025 Moko Consulting <hello@mokoconsulting.tech>
* @license GNU General Public License version 2 or later; see LICENSE.txt
*
* Mobile responsive override for mod_breadcrumbs module
*/
defined('_JEXEC') or die;
use Joomla\CMS\Language\Text;
$moduleclass_sfx = htmlspecialchars($params->get('moduleclass_sfx', ''), ENT_COMPAT, 'UTF-8');
// Add responsive wrapper class
$wrapperClass = 'mod-breadcrumbs mod-breadcrumbs-responsive ' . $moduleclass_sfx;
?>
<nav class="<?php echo $wrapperClass; ?>" aria-label="<?php echo Text::_('JGLOBAL_YOU_ARE_HERE'); ?>">
<?php if ($params->get('showHereYouAre', 1)) : ?>
<span class="mod-breadcrumbs__prefix"><?php echo Text::_('JGLOBAL_YOU_ARE_HERE'); ?>:</span>
<?php endif; ?>
<ol class="mod-breadcrumbs__list" itemscope itemtype="https://schema.org/BreadcrumbList">
<?php if ($params->get('showHome', 1)) : ?>
<li class="mod-breadcrumbs__item mod-breadcrumbs__item--home" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<?php $icon = $params->get('homeIcon', 'icon-home'); ?>
<a itemprop="item" href="<?php echo $list[0]->link; ?>" class="mod-breadcrumbs__link">
<span class="<?php echo $icon; ?>" aria-hidden="true"></span>
<span itemprop="name" class="visually-hidden"><?php echo htmlspecialchars($list[0]->name, ENT_COMPAT, 'UTF-8'); ?></span>
</a>
<meta itemprop="position" content="1" />
</li>
<?php $position = 2; ?>
<?php else : ?>
<?php $position = 1; ?>
<?php endif; ?>
<?php
$start = $params->get('showHome', 1) ? 1 : 0;
$count = count($list);
for ($i = $start; $i < $count; $i++) :
$isLast = ($i === $count - 1);
?>
<li class="mod-breadcrumbs__item <?php echo $isLast ? 'mod-breadcrumbs__item--active' : ''; ?>" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<?php if (!$isLast) : ?>
<a itemprop="item" href="<?php echo $list[$i]->link; ?>" class="mod-breadcrumbs__link">
<span itemprop="name"><?php echo htmlspecialchars($list[$i]->name, ENT_COMPAT, 'UTF-8'); ?></span>
</a>
<?php else : ?>
<span itemprop="name" class="mod-breadcrumbs__current" aria-current="page">
<?php echo htmlspecialchars($list[$i]->name, ENT_COMPAT, 'UTF-8'); ?>
</span>
<?php endif; ?>
<meta itemprop="position" content="<?php echo $position++; ?>" />
</li>
<?php endfor; ?>
</ol>
</nav>

1
src/templates/html/mod_breadcrumbs/index.html Normal file
View File

@@ -0,0 +1 @@
<!DOCTYPE html><html><head><title></title></head><body></body></html>

159
src/templates/html/mod_cblogin/default.php Normal file
View File

@@ -0,0 +1,159 @@
<?php
/**
* @package Community Builder
* @subpackage mod_cblogin
*
* @copyright (C) 2025 Moko Consulting <hello@mokoconsulting.tech>
* @license GNU General Public License version 2 or later; see LICENSE.txt
*
* Mobile responsive override for mod_cblogin module
*/
defined('_JEXEC') or die;
use Joomla\CMS\Language\Text;
$moduleclass_sfx = htmlspecialchars($params->get('moduleclass_sfx', ''), ENT_COMPAT, 'UTF-8');
// Add responsive wrapper class
$wrapperClass = 'mod-cblogin mod-cblogin-responsive ' . $moduleclass_sfx;
?>
<div class="<?php echo $wrapperClass; ?>">
<?php if ($type === 'logout') : ?>
<div class="mod-cblogin__logout">
<?php if ($params->get('greeting', 1)) : ?>
<div class="mod-cblogin__greeting">
<?php if ($cbUser) : ?>
<div class="mod-cblogin__avatar">
<?php echo $cbUser->getField('avatar', null, 'html', 'none', 'list'); ?>
</div>
<div class="mod-cblogin__user-info">
<span class="mod-cblogin__username">
<?php echo htmlspecialchars($cbUser->getField('formatname', null, 'html', 'none', 'list'), ENT_COMPAT, 'UTF-8'); ?>
</span>
</div>
<?php endif; ?>
</div>
<?php endif; ?>
<form action="<?php echo $action; ?>" method="post" class="mod-cblogin__form">
<div class="mod-cblogin__actions">
<?php if ($params->get('profileLink', 1) && $cbUser) : ?>
<a href="<?php echo $cbUser->getField('canvas', null, 'html', 'none', 'profile'); ?>" class="mod-cblogin__btn mod-cblogin__btn--profile btn btn-secondary">
<span class="icon-user" aria-hidden="true"></span>
<?php echo Text::_('MOD_CBLOGIN_PROFILE'); ?>
</a>
<?php endif; ?>
<button type="submit" name="Submit" class="mod-cblogin__btn mod-cblogin__btn--logout btn btn-primary">
<span class="icon-sign-out" aria-hidden="true"></span>
<?php echo Text::_('MOD_CBLOGIN_LOGOUT'); ?>
</button>
</div>
<input type="hidden" name="op2" value="logout" />
<input type="hidden" name="lang" value="<?php echo $lang; ?>" />
<input type="hidden" name="return" value="<?php echo $return; ?>" />
<?php echo $securityToken; ?>
</form>
</div>
<?php else : ?>
<form action="<?php echo $action; ?>" method="post" name="login<?php echo $moduleId; ?>" id="login<?php echo $moduleId; ?>" class="mod-cblogin__form mod-cblogin__form--login">
<?php if ($params->get('pretext')) : ?>
<div class="mod-cblogin__pretext">
<?php echo $params->get('pretext'); ?>
</div>
<?php endif; ?>
<div class="mod-cblogin__fields">
<div class="mod-cblogin__field">
<label for="modlogi username<?php echo $moduleId; ?>" class="mod-cblogin__label">
<?php echo Text::_('MOD_CBLOGIN_USERNAME'); ?>
</label>
<input
id="modlogi username<?php echo $moduleId; ?>"
type="text"
name="username"
class="mod-cblogin__input form-control"
placeholder="<?php echo Text::_('MOD_CBLOGIN_USERNAME'); ?>"
autocomplete="username"
required
/>
</div>
<div class="mod-cblogin__field">
<label for="modloginpass<?php echo $moduleId; ?>" class="mod-cblogin__label">
<?php echo Text::_('MOD_CBLOGIN_PASSWORD'); ?>
</label>
<input
id="modloginpass<?php echo $moduleId; ?>"
type="password"
name="passwd"
class="mod-cblogin__input form-control"
placeholder="<?php echo Text::_('MOD_CBLOGIN_PASSWORD'); ?>"
autocomplete="current-password"
required
/>
</div>
<?php if ($params->get('remember_me', 1)) : ?>
<div class="mod-cblogin__remember">
<input
id="modloginrememberme<?php echo $moduleId; ?>"
type="checkbox"
name="remember"
class="mod-cblogin__checkbox"
value="yes"
/>
<label for="modloginrememberme<?php echo $moduleId; ?>" class="mod-cblogin__remember-label">
<?php echo Text::_('MOD_CBLOGIN_REMEMBER_ME'); ?>
</label>
</div>
<?php endif; ?>
</div>
<div class="mod-cblogin__actions">
<button type="submit" name="Submit" class="mod-cblogin__btn mod-cblogin__btn--submit btn btn-primary">
<span class="icon-sign-in" aria-hidden="true"></span>
<?php echo Text::_('MOD_CBLOGIN_LOGIN'); ?>
</button>
</div>
<div class="mod-cblogin__links">
<?php if ($params->get('lostpassword_link', 1)) : ?>
<a href="<?php echo $lostPasswordLink; ?>" class="mod-cblogin__link">
<?php echo Text::_('MOD_CBLOGIN_FORGOT_PASSWORD'); ?>
<span class="icon-chevron-right" aria-hidden="true"></span>
</a>
<?php endif; ?>
<?php if ($params->get('lostusername_link', 1)) : ?>
<a href="<?php echo $lostUsernameLink; ?>" class="mod-cblogin__link">
<?php echo Text::_('MOD_CBLOGIN_FORGOT_USERNAME'); ?>
<span class="icon-chevron-right" aria-hidden="true"></span>
</a>
<?php endif; ?>
<?php if ($params->get('registration_link', 1)) : ?>
<a href="<?php echo $registrationLink; ?>" class="mod-cblogin__link">
<?php echo Text::_('MOD_CBLOGIN_REGISTER'); ?>
<span class="icon-chevron-right" aria-hidden="true"></span>
</a>
<?php endif; ?>
</div>
<?php if ($params->get('posttext')) : ?>
<div class="mod-cblogin__posttext">
<?php echo $params->get('posttext'); ?>
</div>
<?php endif; ?>
<input type="hidden" name="op2" value="login" />
<input type="hidden" name="lang" value="<?php echo $lang; ?>" />
<input type="hidden" name="return" value="<?php echo $return; ?>" />
<input type="hidden" name="message" value="0" />
<input type="hidden" name="loginfrom" value="loginmodule" />
<?php echo $securityToken; ?>
</form>
<?php endif; ?>
</div>

1
src/templates/html/mod_cblogin/index.html Normal file
View File

@@ -0,0 +1 @@
<!DOCTYPE html><html><head><title></title></head><body></body></html>

94
src/templates/html/mod_comprofilerOnline/default.php Normal file
View File

@@ -0,0 +1,94 @@
<?php
/**
* @package Community Builder
* @subpackage mod_comprofilerOnline
*
* @copyright (C) 2025 Moko Consulting <hello@mokoconsulting.tech>
* @license GNU General Public License version 2 or later; see LICENSE.txt
*
* Mobile responsive override for mod_comprofilerOnline module
*/
defined('_JEXEC') or die;
use Joomla\CMS\Language\Text;
$moduleclass_sfx = htmlspecialchars($params->get('moduleclass_sfx', ''), ENT_COMPAT, 'UTF-8');
// Add responsive wrapper class
$wrapperClass = 'mod-cb-online mod-cb-online-responsive ' . $moduleclass_sfx;
?>
<div class="<?php echo $wrapperClass; ?>">
<?php if (!empty($onlineUsers)) : ?>
<div class="mod-cb-online__stats">
<div class="mod-cb-online__count">
<span class="mod-cb-online__count-number"><?php echo $totalOnline; ?></span>
<span class="mod-cb-online__count-label">
<?php echo $totalOnline == 1 ? Text::_('MOD_CB_ONLINE_USER') : Text::_('MOD_CB_ONLINE_USERS'); ?>
</span>
</div>
<?php if ($params->get('show_guest_count', 1)) : ?>
<div class="mod-cb-online__breakdown">
<span class="mod-cb-online__breakdown-item">
<span class="icon-users" aria-hidden="true"></span>
<?php echo $membersOnline; ?> <?php echo Text::_('MOD_CB_ONLINE_MEMBERS'); ?>
</span>
<span class="mod-cb-online__breakdown-item">
<span class="icon-eye" aria-hidden="true"></span>
<?php echo $guestsOnline; ?> <?php echo Text::_('MOD_CB_ONLINE_GUESTS'); ?>
</span>
</div>
<?php endif; ?>
</div>
<?php if ($params->get('show_user_list', 1) && !empty($onlineUsers)) : ?>
<div class="mod-cb-online__users">
<h<?php echo $params->get('header_level', 3); ?> class="mod-cb-online__heading">
<?php echo Text::_('MOD_CB_ONLINE_WHO_IS_ONLINE'); ?>
</h<?php echo $params->get('header_level', 3); ?>>
<ul class="mod-cb-online__list">
<?php foreach ($onlineUsers as $user) : ?>
<li class="mod-cb-online__user">
<?php if ($params->get('show_avatar', 1) && !empty($user->avatar)) : ?>
<div class="mod-cb-online__avatar">
<?php echo $user->avatar; ?>
</div>
<?php endif; ?>
<div class="mod-cb-online__info">
<?php if ($params->get('link_names', 1) && !empty($user->link)) : ?>
<a href="<?php echo $user->link; ?>" class="mod-cb-online__name">
<?php echo htmlspecialchars($user->name, ENT_COMPAT, 'UTF-8'); ?>
</a>
<?php else : ?>
<span class="mod-cb-online__name">
<?php echo htmlspecialchars($user->name, ENT_COMPAT, 'UTF-8'); ?>
</span>
<?php endif; ?>
<?php if ($params->get('show_status', 1) && !empty($user->status)) : ?>
<span class="mod-cb-online__status">
<?php echo htmlspecialchars($user->status, ENT_COMPAT, 'UTF-8'); ?>
</span>
<?php endif; ?>
</div>
<?php if ($params->get('show_online_icon', 1)) : ?>
<span class="mod-cb-online__indicator" title="<?php echo Text::_('MOD_CB_ONLINE_NOW'); ?>">
<span class="icon-checkmark" aria-hidden="true"></span>
</span>
<?php endif; ?>
</li>
<?php endforeach; ?>
</ul>
</div>
<?php endif; ?>
<?php else : ?>
<div class="mod-cb-online__empty">
<p><?php echo Text::_('MOD_CB_ONLINE_NO_USERS'); ?></p>
</div>
<?php endif; ?>
</div>

1
src/templates/html/mod_comprofilerOnline/index.html Normal file
View File

@@ -0,0 +1 @@
<!DOCTYPE html><html><head><title></title></head><body></body></html>

168
src/templates/html/mod_login/default.php Normal file
View File

@@ -0,0 +1,168 @@
<?php
/**
* @package Joomla.Site
* @subpackage mod_login
*
* @copyright (C) 2025 Moko Consulting <hello@mokoconsulting.tech>
* @license GNU General Public License version 2 or later; see LICENSE.txt
*
* Mobile responsive override for mod_login module
*/
defined('_JEXEC') or die;
use Joomla\CMS\Component\ComponentHelper;
use Joomla\CMS\HTML\HTMLHelper;
use Joomla\CMS\Language\Text;
use Joomla\CMS\Router\Route;
HTMLHelper::_('behavior.keepalive');
HTMLHelper::_('bootstrap.tooltip', '.hasTooltip');
$usersConfig = ComponentHelper::getParams('com_users');
$moduleclass_sfx = htmlspecialchars($params->get('moduleclass_sfx', ''), ENT_COMPAT, 'UTF-8');
// Add responsive wrapper class
$wrapperClass = 'mod-login mod-login-responsive ' . $moduleclass_sfx;
?>
<div class="<?php echo $wrapperClass; ?>">
<?php if ($type === 'logout') : ?>
<form action="<?php echo Route::_('index.php', true); ?>" method="post" id="login-form-<?php echo $module->id; ?>" class="mod-login__form mod-login__form--logout">
<?php if ($params->get('greeting', 1)) : ?>
<div class="mod-login__greeting">
<?php if ($params->get('name', 0) == 0) : ?>
<?php echo Text::sprintf('MOD_LOGIN_HINAME', htmlspecialchars($user->get('name'), ENT_COMPAT, 'UTF-8')); ?>
<?php else : ?>
<?php echo Text::sprintf('MOD_LOGIN_HINAME', htmlspecialchars($user->get('username'), ENT_COMPAT, 'UTF-8')); ?>
<?php endif; ?>
</div>
<?php endif; ?>
<div class="mod-login__actions">
<button type="submit" name="Submit" class="mod-login__btn mod-login__btn--logout btn btn-secondary">
<span class="icon-sign-out" aria-hidden="true"></span>
<?php echo Text::_('JLOGOUT'); ?>
</button>
<input type="hidden" name="option" value="com_users" />
<input type="hidden" name="task" value="user.logout" />
<input type="hidden" name="return" value="<?php echo $return; ?>" />
<?php echo HTMLHelper::_('form.token'); ?>
</div>
</form>
<?php else : ?>
<form action="<?php echo Route::_('index.php', true); ?>" method="post" id="login-form-<?php echo $module->id; ?>" class="mod-login__form mod-login__form--login">
<?php if ($params->get('pretext')) : ?>
<div class="mod-login__pretext">
<?php echo $params->get('pretext'); ?>
</div>
<?php endif; ?>
<div class="mod-login__fields">
<div class="mod-login__field">
<label for="modlogi username-<?php echo $module->id; ?>" class="mod-login__label">
<?php echo Text::_('MOD_LOGIN_VALUE_USERNAME'); ?>
</label>
<input
id="modlogi username-<?php echo $module->id; ?>"
type="text"
name="username"
class="mod-login__input form-control"
placeholder="<?php echo Text::_('MOD_LOGIN_VALUE_USERNAME'); ?>"
autocomplete="username"
required
/>
</div>
<div class="mod-login__field">
<label for="modloginpass-<?php echo $module->id; ?>" class="mod-login__label">
<?php echo Text::_('JGLOBAL_PASSWORD'); ?>
</label>
<input
id="modloginpass-<?php echo $module->id; ?>"
type="password"
name="password"
class="mod-login__input form-control"
placeholder="<?php echo Text::_('JGLOBAL_PASSWORD'); ?>"
autocomplete="current-password"
required
/>
</div>
<?php if (count($twofactormethods) > 1) : ?>
<div class="mod-login__field">
<label for="modloginsecretkey-<?php echo $module->id; ?>" class="mod-login__label">
<?php echo Text::_('JGLOBAL_SECRETKEY'); ?>
</label>
<input
id="modloginsecretkey-<?php echo $module->id; ?>"
type="text"
name="secretkey"
class="mod-login__input form-control"
placeholder="<?php echo Text::_('JGLOBAL_SECRETKEY'); ?>"
autocomplete="one-time-code"
/>
</div>
<?php endif; ?>
<?php if ($params->get('useLocale', 0)) : ?>
<div class="mod-login__field">
<label for="lang-<?php echo $module->id; ?>" class="mod-login__label">
<?php echo Text::_('MOD_LOGIN_LANGUAGE'); ?>
</label>
<?php echo $languages; ?>
</div>
<?php endif; ?>
<?php if ($params->get('showRememberMe', 1)) : ?>
<div class="mod-login__remember">
<input
id="modloginrememberme-<?php echo $module->id; ?>"
type="checkbox"
name="remember"
class="mod-login__checkbox"
value="yes"
/>
<label for="modloginrememberme-<?php echo $module->id; ?>" class="mod-login__remember-label">
<?php echo Text::_('MOD_LOGIN_REMEMBER_ME'); ?>
</label>
</div>
<?php endif; ?>
</div>
<div class="mod-login__actions">
<button type="submit" name="Submit" class="mod-login__btn mod-login__btn--submit btn btn-primary">
<span class="icon-sign-in" aria-hidden="true"></span>
<?php echo Text::_('JLOGIN'); ?>
</button>
<input type="hidden" name="option" value="com_users" />
<input type="hidden" name="task" value="user.login" />
<input type="hidden" name="return" value="<?php echo $return; ?>" />
<?php echo HTMLHelper::_('form.token'); ?>
</div>
<?php if ($usersConfig->get('allowUserRegistration')) : ?>
<div class="mod-login__links">
<a href="<?php echo Route::_('index.php?option=com_users&view=registration'); ?>" class="mod-login__link">
<?php echo Text::_('MOD_LOGIN_REGISTER'); ?>
<span class="icon-chevron-right" aria-hidden="true"></span>
</a>
<a href="<?php echo Route::_('index.php?option=com_users&view=reset'); ?>" class="mod-login__link">
<?php echo Text::_('MOD_LOGIN_FORGOT_YOUR_PASSWORD'); ?>
<span class="icon-chevron-right" aria-hidden="true"></span>
</a>
<a href="<?php echo Route::_('index.php?option=com_users&view=remind'); ?>" class="mod-login__link">
<?php echo Text::_('MOD_LOGIN_FORGOT_YOUR_USERNAME'); ?>
<span class="icon-chevron-right" aria-hidden="true"></span>
</a>
</div>
<?php endif; ?>
<?php if ($params->get('posttext')) : ?>
<div class="mod-login__posttext">
<?php echo $params->get('posttext'); ?>
</div>
<?php endif; ?>
</form>
<?php endif; ?>
</div>

1
src/templates/html/mod_login/index.html Normal file
View File

@@ -0,0 +1 @@
<!DOCTYPE html><html><head><title></title></head><body></body></html>

40
src/templates/html/mod_menu/default.php Normal file
View File

@@ -0,0 +1,40 @@
<?php
/**
* @package Joomla.Site
* @subpackage mod_menu
*
* @copyright (C) 2025 Moko Consulting <hello@mokoconsulting.tech>
* @license GNU General Public License version 2 or later; see LICENSE.txt
*
* Mobile responsive override for mod_menu module
*/
defined('_JEXEC') or die;
use Joomla\CMS\Helper\ModuleHelper;
$id = '';
if ($tagId = $params->get('tag_id', '')) {
$id = ' id="' . $tagId . '"';
}
// The menu class is deprecated. Use mod-menu instead
$moduleclass_sfx = htmlspecialchars($params->get('moduleclass_sfx', ''), ENT_COMPAT, 'UTF-8');
// Add responsive wrapper class
$wrapperClass = 'mod-menu mod-menu-responsive ' . $moduleclass_sfx;
if ($params->get('layout', 'default') === 'default') {
$wrapperClass .= ' mod-menu--default';
}
?>
<nav class="<?php echo $wrapperClass; ?>"<?php echo $id; ?> aria-label="<?php echo htmlspecialchars($module->title, ENT_COMPAT, 'UTF-8'); ?>">
<?php if ($params->get('showHeading', 0)) : ?>
<h<?php echo $params->get('heading', 3); ?> class="mod-menu__heading">
<?php echo $module->title; ?>
</h<?php echo $params->get('heading', 3); ?>>
<?php endif; ?>
<?php require ModuleHelper::getLayoutPath('mod_menu', $params->get('layout', 'default') . '_' . $params->get('menutype')); ?>
</nav>

14
src/templates/html/mod_menu/default_component.php Normal file
View File

@@ -0,0 +1,14 @@
<?php
/**
* @package Joomla.Site
* @subpackage mod_menu
*
* @copyright (C) 2025 Moko Consulting <hello@mokoconsulting.tech>
* @license GNU General Public License version 2 or later; see LICENSE.txt
*
* Mobile responsive component for mod_menu
*/
defined('_JEXEC') or die;
?>
<span class="mod-menu__separator"><?php echo $item->title; ?></span>

52
src/templates/html/mod_menu/default_url.php Normal file
View File

@@ -0,0 +1,52 @@
<?php
/**
* @package Joomla.Site
* @subpackage mod_menu
*
* @copyright (C) 2025 Moko Consulting <hello@mokoconsulting.tech>
* @license GNU General Public License version 2 or later; see LICENSE.txt
*
* Mobile responsive menu list for mod_menu
*/
defined('_JEXEC') or die;
use Joomla\CMS\HTML\HTMLHelper;
$attributes = [];
if ($item->anchor_title) {
$attributes['title'] = $item->anchor_title;
}
if ($item->anchor_css) {
$attributes['class'] = $item->anchor_css;
}
if ($item->anchor_rel) {
$attributes['rel'] = $item->anchor_rel;
}
$linktype = $item->title;
if ($item->menu_image) {
if ($item->menu_image_css) {
$image_attributes['class'] = $item->menu_image_css;
$linktype = HTMLHelper::_('image', $item->menu_image, $item->title, $image_attributes);
} else {
$linktype = HTMLHelper::_('image', $item->menu_image, $item->title);
}
if ($item->params->get('menu_text', 1)) {
$linktype .= '<span class="image-title">' . $item->title . '</span>';
}
}
if ($item->browserNav == 1) {
$attributes['target'] = '_blank';
} elseif ($item->browserNav == 2) {
$options = 'toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes';
$attributes['onclick'] = "window.open(this.href, 'targetWindow', '" . $options . "'); return false;";
}
echo HTMLHelper::_('link', $item->flink, $linktype, $attributes);

1
src/templates/html/mod_menu/index.html Normal file
View File

@@ -0,0 +1 @@
<!DOCTYPE html><html><head><title></title></head><body></body></html>