# HG changeset patch
# User Jaroslav Tulach <jtulach@netbeans.org>
# Date 1368603997 -7200
# Node ID 41a76f55fcc6c557e5d50fdec970561f569b96fa
# Parent  91219d000cb8d2f68ca7d68cb1c0874b93b1fc26
Control the loadingIndicator using a loading property

diff -r 91219d000cb8 -r 41a76f55fcc6 twitter/src/main/java/org/apidesign/html/demo/twitter/TwitterClient.java
--- a/twitter/src/main/java/org/apidesign/html/demo/twitter/TwitterClient.java	Thu May 09 22:41:43 2013 +0200
+++ b/twitter/src/main/java/org/apidesign/html/demo/twitter/TwitterClient.java	Wed May 15 09:46:37 2013 +0200
@@ -42,7 +42,8 @@
     @Property(name="activeTweetersName", type=String.class),
     @Property(name="activeTweeters", type=String.class, array = true),
     @Property(name="userNameToAdd", type=String.class),
-    @Property(name="currentTweets", type=Tweet.class, array = true)
+    @Property(name="currentTweets", type=Tweet.class, array = true),
+    @Property(name="loading", type=boolean.class)
 })
 public class TwitterClient {
     @Model(className = "Tweeters", properties = {
@@ -92,6 +93,7 @@
     static void queryTweets(TwitterModel page, TwitterQuery q) {
         page.getCurrentTweets().clear();
         page.getCurrentTweets().addAll(q.getResults());
+        page.setLoading(false);
     }
     
     @OnPropertyChange("activeTweetersName")
@@ -112,6 +114,7 @@
             sb.append(p);
             sep = " OR ";
         }
+        model.setLoading(true);
         model.queryTweets("http://search.twitter.com", sb.toString());
     }
     
diff -r 91219d000cb8 -r 41a76f55fcc6 twitter/src/main/resources/org/apidesign/html/demo/twitter/index.html
--- a/twitter/src/main/resources/org/apidesign/html/demo/twitter/index.html	Thu May 09 22:41:43 2013 +0200
+++ b/twitter/src/main/resources/org/apidesign/html/demo/twitter/index.html	Wed May 15 09:46:37 2013 +0200
@@ -80,7 +80,7 @@
                 </form>
             </div>
             <div class='tweets'>
-                <div class='loadingIndicator'>Loading...</div>
+                <div class='loadingIndicator' data-bind="visible: loading">Loading...</div>
                 <table data-bind='foreach: currentTweets' width='100%'>
                     <tr>
                         <td><img data-bind='attr: { src: profile_image_url }' /></td>
diff -r 91219d000cb8 -r 41a76f55fcc6 twitter/src/main/resources/org/apidesign/html/demo/twitter/twitterExample.css
--- a/twitter/src/main/resources/org/apidesign/html/demo/twitter/twitterExample.css	Thu May 09 22:41:43 2013 +0200
+++ b/twitter/src/main/resources/org/apidesign/html/demo/twitter/twitterExample.css	Wed May 15 09:46:37 2013 +0200
@@ -55,4 +55,4 @@
 .configuration form input { width:40%; font-size: 1.3em; border:1px solid silver; background-color: White; padding: 0.1em; }
 .configuration form button { width: 20%; margin-left: 0.3em; height: 2em; }
 
-.loadingIndicator { position: absolute; top: 0.1em; left: 0.1em; font: 0.8em Arial; background-color: #229; color: White; padding: 0.2em 0.5em 0.2em 0.5em; display: none; }
+.loadingIndicator { position: absolute; top: 0.1em; left: 0.1em; font: 0.8em Arial; background-color: #229; color: White; padding: 0.2em 0.5em 0.2em 0.5em; }