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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
|
enyo.kind({
name: "biblez.main",
kind: "FittableRows",
fit: true,
events: {
onOpenModuleManager: "",
onModuleChanged: "",
onOpenBC: ""
},
published: {
passage: ""
},
components:[
{kind: "Signals", onOrientationChange: "handleOrientation"},
//{kind: "Signals", onbeforeunload: "handleUnload"},
{name: "messagePopup", kind: "onyx.Popup", centered: true, floating: true, classes: "message-popup"},
{kind: "onyx.MoreToolbar", name: "topTB", components: [
{name: "moduleSelector", kind: "onyx.MenuDecorator", onSelect: "moduleSelected", components: [
{kind: "onyx.IconButton", src: "assets/modules.png"},
{kind: "onyx.Menu", name: "moduleMenu"}
]},
{kind: "onyx.Button", name: "btnPassage", ontap: "doOpenBC"},
{fit: true},
{name: "plus", kind: "onyx.IconButton", src: "assets/add.png", ontap: "doOpenModuleManager"}
/*{kind: "onyx.InputDecorator", components: [
{kind: "onyx.Input", placeholder: "Enter a passage...", onchange: "handlePassage", name: "passageInput", value: "Matt 1"}
]}*/
]},
{name: "mainPanel", kind: "Panels", fit: true, ondragfinish: "handleChangeChapter", onTransitionStart: "handlePanelIndex", arrangerKind: "LeftRightArranger", margin: 0, classes: "background", components: [
{},
{kind: "FittableColumns", noStretch: true, components: [
{fit: true},
{content: "< Previous", classes: "chapter-nav chapter-nav-left"}
]},
{name: "verseScroller", kind: "enyo.Scroller", touch: true, fit: true, components: [
{classes: "center", components: [{kind: "onyx.Spinner", name: "spinner", classes: "onyx-light center"}]},
{name: "main", classes: "nice-padding", allowHtml: true}
]},
{kind: "FittableColumns", noStretch: true, components: [
{content: "Next >", classes: "chapter-nav chapter-nav-right"},
{fit: true}
]},
{},
]},
],
currentModule: null,
currentPassage: "Matt 1",
modules: [],
panelIndex: 2,
settings: {id: "settings"},
create: function () {
this.inherited(arguments);
this.$.spinner.stop();
api.get("settings", enyo.bind(this, function(inError, inSettings) {
//console.log("create", inSettings, this.settings, inError);
if(!inError) {
this.settings = (inSettings) ? inSettings: this.settings;
this.getInstalledModules();
} else {
this.handleError("Couldn't load settings!");
}
}));
this.$.mainPanel.setIndexDirect(2);
},
rendered: function () {
this.inherited(arguments);
},
getInstalledModules: function (inSender, inEvent) {
sword.moduleMgr.getModules(enyo.bind(this, function(inError, inModules) {
if (!inError) {
if(inModules.length !== 0) {
this.$.moduleSelector.show();
this.$.btnPassage.show();
this.modules = inModules;
this.renderModuleMenu(this.modules);
} else {
this.$.moduleSelector.hide();
this.$.btnPassage.hide();
this.$.main.setContent("<center>" + $L("You have no modules installed. Tap on the '+' to install one!" + "</center>"));
}
} else {
this.handleError(inError);
}
}));
},
renderModuleMenu: function (inModules) {
if(!inModules)
inModules = this.modules;
if(this.settings)
var lastModule = this.settings.lastModule;
this.$.moduleMenu.destroyClientControls();
var mods = [];
this.modules.forEach(enyo.bind(this, function (mod, idx) {
if ((lastModule && lastModule === mod.modKey)) {
//mods.push({content: mod.config.moduleKey, index: idx, active: true, style: "background-color: lightblue"});
mods.push({active: true, components: [
{content: mod.config.moduleKey, index: idx},
{kind: "onyx.IconButton", src: "assets/checkmark.png", style: "float: right;"}
]});
this.currentModule = mod;
} else
mods.push({content: mod.config.moduleKey, index: idx});
}));
if(this.currentModule === null) {
this.currentModule = this.modules[0];
mods[0]["active"] = true;
}
this.$.moduleMenu.createComponents(mods, {owner: this.$.moduleMenu});
this.$.moduleMenu.render();
this.doModuleChanged({module: this.currentModule});
//Load the verses
if(this.settings)
this.currentPassage = (this.settings.lastRead) ? this.settings.lastRead : this.currentPassage;
this.handlePassage();
},
moduleSelected: function (inSender, inEvent) {
//console.log(inEvent.originator.index, this.settings);
if (!isNaN(inEvent.originator.index)) {
this.currentModule = this.modules[inEvent.originator.index];
this.settings["lastModule"] = this.currentModule.modKey;
this.handleUnload();
this.renderModuleMenu();
//this.doModuleChanged({module: this.currentModule});
//this.handlePassage();
}
},
passageChanged: function (inSender, inEvent) {
this.currentPassage = inEvent.book.abbrev + " " + inEvent.chapter;
this.handlePassage(inEvent.osis);
},
handlePassage: function (passage) {
//console.log("PASSAGE", inSender.getValue());
this.$.main.setContent("");
this.$.spinner.start();
this.currentPassage = (!passage) ? this.currentPassage : passage;
//Persist current passage
this.settings["lastRead"] = this.currentPassage;
this.handleUnload();
this.$.btnPassage.setContent(this.currentPassage.replace(".", " "));
this.currentModule.renderText(this.currentPassage, {oneVersePerLine: true}, enyo.bind(this, function (inError, inText) {
this.$.spinner.stop();
if(!inError) {
this.$.verseScroller.scrollToTop();
this.$.main.setContent(inText);
} else
this.handleError(inError.message);
}));
},
handleChangeChapter: function (inSender, inEvent) {
if(this.currentModule) {
if(this.panelIndex === 1) {
this.handlePassage(sword.verseKey.previous(this.currentPassage, this.currentModule.config.Versification).osis);
} else if(this.panelIndex === 3) {
this.handlePassage(sword.verseKey.next(this.currentPassage, this.currentModule.config.Versification).osis);
}
}
this.$.mainPanel.setIndexDirect(2);
},
handlePanelIndex: function (inSender, inEvent) {
this.panelIndex = inEvent.toIndex;
},
handleOrientation: function (inSender, inEvent) {
var orientation = screen.mozOrientation;
if (orientation === "portrait-primary" || orientation === "portrait-secondary" ) {
this.$.topTB.show();
}
else if (orientation === "landscape-primary" || orientation === "landscape-secondary" ) {
this.$.topTB.hide();
}
},
handleUnload: function (inSender, inEvent) {
api.put(this.settings);
},
handleError: function (inMessage) {
this.$.messagePopup.setContent(inMessage);
this.$.messagePopup.show();
}
});
|
