Mobile Booru

Overview

A small booru image viewer. Supports any danbooru forked image board with json api.

Release 0.1.0 Beta

Mobile Booru v0.1.1

Release 0.1.1 Beta

Mobile Booru v0.1.0 Beta

To-Do

Version 0.1.1

1. find all differences in api types
2. add api detection
3. create api model
4. move all api specific code to api class methods
5. try fixed width thumbnail size

Later

1. keyboard shortcuts
2. find a way to handle videos
3. deactivate prev and next buttons on settings page
4. create model for json responses
   1. one for each api type
   2. Zenbooru (全ボール) is a client for image boards implementing the Gelbooru v0.2, Danbooru (v1 & v2) and Moebooru APIs and supporting booru.org sites.
   • Gelbooru v0.2
   • Danbooru (v1 & v2)
   • Moebooru
   • booru.org
   • e621.net - partial support tested
5. create settings page
   1. add base url change option in settings
   2. add api change based on base url
   3. auto screen rotate option in settings
6. add user login
7. load full image in higher resolution

API Object

• Each API type will subclass an APIObject
• Each parameter in the API that is used will be mapped to a common name
• Find a method of accurately fingerprinting an api type based off of json fields

var api = {
    init() {
    // init stuff
    this.id = 0;
    this.url_file = "";
    this.url_large_file = "";
    this.url_preview = "";
    this.tags = [];
    this.author = "";
    this.date_created = ""; // convert to datetime object with class method
    this.date_other stuff = "";
    },
}

Done

1. change .app width in css
2. add swipe for paging on main page
3. refresh main page function
   1. remove all images from main page
   2. populate with most recent thumbs
4. add swipe for paging on main page
5. add swipe for next image
6. reflow main page thumbs into grid 3x6
7. Create new logo and icons
8. change default baseurl to SFW booru
9. add base url change option in settings
10. release version 0.1.0
11. fix settings screen
12. feature disable swipeleft and swiperight while scale != 1
13. pinch to zoom page 2 images
    1. hammer.js for pinch to zoom and swipe
    2. this is neat css
    3. p2z in css3
    4. jquery mobile option
    5. viewport docs
14. add baseurl setting
15. add list images per page setting
16. add tag search setting
17. save settings in persist