Piilota sidebar-tilastot + laskutus kun hinnat piilossa, oletusnäkymä support
- prices-hidden blurraa nyt myös sidebar-stats (liittymät, laskutus, keskihinta, nopeudet) - Summary-barin laskutus blurrautuu samalla - Oletusnäkymä kirjautumisen jälkeen vaihdettu customers → support Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -4,7 +4,7 @@
|
|||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Noxus HUB</title>
|
<title>Noxus HUB</title>
|
||||||
<link rel="stylesheet" href="style.css?v=20260313s">
|
<link rel="stylesheet" href="style.css?v=20260313t">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<!-- Login -->
|
<!-- Login -->
|
||||||
@@ -2271,6 +2271,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script src="script.js?v=20260313s"></script>
|
<script src="script.js?v=20260313t"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
11
script.js
11
script.js
@@ -212,7 +212,7 @@ async function showDashboard() {
|
|||||||
const [mainHash, subHash] = hash.split('/');
|
const [mainHash, subHash] = hash.split('/');
|
||||||
const validTabs = ['customers', 'leads', 'tekniikka', 'ohjeet', 'todo', 'documents', 'laitetilat', 'netadmin', 'archive', 'changelog', 'support', 'users', 'settings', 'companies'];
|
const validTabs = ['customers', 'leads', 'tekniikka', 'ohjeet', 'todo', 'documents', 'laitetilat', 'netadmin', 'archive', 'changelog', 'support', 'users', 'settings', 'companies'];
|
||||||
// ohjeet, laitetilat, archive ovat nyt sub-tabeja — switchToTab hoitaa uudelleenohjauksen
|
// ohjeet, laitetilat, archive ovat nyt sub-tabeja — switchToTab hoitaa uudelleenohjauksen
|
||||||
const startTab = validTabs.includes(mainHash) ? mainHash : 'customers';
|
const startTab = validTabs.includes(mainHash) ? mainHash : 'support';
|
||||||
switchToTab(startTab, subHash);
|
switchToTab(startTab, subHash);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -517,9 +517,14 @@ function contractRemaining(sopimuskausi, alkupvm) {
|
|||||||
const toggle = document.getElementById('toggle-prices');
|
const toggle = document.getElementById('toggle-prices');
|
||||||
if (!toggle) return;
|
if (!toggle) return;
|
||||||
// Oletuksena piilossa
|
// Oletuksena piilossa
|
||||||
document.getElementById('customer-table')?.classList.add('prices-hidden');
|
const hiddenEls = [
|
||||||
|
document.getElementById('customer-table'),
|
||||||
|
document.querySelector('.sidebar-stats'),
|
||||||
|
document.querySelector('.summary-bar'),
|
||||||
|
];
|
||||||
|
hiddenEls.forEach(el => el?.classList.add('prices-hidden'));
|
||||||
toggle.addEventListener('change', () => {
|
toggle.addEventListener('change', () => {
|
||||||
document.getElementById('customer-table')?.classList.toggle('prices-hidden', !toggle.checked);
|
hiddenEls.forEach(el => el?.classList.toggle('prices-hidden', !toggle.checked));
|
||||||
// Blurraa myös asiakaskortin hinnat
|
// Blurraa myös asiakaskortin hinnat
|
||||||
document.querySelectorAll('.customer-detail-card').forEach(el => {
|
document.querySelectorAll('.customer-detail-card').forEach(el => {
|
||||||
el.classList.toggle('prices-hidden', !toggle.checked);
|
el.classList.toggle('prices-hidden', !toggle.checked);
|
||||||
|
|||||||
12
style.css
12
style.css
@@ -432,6 +432,18 @@ tbody td {
|
|||||||
user-select: none;
|
user-select: none;
|
||||||
transition: filter 0.2s;
|
transition: filter 0.2s;
|
||||||
}
|
}
|
||||||
|
.sidebar-stats.prices-hidden .stat-value,
|
||||||
|
.sidebar-stats.prices-hidden .stat-sub,
|
||||||
|
.sidebar-stats.prices-hidden .speed-table {
|
||||||
|
filter: blur(6px);
|
||||||
|
user-select: none;
|
||||||
|
transition: filter 0.2s;
|
||||||
|
}
|
||||||
|
.summary-bar.prices-hidden #total-billing {
|
||||||
|
filter: blur(6px);
|
||||||
|
user-select: none;
|
||||||
|
transition: filter 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
.actions-cell {
|
.actions-cell {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|||||||
Reference in New Issue
Block a user