0
|
1 |
// ////////////////////////////////////////////////////////////////////////////
|
5
|
2 |
// Symbian Foundation Example Code
|
|
3 |
//
|
|
4 |
// This software is in the public domain. No copyright is claimed, and you
|
|
5 |
// may use it for any purpose without license from the Symbian Foundation.
|
|
6 |
// No warranty for any purpose is expressed or implied by the authors or
|
|
7 |
// the Symbian Foundation.
|
0
|
8 |
// ////////////////////////////////////////////////////////////////////////////
|
|
9 |
|
|
10 |
|
|
11 |
///////////////////////////////////////////////////////////////////////////////
|
5
|
12 |
// A widget for accessing developer.symbian.org
|
0
|
13 |
|
|
14 |
|
|
15 |
// Reference to the WRTKit user interface manager and main view.
|
|
16 |
var uiManager;
|
|
17 |
|
|
18 |
// Global settings / URLs and such
|
|
19 |
|
|
20 |
// Symbian.org web site base URL
|
|
21 |
//var symbianOrgBaseUrl = "http://staging.foundationhost.org";
|
|
22 |
//var symbianOrgBaseUrlSsl = "https://staging.foundationhost.org";
|
|
23 |
var symbianOrgBaseUrl = "http://developer.symbian.org";
|
|
24 |
var symbianOrgBaseUrlSsl = "https://developer.symbian.org";
|
|
25 |
var registrationURL = symbianOrgBaseUrl + "/main/user_profile/register.php";
|
|
26 |
var blogFeedName = "Symbian Blog";
|
|
27 |
var blogFeedUrl = "http://blog.symbian.org/feed/";
|
|
28 |
|
|
29 |
// FORUM vars and settings
|
|
30 |
var symbianOrgNewThreadUrl = symbianOrgBaseUrl+"/forum/newthread.php?";
|
|
31 |
var symbianOrgNewReplyUrl = symbianOrgBaseUrl+"/forum/newreply.php?";
|
|
32 |
var symbianOrgLoginUrl = symbianOrgBaseUrlSsl+"/main/user_profile/login.php";
|
|
33 |
var symbianOrgLoginUsernameField = "username";
|
|
34 |
var symbianOrgLoginPasswordField = "password";
|
|
35 |
var forumUsername = null ;
|
|
36 |
var forumPassword = null;
|
|
37 |
|
|
38 |
// Feed name, URL etc for forums
|
|
39 |
var forumFeedName = "Symbian.org Forums";
|
2
|
40 |
var forumFeedURL = symbianOrgBaseUrl+ "/forum/external2.php?type=rss2"; //&fulldesc=1&lastpost=1
|
0
|
41 |
var forumsForumSpecQuery = "&forumid=";
|
|
42 |
var forumFeedUpdateFrequency = -1;
|
|
43 |
|
|
44 |
var forumGroupsUrl = symbianOrgBaseUrl+ "/rss/forum.php?type=groups";
|
|
45 |
var forumsListUrl = symbianOrgBaseUrl+ "/rss/forum.php?type=forums&group=";
|
|
46 |
var forumThreadUrl = symbianOrgBaseUrl+ "/rss/forum.php?type=threadmsgs&threadid=";
|
|
47 |
|
|
48 |
// Wiki url etc
|
|
49 |
var wikiFeedName = "New on Symbian.org Wiki";
|
|
50 |
var wikiFeedUrl = symbianOrgBaseUrl+"/wiki/index.php?title=Special:NewPages&feed=rss";
|
|
51 |
var wikiBaseUrl = symbianOrgBaseUrl+"/wiki/index.php";
|
|
52 |
|
|
53 |
// Update variables
|
5
|
54 |
var myversion = "1.0rc9";
|
0
|
55 |
var versionWikiPageUrl = wikiBaseUrl + "/Symbian.org_WRT_Widget";
|
|
56 |
var versionWikiPageString = "Current widget version is [";
|
|
57 |
var downloadUrl = symbianOrgBaseUrl + "/wiki/images/c/c5/Symbian.org.wgz";
|
|
58 |
|
|
59 |
// UI elements
|
|
60 |
|
|
61 |
// blog / forum instances
|
|
62 |
// all are SOScreen subclasses
|
|
63 |
var home; // home screen
|
|
64 |
var blog; // RSSReader showing blog
|
|
65 |
var wiki; // RSSReader showing wiki
|
|
66 |
var bugzila; // RSSReader showing bugzilla feeds
|
|
67 |
var forumGroups; // RSSReader showing list of forum groups
|
|
68 |
var settings;
|
|
69 |
var about;
|
|
70 |
|
|
71 |
// currently showing SOScreen
|
|
72 |
var currentScreen = null;
|
|
73 |
|
|
74 |
// Controls for the settings view
|
|
75 |
var forumUsernameControl;
|
|
76 |
var forumPasswordControl;
|
|
77 |
|
|
78 |
// Constants for menu item identifiers.
|
|
79 |
var MENU_ITEM_SETTINGS = 0;
|
|
80 |
var MENU_ITEM_REFRESH = 1;
|
|
81 |
var MENU_ITEM_ABOUT = 2;
|
|
82 |
var MENU_ITEM_CHECK_UPDATE = 3;
|
2
|
83 |
var MENU_ITEM_LARGER_FONT = 4;
|
|
84 |
var MENU_ITEM_SMALLER_FONT = 5;
|
0
|
85 |
|
|
86 |
// Flag indicating weather the web site login has been initiated
|
|
87 |
var loginInitiated = false;
|
|
88 |
var loginInitiatedCallback = null;
|
|
89 |
|
|
90 |
|
|
91 |
var widgetHomepage = symbianOrgBaseUrl + "/wiki/index.php?title=Symbian.org_WRT_Widget&action=render";
|
|
92 |
var aboutText = "<strong>Symbian.org "+myversion+"</strong><br>"
|
|
93 |
+ "Symbian.org WRT Widget is a Web Runtime application which allows mobile "
|
|
94 |
+ "access to Symbian Foundation Forums, Blog, Wiki and Bugzilla. <br>"
|
|
95 |
+ "For more information and updates check <div class=FeedItemLink>"
|
|
96 |
+ "<a href=\"JavaScript:void(0)\" onclick=\"openURL('"
|
|
97 |
+ widgetHomepage
|
|
98 |
+ "'); return false;\">"
|
|
99 |
+" Symbian.org Widget Homepage </a> </div><p>"
|
|
100 |
+ "Credits: Ivan Litovski, Ryan Grentz, James Mentz";
|
|
101 |
|
|
102 |
|
2
|
103 |
var currentFontSize = 14;
|
|
104 |
|
|
105 |
|
0
|
106 |
// Called from the onload event handler to initialize the widget.
|
|
107 |
function init() {
|
|
108 |
|
|
109 |
// set tab-navigation mode and show softkeys
|
|
110 |
// (only if we are in the WRT environment)
|
|
111 |
if (window.widget) {
|
|
112 |
widget.setNavigationEnabled(false);
|
|
113 |
window.menu.showSoftkeys();
|
|
114 |
// create menu
|
|
115 |
var refreshMenuItem = new MenuItem("Refresh", MENU_ITEM_REFRESH);
|
|
116 |
refreshMenuItem.onSelect = menuItemSelected;
|
|
117 |
menu.append(refreshMenuItem);
|
2
|
118 |
var settingsMenuItem = new MenuItem("Settings", MENU_ITEM_SETTINGS);
|
|
119 |
settingsMenuItem.onSelect = menuItemSelected;
|
|
120 |
menu.append(settingsMenuItem);
|
|
121 |
var updateMenuItem = new MenuItem("Check for updates", MENU_ITEM_CHECK_UPDATE);
|
|
122 |
updateMenuItem.onSelect = menuItemSelected;
|
|
123 |
menu.append(updateMenuItem);
|
|
124 |
var largerFontMenuItem = new MenuItem("Larger font", MENU_ITEM_LARGER_FONT);
|
|
125 |
largerFontMenuItem.onSelect = menuItemSelected;
|
|
126 |
menu.append(largerFontMenuItem);
|
|
127 |
var smallerFontMenuItem = new MenuItem("Smaller font", MENU_ITEM_SMALLER_FONT);
|
|
128 |
smallerFontMenuItem.onSelect = menuItemSelected;
|
|
129 |
menu.append(smallerFontMenuItem);
|
0
|
130 |
var aboutMenuItem = new MenuItem("About", MENU_ITEM_ABOUT);
|
|
131 |
aboutMenuItem.onSelect = menuItemSelected;
|
|
132 |
menu.append(aboutMenuItem);
|
|
133 |
}
|
|
134 |
|
|
135 |
// load prefs
|
|
136 |
if (!forumUsername || !forumPassword) {
|
|
137 |
loadPreferences();
|
|
138 |
}
|
|
139 |
|
|
140 |
// create UI manager
|
|
141 |
uiManager = new UIManager();
|
|
142 |
|
|
143 |
// Create the home view
|
|
144 |
home = new ListView(null, "<img src=logo.png>");
|
|
145 |
|
|
146 |
// add forums button
|
|
147 |
var forumsButton = new NavigationButton(1, "right.gif", "Forums")
|
|
148 |
forumsButton.addEventListener("ActionPerformed", function(){forumGroups.show();});
|
|
149 |
home.addControl(forumsButton);
|
|
150 |
|
|
151 |
// add blogs button
|
|
152 |
var blogsButton = new NavigationButton(2, "right.gif", "Blogs")
|
|
153 |
blogsButton.addEventListener("ActionPerformed", function(){blog.show();});
|
|
154 |
home.addControl(blogsButton);
|
|
155 |
|
|
156 |
// add wiki button
|
|
157 |
var wikiButton = new NavigationButton(3, "right.gif", "Wiki")
|
|
158 |
wikiButton.addEventListener("ActionPerformed", function(){wiki.show();});
|
|
159 |
home.addControl(wikiButton);
|
|
160 |
|
|
161 |
// add bugzilla button
|
|
162 |
var bugzillaButton = new NavigationButton(3, "right.gif", "Bugzilla")
|
|
163 |
bugzillaButton.addEventListener("ActionPerformed", function(){login(function(){bugzilla.show();});});
|
|
164 |
home.addControl(bugzillaButton);
|
|
165 |
|
|
166 |
// soft keys
|
|
167 |
home.setupSoftKeys = function() {
|
|
168 |
if (window.widget) {
|
|
169 |
menu.setRightSoftkeyLabel("Exit", function(){window.close();});
|
|
170 |
}
|
|
171 |
}
|
|
172 |
|
|
173 |
// create blog screen
|
|
174 |
blog = new RssReader(blogFeedName, blogFeedUrl, null, home, null);
|
|
175 |
|
|
176 |
// create wiki screen
|
|
177 |
wiki = new RssReader(wikiFeedName, wikiFeedUrl, new ButtonFeedPresenter(null), home, null);
|
|
178 |
|
|
179 |
// wiki feed contains full article text for many articles
|
|
180 |
// this takes up a _lot_ of memory. Also we don't
|
|
181 |
// really want the full text at the stage when we want a list
|
|
182 |
// of recent articles.
|
|
183 |
wiki.ignoreContent = true;
|
|
184 |
|
|
185 |
wiki.maxItems = 20;
|
|
186 |
|
|
187 |
bugzilla = new BugzillaSearchPanel(home);
|
|
188 |
|
|
189 |
// create the top level forums screen - list of forum groups
|
|
190 |
// forumsGroup, forum and thread screens are dynamically generated by forumGroups
|
|
191 |
forumGroups = new RssReader("Forums", forumGroupsUrl, new ForumGroupsFeedPresenter(null), home, forumGroupsResponseParser);
|
|
192 |
|
|
193 |
// create settings view
|
|
194 |
settings = new ListView(null, createCaption("Settings"));
|
|
195 |
settings.previousView = home;
|
|
196 |
|
|
197 |
var settingsIntroLabel = new Label(null, null,
|
|
198 |
"In order to access all site features, you must login. "
|
|
199 |
+ "If you have not registered yet, please click the 'Register' button below.");
|
|
200 |
|
|
201 |
settings.addControl(settingsIntroLabel);
|
|
202 |
// forum username control
|
|
203 |
forumUsernameControl = new TextField('forumUsername', "Symbian.org username", forumUsername?forumUsername:"");
|
|
204 |
settings.addControl(forumUsernameControl);
|
|
205 |
|
|
206 |
// forum password control
|
|
207 |
forumPasswordControl = new TextField('forumPassword', "Symbian.org password", forumPassword?forumPassword:"", true);
|
|
208 |
settings.addControl(forumPasswordControl);
|
|
209 |
|
|
210 |
// save settings button
|
|
211 |
settingsSaveButton = new FormButton(null, "Save");
|
|
212 |
settingsSaveButton.addEventListener("ActionPerformed", saveSettingsClicked);
|
|
213 |
settings.addControl(settingsSaveButton);
|
|
214 |
|
|
215 |
|
|
216 |
// cancel settings button
|
|
217 |
var settingsRegisterButton = new FormButton(null, "Register");
|
|
218 |
settingsRegisterButton.addEventListener("ActionPerformed", function(){openURL(registrationURL);});
|
|
219 |
settings.addControl(settingsRegisterButton);
|
|
220 |
|
|
221 |
// cancel settings button
|
|
222 |
settingsCancelButton = new FormButton(null, "Cancel");
|
|
223 |
settingsCancelButton.addEventListener("ActionPerformed", function(){settings.goBack();});
|
|
224 |
settings.addControl(settingsCancelButton);
|
|
225 |
|
|
226 |
//Create about view
|
|
227 |
about = new ListView(null, createCaption("Symbian.org"));
|
|
228 |
about.previousView = home;
|
|
229 |
// About label control
|
|
230 |
aboutLabel = new ContentPanel(null, null, null, true);
|
|
231 |
aboutLabel.setCaption("About this Widget");
|
|
232 |
aboutLabel.setContent(aboutText);
|
|
233 |
aboutLabel.setExpanded(true);
|
|
234 |
about.addControl(aboutLabel);
|
|
235 |
|
|
236 |
home.show();
|
2
|
237 |
setDefaultFontSizeForScreenSize();
|
0
|
238 |
login(null);
|
|
239 |
}
|
|
240 |
|
|
241 |
// Callback for when menu items are selected.
|
|
242 |
function menuItemSelected(id) {
|
|
243 |
var currentView = uiManager.getView();
|
|
244 |
switch (id) {
|
|
245 |
case MENU_ITEM_SETTINGS:
|
|
246 |
if ( currentView == settings || currentView == about) {
|
|
247 |
settings.previousView = home;
|
|
248 |
} else {
|
|
249 |
settings.previousView = currentView;
|
|
250 |
}
|
|
251 |
uiManager.hideNotification();
|
|
252 |
settings.show();
|
|
253 |
break;
|
|
254 |
case MENU_ITEM_REFRESH:
|
|
255 |
currentView.update(true);
|
|
256 |
break;
|
2
|
257 |
case MENU_ITEM_LARGER_FONT:
|
|
258 |
increaseFontSize();
|
|
259 |
break;
|
|
260 |
case MENU_ITEM_SMALLER_FONT:
|
|
261 |
decreaseFontSize();
|
|
262 |
break;
|
0
|
263 |
case MENU_ITEM_CHECK_UPDATE:
|
|
264 |
checkForUpdates();
|
|
265 |
break;
|
|
266 |
case MENU_ITEM_ABOUT:
|
|
267 |
if ( currentView == settings || currentView == about) {
|
|
268 |
about.previousView = home;
|
|
269 |
} else {
|
|
270 |
about.previousView = currentView;
|
|
271 |
}
|
|
272 |
about.show();
|
|
273 |
break;
|
|
274 |
}
|
|
275 |
}
|
|
276 |
|
|
277 |
// Loads widget preferences.
|
|
278 |
function loadPreferences() {
|
|
279 |
if (window.widget) {
|
|
280 |
// load settings from widget preferences store
|
|
281 |
forumUsername = widget.preferenceForKey("forumUsername");
|
|
282 |
forumPassword = widget.preferenceForKey("forumPassword");
|
|
283 |
}
|
|
284 |
}
|
|
285 |
|
|
286 |
// Loads widget preferences.
|
|
287 |
function savePreferences() {
|
|
288 |
if (window.widget) {
|
|
289 |
// save settings in widget preferences store
|
|
290 |
widget.setPreferenceForKey(forumUsername, "forumUsername");
|
|
291 |
widget.setPreferenceForKey(forumPassword, "forumPassword");
|
|
292 |
}
|
|
293 |
}
|
|
294 |
|
|
295 |
// Callback for settings view save button.
|
|
296 |
function saveSettingsClicked() {
|
|
297 |
forumUsername = forumUsernameControl.getText();
|
|
298 |
forumPassword = forumPasswordControl.getText();
|
|
299 |
|
|
300 |
// save preferences
|
|
301 |
savePreferences();
|
|
302 |
|
|
303 |
settings.goBack();
|
|
304 |
|
|
305 |
if ( loginInitiated ) {
|
|
306 |
login(loginInitiatedCallback);
|
|
307 |
}
|
|
308 |
}
|
|
309 |
|
|
310 |
// Opens a URL in a separate browser window
|
|
311 |
function openURL(url) {
|
|
312 |
if (window.widget) {
|
|
313 |
// in WRT
|
|
314 |
widget.openURL(url);
|
|
315 |
} else {
|
|
316 |
// outside WRT
|
|
317 |
window.open(url, "NewWindow");
|
|
318 |
}
|
|
319 |
}
|
|
320 |
|
|
321 |
var updatePageAjax = null;
|
|
322 |
|
|
323 |
function checkForUpdates() {
|
|
324 |
uiManager.showNotification(-1, "wait", "Checking for updates...", -1);
|
|
325 |
updatePageAjax = new Ajax();
|
|
326 |
updatePageAjax.onreadystatechange = checkForUpdatesStage2;
|
3
|
327 |
updatePageAjax.open('GET', nocache(versionWikiPageUrl), true);
|
0
|
328 |
updatePageAjax.send(null);
|
|
329 |
}
|
|
330 |
|
|
331 |
function checkForUpdatesStage2() {
|
|
332 |
if (updatePageAjax.readyState == 4) {
|
|
333 |
// extract version number
|
|
334 |
var content = updatePageAjax.responseText;
|
|
335 |
var ind = content.indexOf(versionWikiPageString);
|
|
336 |
if ( ind == -1 ) {
|
|
337 |
uiManager.showNotification(3000, "warning", "Update failed, check manually.");
|
|
338 |
return;
|
|
339 |
}
|
|
340 |
ind += versionWikiPageString.length;
|
|
341 |
var ind2 = content.indexOf("]",ind);
|
|
342 |
if ( ind2 == -1 || (ind2-ind) > 10 ) {
|
|
343 |
uiManager.showNotification(3000, "warning", "Update failed, check manually.");
|
|
344 |
return;
|
|
345 |
}
|
|
346 |
var version = content.substring(ind,ind2);
|
|
347 |
// compare to this version
|
|
348 |
if ( version != myversion ) {
|
|
349 |
var answer = confirm("Install new version " + version + "?");
|
|
350 |
if (answer) {
|
|
351 |
// ok, we have the update
|
|
352 |
uiManager.hideNotification();
|
3
|
353 |
openURL(nocache(downloadUrl));
|
2
|
354 |
setTimeout(function () {window.close();}, 1000);
|
0
|
355 |
} else {
|
|
356 |
uiManager.showNotification(3000, "info", "Update cancelled.");
|
|
357 |
}
|
|
358 |
} else {
|
|
359 |
uiManager.showNotification(3000, "info", "Up to date!");
|
|
360 |
}
|
|
361 |
}
|
|
362 |
}
|
|
363 |
|
|
364 |
function createCaption(caption) {
|
|
365 |
if (caption.length > 30) {
|
|
366 |
caption = caption.substring(0, 30) + "...";
|
|
367 |
}
|
2
|
368 |
return "<table border=0><tr><td style=\"{vertical-align:middle}\">"
|
|
369 |
+ "<img src=titlebar.png style=\"{vertical-align:middle}\" >"
|
|
370 |
+ "</td><td style=\"{vertical-align:middle}\"> "
|
|
371 |
+ "<p class=ListViewCaptionText>" + caption +"</p></td></tr></table>";
|
0
|
372 |
}
|
2
|
373 |
|
|
374 |
function setDefaultFontSizeForScreenSize(){
|
|
375 |
// first check if there is a preference present
|
|
376 |
if (window.widget) {
|
|
377 |
var saved = widget.preferenceForKey("fontsize");
|
|
378 |
if ( widget.preferenceForKey("fontsize") ) {
|
|
379 |
setCssBodyFontSize(parseInt(saved));
|
|
380 |
}
|
|
381 |
else {
|
|
382 |
// no preference available, check screen size
|
|
383 |
if (window.screen.width > 400 || window.screen.height > 400) {
|
|
384 |
// hi res screen, use large font
|
|
385 |
setCssBodyFontSize(18);
|
|
386 |
}
|
|
387 |
else {
|
|
388 |
// lo res screen, use small font
|
|
389 |
setCssBodyFontSize(14);
|
|
390 |
}
|
|
391 |
}
|
|
392 |
}
|
|
393 |
}
|
|
394 |
|
|
395 |
function increaseFontSize(){
|
|
396 |
if (window.widget) {
|
|
397 |
setCssBodyFontSize(currentFontSize + 2);
|
|
398 |
}
|
|
399 |
}
|
|
400 |
|
|
401 |
function decreaseFontSize(){
|
|
402 |
if (window.widget) {
|
|
403 |
if (currentFontSize > 4) {
|
|
404 |
setCssBodyFontSize(currentFontSize - 2);
|
|
405 |
}
|
|
406 |
}
|
|
407 |
}
|
|
408 |
|
|
409 |
function setCssBodyFontSize(size) {
|
|
410 |
if (window.widget) {
|
|
411 |
currentFontSize = size;
|
|
412 |
var sizestring = "" + size;
|
|
413 |
document.body.style.fontSize = sizestring + "px";
|
|
414 |
widget.setPreferenceForKey(sizestring, "fontsize");
|
|
415 |
}
|
|
416 |
}
|
3
|
417 |
|
|
418 |
function nocache(url) {
|
|
419 |
if (url.indexOf("?") == -1) {
|
|
420 |
url += "?";
|
|
421 |
} else {
|
|
422 |
url += "&";
|
|
423 |
}
|
|
424 |
url += "nocache=" + (new Date().getTime());
|
|
425 |
return url;
|
|
426 |
}
|