|
jtulach@0
|
1 |
<?xml version="1.0" encoding="UTF-8"?>
|
|
jtulach@0
|
2 |
<!--
|
|
jtulach@0
|
3 |
|
|
jtulach@0
|
4 |
The MIT License (MIT)
|
|
jtulach@0
|
5 |
|
|
jtulach@0
|
6 |
Copyright (C) 2013 Jaroslav Tulach <jaroslav.tulach@apidesign.org>
|
|
jtulach@0
|
7 |
|
|
jtulach@0
|
8 |
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
jtulach@0
|
9 |
of this software and associated documentation files (the "Software"), to deal
|
|
jtulach@0
|
10 |
in the Software without restriction, including without limitation the rights
|
|
jtulach@0
|
11 |
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
jtulach@0
|
12 |
copies of the Software, and to permit persons to whom the Software is
|
|
jtulach@0
|
13 |
furnished to do so, subject to the following conditions:
|
|
jtulach@0
|
14 |
|
|
jtulach@0
|
15 |
The above copyright notice and this permission notice shall be included in
|
|
jtulach@0
|
16 |
all copies or substantial portions of the Software.
|
|
jtulach@0
|
17 |
|
|
jtulach@0
|
18 |
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
jtulach@0
|
19 |
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
jtulach@0
|
20 |
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
jtulach@0
|
21 |
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
jtulach@0
|
22 |
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
jtulach@0
|
23 |
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
jtulach@0
|
24 |
THE SOFTWARE.
|
|
jtulach@0
|
25 |
|
|
jtulach@0
|
26 |
-->
|
|
jtulach@0
|
27 |
|
|
jtulach@0
|
28 |
<!--
|
|
jtulach@0
|
29 |
Copied from knockout.js Twitter example:
|
|
jtulach@0
|
30 |
http://knockoutjs.com/examples/twitter.html
|
|
jtulach@0
|
31 |
-->
|
|
jtulach@0
|
32 |
|
|
jtulach@0
|
33 |
<!DOCTYPE html>
|
|
jtulach@0
|
34 |
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
jtulach@0
|
35 |
<head>
|
|
jtulach@37
|
36 |
<title>Twitter in Java and HTML</title>
|
|
jtulach@0
|
37 |
</head>
|
|
jtulach@0
|
38 |
<body>
|
|
jtulach@0
|
39 |
<link href='twitterExample.css' rel='Stylesheet' ></link>
|
|
jtulach@0
|
40 |
|
|
jtulach@0
|
41 |
<style type='text/css'>
|
|
jtulach@0
|
42 |
.liveExample select { height: 1.7em; }
|
|
jtulach@0
|
43 |
.liveExample button { height: 2em; }
|
|
jtulach@0
|
44 |
</style>
|
|
jtulach@0
|
45 |
|
|
jtulach@0
|
46 |
|
|
jtulach@37
|
47 |
<h2>Twitter in Java and HTML</h2>
|
|
jtulach@0
|
48 |
|
|
jtulach@0
|
49 |
<p>
|
|
jtulach@14
|
50 |
This code is based on original <a href="http://knockoutjs.com/examples/twitter.html">knockout.js Twitter example</a> and
|
|
jtulach@37
|
51 |
uses almost unmodified HTML page. It just changes the model and executes
|
|
jtulach@37
|
52 |
it via HotSpot virtual machine. The Java source code has about 190 lines and is available
|
|
jtulach@0
|
53 |
<a href="http://source.apidesign.org/hg/bck2brwsr/file/7fc6b7e9c982/javaquery/demo-twitter/src/main/java/org/apidesign/bck2brwsr/demo/twitter/TwitterClient.java">here</a>
|
|
jtulach@0
|
54 |
- in fact it may even be more dense than the original JavaScript model.
|
|
jtulach@0
|
55 |
</p>
|
|
jtulach@0
|
56 |
|
|
jtulach@0
|
57 |
<div class='liveExample'>
|
|
jtulach@0
|
58 |
<div class='configuration'>
|
|
jtulach@0
|
59 |
<div class='listChooser'>
|
|
jtulach@0
|
60 |
<button data-bind='click: deleteList, enable: activeTweetersName'>Delete</button>
|
|
jtulach@0
|
61 |
<button data-bind='click: saveChanges, enable: hasUnsavedChanges'>Save</button>
|
|
jtulach@0
|
62 |
<select data-bind='options: savedLists, optionsValue: "name", value: activeTweetersName'> </select>
|
|
jtulach@0
|
63 |
</div>
|
|
jtulach@0
|
64 |
|
|
jtulach@0
|
65 |
<p>Currently viewing <span data-bind='text: activeTweetersCount'> </span> user(s):</p>
|
|
jtulach@0
|
66 |
<div class='currentUsers' >
|
|
jtulach@0
|
67 |
<ul data-bind='foreach: activeTweeters'>
|
|
jtulach@0
|
68 |
<li>
|
|
jtulach@0
|
69 |
<button data-bind='click: $root.removeUser'>Remove</button>
|
|
jtulach@0
|
70 |
<div data-bind='text: $data'> </div>
|
|
jtulach@0
|
71 |
</li>
|
|
jtulach@0
|
72 |
</ul>
|
|
jtulach@0
|
73 |
</div>
|
|
jtulach@0
|
74 |
|
|
jtulach@0
|
75 |
<form data-bind='submit: addUser'>
|
|
jtulach@0
|
76 |
<label>Add user:</label>
|
|
jtulach@0
|
77 |
<input data-bind='value: userNameToAdd, valueUpdate: "keyup", css: { invalid: !userNameToAddIsValid() }' />
|
|
jtulach@0
|
78 |
<button data-bind='enable: userNameToAddIsValid' type='submit'>Add</button>
|
|
jtulach@0
|
79 |
</form>
|
|
jtulach@0
|
80 |
</div>
|
|
jtulach@0
|
81 |
<div class='tweets'>
|
|
jtulach@16
|
82 |
<div class='loadingIndicator' data-bind="visible: loading">Loading...</div>
|
|
jtulach@0
|
83 |
<table data-bind='foreach: currentTweets' width='100%'>
|
|
jtulach@0
|
84 |
<tr>
|
|
jtulach@36
|
85 |
<td><img data-bind='attr: { src: imageUrl }' /></td>
|
|
jtulach@0
|
86 |
<td>
|
|
jtulach@0
|
87 |
<a class='twitterUser' data-bind='attr: { href: userUrl }, text: from_user'> </a>
|
|
jtulach@0
|
88 |
<span data-bind='html: html'> </span>
|
|
jtulach@0
|
89 |
<div class='tweetInfo' data-bind='text: created_at'> </div>
|
|
jtulach@0
|
90 |
</td>
|
|
jtulach@0
|
91 |
</tr>
|
|
jtulach@0
|
92 |
</table>
|
|
jtulach@0
|
93 |
</div>
|
|
jtulach@0
|
94 |
</div>
|
|
jtulach@0
|
95 |
</body>
|
|
jtulach@0
|
96 |
</html>
|