links tabindex

This commit is contained in:
Jerry
2024-05-15 09:30:52 +02:00
parent b8da9ee8e7
commit 197b599246
11 changed files with 57 additions and 57 deletions

View File

@@ -148,7 +148,7 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<button class="header-menu-toggle header-btn mobile" title="Open Menu">
<span class="icon-menu"></span>
</button>
<a href="/" class="logo" title="Logo">
<a href="/" class="logo" title="Logo" tabindex="0">
<picture>
<source media="(min-width: 600px)" srcset="<?= get_lawcarta_url()?>/img/logo.svg">
<img src="<?= get_lawcarta_url()?>/img/logo-mobile.svg" width="36" height="36" alt="Logo">
@@ -267,13 +267,13 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
}
let desktopLinks = '';
if (!isGuest) desktopLinks += '<a href="' + linksObject.dashboard + '" class="menu-link movable"><span class="text">Dashboard</span></a>';
desktopLinks += '<a href="' + linksObject.catalog + '" class="menu-link movable"><span class="text">Catalog</span></a>';
if (!isGuest) desktopLinks += '<a href="' + linksObject.library + '" class="menu-link movable"><span class="text">My Library</span></a>';
// if (!isGuest) desktopLinks += '<a href="' + linksObject.bundles + '" class="menu-link movable"><span class="text">Bundles</span></a>';
if (isGuest) desktopLinks += '<a href="' + linksObject.features + '" class="menu-link movable' + isPageSelected.features +'"><span class="text">Features</span></a>';
if (isGuest) desktopLinks += '<a href="' + linksObject.aboutUs + '" class="menu-link movable' + isPageSelected.aboutUs +'"><span class="text">About Us</span></a>';
desktopLinks += `<a href="${linksObject.llm}" class="menu-link movable">
if (!isGuest) desktopLinks += '<a href="' + linksObject.dashboard + '" class="menu-link movable" tabindex="0"><span class="text">Dashboard</span></a>';
desktopLinks += '<a href="' + linksObject.catalog + '" class="menu-link movable" tabindex="0"><span class="text">Catalog</span></a>';
if (!isGuest) desktopLinks += '<a href="' + linksObject.library + '" class="menu-link movable" tabindex="0"><span class="text">My Library</span></a>';
// if (!isGuest) desktopLinks += '<a href="' + linksObject.bundles + '" class="menu-link movable" tabindex="0"><span class="text">Bundles</span></a>';
if (isGuest) desktopLinks += '<a href="' + linksObject.features + '" class="menu-link movable' + isPageSelected.features +'" tabindex="0"><span class="text">Features</span></a>';
if (isGuest) desktopLinks += '<a href="' + linksObject.aboutUs + '" class="menu-link movable' + isPageSelected.aboutUs +'" tabindex="0"><span class="text">About Us</span></a>';
desktopLinks += `<a href="${linksObject.llm}" class="menu-link movable" tabindex="0">
<span class="icon-magic"></span>
<span class="text">Curriculum Builder</span>
</a>`;
@@ -286,13 +286,13 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
if (isGuest) {
hrmHtml += `
<div class="desktop-sign-cont">
<a href="` + linksObject.login + `" class="sign-link button action">Log In</a>
<a href="` + linksObject.signUp + `" class="sign-link button secondary">Sign Up</a>
<a href="` + linksObject.login + `" class="sign-link button action" tabindex="0">Log In</a>
<a href="` + linksObject.signUp + `" class="sign-link button secondary" tabindex="0">Sign Up</a>
</div>
`;
mmSign += `
<a href="` + linksObject.login + `" class="sign-link button action">Log In</a>
<a href="` + linksObject.signUp + `" class="sign-link button secondary">Sign Up</a>
<a href="` + linksObject.login + `" class="sign-link button action" tabindex="0">Log In</a>
<a href="` + linksObject.signUp + `" class="sign-link button secondary" tabindex="0">Sign Up</a>
`;
}
if (!isGuest) {
@@ -302,7 +302,7 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
hrmHtml += `</button>`;
}
hrmHtml += `
<a class="header-btn circle" href="` + linksObject.cart + `" title="My Cart">
<a class="header-btn circle" href="` + linksObject.cart + `" title="My Cart" tabindex="0">
<span class="icon-shop"></span>`;
hrmHtml += frontSettings?.cartItemsCount > 0 ? '<span class="num">' + frontSettings.cartItemsCount + '</span>' : '';
hrmHtml += `</a>`;
@@ -317,22 +317,22 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<span class="label">Manage account:</span>`;
sharedAccounts.forEach((account) => {
mmHtml += '<a href="' +
linksObject.accountManage.replace('<id>', account.id) + '" class="menu-link"><span class="text">' +
linksObject.accountManage.replace('<id>', account.id) + '" class="menu-link" tabindex="0"><span class="text">' +
account.name + '</span></a>'
})
mmHtml += `</div>`;
}
mmHtml += `<div class="menu-link-cont">
<a href="` + linksObject.profile + `" class="menu-link"><span class="icon-my-profile"></span><span class="text">My Profile</span></a>`;
if (showConfirmationNotice) mmHtml += `<a href="` + linksObject.verify + `" class="confirm-email">Confirm email</a>`;
<a href="` + linksObject.profile + `" class="menu-link" tabindex="0"><span class="icon-my-profile"></span><span class="text">My Profile</span></a>`;
if (showConfirmationNotice) mmHtml += `<a href="` + linksObject.verify + `" class="confirm-email" tabindex="0">Confirm email</a>`;
mmHtml += `</div>`;
if (showRoyaltiesAndSales) mmHtml += '<a href="' + linksObject.royalties + '" class="menu-link"><span class="icon-royalties"></span><span class="text">Royalties and Sales</span></a>';
mmHtml += '<a href="' + linksObject.order + '" class="menu-link"><span class="icon-order-history"></span><span class="text">Order History</span></a>';
if (showAccountAccess) mmHtml += '<a href="' + linksObject.accountAccess + '" class="menu-link"><span class="icon-account-access"></span><span class="text">Account Access</span></a>';
if (showAdmin) mmHtml += '<a href="' + linksObject.admin + '" class="menu-link"><span class="icon-admin"></span><span class="text">Admin</span></a>';
mmHtml += '<a href="' + linksObject.logout + '" class="menu-link"><span class="icon-logout"></span><span class="text">Logout</span></a>';
if (showRoyaltiesAndSales) mmHtml += '<a href="' + linksObject.royalties + '" class="menu-link" tabindex="0"><span class="icon-royalties"></span><span class="text">Royalties and Sales</span></a>';
mmHtml += '<a href="' + linksObject.order + '" class="menu-link" tabindex="0"><span class="icon-order-history"></span><span class="text">Order History</span></a>';
if (showAccountAccess) mmHtml += '<a href="' + linksObject.accountAccess + '" class="menu-link" tabindex="0"><span class="icon-account-access"></span><span class="text">Account Access</span></a>';
if (showAdmin) mmHtml += '<a href="' + linksObject.admin + '" class="menu-link" tabindex="0"><span class="icon-admin"></span><span class="text">Admin</span></a>';
mmHtml += '<a href="' + linksObject.logout + '" class="menu-link" tabindex="0"><span class="icon-logout"></span><span class="text">Logout</span></a>';
}
document.querySelector('.mm-links').innerHTML = mmHtml;