codecombat/app/views/HomeView.coffee

RootView = require 'views/core/RootView'
template = require 'templates/home-view'

module.exports = class HomeView extends RootView
  id: 'home-view'
  template: template

  events:
    'click #play-button': 'onClickBeginnerCampaign'

  constructor: ->
    super()
    window.tracker?.trackEvent 'Homepage Loaded', category: 'Homepage'
    if not me.get('hourOfCode') and @getQueryVariable 'hour_of_code'
      @setUpHourOfCode()
    elapsed = (new Date() - new Date(me.get('dateCreated')))
    if me.get('hourOfCode') and elapsed < 86400 * 1000 and me.get('preferredLanguage', true) is 'en-US'
      # Show the Hour of Code footer explanation in English until it's been more than a day
      @explainsHourOfCode = true

  getRenderData: ->
    c = super()
    if $.browser
      majorVersion = $.browser.versionNumber
      c.isOldBrowser = true if $.browser.mozilla && majorVersion < 25
      c.isOldBrowser = true if $.browser.chrome && majorVersion < 25
      c.isOldBrowser = true if $.browser.safari && majorVersion < 6  # 6 might have problems with Aether, or maybe just old minors of 6: https://errorception.com/projects/51a79585ee207206390002a2/errors/547a202e1ead63ba4e4ac9fd
    else
      console.warn 'no more jquery browser version...'
    c.isEnglish = _.string.startsWith (me.get('preferredLanguage') or 'en'), 'en'
    c.languageName = me.get('preferredLanguage')
    c.explainsHourOfCode = @explainsHourOfCode
    c.isMobile = @isMobile()
    c.isIPadBrowser = @isIPadBrowser()
    c

  onClickBeginnerCampaign: (e) ->
    @playSound 'menu-button-click'
    e.preventDefault()
    e.stopImmediatePropagation()
    window.tracker?.trackEvent 'Click Play', category: 'Homepage'
    window.open '/play', '_blank'

  afterInsert: ->
    super(arguments...)
    @$el.addClass 'hour-of-code' if @explainsHourOfCode

  setUpHourOfCode: ->
    elapsed = (new Date() - new Date(me.get('dateCreated')))
    if elapsed < 5 * 60 * 1000
      me.set 'hourOfCode', true
      me.patch()
    # We may also insert the tracking pixel for everyone on the CampaignView so as to count directly-linked visitors.
    $('body').append($('<img src="https://code.org/api/hour/begin_codecombat.png" style="visibility: hidden;">'))
    application.tracker?.trackEvent 'Hour of Code Begin'
Wabam. Refactored a bunch of stuff into 'core' folders so that it's clearer which files are being loaded first thing, and which are not. Also reworked a bunch of the anymatch things in config.coffee, cause there were better ways. 2014-11-28 20:49:41 -05:00			`RootView = require 'views/core/RootView'`
Refactored the GameMenu to be part of play.js. Set up the config to automatically bundle templates into their respective views, if their names match. 2014-11-29 15:46:04 -05:00			`template = require 'templates/home-view'`
Ready for action, sir! 2014-01-03 13:32:13 -05:00
Refactoring View to RootView. Refactoring some RootViews to be routed manually. 2014-07-17 20:16:32 -04:00			`module.exports = class HomeView extends RootView`
Ready for action, sir! 2014-01-03 13:32:13 -05:00			`id: 'home-view'`
			`template: template`
For #648: Keeping localStorage fallback for played levels temporarily until most have migrated to user property. Fixed #627. 2014-03-21 20:42:13 -04:00
Switching code language based on selection now. 2014-06-19 16:42:25 -04:00			`events:`
Set up the new Heald-designed site chrome. 2014-11-22 20:38:01 -05:00			`'click #play-button': 'onClickBeginnerCampaign'`
Ready for action, sir! 2014-01-03 13:32:13 -05:00
Adding more analytics even tracking Actions on homepage Path from homepage to first level 2014-10-21 19:49:25 -04:00			`constructor: ->`
			`super()`
Remove Segment analytics dependency Call Google Analytics, Errorception, and Inspectlet directly. 2015-02-27 19:07:41 -05:00			`window.tracker?.trackEvent 'Homepage Loaded', category: 'Homepage'`
Updated Hour of Code visitor counting. 2014-11-27 12:44:08 -05:00			`if not me.get('hourOfCode') and @getQueryVariable 'hour_of_code'`
			`@setUpHourOfCode()`
			`elapsed = (new Date() - new Date(me.get('dateCreated')))`
			`if me.get('hourOfCode') and elapsed < 86400 * 1000 and me.get('preferredLanguage', true) is 'en-US'`
			`# Show the Hour of Code footer explanation in English until it's been more than a day`
			`@explainsHourOfCode = true`
Adding more analytics even tracking Actions on homepage Path from homepage to first level 2014-10-21 19:49:25 -04:00
Ready for action, sir! 2014-01-03 13:32:13 -05:00			`getRenderData: ->`
			`c = super()`
			`if $.browser`
Fixed #769. Added some analytics timing tracking. Added replacement for $.browser. 2014-04-13 23:31:23 -04:00			`majorVersion = $.browser.versionNumber`
Handling another error noted with Errorception. Updated minimum Firefox version to 25 based on seeing many (possibly non-critical) errors with it. 2014-12-06 15:02:48 -05:00			`c.isOldBrowser = true if $.browser.mozilla && majorVersion < 25`
Fixed some issues I saw in Errorception. Stopped saving the session when the play state or frame changes. 2014-12-06 14:33:57 -05:00			`c.isOldBrowser = true if $.browser.chrome && majorVersion < 25`
Handling another error noted with Errorception. Updated minimum Firefox version to 25 based on seeing many (possibly non-critical) errors with it. 2014-12-06 15:02:48 -05:00			`c.isOldBrowser = true if $.browser.safari && majorVersion < 6 # 6 might have problems with Aether, or maybe just old minors of 6: https://errorception.com/projects/51a79585ee207206390002a2/errors/547a202e1ead63ba4e4ac9fd`
Ready for action, sir! 2014-01-03 13:32:13 -05:00			`else`
			`console.warn 'no more jquery browser version...'`
Refactored away from having the underscore string library added to the String prototype. 2015-01-04 11:05:38 -05:00			`c.isEnglish = _.string.startsWith (me.get('preferredLanguage') or 'en'), 'en'`
use youku for Chinese Version 2014-04-09 01:50:13 -04:00			`c.languageName = me.get('preferredLanguage')`
Updated Hour of Code visitor counting. 2014-11-27 12:44:08 -05:00			`c.explainsHourOfCode = @explainsHourOfCode`
Improvements for mobile layouts and mobile and iPad browser detection. 2014-11-30 15:27:34 -05:00			`c.isMobile = @isMobile()`
			`c.isIPadBrowser = @isIPadBrowser()`
Ready for action, sir! 2014-01-03 13:32:13 -05:00			`c`

Completed transition to new hero levels. 2014-09-25 18:32:33 -04:00			`onClickBeginnerCampaign: (e) ->`
Added a bunch of button click sound triggers. 2014-11-26 09:58:23 -05:00			`@playSound 'menu-button-click'`
Completed transition to new hero levels. 2014-09-25 18:32:33 -04:00			`e.preventDefault()`
			`e.stopImmediatePropagation()`
Update Tracker.trackEvent Mechanics have changed a bit: first param is an action string, second param has specific properties if Google Analytics. Updating some of the trackEvent calls to use correct actions and categories. 2014-11-28 15:05:34 -05:00			`window.tracker?.trackEvent 'Click Play', category: 'Homepage'`
Refactored, mostly redesigned inventory view, modeled after the Heald item store design. 2014-11-10 18:24:05 -05:00			`window.open '/play', '_blank'`

			`afterInsert: ->`
			`super(arguments...)`
Updated Hour of Code visitor counting. 2014-11-27 12:44:08 -05:00			`@$el.addClass 'hour-of-code' if @explainsHourOfCode`

			`setUpHourOfCode: ->`
			`elapsed = (new Date() - new Date(me.get('dateCreated')))`
			`if elapsed < 5 * 60 * 1000`
			`me.set 'hourOfCode', true`
			`me.patch()`
Merged in campaign editor and campaign view. Destroyed WorldMapView, CampaignOptions, and LevelOptions. Lots of stuff is now stored in the database instead of code. Cleaned up a few unneeded old features. Fixed some problems with checking permissions on first rather than latest versions of documents. 2014-12-28 16:25:20 -05:00			`# We may also insert the tracking pixel for everyone on the CampaignView so as to count directly-linked visitors.`
Working on #2505; do we have TLS for the analytics server yet? 2015-04-18 19:02:18 -04:00			`$('body').append($('<img src="https://code.org/api/hour/begin_codecombat.png" style="visibility: hidden;">'))`
Remove Segment analytics dependency Call Google Analytics, Errorception, and Inspectlet directly. 2015-02-27 19:07:41 -05:00			`application.tracker?.trackEvent 'Hour of Code Begin'`