| Index: example/todomvc/test/expected/todomvc_markdone_test.html.txt
|
| diff --git a/example/todomvc/test/expected/todomvc_markdone_test.html.txt b/example/todomvc/test/expected/todomvc_markdone_test.html.txt
|
| index cc4d8727ec2b810b55d671e79e95ff3a0a0d297b..e465861944c7d4070aadd5bb708d7498250f4839 100644
|
| --- a/example/todomvc/test/expected/todomvc_markdone_test.html.txt
|
| +++ b/example/todomvc/test/expected/todomvc_markdone_test.html.txt
|
| @@ -22,8 +22,85 @@ colgroup[template],
|
| col[template],
|
| option[template] {
|
| display: none;
|
| -}</style></head><body>
|
| - <span is="todo-app"><shadow-root> <section id="todoapp">
|
| +}</style></head><body><polymer-element name="todo-row" extends="li" apply-author-styles="" attributes="todo">
|
| + <template>
|
| +
|
| + <div class="todo-row_todo-item">
|
| + <input class="todo-row_toggle" type="checkbox" checked="{{todo.done}}">
|
| + <div is="editable-label" id="label" value="{{todo.task}}"></div>
|
| + <button class="todo-row_destroy" on-click="removeTodo"></button>
|
| + </div>
|
| + </template>
|
| +
|
| +</polymer-element>
|
| +<polymer-element name="todo-app" apply-author-styles="">
|
| +<template>
|
| + <section id="todoapp">
|
| + <header id="header">
|
| + <h1 class="title">todos</h1>
|
| + <form on-submit="addTodo">
|
| + <input id="new-todo" placeholder="What needs to be done?" autofocus="" on-change="addTodo">
|
| + </form>
|
| + </header>
|
| + <section id="main">
|
| + <input id="toggle-all" type="checkbox" checked="{{app.allChecked}}">
|
| + <label for="toggle-all"></label>
|
| + <ul id="todo-list">
|
| + <template repeat="{{app.visibleTodos}}">
|
| + <li is="todo-row" todo="{{}}"></li>
|
| + </template>
|
| + </ul>
|
| + </section>
|
| + <template bind="" if="{{app.hasTodos}}">
|
| + <footer id="footer">
|
| + <span id="todo-count"><strong>{{app.remaining}}</strong></span>
|
| + <ul is="router-options" id="filters">
|
| + <li> <a href="#/">All</a> </li>
|
| + <li> <a href="#/active">Active</a> </li>
|
| + <li> <a href="#/completed">Completed</a> </li>
|
| + </ul>
|
| + <template bind="" if="{{app.hasCompleteTodos}}">
|
| + <button id="clear-completed" on-click="clear">
|
| + Clear completed ({{app.doneCount}})
|
| + </button>
|
| + </template>
|
| + </footer>
|
| + </template>
|
| + </section>
|
| + <footer id="info">
|
| + <p>Double-click to edit a todo.</p>
|
| + <p>Credits: the <a href="http://www.dartlang.org">Dart</a> team.</p>
|
| + <p>
|
| + Learn more about
|
| + <a href="https://www.dartlang.org/articles/dart-web-components/">Dart + Web Components</a>
|
| + or
|
| + <a href="https://github.com/dart-lang/web-ui/tree/master/example/todomvc">view the source</a>.
|
| + </p>
|
| + <p>Part of <a href="http://todomvc.com">TodoMVC</a>.</p>
|
| + </footer>
|
| +</template>
|
| +
|
| +</polymer-element>
|
| +<polymer-element name="router-options" extends="ul" apply-author-styles="">
|
| + <template><content></content></template>
|
| +
|
| +</polymer-element>
|
| +<polymer-element name="editable-label" extends="div" attributes="value" apply-author-styles="">
|
| + <template>
|
| + <template bind="" if="{{notEditing}}">
|
| + <label class="edit-label" on-double-click="edit">{{value}}</label>
|
| + </template>
|
| + <template bind="" if="{{editing}}">
|
| + <form on-submit="update">
|
| + <input id="edit" class="edit editing" on-blur="update" on-key-up="maybeCancel">
|
| + </form>
|
| + </template>
|
| + </template>
|
| +
|
| +</polymer-element>
|
| +
|
| + <span is="todo-app"><shadow-root>
|
| + <section id="todoapp">
|
| <header id="header">
|
| <h1 class="title">todos</h1>
|
| <form on-submit="addTodo">
|
| @@ -37,10 +114,12 @@ option[template] {
|
| <template repeat="{{app.visibleTodos}}">
|
| <li is="todo-row" todo="{{}}"></li>
|
| </template>
|
| - <li is="todo-row" todo="{{}}"><shadow-root>
|
| + <li is="todo-row" todo="{{}}"><shadow-root>
|
| +
|
| <div class="todo-row_todo-item">
|
| <input class="todo-row_toggle" type="checkbox">
|
| - <div is="editable-label" id="label" value="{{todo.task}}"><shadow-root> <template bind="" if="{{notEditing}}">
|
| + <div is="editable-label" id="label" value="{{todo.task}}"><shadow-root>
|
| + <template bind="" if="{{notEditing}}">
|
| <label class="edit-label" on-double-click="edit">{{value}}</label>
|
| </template>
|
| <label class="edit-label" on-double-click="edit">one (unchecked)</label>
|
| @@ -55,10 +134,12 @@ option[template] {
|
| </div>
|
| </shadow-root></li>
|
|
|
| - <li is="todo-row" todo="{{}}"><shadow-root>
|
| + <li is="todo-row" todo="{{}}"><shadow-root>
|
| +
|
| <div class="todo-row_todo-item">
|
| <input class="todo-row_toggle" type="checkbox">
|
| - <div is="editable-label" id="label" value="{{todo.task}}"><shadow-root> <template bind="" if="{{notEditing}}">
|
| + <div is="editable-label" id="label" value="{{todo.task}}"><shadow-root>
|
| + <template bind="" if="{{notEditing}}">
|
| <label class="edit-label" on-double-click="edit">{{value}}</label>
|
| </template>
|
| <label class="edit-label" on-double-click="edit">two (unchecked)</label>
|
| @@ -73,10 +154,12 @@ option[template] {
|
| </div>
|
| </shadow-root></li>
|
|
|
| - <li is="todo-row" todo="{{}}"><shadow-root>
|
| + <li is="todo-row" todo="{{}}"><shadow-root>
|
| +
|
| <div class="todo-row_todo-item todo-row_completed">
|
| <input class="todo-row_toggle" type="checkbox">
|
| - <div is="editable-label" id="label" value="{{todo.task}}"><shadow-root> <template bind="" if="{{notEditing}}">
|
| + <div is="editable-label" id="label" value="{{todo.task}}"><shadow-root>
|
| + <template bind="" if="{{notEditing}}">
|
| <label class="edit-label" on-double-click="edit">{{value}}</label>
|
| </template>
|
| <label class="edit-label" on-double-click="edit">three (checked)</label>
|
| @@ -91,10 +174,12 @@ option[template] {
|
| </div>
|
| </shadow-root></li>
|
|
|
| - <li is="todo-row" todo="{{}}"><shadow-root>
|
| + <li is="todo-row" todo="{{}}"><shadow-root>
|
| +
|
| <div class="todo-row_todo-item todo-row_completed">
|
| <input class="todo-row_toggle" type="checkbox">
|
| - <div is="editable-label" id="label" value="{{todo.task}}"><shadow-root> <template bind="" if="{{notEditing}}">
|
| + <div is="editable-label" id="label" value="{{todo.task}}"><shadow-root>
|
| + <template bind="" if="{{notEditing}}">
|
| <label class="edit-label" on-double-click="edit">{{value}}</label>
|
| </template>
|
| <label class="edit-label" on-double-click="edit">four (checked)</label>
|
|
|