hello, I think there is an error line 109 of the controllers.js file

ugent must be replaced by urgent

When I quit the current tab, the tasks I added is gone. Is this how it should work, or am I missing something?

If that's how it should, can I use PouchDB to persist the data, and how can I do it? Any suggestions on what tutorials or resources I can follow?

The Splitter id should be given in ons-splitter-side, only then the side menu would work.

When using CDN or last local onsenui version, all Ionicons are dead.

I get these errors when i try to run the index file locally.

internal.js:147 XMLHttpRequest cannot load file:///C:/app/Todo-App-Onsen/html/menu.html. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
(anonymous) @ internal.js:147
(anonymous) @ internal.js:132
(anonymous) @ setImmediate.js:48
runIfPresent @ setImmediate.js:67
onGlobalMessage @ setImmediate.js:113
postMessage (async)
setImmediate @ setImmediate.js:125
(anonymous) @ internal.js:126
internal.getTemplateHTMLAsync @ internal.js:125
getPage @ internal.js:165
internal.getPageHTMLAsync @ internal.js:181
load @ ons-splitter-side.js:686
(anonymous) @ ons-splitter-side.js:530
(anonymous) @ setImmediate.js:48
runIfPresent @ setImmediate.js:67
onGlobalMessage @ setImmediate.js:113
postMessage (async)
setImmediate @ setImmediate.js:125
ready @ ons-splitter-side.js:42
_updatePage @ ons-splitter-side.js:530
_update @ ons-splitter-side.js:487
(anonymous) @ ons-splitter-side.js:469
(anonymous) @ ons-splitter-side.js:469
(anonymous) @ content-ready.js:41
consumeQueue @ content-ready.js:41
contentReady @ content-ready.js:48
attachedCallback @ ons-splitter-side.js:468
(anonymous) @ index.js:438
run @ index.js:432
Promise resolved (async)
(anonymous) @ internal.js:131
(anonymous) @ setImmediate.js:48
runIfPresent @ setImmediate.js:67
onGlobalMessage @ setImmediate.js:113
postMessage (async)
setImmediate @ setImmediate.js:125
(anonymous) @ internal.js:126
internal.getTemplateHTMLAsync @ internal.js:125
getPage @ internal.js:165
internal.getPageHTMLAsync @ internal.js:181
(anonymous) @ index.js:445
_pushPage @ index.js:466
pushPage @ index.js:445
(anonymous) @ index.js:242
ready @ index.js:53
attachedCallback @ index.js:240
internal.js:145 Uncaught Error: The page is not found: html/menu.html
at XMLHttpRequest.xhr.onerror (internal.js:145)
at internal.js:147
at internal.js:132
at setImmediate.js:48
at runIfPresent (setImmediate.js:67)
at onGlobalMessage (setImmediate.js:113)
xhr.onerror @ internal.js:145
(anonymous) @ internal.js:147
(anonymous) @ internal.js:132
(anonymous) @ setImmediate.js:48
runIfPresent @ setImmediate.js:67
onGlobalMessage @ setImmediate.js:113
XMLHttpRequest.send (async)
(anonymous) @ internal.js:147
(anonymous) @ internal.js:132
(anonymous) @ setImmediate.js:48
runIfPresent @ setImmediate.js:67
onGlobalMessage @ setImmediate.js:113
postMessage (async)
setImmediate @ setImmediate.js:125
(anonymous) @ internal.js:126
internal.getTemplateHTMLAsync @ internal.js:125
getPage @ internal.js:165
internal.getPageHTMLAsync @ internal.js:181
load @ ons-splitter-side.js:686
(anonymous) @ ons-splitter-side.js:530
(anonymous) @ setImmediate.js:48
runIfPresent @ setImmediate.js:67
onGlobalMessage @ setImmediate.js:113
postMessage (async)
setImmediate @ setImmediate.js:125
ready @ ons-splitter-side.js:42
_updatePage @ ons-splitter-side.js:530
_update @ ons-splitter-side.js:487
(anonymous) @ ons-splitter-side.js:469
(anonymous) @ ons-splitter-side.js:469
(anonymous) @ content-ready.js:41
consumeQueue @ content-ready.js:41
contentReady @ content-ready.js:48
attachedCallback @ ons-splitter-side.js:468
(anonymous) @ index.js:438
run @ index.js:432
Promise resolved (async)
(anonymous) @ internal.js:131
(anonymous) @ setImmediate.js:48
runIfPresent @ setImmediate.js:67
onGlobalMessage @ setImmediate.js:113
postMessage (async)
setImmediate @ setImmediate.js:125
(anonymous) @ internal.js:126
internal.getTemplateHTMLAsync @ internal.js:125
getPage @ internal.js:165
internal.getPageHTMLAsync @ internal.js:181
(anonymous) @ index.js:445
_pushPage @ index.js:466
pushPage @ index.js:445
(anonymous) @ index.js:242
ready @ index.js:53
attachedCallback @ index.js:240
internal.js:147 XMLHttpRequest cannot load file:///C:/app/Todo-App-Onsen/html/pending_tasks.html. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
(anonymous) @ internal.js:147
(anonymous) @ internal.js:132
(anonymous) @ setImmediate.js:48
runIfPresent @ setImmediate.js:67
onGlobalMessage @ setImmediate.js:113
postMessage (async)
setImmediate @ setImmediate.js:125
(anonymous) @ internal.js:126
internal.getTemplateHTMLAsync @ internal.js:125
getPage @ internal.js:165
internal.getPageHTMLAsync @ internal.js:181
_createPageElement @ ons-tab.js:326
_loadPageElement @ ons-tab.js:295
_ret.v @ index.js:527
(anonymous) @ index.js:526
setActiveTab @ index.js:493
(anonymous) @ ons-tab.js:357
(anonymous) @ setImmediate.js:48
runIfPresent @ setImmediate.js:67
onGlobalMessage @ setImmediate.js:113
postMessage (async)
setImmediate @ setImmediate.js:125
(anonymous) @ ons-tab.js:357
ready @ index.js:46
(anonymous) @ ons-tab.js:356
(anonymous) @ ons-tab.js:353
(anonymous) @ content-ready.js:41
consumeQueue @ content-ready.js:41
contentReady @ content-ready.js:48
attachedCallback @ ons-tab.js:343
(anonymous) @ ons-splitter-content.js:140
link @ ons-splitter-content.js:39
(anonymous) @ ons-splitter-content.js:136
(anonymous) @ ons-splitter-content.js:135
Promise resolved (async)
(anonymous) @ internal.js:131
(anonymous) @ setImmediate.js:48
runIfPresent @ setImmediate.js:67
onGlobalMessage @ setImmediate.js:113
postMessage (async)
setImmediate @ setImmediate.js:125
(anonymous) @ internal.js:126
internal.getTemplateHTMLAsync @ internal.js:125
getPage @ internal.js:165
internal.getPageHTMLAsync @ internal.js:181
load @ ons-splitter-content.js:135
(anonymous) @ ons-splitter-content.js:100
(anonymous) @ setImmediate.js:48
runIfPresent @ setImmediate.js:67
onGlobalMessage @ setImmediate.js:113
postMessage (async)
setImmediate @ setImmediate.js:125
ready @ ons-splitter-content.js:29
attributeChangedCallback @ ons-splitter-content.js:100
attachedCallback @ ons-splitter-content.js:93
(anonymous) @ index.js:438
run @ index.js:432
internal.js:145 Uncaught Error: The page is not found: html/pending_tasks.html
at XMLHttpRequest.xhr.onerror (internal.js:145)
at internal.js:147
at internal.js:132
at setImmediate.js:48
at runIfPresent (setImmediate.js:67)
at onGlobalMessage (setImmediate.js:113)
xhr.onerror @ internal.js:145
(anonymous) @ internal.js:147
(anonymous) @ internal.js:132
(anonymous) @ setImmediate.js:48
runIfPresent @ setImmediate.js:67
onGlobalMessage @ setImmediate.js:113
XMLHttpRequest.send (async)
(anonymous) @ internal.js:147
(anonymous) @ internal.js:132
(anonymous) @ setImmediate.js:48
runIfPresent @ setImmediate.js:67
onGlobalMessage @ setImmediate.js:113
postMessage (async)
setImmediate @ setImmediate.js:125
(anonymous) @ internal.js:126
internal.getTemplateHTMLAsync @ internal.js:125
getPage @ internal.js:165
internal.getPageHTMLAsync @ internal.js:181
_createPageElement @ ons-tab.js:326
_loadPageElement @ ons-tab.js:295
_ret.v @ index.js:527
(anonymous) @ index.js:526
setActiveTab @ index.js:493
(anonymous) @ ons-tab.js:357
(anonymous) @ setImmediate.js:48
runIfPresent @ setImmediate.js:67
onGlobalMessage @ setImmediate.js:113
postMessage (async)
setImmediate @ setImmediate.js:125
(anonymous) @ ons-tab.js:357
ready @ index.js:46
(anonymous) @ ons-tab.js:356
(anonymous) @ ons-tab.js:353
(anonymous) @ content-ready.js:41
consumeQueue @ content-ready.js:41
contentReady @ content-ready.js:48
attachedCallback @ ons-tab.js:343
(anonymous) @ ons-splitter-content.js:140
link @ ons-splitter-content.js:39
(anonymous) @ ons-splitter-content.js:136
(anonymous) @ ons-splitter-content.js:135
Promise resolved (async)
(anonymous) @ internal.js:131
(anonymous) @ setImmediate.js:48
runIfPresent @ setImmediate.js:67
onGlobalMessage @ setImmediate.js:113
postMessage (async)
setImmediate @ setImmediate.js:125
(anonymous) @ internal.js:126
internal.getTemplateHTMLAsync @ internal.js:125
getPage @ internal.js:165
internal.getPageHTMLAsync @ internal.js:181
load @ ons-splitter-content.js:135
(anonymous) @ ons-splitter-content.js:100
(anonymous) @ setImmediate.js:48
runIfPresent @ setImmediate.js:67
onGlobalMessage @ setImmediate.js:113
postMessage (async)
setImmediate @ setImmediate.js:125
ready @ ons-splitter-content.js:29
attributeChangedCallback @ ons-splitter-content.js:100
attachedCallback @ ons-splitter-content.js:93
(anonymous) @ index.js:438
run @ index.js:432
internal.js:147 XMLHttpRequest cannot load file:///C:/app/Todo-App-Onsen/html/completed_tasks.html. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
(anonymous) @ internal.js:147
(anonymous) @ internal.js:132
(anonymous) @ setImmediate.js:48
runIfPresent @ setImmediate.js:67
onGlobalMessage @ setImmediate.js:113
postMessage (async)
setImmediate @ setImmediate.js:125
(anonymous) @ internal.js:126
internal.getTemplateHTMLAsync @ internal.js:125
getPage @ internal.js:165
internal.getPageHTMLAsync @ internal.js:181
_createPageElement @ ons-tab.js:326
(anonymous) @ ons-tab.js:363
(anonymous) @ setImmediate.js:48
runIfPresent @ setImmediate.js:67
onGlobalMessage @ setImmediate.js:113
postMessage (async)
setImmediate @ setImmediate.js:125
(anonymous) @ ons-tab.js:361
ready @ index.js:46
(anonymous) @ ons-tab.js:360
(anonymous) @ content-ready.js:41
consumeQueue @ content-ready.js:41
contentReady @ content-ready.js:48
attachedCallback @ ons-tab.js:343
(anonymous) @ ons-splitter-content.js:140
link @ ons-splitter-content.js:39
(anonymous) @ ons-splitter-content.js:136
(anonymous) @ ons-splitter-content.js:135
Promise resolved (async)
(anonymous) @ internal.js:131
(anonymous) @ setImmediate.js:48
runIfPresent @ setImmediate.js:67
onGlobalMessage @ setImmediate.js:113
postMessage (async)
setImmediate @ setImmediate.js:125
(anonymous) @ internal.js:126
internal.getTemplateHTMLAsync @ internal.js:125
getPage @ internal.js:165
internal.getPageHTMLAsync @ internal.js:181
load @ ons-splitter-content.js:135
(anonymous) @ ons-splitter-content.js:100
(anonymous) @ setImmediate.js:48
runIfPresent @ setImmediate.js:67
onGlobalMessage @ setImmediate.js:113
postMessage (async)
setImmediate @ setImmediate.js:125
ready @ ons-splitter-content.js:29
attributeChangedCallback @ ons-splitter-content.js:100
attachedCallback @ ons-splitter-content.js:93
(anonymous) @ index.js:438
run @ index.js:432
internal.js:145 Uncaught Error: The page is not found: html/completed_tasks.html
at XMLHttpRequest.xhr.onerror (internal.js:145)
at internal.js:147
at internal.js:132
at setImmediate.js:48
at runIfPresent (setImmediate.js:67)
at onGlobalMessage (setImmediate.js:113)

Thanks for providing such great sample app to demonstrate the greatness of v2.0 of OnsenUI. The codes are well organized and the service.js is a good design which makes the code more readable. But I find tab-bar components looks not good on some versions of Android phone. Here are the image links.

[deviceInfo_1]http://chuantu.biz/t2/30/1457145760x2016702825.jpg
[tabbar_1]http://chuantu.biz/t2/30/1457146579x2016702855.png

[deviceInfo_2]http://chuantu.biz/t2/30/1457146649x2016702855.png
[tabbar_2]http://chuantu.biz/t2/30/1457146689x2016702855.png

PS: This App can't work on Android version 4.0.4, only the toolbar on the top of the screen and nothing else shows. Nothing happened when clicked on any part of the screen.

I tried to run this application on Tizen TM1 by writing my own config.xml
and on press event are not working like on firefox:
https://frankdiox.github.io/OnsenUI-Todo-App/

Are you interested into supporting tizen html5 webapps framework ?
If yes please check thoses hints:

https://wiki.tizen.org/wiki/Cordova

Hi,

I tried downloading the code, and running it without modifying anything. I opened index.html directly like a file in my browser. The controls don't work. I can see the UI like "Pending", "Completed" tab, and "New". But when I click on "New" nothing happens. When I click on the Menu icon, nothing happens as well. Am I doing something wrong? Can the app be opened directly in a browser?