lxbfYeaa/LiveCartaWP
1
0
Fork 0
forked from LiveCarta/LiveCartaWP
Code Issues 238 Pull Requests Actions Packages Projects Releases Wiki Activity

header fixes

Browse Source
This commit is contained in:
Jerry
2022-07-28 08:36:47 +02:00
parent f017b475fe
commit b566cf901f
9 changed files with 143 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

105
htdocs/wp-content/themes/lawcarta/header.php
View File

@@ -120,8 +120,8 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
</button>
<a href="#" class="logo">
<picture>
<source media="(min-width: 600px)" srcset="<?= get_lawcarta_url()?>/img/logo.svg" width="130" height="23">
<img src="<?= get_lawcarta_url()?>/img/logo-mobile.svg" alt="Logo" width="36" height="36">
<source media="(min-width: 600px)" srcset="<?= get_lawcarta_url()?>/img/logo.svg">
<img src="<?= get_lawcarta_url()?>/img/logo-mobile.svg" alt="Logo">
</picture>
</a>
<div class="desktop-menu">
@@ -140,10 +140,10 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<button class="button clear link">
<span class="icon-close"></span>
</button>
<input type="text" class="form-control" placeholder="Search books and study materials">
<input type="text" class="form-control" placeholder="Search books and study materials" id="header-search">
</div>
<div class="right">
<button class="button action">
<button class="button action" id="header-search-btn">
<span class="icon-search"></span>
</button>
</div>
@@ -164,10 +164,6 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<div class="mobile-links-cont">
</div>
<!-- <div class="acc-manage">
<span class="label">Manage account:</span>
<a href="#" class="menu-link">Other Account</a>
</div> -->
<div class="mm-links">
</div>
@@ -181,18 +177,20 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
(function(){
let appUrl = 'https://app.livecarta.com';
let wpUrl = 'https://livecarta.com';
let isGuest = true;
let sharedAccounts = [];
let showAccountAccess = true;
let showAdmin = true;
let showConfirmationNotice = false;
let showRoyaltiesAndSales = true;
let currentPage = location.pathname;
function drawHeader() {
let appUrl = 'https://app.livecarta.com';
let wpUrl = 'https://livecarta.com';
let isGuest = true;
let sharedAccounts = [];
let showAccountAccess = true;
let showAdmin = true;
let showConfirmationNotice = false;
let showRoyaltiesAndSales = true;
let currentPage = location.pathname;
if (typeof frontSettings !== 'undefined') {
appUrl = frontSettings.appUrl;
@@ -221,6 +219,8 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
login: appUrl + '/user/login',
signUp: appUrl + '/user/registration',
verify: appUrl + '/user/registration/verify',
profile: appUrl + '/user/registration/profile',
royalties: appUrl + '/report/royalties',
order: appUrl + '/report/transactions',
@@ -238,14 +238,14 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
}
let desktopLinks = '';
if (isGuest) desktopLinks += '<a href="' + linksObject.home + '" class="menu-link movable' + isPageSelected.home +'">Home</a>';
if (!isGuest) desktopLinks += '<a href="' + linksObject.dashboard + '" class="menu-link movable">Dashboard</a>';
desktopLinks += '<a href="' + linksObject.catalog + '" class="menu-link movable">Catalog</a>';
if (!isGuest) desktopLinks += '<a href="' + linksObject.library + '" class="menu-link movable">My Library</a>';
if (!isGuest) desktopLinks += '<a href="' + linksObject.bundles + '" class="menu-link movable">Bundles</a>';
if (isGuest) desktopLinks += '<a href="' + linksObject.features + '" class="menu-link movable' + isPageSelected.features +'">Features</a>';
desktopLinks += '<a href="' + linksObject.blog + '" class="menu-link movable' + isPageSelected.blog +'">Blog</a>';
if (isGuest) desktopLinks += '<a href="' + linksObject.aboutUs + '" class="menu-link movable' + isPageSelected.aboutUs +'">About Us</a>';
if (isGuest) desktopLinks += '<a href="' + linksObject.home + '" class="menu-link movable' + isPageSelected.home +'"><span class="text">Home</span></a>';
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>';
desktopLinks += '<a href="' + linksObject.blog + '" class="menu-link movable' + isPageSelected.blog +'"><span class="text">Blog</span></a>';
if (isGuest) desktopLinks += '<a href="' + linksObject.aboutUs + '" class="menu-link movable' + isPageSelected.aboutUs +'"><span class="text">About Us</span></a>';
document.querySelector('.desktop-menu').innerHTML = desktopLinks;
@@ -265,11 +265,10 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
`;
}
if (!isGuest) {
hrmHtml += `
<button class="header-btn circle header-menu-toggle">
<span class="icon-profile"></span>
</button>
`;
hrmHtml += `<button class="header-btn circle header-menu-toggle">
<span class="icon-profile"></span> `;
if (showConfirmationNotice) hrmHtml += '<span class="icon-warning"></span>';
hrmHtml += `</button>`;
}
hrmHtml += `
<a class="header-btn circle" href="` + linksObject.cart + `">
@@ -281,12 +280,28 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
let mmHtml = '';
if (!isGuest) {
mmHtml += '<a href="' + linksObject.profile + '" class="menu-link">My Profile</a>';
if (showRoyaltiesAndSales) mmHtml += '<a href="' + linksObject.royalties + '" class="menu-link">Royalties and Sales</a>';
mmHtml += '<a href="' + linksObject.order + '" class="menu-link">Order History</a>';
if (showAccountAccess) mmHtml += '<a href="' + linksObject.accountAccess + '" class="menu-link">Account Access</a>';
if (showAdmin) mmHtml += '<a href="' + linksObject.admin + '" class="menu-link">Admin</a>';
mmHtml += '<a href="' + linksObject.logout + '" class="menu-link">Logout</a>';
if (sharedAccounts.length > 0) {
mmHtml += `<div class="acc-manage">
<span class="label">Manage account:</span>`;
sharedAccounts.forEach((account) => {
mmHtml += '<a href="' +
linksObject.accountManage.replace('<id>', account.id) + '" class="menu-link"><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>`;
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>';
}
document.querySelector('.mm-links').innerHTML = mmHtml;
@@ -335,12 +350,24 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
mobileMenu?.classList.toggle('open');
}, 1);
}
if (event.target?.closest('#header-search-btn')) {
let searchData = document.getElementById('header-search').value;
top.location = appUrl + '/catalog?tab=books-tab&search=' + searchData;
}
if (!event.target.closest('.mobile-menu.open')) {
mobileMenu?.classList.remove('open');
}
})
});
document.querySelector('#header-search').addEventListener('keyup', function(e){
if (e.key === "Enter") {
let searchData = e.target.value;
top.location = appUrl + '/catalog?tab=books-tab&search=' + searchData;
}
})
});
})();