-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgenerated.html
185 lines (167 loc) · 5.45 KB
/
generated.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- Component CSS -->
<style>
/* TodoMvcStyles */
@import "https://cdn.jsdelivr.net/npm/[email protected]/index.css";
@import "https://cdn.jsdelivr.net/npm/[email protected]/base.css";
</style>
<!-- /Component CSS -->
<!-- Page CSS -->
<style>
</style>
<!-- /Page CSS -->
<!-- Head HTML -->
<!-- title -->
<title data-simply-field="pageTitle">Template • TodoMVC</title>
<!-- /Head HTML -->
<script>
var simplyDataApi = {};
var simplyApp = {};
window.addEventListener("simply-content-loaded", function() {
simply.bind = false;
/* Raw API */
var simplyRawApi = {
};
/* End of Raw API */
/* Data API */
simplyDataApi = {
};
/* End of Data API */
simplyApp = simply.app({
/* Actions */
actions: {
},
/* /Actions */
/* Commands */
commands: {
},
/* /Commands */
/* Routes */
routes: {
"/" : function (params) {
editor.pageData.page = 'TodoMvcPage'
editor.pageData.pageTitle = 'SimplyCode • TodoMVC'
}
}
/* /Routes */
});
});
function clone(ob) {
return JSON.parse(JSON.stringify(ob));
}
function updateDataSource(name) {
document.querySelectorAll('[data-simply-data="'+name+'"]').forEach(function(list) {
editor.list.applyDataSource(list, name);
list.dataBindingPaused = 0;
});
}
</script>
</head>
<body>
<!-- Body HTML -->
<!-- /Body HTML -->
<!-- Component HTML templates -->
<template id="TodoMvc">
<section class="todoapp">
<simply-render rel="TodoMvcHeader"></simply-render>
<simply-render rel="TodoMvcMain"></simply-render>
<simply-render rel="TodoMvcFooter"></simply-render>
</section>
</template>
<template id="TodoMvcFooter">
<!-- This footer should be hidden by default and shown when there are todos -->
<footer class="footer">
<!-- This should be `0 items left` by default -->
<span class="todo-count"><strong>0</strong> item left</span>
<!-- Remove this if you don't implement routing -->
<ul class="filters">
<li><a class="selected" href="#/">All</a></li>
<li><a href="#/active">Active</a></li>
<li><a href="#/completed">Completed</a></li>
</ul>
<!-- Hidden if no completed items are left ↓ -->
<button class="clear-completed">Clear completed</button>
</footer>
</template>
<template id="TodoMvcHeader">
<header class="header">
<h1>todos</h1>
<input class="new-todo" placeholder="What needs to be done?" autofocus>
</header>
</template>
<template id="TodoMvcMain">
<!-- This section should be hidden by default and shown when there are todos -->
<section class="main">
<input id="toggle-all" class="toggle-all" type="checkbox">
<label for="toggle-all">Mark all as complete</label>
<ul class="todo-list">
<!-- These are here just to show the structure of the list items -->
<!-- List items should get the class `editing` when editing and `completed` when marked as completed -->
<li class="completed">
<div class="view">
<input class="toggle" type="checkbox" checked>
<label>Taste JavaScript</label>
<button class="destroy"></button>
</div>
<input class="edit" value="Create a TodoMVC template">
</li>
<li>
<div class="view">
<input class="toggle" type="checkbox">
<label>Buy a unicorn</label>
<button class="destroy"></button>
</div>
<input class="edit" value="Rule the web">
</li>
</ul>
</section>
</template>
<!-- /Component HTML templates -->
<header data-simply-path="/" data-simply-field="header" data-simply-content="template" data-simply-default-value="Header">
<template data-simply-template='Header' rel="header"></template>
</header>
<nav>
<div is="simply-component" rel="menu"></div>
</nav>
<div class="main" data-simply-field="page" data-simply-content="template">
<!-- Page HTML templates -->
<template data-simply-template="TodoMvcPage">
<simply-render rel="TodoMvc"></simply-render>
<footer class="info">
<p>Double-click to edit a todo</p>
<!-- Remove the below line ↓ -->
<p>Template by <a href="http://sindresorhus.com">Sindre Sorhus</a></p>
<!-- Change this out with your name and url ↓ -->
<p>Created by <a href="http://todomvc.com">you</a></p>
<p>Part of <a href="http://todomvc.com">TodoMVC</a></p>
</footer>
</template>
<!-- /Page HTML templates -->
</div>
<script src="js/simply.everything.js"></script>
<script src="js/simply-edit.js" data-api-key="muze"></script>
<script>
/* Transformers */
editor.transformers = {
};
/* /Transformers */
</script>
<script>
/* Sorters */
editor.sorters = {
};
/* /Sorters */
</script>
<script>
window.addEventListener("simply-content-loaded", function() {
/* Data sources */
/* /Data sources */
});
</script>
<!-- Foot HTML -->
<!-- /Foot HTML -->
</body>
</html>