diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
commit | 36d22d82aa202bb199967e9512281e9a53db42c9 (patch) | |
tree | 105e8c98ddea1c1e4784a60a5a6410fa416be2de /third_party/webkit/PerformanceTests/Speedometer/resources/todomvc/labs/architecture-examples/react/js/footer.jsx | |
parent | Initial commit. (diff) | |
download | firefox-esr-upstream.tar.xz firefox-esr-upstream.zip |
Adding upstream version 115.7.0esr.upstream/115.7.0esrupstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to '')
-rw-r--r-- | third_party/webkit/PerformanceTests/Speedometer/resources/todomvc/labs/architecture-examples/react/js/footer.jsx | 58 |
1 files changed, 58 insertions, 0 deletions
diff --git a/third_party/webkit/PerformanceTests/Speedometer/resources/todomvc/labs/architecture-examples/react/js/footer.jsx b/third_party/webkit/PerformanceTests/Speedometer/resources/todomvc/labs/architecture-examples/react/js/footer.jsx new file mode 100644 index 0000000000..5a896553da --- /dev/null +++ b/third_party/webkit/PerformanceTests/Speedometer/resources/todomvc/labs/architecture-examples/react/js/footer.jsx @@ -0,0 +1,58 @@ +/** + * @jsx React.DOM + */ +/*jshint quotmark:false */ +/*jshint white:false */ +/*jshint trailing:false */ +/*jshint newcap:false */ +/*global React, ALL_TODOS, ACTIVE_TODOS, Utils, COMPLETED_TODOS */ +(function (window) { + 'use strict'; + + window.TodoFooter = React.createClass({ + render: function () { + var activeTodoWord = Utils.pluralize(this.props.count, 'item'); + var clearButton = null; + + if (this.props.completedCount > 0) { + clearButton = ( + <button + id="clear-completed" + onClick={this.props.onClearCompleted}> + {''}Clear completed ({this.props.completedCount}){''} + </button> + ); + } + + var show = { + ALL_TODOS: '', + ACTIVE_TODOS: '', + COMPLETED_TODOS: '' + }; + show[this.props.nowShowing] = 'selected'; + + return ( + <footer id="footer"> + <span id="todo-count"> + <strong>{this.props.count}</strong> + {' '}{activeTodoWord}{' '}left{''} + </span> + <ul id="filters"> + <li> + <a href="#/" class={show[ALL_TODOS]}>All</a> + </li> + {' '} + <li> + <a href="#/active" class={show[ACTIVE_TODOS]}>Active</a> + </li> + {' '} + <li> + <a href="#/completed" class={show[COMPLETED_TODOS]}>Completed</a> + </li> + </ul> + {clearButton} + </footer> + ); + } + }); +})(window); |