ko-archetype/src/main/resources/archetype-resources/src/main/resources/index.html
author Jaroslav Tulach <jaroslav.tulach@apidesign.org>
Mon, 13 May 2013 11:39:33 +0200
changeset 1201 b6fd8b9ccc7a
child 1202 5f04bdbc6ee1
permissions -rw-r--r--
First sketch of the Knockout4J archetype
jaroslav@1201
     1
<?xml version="1.0" encoding="UTF-8"?>
jaroslav@1201
     2
<!DOCTYPE html>
jaroslav@1201
     3
<html xmlns="http://www.w3.org/1999/xhtml">
jaroslav@1201
     4
    <head>
jaroslav@1201
     5
        <title>Bck2Brwsr's Hello World</title>
jaroslav@1201
     6
    </head>
jaroslav@1201
     7
    <body>
jaroslav@1201
     8
        <h1 data-bind="text: helloMessage">Loading Bck2Brwsr's Hello World...</h1>
jaroslav@1201
     9
        Your name: <input id='input' data-bind="value: name, valueUpdate: 'afterkeydown'"></input>
jaroslav@1201
    10
        <button id="hello">Say Hello!</button>
jaroslav@1201
    11
        <p>
jaroslav@1201
    12
            <canvas id="canvas" width="300" height="50">
jaroslav@1201
    13
            </canvas>
jaroslav@1201
    14
        </p>
jaroslav@1201
    15
        
jaroslav@1201
    16
        
jaroslav@1201
    17
        <div data-bind="if: noMessages">No message displayed yet.</div>
jaroslav@1201
    18
        <ul data-bind="foreach: messages">
jaroslav@1201
    19
            <li>
jaroslav@1201
    20
                <a href="#" data-bind="text: $data, click: $root.display"></a>
jaroslav@1201
    21
                (<a href="#" data-bind="click: $root.remove">delete</a>)
jaroslav@1201
    22
            </li>
jaroslav@1201
    23
        </ul>
jaroslav@1201
    24
      
jaroslav@1201
    25
        <script src="bck2brwsr.js"></script>
jaroslav@1201
    26
        <script type="text/javascript">
jaroslav@1201
    27
            var vm = bck2brwsr('${artifactId}-${version}.jar');
jaroslav@1201
    28
            vm.loadClass('${package}.App');
jaroslav@1201
    29
        </script>
jaroslav@1201
    30
    </body>
jaroslav@1201
    31
</html>