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
|
// Entry component with image, text and sound
enyo.kind({
name: "Abcd.Entry",
kind: "Abcd.Item",
published: { index: "" },
classes: "entry",
components: [
{ name: "spinner", kind: "Image", src: "images/spinner-light.gif", classes: "spinner"},
{ name: "contentBox", showing: false, components: [
{ name: "itemImage", classes: "entryImage", kind: "Image", onload: "imageLoaded" },
{ name: "soundIcon", kind: "Image", src: "images/sound_icon.png", classes: "entrySoundIcon" },
{ name: "itemText", classes: "entryText" }
]}
],
// Constructor
create: function() {
this.inherited(arguments);
this.sound = null;
this.indexChanged();
},
// Display only when image is load
imageLoaded: function() {
if (this.index !== "") {
this.$.spinner.hide();
this.$.contentBox.show();
}
},
// Localization changed, update text & sound
setLocale: function() {
this.indexChanged();
this.inherited(arguments);
},
// Card setup
indexChanged: function() {
var entry = Abcd.entries[this.index];
var image = "images/database/"+entry.code+".png";
var text = __$FC(entry.text);
if (Abcd.context.upper)
text = text.toUpperCase();
if (entry[Abcd.context.lang]) {
this.sound = "audio/"+Abcd.context.lang+"/database/"+entry.code;
this.$.soundIcon.setSrc("images/sound_icon.png");
} else {
this.sound = null;
this.$.soundIcon.setSrc("images/nosound_icon.png");
}
this.$.itemImage.setAttribute("src", image);
this.$.itemText.setContent(text);
},
// Play sound using the media
play: function(media) {
if (this.sound != null)
media.play(this.sound);
}
});
|
