create user tv shows page

[andykais]

this is the most important page of the app, it displays a bar for each tv show currently being watched and shows one episode number past the furthest episode that they have watched, a.k.a. the next episode they will watch

[andykais]

for the main show page I want to make an api request for the main part of a users show data.

This is the data I want:

  "183122": {
    "title": "Adventure Time",
    "season": 2,
    "episode": 24,
    "episodesSeen": 34,
    "totalEpisodes": 108
  },
  "652123": {
    "title": "House of Cards",
    "season": 3,
    "episode": 14,
    "episodesSeen": 26,
    "totalEpisodes": 45
  }

[andykais]

Update: this is the new form of data, more complete

var showData = {
  "183122": {
    "title": "Adventure Time",
    "released": {
      "1": 22,
      "2": 22,
      "3": 28,
      "4": 30,
      "5": 20,
      "6": 43,
      "total": 165
    },
    "on" {
      "season": 2,
      "episode": 21
    },
    "seen": {
      "episodes": 44
    }
  },
  "652123": {
    "title": "House of Cards",
    "released": {
      "1": 15,
      "2": 20,
      "total": 35
    },
    "on": {
      "season": 1,
      "episode": 14
    },
    "seen": {
      "episodes": 14
    }
  }
}

[andykais]

Update update:

var showData = {
  "183122": {
    "title": "Adventure Time",
    "released": [22,22,28,30,20,43],
    "totalEpisodes": 165,
    "on": {
      "season": 2,
      "episode": 21
    },
    "seen": {
      "episodes": 44
    }
  },
  "652123": {
    "title": "House of Cards",
    "released": [15,20],
    "totalEpisodes": 25,
    "on": {
      "season": 1,
      "episode": 14
    },
    "seen": {
      "episodes": 14
    }
  }
}

[jowlee]

Created already