codecombat/app/views/play/MainPlayView.coffee

303 lines
11 KiB
CoffeeScript
Raw Normal View History

RootView = require 'views/kinds/RootView'
2014-01-03 13:32:13 -05:00
template = require 'templates/play'
LevelSession = require 'models/LevelSession'
CocoCollection = require 'collections/CocoCollection'
class LevelSessionsCollection extends CocoCollection
url: ''
model: LevelSession
constructor: (model) ->
super()
@url = "/db/user/#{me.id}/level.sessions?project=state.complete,levelID"
2014-01-03 13:32:13 -05:00
module.exports = class MainPlayView extends RootView
2014-06-30 22:16:26 -04:00
id: 'play-view'
2014-01-03 13:32:13 -05:00
template: template
constructor: (options) ->
super options
@levelStatusMap = {}
@sessions = new LevelSessionsCollection()
@sessions.fetch()
@listenToOnce @sessions, 'sync', @onSessionsLoaded
onSessionsLoaded: (e) ->
for session in @sessions.models
@levelStatusMap[session.get('levelID')] = if session.get('state')?.complete then 'complete' else 'started'
@render()
2014-02-11 17:58:45 -05:00
getRenderData: (context={}) ->
2014-01-03 13:32:13 -05:00
context = super(context)
context.home = true
context.notFound = @getQueryVariable 'not_found'
2014-01-03 13:32:13 -05:00
tutorials = [
{
name: 'Rescue Mission'
difficulty: 1
2014-01-03 13:32:13 -05:00
id: 'rescue-mission'
image: '/file/db/level/52740644904ac0411700067c/rescue_mission_icon.png'
2014-06-30 22:16:26 -04:00
description: 'Tharin has been captured!'
2014-01-03 13:32:13 -05:00
}
{
name: 'Grab the Mushroom'
difficulty: 1
id: 'grab-the-mushroom'
image: '/file/db/level/529662dfe0df8f0000000007/grab_the_mushroom_icon.png'
2014-06-30 22:16:26 -04:00
description: 'Grab a powerup and smash a big ogre.'
2014-01-03 13:32:13 -05:00
}
{
name: 'Drink Me'
difficulty: 1
id: 'drink-me'
image: '/file/db/level/525dc5589a0765e496000006/drink_me_icon.png'
2014-06-30 22:16:26 -04:00
description: 'Drink up and slay two munchkins.'
2014-01-03 13:32:13 -05:00
}
{
name: 'Taunt the Guards'
difficulty: 1
id: 'taunt-the-guards'
image: '/file/db/level/5276c9bdcf83207a2801ff8f/taunt_icon.png'
2014-06-30 22:16:26 -04:00
description: 'Tharin, if clever, can escape with Phoebe.'
2014-01-03 13:32:13 -05:00
}
{
2014-06-30 22:16:26 -04:00
name: 'It\'s a Trap'
2014-01-03 13:32:13 -05:00
difficulty: 1
id: 'its-a-trap'
image: '/file/db/level/528aea2d7f37fc4e0700016b/its_a_trap_icon.png'
2014-06-30 22:16:26 -04:00
description: 'Organize a dungeon ambush with archers.'
2014-01-03 13:32:13 -05:00
}
{
name: 'Break the Prison'
difficulty: 1
id: 'break-the-prison'
image: '/file/db/level/5275272c69abdcb12401216e/break_the_prison_icon.png'
2014-06-30 22:16:26 -04:00
description: 'More comrades are imprisoned!'
2014-01-03 13:32:13 -05:00
}
{
name: 'Taunt'
difficulty: 1
id: 'taunt'
image: '/file/db/level/525f150306e1ab0962000018/taunt_icon.png'
2014-06-30 22:16:26 -04:00
description: 'Taunt the ogre to claim victory.'
2014-01-03 13:32:13 -05:00
}
{
name: 'Cowardly Taunt'
difficulty: 1
id: 'cowardly-taunt'
image: '/file/db/level/525abfd9b12777d78e000009/cowardly_taunt_icon.png'
2014-06-30 22:16:26 -04:00
description: 'Lure infuriated ogres to their doom.'
2014-01-03 13:32:13 -05:00
}
{
name: 'Commanding Followers'
difficulty: 1
id: 'commanding-followers'
image: '/file/db/level/525ef8ef06e1ab0962000003/commanding_followers_icon.png'
2014-06-30 22:16:26 -04:00
description: 'Lead allied soldiers into battle.'
2014-01-03 13:32:13 -05:00
}
{
name: 'Mobile Artillery'
difficulty: 1
id: 'mobile-artillery'
image: '/file/db/level/525085419851b83f4b000001/mobile_artillery_icon.png'
2014-06-30 22:16:26 -04:00
description: 'Blow ogres up!'
2014-01-03 13:32:13 -05:00
}
]
experienced = [
{
name: 'Hunter Triplets'
difficulty: 2
2014-01-03 13:32:13 -05:00
id: 'hunter-triplets'
image: '/file/db/level/526711d9add4f8965f000002/hunter_triplets_icon.png'
2014-06-30 22:16:26 -04:00
description: 'Three soldiers go ogre hunting.'
2014-01-03 13:32:13 -05:00
}
{
name: 'Emphasis on Aim'
difficulty: 2
id: 'emphasis-on-aim'
image: '/file/db/level/525f384d96cd77000000000f/munchkin_masher_icon.png'
description: 'Choose your targets carefully.'
2014-01-03 13:32:13 -05:00
}
{
name: 'Zone of Danger'
difficulty: 3
2014-01-03 13:32:13 -05:00
id: 'zone-of-danger'
image: '/file/db/level/526ae95c1e5cd30000000008/zone_of_danger_icon.png'
2014-06-30 22:16:26 -04:00
description: 'Target the ogres swarming into arrow range.'
2014-01-03 13:32:13 -05:00
}
{
name: 'Molotov Medic'
difficulty: 2
id: 'molotov-medic'
image: '/file/db/level/52602ecb026e8481e7000001/generic_1.png'
2014-06-30 22:16:26 -04:00
description: 'Tharin must play support in this dungeon battle.'
2014-01-03 13:32:13 -05:00
}
{
name: 'Gridmancer'
difficulty: 5
2014-01-03 13:32:13 -05:00
id: 'gridmancer'
image: '/file/db/level/52ae2460ef42c52f13000008/gridmancer_icon.png'
2014-06-30 22:16:26 -04:00
description: 'Super algorithm challenge level!'
2014-01-03 13:32:13 -05:00
}
]
2014-03-12 19:41:09 -04:00
arenas = [
#{
# name: 'Criss-Cross'
# difficulty: 4
# id: 'criss-cross'
# image: '/file/db/level/528aea2d7f37fc4e0700016b/its_a_trap_icon.png'
# description: 'Participate in a bidding war with opponents to reach the other side!'
# levelPath: 'ladder'
#}
{
name: 'Greed'
difficulty: 4
id: 'greed'
image: '/file/db/level/526fd3043c637ece50001bb2/the_herd_icon.png'
2014-06-30 22:16:26 -04:00
description: 'Liked Dungeon Arena and Gold Rush? Put them together in this economic arena!'
levelPath: 'ladder'
}
2014-03-12 19:41:09 -04:00
{
name: 'Dungeon Arena'
difficulty: 3
id: 'dungeon-arena'
image: '/file/db/level/526ae95c1e5cd30000000008/zone_of_danger_icon.png'
2014-06-30 22:16:26 -04:00
description: 'Play head-to-head against fellow Wizards in a dungeon melee!'
2014-03-12 19:41:09 -04:00
levelPath: 'ladder'
}
{
2014-04-25 18:00:46 -04:00
name: 'Gold Rush'
difficulty: 3
id: 'gold-rush'
image: '/file/db/level/52602ecb026e8481e7000001/generic_1.png'
2014-06-30 22:16:26 -04:00
description: 'Prove you are better at collecting gold than your opponent!'
2014-04-25 18:00:46 -04:00
levelPath: 'ladder'
}
2014-04-23 19:07:59 -04:00
{
2014-04-25 18:00:46 -04:00
name: 'Brawlwood'
difficulty: 4
id: 'brawlwood'
2014-04-23 19:07:59 -04:00
image: '/file/db/level/525ef8ef06e1ab0962000003/commanding_followers_icon.png'
2014-06-30 22:16:26 -04:00
description: 'Combat the armies of other Wizards in a strategic forest arena! (Fast computer required.)'
2014-04-23 19:07:59 -04:00
levelPath: 'ladder'
}
2014-08-04 22:46:00 -04:00
{
name: 'Sky Span (Testing)'
difficulty: 3
id: 'sky-span'
image: '/file/db/level/526ae95c1e5cd30000000008/zone_of_danger_icon.png'
description: 'Preview version of an upgraded Dungeon Arena. Help us with hero balance before release!'
levelPath: 'ladder'
}
2014-03-12 19:41:09 -04:00
]
2014-01-03 13:32:13 -05:00
playerCreated = [
{
name: 'Extra Extrapolation'
difficulty: 2
id: 'extra-extrapolation'
image: '/file/db/level/526bda3fe79aefde2a003e36/mobile_artillery_icon.png'
2014-06-30 22:16:26 -04:00
description: 'Predict your target\'s position for deadly aim. - by Sootn'
2014-01-03 13:32:13 -05:00
}
{
name: 'The Right Route'
difficulty: 1
id: 'the-right-route'
image: '/file/db/level/526fd3043c637ece50001bb2/the_herd_icon.png'
2014-06-30 22:16:26 -04:00
description: 'Strike at the weak point in an array of enemies. - by Aftermath'
2014-01-03 13:32:13 -05:00
}
2014-03-29 21:04:29 -04:00
{
name: 'Sword Loop'
difficulty: 2
id: 'sword-loop'
image: '/file/db/level/525dc5589a0765e496000006/drink_me_icon.png'
description: 'Kill the ogres and save the peasants with for-loops. - by Prabh Simran Singh Baweja'
}
{
name: 'Coin Mania'
difficulty: 2
id: 'coin-mania'
image: '/file/db/level/529662dfe0df8f0000000007/grab_the_mushroom_icon.png'
description: 'Learn while-loops to grab coins and potions. - by Prabh Simran Singh Baweja'
}
{
name: 'Bubble Sort Bootcamp Battle'
difficulty: 3
id: 'bubble-sort-bootcamp-battle'
image: '/file/db/level/525ef8ef06e1ab0962000003/commanding_followers_icon.png'
2014-06-30 22:16:26 -04:00
description: 'Write a bubble sort to organize your soldiers. - by Alexandru Caciulescu'
}
2014-01-03 13:32:13 -05:00
{
2014-03-12 19:41:09 -04:00
name: 'Ogres of Hanoi'
difficulty: 3
id: 'ogres-of-hanoi'
image: '/file/db/level/526fd3043c637ece50001bb2/the_herd_icon.png'
2014-06-30 22:16:26 -04:00
description: 'Transfer a stack of ogres while preserving their honor. - by Alexandru Caciulescu'
}
{
name: 'Danger! Minefield'
difficulty: 3
2014-06-09 15:37:34 -04:00
id: 'danger-minefield'
2014-06-10 00:11:59 -04:00
image: '/file/db/level/526bda3fe79aefde2a003e36/mobile_artillery_icon.png'
2014-06-30 22:16:26 -04:00
description: 'Learn how to find prime numbers while defusing mines! - by Alexandru Caciulescu'
2014-03-12 19:41:09 -04:00
}
{
name: 'K-means++ Cluster Wars'
difficulty: 4
id: 'k-means-cluster-wars'
image: '/file/db/level/525ef8ef06e1ab0962000003/commanding_followers_icon.png'
2014-06-30 22:16:26 -04:00
description: 'Learn cluster analysis while leading armies into battle! - by Alexandru Caciulescu'
2014-08-07 19:04:02 -04:00
}
{
2014-08-07 20:26:13 -04:00
name: 'Quicksort the Spiral'
2014-08-07 19:04:02 -04:00
difficulty: 3
id: 'quicksort-the-spiral'
image: '/file/db/level/525ef8ef06e1ab0962000003/commanding_followers_icon.png'
description: 'Learn Quicksort while sorting a spiral of ogres! - by Alexandru Caciulescu'
}
{
name: 'Find the Spy'
difficulty: 2
id: 'find-the-spy'
image: '/file/db/level/526ae95c1e5cd30000000008/zone_of_danger_icon.png'
2014-06-30 22:16:26 -04:00
description: 'Identify the spies hidden among your soldiers - by Nathan Gossett'
}
2014-04-25 18:00:46 -04:00
{
name: 'Harvest Time'
difficulty: 2
id: 'harvest-time'
2014-04-25 18:00:46 -04:00
image: '/file/db/level/529662dfe0df8f0000000007/grab_the_mushroom_icon.png'
2014-06-30 22:16:26 -04:00
description: 'Collect a hundred mushrooms in just five lines of code - by Nathan Gossett'
2014-04-25 18:00:46 -04:00
}
{
name: 'Guide Everyone Home'
difficulty: 2
id: 'guide-everyone-home'
image: '/file/db/level/52740644904ac0411700067c/rescue_mission_icon.png'
description: 'Fetch the wizards teleporting into the area - by Nathan Gossett'
}
{
name: "Let's go Fly a Kite"
difficulty: 3
id: 'lets-go-fly-a-kite'
image: '/file/db/level/526711d9add4f8965f000002/hunter_triplets_icon.png'
description: 'There is a horde of ogres marching on your village. Stay out of reach and use your bow to take them out! - by Danny Whittaker'
}
2014-01-03 13:32:13 -05:00
]
context.campaigns = [
2014-06-30 22:16:26 -04:00
{id: 'beginner', name: 'Beginner Campaign', description: '... in which you learn the wizardry of programming.', levels: tutorials}
{id: 'multiplayer', name: 'Multiplayer Arenas', description: '... in which you code head-to-head against other players.', levels: arenas}
{id: 'dev', name: 'Random Harder Levels', description: '... in which you learn the interface while doing something a little harder.', levels: experienced}
{id: 'player_created', name: 'Player-Created', description: '... in which you battle against the creativity of your fellow <a href=\"/contribute#artisan\">Artisan Wizards</a>.', levels: playerCreated}
2014-01-03 13:32:13 -05:00
]
context.levelStatusMap = @levelStatusMap
2014-01-03 13:32:13 -05:00
context
afterRender: ->
super()
2014-01-30 19:36:36 -05:00
@$el.find('.modal').on 'shown.bs.modal', ->
2014-01-03 13:32:13 -05:00
$('input:visible:first', @).focus()