1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
|
define.class(function($server$, composition, service, $ui$, screen, view, label, require){
define.class(this, "demo", "$ui/view", function(){
this.flex = 1
this.flexdirection = 'column'
this.overflow = 'scroll'
this.attributes = {
imagelist: []
}
this.render = function () {
var dynviews = []
for (var n = 0; n < this.imagelist.length; n++) {
dynviews.push(view({
size: vec2(256, 256),
bgimage: this.imagelist[n].url
},
[
label({position: 'absolute', fontsize: 12, top: 0, bgcolor: NaN, fgcolor: 'yellow', text: this.imagelist[n].title}),
label({position: 'absolute', fontsize: 12, top: 14, bgcolor: NaN, fgcolor: 'yellow', text: this.imagelist[n].latitude}),
label({position: 'absolute', fontsize: 12, top: 28, bgcolor: NaN, fgcolor: 'yellow', text: this.imagelist[n].longitude}),
label({position: 'absolute', fontsize: 12, top: 42, bgcolor: NaN, fgcolor: 'yellow', text: this.imagelist[n].date})
]))
}
return dynviews
}
})
this.render = function(){
return [
service({
name:'foursquareservice',
runfoursquare: function() {
var FoursquareLib = require('../../system/lib/foursquarelib')
this.foursquare = new FoursquareLib()
var callback = (function(images) {
this.rpc.default.imageupdate(images)
}).bind(this)
this.foursquare.explore({openNow: 1}, callback)
}
}),
screen({
name:'default',
clearcolor:'white',
init: function() {
this.rpc.foursquareservice.runfoursquare()
},
imageupdate: function(images) {
this.find('demo').imagelist = images
}
}, [
this.demo({name: 'demo'})
])
]
}
})
|