Cold-Air-Networks/mirror-speedometer
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update document title (#354)

Browse source 
Use a "data-title" attribute for each section to update document.title.
This commit is contained in:
Camillo Bruni 2024-01-25 11:21:55 +01:00 committed by GitHub
parent b0a465d60c
commit 638a9681cf
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 11 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
index.html
View file

@ -49,7 +49,7 @@
</div>
</section>
<section id="summary">
<section id="summary" data-title="Results Summary">
<a href="#home" class="logo">
<img srcset="resources/logo@2x.png 2x" src="resources/logo.png" alt="Speedometer" />
<div class="version">3.0</div>
@ -69,7 +69,7 @@
</div>
</section>
<section id="details">
<section id="details" data-title="Results Details">
<a href="#home" class="logo">
<img srcset="resources/logo@2x.png 2x" src="resources/logo.png" alt="Speedometer" />
<div class="version">3.0</div>
@ -103,7 +103,7 @@
</div>
</section>
<section id="about">
<section id="about" data-title="About">
<a href="#home" class="logo">
<img srcset="resources/logo@2x.png 2x" src="resources/logo.png" alt="Speedometer" />
<div class="version">3.0</div>

8
resources/main.mjs
View file

@ -351,10 +351,18 @@ class MainBenchmarkClient {
if (hash === "#home" || hash === "") {
if (window.location.hash !== hash)
window.location.hash = "#home";
hash = "#home";
this._removeLocationHash();
} else {
window.location.hash = hash;
}
this._updateDocumentTitle(hash);
}
_updateDocumentTitle(hash) {
const maybeSection = document.querySelector(hash);
const sectionTitle = maybeSection?.getAttribute("data-title") ?? "";
document.title = `Speedometer 3 ${sectionTitle}`.trimEnd();
}
_removeLocationHash() {