Skip to content

Commit 4b85aa0

Browse files
vogloblinskyvogloblinsky
committed
Deploying to gh-pages from @ 308e1ad 🚀
1 parent fc57098 commit 4b85aa0

File tree

70 files changed

+5105
-1822
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

70 files changed

+5105
-1822
lines changed

‎additional-documentation/actions.html‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,64 @@
1212
<link rel="stylesheet" href="../styles/dark.css">
1313
</head>
1414
<body>
15+
<script>
16+
// Blocking script to avaoid flickering dark mode
17+
// Dark mode toggle button
18+
var useDark = window.matchMedia('(prefers-color-scheme: dark)');
19+
var darkModeState = useDark.matches;
20+
var $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
21+
var $darkModeToggles = document.querySelectorAll('.dark-mode-switch');
22+
var darkModeStateLocal = localStorage.getItem('compodoc_darkmode-state');
23+
24+
function checkToggle(check) {
25+
for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
26+
$darkModeToggleSwitchers[i].checked = check;
27+
}
28+
}
29+
30+
function toggleDarkMode(state) {
31+
if (window.localStorage) {
32+
localStorage.setItem('compodoc_darkmode-state', state);
33+
}
34+
35+
checkToggle(state);
36+
37+
const hasClass = document.body.classList.contains('dark');
38+
39+
if (state) {
40+
for (var i = 0; i < $darkModeToggles.length; i++) {
41+
$darkModeToggles[i].classList.add('dark');
42+
}
43+
if (!hasClass) {
44+
document.body.classList.add('dark');
45+
}
46+
} else {
47+
for (var i = 0; i < $darkModeToggles.length; i++) {
48+
$darkModeToggles[i].classList.remove('dark');
49+
}
50+
if (hasClass) {
51+
document.body.classList.remove('dark');
52+
}
53+
}
54+
}
55+
56+
useDark.addEventListener('change', function (evt) {
57+
toggleDarkMode(evt.matches);
58+
});
59+
if (darkModeStateLocal) {
60+
darkModeState = darkModeStateLocal === 'true';
61+
}
62+
toggleDarkMode(darkModeState);
63+
64+
if ($darkModeToggles.length > 0) {
65+
for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
66+
$darkModeToggleSwitchers[i].addEventListener('change', function (event) {
67+
darkModeState = !darkModeState;
68+
toggleDarkMode(darkModeState);
69+
});
70+
}
71+
}
72+
</script>
1573

1674
<div class="navbar navbar-default navbar-fixed-top d-block d-sm-none">
1775
<a href="../" class="navbar-brand">TodoMVC Angular documentation</a>

‎additional-documentation/actions/creation-of-a-todo.html‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,64 @@
1212
<link rel="stylesheet" href="../../styles/dark.css">
1313
</head>
1414
<body>
15+
<script>
16+
// Blocking script to avaoid flickering dark mode
17+
// Dark mode toggle button
18+
var useDark = window.matchMedia('(prefers-color-scheme: dark)');
19+
var darkModeState = useDark.matches;
20+
var $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
21+
var $darkModeToggles = document.querySelectorAll('.dark-mode-switch');
22+
var darkModeStateLocal = localStorage.getItem('compodoc_darkmode-state');
23+
24+
function checkToggle(check) {
25+
for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
26+
$darkModeToggleSwitchers[i].checked = check;
27+
}
28+
}
29+
30+
function toggleDarkMode(state) {
31+
if (window.localStorage) {
32+
localStorage.setItem('compodoc_darkmode-state', state);
33+
}
34+
35+
checkToggle(state);
36+
37+
const hasClass = document.body.classList.contains('dark');
38+
39+
if (state) {
40+
for (var i = 0; i < $darkModeToggles.length; i++) {
41+
$darkModeToggles[i].classList.add('dark');
42+
}
43+
if (!hasClass) {
44+
document.body.classList.add('dark');
45+
}
46+
} else {
47+
for (var i = 0; i < $darkModeToggles.length; i++) {
48+
$darkModeToggles[i].classList.remove('dark');
49+
}
50+
if (hasClass) {
51+
document.body.classList.remove('dark');
52+
}
53+
}
54+
}
55+
56+
useDark.addEventListener('change', function (evt) {
57+
toggleDarkMode(evt.matches);
58+
});
59+
if (darkModeStateLocal) {
60+
darkModeState = darkModeStateLocal === 'true';
61+
}
62+
toggleDarkMode(darkModeState);
63+
64+
if ($darkModeToggles.length > 0) {
65+
for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
66+
$darkModeToggleSwitchers[i].addEventListener('change', function (event) {
67+
darkModeState = !darkModeState;
68+
toggleDarkMode(darkModeState);
69+
});
70+
}
71+
}
72+
</script>
1573

1674
<div class="navbar navbar-default navbar-fixed-top d-block d-sm-none">
1775
<a href="../../" class="navbar-brand">TodoMVC Angular documentation</a>

‎additional-documentation/actions/delete-a-todo.html‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,64 @@
1212
<link rel="stylesheet" href="../../styles/dark.css">
1313
</head>
1414
<body>
15+
<script>
16+
// Blocking script to avaoid flickering dark mode
17+
// Dark mode toggle button
18+
var useDark = window.matchMedia('(prefers-color-scheme: dark)');
19+
var darkModeState = useDark.matches;
20+
var $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
21+
var $darkModeToggles = document.querySelectorAll('.dark-mode-switch');
22+
var darkModeStateLocal = localStorage.getItem('compodoc_darkmode-state');
23+
24+
function checkToggle(check) {
25+
for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
26+
$darkModeToggleSwitchers[i].checked = check;
27+
}
28+
}
29+
30+
function toggleDarkMode(state) {
31+
if (window.localStorage) {
32+
localStorage.setItem('compodoc_darkmode-state', state);
33+
}
34+
35+
checkToggle(state);
36+
37+
const hasClass = document.body.classList.contains('dark');
38+
39+
if (state) {
40+
for (var i = 0; i < $darkModeToggles.length; i++) {
41+
$darkModeToggles[i].classList.add('dark');
42+
}
43+
if (!hasClass) {
44+
document.body.classList.add('dark');
45+
}
46+
} else {
47+
for (var i = 0; i < $darkModeToggles.length; i++) {
48+
$darkModeToggles[i].classList.remove('dark');
49+
}
50+
if (hasClass) {
51+
document.body.classList.remove('dark');
52+
}
53+
}
54+
}
55+
56+
useDark.addEventListener('change', function (evt) {
57+
toggleDarkMode(evt.matches);
58+
});
59+
if (darkModeStateLocal) {
60+
darkModeState = darkModeStateLocal === 'true';
61+
}
62+
toggleDarkMode(darkModeState);
63+
64+
if ($darkModeToggles.length > 0) {
65+
for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
66+
$darkModeToggleSwitchers[i].addEventListener('change', function (event) {
67+
darkModeState = !darkModeState;
68+
toggleDarkMode(darkModeState);
69+
});
70+
}
71+
}
72+
</script>
1573

1674
<div class="navbar navbar-default navbar-fixed-top d-block d-sm-none">
1775
<a href="../../" class="navbar-brand">TodoMVC Angular documentation</a>

‎additional-documentation/actions/edition-of-a-todo.html‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,64 @@
1212
<link rel="stylesheet" href="../../styles/dark.css">
1313
</head>
1414
<body>
15+
<script>
16+
// Blocking script to avaoid flickering dark mode
17+
// Dark mode toggle button
18+
var useDark = window.matchMedia('(prefers-color-scheme: dark)');
19+
var darkModeState = useDark.matches;
20+
var $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
21+
var $darkModeToggles = document.querySelectorAll('.dark-mode-switch');
22+
var darkModeStateLocal = localStorage.getItem('compodoc_darkmode-state');
23+
24+
function checkToggle(check) {
25+
for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
26+
$darkModeToggleSwitchers[i].checked = check;
27+
}
28+
}
29+
30+
function toggleDarkMode(state) {
31+
if (window.localStorage) {
32+
localStorage.setItem('compodoc_darkmode-state', state);
33+
}
34+
35+
checkToggle(state);
36+
37+
const hasClass = document.body.classList.contains('dark');
38+
39+
if (state) {
40+
for (var i = 0; i < $darkModeToggles.length; i++) {
41+
$darkModeToggles[i].classList.add('dark');
42+
}
43+
if (!hasClass) {
44+
document.body.classList.add('dark');
45+
}
46+
} else {
47+
for (var i = 0; i < $darkModeToggles.length; i++) {
48+
$darkModeToggles[i].classList.remove('dark');
49+
}
50+
if (hasClass) {
51+
document.body.classList.remove('dark');
52+
}
53+
}
54+
}
55+
56+
useDark.addEventListener('change', function (evt) {
57+
toggleDarkMode(evt.matches);
58+
});
59+
if (darkModeStateLocal) {
60+
darkModeState = darkModeStateLocal === 'true';
61+
}
62+
toggleDarkMode(darkModeState);
63+
64+
if ($darkModeToggles.length > 0) {
65+
for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
66+
$darkModeToggleSwitchers[i].addEventListener('change', function (event) {
67+
darkModeState = !darkModeState;
68+
toggleDarkMode(darkModeState);
69+
});
70+
}
71+
}
72+
</script>
1573

1674
<div class="navbar navbar-default navbar-fixed-top d-block d-sm-none">
1775
<a href="../../" class="navbar-brand">TodoMVC Angular documentation</a>

‎additional-documentation/actions/update-the-status-of-a-todo.html‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,64 @@
1212
<link rel="stylesheet" href="../../styles/dark.css">
1313
</head>
1414
<body>
15+
<script>
16+
// Blocking script to avaoid flickering dark mode
17+
// Dark mode toggle button
18+
var useDark = window.matchMedia('(prefers-color-scheme: dark)');
19+
var darkModeState = useDark.matches;
20+
var $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
21+
var $darkModeToggles = document.querySelectorAll('.dark-mode-switch');
22+
var darkModeStateLocal = localStorage.getItem('compodoc_darkmode-state');
23+
24+
function checkToggle(check) {
25+
for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
26+
$darkModeToggleSwitchers[i].checked = check;
27+
}
28+
}
29+
30+
function toggleDarkMode(state) {
31+
if (window.localStorage) {
32+
localStorage.setItem('compodoc_darkmode-state', state);
33+
}
34+
35+
checkToggle(state);
36+
37+
const hasClass = document.body.classList.contains('dark');
38+
39+
if (state) {
40+
for (var i = 0; i < $darkModeToggles.length; i++) {
41+
$darkModeToggles[i].classList.add('dark');
42+
}
43+
if (!hasClass) {
44+
document.body.classList.add('dark');
45+
}
46+
} else {
47+
for (var i = 0; i < $darkModeToggles.length; i++) {
48+
$darkModeToggles[i].classList.remove('dark');
49+
}
50+
if (hasClass) {
51+
document.body.classList.remove('dark');
52+
}
53+
}
54+
}
55+
56+
useDark.addEventListener('change', function (evt) {
57+
toggleDarkMode(evt.matches);
58+
});
59+
if (darkModeStateLocal) {
60+
darkModeState = darkModeStateLocal === 'true';
61+
}
62+
toggleDarkMode(darkModeState);
63+
64+
if ($darkModeToggles.length > 0) {
65+
for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
66+
$darkModeToggleSwitchers[i].addEventListener('change', function (event) {
67+
darkModeState = !darkModeState;
68+
toggleDarkMode(darkModeState);
69+
});
70+
}
71+
}
72+
</script>
1573

1674
<div class="navbar navbar-default navbar-fixed-top d-block d-sm-none">
1775
<a href="../../" class="navbar-brand">TodoMVC Angular documentation</a>

‎additional-documentation/introduction.html‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,64 @@
1212
<link rel="stylesheet" href="../styles/dark.css">
1313
</head>
1414
<body>
15+
<script>
16+
// Blocking script to avaoid flickering dark mode
17+
// Dark mode toggle button
18+
var useDark = window.matchMedia('(prefers-color-scheme: dark)');
19+
var darkModeState = useDark.matches;
20+
var $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
21+
var $darkModeToggles = document.querySelectorAll('.dark-mode-switch');
22+
var darkModeStateLocal = localStorage.getItem('compodoc_darkmode-state');
23+
24+
function checkToggle(check) {
25+
for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
26+
$darkModeToggleSwitchers[i].checked = check;
27+
}
28+
}
29+
30+
function toggleDarkMode(state) {
31+
if (window.localStorage) {
32+
localStorage.setItem('compodoc_darkmode-state', state);
33+
}
34+
35+
checkToggle(state);
36+
37+
const hasClass = document.body.classList.contains('dark');
38+
39+
if (state) {
40+
for (var i = 0; i < $darkModeToggles.length; i++) {
41+
$darkModeToggles[i].classList.add('dark');
42+
}
43+
if (!hasClass) {
44+
document.body.classList.add('dark');
45+
}
46+
} else {
47+
for (var i = 0; i < $darkModeToggles.length; i++) {
48+
$darkModeToggles[i].classList.remove('dark');
49+
}
50+
if (hasClass) {
51+
document.body.classList.remove('dark');
52+
}
53+
}
54+
}
55+
56+
useDark.addEventListener('change', function (evt) {
57+
toggleDarkMode(evt.matches);
58+
});
59+
if (darkModeStateLocal) {
60+
darkModeState = darkModeStateLocal === 'true';
61+
}
62+
toggleDarkMode(darkModeState);
63+
64+
if ($darkModeToggles.length > 0) {
65+
for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
66+
$darkModeToggleSwitchers[i].addEventListener('change', function (event) {
67+
darkModeState = !darkModeState;
68+
toggleDarkMode(darkModeState);
69+
});
70+
}
71+
}
72+
</script>
1573

1674
<div class="navbar navbar-default navbar-fixed-top d-block d-sm-none">
1775
<a href="../" class="navbar-brand">TodoMVC Angular documentation</a>

0 commit comments

Comments
 (0)