rt/archetype/src/main/resources/archetype-resources/src/main/resources/index.html
author Jaroslav Tulach <jaroslav.tulach@apidesign.org>
Tue, 26 Mar 2013 09:29:05 +0100
changeset 893 20fb32569339
parent 870 448bed1f6d5a
permissions -rw-r--r--
Richer example showing Knockout operations with arrays/lists and ability to receive parameters from an event
jaroslav@141
     1
<?xml version="1.0" encoding="UTF-8"?>
jaroslav@141
     2
<!DOCTYPE html>
jaroslav@141
     3
<html xmlns="http://www.w3.org/1999/xhtml">
jaroslav@141
     4
    <head>
jaroslav@421
     5
        <title>Bck2Brwsr's Hello World</title>
jaroslav@421
     6
    </head>
jaroslav@141
     7
    <body>
jaroslav@528
     8
        <h1 data-bind="text: helloMessage">Loading Bck2Brwsr's Hello World...</h1>
jaroslav@534
     9
        Your name: <input id='input' data-bind="value: name, valueUpdate: 'afterkeydown'"></input>
jaroslav@528
    10
        <button id="hello">Say Hello!</button>
jaroslav@533
    11
        <p>
jaroslav@533
    12
            <canvas id="canvas" width="300" height="50">
jaroslav@533
    13
            </canvas>
jaroslav@533
    14
        </p>
jaroslav@893
    15
        
jaroslav@893
    16
        
jaroslav@893
    17
        <div data-bind="if: noMessages">No message displayed yet.</div>
jaroslav@893
    18
        <ul data-bind="foreach: messages">
jaroslav@893
    19
            <li>
jaroslav@893
    20
                <a href="#" data-bind="text: $data, click: $root.display"></a>
jaroslav@893
    21
                (<a href="#" data-bind="click: $root.remove">delete</a>)
jaroslav@893
    22
            </li>
jaroslav@893
    23
        </ul>
jaroslav@893
    24
      
jaroslav@744
    25
        <script src="bck2brwsr.js"></script>
jaroslav@357
    26
        <script type="text/javascript">
jaroslav@744
    27
            var vm = bck2brwsr('${artifactId}-${version}.jar');
jaroslav@528
    28
            vm.loadClass('${package}.App');
jaroslav@357
    29
        </script>
jaroslav@141
    30
    </body>
jaroslav@141
    31
</html>