I love Asana. Its made me a lot more organized than I used to be.
I’d love to be able to check my tasks when I’m not at a computer, but my phone looks like this.
There’s no way the Asana app will load on its Opera Mini browser.
It does have email, though. And Asana lets me send tasks in via email.
Unfortunately, there seems to be no way to actually view all your tasks from a phone like this.
I wrote a small Sinatra app that pulls my tasks from Asana and displays them on a simple HTML page. It’s very rough around the edges, but works well enough for my needs. You can grab the code and set it up here.
There is no authentication yet, so anyone with a link can view your tasks.
This adds a button on each side of the page which allow navigating to the previous/next pages.
Pretty straight-forward so far. There’s two problems with this approach, though.
When a page is taller than the height of the viewport, a scrollbar shows up on all pages.
This is not too bad. We could probably live with this.
If we scroll way down on a page, and then switch page, the new page will preserve the scroll position of the previous page. This can be particularly annoying if you have one really tall page and another short page.
We solved this problem by caching the scroll position for each page, and then scrolling to that position when the page was changed.
To hook into the page change event, we need to pass a function into the Swipe.js initializer.