javaquery/demo-twitter/src/main/resources/org/apidesign/bck2brwsr/demo/twitter/index.html
branchmodel
changeset 956 7fc6b7e9c982
parent 953 935e11372aa6
child 957 022f62873be6
     1.1 --- a/javaquery/demo-twitter/src/main/resources/org/apidesign/bck2brwsr/demo/twitter/index.html	Mon Apr 08 15:14:29 2013 +0200
     1.2 +++ b/javaquery/demo-twitter/src/main/resources/org/apidesign/bck2brwsr/demo/twitter/index.html	Mon Apr 08 19:30:22 2013 +0200
     1.3 @@ -44,7 +44,7 @@
     1.4          This code based on original <a href="http://knockoutjs.com/examples/twitter.html">knockout.js Twitter example</a> and
     1.5          uses almost unmodified HTML code. It just changes the model. It 
     1.6          is written in Java language and it is executed using <a href="http://bck2brwsr.apidesign.org">Bck2Brwsr</a>
     1.7 -        virtual machine. The Java source code has about 170 lines and is available 
     1.8 +        virtual machine. The Java source code has about 190 lines and is available 
     1.9          <a href="http://source.apidesign.org/hg/bck2brwsr/file/3bd43aa6f08d/javaquery/demo-twitter/src/main/java/org/apidesign/bck2brwsr/demo/twitter/TwitterClient.java">here</a>
    1.10          - in fact it may even be more dense than the original JavaScript model.
    1.11          </p>
    1.12 @@ -52,14 +52,14 @@
    1.13          <div class='liveExample'>
    1.14              <div class='configuration'>
    1.15                  <div class='listChooser'>
    1.16 -                    <button data-bind='click: deleteList, enable: activeTweeters.name'>Delete</button>
    1.17 +                    <button data-bind='click: deleteList, enable: activeTweetersName'>Delete</button>
    1.18                      <button data-bind='click: saveChanges, enable: hasUnsavedChanges'>Save</button> 
    1.19                      <select data-bind='options: savedLists, optionsValue: "name", value: activeTweetersName'> </select>
    1.20                  </div>
    1.21  
    1.22 -                <p>Currently viewing <span data-bind='text: activeTweeters().userNames().length'> </span> user(s):</p>
    1.23 -                <div class='currentUsers' data-bind='with: activeTweeters'>
    1.24 -                    <ul data-bind='foreach: userNames'>
    1.25 +                <p>Currently viewing <span data-bind='text: activeTweetersCount'> </span> user(s):</p>
    1.26 +                <div class='currentUsers' >
    1.27 +                    <ul data-bind='foreach: activeTweeters'>
    1.28                          <li>
    1.29                              <button data-bind='click: $root.removeUser'>Remove</button>
    1.30                              <div data-bind='text: $data'> </div>
    1.31 @@ -79,8 +79,8 @@
    1.32                      <tr>
    1.33                          <td><img data-bind='attr: { src: profile_image_url }' /></td>
    1.34                          <td>
    1.35 -                            <a href='http://twitter.com/${ from_user }' class='twitterUser' data-bind='attr: { href: "http://twitter.com/" + from_user }, text: from_user'> </a>
    1.36 -                            <span data-bind='text: text'> </span>
    1.37 +                            <a class='twitterUser' data-bind='attr: { href: userUrl }, text: from_user'> </a>
    1.38 +                            <span data-bind='html: html'> </span>
    1.39                              <div class='tweetInfo' data-bind='text: created_at'> </div>
    1.40                          </td>
    1.41                      </tr>