git.pond.sub.org Git - eow/blob - static/dojo-release-1.1.1/dojox/data/demos/demo_PicasaStore.html

   1 <!--
   2   This file is a demo of the PicasaStore, a simple wrapper to the public feed service
   3   of Picasa.  This just does very basic queries against Picasa and loads the results
   4   into a list viewing widget.
   5 -->
   6 <html>
   7 <head>
   8         <title>Demo of PicasaStore</title>
   9         <style type="text/css">
  10
  11                 @import "../../../dijit/themes/tundra/tundra.css";
  12                 @import "../../../dojo/resources/dojo.css";
  13                 @import "../../../dijit/tests/css/dijitTests.css";
  14                 @import "./picasaDemo.css";
  15         </style>
  16
  17         <script type="text/javascript" src="../../../dojo/dojo.js" djConfig="isDebug: true, parseOnLoad: true"></script>
  18         <script type="text/javascript">
  19                 dojo.require("dojo.parser");
  20                 dojo.require("dijit.form.TextBox");
  21                 dojo.require("dijit.form.Button");
  22                 dojo.require("dijit.form.ComboBox");
  23                 dojo.require("dijit.form.NumberSpinner");
  24                 dojo.require("dijit.Tree");
  25                 dojo.require("dojox.data.PicasaStore");
  26                 dojo.require("dojox.data.demos.widgets.PicasaViewList");
  27                 dojo.require("dojox.data.demos.widgets.PicasaView");
  28
  29                 function init(){
  30                         var fViewWidgets = [];
  31
  32                         //Set up an onComplete handler for flickrData
  33                         function onComplete(items, request){
  34                                 flickrViewsWidget.clearList();
  35                                 if(items.length > 0){
  36                                         for(var i = 0; i < items.length; i++){
  37                                                 var flickrData = {
  38                                                         title: flickrStore.getValue(items[i],"title"),
  39                                                         author: flickrStore.getValue(items[i],"author"),
  40                                                         description: flickrStore.getValue(items[i],"description"),
  41                                                         iconUrl: flickrStore.getValue(items[i],"imageUrlSmall"),
  42                                                         imageUrl: flickrStore.getValue(items[i],"imageUrl")
  43                                                 }
  44                                                 flickrViewsWidget.addView(flickrData);
  45                                         }
  46                                 }
  47                                 statusWidget.setValue("PROCESSING COMPLETE.");
  48
  49                         }
  50                         //What to do if a search fails...
  51                         function onError(error, request){
  52                                 flickrViewsWidget.clearList();
  53                                 statusWidget.setValue("PROCESSING ERROR.");
  54                         }
  55
  56                         //Function to invoke the search of the FlickrStore
  57                         function invokeSearch(){
  58                                 var request = {
  59                                         query: {},
  60                                         onComplete: onComplete,
  61                                         onError: onError
  62                                 };
  63
  64                                 if(idWidget){
  65                                         var userid = idWidget.getValue();
  66                                         if(userid && userid !== ""){
  67                                                 request.query.userid = userid;
  68                                         }
  69                                 }
  70                                 if(tagsWidget){
  71                                         var tags = tagsWidget.getValue();
  72                                         if(tags && tags !== ""){
  73                                                 var tagsArray = tags.split(" ");
  74                                                 tags = "";
  75                                                 for(var i = 0; i < tagsArray.length; i++){
  76                                                         tags = tags + tagsArray[i];
  77                                                         if(i < (tagsArray.length - 1)){
  78                                                                 tags += ","
  79                                                         }
  80                                                 }
  81                                                 request.query.tags = tags;
  82                                         }
  83                                 }
  84                                 if(countWidget){
  85                                         request.count = countWidget.getValue();
  86                                 }
  87
  88                                 if(startWidget){
  89                                         request.query.start = startWidget.getValue();
  90                                 }
  91
  92                                 if(statusWidget){
  93                                         statusWidget.setValue("PROCESSING REQUEST");
  94                                 }
  95
  96                                 flickrStore.fetch(request);
  97                         }
  98
  99                         //Lastly, link up the search event.
 100                         var button = dijit.byId("searchButton");
 101                         dojo.connect(button, "onClick", invokeSearch);
 102                 }
 103                 dojo.addOnLoad(init);
 104         </script>
 105 </head>
 106
 107 <body class="tundra">
 108         <h1>
 109                 DEMO:  PicasaStore Search
 110         </h1>
 111         <hr>
 112         <h3>
 113                 Description:
 114         </h3>
 115         <p>
 116                 This simple demo shows how services, such as Flickr, can be wrapped by the datastore API.  In this demo, you can search public Flickr images through a simple FlickrStore by specifying a series of tags (separated by spaces) to search on.  The results will be displayed below the search box.
 117         </p>
 118         <p>
 119                 For fun, search on the 3dny tag!
 120         </p>
 121
 122         <blockquote>
 123
 124         <!--
 125                 The store instance used by this demo.
 126         -->
 127         <table>
 128                 <tbody>
 129                         <tr>
 130                                 <td>
 131                                         <b>Status:</b>
 132                                 </td>
 133                                 <td>
 134                                         <div dojoType="dijit.form.TextBox" size="50" id="status" jsId="statusWidget" disabled="true"></div>
 135                                 </td>
 136                         </tr>
 137                         <tr>
 138                                 <td>
 139                                         <b>ID:</b>
 140                                 </td>
 141                                 <td>
 142                                         <div dojoType="dijit.form.TextBox" size="50" id="userid" jsId="idWidget"></div>
 143                                 </td>
 144                         </tr>
 145                         <tr>
 146                                 <td>
 147                                         <b>Query:</b>
 148                                 </td>
 149                                 <td>
 150                                         <div dojoType="dijit.form.TextBox" size="50" id="tags" jsId="tagsWidget" value="flower"></div>
 151                                 </td>
 152                         </tr>
 153                         <tr>
 154                                 <td>
 155                                         <b>Number of Pictures:</b>
 156                                 </td>
 157                                 <td>
 158                                         <div
 159                                                 id="start"
 160                                                 jsId="startWidget"
 161                                                 dojoType="dijit.form.NumberSpinner"
 162                                                 value="1"
 163                                                 constraints="{min:1,places:0}"
 164                                         ></div>
 165                                         <div
 166                                                 id="count"
 167                                                 jsId="countWidget"
 168                                                 dojoType="dijit.form.NumberSpinner"
 169                                                 value="20"
 170                                                 constraints="{min:1,max:100,places:0}"
 171                                         ></div>
 172                                 </td>
 173                         </tr>
 174                         <tr>
 175                                 <td>
 176                                 </td>
 177                                 <td>
 178                                         <div dojoType="dijit.form.Button" label="Search" id="searchButton" jsId="searchButtonWidget"></div>
 179                                 </td>
 180                         </tr>
 181                 </tbody>
 182         </table>
 183         <hr/>
 184         <div dojoType="dojox.data.PicasaStore" jsId="flickrStore" label="title"></div>
 185         <div dojoType="dojox.data.demos.widgets.PicasaViewList" id="flickrViews" jsId="flickrViewsWidget"></div>
 186
 187 </body>
 188 </html>