Skip to content

Commit 57e9f9d

Browse files
vogloblinskyvogloblinsky
committed
Deploying to gh-pages from @ f3c98b8 🚀
1 parent 85da700 commit 57e9f9d

Some content is hidden

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

59 files changed

+1175
-82
lines changed

‎additional-documentation/actions.html‎

Lines changed: 178 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,178 @@
1+
<!doctype html>
2+
<html class="no-js" lang="">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv="x-ua-compatible" content="ie=edge">
6+
<title>TodoMVC Angular documentation</title>
7+
<meta name="description" content="">
8+
<meta name="viewport" content="width=device-width, initial-scale=1">
9+
10+
<link rel="icon" type="image/x-icon" href="../images/favicon.ico">
11+
<link rel="stylesheet" href="../styles/style.css">
12+
<link rel="stylesheet" href="../styles/dark.css">
13+
</head>
14+
<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>
73+
74+
<div class="navbar navbar-default navbar-fixed-top d-block d-sm-none">
75+
<a href="../" class="navbar-brand">TodoMVC Angular documentation</a>
76+
<button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
77+
</div>
78+
79+
<div class="xs-menu menu" id="mobile-menu">
80+
<div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div> <compodoc-menu></compodoc-menu>
81+
</div>
82+
83+
<div class="container-fluid main">
84+
<div class="row main">
85+
<div class="hidden-xs menu">
86+
<compodoc-menu mode="normal"></compodoc-menu>
87+
</div>
88+
<!-- START CONTENT -->
89+
<div class="content additional-page">
90+
<div class="content-data">
91+
92+
93+
94+
95+
96+
97+
98+
99+
100+
101+
102+
103+
104+
105+
106+
107+
108+
109+
110+
111+
112+
<h1>All actions</h1>
113+
<ul>
114+
<li><a href="./actions/creation-of-a-todo.html">creation</a></li>
115+
<li><a href="./actions/edition-of-a-todo.html">edition</a></li>
116+
<li><a href="./actions/delete-a-todo.html">delete</a></li>
117+
<li><a href="./actions/update-the-status-of-a-todo.html">change status</a></li>
118+
</ul>
119+
120+
</div><div class="search-results">
121+
<div class="has-results">
122+
<h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
123+
<ul class="search-results-list"></ul>
124+
</div>
125+
<div class="no-results">
126+
<h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
127+
</div>
128+
</div>
129+
</div>
130+
<!-- END CONTENT -->
131+
</div>
132+
</div>
133+
134+
<label class="dark-mode-switch">
135+
<input type="checkbox">
136+
<span class="slider">
137+
<svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
138+
<path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
139+
</svg>
140+
</span>
141+
</label>
142+
143+
<script>
144+
var COMPODOC_CURRENT_PAGE_DEPTH = 1;
145+
var COMPODOC_CURRENT_PAGE_CONTEXT = 'additional-page';
146+
var COMPODOC_CURRENT_PAGE_URL = 'actions.html';
147+
var MAX_SEARCH_RESULTS = 15;
148+
</script>
149+
150+
<script src="../js/libs/custom-elements.min.js"></script>
151+
<script src="../js/libs/lit-html.js"></script>
152+
153+
<script src="../js/menu-wc.js" defer></script>
154+
<script nomodule src="../js/menu-wc_es5.js" defer></script>
155+
156+
<script src="../js/libs/bootstrap-native.js"></script>
157+
158+
<script src="../js/libs/es6-shim.min.js"></script>
159+
<script src="../js/libs/EventDispatcher.js"></script>
160+
<script src="../js/libs/promise.min.js"></script>
161+
<script src="../js/libs/zepto.min.js"></script>
162+
163+
<script src="../js/compodoc.js"></script>
164+
165+
<script src="../js/tabs.js"></script>
166+
<script src="../js/menu.js"></script>
167+
<script src="../js/libs/clipboard.min.js"></script>
168+
<script src="../js/libs/prism.js"></script>
169+
<script src="../js/sourceCode.js"></script>
170+
<script src="../js/search/search.js"></script>
171+
<script src="../js/search/lunr.min.js"></script>
172+
<script src="../js/search/search-lunr.js"></script>
173+
<script src="../js/search/search_index.js"></script>
174+
<script src="../js/lazy-load-graphs.js"></script>
175+
176+
177+
</body>
178+
</html>

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

Lines changed: 174 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,174 @@
1+
<!doctype html>
2+
<html class="no-js" lang="">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv="x-ua-compatible" content="ie=edge">
6+
<title>TodoMVC Angular documentation</title>
7+
<meta name="description" content="">
8+
<meta name="viewport" content="width=device-width, initial-scale=1">
9+
10+
<link rel="icon" type="image/x-icon" href="../../images/favicon.ico">
11+
<link rel="stylesheet" href="../../styles/style.css">
12+
<link rel="stylesheet" href="../../styles/dark.css">
13+
</head>
14+
<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>
73+
74+
<div class="navbar navbar-default navbar-fixed-top d-block d-sm-none">
75+
<a href="../../" class="navbar-brand">TodoMVC Angular documentation</a>
76+
<button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
77+
</div>
78+
79+
<div class="xs-menu menu" id="mobile-menu">
80+
<div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div> <compodoc-menu></compodoc-menu>
81+
</div>
82+
83+
<div class="container-fluid main">
84+
<div class="row main">
85+
<div class="hidden-xs menu">
86+
<compodoc-menu mode="normal"></compodoc-menu>
87+
</div>
88+
<!-- START CONTENT -->
89+
<div class="content additional-page">
90+
<div class="content-data">
91+
92+
93+
94+
95+
96+
97+
98+
99+
100+
101+
102+
103+
104+
105+
106+
107+
108+
109+
110+
111+
112+
<h1>Creation of a todo</h1>
113+
<p>Just use the top input to create a todo.</p>
114+
<p><img src="../../screenshots/actions/creation.png" alt="Screenshot" class="img-responsive"></p>
115+
116+
</div><div class="search-results">
117+
<div class="has-results">
118+
<h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
119+
<ul class="search-results-list"></ul>
120+
</div>
121+
<div class="no-results">
122+
<h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
123+
</div>
124+
</div>
125+
</div>
126+
<!-- END CONTENT -->
127+
</div>
128+
</div>
129+
130+
<label class="dark-mode-switch">
131+
<input type="checkbox">
132+
<span class="slider">
133+
<svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
134+
<path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
135+
</svg>
136+
</span>
137+
</label>
138+
139+
<script>
140+
var COMPODOC_CURRENT_PAGE_DEPTH = 2;
141+
var COMPODOC_CURRENT_PAGE_CONTEXT = 'additional-page';
142+
var COMPODOC_CURRENT_PAGE_URL = 'creation-of-a-todo.html';
143+
var MAX_SEARCH_RESULTS = 15;
144+
</script>
145+
146+
<script src="../../js/libs/custom-elements.min.js"></script>
147+
<script src="../../js/libs/lit-html.js"></script>
148+
149+
<script src="../../js/menu-wc.js" defer></script>
150+
<script nomodule src="../../js/menu-wc_es5.js" defer></script>
151+
152+
<script src="../../js/libs/bootstrap-native.js"></script>
153+
154+
<script src="../../js/libs/es6-shim.min.js"></script>
155+
<script src="../../js/libs/EventDispatcher.js"></script>
156+
<script src="../../js/libs/promise.min.js"></script>
157+
<script src="../../js/libs/zepto.min.js"></script>
158+
159+
<script src="../../js/compodoc.js"></script>
160+
161+
<script src="../../js/tabs.js"></script>
162+
<script src="../../js/menu.js"></script>
163+
<script src="../../js/libs/clipboard.min.js"></script>
164+
<script src="../../js/libs/prism.js"></script>
165+
<script src="../../js/sourceCode.js"></script>
166+
<script src="../../js/search/search.js"></script>
167+
<script src="../../js/search/lunr.min.js"></script>
168+
<script src="../../js/search/search-lunr.js"></script>
169+
<script src="../../js/search/search_index.js"></script>
170+
<script src="../../js/lazy-load-graphs.js"></script>
171+
172+
173+
</body>
174+
</html>

0 commit comments

Comments
 (0)