packages feed

cqrs-example-0.9.0: static/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>CQRS Example: Tasks</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <meta http-equiv="Content-Script-Type" content="text/javascript">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet"      type="text/css" href="css/bootstrap.css" />
    <link rel="stylesheet"      type="text/css" href="css/toastr.css" />
    <link rel="stylesheet/less" type="text/css" href="css/styles.less" />
    <script type="text/javascript" src="js/lib/less.js" defer></script>
    <script type="text/javascript" src="js/lib/require.js" data-main="js/app.js"></script>
  </head>

  <body>
    <div class="container">

      <h2>Tasks</h2>

      (<span data-bind="text: tasksView.remainingCount">X</span> tasks remaining)
      [ <a href="#" data-bind="click: tasksView.archiveDone">archive</a> ]

      <ul class="unstyled" data-bind="foreach: tasksView.items">
        <li>
          <input type="checkbox" data-bind="checked: done(), click: $parent.tasksView.toggleTask">
          <span data-bind="css: { 'done': done }, text: title"></span>
        </li>
      </ul>

      <input type="text" placeholder="Enter task" data-bind="value: tasksView.newTaskTitle">
      <button type="button" data-bind="click: tasksView.addTask">Add</button>

    </div>
  </body>

</html>