- - {{t builds.commit}}
- - {{formatCommit build.commit}}
- {{#if build.isPullRequest}}
- - {{t builds.pullRequest}}
- - #{{build.commit.pullRequestNumber}} {{build.commit.pullRequestTitle}}
- {{else}}
- {{#if commit.compareUrl}}
- - {{t builds.compare}}
- - {{pathFrom build.commit.compareUrl}}
+ {{#if commit}}
+ - {{t builds.author}}
+
+ {{/if}}
+ {{#if commit.committerName}}
+ - {{t builds.committer}}
+ - {{build.commit.committerName}}
+ {{/if}}
+
+ {{/if}}
+ - {{t builds.commit}}
+ - {{formatCommit build.commit}}
+ {{#if build.isPullRequest}}
+ - {{t builds.pullRequest}}
+ - #{{build.commit.pullRequestNumber}} {{build.commit.pullRequestTitle}}
+ {{else}}
+ {{#if commit.compareUrl}}
+ - {{t builds.compare}}
+ - {{pathFrom build.commit.compareUrl}}
+ {{/if}}
{{/if}}
- {{/if}}
- {{#if commit.authorName}}
- - {{t builds.author}}
-
- {{/if}}
- {{#if commit.committerName}}
- - {{t builds.committer}}
- - {{build.commit.committerName}}
- {{/if}}
-
+ {{#if commit.authorName}}
+ {{t builds.messages.sponsored_by}} {{sponsor.name}} diff --git a/assets/scripts/app/templates/jobs/pre.hbs b/assets/scripts/app/templates/jobs/pre.hbs index 72cb78d1..9f1a7dac 100644 --- a/assets/scripts/app/templates/jobs/pre.hbs +++ b/assets/scripts/app/templates/jobs/pre.hbs @@ -1,4 +1,14 @@ -
- - -+
+
+
+
+
+
+
+ {{#if view.limited}}
+
diff --git a/assets/scripts/app/templates/jobs/running/group.hbs b/assets/scripts/app/templates/jobs/running/group.hbs
index dd249448..f7c1b793 100644
--- a/assets/scripts/app/templates/jobs/running/group.hbs
+++ b/assets/scripts/app/templates/jobs/running/group.hbs
@@ -5,9 +5,9 @@
+ This log is too long to be displayed. Please reduce the verbosity of your + build or download the the raw log. +
+ {{/if}} +-
{{#each job in sortedJobs}}
- - + {{#linkTo "job" job.repoData job}} #{{job.number}} - + {{/linkTo}} {{/each}}
-
+{{else}}
+ -
-
- Job -
-
-
- {{#if job.id}}
- {{job.number}}
+{{#if job.isLoaded}}
+ ++ {{#if commit}} + {{/if}} -
-
+
- Job +
- + + {{#if job.id}} + {{#if job.repo.slug}} + {{#linkTo job repo job}}{{job.number}}{{/linkTo}} {{/if}} - -
- {{t jobs.state}} -
- {{capitalize job.state}} -
- {{t jobs.finished_at}} -
- {{formatTime job.finishedAt}} -
- {{t jobs.duration}} -
- {{formatDuration job.duration}} -
- {{t jobs.state}} +
- {{capitalize job.state}} +
- {{t jobs.finished_at}} +
- {{formatTime job.finishedAt}} +
- {{t jobs.duration}} +
- {{formatDuration job.duration}} +
++ {{/if}} + + - {{t jobs.message}} - -
- {{t jobs.config}} -
- {{formatConfig job.config}} - +
- {{t jobs.message}} + +
- {{t jobs.config}} +
- {{formatConfig job.config}} + - {{view Travis.LogView contextBinding="job"}}} -
-
- {{else}}
-
- Loading
-
- {{/if}}
-{{/with}}
+ {{view Travis.LogView jobBinding="job"}}
+
+ Loading
+
+{{/if}}
diff --git a/assets/scripts/app/templates/layouts/profile.hbs b/assets/scripts/app/templates/layouts/profile.hbs
index dfd3d499..53b66ed7 100644
--- a/assets/scripts/app/templates/layouts/profile.hbs
+++ b/assets/scripts/app/templates/layouts/profile.hbs
@@ -18,7 +18,7 @@
-
+
diff --git a/assets/scripts/app/templates/layouts/sidebar.hbs b/assets/scripts/app/templates/layouts/sidebar.hbs
index 188c02f5..9383426f 100644
--- a/assets/scripts/app/templates/layouts/sidebar.hbs
+++ b/assets/scripts/app/templates/layouts/sidebar.hbs
@@ -4,7 +4,7 @@
-
+
diff --git a/assets/scripts/app/templates/layouts/top.hbs b/assets/scripts/app/templates/layouts/top.hbs
index 0c1ec213..1e614260 100644
--- a/assets/scripts/app/templates/layouts/top.hbs
+++ b/assets/scripts/app/templates/layouts/top.hbs
@@ -1,13 +1,13 @@
-
+{{#linkTo index.current}}
Travis
- +{{/linkTo}}- - {{t layouts.top.home}} + {{#linkTo index.current}}{{t layouts.top.home}}{{/linkTo}}
- - {{t layouts.top.stats}} + {{#linkTo stats}}{{t layouts.top.stats}}{{/linkTo}}
- {{t layouts.top.blog}} @@ -15,18 +15,21 @@
- {{t layouts.top.docs}} +
- + {{t layouts.top.status}} +
-
- {{t layouts.top.github_login}} -
{{view.userName}} + {{t layouts.top.github_login}} + {{#linkTo "profile.index" class="signed-in"}}
- - {{t layouts.top.accounts}} + {{#linkTo "profile.index" class="signed-in"}}{{t layouts.top.accounts}}{{/linkTo}}
- - {{t layouts.top.sign_out}} + {{t layouts.top.sign_out}}
diff --git a/assets/scripts/app/templates/not_found.hbs b/assets/scripts/app/templates/not_found.hbs
new file mode 100644
index 00000000..2f69fa59
--- /dev/null
+++ b/assets/scripts/app/templates/not_found.hbs
@@ -0,0 +1 @@
+The requested page was not found.
diff --git a/assets/scripts/app/templates/profile/accounts.hbs b/assets/scripts/app/templates/profile/accounts.hbs
index 98a14a44..56f5610b 100644
--- a/assets/scripts/app/templates/profile/accounts.hbs
+++ b/assets/scripts/app/templates/profile/accounts.hbs
@@ -9,7 +9,7 @@
-
- Repositories + {{#with view.account}} + {{#if login}} + {{#linkTo "account.index" this}}Repositories{{/linkTo}} + {{/if}} + {{/with}}
{{#if view.displayUser}}
-
- Profile + {{#linkTo "account.profile" view.account}}Profile{{/linkTo}}
{{/if}}
diff --git a/assets/scripts/app/templates/profile/tabs/hooks.hbs b/assets/scripts/app/templates/profile/tabs/hooks.hbs
index 46560e83..4f41fde5 100644
--- a/assets/scripts/app/templates/profile/tabs/hooks.hbs
+++ b/assets/scripts/app/templates/profile/tabs/hooks.hbs
@@ -10,7 +10,7 @@
{{else}}
@@ -24,7 +24,7 @@
- {{view Ember.Select id="locale" contentBinding="view.locales" - valueBinding="Travis.app.currentUser.locale" + valueBinding="user.locale" optionLabelPath="content.name" optionValuePath="content.key"}} diff --git a/assets/scripts/app/templates/queues/list.hbs b/assets/scripts/app/templates/queues/list.hbs index 2fbbca0b..2b19a905 100644 --- a/assets/scripts/app/templates/queues/list.hbs +++ b/assets/scripts/app/templates/queues/list.hbs @@ -6,12 +6,12 @@ {{#each job in queue}} {{#view Travis.QueueItemView jobBinding="job"}} {{#if job.repoSlug}} - + {{#linkTo "job" job.repoData job}} {{job.repoSlug}} #{{job.number}} - + {{/linkTo}} {{/if}} {{/view}} {{else}} @@ -20,7 +20,7 @@ {{#if queue.isMore}} - + {{queue.leftLength}} more jobs - show all {{/if}} diff --git a/assets/scripts/app/templates/repos/list.hbs b/assets/scripts/app/templates/repos/list.hbs index 1a1eca71..dd0cc033 100644 --- a/assets/scripts/app/templates/repos/list.hbs +++ b/assets/scripts/app/templates/repos/list.hbs @@ -5,17 +5,17 @@ {{view Travis.ReposListTabsView}}
-
-
{{t layouts.application.recent}}
+{{t layouts.application.recent}}
-
-
{{t layouts.application.my_repositories}}
+{{t layouts.application.my_repositories}}
-
-
{{t layouts.application.search}}
+{{t layouts.application.search}}
- - - - {{view.stats.watchers}} - - -
- - - {{view.stats.forks}} - - -
-
- {{#if view.repo.slug}} - - {{t repositories.tabs.current}} - + {{#if slug}} + {{#linkTo "repo" this currentWhen="repo.index"}} + {{t repositories.tabs.current}} + {{/linkTo}} {{/if}}
-
- {{#if view.repo.slug}} - - {{t repositories.tabs.build_history}} - + {{#if slug}} + {{#linkTo "builds" this}} + {{t repositories.tabs.build_history}} + {{/linkTo}} {{/if}}
-
- {{#if view.repo.slug}} - - {{t repositories.tabs.pull_requests}} - + {{#if slug}} + {{#linkTo "pullRequests" this}} + {{t repositories.tabs.pull_requests}} + {{/linkTo}} {{/if}}
-
- {{#if view.repo.slug}} - - {{t repositories.tabs.branches}} - + {{#if slug}} + {{#linkTo "branches" this}} + {{t repositories.tabs.branches}} + {{/linkTo}} {{/if}}
-
- {{#with view.build}} - {{#if id}} - - {{t repositories.tabs.build}} #{{number}} - + {{#if view.build.id}} + {{#if view.build.repo.slug}} + {{#linkTo "build" view.build.repo view.build}} + {{t repositories.tabs.build}} #{{view.build.number}} + {{/linkTo}} {{/if}} - {{/with}} + {{/if}}
-
- {{#with view.job}} - {{#if id}} - - {{t repositories.tabs.job}} #{{number}} - + {{#if view.job.id}} + {{#if view.job.repo.slug}} + {{#linkTo "job" view.job.repo view.job}} + {{t repositories.tabs.job}} #{{view.job.number}} + {{/linkTo}} {{/if}} - {{/with}} + {{/if}}
- {{title}} ({{titleLength}} characters) + {{/each}} + ``` + + ```javascript + App.PostsController = Ember.ArrayController.extend({ + itemController: 'post' + }); + + App.PostController = Ember.ObjectController.extend({ + // the `title` property will be proxied to the underlying post. + + titleLength: function() { + return this.get('title').length; + }.property('title') + }); + ``` + + In some cases it is helpful to return a different `itemController` depending + on the particular item. Subclasses can do this by overriding + `lookupItemController`. + + For example: + + ```javascript + App.MyArrayController = Ember.ArrayController.extend({ + lookupItemController: function( object ) { + if (object.get('isSpecial')) { + return "special"; // use App.SpecialController + } else { + return "regular"; // use App.RegularController + } + } + }); + ``` @class ArrayController @namespace Ember @@ -11057,7 +12585,125 @@ var get = Ember.get, set = Ember.set; */ Ember.ArrayController = Ember.ArrayProxy.extend(Ember.ControllerMixin, - Ember.SortableMixin); + Ember.SortableMixin, { + + /** + The controller used to wrap items, if any. + + @property itemController + @type String + @default null + */ + itemController: null, + + /** + Return the name of the controller to wrap items, or `null` if items should + be returned directly. The default implementation simply returns the + `itemController` property, but subclasses can override this method to return + different controllers for different objects. + + For example: + + ```javascript + App.MyArrayController = Ember.ArrayController.extend({ + lookupItemController: function( object ) { + if (object.get('isSpecial')) { + return "special"; // use App.SpecialController + } else { + return "regular"; // use App.RegularController + } + } + }); + ``` + + @method + @type String + @default null + */ + lookupItemController: function(object) { + return get(this, 'itemController'); + }, + + objectAtContent: function(idx) { + var length = get(this, 'length'), + arrangedContent = get(this,'arrangedContent'), + object = arrangedContent && arrangedContent.objectAt(idx); + + if (idx >= 0 && idx < length) { + var controllerClass = this.lookupItemController(object); + if (controllerClass) { + return this.controllerAt(idx, object, controllerClass); + } + } + + // When `controllerClass` is falsy, we have not opted in to using item + // controllers, so return the object directly. + + // When the index is out of range, we want to return the "out of range" + // value, whatever that might be. Rather than make assumptions + // (e.g. guessing `null` or `undefined`) we defer this to `arrangedContent`. + return object; + }, + + arrangedContentDidChange: function() { + this._super(); + this._resetSubControllers(); + }, + + arrayContentDidChange: function(idx, removedCnt, addedCnt) { + var subControllers = get(this, '_subControllers'), + subControllersToRemove = subControllers.slice(idx, idx+removedCnt); + + forEach(subControllersToRemove, function(subController) { + if (subController) { subController.destroy(); } + }); + + replace(subControllers, idx, removedCnt, new Array(addedCnt)); + + // The shadow array of subcontrollers must be updated before we trigger + // observers, otherwise observers will get the wrong subcontainer when + // calling `objectAt` + this._super(idx, removedCnt, addedCnt); + }, + + init: function() { + this._super(); + if (!this.get('content')) { Ember.defineProperty(this, 'content', undefined, Ember.A()); } + this.set('_subControllers', Ember.A()); + }, + + controllerAt: function(idx, object, controllerClass) { + var container = get(this, 'container'), + subControllers = get(this, '_subControllers'), + subController = subControllers[idx]; + + if (!subController) { + subController = container.lookup("controller:" + controllerClass, { singleton: false }); + subControllers[idx] = subController; + } + + if (!subController) { + throw new Error('Could not resolve itemController: "' + controllerClass + '"'); + } + + subController.set('target', this); + subController.set('content', object); + + return subController; + }, + + _subControllers: null, + + _resetSubControllers: function() { + var subControllers = get(this, '_subControllers'); + + forEach(subControllers, function(subController) { + if (subController) { subController.destroy(); } + }); + + this.set('_subControllers', Ember.A()); + } +}); })(); @@ -11070,13 +12716,13 @@ Ember.ArrayController = Ember.ArrayProxy.extend(Ember.ControllerMixin, */ /** - Ember.ObjectController is part of Ember's Controller layer. A single - shared instance of each Ember.ObjectController subclass in your application's + `Ember.ObjectController` is part of Ember's Controller layer. A single shared + instance of each `Ember.ObjectController` subclass in your application's namespace will be created at application initialization and be stored on your - application's Ember.Router instance. + application's `Ember.Router` instance. - Ember.ObjectController derives its functionality from its superclass - Ember.ObjectProxy and the Ember.ControllerMixin mixin. + `Ember.ObjectController` derives its functionality from its superclass + `Ember.ObjectProxy` and the `Ember.ControllerMixin` mixin. @class ObjectController @namespace Ember @@ -11106,6 +12752,12360 @@ Ember Runtime })(); +(function() { +/** +@module ember +@submodule ember-views +*/ + +var jQuery = Ember.imports.jQuery; +Ember.assert("Ember Views require jQuery 1.8 or 1.9", jQuery && (jQuery().jquery.match(/^1\.(8|9)(\.\d+)?(pre|rc\d?)?/) || Ember.ENV.FORCE_JQUERY)); + +/** + Alias for jQuery + + @method $ + @for Ember +*/ +Ember.$ = jQuery; + +})(); + + + +(function() { +/** +@module ember +@submodule ember-views +*/ +if (Ember.$) { + // http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#dndevents + var dragEvents = Ember.String.w('dragstart drag dragenter dragleave dragover drop dragend'); + + // Copies the `dataTransfer` property from a browser event object onto the + // jQuery event object for the specified events + Ember.EnumerableUtils.forEach(dragEvents, function(eventName) { + Ember.$.event.fixHooks[eventName] = { props: ['dataTransfer'] }; + }); +} + +})(); + + + +(function() { +/** +@module ember +@submodule ember-views +*/ + +/*** BEGIN METAMORPH HELPERS ***/ + +// Internet Explorer prior to 9 does not allow setting innerHTML if the first element +// is a "zero-scope" element. This problem can be worked around by making +// the first node an invisible text node. We, like Modernizr, use + +var needsShy = this.document && (function(){ + var testEl = document.createElement('div'); + testEl.innerHTML = ""; + testEl.firstChild.innerHTML = ""; + return testEl.firstChild.innerHTML === ''; +})(); + +// IE 8 (and likely earlier) likes to move whitespace preceeding +// a script tag to appear after it. This means that we can +// accidentally remove whitespace when updating a morph. +var movesWhitespace = this.document && (function() { + var testEl = document.createElement('div'); + testEl.innerHTML = "Test: Value"; + return testEl.childNodes[0].nodeValue === 'Test:' && + testEl.childNodes[2].nodeValue === ' Value'; +})(); + +// Use this to find children by ID instead of using jQuery +var findChildById = function(element, id) { + if (element.getAttribute('id') === id) { return element; } + + var len = element.childNodes.length, idx, node, found; + for (idx=0; idx
- the letter: A +
- the letter: B +
- the letter: C +
{{#collection Travis.AccountsListView contentBinding="controller"}}
- {{view.name}}
+ {{#linkTo "account.index" view.account class="name"}}{{view.name}}{{/linkTo}}
Repositories: {{view.account.reposCount}} diff --git a/assets/scripts/app/templates/profile/tabs.hbs b/assets/scripts/app/templates/profile/tabs.hbs index 05b4bacd..8f770575 100644 --- a/assets/scripts/app/templates/profile/tabs.hbs +++ b/assets/scripts/app/templates/profile/tabs.hbs @@ -1,13 +1,17 @@
-
+
{{#if hook.active}}
ON
{{else}}
diff --git a/assets/scripts/app/templates/profile/tabs/user.hbs b/assets/scripts/app/templates/profile/tabs/user.hbs
index 59c6b131..b42239c8 100644
--- a/assets/scripts/app/templates/profile/tabs/user.hbs
+++ b/assets/scripts/app/templates/profile/tabs/user.hbs
@@ -32,7 +32,7 @@
- {{#collection Travis.ReposListView contentBinding="controller"}}
+ {{#collection Travis.ReposListView contentBinding="this"}}
{{#with view.repo}}
{{#if slug}}
- {{slug}}
+ {{#linkTo repo this class="slug"}}{{slug}}{{/linkTo}}
{{/if}}
{{#with lastBuildHash}}
- {{#if id}}
- {{number}}
+ {{#if repo.slug}}
+ {{#linkTo build repo id class="last_build"}}{{number}}{{/linkTo}}
{{/if}}
{{/with}}
diff --git a/assets/scripts/app/templates/repos/list/tabs.hbs b/assets/scripts/app/templates/repos/list/tabs.hbs
index 11d02f66..76ad656a 100644
--- a/assets/scripts/app/templates/repos/list/tabs.hbs
+++ b/assets/scripts/app/templates/repos/list/tabs.hbs
@@ -1,13 +1,13 @@
+
{{#if view.isEmpty}}
{{view Travis.ReposEmptyView}}
{{else}}
- {{#if view.repo.isLoaded}}
- {{#with view.repo}}
-
diff --git a/assets/scripts/app/templates/repos/show/stats.hbs b/assets/scripts/app/templates/repos/show/stats.hbs
deleted file mode 100644
index dfbb633e..00000000
--- a/assets/scripts/app/templates/repos/show/stats.hbs
+++ /dev/null
@@ -1,17 +0,0 @@
-- {{slug}} -
- -{{description}}
- - {{view Travis.RepoShowStatsView}} - {{view Travis.RepoShowTabsView}} - {{view Travis.RepoShowToolsView}} - {{/with}} - + {{#if isError}} + The repository at {{slug}} was not found. {{else}} - Loading - {{/if}} + {{#if repo.isLoaded}} + {{#with repo}} ++ {{slug}} +
-
- {{outlet pane}}
-
+ {{description}}
+ + {{view Travis.RepoShowTabsView}} + {{view Travis.RepoShowToolsView}} + {{/with}} + +
+ {{outlet pane}}
+
+ {{else}}
+ Loading
+ {{/if}}
+ {{/if}}
{{/if}}
-
-
-
{{t layouts.application.sponsers}}
+{{t layouts.application.sponsors}}
-
{{#each deck in controller}}
diff --git a/assets/scripts/app/templates/sponsors/links.hbs b/assets/scripts/app/templates/sponsors/links.hbs
index 73bc64aa..b8bd6470 100644
--- a/assets/scripts/app/templates/sponsors/links.hbs
+++ b/assets/scripts/app/templates/sponsors/links.hbs
@@ -1,5 +1,5 @@
-
{{t layouts.application.sponsers}}
+{{t layouts.application.sponsors}}
-
{{#each controller}}
diff --git a/assets/scripts/app/templates/workers/list.hbs b/assets/scripts/app/templates/workers/list.hbs
index 2096398b..af00a44b 100644
--- a/assets/scripts/app/templates/workers/list.hbs
+++ b/assets/scripts/app/templates/workers/list.hbs
@@ -1,7 +1,7 @@
{{#view Travis.WorkersView}}
{{t workers}} - +
-
{{#each group in controller.groups}}
@@ -17,9 +17,9 @@
{{#if worker.isWorking}}
{{#if worker.jobId}}
-
+ {{#linkTo "job" worker.repoData worker.jobId}}
{{view.display}}
-
+ {{/linkTo}}
{{/if}}
{{else}}
{{view.display}}
diff --git a/assets/scripts/app/views.coffee b/assets/scripts/app/views.coffee
index 9acf548b..3a732e8e 100644
--- a/assets/scripts/app/views.coffee
+++ b/assets/scripts/app/views.coffee
@@ -2,11 +2,11 @@ require 'ext/ember/namespace'
@Travis.reopen
View: Em.View.extend
- popup: (event) ->
+ popup: (name) ->
@popupCloseAll()
- name = if event.target then event.target.name else event
+ name = event?.target?.name || name
$("##{name}").toggleClass('display')
- popupClose: (event) ->
+ popupClose: ->
$(event.target).closest('.popup').removeClass('display')
popupCloseAll: ->
if view = Travis.View.currentPopupView
@@ -21,6 +21,7 @@ require 'views/build'
require 'views/events'
require 'views/flash'
require 'views/job'
+require 'views/log'
require 'views/repo'
require 'views/profile'
require 'views/sidebar'
diff --git a/assets/scripts/app/views/application.coffee b/assets/scripts/app/views/application.coffee
index f738ccb4..54f18c30 100644
--- a/assets/scripts/app/views/application.coffee
+++ b/assets/scripts/app/views/application.coffee
@@ -1,24 +1,23 @@
-@Travis.reopen
+Travis.reopen
ApplicationView: Travis.View.extend
- templateName: 'layouts/home'
+ templateName: (-> @get 'controller.templateName' ).property('controller.templateName')
classNames: ['application']
- connectLayout: (name) ->
- name = "layouts/#{name}"
- if @get('templateName') != name
- @set('templateName', name)
- @rerender()
+ templateNameDidChange: (->
+ @rerender()
+ ).observes('templateName')
- # popup: (event) ->
- # console.log event
-
- click: (event) ->
+ click: ->
# TODO: this solves the case of closing menus and popups,
# but I would like to rewrite it later, not sure how
# yet, but this does not seem optimal
targetAndParents = $(event.target).parents().andSelf()
if ! ( targetAndParents.hasClass('open-popup') || targetAndParents.hasClass('popup') )
@popupCloseAll()
- if ! targetAndParents.hasClass('menu')
+
+ # TODO: I needed to add second check to this conditional, because for some reason
+ # event.stopPropagation() in menu() function in RepoShowToolsView does
+ # not prevent calling following code
+ if ! targetAndParents.hasClass('menu') && !targetAndParents.is('#tools > a')
$('.menu').removeClass('display')
diff --git a/assets/scripts/app/views/build.coffee b/assets/scripts/app/views/build.coffee
index 47c76690..9b2ed95d 100644
--- a/assets/scripts/app/views/build.coffee
+++ b/assets/scripts/app/views/build.coffee
@@ -1,18 +1,12 @@
-@Travis.reopen
+Travis.reopen
BuildsView: Travis.View.extend
templateName: 'builds/list'
buildsBinding: 'controller.builds'
isPullRequestsList: (->
- console.log @get('controller.tab')
@get('controller.tab') == 'pull_requests'
).property('controller.tab')
- showMore: ->
- id = @get('controller.repo.id')
- number = @get('builds.lastObject.number')
- @get('builds').load Travis.Build.olderThanNumber(id, number)
-
ShowMoreButton: Em.View.extend
tagName: 'button'
classNameBindings: ['isLoading']
@@ -27,7 +21,7 @@
).property('isLoading')
click: ->
- @get('parentView').showMore()
+ @get('controller').showMore()
BuildsItemView: Travis.View.extend
tagName: 'tr'
@@ -36,6 +30,8 @@
buildBinding: 'context'
commitBinding: 'build.commit'
+ isPullRequestsList: ( -> @get('parentView.isPullRequestsList') ).property('parentView.isPullRequestsList')
+
color: (->
Travis.Helpers.colorForState(@get('build.state'))
).property('build.state')
@@ -50,32 +46,10 @@
BuildView: Travis.View.extend
templateName: 'builds/show'
- elementId: 'build'
classNameBindings: ['color', 'loading']
- repoBinding: 'controller.repo'
- buildBinding: 'controller.build'
- commitBinding: 'build.commit'
-
- currentItemBinding: 'build'
-
- loading: (->
- !@get('build.isLoaded')
- ).property('build.isLoaded')
+ loadingBinding: 'controller.loading'
color: (->
- Travis.Helpers.colorForState(@get('build.state'))
- ).property('build.state')
-
- urlGithubCommit: (->
- Travis.Urls.githubCommit(@get('repo.slug'), @get('commit.sha'))
- ).property('repo.slug', 'commit.sha')
-
- urlAuthor: (->
- Travis.Urls.email(@get('commit.authorEmail'))
- ).property('commit.authorEmail')
-
- urlCommitter: (->
- Travis.Urls.email(@get('commit.committerEmail'))
- ).property('commit.committerEmail')
-
+ Travis.Helpers.colorForState(@get('controller.build.state'))
+ ).property('controller.build.state')
diff --git a/assets/scripts/app/views/flash.coffee b/assets/scripts/app/views/flash.coffee
index 8ae1b516..57cf3d63 100644
--- a/assets/scripts/app/views/flash.coffee
+++ b/assets/scripts/app/views/flash.coffee
@@ -12,5 +12,5 @@
@get('flash.type') || 'broadcast'
).property('flash.type')
- close: (event) ->
+ close: ->
@get('controller').close(@get('flash'))
diff --git a/assets/scripts/app/views/job.coffee b/assets/scripts/app/views/job.coffee
index 086346cc..9027ebf7 100644
--- a/assets/scripts/app/views/job.coffee
+++ b/assets/scripts/app/views/job.coffee
@@ -1,4 +1,4 @@
-@Travis.reopen
+Travis.reopen
JobsView: Travis.View.extend
templateName: 'jobs/list'
buildBinding: 'controller.build'
@@ -37,204 +37,3 @@
urlCommitter: (->
Travis.Urls.email(@get('commit.committerEmail'))
).property('commit.committerEmail')
-
- LogView: Travis.View.extend
- templateName: 'jobs/log'
- logBinding: 'job.log'
-
- plainTextLogUrl: (->
- if id = @get('job.log.id')
- Travis.Urls.plainTextLog(id)
- ).property('job.log')
-
- didInsertElement: ->
- @_super.apply this, arguments
- @tryScrollingToHashLineNumber()
-
- scrollTo: (hash) ->
- # and this is even more weird, when changing hash in URL in firefox
- # to other value, for example #L10, it actually scrolls just #main
- # element... this is probably some CSS issue, I don't have time to
- # investigate at the moment
- # TODO: fix this
- $('#main').scrollTop 0
-
- # weird, html works in chrome, body in firefox
- $('html,body').scrollTop $(hash).offset().top
-
- @set 'controller.lineNumberHash', null
-
- lineNumberHashDidChange: (->
- @tryScrollingToHashLineNumber()
- ).observes('controller.lineNumberHash')
-
- tryScrollingToHashLineNumber: ->
- if hash = @get 'controller.lineNumberHash'
- self = this
-
- checker = ->
- return if self.get('isDestroyed')
-
- if $(hash).length
- self.scrollTo(hash)
- else
- setTimeout checker, 100
-
- checker()
-
- click: (event) ->
- target = $(event.target)
-
- target.closest('.fold').toggleClass('open')
-
- if target.is('a') && target.attr('id') && target.attr('id').match(/^L\d+$/)
- path = target.attr 'href'
- Travis.app.get('router').route(path)
- event.stopPropagation()
- return false
-
- toTop: () ->
- $(window).scrollTop(0)
-
- jobBinding: 'context'
-
- logSubscriber: (->
- # for some reason observing context does not work,
- # TODO: find out why
- job = @get('job')
- job.subscribe() if job && !job.get('isFinished')
- null
- ).property('job', 'job.state')
-
- logUrl: (->
- repo = @get('job.repo')
- item = @get('parentView.currentItem')
-
- if repo && item
- event = if item.constructor == Travis.Build
- 'showBuild'
- else
- 'showJob'
-
- Travis.app.get('router').urlForEvent(event, repo, item)
- ).property('job.repo', 'parentView.currentItem')
-
- PreView: Em.View.extend
- templateName: 'jobs/pre'
- init: ->
- @_super.apply this, arguments
- @set 'logManager', Travis.Log.create(target: this)
-
- toggleTailing: (event) ->
- Travis.app.tailing.toggle()
- event.preventDefault()
-
- didInsertElement: ->
- @_super.apply this, arguments
-
- Ember.run.next this, ->
- if @get 'log.isInitialized'
- @logDidChange()
-
- willDestroy: ->
- @get('logManager').destroy()
- @get('log.parts').removeArrayObserver this,
- didChange: 'logContentsDidChange'
- willChange: 'logContentsWillChange'
-
- version: (->
- @rerender()
- @set 'logManager', Travis.Log.create(target: this)
- ).observes('log.version')
-
- logDidChange: (->
- if @get('log.isInitialized') && @state == 'inDOM'
- @attachLogObservers()
- ).observes('log', 'log.isInitialized')
-
- attachLogObservers: ->
- return if @get('logPartsObserversAttached') == Ember.guidFor(@get('log'))
- @set 'logPartsObserversAttached', Ember.guidFor(@get('log'))
-
- Ember.run.next this, ->
- @get('logManager').append @get('log.parts')
-
- @get('log.parts').addArrayObserver this,
- didChange: 'logContentsDidChange'
- willChange: 'logContentsWillChange'
-
- logContentsDidChange: (lines, index, removedCount, addedCount) ->
- addedLines = lines.slice(index, index + addedCount)
- @get('logManager').append addedLines
-
- logContentsWillChange: (-> )
-
- appendLog: (payloads) ->
- url = @get('logUrl')
-
- leftOut = []
- cut = false
- fragment = document.createDocumentFragment()
-
- # TODO: refactor this loop, it's getting messy
- for payload in payloads
- line = payload.content
- number = payload.number
-
- if payload.logWasCut
- cut = true
- else
- unless payload.append
- pathWithNumber = "#{url}#L#{number}"
- p = document.createElement('p')
- p.innerHTML = "#{number}#{line}"
- line = p
-
- if payload.fold && !payload.foldContinuation
- div = document.createElement('div')
- div.appendChild line
- div.className = "fold #{payload.fold} show-first-line"
- line = div
-
- if payload.replace
- if link = fragment.querySelector("#L#{number}")
- link.parentElement.innerHTML = line.innerHTML
- else
- this.$("#L#{number}").parent().replaceWith line
- else if payload.append
- if link = fragment.querySelector("#L#{number}")
- link.parentElement.innerHTML += line
- else
- this.$("#L#{number}").parent().append line
- else if payload.foldContinuation
- folds = fragment.querySelectorAll(".fold.#{payload.fold}")
- if fold = folds[folds.length - 1]
- fold.appendChild line
- else
- this.$("#log .fold.#{payload.fold}:last").append line
- else
- fragment.appendChild(line)
-
- if payload.openFold
- folds = fragment.querySelectorAll(".fold.#{payload.openFold}")
- if fold = folds[folds.length - 1]
- fold = $(fold)
- else
- fold = this.$(".fold.#{payload.openFold}:last")
-
- fold.removeClass('show-first-line').addClass('open')
-
- if payload.foldEnd
- folds = fragment.querySelectorAll(".fold.#{payload.fold}")
- if fold = folds[folds.length - 1]
- fold = $(fold)
- else
- fold = this.$(".fold.#{payload.fold}:last")
-
- fold.removeClass('show-first-line')
-
- this.$('#log')[0].appendChild fragment
- if cut
- url = Travis.Urls.plainTextLog(@get('log.id'))
- this.$("#log").append $("
Log was too long to display. Download the the raw version to get the full log.
") - diff --git a/assets/scripts/app/views/left.coffee b/assets/scripts/app/views/left.coffee index ced9bac4..f79cf82a 100644 --- a/assets/scripts/app/views/left.coffee +++ b/assets/scripts/app/views/left.coffee @@ -10,9 +10,9 @@ classOwned: (-> classes = [] classes.push('active') if @get('tab') == 'owned' - classes.push('display') if Travis.app.get('currentUser') + classes.push('display') if @get('controller.currentUser') classes.join(' ') - ).property('tab', 'Travis.currentUser') + ).property('tab', 'controller.currentUser') classSearch: (-> 'active' if @get('tab') == 'search' diff --git a/assets/scripts/app/views/log.coffee b/assets/scripts/app/views/log.coffee new file mode 100644 index 00000000..1fab0507 --- /dev/null +++ b/assets/scripts/app/views/log.coffee @@ -0,0 +1,272 @@ +require 'log' +require 'travis/ordered_log' + +Log.DEBUG = true + +Travis.UnorderedLogEngineMixin = Ember.Mixin.create + setupEngine: -> + console.log 'log view: create engine' if Log.DEBUG + @limit = new Log.Limit + @scroll = new Log.Scroll + @engine = Log.create(listeners: [new Log.FragmentRenderer, new Log.Folds, @scroll]) + @observeParts() + @numberLineOnHover() + + destroyEngine: -> + parts = @get('log.parts') + parts.removeArrayObserver(@, didChange: 'partsDidChange', willChange: 'noop') + + observeParts: -> + parts = @get('log.parts') + parts.addArrayObserver(@, didChange: 'partsDidChange', willChange: 'noop') + parts = parts.slice(0) + @partsDidChange(parts, 0, null, parts.length) + + partsDidChange: (parts, start, _, added) -> + console.log 'log view: parts did change' if Log.DEBUG + for part, i in parts.slice(start, start + added) + # console.log "limit in log view: #{@get('limited')}" + break if @get('limited') + @engine.set(part.number, part.content) + @propertyDidChange('limited') + + lineNumberDidChange: (-> + @scroll.set(number) if !@get('isDestroyed') && number = @get('controller.lineNumber') + ).observes('controller.lineNumber') + + limited: (-> + @limit && @limit.limited + ).property() + +Travis.OrderedLogEngineMixin = Ember.Mixin.create + setupEngine: -> + @set('logManager', Travis.OrderedLog.create(target: this)) + + @get('logManager').append @get('log.parts') + + @get('log.parts').addArrayObserver this, + didChange: 'partsDidChange' + willChange: 'noop' + + destroyEngine: (view) -> + @get('logManager').destroy() + @get('log.parts').removeArrayObserver this, + didChange: 'partsDidChange' + willChange: 'noop' + + partsDidChange: (parts, index, removedCount, addedCount) -> + addedParts = parts.slice(index, index + addedCount) + @get('logManager').append addedParts + + lineNumberDidChange: (-> + if number = @get('controller.lineNumber') + @tryScrollingToHashLineNumber(number) + ).observes('controller.lineNumber') + + scrollTo: (id) -> + # and this is even more weird, when changing hash in URL in firefox + # to other value, for example #L10, it actually scrolls just #main + # element... this is probably some CSS issue, I don't have time to + # investigate at the moment + # TODO: fix this + $('#main').scrollTop 0 + + # weird, html works in chrome, body in firefox + $('html,body').scrollTop $(id).offset().top + + @set 'controller.lineNumber', null + + tryScrollingToHashLineNumber: (number) -> + id = "#L#{number}" + checker = => + return if @get('isDestroyed') + + if $(id).length + @scrollTo(id) + else + setTimeout checker, 100 + + checker() + + appendLog: (payloads) -> + url = @get('logUrl') + + leftOut = [] + cut = false + fragment = document.createDocumentFragment() + + # TODO: refactor this loop, it's getting messy + for payload in payloads + line = payload.content + number = payload.number + + if payload.logWasCut + cut = true + else + unless payload.append + pathWithNumber = "#{url}#L#{number}" + p = document.createElement('p') + p.innerHTML = "#{line}" + line = p + + if payload.fold && !payload.foldContinuation + div = document.createElement('div') + div.appendChild line + div.className = "fold #{payload.fold} show-first-line" + line = div + + if payload.replace + if link = fragment.querySelector("#L#{number}") + link.parentElement.innerHTML = line.innerHTML + else + this.$("#L#{number}").parent().replaceWith line + else if payload.append + if link = fragment.querySelector("#L#{number}") + link.parentElement.innerHTML += line + else + this.$("#L#{number}").parent().append line + else if payload.foldContinuation + folds = fragment.querySelectorAll(".fold.#{payload.fold}") + if fold = folds[folds.length - 1] + fold.appendChild line + else + this.$("#log .fold.#{payload.fold}:last").append line + else + fragment.appendChild(line) + + if payload.openFold + folds = fragment.querySelectorAll(".fold.#{payload.openFold}") + if fold = folds[folds.length - 1] + fold = $(fold) + else + fold = this.$(".fold.#{payload.openFold}:last") + + fold.removeClass('show-first-line').addClass('open') + + if payload.foldEnd + folds = fragment.querySelectorAll(".fold.#{payload.fold}") + if fold = folds[folds.length - 1] + fold = $(fold) + else + fold = this.$(".fold.#{payload.fold}:last") + + fold.removeClass('show-first-line') + + this.$('#log')[0].appendChild fragment + if cut + url = Travis.Urls.plainTextLog(@get('log.id')) + this.$("#log").append $("Log was too long to display. Download the the raw version to get the full log.
") + +Travis.reopen + LogView: Travis.View.extend + templateName: 'jobs/log' + logBinding: 'job.log' + contextBinding: 'job' + + didInsertElement: -> + job = @get('job') + job.subscribe() if job && !job.get('isFinished') + + willDestroyElement: -> + job = @get('job') + job.unsubscribe() if job + + toTop: () -> + $(window).scrollTop(0) + + PreView: Em.View.extend(Travis.OrderedLogEngineMixin, { + templateName: 'jobs/pre' + + didInsertElement: -> + console.log 'log view: did insert' if Log.DEBUG + @_super.apply this, arguments + @setupEngine() + @lineNumberDidChange() + + willDestroyElement: -> + console.log 'log view: will destroy' if Log.DEBUG + @destroyEngine() + + versionDidChange: (-> + @rerender() if @get('inDOM') + ).observes('log.version') + + logDidChange: (-> + console.log 'log view: log did change: rerender' if Log.DEBUG + @rerender() if @get('inDOM') + ).observes('log') + + + plainTextLogUrl: (-> + Travis.Urls.plainTextLog(id) if id = @get('log.job.id') + ).property('job.log.id') + + toggleTailing: -> + Travis.tailing.toggle() + event.preventDefault() + + numberLineOnHover: -> + $('#log').on 'mouseenter', 'a', -> + $(this).attr('href', '#L' + ($(this.parentNode).prevAll('p:visible').length + 1)) + + click: -> + if (href = $(event.target).attr('href')) && matches = href?.match(/#L(\d+)$/) + @lineNumberClicked(matches[1]) + event.stopPropagation() + false + else + target = $(event.target) + target.closest('.fold').toggleClass('open') + + logUrl: (-> + if item = @get('controller.currentItem') + if repo = item.get('repo') + name = if item.constructor == Travis.Build + 'build' + else + 'job' + + Travis.__container__.lookup('router:main').generate(name, repo, item) + ).property('controller.currentItem.repo', 'controller.currentItem') + + lineNumberClicked: (number) -> + path = @get('logUrl') + "#L#{number}" + window.history.replaceState({ path: path }, null, path); + @set('controller.lineNumber', number) + + noop: -> # TODO required? + }) + +Log.Scroll = -> +Log.Scroll.prototype = $.extend new Log.Listener, + set: (number) -> + return unless number + @number = number + @tryScroll() + + insert: (log, line, pos) -> + @tryScroll() if @number + true + + tryScroll: -> + if element = $("#log p:visible")[@number - 1] + $('#main').scrollTop(0) + $('html, body').scrollTop($(element).offset()?.top) # weird, html works in chrome, body in firefox + @highlight(element) + @number = undefined + + highlight: (element) -> + $('#log p.highlight').removeClass('highlight') + $(element).addClass('highlight') + +Log.Logger = -> +Log.Logger.prototype = $.extend new Log.Listener, + receive: (log, num, string) -> + @log("rcv #{num} #{JSON.stringify(string)}") + true + insert: (log, element, pos) -> + @log("ins #{element.id}, #{if pos.before then 'before' else 'after'}: #{pos.before || pos.after || '?'}, #{JSON.stringify(element)}") + remove: (log, element) -> + @log("rem #{element.id}") + log: (line) -> + console.log(line) diff --git a/assets/scripts/app/views/profile.coffee b/assets/scripts/app/views/profile.coffee index 8af689c7..234fbde5 100644 --- a/assets/scripts/app/views/profile.coffee +++ b/assets/scripts/app/views/profile.coffee @@ -1,4 +1,4 @@ -@Travis.reopen +Travis.reopen ProfileView: Travis.View.extend templateName: 'profile/show' accountBinding: 'controller.account' @@ -11,7 +11,7 @@ templateName: 'profile/tabs' tabBinding: 'controller.tab' - activate: (event) -> + activate: -> @get('controller').activate(event.target.name) classHooks: (-> @@ -63,7 +63,7 @@ { key: 'de', name: 'Deutsch' } ] ).property() - - change: (event) -> + + change: -> return unless $('#locale').val() @get('user').updateLocale($('#locale').val()) diff --git a/assets/scripts/app/views/repo/list.coffee b/assets/scripts/app/views/repo/list.coffee index b4f5ae26..c94bd6f6 100644 --- a/assets/scripts/app/views/repo/list.coffee +++ b/assets/scripts/app/views/repo/list.coffee @@ -13,7 +13,9 @@ repoBinding: 'content' classNames: ['repo'] classNameBindings: ['color', 'selected'] - selectedBinding: 'repo.selected' + selected: (-> + @get('content') == @get('controller.selectedRepo') + ).property('controller.selectedRepo') color: (-> Travis.Helpers.colorForState(@get('repo.lastBuildState')) @@ -22,9 +24,10 @@ ReposListTabsView: Travis.View.extend templateName: 'repos/list/tabs' tabBinding: 'controller.tab' + currentUserBinding: 'controller.currentUser.id' - activate: (event) -> - @get('controller').activate(event.target.name) + activate: (name) -> + @get('controller').activate(name) classRecent: (-> 'active' if @get('tab') == 'recent' @@ -33,13 +36,13 @@ classOwned: (-> classes = [] classes.push('active') if @get('tab') == 'owned' - classes.push('display-inline') if Travis.app.get('currentUser') + classes.push('display-inline') if @get('currentUser') classes.join(' ') - ).property('tab', 'Travis.app.currentUser') + ).property('tab', 'currentUser') classSearch: (-> 'active' if @get('tab') == 'search' ).property('tab') - toggleInfo: (event) -> + toggleInfo: -> $('#repos').toggleClass('open') diff --git a/assets/scripts/app/views/repo/show.coffee b/assets/scripts/app/views/repo/show.coffee index b9ede214..0c0e317d 100644 --- a/assets/scripts/app/views/repo/show.coffee +++ b/assets/scripts/app/views/repo/show.coffee @@ -1,35 +1,15 @@ -@Travis.reopen +Travis.reopen RepoView: Travis.View.extend templateName: 'repos/show' - reposBinding: 'controller.repos' - repoBinding: 'controller.repo' + reposBinding: 'controllers.repos' - class: (-> - 'loading' unless @get('repo.isLoaded') - ).property('repo.isLoaded') + classNameBindings: ['controller.isLoading:loading'] isEmpty: (-> @get('repos.isLoaded') && @get('repos.length') == 0 ).property('repos.isLoaded', 'repos.length') - urlGithub: (-> - Travis.Urls.githubRepo(@get('repo.slug')) - ).property('repo.slug'), - - RepoShowStatsView: Travis.View.extend - templateName: 'repos/show/stats' - repoBinding: 'parentView.repo' - statsBinding: 'repo.stats' - - urlGithubWatchers: (-> - Travis.Urls.githubWatchers(@get('repo.slug')) - ).property('repo.slug'), - - urlGithubNetwork: (-> - Travis.Urls.githubNetwork(@get('repo.slug')) - ).property('repo.slug'), - ReposEmptyView: Travis.View.extend template: '' @@ -81,13 +61,15 @@ buildBinding: 'controller.build' jobBinding: 'controller.job' tabBinding: 'controller.tab' + currentUserBinding: 'controller.currentUser' closeMenu: -> + console.log 'closeMenu' $('.menu').removeClass('display') - menu: (event) -> + menu: -> @popupCloseAll() - element = $('#tools .menu').toggleClass('display') + $('#tools .menu').toggleClass('display') event.stopPropagation() requeue: -> @@ -104,7 +86,7 @@ @closeMenu() @get('job').cancel() - statusImages: (event) -> + statusImages: -> @set('active', true) @closeMenu() @popupCloseAll() @@ -115,7 +97,7 @@ view.appendTo($('body')) event.stopPropagation() - regenerateKeyPopup: (event) -> + regenerateKeyPopup: -> if @get('canRegenerateKey') @set('active', true) @closeMenu() @@ -134,13 +116,12 @@ regenerateKey: -> @popupCloseAll() - self = this - @get('repo').regenerateKey - success: -> - self.popup('regeneration-success') + (@get('repo.content') || @get('repo')).regenerateKey + success: => + @popup('regeneration-success') error: -> - Travis.app.router.flashController.loadFlashes([{ error: 'Travis encountered an error while trying to regenerate the key, please try again.'}]) + Travis.lookup('controller:flash').loadFlashes([{ error: 'Travis encountered an error while trying to regenerate the key, please try again.'}]) displayRequeueBuild: (-> @get('isBuildTab') && @get('build.isFinished') @@ -208,6 +189,6 @@ ).property('tab') hasPermission: (-> - if permissions = Travis.app.get('currentUser.permissions') - permissions.contains @get('repo.id') - ).property('Travis.app.currentUser.permissions.length', 'repo.id') + if permissions = @get('currentUser.permissions') + permissions.contains parseInt(@get('repo.id')) + ).property('currentUser.permissions.length', 'repo.id') diff --git a/assets/scripts/app/views/sidebar.coffee b/assets/scripts/app/views/sidebar.coffee index dbee7c7c..782171f8 100644 --- a/assets/scripts/app/views/sidebar.coffee +++ b/assets/scripts/app/views/sidebar.coffee @@ -4,64 +4,38 @@ DecksView: Em.View.extend templateName: "sponsors/decks" - controller: Travis.SponsorsController.create - perPage: 1 - - didInsertElement: -> - controller = @get 'controller' - unless controller.get('content') - Travis.app.get('router.sidebarController').tickables.push(controller) - controller.set 'content', Travis.Sponsor.decks() + init: -> @_super.apply this, arguments + @set 'controller', @get('controller').container.lookup('controller:decks') LinksView: Em.View.extend templateName: "sponsors/links" - controller: Travis.SponsorsController.create - perPage: 6 - - didInsertElement: -> - controller = @get 'controller' - unless controller.get('content') - controller.set 'content', Travis.Sponsor.links() - Travis.app.get('router.sidebarController').tickables.push(controller) + init: -> @_super.apply this, arguments + @set 'controller', @get('controller').container.lookup('controller:links') WorkersView: Em.View.extend templateName: 'workers/list' - controller: Travis.WorkersController.create() - - didInsertElement: -> - @set 'controller.content', Travis.Worker.find() + init: -> @_super.apply this, arguments + @set 'controller', @get('controller').container.lookup('controller:workers') QueuesView: Em.View.extend templateName: 'queues/list' - controller: Em.ArrayController.create() - - showAll: (event) -> - queue = event.context - queue.showAll() - - didInsertElement: -> - queues = for queue in Travis.QUEUES - Travis.LimitedArray.create - content: Travis.Job.queued(queue.name), limit: 20 - id: "queue_#{queue.name}" - name: queue.display - @set 'controller.content', queues + init: -> @_super.apply this, arguments + @set 'controller', @get('controller').container.lookup('controller:queues') RunningJobsView: Em.View.extend templateName: 'jobs/running' elementId: 'running-jobs' - controller: Travis.RunningJobsController.create() + init: -> + @_super.apply this, arguments + @set 'controller', @get('controller').container.lookup('controller:runningJobs') groupsBinding: 'controller.sortedGroups' jobsBinding: 'controller' - didInsertElement: -> - @get('controller').set 'content', Travis.Job.running() - GroupView: Em.View.extend templateName: 'jobs/running/group' tagName: 'li' @@ -74,7 +48,7 @@ WorkersView: Travis.View.extend - toggleWorkers: (event) -> + toggleWorkers: -> handle = $(event.target).toggleClass('open') if handle.hasClass('open') $('#workers li').addClass('open') @@ -82,10 +56,12 @@ $('#workers li').removeClass('open') WorkersListView: Travis.View.extend - toggle: (event) -> - $(event.target).closest('li').toggleClass('open') + toggle: -> + this.$().find('> li').toggleClass('open') WorkersItemView: Travis.View.extend + classNameBindings: ['worker.state'] + display: (-> name = (@get('worker.name') || '').replace('travis-', '') state = @get('worker.state') @@ -96,6 +72,5 @@ "#{name}: #{state}" ).property('worker.state') - QueueItemView: Travis.View.extend tagName: 'li' diff --git a/assets/scripts/app/views/signin.coffee b/assets/scripts/app/views/signin.coffee index afb75fb6..39e75ef6 100644 --- a/assets/scripts/app/views/signin.coffee +++ b/assets/scripts/app/views/signin.coffee @@ -3,5 +3,5 @@ templateName: 'auth/signin' signingIn: (-> - Travis.app.get('authState') == 'signing-in' - ).property('Travis.app.authState') + Travis.get('authState') == 'signing-in' + ).property('Travis.authState') diff --git a/assets/scripts/app/views/top.coffee b/assets/scripts/app/views/top.coffee index a3049dc7..bb674845 100644 --- a/assets/scripts/app/views/top.coffee +++ b/assets/scripts/app/views/top.coffee @@ -25,9 +25,9 @@ classProfile: (-> classes = ['profile menu'] classes.push('active') if @get('tab') == 'profile' - classes.push(Travis.app.get('authState')) + classes.push(Travis.get('authState')) classes.join(' ') - ).property('tab', 'Travis.app.authState') + ).property('tab', 'Travis.authState') showProfile: -> $('#top .profile ul').show() diff --git a/assets/scripts/data/sponsors.coffee b/assets/scripts/data/sponsors.coffee index 032a3e86..bb97bf07 100644 --- a/assets/scripts/data/sponsors.coffee +++ b/assets/scripts/data/sponsors.coffee @@ -1,48 +1,49 @@ @Travis.SPONSORS = [ - { type: 'platinum', url: "http://www.wooga.com", image: "wooga-205x130.png" } - { type: 'platinum', url: "http://bendyworks.com", image: "bendyworks-205x130.png" } - { type: 'platinum', url: "http://cloudcontrol.com", image: "cloudcontrol-205x130.png" } - { type: 'platinum', url: "http://xing.de", image: "xing-205x130.png" } + { id: '1', type: 'platinum', url: "http://www.wooga.com", image: "wooga-205x130.png" } + { id: '2', type: 'platinum', url: "http://bendyworks.com", image: "bendyworks-205x130.png" } + { id: '3', type: 'platinum', url: "http://cloudcontrol.com", image: "cloudcontrol-205x130.png" } + { id: '4', type: 'platinum', url: "http://xing.de", image: "xing-205x130.png" } - { type: 'gold', url: "http://heroku.com", image: "heroku-205x60.png" } - { type: 'gold', url: "http://soundcloud.com", image: "soundcloud-205x60.png" } - { type: 'gold', url: "http://nedap.com", image: "nedap-205x60.png" } - { type: 'gold', url: "http://mongohq.com", image: "mongohq-205x60.png" } - { type: 'gold', url: "http://zweitag.de", image: "zweitag-205x60.png" } - { type: 'gold', url: "http://kanbanery.com", image: "kanbanery-205x60.png" } - { type: 'gold', url: "http://ticketevolution.com", image: "ticketevolution-205x60.jpg" } - { type: 'gold', url: "http://plan.io/travis", image: "planio-205x60.png" } + { id: '5', type: 'gold', url: "http://heroku.com", image: "heroku-205x60.png" } + { id: '6', type: 'gold', url: "http://soundcloud.com", image: "soundcloud-205x60.png" } + { id: '7', type: 'gold', url: "http://nedap.com", image: "nedap-205x60.png" } + { id: '8', type: 'gold', url: "http://mongohq.com", image: "mongohq-205x60.png" } + { id: '9', type: 'gold', url: "http://zweitag.de", image: "zweitag-205x60.png" } + { id: '10', type: 'gold', url: "http://kanbanery.com", image: "kanbanery-205x60.png" } + { id: '11', type: 'gold', url: "http://ticketevolution.com", image: "ticketevolution-205x60.jpg" } + { id: '12', type: 'gold', url: "http://plan.io/travis", image: "planio-205x60.png" } - { type: 'silver', link: "Cobot: The one tool to run your coworking space" } - { type: 'silver', link: "JumpstartLab: We build developers" } - { type: 'silver', link: "Evil Martians: Agile Ruby on Rails development" } - { type: 'silver', link: "Zendesk: Love your helpdesk" } - { type: 'silver', link: "Stripe: Payments for developers" } - { type: 'silver', link: "Basho: We make Riak!" } - { type: 'silver', link: "Relevance: We deliver software solutions" } - { type: 'silver', link: "Mindmatters: Software für Menschen" } - { type: 'silver', link: "Amen: The best and worst of everything" } - { type: 'silver', link: "Site5: Premium Web Hosting Solutions" } - { type: 'silver', link: "Crowd Interactive: Leading Rails consultancy in Mexico" } - { type: 'silver', link: "Atomic Object: Work with really smart people" } - { type: 'silver', link: "Codeminer: smart services for your startup" } - { type: 'silver', link: "Cloudant: grow into your data layer, not out of it" } - { type: 'silver', link: "Gidsy: Explore, organize & book unique things to do!" } - { type: 'silver', link: "5apps: Package & deploy HTML5 apps automatically" } - { type: 'silver', link: "Meltmedia: We are Interactive Superheroes" } - { type: 'silver', link: "Fingertips offers design and development services" } - { type: 'silver', link: "Engine Yard: Build epic apps, let us handle the rest" } - { type: 'silver', link: "Malwarebytes: Defeat Malware once and for all." } - { type: 'silver', link: "Readmill: The best reading app on the iPad." } - { type: 'silver', link: "Medidata: clinical tech improving quality of life" } - { type: 'silver', link: "ESM: Japan's best agile Ruby/Rails consultancy" } - { type: 'silver', link: "Twitter: instantly connects people everywhere" } - { type: 'silver', link: "AGiLE ANiMAL: we <3 Travis CI." } - { type: 'silver', link: "Tupalo: Discover, review & share local businesses." } - { type: 'silver', link: "Pivotal Labs"} - { type: 'silver', link: "Fiksu"} - { type: 'silver', link: "Sauce Labs"} - { type: 'silver', link: "Mogotest: Never be embarrassed by a visually broken site again."} + { id: '13', type: 'silver', link: "Cobot: The one tool to run your coworking space" } + { id: '14', type: 'silver', link: "JumpstartLab: We build developers" } + { id: '15', type: 'silver', link: "Evil Martians: Agile Ruby on Rails development" } + { id: '16', type: 'silver', link: "Zendesk: Love your helpdesk" } + { id: '17', type: 'silver', link: "Stripe: Payments for developers" } + { id: '18', type: 'silver', link: "Basho: We make Riak!" } + { id: '19', type: 'silver', link: "Relevance: We deliver software solutions" } + { id: '20', type: 'silver', link: "Mindmatters: Software für Menschen" } + { id: '21', type: 'silver', link: "Amen: The best and worst of everything" } + { id: '22', type: 'silver', link: "Site5: Premium Web Hosting Solutions" } + { id: '23', type: 'silver', link: "Crowd Interactive: Leading Rails consultancy in Mexico" } + { id: '24', type: 'silver', link: "Atomic Object: Work with really smart people" } + { id: '25', type: 'silver', link: "Codeminer: smart services for your startup" } + { id: '26', type: 'silver', link: "Cloudant: grow into your data layer, not out of it" } + { id: '27', type: 'silver', link: "Gidsy: Explore, organize & book unique things to do!" } + { id: '28', type: 'silver', link: "5apps: Package & deploy HTML5 apps automatically" } + { id: '29', type: 'silver', link: "Meltmedia: We are Interactive Superheroes" } + { id: '30', type: 'silver', link: "Fingertips offers design and development services" } + { id: '31', type: 'silver', link: "Engine Yard: Build epic apps, let us handle the rest" } + { id: '32', type: 'silver', link: "Malwarebytes: Defeat Malware once and for all." } + { id: '33', type: 'silver', link: "Readmill: The best reading app on the iPad." } + { id: '34', type: 'silver', link: "Medidata: clinical tech improving quality of life" } + { id: '35', type: 'silver', link: "ESM: Japan's best agile Ruby/Rails consultancy" } + { id: '36', type: 'silver', link: "Twitter: instantly connects people everywhere" } + { id: '37', type: 'silver', link: "AGiLE ANiMAL: we <3 Travis CI." } + { id: '38', type: 'silver', link: "Tupalo: Discover, review & share local businesses." } + { id: '39', type: 'silver', link: "Pivotal Labs"} + { id: '40', type: 'silver', link: "Fiksu"} + { id: '41', type: 'silver', link: "Sauce Labs"} + { id: '42', type: 'silver', link: "Mogotest: Never be embarrassed by a visually broken site again."} + { id: '43', type: 'silver', link: "BusyConf: Conferences and Events Made Easy"} ] @Travis.WORKERS = { diff --git a/assets/scripts/lib/travis/ajax.coffee b/assets/scripts/lib/travis/ajax.coffee index 5af00cfd..0a694674 100644 --- a/assets/scripts/lib/travis/ajax.coffee +++ b/assets/scripts/lib/travis/ajax.coffee @@ -1,6 +1,6 @@ jQuery.support.cors = true -@Travis.ajax = Em.Object.create +Travis.ajax = Em.Object.create DEFAULT_OPTIONS: accepts: json: 'application/vnd.travis-ci.2+json' @@ -33,14 +33,14 @@ jQuery.support.cors = true success = options.success || (->) options.success = (data) => - Travis.app.router.flashController.loadFlashes(data.flash) if Travis.app?.router && data.flash - delete data.flash + Travis.lookup('controller:flash').loadFlashes(data.flash) if data?.flash + delete data.flash if data? success.apply(this, arguments) error = options.error || (->) options.error = (data) => - Travis.app.router.flashController.pushObject(data.flash) if data.flash - delete data.flash + Travis.lookup('controller:flash').pushObject(data.flash) if data?.flash + delete data.flash if data? error.apply(this, arguments) $.ajax($.extend(options, Travis.ajax.DEFAULT_OPTIONS)) diff --git a/assets/scripts/lib/travis/chunk_buffer.coffee b/assets/scripts/lib/travis/chunk_buffer.coffee new file mode 100644 index 00000000..f2e6d8fc --- /dev/null +++ b/assets/scripts/lib/travis/chunk_buffer.coffee @@ -0,0 +1,92 @@ +get = Ember.get + +Travis.ChunkBuffer = Em.ArrayProxy.extend + timeout: 5000 + checkTimeoutFrequency: 1000 + start: 1 + next: 1 + + init: -> + @_super.apply this, arguments + + @lastInsert = 0 + + @set('next', @get('start')) + + @checkTimeout() + + if @get('content.length') + @get('queue.content').pushObjects @get('content').toArray() + + arrangedContent: (-> + [] + ).property('content') + + addObject: (obj) -> + @get('content').pushObject(obj) + + removeObject: (obj) -> + @get('content').removeObject(obj) + + replaceContent: (idx, amt, objects) -> + @get('content').replace(idx, amt, objects) + + queue: (-> + Em.ArrayProxy.extend(Em.SortableMixin, { + content: [] + sortProperties: ['number'] + sortAscending: true + }).create() + ).property() + + contentArrayDidChange: (array, index, removedCount, addedCount) -> + @_super.apply this, arguments + + if addedCount + queue = @get('queue') + addedObjects = array.slice(index, index + addedCount) + console.log 'Added log parts with numbers:', addedObjects.map( (element) -> get(element, 'number') )+'', 'current', @get('next') + queue.pushObjects addedObjects + @check() + @inserted() + + check: -> + queue = @get('queue') + next = @get('next') + + arrangedContent = @get('arrangedContent') + toPush = [] + + while queue.get('firstObject.number') <= next + element = queue.shiftObject() + if get(element, 'number') == next + toPush.pushObject get(element, 'content') + next += 1 + + if toPush.length + arrangedContent.pushObjects toPush + + @set('next', next) + + inserted: -> + now = @now() + @lastInsert = now + + checkTimeout: -> + now = @now() + if now - @lastInsert > @get('timeout') + @giveUpOnMissingParts() + @set 'runLaterId', Ember.run.later(this, @checkTimeout, @get('checkTimeoutFrequency')) + + willDestroy: -> + Ember.run.cancel @get('runLaterId') + @_super.apply this, arguments + + now: -> + (new Date()).getTime() + + giveUpOnMissingParts: -> + if number = @get('queue.firstObject.number') + console.log 'Giving up on missing parts in the buffer, switching to:', number + @set('next', number) + @check() diff --git a/assets/scripts/lib/travis/expandable_record_array.coffee b/assets/scripts/lib/travis/expandable_record_array.coffee index 268f766e..7153b891 100644 --- a/assets/scripts/lib/travis/expandable_record_array.coffee +++ b/assets/scripts/lib/travis/expandable_record_array.coffee @@ -33,10 +33,9 @@ Travis.ExpandableRecordArray = DS.RecordArray.extend @pushObject object pushObject: (record) -> - ids = @get 'content' - id = record.get 'id' - clientId = record.get 'clientId' + content = @get 'content' + id = record.get 'id' + clientId = record.get 'clientId' + reference = @get('store').referenceForClientId(clientId) - return if ids.contains clientId - - ids.pushObject clientId + @addReference reference diff --git a/assets/scripts/lib/travis/limited_array.coffee b/assets/scripts/lib/travis/limited_array.coffee index b9f1a6d8..c6baaddc 100644 --- a/assets/scripts/lib/travis/limited_array.coffee +++ b/assets/scripts/lib/travis/limited_array.coffee @@ -54,7 +54,7 @@ Travis.LimitedArray = Em.ArrayProxy.extend if addedCount if index < limit addedObjects = array.slice(index, index + addedCount) - @replaceContent(index, 0, addedObjects) + @get('arrangedContent').replace(index, 0, addedObjects) @balanceArray() diff --git a/assets/scripts/lib/travis/line_number_parser.coffee b/assets/scripts/lib/travis/line_number_parser.coffee new file mode 100644 index 00000000..d77020fe --- /dev/null +++ b/assets/scripts/lib/travis/line_number_parser.coffee @@ -0,0 +1,5 @@ +Travis.LineNumberParser = Ember.Mixin.create + fetchLineNumber: -> + url = @container.lookup('router:main').get('url') + if match = url.match(/#L(\d+)$/) + match[1] diff --git a/assets/scripts/lib/travis/location.coffee b/assets/scripts/lib/travis/location.coffee index b49de069..034fd83f 100644 --- a/assets/scripts/lib/travis/location.coffee +++ b/assets/scripts/lib/travis/location.coffee @@ -1,16 +1,4 @@ Travis.Location = Ember.HistoryLocation.extend - onUpdateURL: (callback) -> - guid = Ember.guidFor(this) - - Ember.$(window).bind 'popstate.ember-location-'+guid, (e) -> - callback(location.pathname + location.hash) - getURL: -> location = @get('location') location.pathname + location.hash - - initState: -> - @replaceState(@getURL()); - Ember.set(this, 'history', window.history) - -Ember.Location.implementations['travis'] = Travis.Location diff --git a/assets/scripts/lib/travis/model.coffee b/assets/scripts/lib/travis/model.coffee index dada8467..4587033e 100644 --- a/assets/scripts/lib/travis/model.coffee +++ b/assets/scripts/lib/travis/model.coffee @@ -1,15 +1,24 @@ @Travis.Model = DS.Model.extend - primaryKey: 'id' - id: DS.attr('number') - init: -> @loadedAttributes = [] @_super.apply this, arguments - refresh: -> - if id = @get('id') - store = @get('store') - store.adapter.find store, @constructor, id + getAttr: (key, options) -> + @needsCompletionCheck(key) + @_super.apply this, arguments + + getBelongsTo: (key, type, meta) -> + @needsCompletionCheck(key) + @_super.apply this, arguments + + getHasMany: (key, type, meta) -> + @needsCompletionCheck(key) + @_super.apply this, arguments + + needsCompletionCheck: (key) -> + if key && (@constructor.isAttribute(key) || @constructor.isRelationship(key)) && + @get('incomplete') && !@isAttributeLoaded(key) + @loadTheRest(key) update: (attrs) -> $.each attrs, (key, value) => @@ -17,14 +26,7 @@ this isAttributeLoaded: (name) -> - key = null - if meta = Ember.get(this.constructor, 'attributes').get(name) - key = meta.key(this.constructor) - else if meta = Ember.get(this.constructor, 'associationsByName').get(name) - key = meta.options.key || @get('namingConvention').foreignKey(name) - - if key - @get('store').isDataLoadedFor(this.constructor, @get('clientId'), key) + @get('store').isDataLoadedFor(this.constructor, @get('clientId'), name) isComplete: (-> if @get 'incomplete' @@ -40,33 +42,32 @@ # undefined key return if !key || key == 'undefined' - message = "Load missing fields for #{@constructor.toString()} because of missing key '#{key}', cid: #{@get('clientId')}" + message = "Load missing fields for #{@constructor.toString()} because of missing key '#{key}', cid: #{@get('clientId')}, id: #{@get('id')}" if @constructor.isAttribute('state') && key != 'state' message += ", in state: #{@get('state')}" console.log message return if @get('isCompleting') @set 'isCompleting', true - @refresh() + unless @get('stateManager.currentState.path').match /^rootState.loaded.materializing/ + @reload() + @set 'incomplete', false select: -> @constructor.select(@get('id')) - loadedAsIncomplete: () -> - @set 'incomplete', true - @Travis.Model.reopenClass find: -> if arguments.length == 0 - Travis.app.store.findAll(this) + Travis.store.findAll(this) else @_super.apply(this, arguments) filter: (callback) -> - Travis.app.store.filter(this, callback) + Travis.store.filter(this, callback) load: (attrs) -> - Travis.app.store.load(this, attrs) + Travis.store.load(this, attrs) select: (id) -> @find().forEach (record) -> @@ -86,8 +87,18 @@ name.replace(/([A-Z])/g, '_$1').toLowerCase().slice(1) pluralName: -> - Travis.app.store.adapter.pluralize(@singularName()) + Travis.store.adapter.pluralize(@singularName()) isAttribute: (name) -> - Ember.get(this, 'attributes').has(name) || - Ember.get(this, 'associationsByName').has(name) + Ember.get(this, 'attributes').has(name) + + isRelationship: (name) -> + Ember.get(this, 'relationshipsByName').has(name) + + isHasManyRelationship: (name) -> + if relationship = Ember.get(this, 'relationshipsByName').get(name) + relationship.kind == 'hasMany' + + isBelongsToRelationship: (name) -> + if relationship = Ember.get(this, 'relationshipsByName').get(name) + relationship.kind == 'belongsTo' diff --git a/assets/scripts/lib/travis/log.coffee b/assets/scripts/lib/travis/ordered_log.coffee similarity index 99% rename from assets/scripts/lib/travis/log.coffee rename to assets/scripts/lib/travis/ordered_log.coffee index e4d5b88a..65c33fcd 100644 --- a/assets/scripts/lib/travis/log.coffee +++ b/assets/scripts/lib/travis/ordered_log.coffee @@ -5,7 +5,7 @@ FOLDS = [ Em.Object.create(name: 'bundle', startPattern: /^\$ bundle install/, endPattern: /^(<\/span>)?\$/) ] -@Travis.Log = Em.Object.extend +@Travis.OrderedLog = Em.Object.extend init: -> @set 'folds', [] @set 'line', 1 diff --git a/assets/scripts/lib/travis/ticker.coffee b/assets/scripts/lib/travis/ticker.coffee index b85506d0..81f14517 100644 --- a/assets/scripts/lib/travis/ticker.coffee +++ b/assets/scripts/lib/travis/ticker.coffee @@ -11,6 +11,4 @@ @schedule() schedule: -> - Ember.run.later((=> @tick()), @get('interval') || Travis.app.TICK_INTERVAL) - - + Ember.run.later((=> @tick()), @get('interval') || Travis.TICK_INTERVAL) diff --git a/assets/scripts/spec/build_spec.coffee b/assets/scripts/spec/build_spec.coffee index d650cc58..8c42674c 100644 --- a/assets/scripts/spec/build_spec.coffee +++ b/assets/scripts/spec/build_spec.coffee @@ -1,13 +1,13 @@ describe 'on the "build" state', -> beforeEach -> - app 'travis-ci/travis-core/builds/1' + app '/travis-ci/travis-core/builds/1' + + console.log 'wait for repos' waitFor reposRendered runs -> + console.log 'wait for build' waitFor buildRendered - afterEach -> - window.history.pushState({}, null, '/spec.html') - it 'displays the expected stuff', -> listsRepos [ { slug: 'travis-ci/travis-hub', build: { number: 4, url: '/travis-ci/travis-hub/builds/4', duration: '1 min', finishedAt: '-' } } @@ -52,14 +52,11 @@ describe 'on the "build" state', -> describe 'on the "current" state', -> beforeEach -> - app 'travis-ci/travis-core' + app '/travis-ci/travis-core' waitFor reposRendered runs -> waitFor buildRendered - afterEach -> - window.history.pushState({}, null, '/spec.html') - it 'correctly updates values on pusher build:started event', -> payload = build: @@ -72,8 +69,8 @@ describe 'on the "current" state', -> finished_at: '2012-07-02T00:02:55Z' event_type: 'push' result: 1 - commit_message: 'commit message 3' - commit: '1234567' + message: 'commit message 3' + commit: 'foo1234' state: 'started' repository: id: 1 @@ -81,10 +78,19 @@ describe 'on the "current" state', -> last_build_id: 11 Em.run -> - Travis.app.receive 'build:started', payload + Travis.receive 'build:started', payload - waits(100) runs -> displaysSummaryBuildLink '/travis-ci/travis-core/builds/11', '3' + displaysSummary + type: 'build' + id: 11 + repo: 'travis-ci/travis-core' + commit: 'foo1234' + branch: 'master' + compare: '0123456..1234567' + finishedAt: 'less than a minute ago' + duration: '55 sec' + message: 'commit message 3' diff --git a/assets/scripts/spec/builds_spec.coffee b/assets/scripts/spec/builds_spec.coffee index 22124e29..0229547b 100644 --- a/assets/scripts/spec/builds_spec.coffee +++ b/assets/scripts/spec/builds_spec.coffee @@ -1,11 +1,8 @@ describe 'on the "builds" state', -> beforeEach -> - app 'travis-ci/travis-core/builds' + app '/travis-ci/travis-core/builds' waitFor buildsRendered - afterEach -> - window.history.pushState({}, null, '/spec.html') - it 'displays the expected stuff', -> listsRepos [ { slug: 'travis-ci/travis-hub', build: { number: 4, url: '/travis-ci/travis-hub/builds/4', duration: '1 min', finishedAt: '-' } } diff --git a/assets/scripts/spec/current_spec.coffee b/assets/scripts/spec/current_spec.coffee index eea24c0b..d3ab3167 100644 --- a/assets/scripts/spec/current_spec.coffee +++ b/assets/scripts/spec/current_spec.coffee @@ -3,9 +3,6 @@ describe 'on the "current" state', -> app 'travis-ci/travis-core' waitFor buildRendered - afterEach -> - window.history.pushState({}, null, '/spec.html') - it 'displays the expected stuff', -> listsRepos [ { slug: 'travis-ci/travis-hub', build: { number: 4, url: '/travis-ci/travis-hub/builds/4', duration: '1 min', finishedAt: '-' } } diff --git a/assets/scripts/spec/event_spec.coffee b/assets/scripts/spec/event_spec.coffee index 8b78af65..ddde0844 100644 --- a/assets/scripts/spec/event_spec.coffee +++ b/assets/scripts/spec/event_spec.coffee @@ -1,7 +1,4 @@ describe 'events', -> - afterEach -> - window.history.pushState({}, null, '/spec.html') - describe 'an event adding a repository', -> beforeEach -> app 'travis-ci/travis-core' @@ -24,7 +21,7 @@ describe 'events', -> responseText: payload Em.run -> - Travis.app.receive 'build:started', + Travis.receive 'build:started', build: id: 10 repository: @@ -57,13 +54,12 @@ describe 'events', -> started_at: '2012-07-02T00:02:00Z' finished_at: '2012-07-02T00:02:55Z' event_type: 'push' - result: 1 message: 'commit message 3' commit: '1234567' - state: 'started' + state: 'failed' Em.run -> - Travis.app.receive 'build:started', payload + Travis.receive 'build:started', payload waits(100) runs -> @@ -74,43 +70,9 @@ describe 'events', -> describe 'an event adding a job', -> beforeEach -> app 'travis-ci/travis-core' - waitFor jobsRendered + waitFor jobsRendered, 'jobs should be rendered' runs -> - waitFor queuesRendered - - it 'adds a job to the jobs matrix', -> - payload = - job: - id: 15 - repository_id: 1 - build_id: 1 - commit_id: 1 - log_id: 1 - number: '1.4' - duration: 55 - started_at: '2012-07-02T00:02:00Z' - finished_at: '2012-07-02T00:02:55Z' - config: { rvm: 'jruby' } - - $.mockjax - url: '/jobs/15' - responseTime: 0 - responseText: payload - - Em.run -> - Travis.app.receive 'job:started', - job: - id: 15 - repository_id: 1 - build_id: 1 - commit_id: 1 - - waits(100) - runs -> - listsJob - table: $('#jobs') - row: 3 - item: { id: 15, number: '1.4', repo: 'travis-ci/travis-core', finishedAt: 'less than a minute ago', duration: '55 sec', rvm: 'jruby' } + waitFor queuesRendered, 'queues should be rendered' it 'adds a job to the jobs queue', -> payload = @@ -118,7 +80,7 @@ describe 'events', -> id: 12 repository_id: 1 number: '1.4' - queue: 'builds.common' + queue: 'builds.linux' $.mockjax url: '/jobs/12' @@ -126,24 +88,25 @@ describe 'events', -> responseText: payload Em.run -> - Travis.app.receive 'job:started', + Travis.receive 'job:started', job: id: 12 repository_id: 1 + repository_slug: 'travis-ci/travis-core' number: '1.4' - queue: 'builds.common' + queue: 'builds.linux' state: 'created' - waits(100) + waits(1000) runs -> listsQueuedJob - name: 'common' + name: 'linux' row: 3 item: { number: '1.4', repo: 'travis-ci/travis-core' } it 'updates only keys that are available', -> Em.run -> - Travis.app.receive 'job:started', + Travis.receive 'job:started', job: id: 1 build_id: 1 @@ -174,7 +137,7 @@ describe 'events', -> responseText: payload Em.run -> - Travis.app.receive 'worker:created', + Travis.receive 'worker:created', worker: id: 10 name: 'ruby-3' @@ -194,7 +157,7 @@ describe 'events', -> app '/travis-ci/travis-core' waitFor workersRendered - it 'does not update repository if it\'s already in store', -> + it 'does not update repository if it\'s already in the store', -> payload = worker: id: 1 @@ -208,7 +171,7 @@ describe 'events', -> last_build_number: '999' Em.run -> - Travis.app.receive 'worker:updated', payload + Travis.receive 'worker:updated', payload waits(100) runs -> diff --git a/assets/scripts/spec/index_spec.coffee b/assets/scripts/spec/index_spec.coffee index beaa6903..df96a419 100644 --- a/assets/scripts/spec/index_spec.coffee +++ b/assets/scripts/spec/index_spec.coffee @@ -3,9 +3,6 @@ describe 'on the "index" state', -> app 'travis-ci/travis-core' waitFor buildRendered - afterEach -> - window.history.pushState({}, null, '/spec.html') - it 'displays the expected stuff', -> listsRepos [ { slug: 'travis-ci/travis-hub', build: { number: 4, url: '/travis-ci/travis-hub/builds/4', duration: '1 min', finishedAt: '-' } } diff --git a/assets/scripts/spec/job_spec.coffee b/assets/scripts/spec/job_spec.coffee index c0ab3312..ab2f5955 100644 --- a/assets/scripts/spec/job_spec.coffee +++ b/assets/scripts/spec/job_spec.coffee @@ -1,13 +1,16 @@ describe 'on the "job" state', -> beforeEach -> + $.mockjax + url: '/jobs/1/log?cors_hax=true' + responseTime: 0 + responseText: 'log 1' + + app 'travis-ci/travis-core/jobs/1' waitFor jobRendered runs -> waitFor hasText('#tab_build', 'Build #1') - afterEach -> - window.history.pushState({}, null, '/spec.html') - it 'displays the expected stuff', -> listsRepos [ { slug: 'travis-ci/travis-hub', build: { number: 4, url: '/travis-ci/travis-hub/builds/4', duration: '1 min', finishedAt: '-' } } @@ -15,26 +18,28 @@ describe 'on the "job" state', -> { slug: 'travis-ci/travis-assets', build: { number: 3, url: '/travis-ci/travis-assets/builds/3', duration: '30 sec', finishedAt: 'a day ago' } } ] - displaysRepository - href: 'http://github.com/travis-ci/travis-core' + waits 100 + runs -> + displaysRepository + href: 'http://github.com/travis-ci/travis-core' - displaysSummary - id: 1 - type: 'job' - repo: 'travis-ci/travis-core' - commit: '1234567' - branch: 'master' - compare: '0123456..1234567' - finishedAt: '3 minutes ago' - duration: '30 sec' - message: 'commit message 1' + displaysSummary + id: 1 + type: 'job' + repo: 'travis-ci/travis-core' + commit: '1234567' + branch: 'master' + compare: '0123456..1234567' + finishedAt: '3 minutes ago' + duration: '30 sec' + message: 'commit message 1' - displaysTabs - current: { href: '/travis-ci/travis-core' } - builds: { href: '/travis-ci/travis-core/builds' } - build: { href: '/travis-ci/travis-core/builds/1' } - job: { href: '/travis-ci/travis-core/jobs/1', active: true } + displaysTabs + current: { href: '/travis-ci/travis-core' } + builds: { href: '/travis-ci/travis-core/builds' } + build: { href: '/travis-ci/travis-core/builds/1' } + job: { href: '/travis-ci/travis-core/jobs/1', active: true } - displaysLog [ - 'log 1' - ] + displaysLog [ + 'log 1' + ] diff --git a/assets/scripts/spec/sidebar_spec.coffee b/assets/scripts/spec/sidebar_spec.coffee index 327fba12..d2c326c6 100644 --- a/assets/scripts/spec/sidebar_spec.coffee +++ b/assets/scripts/spec/sidebar_spec.coffee @@ -5,11 +5,8 @@ describe 'the sidebar', -> runs -> waitFor hasText('#tab_build', 'Build #1') - afterEach -> - window.history.pushState({}, null, '/spec.html') - it 'displays the expected stuff', -> listsQueues [ - { name: 'common', item: { number: '5.1', repo: 'travis-ci/travis-core' } } - { name: 'common', item: { number: '5.2', repo: 'travis-ci/travis-core' } } + { name: 'linux', item: { number: '5.1', repo: 'travis-ci/travis-core' } } + { name: 'linux', item: { number: '5.2', repo: 'travis-ci/travis-core' } } ] diff --git a/assets/scripts/spec/spec_helper.coffee b/assets/scripts/spec/spec_helper.coffee index e49fa538..5e469126 100644 --- a/assets/scripts/spec/spec_helper.coffee +++ b/assets/scripts/spec/spec_helper.coffee @@ -1,55 +1,15 @@ minispade.require 'app' -@reset = -> - Em.run -> - if Travis.app - if Travis.app.store - Travis.app.store.destroy() - Travis.app.destroy() - delete Travis.app - delete Travis.store - - waits(500) # TODO not sure what we need to wait for here - $('#application').remove() - $('body').append( $('') ) - @app = (url) -> - reset() - Em.run -> - Travis.run(rootElement: $('#application')) - waitFor -> Travis.app - # TODO: so much waiting here, I'm sure we can minimize this - runs -> - url = "/#{url}" if url && !url.match(/^\//) - Travis.app.router.route(url) - waits 500 - runs -> - foo = 'bar' + # TODO: this should wait till app is initialized, not some + # arbitrary amount of time + waits(50) + runs -> + Travis.reset() + url = "/#{url}" unless url.match /^\// + Travis.__container__.lookup('router:main').handleURL(url) -_Date = Date -@Date = (date) -> - new _Date(date || '2012-07-02T00:03:00Z') -@Date.UTC = _Date.UTC -# hacks for missing features in webkit -unless Function::bind - Function::bind = (oThis) -> - - # closest thing possible to the ECMAScript 5 internal IsCallable function - throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable") if typeof this isnt "function" - aArgs = Array::slice.call(arguments, 1) - fToBind = this - fNOP = -> - - fBound = -> - fToBind.apply (if this instanceof fNOP and oThis then this else oThis), aArgs.concat(Array::slice.call(arguments_)) - - fNOP.prototype = @.prototype - fBound.prototype = new fNOP() - fBound - -window.history.state = {} -oldPushState = window.history.pushState -window.history.pushState = (state, title, href) -> - window.history.state = state - oldPushState.apply this, arguments +now = -> new Date('2012-07-02T00:03:00Z') +$.timeago.settings.nowFunction = -> now().getTime() +Travis.currentDate = now diff --git a/assets/scripts/spec/support/conditions.coffee b/assets/scripts/spec/support/conditions.coffee index 5491f98b..67a60462 100644 --- a/assets/scripts/spec/support/conditions.coffee +++ b/assets/scripts/spec/support/conditions.coffee @@ -9,6 +9,6 @@ @buildsRendered = notEmpty('#builds .number') @jobRendered = notEmpty('#summary .number') @jobsRendered = notEmpty('#jobs .number') -@queuesRendered = notEmpty('#queue_common li') +@queuesRendered = notEmpty('#queue_linux li') @workersRendered = notEmpty('.worker') diff --git a/assets/scripts/spec/support/expectations.coffee b/assets/scripts/spec/support/expectations.coffee index 6365fdc7..edf80ddc 100644 --- a/assets/scripts/spec/support/expectations.coffee +++ b/assets/scripts/spec/support/expectations.coffee @@ -41,9 +41,8 @@ expect(element.text()).toEqual data.message @displaysLog = (lines) -> - ix = 0 - log = $.map(lines, (line) -> ix += 1; "#{ix}#{line}").join("\n") - expect($('#log p').text().trim()).toEqual log + log = lines.join() + expect($('#log').text().trim()).toEqual log @listsRepos = (items) -> listsItems('repo', items) diff --git a/assets/scripts/spec/support/helpers.coffee b/assets/scripts/spec/support/helpers.coffee index fb41779e..c8007a71 100644 --- a/assets/scripts/spec/support/helpers.coffee +++ b/assets/scripts/spec/support/helpers.coffee @@ -8,4 +8,3 @@ @waitFor = waitsFor - diff --git a/assets/scripts/spec/support/mocks.coffee b/assets/scripts/spec/support/mocks.coffee index f17d941f..ea256dab 100644 --- a/assets/scripts/spec/support/mocks.coffee +++ b/assets/scripts/spec/support/mocks.coffee @@ -1,45 +1,45 @@ responseTime = 0 repos = [ - { id: 1, owner: 'travis-ci', name: 'travis-core', slug: 'travis-ci/travis-core', build_ids: [1, 2], last_build_id: 1, last_build_number: 1, last_build_result: 0, last_build_duration: 30, last_build_started_at: '2012-07-02T00:00:00Z', last_build_finished_at: '2012-07-02T00:00:30Z', description: 'Description of travis-core' }, - { id: 2, owner: 'travis-ci', name: 'travis-assets', slug: 'travis-ci/travis-assets', build_ids: [3], last_build_id: 3, last_build_number: 3, last_build_result: 1, last_build_duration: 30, last_build_started_at: '2012-07-02T00:01:00Z', last_build_finished_at: '2012-07-01T00:01:30Z', description: 'Description of travis-assets'}, - { id: 3, owner: 'travis-ci', name: 'travis-hub', slug: 'travis-ci/travis-hub', build_ids: [4], last_build_id: 4, last_build_number: 4, last_build_result: undefined, last_build_duration: undefined, last_build_started_at: '2012-07-02T00:02:00Z', last_build_finished_at: undefined, description: 'Description of travis-hub'}, + { id: '1', owner: 'travis-ci', name: 'travis-core', slug: 'travis-ci/travis-core', build_ids: [1, 2], last_build_id: 1, last_build_number: 1, last_build_result: 0, last_build_duration: 30, last_build_started_at: '2012-07-02T00:00:00Z', last_build_finished_at: '2012-07-02T00:00:30Z', description: 'Description of travis-core' }, + { id: '2', owner: 'travis-ci', name: 'travis-assets', slug: 'travis-ci/travis-assets', build_ids: [3], last_build_id: 3, last_build_number: 3, last_build_result: 1, last_build_duration: 30, last_build_started_at: '2012-07-02T00:01:00Z', last_build_finished_at: '2012-07-01T00:01:30Z', description: 'Description of travis-assets'}, + { id: '3', owner: 'travis-ci', name: 'travis-hub', slug: 'travis-ci/travis-hub', build_ids: [4], last_build_id: 4, last_build_number: 4, last_build_result: undefined, last_build_duration: undefined, last_build_started_at: '2012-07-02T00:02:00Z', last_build_finished_at: undefined, description: 'Description of travis-hub'}, ] builds = [ - { id: 1, repository_id: '1', commit_id: 1, job_ids: [1, 2, 3], number: 1, pull_request: false, config: { rvm: ['rbx', '1.9.3', 'jruby'] }, duration: 30, started_at: '2012-07-02T00:00:00Z', finished_at: '2012-07-02T00:00:30Z', result: 0 }, - { id: 2, repository_id: '1', commit_id: 2, job_ids: [4], number: 2, pull_request: false, config: { rvm: ['rbx'] } }, - { id: 3, repository_id: '2', commit_id: 3, job_ids: [5], number: 3, pull_request: false, config: { rvm: ['rbx'] }, duration: 30, started_at: '2012-07-02T00:01:00Z', finished_at: '2012-07-01T00:01:30Z', result: 1 }, - { id: 4, repository_id: '3', commit_id: 4, job_ids: [6], number: 4, pull_request: false, config: { rvm: ['rbx'] }, started_at: '2012-07-02T00:02:00Z' }, + { id: '1', repository_id: '1', commit_id: 1, job_ids: [1, 2, 3], number: 1, pull_request: false, config: { rvm: ['rbx', '1.9.3', 'jruby'] }, duration: 30, started_at: '2012-07-02T00:00:00Z', finished_at: '2012-07-02T00:00:30Z', state: 'passed' }, + { id: '2', repository_id: '1', commit_id: 2, job_ids: [4], number: 2, pull_request: false, config: { rvm: ['rbx'] } }, + { id: '3', repository_id: '2', commit_id: 3, job_ids: [5], number: 3, pull_request: false, config: { rvm: ['rbx'] }, duration: 30, started_at: '2012-07-02T00:01:00Z', finished_at: '2012-07-01T00:01:30Z', state: 'failed' }, + { id: '4', repository_id: '3', commit_id: 4, job_ids: [6], number: 4, pull_request: false, config: { rvm: ['rbx'] }, started_at: '2012-07-02T00:02:00Z' }, ] commits = [ - { id: 1, sha: '1234567', branch: 'master', message: 'commit message 1', author_name: 'author name', author_email: 'author@email.com', committer_name: 'committer name', committer_email: 'committer@email.com', compare_url: 'http://github.com/compare/0123456..1234567' }, - { id: 2, sha: '2345678', branch: 'feature', message: 'commit message 2', author_name: 'author name', author_email: 'author@email.com', committer_name: 'committer name', committer_email: 'committer@email.com', compare_url: 'http://github.com/compare/0123456..2345678' }, - { id: 3, sha: '3456789', branch: 'master', message: 'commit message 3', author_name: 'author name', author_email: 'author@email.com', committer_name: 'committer name', committer_email: 'committer@email.com', compare_url: 'http://github.com/compare/0123456..3456789' }, - { id: 4, sha: '4567890', branch: 'master', message: 'commit message 4', author_name: 'author name', author_email: 'author@email.com', committer_name: 'committer name', committer_email: 'committer@email.com', compare_url: 'http://github.com/compare/0123456..4567890' }, + { id: '1', sha: '1234567', branch: 'master', message: 'commit message 1', author_name: 'author name', author_email: 'author@email.com', committer_name: 'committer name', committer_email: 'committer@email.com', compare_url: 'http://github.com/compare/0123456..1234567' }, + { id: '2', sha: '2345678', branch: 'feature', message: 'commit message 2', author_name: 'author name', author_email: 'author@email.com', committer_name: 'committer name', committer_email: 'committer@email.com', compare_url: 'http://github.com/compare/0123456..2345678' }, + { id: '3', sha: '3456789', branch: 'master', message: 'commit message 3', author_name: 'author name', author_email: 'author@email.com', committer_name: 'committer name', committer_email: 'committer@email.com', compare_url: 'http://github.com/compare/0123456..3456789' }, + { id: '4', sha: '4567890', branch: 'master', message: 'commit message 4', author_name: 'author name', author_email: 'author@email.com', committer_name: 'committer name', committer_email: 'committer@email.com', compare_url: 'http://github.com/compare/0123456..4567890' }, ] jobs = [ - { id: 1, repository_id: 1, build_id: 1, commit_id: 1, log_id: 1, number: '1.1', config: { rvm: 'rbx' }, duration: 30, started_at: '2012-07-02T00:00:00Z', finished_at: '2012-07-02T00:00:30Z', result: 0 } - { id: 2, repository_id: 1, build_id: 1, commit_id: 1, log_id: 2, number: '1.2', config: { rvm: '1.9.3' }, duration: 40, started_at: '2012-07-02T00:00:00Z', finished_at: '2012-07-02T00:00:40Z', result: 1 } - { id: 3, repository_id: 1, build_id: 1, commit_id: 1, log_id: 3, number: '1.3', config: { rvm: 'jruby' }, allow_failure: true } - { id: 4, repository_id: 1, build_id: 2, commit_id: 2, log_id: 4, number: '2.1', config: { rvm: 'rbx' } } - { id: 5, repository_id: 2, build_id: 3, commit_id: 3, log_id: 5, number: '3.1', config: { rvm: 'rbx' }, duration: 30, started_at: '2012-07-02T00:01:00Z', finished_at: '2012-07-02T00:01:30Z', result: 1 } - { id: 6, repository_id: 3, build_id: 4, commit_id: 4, log_id: 6, number: '4.1', config: { rvm: 'rbx' }, started_at: '2012-07-02T00:02:00Z' } - { id: 7, repository_id: 1, build_id: 5, commit_id: 5, log_id: 7, number: '5.1', config: { rvm: 'rbx' }, state: 'created', queue: 'builds.common' } - { id: 8, repository_id: 1, build_id: 5, commit_id: 5, log_id: 8, number: '5.2', config: { rvm: 'rbx' }, state: 'created', queue: 'builds.common' } + { id: '1', repository_id: 1, repository_slug: 'travis-ci/travis-core', build_id: 1, commit_id: 1, log_id: 1, number: '1.1', config: { rvm: 'rbx' }, duration: 30, started_at: '2012-07-02T00:00:00Z', finished_at: '2012-07-02T00:00:30Z', state: 'passed' } + { id: '2', repository_id: 1, repository_slug: 'travis-ci/travis-core', build_id: 1, commit_id: 1, log_id: 2, number: '1.2', config: { rvm: '1.9.3' }, duration: 40, started_at: '2012-07-02T00:00:00Z', finished_at: '2012-07-02T00:00:40Z', state: 'failed' } + { id: '3', repository_id: 1, repository_slug: 'travis-ci/travis-core', build_id: 1, commit_id: 1, log_id: 3, number: '1.3', config: { rvm: 'jruby' }, allow_failure: true } + { id: '4', repository_id: 1, repository_slug: 'travis-ci/travis-core', build_id: 2, commit_id: 2, log_id: 4, number: '2.1', config: { rvm: 'rbx' } } + { id: '5', repository_id: 2, repository_slug: 'travis-ci/travis-assets', build_id: 3, commit_id: 3, log_id: 5, number: '3.1', config: { rvm: 'rbx' }, duration: 30, started_at: '2012-07-02T00:01:00Z', finished_at: '2012-07-02T00:01:30Z', state: 'failed' } + { id: '6', repository_id: 3, repository_slug: 'travis-ci/travis-hub', build_id: 4, commit_id: 4, log_id: 6, number: '4.1', config: { rvm: 'rbx' }, started_at: '2012-07-02T00:02:00Z' } + { id: '7', repository_id: 1, repository_slug: 'travis-ci/travis-core', build_id: 5, commit_id: 5, log_id: 7, number: '5.1', config: { rvm: 'rbx' }, state: 'created', queue: 'builds.linux' } + { id: '8', repository_id: 1, repository_slug: 'travis-ci/travis-core', build_id: 5, commit_id: 5, log_id: 8, number: '5.2', config: { rvm: 'rbx' }, state: 'created', queue: 'builds.linux' } ] artifacts = [ - { id: 1, body: 'log 1' } - { id: 2, body: 'log 2' } - { id: 3, body: 'log 3' } - { id: 4, body: 'log 4' } - { id: 5, body: 'log 5' } - { id: 6, body: 'log 6' } - { id: 7, body: 'log 7' } - { id: 8, body: 'log 8' } + { id: '1', body: 'log 1' } + { id: '2', body: 'log 2' } + { id: '3', body: 'log 3' } + { id: '4', body: 'log 4' } + { id: '5', body: 'log 5' } + { id: '6', body: 'log 6' } + { id: '7', body: 'log 7' } + { id: '8', body: 'log 8' } ] branches = [ @@ -49,8 +49,8 @@ branches = [ ] workers = [ - { id: 1, name: 'ruby-1', host: 'worker.travis-ci.org', state: 'ready' } - { id: 2, name: 'ruby-2', host: 'worker.travis-ci.org', state: 'ready' } + { id: '1', name: 'ruby-1', host: 'worker.travis-ci.org', state: 'ready' } + { id: '2', name: 'ruby-2', host: 'worker.travis-ci.org', state: 'ready' } ] hooks = [ diff --git a/assets/scripts/spec/unit/artifact_spec.coffee b/assets/scripts/spec/unit/artifact_spec.coffee deleted file mode 100644 index 4458152e..00000000 --- a/assets/scripts/spec/unit/artifact_spec.coffee +++ /dev/null @@ -1,36 +0,0 @@ -store = null -record = null - -describe 'Travis.Artifact', -> - beforeEach -> - store = Travis.Store.create() - - afterEach -> - store.destroy() - - describe 'with part of the body loaded', -> - beforeEach => - store.load Travis.Artifact, 1, { id: 1, body: 'first\nsecond\n' } - record = store.find(Travis.Artifact, 1) - - it 'packs the existing part of the body to parts', -> - expect( record.get('parts').toArray() ).toEqual( ['first\nsecond\n'] ) - - it 'adds new chunks of log to parts', -> - record.append('third\n') - expect( record.get('parts').toArray() ).toEqual( ['first\nsecond\n', 'third\n'] ) - - it 'properly handles array observers', -> - called = 0 - observer = { - arrayDidChange: -> called += 1 - arrayWillChange: -> called += 1 - } - - record.get('parts').addArrayObserver observer, - willChange: 'arrayWillChange' - didChange: 'arrayDidChange' - - record.append('something') - - expect(called).toEqual 2 diff --git a/assets/scripts/spec/unit/build_spec.coffee b/assets/scripts/spec/unit/build_spec.coffee index 2a81e1d1..f7374224 100644 --- a/assets/scripts/spec/unit/build_spec.coffee +++ b/assets/scripts/spec/unit/build_spec.coffee @@ -10,7 +10,8 @@ describe 'Travis.Build', -> describe 'incomplete attributes', -> beforeEach -> - record = store.loadIncomplete Travis.Build, { id: 1, state: 'started' } + store.loadIncomplete Travis.Build, { id: 1, state: 'started' } + record = store.find Travis.Build, 1 it 'does not load record on duration, finishedAt and result if job is not in finished state', -> record.get('_duration') @@ -19,12 +20,13 @@ describe 'Travis.Build', -> waits 50 runs -> - expect( record.get('complete') ).toBeFalsy() + expect( record.get('incomplete') ).toBeTruthy() it 'loads the rest of the record if it\'s in finished state', -> - record = store.loadIncomplete Travis.Build, { id: 1, state: 'finished' } + store.loadIncomplete Travis.Build, { id: 1, state: 'passed' } + record = store.find Travis.Build, 1 record.get('finishedAt') waits 50 runs -> - expect( record.get('complete') ).toBeTruthy() + expect( record.get('incomplete') ).toBeFalsy() diff --git a/assets/scripts/spec/unit/chunk_buffer_spec.coffee b/assets/scripts/spec/unit/chunk_buffer_spec.coffee new file mode 100644 index 00000000..399dcbb3 --- /dev/null +++ b/assets/scripts/spec/unit/chunk_buffer_spec.coffee @@ -0,0 +1,93 @@ +createChunk = (number, content) -> + Em.Object.create(number: number, content: content) + +describe 'Travis.ChunkBuffer', -> + it 'waits for parts to be in order before revealing them', -> + buffer = Travis.ChunkBuffer.create(content: []) + + buffer.pushObject createChunk(3, "baz") + buffer.pushObject createChunk(2, "bar") + + expect(buffer.get('length')).toEqual(0) + + buffer.pushObject createChunk(1, "foo") + + expect(buffer.get('length')).toEqual(3) + + expect(buffer.toArray()).toEqual(['foo', 'bar', 'baz']) + + it 'ignores a part if it fails to be delivered within timeout', -> + buffer = Travis.ChunkBuffer.create(content: [], timeout: 20, checkTimeoutFrequency: 5) + + buffer.pushObject createChunk(3, "baz") + + expect(buffer.get('length')).toEqual(0) + + buffer.pushObject createChunk(1, "foo") + + expect(buffer.get('length')).toEqual(1) + + waits 40 + runs -> + expect(buffer.get('length')).toEqual(2) + expect(buffer.toArray()).toEqual(['foo', 'baz']) + + buffer.destroy() + + it 'works correctly when parts are passed as content', -> + content = [createChunk(2, 'bar')] + + buffer = Travis.ChunkBuffer.create(content: content) + + expect(buffer.get('length')).toEqual(0) + + buffer.pushObject createChunk(1, "foo") + + expect(buffer.get('length')).toEqual(2) + expect(buffer.toArray()).toEqual(['foo', 'bar']) + + it 'works correctly when parts duplicated', -> + buffer = Travis.ChunkBuffer.create(content: []) + + buffer.pushObject createChunk(1, "foo") + buffer.pushObject createChunk(2, "bar") + buffer.pushObject createChunk(3, "baz") + + buffer.pushObject createChunk(2, "bar") + buffer.pushObject createChunk(3, "baz") + buffer.pushObject createChunk(4, "qux") + + expect(buffer.get('length')).toEqual(4) + expect(buffer.toArray()).toEqual(['foo', 'bar', 'baz', 'qux']) + + it 'fires array observers properly', -> + changes = [] + buffer = Travis.ChunkBuffer.create(content: []) + + observer = Em.Object.extend( + init: -> + @_super.apply this, arguments + + @get('content').addArrayObserver this, + willChange: 'arrayWillChange', + didChange: 'arrayDidChange' + + arrayWillChange: (->) + arrayDidChange: (array, index, removedCount, addedCount) -> + changes.pushObject([index, addedCount]) + ).create(content: buffer) + + buffer.pushObject createChunk(2, "baz") + + expect(buffer.get('length')).toEqual(0) + expect(changes.length).toEqual(0) + + buffer.pushObject createChunk(1, "foo") + + expect(buffer.get('length')).toEqual(2) + expect(changes.length).toEqual(1) + expect(changes[0]).toEqual([0, 2]) + + it 'sets next to start if start is given at init', -> + buffer = Travis.ChunkBuffer.create(content: [], start: 5) + expect(buffer.get('next')).toEqual(5) diff --git a/assets/scripts/spec/unit/incomplete_spec.coffee b/assets/scripts/spec/unit/incomplete_spec.coffee index 676752c3..adf501c3 100644 --- a/assets/scripts/spec/unit/incomplete_spec.coffee +++ b/assets/scripts/spec/unit/incomplete_spec.coffee @@ -1,29 +1,60 @@ -Travis.Foo = Travis.Model.extend - name: DS.attr('string') - description: DS.attr('string') - lastName: DS.attr('string') - - bar: DS.belongsTo('Travis.Bar') - niceBar: DS.belongsTo('Travis.Bar') - veryNiceBar: DS.belongsTo('Travis.Bar', key: 'very_nice_bar_indeed_id') - -Travis.Bar = Travis.Model.extend() - record = null store = null +adapterClass = null -$.mockjax - url: '/foos/1' - responseTime: 10 - responseText: { foo: { id: 1, name: 'foo', description: 'bar' } } - -describe 'Travis.Model', -> +describe 'Travis.Model - incomplete', -> beforeEach -> - store = Travis.Store.create() + $.mockjax + url: '/foos/1' + responseTime: 1 + responseText: { foo: { id: 1, name: 'foo', description: 'bar' } } + + Travis.Foo = Travis.Model.extend + name: DS.attr('string') + description: DS.attr('string') + lastName: DS.attr('string') + + bar: DS.belongsTo('Travis.Bar') + niceBar: DS.belongsTo('Travis.Bar') + veryNiceBar: DS.belongsTo('Travis.Bar') + + Travis.Foo.toString = -> 'Travis.Foo' + + Travis.Bar = Travis.Model.extend + name: DS.attr('string') + foos: DS.hasMany('Travis.Foo') + + Travis.Bar.toString = -> 'Travis.Bar' + + adapterClass = Travis.RestAdapter.extend() + adapterClass.map 'Travis.Foo', + veryNiceBar: { key: 'very_nice_bar_indeed_id' } + niceBar: { key: 'nice_bar_id' } + + store = Travis.Store.create + adapter: adapterClass.create() afterEach -> + delete Travis.Foo + delete Travis.Bar store.destroy() + it 'allows to merge many times', -> + store.load(Travis.Bar, { id: '1', foo_ids: ['1', '2'] }, { id: '1' }) + store.load(Travis.Foo, { id: '1', bar_id: '1' }, { id: '1' }) + store.load(Travis.Foo, { id: '2', bar_id: '1' }, { id: '2' }) + + record = store.find(Travis.Bar, 1) + store.find(Travis.Foo, 1) + store.find(Travis.Foo, 2) + + record.get('foos') + store.loadIncomplete(Travis.Bar, id: 1, name: 'foo') + store.loadIncomplete(Travis.Bar, id: 1, name: 'bar') + + expect( record.get('foos.length') ).toEqual(2) + expect( record.get('name') ).toEqual('bar') + describe 'with incomplete record with loaded associations', -> beforeEach -> attrs = { @@ -32,43 +63,45 @@ describe 'Travis.Model', -> nice_bar_id: 3 very_nice_bar_indeed_id: 4 } - record = store.loadIncomplete(Travis.Foo, attrs) + store.loadIncomplete(Travis.Foo, attrs) + record = store.find Travis.Foo, 1 store.load(Travis.Bar, id: 2) store.load(Travis.Bar, id: 3) store.load(Travis.Bar, id: 4) it 'does not load record on association access', -> - expect( record.get('bar.id') ).toEqual 2 - expect( record.get('niceBar.id') ).toEqual 3 - expect( record.get('veryNiceBar.id') ).toEqual 4 + expect( record.get('bar.id') ).toEqual '2' + expect( record.get('niceBar.id') ).toEqual '3' + expect( record.get('veryNiceBar.id') ).toEqual '4' waits 50 runs -> - expect( record.get('complete') ).toBeFalsy() + expect( record.get('incomplete') ).toBeTruthy() describe 'with incomplete record without loaded associations', -> beforeEach -> attrs = { id: 1 } - record = store.loadIncomplete(Travis.Foo, attrs) + store.loadIncomplete(Travis.Foo, attrs) + record = store.find Travis.Foo, 1 it 'loads record based on regular association key', -> record.get('bar') waits 50 runs -> - expect( record.get('complete') ).toBeTruthy() + expect( record.get('incomplete') ).toBeFalsy() it 'loads record based on camel case association key', -> record.get('niceBar') waits 50 runs -> - expect( record.get('complete') ).toBeTruthy() + expect( record.get('incomplete') ).toBeFalsy() it 'loads record based on ssociation with explicit key', -> record.get('veryNiceBar') waits 50 runs -> - expect( record.get('complete') ).toBeTruthy() + expect( record.get('incomplete') ).toBeFalsy() describe 'with incomplete record', -> beforeEach -> @@ -77,7 +110,8 @@ describe 'Travis.Model', -> name: 'foo' last_name: 'foobar' } - record = store.loadIncomplete(Travis.Foo, attrs) + store.loadIncomplete(Travis.Foo, attrs) + record = store.find Travis.Foo, 1 it 'shows if attribute is loaded', -> expect( record.isAttributeLoaded('name') ).toBeTruthy() @@ -87,7 +121,7 @@ describe 'Travis.Model', -> expect( record.get('name') ).toEqual 'foo' waits 50 runs -> - expect( record.get('complete') ).toBeFalsy() + expect( record.get('incomplete') ).toBeTruthy() it 'loads missing data if getPath is used', -> other = Em.Object.create(record: record) @@ -104,7 +138,6 @@ describe 'Travis.Model', -> waits 50 runs -> expect( record.get('description') ).toEqual 'bar' - expect( record.get('complete') ).toBeTruthy() expect( record.get('isComplete') ).toBeTruthy() it 'does not set incomplete on the record twice', -> @@ -124,28 +157,29 @@ describe 'Travis.Model', -> expect( record.get('lastName') ).toEqual 'foobar' waits 50 runs -> - expect( record.get('complete') ).toBeFalsy() + expect( record.get('incomplete') ).toBeTruthy() it 'adds takes into account additional data loaded as incomplete', -> - record = store.loadIncomplete(Travis.Foo, { id: 1, description: 'baz' }) + store.loadIncomplete(Travis.Foo, { id: 1, description: 'baz' }) + record = store.find Travis.Foo, 1 expect( record.get('description') ).toEqual 'baz' waits 50 runs -> - expect( record.get('complete') ).toBeFalsy() + expect( record.get('incomplete') ).toBeTruthy() describe 'with complete record', -> beforeEach -> - id = 5 + id = '5' attrs = { id: id name: 'foo' } - store.load(Travis.Foo, id, attrs) - record = Travis.Foo.find(id) + store.load(Travis.Foo, attrs, { id: attrs.id }) + record = store.find(Travis.Foo, id) it 'is marked as completed', -> - expect( record.get('complete') ).toBeTruthy() + expect( record.get('incomplete') ).toBeFalsy() it 'allows to get regular attribute', -> expect( record.get('name') ).toEqual 'foo' diff --git a/assets/scripts/spec/unit/job_spec.coffee b/assets/scripts/spec/unit/job_spec.coffee index 2550058b..42efff80 100644 --- a/assets/scripts/spec/unit/job_spec.coffee +++ b/assets/scripts/spec/unit/job_spec.coffee @@ -10,7 +10,8 @@ describe 'Travis.Job', -> describe 'incomplete attributes', -> beforeEach -> - record = store.loadIncomplete Travis.Job, { id: 1, state: 'started' } + store.loadIncomplete Travis.Job, { id: 1, state: 'started' } + record = store.find Travis.Job, 1 it 'does not load record on duration, finishedAt and result if job is not in finished state', -> record.get('_duration') @@ -19,15 +20,16 @@ describe 'Travis.Job', -> waits 50 runs -> - expect( record.get('complete') ).toBeFalsy() + expect( record.get('incomplete') ).toBeTruthy() it 'loads the rest of the record if it\'s in finished state', -> - record = store.loadIncomplete Travis.Job, { id: 1, state: 'finished' } + store.loadIncomplete Travis.Job, { id: 1, state: 'passed' } + record = store.find Travis.Job, 1 record.get('finishedAt') waits 50 runs -> - expect( record.get('complete') ).toBeTruthy() + expect( record.get('incomplete') ).toBeFalsy() describe 'with different number of config keys in sibling jobs', -> diff --git a/assets/scripts/spec/unit/log_spec.coffee b/assets/scripts/spec/unit/log_spec.coffee deleted file mode 100644 index a8ff7d1d..00000000 --- a/assets/scripts/spec/unit/log_spec.coffee +++ /dev/null @@ -1,229 +0,0 @@ -log = null -target = null - -describe 'Travis.Log', -> - beforeEach -> - target = Em.Object.create - calls: [] - appendLog: (payloads) -> - lines = payloads.map (p) -> - line = p.content - delete p.content - line - - @get('calls').pushObject - options: payloads - lines: lines - - log = Travis.Log.create(target: target) - - it 'works with log passed as a string', -> - log.append '1\n2' - - expect( target.get('calls.firstObject.lines') ).toEqual ['1', '2'] - - - it 'splits lines', -> - log.append ['1\r\n2\n\n', '3'] - - expect( target.get('calls.length') ).toEqual 1 - expect( target.get('calls.firstObject.lines') ).toEqual ['1', '2', '', '3'] - - it 'escapes html characters', -> - log.append '<>' - - expect( target.get('calls.firstObject.lines') ).toEqual ['<>'] - - it 'normalizes ansi mess', -> - log.append ['foo\r\r', 'bar'] - - expect( target.get('calls.firstObject.lines') ).toEqual [ 'foo', 'bar' ] - - it 'calls target with folds separation', -> - fold = Em.Object.create name: 'foo', startPattern: /^\$ foo/, endPattern: /^\$/ - log.addFold fold - - fold = Em.Object.create name: 'qux', startPattern: /^\$ qux/, endPattern: /^\$/ - log.addFold fold - - log.append [ - '1\n', '2\n' - '$ foo --foo\n', '1\n' - '$ bar\n' - '$ baz\n' - '$ qux\n', '1\n', '2\n' - '$ end\n' - ] - - # expect( target.get('calls.length') ).toEqual 5 - lines = target.get('calls').map (call) -> call.lines - options = target.get('calls').map (call) -> call.options - - expect( lines[0] ).toEqual ['1', '2'] - expect( options[0]).toEqual [ { number: 1 }, { number: 2 } ] - - expect( lines[1] ).toEqual ['$ foo --foo', '1'] - expect( options[1]).toEqual [ - { number: 3, fold: 'foo' }, - { number: 4, fold: 'foo', foldContinuation: true, foldEnd: true }] - - expect( lines[2] ).toEqual ['$ bar', '$ baz'] - expect( options[2]).toEqual [{ number: 5 }, { number: 6 }] - - expect( lines[3] ).toEqual ['$ qux', '1', '2'] - expect( options[3]).toEqual [ - { number: 7, fold: 'qux' }, - { number: 8, fold: 'qux', foldContinuation: true }, - { number: 9, fold: 'qux', foldContinuation: true, foldEnd: true }] - - expect( lines[4] ).toEqual ['$ end'] - expect( options[4]).toEqual [{ number: 10 }] - - it 'works properly when log is started with fold', -> - fold = Em.Object.create name: 'foo', startPattern: /^\$ foo/, endPattern: /^\$/ - log.addFold fold - - log.append [ - '$ foo --foo\n', '1\n' - '$ bar\n' - ] - - expect( target.get('calls.length') ).toEqual 2 - lines = target.get('calls').map (call) -> call.lines - options = target.get('calls').map (call) -> call.options - - expect( lines[0] ).toEqual ['$ foo --foo', '1'] - expect( options[0]).toEqual [ - { number: 1, fold: 'foo' }, - { number: 2, fold: 'foo', foldContinuation: true, foldEnd: true }] - - expect( lines[1] ).toEqual ['$ bar'] - expect( options[1]).toEqual [{ number: 3 }] - - it 'works properly for 2 consecutive folds', -> - fold = Em.Object.create name: 'foo', startPattern: /^\$ foo/, endPattern: /^\$/ - log.addFold fold - - log.append [ - '$ foo --foo\n', '1\n' - '$ foo --bar\n', '2\n' - '$ bar\n' - ] - - expect( target.get('calls.length') ).toEqual 3 - lines = target.get('calls').map (call) -> call.lines - options = target.get('calls').map (call) -> call.options - - expect( lines[0] ).toEqual ['$ foo --foo', '1'] - expect( options[0]).toEqual [ - { number: 1, fold: 'foo' }, - { number: 2, fold: 'foo', foldContinuation: true, foldEnd: true }] - - expect( lines[1] ).toEqual ['$ foo --bar', '2'] - expect( options[1]).toEqual [ - { number: 3, fold: 'foo' }, - { number: 4, fold: 'foo', foldContinuation: true, foldEnd: true }] - - expect( lines[2] ).toEqual ['$ bar'] - expect( options[2]).toEqual [{ number: 5 }] - - it 'works fine with not finalized fold', -> - fold = Em.Object.create name: 'foo', startPattern: /^\$ foo/, endPattern: /^\$/ - log.addFold fold - - log.append [ - '$ foo --foo\n', '1\n' - ] - - expect( target.get('calls.length') ).toEqual 1 - lines = target.get('calls').map (call) -> call.lines - options = target.get('calls').map (call) -> call.options - - expect( lines[0] ).toEqual ['$ foo --foo', '1'] - expect( options[0]).toEqual [ - { fold: 'foo', number: 1 }, - { fold: 'foo', number: 2, foldContinuation: true }] - - it 'allows to continue fold', -> - fold = Em.Object.create name: 'foo', startPattern: /^\$ foo/, endPattern: /^\$/ - log.addFold fold - - log.append [ - '$ foo --foo\n', '1\n' - ] - - log.append '2\n' - - log.append [ - '3\n' - '$ bar\n' - ] - - expect( target.get('calls.length') ).toEqual 4 - lines = target.get('calls').map (call) -> call.lines - options = target.get('calls').map (call) -> call.options - - expect( lines[0] ).toEqual ['$ foo --foo', '1'] - expect( options[0]).toEqual [ - { fold: 'foo', number: 1 }, - { fold: 'foo', number: 2, foldContinuation: true }] - - expect( lines[1] ).toEqual ['2'] - expect( options[1]).toEqual [ - { fold: 'foo', number: 3, foldContinuation: true } - ] - - expect( lines[2] ).toEqual ['3'] - expect( options[2]).toEqual [ - { fold: 'foo', number: 4, foldContinuation: true, foldEnd: true } - ] - - expect( lines[3] ).toEqual ['$ bar'] - expect( options[3]).toEqual [{ number: 5 }] - - it 'notifies that the line should be appended', -> - log.append '$ foo\n.' - - log.append '...' - - log.append '..\n$ bar\n' - - expect( target.get('calls.length') ).toEqual 3 - lines = target.get('calls').map (call) -> call.lines - options = target.get('calls').map (call) -> call.options - - expect( lines[0] ).toEqual ['$ foo', '.'] - expect( options[0]).toEqual [{ number: 1 }, { number: 2 }] - - expect( lines[1] ).toEqual ['...'] - expect( options[1]).toEqual [{ append: true, number: 2 }] - - expect( lines[2] ).toEqual ['..', '$ bar'] - expect( options[2]).toEqual [{ append: true, number: 2 }, { number: 3 }] - - it 'notifies that the line should be replaced', -> - log.append '$ foo\n' - - log.append '\rDownloading 50%' - log.append '\rDownloading 100%\r\n' - - log.append '$ bar\n' - - expect( target.get('calls.length') ).toEqual 4 - lines = target.get('calls').map (call) -> call.lines - options = target.get('calls').map (call) -> call.options - - expect( lines[0] ).toEqual ['$ foo'] - expect( options[0]).toEqual [{ number: 1 }] - - expect( lines[1] ).toEqual ['', 'Downloading 50%'] - expect( options[1]).toEqual [{ number: 2 }, { number: 2, replace: true }] - - expect( lines[2] ).toEqual ['', 'Downloading 100%'] - expect( options[2]).toEqual [{ number: 2, append: true }, { number: 2, replace: true }] - - expect( lines[3] ).toEqual ['$ bar'] - expect( options[3]).toEqual [{ number: 3 }] - - it 'notifies that the line should be replaced even if carriage return is in the middle', -> - diff --git a/assets/scripts/spec/unit/merge_spec.coffee b/assets/scripts/spec/unit/merge_spec.coffee new file mode 100644 index 00000000..75007d1e --- /dev/null +++ b/assets/scripts/spec/unit/merge_spec.coffee @@ -0,0 +1,105 @@ +record = null +store = null + +describe 'Travis.Model - merge', -> + beforeEach -> + Travis.Foo = Travis.Model.extend + login: DS.attr('string') + firstName: DS.attr('string') + email: DS.attr('string') + + bar: DS.belongsTo('Travis.Bar') + + Travis.Bar = Travis.Model.extend + foos: DS.hasMany('Travis.Foo') + + store = Travis.Store.create() + + afterEach -> + delete Travis.Foo + delete Travis.Bar + store.destroy() + + it 'updates the attributes of materialized record', -> + data = { id: '1', firstName: 'Piotr', email: 'drogus@example.org' } + store.load(Travis.Foo, { id: '1' }, data) + record = store.find(Travis.Foo, '1') + + changes = 0 + + observer = -> + changes += 1 + record.addObserver 'firstName', observer + + Ember.run -> + store.merge(Travis.Foo, { id: '1', first_name: 'Peter', login: 'drogus' }) + + record.removeObserver 'firstName', observer + + expect(changes > 0).toBeTruthy() + expect(record.get('firstName')).toEqual('Peter') + expect(record.get('login')).toEqual('drogus') + expect(record.get('email')).toEqual('drogus@example.org') + + it 'updates belongsTo relationship of materialized record', -> + data = { id: '1', login: 'drogus', bar_id: '1' } + store.load(Travis.Foo, data, { id: '1' }) + store.load(Travis.Bar, { id: '1' }, { id: '1' }) + store.load(Travis.Bar, { id: '2' }, { id: '2' }) + record = store.find(Travis.Foo, '1') + + changed = false + + observer = -> + changed = true + record.addObserver 'bar', observer + + Ember.run -> + store.merge(Travis.Foo, { id: '1', bar_id: '2' }) + + record.removeObserver 'bar', observer + + bar = store.find(Travis.Bar, '2') + + expect(changed).toEqual(true) + expect(record.get('bar')).toEqual(bar) + + it 'updates hasMany relationship of materialized record', -> + data = { id: '1', foo_ids: [1] } + store.load(Travis.Bar, data, { id: '1' }) + store.load(Travis.Foo, { id: '1' }, { id: '1' }) + store.load(Travis.Foo, { id: '2' }, { id: '2' }) + + record = store.find(Travis.Bar, '1') + + changed = false + + observer = -> + changed = true + record.addObserver 'foos.length', observer + + Ember.run -> + store.merge(Travis.Bar, { id: '1', foo_ids: [1, 2] }) + + record.removeObserver 'foos.length', observer + + expect(changed).toEqual(true) + expect(record.get('foos.length')).toEqual(2) + expect(record.get('foos').mapProperty('id')).toEqual(['1', '2']) + + it 'loads given data if it\'s not in the store yet', -> + store.merge(Travis.Foo, { id: '1', login: 'drogus' }) + + record = store.find(Travis.Foo, 1) + + expect(record.get('login')).toEqual('drogus') + expect(record.get('email')).toEqual(null) + + it 'merges data if it\'s just loaded into store', -> + store.load(Travis.Foo, { id: '1', login: 'drogus', email: 'drogus@example.org' }, { id: '1' }) + store.merge(Travis.Foo, { id: '1', login: 'svenfuchs' }) + + record = store.find(Travis.Foo, 1) + + expect(record.get('login')).toEqual('svenfuchs') + expect(record.get('email')).toEqual('drogus@example.org') diff --git a/assets/scripts/spec/unit/pre_view_spec.coffee b/assets/scripts/spec/unit/pre_view_spec.coffee deleted file mode 100644 index c1a95ce5..00000000 --- a/assets/scripts/spec/unit/pre_view_spec.coffee +++ /dev/null @@ -1,161 +0,0 @@ -view = null -store = null -record = null - -describe 'Travis.PreView', -> - beforeEach -> - store = Travis.Store.create() - - afterEach -> - store.destroy() - view.remove() - view.destroy() - - it 'works fine with existing log, which is appended', -> - store.load Travis.Artifact, 1, { id: 1, body: '$ start\n' } - log = Travis.Artifact.find(1) - log.set('version', 1) - - Ember.run -> - view = Travis.PreView.create(log: null) - view.append() - - expect( view.$('#log').length ).toEqual 1 - - Ember.run -> - view.set 'log', log - log.set 'isLoaded', true - - waits 50 - runs -> - expect( view.$('#log p').length ).toEqual 1 - expect( view.$('#log p').text().trim() ).toEqual '1$ start' - - Ember.run -> - log.append('$ end') - - waits 50 - runs -> - expect( view.$('#log p').length ).toEqual 2 - expect( view.$('#log p').text().trim() ).toEqual '1$ start2$ end' - - it 'works fine with log already attahed to view', -> - store.load Travis.Artifact, 1, { id: 1, body: '$ start\n' } - log = Travis.Artifact.find(1) - - Ember.run -> - view = Travis.PreView.create() - view.set('log', log) - view.append() - - Ember.run -> - log.append('end') - - waits 50 - runs -> - expect( view.$('#log p').length ).toEqual 2 - expect( view.$('#log p').text().trim() ).toEqual '1$ start2end' - - it 'folds items', -> - store.load Travis.Artifact, 1, { id: 1, body: '$ start\n' } - log = Travis.Artifact.find(1) - - Ember.run -> - view = Travis.PreView.create() - view.set('log', log) - view.append() - - Ember.run -> - log.append '$ bundle install\n1\n2\n' - - Ember.run -> - log.append '3\n4\n$ something' - - waits 50 - runs -> - expect( view.$('#log > p').length ).toEqual 2 - expect( view.$('#log .fold.bundle').length ).toEqual 1 - expect( view.$('#log .fold.bundle > p').length ).toEqual 5 - - - it 'works properly with fragment document', -> - store.load Travis.Artifact, 1, { id: 1, body: '' } - log = Travis.Artifact.find(1) - - Ember.run -> - view = Travis.PreView.create() - view.set('log', log) - view.append() - - waits 50 - runs -> - payloads = [ - { number: 1, content: 'foo' } - { number: 1, content: 'bar', append: true } - ] - - # it should work even if we need to append to fragment in memory - view.appendLog(payloads) - - expect( view.$('#L1').parent().text().trim() ).toEqual '1foobar' - - # now, let's append more to this line, it's in DOM already - view.appendLog([ { number: 1, content: 'baz', append: true } ]) - - expect( view.$('#L1').parent().text().trim() ).toEqual '1foobarbaz' - - payloads = [ - { number: 1, content: 'foo', replace: true } - ] - # replace should work in DOM - view.appendLog(payloads) - expect( view.$('#L1').parent().text().trim() ).toEqual '1foo' - - payloads = [ - { number: 2, content: 'foo' } - { number: 2, content: 'bar', replace: true } - ] - # replace should work when element is in fragment - view.appendLog(payloads) - expect( view.$('#L2').parent().text().trim() ).toEqual '2bar' - - payloads = [ - { number: 3, content: '$ bundle install', fold: 'bundle' } - { number: 4, content: 'Installing rails', fold: 'bundle', foldContinuation: true } - ] - # folds should work properly with fragment - view.appendLog(payloads) - expect( view.$('.bundle #L3').parent().text().trim() ).toEqual '3$ bundle install' - expect( view.$('.bundle #L4').parent().text().trim() ).toEqual '4Installing rails' - expect( view.$('.bundle > p').length ).toEqual 2 - - payloads = [ - { number: 5, content: 'Installing travis', fold: 'bundle', foldContinuation: true } - ] - # folds should also work when already in DOM - view.appendLog(payloads) - expect( view.$('.bundle #L5').parent().text().trim() ).toEqual '5Installing travis' - expect( view.$('.bundle > p').length ).toEqual 3 - - # regular line append - view.appendLog([ { number: 6, content: 'next'} ]) - expect( view.$('#L6').parent().text().trim() ).toEqual '6next' - - # openFold when in fragment - payloads = [ - { number: 7, content: '$ install', fold: 'install' } - { number: 8, content: 'Installing foo', fold: 'install', foldContinuation: true } - { number: 9, content: 'error', openFold: true, fold: 'install', foldContinuation: true } - ] - # folds should work properly with fragment - view.appendLog(payloads) - expect( view.$('.install').hasClass('show-first-line') ).toEqual false - - # end fold when in fragment - payloads = [ - { number: 10, content: '$ install', fold: 'install2' } - { number: 11, content: 'Installing foo', fold: 'install2', foldEnd: true, foldContinuation: true } - ] - # folds should work properly with fragment - view.appendLog(payloads) - expect( view.$('.install2').hasClass('show-first-line') ).toEqual false diff --git a/assets/scripts/travis.coffee b/assets/scripts/travis.coffee index 912b79a8..e30412a0 100644 --- a/assets/scripts/travis.coffee +++ b/assets/scripts/travis.coffee @@ -1,6 +1,9 @@ require 'ext/jquery' require 'ext/ember/namespace' +window.ENV ||= {} +window.ENV.RAISE_ON_DEPRECATION = true + if window.history.state == undefined window.history.state = {} oldPushState = window.history.pushState @@ -28,10 +31,77 @@ Storage = Em.Object.extend clear: -> @set('storage', {}) +window.Travis = Em.Application.extend(Ember.Evented, + authStateBinding: 'auth.state' + signedIn: (-> @get('authState') == 'signed-in' ).property('authState') -@Travis = Em.Namespace.create Ember.Evented, + setup: -> + @store = Travis.Store.create( + adapter: Travis.RestAdapter.create() + ) + @store.loadMany(Travis.Sponsor, Travis.SPONSORS) + + @slider = new Travis.Slider() + @pusher = new Travis.Pusher(Travis.config.pusher_key) + @tailing = new Travis.Tailing() + + @set('auth', Travis.Auth.create(app: this, endpoint: Travis.config.api_endpoint)) + + reset: -> + @store.destroy() + @setup() + + @_super.apply(this, arguments); + + lookup: -> + @__container__.lookup.apply this, arguments + + storeAfterSignInPath: (path) -> + @get('auth').storeAfterSignInPath(path) + + autoSignIn: (path) -> + @get('auth').autoSignIn() + + signIn: -> + @get('auth').signIn() + + signOut: -> + @get('auth').signOut() + + receive: -> + @store.receive.apply(@store, arguments) + + toggleSidebar: -> + $('body').toggleClass('maximized') + # TODO gotta force redraws here :/ + element = $('') + $('#top .profile').append(element) + Em.run.later (-> element.remove()), 10 + element = $('') + $('#repo').append(element) + Em.run.later (-> element.remove()), 10 + + setLocale: (locale) -> + return unless locale + I18n.locale = locale + Travis.set('locale', locale) + + defaultLocale: 'en' + + ready: -> + location.href = location.href.replace('#!/', '') if location.hash.slice(0, 2) == '#!' + I18n.fallbacks = true + @setLocale 'locale', @get('defaultLocale') + + currentDate: -> + new Date() +).create() + +Travis.deferReadiness() + +$.extend Travis, run: -> - Travis.run() + Travis.advanceReadiness() # bc, remove once merged to master config: api_endpoint: $('meta[rel="travis.api_endpoint"]').attr('href') @@ -40,34 +110,13 @@ Storage = Em.Object.extend CONFIG_KEYS: ['rvm', 'gemfile', 'env', 'jdk', 'otp_release', 'php', 'node_js', 'perl', 'python', 'scala', 'compiler'] - ROUTES: - 'profile/:login/me': ['profile', 'user'] - 'profile/:login': ['profile', 'hooks'] - 'profile': ['profile', 'hooks'] - 'stats': ['stats', 'show'] - ':owner/:name/jobs/:id/:line': ['home', 'job'] - ':owner/:name/jobs/:id': ['home', 'job'] - ':owner/:name/builds/:id': ['home', 'build'] - ':owner/:name/builds': ['home', 'builds'] - ':owner/:name/pull_requests': ['home', 'pullRequests'] - ':owner/:name/branches': ['home', 'branches'] - ':owner/:name': ['home', 'current'] - '': ['home', 'index'] - '#': ['home', 'index'] - QUEUES: [ - { name: 'common', display: 'Common' } { name: 'linux', display: 'Linux' } { name: 'mac_osx', display: 'Mac and OSX' } ] INTERVALS: { sponsors: -1, times: -1, updateTimes: 1000 } - setLocale: (locale) -> - return unless locale - I18n.locale = locale - Travis.set('locale', locale) - storage: (-> storage = null try @@ -77,7 +126,7 @@ Storage = Em.Object.extend storage )() - default_locale: 'en' + sessionStorage: (-> storage = null try @@ -91,26 +140,25 @@ Storage = Em.Object.extend storage )() - run: (attrs) -> - location.href = location.href.replace('#!/', '') if location.hash.slice(0, 2) == '#!' - - I18n.fallbacks = true - Travis.setLocale 'locale', @default_locale - - Ember.run.next this, -> - app = Travis.App.create(attrs || {}) - # TODO: router expects the classes for controllers on main namespace, so - # if we want to keep app at Travis.app, we need to copy that, it would - # be ideal to send a patch to ember and get rid of this - $.each Travis, (key, value) -> - app[key] = value if value && value.isClass && key != 'constructor' - - @app = app - @store = app.store - $ => app.initialize() - setupGoogleAnalytics() if Travis.config.ga_code require 'ext/i18n' require 'travis/ajax' -require 'app' +require 'auth' +require 'controllers' +require 'helpers' +require 'models' +require 'pusher' +require 'routes' +require 'slider' +require 'store' +require 'tailing' +require 'templates' +require 'views' + +require 'config/locales' +require 'data/sponsors' + +require 'travis/instrumentation' + +Travis.setup() diff --git a/assets/scripts/vendor/ember-data.js b/assets/scripts/vendor/ember-data.js index 9a71e855..4b83ba82 100644 --- a/assets/scripts/vendor/ember-data.js +++ b/assets/scripts/vendor/ember-data.js @@ -1,15 +1,46 @@ +// Last commit: 0c516e4 (2013-03-08 15:59:48 +0100) + + (function() { window.DS = Ember.Namespace.create({ - CURRENT_API_REVISION: 4 + // this one goes past 11 + CURRENT_API_REVISION: 12 }); })(); +(function() { +var DeferredMixin = Ember.DeferredMixin, // ember-runtime/mixins/deferred + Evented = Ember.Evented, // ember-runtime/mixins/evented + run = Ember.run, // ember-metal/run-loop + get = Ember.get; // ember-metal/accessors + +var LoadPromise = Ember.Mixin.create(Evented, DeferredMixin, { + init: function() { + this._super.apply(this, arguments); + this.one('didLoad', function() { + run(this, 'resolve', this); + }); + + if (get(this, 'isLoaded')) { + this.trigger('didLoad'); + } + } +}); + +DS.LoadPromise = LoadPromise; + +})(); + + + (function() { var get = Ember.get, set = Ember.set; +var LoadPromise = DS.LoadPromise; // system/mixins/load_promise + /** A record array is an array that contains records of a certain type. The record array materializes records as needed when they are retrieved for the first @@ -18,8 +49,7 @@ var get = Ember.get, set = Ember.set; in response to queries. */ -DS.RecordArray = Ember.ArrayProxy.extend({ - +DS.RecordArray = Ember.ArrayProxy.extend(Ember.Evented, LoadPromise, { /** The model type contained by this record array. @@ -33,17 +63,46 @@ DS.RecordArray = Ember.ArrayProxy.extend({ // necessary, by the store. content: null, + isLoaded: false, + isUpdating: false, + // The store that created this record array. store: null, objectAtContent: function(index) { var content = get(this, 'content'), - clientId = content.objectAt(index), + reference = content.objectAt(index), store = get(this, 'store'); - if (clientId !== undefined) { - return store.findByClientId(get(this, 'type'), clientId); + if (reference) { + return store.recordForReference(reference); } + }, + + materializedObjectAt: function(index) { + var reference = get(this, 'content').objectAt(index); + if (!reference) { return; } + + if (get(this, 'store').recordIsMaterialized(reference)) { + return this.objectAt(index); + } + }, + + update: function() { + if (get(this, 'isUpdating')) { return; } + + var store = get(this, 'store'), + type = get(this, 'type'); + + store.fetchAll(type, this); + }, + + addReference: function(reference) { + get(this, 'content').addObject(reference); + }, + + removeReference: function(reference) { + get(this, 'content').removeObject(reference); } }); @@ -56,6 +115,7 @@ var get = Ember.get; DS.FilteredRecordArray = DS.RecordArray.extend({ filterFunction: null, + isLoaded: true, replace: function() { var type = get(this, 'type').toString(); @@ -77,169 +137,25 @@ var get = Ember.get, set = Ember.set; DS.AdapterPopulatedRecordArray = DS.RecordArray.extend({ query: null, - isLoaded: false, replace: function() { var type = get(this, 'type').toString(); throw new Error("The result of a server query (on " + type + ") is immutable."); }, - load: function(array) { + load: function(references) { var store = get(this, 'store'), type = get(this, 'type'); - var clientIds = store.loadMany(type, array).clientIds; - this.beginPropertyChanges(); - set(this, 'content', Ember.A(clientIds)); + set(this, 'content', Ember.A(references)); set(this, 'isLoaded', true); this.endPropertyChanges(); - } -}); - -})(); - - - -(function() { -var get = Ember.get, set = Ember.set, guidFor = Ember.guidFor; - -var Set = function() { - this.hash = {}; - this.list = []; -}; - -Set.prototype = { - add: function(item) { - var hash = this.hash, - guid = guidFor(item); - - if (hash.hasOwnProperty(guid)) { return; } - - hash[guid] = true; - this.list.push(item); - }, - - remove: function(item) { - var hash = this.hash, - guid = guidFor(item); - - if (!hash.hasOwnProperty(guid)) { return; } - - delete hash[guid]; - var list = this.list, - index = Ember.EnumerableUtils.indexOf(this, item); - - list.splice(index, 1); - }, - - isEmpty: function() { - return this.list.length === 0; - } -}; - -var LoadedState = Ember.State.extend({ - recordWasAdded: function(manager, record) { - var dirty = manager.dirty, observer; - dirty.add(record); - - observer = function() { - if (!get(record, 'isDirty')) { - record.removeObserver('isDirty', observer); - manager.send('childWasSaved', record); - } - }; - - record.addObserver('isDirty', observer); - }, - - recordWasRemoved: function(manager, record) { - var dirty = manager.dirty, observer; - dirty.add(record); - - observer = function() { - record.removeObserver('isDirty', observer); - if (!get(record, 'isDirty')) { manager.send('childWasSaved', record); } - }; - - record.addObserver('isDirty', observer); - } -}); - -var states = { - loading: Ember.State.create({ - isLoaded: false, - isDirty: false, - - loadedRecords: function(manager, count) { - manager.decrement(count); - }, - - becameLoaded: function(manager) { - manager.transitionTo('clean'); - } - }), - - clean: LoadedState.create({ - isLoaded: true, - isDirty: false, - - recordWasAdded: function(manager, record) { - this._super(manager, record); - manager.goToState('dirty'); - }, - - update: function(manager, clientIds) { - var manyArray = manager.manyArray; - set(manyArray, 'content', clientIds); - } - }), - - dirty: LoadedState.create({ - isLoaded: true, - isDirty: true, - - childWasSaved: function(manager, child) { - var dirty = manager.dirty; - dirty.remove(child); - - if (dirty.isEmpty()) { manager.send('arrayBecameSaved'); } - }, - - arrayBecameSaved: function(manager) { - manager.goToState('clean'); - } - }) -}; - -DS.ManyArrayStateManager = Ember.StateManager.extend({ - manyArray: null, - initialState: 'loading', - states: states, - - /** - This number is used to keep track of the number of outstanding - records that must be loaded before the array is considered - loaded. As results stream in, this number is decremented until - it becomes zero, at which case the `isLoaded` flag will be set - to true - */ - counter: 0, - - init: function() { - this._super(); - this.dirty = new Set(); - this.counter = get(this, 'manyArray.length'); - }, - - decrement: function(count) { - var counter = this.counter = this.counter - count; - - Ember.assert("Somehow the ManyArray loaded counter went below 0. This is probably an ember-data bug. Please report it at https://github.com/emberjs/data/issues", counter >= 0); - - if (counter === 0) { - this.send('becameLoaded'); - } + var self = this; + // TODO: does triggering didLoad event should be the last action of the runLoop? + Ember.run.once(function() { + self.trigger('didLoad'); + }); } }); @@ -250,124 +166,176 @@ DS.ManyArrayStateManager = Ember.StateManager.extend({ (function() { var get = Ember.get, set = Ember.set; +/** + A ManyArray is a RecordArray that represents the contents of a has-many + relationship. + + The ManyArray is instantiated lazily the first time the relationship is + requested. + + ### Inverses + + Often, the relationships in Ember Data applications will have + an inverse. For example, imagine the following models are + defined: + + App.Post = DS.Model.extend({ + comments: DS.hasMany('App.Comment') + }); + + App.Comment = DS.Model.extend({ + post: DS.belongsTo('App.Post') + }); + + If you created a new instance of `App.Post` and added + a `App.Comment` record to its `comments` has-many + relationship, you would expect the comment's `post` + property to be set to the post that contained + the has-many. + + We call the record to which a relationship belongs the + relationship's _owner_. +*/ DS.ManyArray = DS.RecordArray.extend({ init: function() { - set(this, 'stateManager', DS.ManyArrayStateManager.create({ manyArray: this })); - - return this._super(); + this._super.apply(this, arguments); + this._changesToSync = Ember.OrderedSet.create(); }, - parentRecord: null, + /** + @private - isDirty: Ember.computed(function() { - return get(this, 'stateManager.currentState.isDirty'); - }).property('stateManager.currentState').cacheable(), + The record to which this relationship belongs. - isLoaded: Ember.computed(function() { - return get(this, 'stateManager.currentState.isLoaded'); - }).property('stateManager.currentState').cacheable(), + @property {DS.Model} + */ + owner: null, - send: function(event, context) { - this.get('stateManager').send(event, context); + // LOADING STATE + + isLoaded: false, + + loadingRecordsCount: function(count) { + this.loadingRecordsCount = count; + }, + + loadedRecord: function() { + this.loadingRecordsCount--; + if (this.loadingRecordsCount === 0) { + set(this, 'isLoaded', true); + this.trigger('didLoad'); + } }, fetch: function() { - var clientIds = get(this, 'content'), + var references = get(this, 'content'), store = get(this, 'store'), - type = get(this, 'type'); + type = get(this, 'type'), + owner = get(this, 'owner'); - store.fetchUnloadedClientIds(type, clientIds); + store.fetchUnloadedReferences(type, references, owner); }, // Overrides Ember.Array's replace method to implement replaceContent: function(index, removed, added) { - var parentRecord = get(this, 'parentRecord'); - var pendingParent = parentRecord && !get(parentRecord, 'id'); - var stateManager = get(this, 'stateManager'); - // Map the array of record objects into an array of client ids. added = added.map(function(record) { - Ember.assert("You can only add records of " + (get(this, 'type') && get(this, 'type').toString()) + " to this association.", !get(this, 'type') || (get(this, 'type') === record.constructor)); - - // If the record to which this many array belongs does not yet - // have an id, notify the newly-added record that it must wait - // for the parent to receive an id before the child can be - // saved. - if (pendingParent) { - record.send('waitingOn', parentRecord); - } - - var oldParent = this.assignInverse(record, parentRecord); - - record.get('transaction') - .relationshipBecameDirty(record, oldParent, parentRecord); - - stateManager.send('recordWasAdded', record); - - return record.get('clientId'); + Ember.assert("You can only add records of " + (get(this, 'type') && get(this, 'type').toString()) + " to this relationship.", !get(this, 'type') || (get(this, 'type') === record.constructor)); + return get(record, '_reference'); }, this); - var store = this.store; - - var len = index+removed, record; - for (var i = index; i < len; i++) { - // TODO: null out inverse FK - record = this.objectAt(i); - var oldParent = this.assignInverse(record, parentRecord, true); - - record.get('transaction') - .relationshipBecameDirty(record, parentRecord, null); - - // If we put the child record into a pending state because - // we were waiting on the parent record to get an id, we - // can tell the child it no longer needs to wait. - if (pendingParent) { - record.send('doneWaitingOn', parentRecord); - } - - stateManager.send('recordWasAdded', record); - } - this._super(index, removed, added); }, - assignInverse: function(record, parentRecord, remove) { - var associationMap = get(record.constructor, 'associations'), - possibleAssociations = associationMap.get(parentRecord.constructor), - possible, actual, oldParent; + arrangedContentDidChange: function() { + this.fetch(); + }, - if (!possibleAssociations) { return; } + arrayContentWillChange: function(index, removed, added) { + var owner = get(this, 'owner'), + name = get(this, 'name'); - for (var i = 0, l = possibleAssociations.length; i < l; i++) { - possible = possibleAssociations[i]; + if (!owner._suspendedRelationships) { + // This code is the first half of code that continues inside + // of arrayContentDidChange. It gets or creates a change from + // the child object, adds the current owner as the old + // parent if this is the first time the object was removed + // from a ManyArray, and sets `newParent` to null. + // + // Later, if the object is added to another ManyArray, + // the `arrayContentDidChange` will set `newParent` on + // the change. + for (var i=index; iI am the template
+ ```
+
+ Within an Ember application is more common to define a Handlebars templates as
+ part of a page:
+
+ ```html
+
+ ```
+
+ And associate it by name using a view's `templateName` property:
+
+ ```javascript
+ AView = Ember.View.extend({
+ templateName: 'some-template'
+ });
+ ```
+
+ Using a value for `templateName` that does not have a Handlebars template
+ with a matching `data-template-name` attribute will throw an error.
+
+ Assigning a value to both `template` and `templateName` properties will throw
+ an error.
+
+ For views classes that may have a template later defined (e.g. as the block
+ portion of a `{{view}}` Handlebars helper call in another template or in
+ a subclass), you can provide a `defaultTemplate` property set to compiled
+ template function. If a template is not later provided for the view instance
+ the `defaultTemplate` value will be used:
+
+ ```javascript
+ AView = Ember.View.extend({
+ defaultTemplate: Ember.Handlebars.compile('I was the default'),
+ template: null,
+ templateName: null
+ });
+ ```
+
+ Will result in instances with an HTML representation of:
+
+ ```html
+ I was the default
+ ```
+
+ If a `template` or `templateName` is provided it will take precedence over
+ `defaultTemplate`:
+
+ ```javascript
+ AView = Ember.View.extend({
+ defaultTemplate: Ember.Handlebars.compile('I was the default')
+ });
+
+ aView = AView.create({
+ template: Ember.Handlebars.compile('I was the template, not default')
+ });
+ ```
+
+ Will result in the following HTML representation when rendered:
+
+ ```html
+ I was the template, not default
+ ```
+
+ ## View Context
+
+ The default context of the compiled template is the view's controller:
+
+ ```javascript
+ AView = Ember.View.extend({
+ template: Ember.Handlebars.compile('Hello {{excitedGreeting}}')
+ });
+
+ aController = Ember.Object.create({
+ firstName: 'Barry',
+ excitedGreeting: function(){
+ return this.get("content.firstName") + "!!!"
+ }.property()
+ });
+
+ aView = AView.create({
+ controller: aController,
+ });
+ ```
+
+ Will result in an HTML representation of:
+
+ ```html
+ Hello Barry!!!
+ ```
+
+ A context can also be explicitly supplied through the view's `context`
+ property. If the view has neither `context` nor `controller` properties, the
+ `parentView`'s context will be used.
+
+ ## Layouts
+
+ Views can have a secondary template that wraps their main template. Like
+ primary templates, layouts can be any function that accepts an optional
+ context parameter and returns a string of HTML that will be inserted inside
+ view's tag. Views whose HTML element is self closing (e.g. ``)
+ cannot have a layout and this property will be ignored.
+
+ Most typically in Ember a layout will be a compiled `Ember.Handlebars`
+ template.
+
+ A view's layout can be set directly with the `layout` property or reference
+ an existing Handlebars template by name with the `layoutName` property.
+
+ A template used as a layout must contain a single use of the Handlebars
+ `{{yield}}` helper. The HTML contents of a view's rendered `template` will be
+ inserted at this location:
+
+ ```javascript
+ AViewWithLayout = Ember.View.extend({
+ layout: Ember.Handlebars.compile("{{yield}}
")
+ template: Ember.Handlebars.compile("I got wrapped"),
+ });
+ ```
+
+ Will result in view instances with an HTML representation of:
+
+ ```html
+
+
+ ```
+
+ See `Handlebars.helpers.yield` for more information.
+
+ ## Responding to Browser Events
+
+ Views can respond to user-initiated events in one of three ways: method
+ implementation, through an event manager, and through `{{action}}` helper use
+ in their template or layout.
+
+ ### Method Implementation
+
+ Views can respond to user-initiated events by implementing a method that
+ matches the event name. A `jQuery.Event` object will be passed as the
+ argument to this method.
+
+ ```javascript
+ AView = Ember.View.extend({
+ click: function(event){
+ // will be called when when an instance's
+ // rendered element is clicked
+ }
+ });
+ ```
+
+ ### Event Managers
+
+ Views can define an object as their `eventManager` property. This object can
+ then implement methods that match the desired event names. Matching events
+ that occur on the view's rendered HTML or the rendered HTML of any of its DOM
+ descendants will trigger this method. A `jQuery.Event` object will be passed
+ as the first argument to the method and an `Ember.View` object as the
+ second. The `Ember.View` will be the view whose rendered HTML was interacted
+ with. This may be the view with the `eventManager` property or one of its
+ descendent views.
+
+ ```javascript
+ AView = Ember.View.extend({
+ eventManager: Ember.Object.create({
+ doubleClick: function(event, view){
+ // will be called when when an instance's
+ // rendered element or any rendering
+ // of this views's descendent
+ // elements is clicked
+ }
+ })
+ });
+ ```
+
+ An event defined for an event manager takes precedence over events of the
+ same name handled through methods on the view.
+
+ ```javascript
+ AView = Ember.View.extend({
+ mouseEnter: function(event){
+ // will never trigger.
+ },
+ eventManager: Ember.Object.create({
+ mouseEnter: function(event, view){
+ // takes presedence over AView#mouseEnter
+ }
+ })
+ });
+ ```
+
+ Similarly a view's event manager will take precedence for events of any views
+ rendered as a descendent. A method name that matches an event name will not
+ be called if the view instance was rendered inside the HTML representation of
+ a view that has an `eventManager` property defined that handles events of the
+ name. Events not handled by the event manager will still trigger method calls
+ on the descendent.
+
+ ```javascript
+ OuterView = Ember.View.extend({
+ template: Ember.Handlebars.compile("outer {{#view InnerView}}inner{{/view}} outer"),
+ eventManager: Ember.Object.create({
+ mouseEnter: function(event, view){
+ // view might be instance of either
+ // OutsideView or InnerView depending on
+ // where on the page the user interaction occured
+ }
+ })
+ });
+
+ InnerView = Ember.View.extend({
+ click: function(event){
+ // will be called if rendered inside
+ // an OuterView because OuterView's
+ // eventManager doesn't handle click events
+ },
+ mouseEnter: function(event){
+ // will never be called if rendered inside
+ // an OuterView.
+ }
+ });
+ ```
+
+ ### Handlebars `{{action}}` Helper
+
+ See `Handlebars.helpers.action`.
+
+ ### Event Names
+
+ Possible events names for any of the responding approaches described above
+ are:
+
+ Touch events:
+
+ * `touchStart`
+ * `touchMove`
+ * `touchEnd`
+ * `touchCancel`
+
+ Keyboard events
+
+ * `keyDown`
+ * `keyUp`
+ * `keyPress`
+
+ Mouse events
+
+ * `mouseDown`
+ * `mouseUp`
+ * `contextMenu`
+ * `click`
+ * `doubleClick`
+ * `mouseMove`
+ * `focusIn`
+ * `focusOut`
+ * `mouseEnter`
+ * `mouseLeave`
+
+ Form events:
+
+ * `submit`
+ * `change`
+ * `focusIn`
+ * `focusOut`
+ * `input`
+
+ HTML5 drag and drop events:
+
+ * `dragStart`
+ * `drag`
+ * `dragEnter`
+ * `dragLeave`
+ * `drop`
+ * `dragEnd`
+
+ ## Handlebars `{{view}}` Helper
+
+ Other `Ember.View` instances can be included as part of a view's template by
+ using the `{{view}}` Handlebars helper. See `Handlebars.helpers.view` for
+ additional information.
+
+ @class View
+ @namespace Ember
+ @extends Ember.Object
+ @uses Ember.Evented
+*/
+Ember.View = Ember.CoreView.extend(
+/** @scope Ember.View.prototype */ {
+
+ concatenatedProperties: ['classNames', 'classNameBindings', 'attributeBindings'],
+
+ /**
+ @property isView
+ @type Boolean
+ @default true
+ @final
+ */
+ isView: true,
+
+ // ..........................................................
+ // TEMPLATE SUPPORT
+ //
+
+ /**
+ The name of the template to lookup if no template is provided.
+
+ `Ember.View` will look for a template with this name in this view's
+ `templates` object. By default, this will be a global object
+ shared in `Ember.TEMPLATES`.
+
+ @property templateName
+ @type String
+ @default null
+ */
+ templateName: null,
+
+ /**
+ The name of the layout to lookup if no layout is provided.
+
+ `Ember.View` will look for a template with this name in this view's
+ `templates` object. By default, this will be a global object
+ shared in `Ember.TEMPLATES`.
+
+ @property layoutName
+ @type String
+ @default null
+ */
+ layoutName: null,
+
+ /**
+ The hash in which to look for `templateName`.
+
+ @property templates
+ @type Ember.Object
+ @default Ember.TEMPLATES
+ */
+ templates: Ember.TEMPLATES,
+
+ /**
+ The template used to render the view. This should be a function that
+ accepts an optional context parameter and returns a string of HTML that
+ will be inserted into the DOM relative to its parent view.
+
+ In general, you should set the `templateName` property instead of setting
+ the template yourself.
+
+ @property template
+ @type Function
+ */
+ template: Ember.computed(function(key, value) {
+ if (value !== undefined) { return value; }
+
+ var templateName = get(this, 'templateName'),
+ template = this.templateForName(templateName, 'template');
+
+ Ember.assert("You specified the templateName " + templateName + " for " + this + ", but it did not exist.", !templateName || template);
+
+ return template || get(this, 'defaultTemplate');
+ }).property('templateName'),
+
+ container: Ember.computed(function() {
+ var parentView = get(this, '_parentView');
+
+ if (parentView) { return get(parentView, 'container'); }
+
+ return Ember.Container && Ember.Container.defaultContainer;
+ }),
+
+ /**
+ The controller managing this view. If this property is set, it will be
+ made available for use by the template.
+
+ @property controller
+ @type Object
+ */
+ controller: Ember.computed(function(key) {
+ var parentView = get(this, '_parentView');
+ return parentView ? get(parentView, 'controller') : null;
+ }).property('_parentView'),
+
+ /**
+ A view may contain a layout. A layout is a regular template but
+ supersedes the `template` property during rendering. It is the
+ responsibility of the layout template to retrieve the `template`
+ property from the view (or alternatively, call `Handlebars.helpers.yield`,
+ `{{yield}}`) to render it in the correct location.
+
+ This is useful for a view that has a shared wrapper, but which delegates
+ the rendering of the contents of the wrapper to the `template` property
+ on a subclass.
+
+ @property layout
+ @type Function
+ */
+ layout: Ember.computed(function(key) {
+ var layoutName = get(this, 'layoutName'),
+ layout = this.templateForName(layoutName, 'layout');
+
+ Ember.assert("You specified the layoutName " + layoutName + " for " + this + ", but it did not exist.", !layoutName || layout);
+
+ return layout || get(this, 'defaultLayout');
+ }).property('layoutName'),
+
+ templateForName: function(name, type) {
+ if (!name) { return; }
+
+ Ember.assert("templateNames are not allowed to contain periods: "+name, name.indexOf('.') === -1);
+
+ var container = get(this, 'container');
+
+ if (container) {
+ return container.lookup('template:' + name);
+ }
+ },
+
+ /**
+ The object from which templates should access properties.
+
+ This object will be passed to the template function each time the render
+ method is called, but it is up to the individual function to decide what
+ to do with it.
+
+ By default, this will be the view's controller.
+
+ @property context
+ @type Object
+ */
+ context: Ember.computed(function(key, value) {
+ if (arguments.length === 2) {
+ set(this, '_context', value);
+ return value;
+ } else {
+ return get(this, '_context');
+ }
+ }).volatile(),
+
+ /**
+ @private
+
+ Private copy of the view's template context. This can be set directly
+ by Handlebars without triggering the observer that causes the view
+ to be re-rendered.
+
+ The context of a view is looked up as follows:
+
+ 1. Supplied context (usually by Handlebars)
+ 2. Specified controller
+ 3. `parentView`'s context (for a child of a ContainerView)
+
+ The code in Handlebars that overrides the `_context` property first
+ checks to see whether the view has a specified controller. This is
+ something of a hack and should be revisited.
+
+ @property _context
+ */
+ _context: Ember.computed(function(key) {
+ var parentView, controller;
+
+ if (controller = get(this, 'controller')) {
+ return controller;
+ }
+
+ parentView = this._parentView;
+ if (parentView) {
+ return get(parentView, '_context');
+ }
+
+ return null;
+ }),
+
+ /**
+ @private
+
+ If a value that affects template rendering changes, the view should be
+ re-rendered to reflect the new value.
+
+ @method _displayPropertyDidChange
+ */
+ _contextDidChange: Ember.observer(function() {
+ this.rerender();
+ }, 'context'),
+
+ /**
+ If `false`, the view will appear hidden in DOM.
+
+ @property isVisible
+ @type Boolean
+ @default null
+ */
+ isVisible: true,
+
+ /**
+ @private
+
+ Array of child views. You should never edit this array directly.
+ Instead, use `appendChild` and `removeFromParent`.
+
+ @property childViews
+ @type Array
+ @default []
+ */
+ childViews: childViewsProperty,
+
+ _childViews: [],
+
+ // When it's a virtual view, we need to notify the parent that their
+ // childViews will change.
+ _childViewsWillChange: Ember.beforeObserver(function() {
+ if (this.isVirtual) {
+ var parentView = get(this, 'parentView');
+ if (parentView) { Ember.propertyWillChange(parentView, 'childViews'); }
+ }
+ }, 'childViews'),
+
+ // When it's a virtual view, we need to notify the parent that their
+ // childViews did change.
+ _childViewsDidChange: Ember.observer(function() {
+ if (this.isVirtual) {
+ var parentView = get(this, 'parentView');
+ if (parentView) { Ember.propertyDidChange(parentView, 'childViews'); }
+ }
+ }, 'childViews'),
+
+ /**
+ Return the nearest ancestor that is an instance of the provided
+ class.
+
+ @property nearestInstanceOf
+ @param {Class} klass Subclass of Ember.View (or Ember.View itself)
+ @return Ember.View
+ @deprecated
+ */
+ nearestInstanceOf: function(klass) {
+ Ember.deprecate("nearestInstanceOf is deprecated and will be removed from future releases. Use nearestOfType.");
+ var view = get(this, 'parentView');
+
+ while (view) {
+ if(view instanceof klass) { return view; }
+ view = get(view, 'parentView');
+ }
+ },
+
+ /**
+ Return the nearest ancestor that is an instance of the provided
+ class or mixin.
+
+ @property nearestOfType
+ @param {Class,Mixin} klass Subclass of Ember.View (or Ember.View itself),
+ or an instance of Ember.Mixin.
+ @return Ember.View
+ */
+ nearestOfType: function(klass) {
+ var view = get(this, 'parentView'),
+ isOfType = klass instanceof Ember.Mixin ?
+ function(view) { return klass.detect(view); } :
+ function(view) { return klass.detect(view.constructor); };
+
+ while (view) {
+ if( isOfType(view) ) { return view; }
+ view = get(view, 'parentView');
+ }
+ },
+
+ /**
+ Return the nearest ancestor that has a given property.
+
+ @property nearestWithProperty
+ @param {String} property A property name
+ @return Ember.View
+ */
+ nearestWithProperty: function(property) {
+ var view = get(this, 'parentView');
+
+ while (view) {
+ if (property in view) { return view; }
+ view = get(view, 'parentView');
+ }
+ },
+
+ /**
+ Return the nearest ancestor whose parent is an instance of
+ `klass`.
+
+ @property nearestChildOf
+ @param {Class} klass Subclass of Ember.View (or Ember.View itself)
+ @return Ember.View
+ */
+ nearestChildOf: function(klass) {
+ var view = get(this, 'parentView');
+
+ while (view) {
+ if(get(view, 'parentView') instanceof klass) { return view; }
+ view = get(view, 'parentView');
+ }
+ },
+
+ /**
+ @private
+
+ When the parent view changes, recursively invalidate `controller`
+
+ @method _parentViewDidChange
+ */
+ _parentViewDidChange: Ember.observer(function() {
+ if (this.isDestroying) { return; }
+
+ if (get(this, 'parentView.controller') && !get(this, 'controller')) {
+ this.notifyPropertyChange('controller');
+ }
+ }, '_parentView'),
+
+ _controllerDidChange: Ember.observer(function() {
+ if (this.isDestroying) { return; }
+
+ this.rerender();
+
+ this.forEachChildView(function(view) {
+ view.propertyDidChange('controller');
+ });
+ }, 'controller'),
+
+ cloneKeywords: function() {
+ var templateData = get(this, 'templateData');
+
+ var keywords = templateData ? Ember.copy(templateData.keywords) : {};
+ set(keywords, 'view', get(this, 'concreteView'));
+ set(keywords, '_view', this);
+ set(keywords, 'controller', get(this, 'controller'));
+
+ return keywords;
+ },
+
+ /**
+ Called on your view when it should push strings of HTML into a
+ `Ember.RenderBuffer`. Most users will want to override the `template`
+ or `templateName` properties instead of this method.
+
+ By default, `Ember.View` will look for a function in the `template`
+ property and invoke it with the value of `context`. The value of
+ `context` will be the view's controller unless you override it.
+
+ @method render
+ @param {Ember.RenderBuffer} buffer The render buffer
+ */
+ render: function(buffer) {
+ // If this view has a layout, it is the responsibility of the
+ // the layout to render the view's template. Otherwise, render the template
+ // directly.
+ var template = get(this, 'layout') || get(this, 'template');
+
+ if (template) {
+ var context = get(this, 'context');
+ var keywords = this.cloneKeywords();
+ var output;
+
+ var data = {
+ view: this,
+ buffer: buffer,
+ isRenderData: true,
+ keywords: keywords,
+ insideGroup: get(this, 'templateData.insideGroup')
+ };
+
+ // Invoke the template with the provided template context, which
+ // is the view's controller by default. A hash of data is also passed that provides
+ // the template with access to the view and render buffer.
+
+ Ember.assert('template must be a function. Did you mean to call Ember.Handlebars.compile("...") or specify templateName instead?', typeof template === 'function');
+ // The template should write directly to the render buffer instead
+ // of returning a string.
+ output = template(context, { data: data });
+
+ // If the template returned a string instead of writing to the buffer,
+ // push the string onto the buffer.
+ if (output !== undefined) { buffer.push(output); }
+ }
+ },
+
+ /**
+ Renders the view again. This will work regardless of whether the
+ view is already in the DOM or not. If the view is in the DOM, the
+ rendering process will be deferred to give bindings a chance
+ to synchronize.
+
+ If children were added during the rendering process using `appendChild`,
+ `rerender` will remove them, because they will be added again
+ if needed by the next `render`.
+
+ In general, if the display of your view changes, you should modify
+ the DOM element directly instead of manually calling `rerender`, which can
+ be slow.
+
+ @method rerender
+ */
+ rerender: function() {
+ return this.currentState.rerender(this);
+ },
+
+ clearRenderedChildren: function() {
+ var lengthBefore = this.lengthBeforeRender,
+ lengthAfter = this.lengthAfterRender;
+
+ // If there were child views created during the last call to render(),
+ // remove them under the assumption that they will be re-created when
+ // we re-render.
+
+ // VIEW-TODO: Unit test this path.
+ var childViews = this._childViews;
+ for (var i=lengthAfter-1; i>=lengthBefore; i--) {
+ if (childViews[i]) { childViews[i].destroy(); }
+ }
+ },
+
+ /**
+ @private
+
+ Iterates over the view's `classNameBindings` array, inserts the value
+ of the specified property into the `classNames` array, then creates an
+ observer to update the view's element if the bound property ever changes
+ in the future.
+
+ @method _applyClassNameBindings
+ */
+ _applyClassNameBindings: function(classBindings) {
+ var classNames = this.classNames,
+ elem, newClass, dasherizedClass;
+
+ // Loop through all of the configured bindings. These will be either
+ // property names ('isUrgent') or property paths relative to the view
+ // ('content.isUrgent')
+ a_forEach(classBindings, function(binding) {
+
+ // Variable in which the old class value is saved. The observer function
+ // closes over this variable, so it knows which string to remove when
+ // the property changes.
+ var oldClass;
+ // Extract just the property name from bindings like 'foo:bar'
+ var parsedPath = Ember.View._parsePropertyPath(binding);
+
+ // Set up an observer on the context. If the property changes, toggle the
+ // class name.
+ var observer = function() {
+ // Get the current value of the property
+ newClass = this._classStringForProperty(binding);
+ elem = this.$();
+
+ // If we had previously added a class to the element, remove it.
+ if (oldClass) {
+ elem.removeClass(oldClass);
+ // Also remove from classNames so that if the view gets rerendered,
+ // the class doesn't get added back to the DOM.
+ classNames.removeObject(oldClass);
+ }
+
+ // If necessary, add a new class. Make sure we keep track of it so
+ // it can be removed in the future.
+ if (newClass) {
+ elem.addClass(newClass);
+ oldClass = newClass;
+ } else {
+ oldClass = null;
+ }
+ };
+
+ // Get the class name for the property at its current value
+ dasherizedClass = this._classStringForProperty(binding);
+
+ if (dasherizedClass) {
+ // Ensure that it gets into the classNames array
+ // so it is displayed when we render.
+ a_addObject(classNames, dasherizedClass);
+
+ // Save a reference to the class name so we can remove it
+ // if the observer fires. Remember that this variable has
+ // been closed over by the observer.
+ oldClass = dasherizedClass;
+ }
+
+ this.registerObserver(this, parsedPath.path, observer);
+ // Remove className so when the view is rerendered,
+ // the className is added based on binding reevaluation
+ this.one('willClearRender', function() {
+ if (oldClass) {
+ classNames.removeObject(oldClass);
+ oldClass = null;
+ }
+ });
+
+ }, this);
+ },
+
+ /**
+ @private
+
+ Iterates through the view's attribute bindings, sets up observers for each,
+ then applies the current value of the attributes to the passed render buffer.
+
+ @method _applyAttributeBindings
+ @param {Ember.RenderBuffer} buffer
+ */
+ _applyAttributeBindings: function(buffer, attributeBindings) {
+ var attributeValue, elem, type;
+
+ a_forEach(attributeBindings, function(binding) {
+ var split = binding.split(':'),
+ property = split[0],
+ attributeName = split[1] || property;
+
+ // Create an observer to add/remove/change the attribute if the
+ // JavaScript property changes.
+ var observer = function() {
+ elem = this.$();
+
+ attributeValue = get(this, property);
+
+ Ember.View.applyAttributeBindings(elem, attributeName, attributeValue);
+ };
+
+ this.registerObserver(this, property, observer);
+
+ // Determine the current value and add it to the render buffer
+ // if necessary.
+ attributeValue = get(this, property);
+ Ember.View.applyAttributeBindings(buffer, attributeName, attributeValue);
+ }, this);
+ },
+
+ /**
+ @private
+
+ Given a property name, returns a dasherized version of that
+ property name if the property evaluates to a non-falsy value.
+
+ For example, if the view has property `isUrgent` that evaluates to true,
+ passing `isUrgent` to this method will return `"is-urgent"`.
+
+ @method _classStringForProperty
+ @param property
+ */
+ _classStringForProperty: function(property) {
+ var parsedPath = Ember.View._parsePropertyPath(property);
+ var path = parsedPath.path;
+
+ var val = get(this, path);
+ if (val === undefined && Ember.isGlobalPath(path)) {
+ val = get(Ember.lookup, path);
+ }
+
+ return Ember.View._classStringForValue(path, val, parsedPath.className, parsedPath.falsyClassName);
+ },
+
+ // ..........................................................
+ // ELEMENT SUPPORT
+ //
+
+ /**
+ Returns the current DOM element for the view.
+
+ @property element
+ @type DOMElement
+ */
+ element: Ember.computed(function(key, value) {
+ if (value !== undefined) {
+ return this.currentState.setElement(this, value);
+ } else {
+ return this.currentState.getElement(this);
+ }
+ }).property('_parentView'),
+
+ /**
+ Returns a jQuery object for this view's element. If you pass in a selector
+ string, this method will return a jQuery object, using the current element
+ as its buffer.
+
+ For example, calling `view.$('li')` will return a jQuery object containing
+ all of the `li` elements inside the DOM element of this view.
+
+ @property $
+ @param {String} [selector] a jQuery-compatible selector string
+ @return {jQuery} the CoreQuery object for the DOM node
+ */
+ $: function(sel) {
+ return this.currentState.$(this, sel);
+ },
+
+ mutateChildViews: function(callback) {
+ var childViews = this._childViews,
+ idx = childViews.length,
+ view;
+
+ while(--idx >= 0) {
+ view = childViews[idx];
+ callback.call(this, view, idx);
+ }
+
+ return this;
+ },
+
+ forEachChildView: function(callback) {
+ var childViews = this._childViews;
+
+ if (!childViews) { return this; }
+
+ var len = childViews.length,
+ view, idx;
+
+ for(idx = 0; idx < len; idx++) {
+ view = childViews[idx];
+ callback.call(this, view);
+ }
+
+ return this;
+ },
+
+ /**
+ Appends the view's element to the specified parent element.
+
+ If the view does not have an HTML representation yet, `createElement()`
+ will be called automatically.
+
+ Note that this method just schedules the view to be appended; the DOM
+ element will not be appended to the given element until all bindings have
+ finished synchronizing.
+
+ This is not typically a function that you will need to call directly when
+ building your application. You might consider using `Ember.ContainerView`
+ instead. If you do need to use `appendTo`, be sure that the target element
+ you are providing is associated with an `Ember.Application` and does not
+ have an ancestor element that is associated with an Ember view.
+
+ @method appendTo
+ @param {String|DOMElement|jQuery} A selector, element, HTML string, or jQuery object
+ @return {Ember.View} receiver
+ */
+ appendTo: function(target) {
+ // Schedule the DOM element to be created and appended to the given
+ // element after bindings have synchronized.
+ this._insertElementLater(function() {
+ Ember.assert("You cannot append to an existing Ember.View. Consider using Ember.ContainerView instead.", !Ember.$(target).is('.ember-view') && !Ember.$(target).parents().is('.ember-view'));
+ this.$().appendTo(target);
+ });
+
+ return this;
+ },
+
+ /**
+ Replaces the content of the specified parent element with this view's
+ element. If the view does not have an HTML representation yet,
+ `createElement()` will be called automatically.
+
+ Note that this method just schedules the view to be appended; the DOM
+ element will not be appended to the given element until all bindings have
+ finished synchronizing
+
+ @method replaceIn
+ @param {String|DOMElement|jQuery} A selector, element, HTML string, or jQuery object
+ @return {Ember.View} received
+ */
+ replaceIn: function(target) {
+ Ember.assert("You cannot replace an existing Ember.View. Consider using Ember.ContainerView instead.", !Ember.$(target).is('.ember-view') && !Ember.$(target).parents().is('.ember-view'));
+
+ this._insertElementLater(function() {
+ Ember.$(target).empty();
+ this.$().appendTo(target);
+ });
+
+ return this;
+ },
+
+ /**
+ @private
+
+ Schedules a DOM operation to occur during the next render phase. This
+ ensures that all bindings have finished synchronizing before the view is
+ rendered.
+
+ To use, pass a function that performs a DOM operation.
+
+ Before your function is called, this view and all child views will receive
+ the `willInsertElement` event. After your function is invoked, this view
+ and all of its child views will receive the `didInsertElement` event.
+
+ ```javascript
+ view._insertElementLater(function() {
+ this.createElement();
+ this.$().appendTo('body');
+ });
+ ```
+
+ @method _insertElementLater
+ @param {Function} fn the function that inserts the element into the DOM
+ */
+ _insertElementLater: function(fn) {
+ this._scheduledInsert = Ember.run.scheduleOnce('render', this, '_insertElement', fn);
+ },
+
+ _insertElement: function (fn) {
+ this._scheduledInsert = null;
+ this.currentState.insertElement(this, fn);
+ },
+
+ /**
+ Appends the view's element to the document body. If the view does
+ not have an HTML representation yet, `createElement()` will be called
+ automatically.
+
+ If your application uses the `rootElement` property, you must append
+ the view within that element. Rendering views outside of the `rootElement`
+ is not supported.
+
+ Note that this method just schedules the view to be appended; the DOM
+ element will not be appended to the document body until all bindings have
+ finished synchronizing.
+
+ @method append
+ @return {Ember.View} receiver
+ */
+ append: function() {
+ return this.appendTo(document.body);
+ },
+
+ /**
+ Removes the view's element from the element to which it is attached.
+
+ @method remove
+ @return {Ember.View} receiver
+ */
+ remove: function() {
+ // What we should really do here is wait until the end of the run loop
+ // to determine if the element has been re-appended to a different
+ // element.
+ // In the interim, we will just re-render if that happens. It is more
+ // important than elements get garbage collected.
+ if (!this.removedFromDOM) { this.destroyElement(); }
+ this.invokeRecursively(function(view) {
+ if (view.clearRenderedChildren) { view.clearRenderedChildren(); }
+ });
+ },
+
+ elementId: null,
+
+ /**
+ Attempts to discover the element in the parent element. The default
+ implementation looks for an element with an ID of `elementId` (or the
+ view's guid if `elementId` is null). You can override this method to
+ provide your own form of lookup. For example, if you want to discover your
+ element using a CSS class name instead of an ID.
+
+ @method findElementInParentElement
+ @param {DOMElement} parentElement The parent's DOM element
+ @return {DOMElement} The discovered element
+ */
+ findElementInParentElement: function(parentElem) {
+ var id = "#" + this.elementId;
+ return Ember.$(id)[0] || Ember.$(id, parentElem)[0];
+ },
+
+ /**
+ Creates a DOM representation of the view and all of its
+ child views by recursively calling the `render()` method.
+
+ After the element has been created, `didInsertElement` will
+ be called on this view and all of its child views.
+
+ @method createElement
+ @return {Ember.View} receiver
+ */
+ createElement: function() {
+ if (get(this, 'element')) { return this; }
+
+ var buffer = this.renderToBuffer();
+ set(this, 'element', buffer.element());
+
+ return this;
+ },
+
+ /**
+ Called when a view is going to insert an element into the DOM.
+
+ @event willInsertElement
+ */
+ willInsertElement: Ember.K,
+
+ /**
+ Called when the element of the view has been inserted into the DOM.
+ Override this function to do any set up that requires an element in the
+ document body.
+
+ @event didInsertElement
+ */
+ didInsertElement: Ember.K,
+
+ /**
+ Called when the view is about to rerender, but before anything has
+ been torn down. This is a good opportunity to tear down any manual
+ observers you have installed based on the DOM state
+
+ @event willClearRender
+ */
+ willClearRender: Ember.K,
+
+ /**
+ @private
+
+ Run this callback on the current view and recursively on child views.
+
+ @method invokeRecursively
+ @param fn {Function}
+ */
+ invokeRecursively: function(fn) {
+ var childViews = [this], currentViews, view;
+
+ while (childViews.length) {
+ currentViews = childViews.slice();
+ childViews = [];
+
+ for (var i=0, l=currentViews.length; i
+ I got wrapped
+
+
+ Ember.View.create({
+ attributeBindings: ['type'],
+ type: 'button'
+ });
+ ```
+
+ If the value of the property is a Boolean, the name of that property is
+ added as an attribute.
+
+ ```javascript
+ // Renders something like
+ Ember.View.create({
+ attributeBindings: ['enabled'],
+ enabled: true
+ });
+ ```
+
+ @property attributeBindings
+ */
+ attributeBindings: [],
+
+ // .......................................................
+ // CORE DISPLAY METHODS
+ //
+
+ /**
+ @private
+
+ Setup a view, but do not finish waking it up.
+ - configure `childViews`
+ - register the view with the global views hash, which is used for event
+ dispatch
+
+ @method init
+ */
+ init: function() {
+ this.elementId = this.elementId || guidFor(this);
+
+ this._super();
+
+ // setup child views. be sure to clone the child views array first
+ this._childViews = this._childViews.slice();
+
+ Ember.assert("Only arrays are allowed for 'classNameBindings'", Ember.typeOf(this.classNameBindings) === 'array');
+ this.classNameBindings = Ember.A(this.classNameBindings.slice());
+
+ Ember.assert("Only arrays are allowed for 'classNames'", Ember.typeOf(this.classNames) === 'array');
+ this.classNames = Ember.A(this.classNames.slice());
+
+ var viewController = get(this, 'viewController');
+ if (viewController) {
+ viewController = get(viewController);
+ if (viewController) {
+ set(viewController, 'view', this);
+ }
+ }
+ },
+
+ appendChild: function(view, options) {
+ return this.currentState.appendChild(this, view, options);
+ },
+
+ /**
+ Removes the child view from the parent view.
+
+ @method removeChild
+ @param {Ember.View} view
+ @return {Ember.View} receiver
+ */
+ removeChild: function(view) {
+ // If we're destroying, the entire subtree will be
+ // freed, and the DOM will be handled separately,
+ // so no need to mess with childViews.
+ if (this.isDestroying) { return; }
+
+ // update parent node
+ set(view, '_parentView', null);
+
+ // remove view from childViews array.
+ var childViews = this._childViews;
+
+ Ember.EnumerableUtils.removeObject(childViews, view);
+
+ this.propertyDidChange('childViews'); // HUH?! what happened to will change?
+
+ return this;
+ },
+
+ /**
+ Removes all children from the `parentView`.
+
+ @method removeAllChildren
+ @return {Ember.View} receiver
+ */
+ removeAllChildren: function() {
+ return this.mutateChildViews(function(view) {
+ this.removeChild(view);
+ });
+ },
+
+ destroyAllChildren: function() {
+ return this.mutateChildViews(function(view) {
+ view.destroy();
+ });
+ },
+
+ /**
+ Removes the view from its `parentView`, if one is found. Otherwise
+ does nothing.
+
+ @method removeFromParent
+ @return {Ember.View} receiver
+ */
+ removeFromParent: function() {
+ var parent = this._parentView;
+
+ // Remove DOM element from parent
+ this.remove();
+
+ if (parent) { parent.removeChild(this); }
+ return this;
+ },
+
+ /**
+ You must call `destroy` on a view to destroy the view (and all of its
+ child views). This will remove the view from any parent node, then make
+ sure that the DOM element managed by the view can be released by the
+ memory manager.
+
+ @method willDestroy
+ */
+ willDestroy: function() {
+ // calling this._super() will nuke computed properties and observers,
+ // so collect any information we need before calling super.
+ var childViews = this._childViews,
+ parent = this._parentView,
+ childLen, i;
+
+ // destroy the element -- this will avoid each child view destroying
+ // the element over and over again...
+ if (!this.removedFromDOM) { this.destroyElement(); }
+
+ childLen = childViews.length;
+ for (i=childLen-1; i>=0; i--) {
+ childViews[i].removedFromDOM = true;
+ }
+
+ // remove from non-virtual parent view if viewName was specified
+ if (this.viewName) {
+ var nonVirtualParentView = get(this, 'parentView');
+ if (nonVirtualParentView) {
+ set(nonVirtualParentView, this.viewName, null);
+ }
+ }
+
+ // remove from parent if found. Don't call removeFromParent,
+ // as removeFromParent will try to remove the element from
+ // the DOM again.
+ if (parent) { parent.removeChild(this); }
+
+ this.transitionTo('destroyed');
+
+ childLen = childViews.length;
+ for (i=childLen-1; i>=0; i--) {
+ childViews[i].destroy();
+ }
+
+ // next remove view from global hash
+ if (!this.isVirtual) delete Ember.View.views[get(this, 'elementId')];
+ },
+
+ /**
+ Instantiates a view to be added to the childViews array during view
+ initialization. You generally will not call this method directly unless
+ you are overriding `createChildViews()`. Note that this method will
+ automatically configure the correct settings on the new view instance to
+ act as a child of the parent.
+
+ @method createChildView
+ @param {Class} viewClass
+ @param {Hash} [attrs] Attributes to add
+ @return {Ember.View} new instance
+ */
+ createChildView: function(view, attrs) {
+ if (view.isView && view._parentView === this) { return view; }
+
+ if (Ember.CoreView.detect(view)) {
+ attrs = attrs || {};
+ attrs._parentView = this;
+ attrs.templateData = attrs.templateData || get(this, 'templateData');
+
+ view = view.create(attrs);
+
+ // don't set the property on a virtual view, as they are invisible to
+ // consumers of the view API
+ if (view.viewName) { set(get(this, 'concreteView'), view.viewName, view); }
+ } else {
+ Ember.assert('You must pass instance or subclass of View', view.isView);
+
+ if (attrs) {
+ view.setProperties(attrs);
+ }
+
+ if (!get(view, 'templateData')) {
+ set(view, 'templateData', get(this, 'templateData'));
+ }
+
+ set(view, '_parentView', this);
+ }
+
+ return view;
+ },
+
+ becameVisible: Ember.K,
+ becameHidden: Ember.K,
+
+ /**
+ @private
+
+ When the view's `isVisible` property changes, toggle the visibility
+ element of the actual DOM element.
+
+ @method _isVisibleDidChange
+ */
+ _isVisibleDidChange: Ember.observer(function() {
+ var $el = this.$();
+ if (!$el) { return; }
+
+ var isVisible = get(this, 'isVisible');
+
+ $el.toggle(isVisible);
+
+ if (this._isAncestorHidden()) { return; }
+
+ if (isVisible) {
+ this._notifyBecameVisible();
+ } else {
+ this._notifyBecameHidden();
+ }
+ }, 'isVisible'),
+
+ _notifyBecameVisible: function() {
+ this.trigger('becameVisible');
+
+ this.forEachChildView(function(view) {
+ var isVisible = get(view, 'isVisible');
+
+ if (isVisible || isVisible === null) {
+ view._notifyBecameVisible();
+ }
+ });
+ },
+
+ _notifyBecameHidden: function() {
+ this.trigger('becameHidden');
+ this.forEachChildView(function(view) {
+ var isVisible = get(view, 'isVisible');
+
+ if (isVisible || isVisible === null) {
+ view._notifyBecameHidden();
+ }
+ });
+ },
+
+ _isAncestorHidden: function() {
+ var parent = get(this, 'parentView');
+
+ while (parent) {
+ if (get(parent, 'isVisible') === false) { return true; }
+
+ parent = get(parent, 'parentView');
+ }
+
+ return false;
+ },
+
+ clearBuffer: function() {
+ this.invokeRecursively(function(view) {
+ view.buffer = null;
+ });
+ },
+
+ transitionTo: function(state, children) {
+ this.currentState = this.states[state];
+ this.state = state;
+
+ if (children !== false) {
+ this.forEachChildView(function(view) {
+ view.transitionTo(state);
+ });
+ }
+ },
+
+ // .......................................................
+ // EVENT HANDLING
+ //
+
+ /**
+ @private
+
+ Handle events from `Ember.EventDispatcher`
+
+ @method handleEvent
+ @param eventName {String}
+ @param evt {Event}
+ */
+ handleEvent: function(eventName, evt) {
+ return this.currentState.handleEvent(this, eventName, evt);
+ },
+
+ registerObserver: function(root, path, target, observer) {
+ if (!observer && 'function' === typeof target) {
+ observer = target;
+ target = null;
+ }
+ var view = this,
+ stateCheckedObserver = function(){
+ view.currentState.invokeObserver(this, observer);
+ };
+ Ember.addObserver(root, path, target, stateCheckedObserver);
+
+ this.one('willClearRender', function() {
+ Ember.removeObserver(root, path, target, stateCheckedObserver);
+ });
+ }
+
+});
+
+/*
+ Describe how the specified actions should behave in the various
+ states that a view can exist in. Possible states:
+
+ * preRender: when a view is first instantiated, and after its
+ element was destroyed, it is in the preRender state
+ * inBuffer: once a view has been rendered, but before it has
+ been inserted into the DOM, it is in the inBuffer state
+ * inDOM: once a view has been inserted into the DOM it is in
+ the inDOM state. A view spends the vast majority of its
+ existence in this state.
+ * destroyed: once a view has been destroyed (using the destroy
+ method), it is in this state. No further actions can be invoked
+ on a destroyed view.
+*/
+
+ // in the destroyed state, everything is illegal
+
+ // before rendering has begun, all legal manipulations are noops.
+
+ // inside the buffer, legal manipulations are done on the buffer
+
+ // once the view has been inserted into the DOM, legal manipulations
+ // are done on the DOM element.
+
+function notifyMutationListeners() {
+ Ember.run.once(Ember.View, 'notifyMutationListeners');
+}
+
+var DOMManager = {
+ prepend: function(view, html) {
+ view.$().prepend(html);
+ notifyMutationListeners();
+ },
+
+ after: function(view, html) {
+ view.$().after(html);
+ notifyMutationListeners();
+ },
+
+ html: function(view, html) {
+ view.$().html(html);
+ notifyMutationListeners();
+ },
+
+ replace: function(view) {
+ var element = get(view, 'element');
+
+ set(view, 'element', null);
+
+ view._insertElementLater(function() {
+ Ember.$(element).replaceWith(get(view, 'element'));
+ notifyMutationListeners();
+ });
+ },
+
+ remove: function(view) {
+ view.$().remove();
+ notifyMutationListeners();
+ },
+
+ empty: function(view) {
+ view.$().empty();
+ notifyMutationListeners();
+ }
+};
+
+Ember.View.reopen({
+ domManager: DOMManager
+});
+
+Ember.View.reopenClass({
+
+ /**
+ @private
+
+ Parse a path and return an object which holds the parsed properties.
+
+ For example a path like "content.isEnabled:enabled:disabled" wil return the
+ following object:
+
+ ```javascript
+ {
+ path: "content.isEnabled",
+ className: "enabled",
+ falsyClassName: "disabled",
+ classNames: ":enabled:disabled"
+ }
+ ```
+
+ @method _parsePropertyPath
+ @static
+ */
+ _parsePropertyPath: function(path) {
+ var split = path.split(':'),
+ propertyPath = split[0],
+ classNames = "",
+ className,
+ falsyClassName;
+
+ // check if the property is defined as prop:class or prop:trueClass:falseClass
+ if (split.length > 1) {
+ className = split[1];
+ if (split.length === 3) { falsyClassName = split[2]; }
+
+ classNames = ':' + className;
+ if (falsyClassName) { classNames += ":" + falsyClassName; }
+ }
+
+ return {
+ path: propertyPath,
+ classNames: classNames,
+ className: (className === '') ? undefined : className,
+ falsyClassName: falsyClassName
+ };
+ },
+
+ /**
+ @private
+
+ Get the class name for a given value, based on the path, optional
+ `className` and optional `falsyClassName`.
+
+ - if a `className` or `falsyClassName` has been specified:
+ - if the value is truthy and `className` has been specified,
+ `className` is returned
+ - if the value is falsy and `falsyClassName` has been specified,
+ `falsyClassName` is returned
+ - otherwise `null` is returned
+ - if the value is `true`, the dasherized last part of the supplied path
+ is returned
+ - if the value is not `false`, `undefined` or `null`, the `value`
+ is returned
+ - if none of the above rules apply, `null` is returned
+
+ @method _classStringForValue
+ @param path
+ @param val
+ @param className
+ @param falsyClassName
+ @static
+ */
+ _classStringForValue: function(path, val, className, falsyClassName) {
+ // When using the colon syntax, evaluate the truthiness or falsiness
+ // of the value to determine which className to return
+ if (className || falsyClassName) {
+ if (className && !!val) {
+ return className;
+
+ } else if (falsyClassName && !val) {
+ return falsyClassName;
+
+ } else {
+ return null;
+ }
+
+ // If value is a Boolean and true, return the dasherized property
+ // name.
+ } else if (val === true) {
+ // Normalize property path to be suitable for use
+ // as a class name. For exaple, content.foo.barBaz
+ // becomes bar-baz.
+ var parts = path.split('.');
+ return Ember.String.dasherize(parts[parts.length-1]);
+
+ // If the value is not false, undefined, or null, return the current
+ // value of the property.
+ } else if (val !== false && val !== undefined && val !== null) {
+ return val;
+
+ // Nothing to display. Return null so that the old class is removed
+ // but no new class is added.
+ } else {
+ return null;
+ }
+ }
+});
+
+var mutation = Ember.Object.extend(Ember.Evented).create();
+
+Ember.View.addMutationListener = function(callback) {
+ mutation.on('change', callback);
+};
+
+Ember.View.removeMutationListener = function(callback) {
+ mutation.off('change', callback);
+};
+
+Ember.View.notifyMutationListeners = function() {
+ mutation.trigger('change');
+};
+
+/**
+ Global views hash
+
+ @property views
+ @static
+ @type Hash
+*/
+Ember.View.views = {};
+
+// If someone overrides the child views computed property when
+// defining their class, we want to be able to process the user's
+// supplied childViews and then restore the original computed property
+// at view initialization time. This happens in Ember.ContainerView's init
+// method.
+Ember.View.childViewsProperty = childViewsProperty;
+
+Ember.View.applyAttributeBindings = function(elem, name, value) {
+ var type = Ember.typeOf(value);
+
+ // if this changes, also change the logic in ember-handlebars/lib/helpers/binding.js
+ if (name !== 'value' && (type === 'string' || (type === 'number' && !isNaN(value)))) {
+ if (value !== elem.attr(name)) {
+ elem.attr(name, value);
+ }
+ } else if (name === 'value' || type === 'boolean') {
+ // We can't set properties to undefined
+ if (value === undefined) { value = null; }
+
+ if (value !== elem.prop(name)) {
+ // value and booleans should always be properties
+ elem.prop(name, value);
+ }
+ } else if (!value) {
+ elem.removeAttr(name);
+ }
+};
+
+Ember.View.states = states;
+
+})();
+
+
+
+(function() {
+/**
+@module ember
+@submodule ember-views
+*/
+
+var get = Ember.get, set = Ember.set;
+
+Ember.View.states._default = {
+ // appendChild is only legal while rendering the buffer.
+ appendChild: function() {
+ throw "You can't use appendChild outside of the rendering process";
+ },
+
+ $: function() {
+ return undefined;
+ },
+
+ getElement: function() {
+ return null;
+ },
+
+ // Handle events from `Ember.EventDispatcher`
+ handleEvent: function() {
+ return true; // continue event propagation
+ },
+
+ destroyElement: function(view) {
+ set(view, 'element', null);
+ if (view._scheduledInsert) {
+ Ember.run.cancel(view._scheduledInsert);
+ view._scheduledInsert = null;
+ }
+ return view;
+ },
+
+ renderToBufferIfNeeded: function () {
+ return false;
+ },
+
+ rerender: Ember.K,
+ invokeObserver: Ember.K
+};
+
+})();
+
+
+
+(function() {
+/**
+@module ember
+@submodule ember-views
+*/
+
+var preRender = Ember.View.states.preRender = Ember.create(Ember.View.states._default);
+
+Ember.merge(preRender, {
+ // a view leaves the preRender state once its element has been
+ // created (createElement).
+ insertElement: function(view, fn) {
+ view.createElement();
+ view.triggerRecursively('willInsertElement');
+ // after createElement, the view will be in the hasElement state.
+ fn.call(view);
+ view.transitionTo('inDOM');
+ view.triggerRecursively('didInsertElement');
+ },
+
+ renderToBufferIfNeeded: function(view) {
+ return view.renderToBuffer();
+ },
+
+ empty: Ember.K,
+
+ setElement: function(view, value) {
+ if (value !== null) {
+ view.transitionTo('hasElement');
+ }
+ return value;
+ }
+});
+
+})();
+
+
+
+(function() {
+/**
+@module ember
+@submodule ember-views
+*/
+
+var get = Ember.get, set = Ember.set;
+
+var inBuffer = Ember.View.states.inBuffer = Ember.create(Ember.View.states._default);
+
+Ember.merge(inBuffer, {
+ $: function(view, sel) {
+ // if we don't have an element yet, someone calling this.$() is
+ // trying to update an element that isn't in the DOM. Instead,
+ // rerender the view to allow the render method to reflect the
+ // changes.
+ view.rerender();
+ return Ember.$();
+ },
+
+ // when a view is rendered in a buffer, rerendering it simply
+ // replaces the existing buffer with a new one
+ rerender: function(view) {
+ throw new Ember.Error("Something you did caused a view to re-render after it rendered but before it was inserted into the DOM.");
+ },
+
+ // when a view is rendered in a buffer, appending a child
+ // view will render that view and append the resulting
+ // buffer into its buffer.
+ appendChild: function(view, childView, options) {
+ var buffer = view.buffer;
+
+ childView = view.createChildView(childView, options);
+ view._childViews.push(childView);
+
+ childView.renderToBuffer(buffer);
+
+ view.propertyDidChange('childViews');
+
+ return childView;
+ },
+
+ // when a view is rendered in a buffer, destroying the
+ // element will simply destroy the buffer and put the
+ // state back into the preRender state.
+ destroyElement: function(view) {
+ view.clearBuffer();
+ view._notifyWillDestroyElement();
+ view.transitionTo('preRender');
+
+ return view;
+ },
+
+ empty: function() {
+ Ember.assert("Emptying a view in the inBuffer state is not allowed and should not happen under normal circumstances. Most likely there is a bug in your application. This may be due to excessive property change notifications.");
+ },
+
+ renderToBufferIfNeeded: function (view) {
+ return view.buffer;
+ },
+
+ // It should be impossible for a rendered view to be scheduled for
+ // insertion.
+ insertElement: function() {
+ throw "You can't insert an element that has already been rendered";
+ },
+
+ setElement: function(view, value) {
+ if (value === null) {
+ view.transitionTo('preRender');
+ } else {
+ view.clearBuffer();
+ view.transitionTo('hasElement');
+ }
+
+ return value;
+ },
+
+ invokeObserver: function(target, observer) {
+ observer.call(target);
+ }
+});
+
+
+})();
+
+
+
+(function() {
+/**
+@module ember
+@submodule ember-views
+*/
+
+var get = Ember.get, set = Ember.set;
+
+var hasElement = Ember.View.states.hasElement = Ember.create(Ember.View.states._default);
+
+Ember.merge(hasElement, {
+ $: function(view, sel) {
+ var elem = get(view, 'element');
+ return sel ? Ember.$(sel, elem) : Ember.$(elem);
+ },
+
+ getElement: function(view) {
+ var parent = get(view, 'parentView');
+ if (parent) { parent = get(parent, 'element'); }
+ if (parent) { return view.findElementInParentElement(parent); }
+ return Ember.$("#" + get(view, 'elementId'))[0];
+ },
+
+ setElement: function(view, value) {
+ if (value === null) {
+ view.transitionTo('preRender');
+ } else {
+ throw "You cannot set an element to a non-null value when the element is already in the DOM.";
+ }
+
+ return value;
+ },
+
+ // once the view has been inserted into the DOM, rerendering is
+ // deferred to allow bindings to synchronize.
+ rerender: function(view) {
+ view.triggerRecursively('willClearRender');
+
+ view.clearRenderedChildren();
+
+ view.domManager.replace(view);
+ return view;
+ },
+
+ // once the view is already in the DOM, destroying it removes it
+ // from the DOM, nukes its element, and puts it back into the
+ // preRender state if inDOM.
+
+ destroyElement: function(view) {
+ view._notifyWillDestroyElement();
+ view.domManager.remove(view);
+ set(view, 'element', null);
+ if (view._scheduledInsert) {
+ Ember.run.cancel(view._scheduledInsert);
+ view._scheduledInsert = null;
+ }
+ return view;
+ },
+
+ empty: function(view) {
+ var _childViews = view._childViews, len, idx;
+ if (_childViews) {
+ len = _childViews.length;
+ for (idx = 0; idx < len; idx++) {
+ _childViews[idx]._notifyWillDestroyElement();
+ }
+ }
+ view.domManager.empty(view);
+ },
+
+ // Handle events from `Ember.EventDispatcher`
+ handleEvent: function(view, eventName, evt) {
+ if (view.has(eventName)) {
+ // Handler should be able to re-dispatch events, so we don't
+ // preventDefault or stopPropagation.
+ return view.trigger(eventName, evt);
+ } else {
+ return true; // continue event propagation
+ }
+ },
+
+ invokeObserver: function(target, observer) {
+ observer.call(target);
+ }
+});
+
+var inDOM = Ember.View.states.inDOM = Ember.create(hasElement);
+
+Ember.merge(inDOM, {
+ insertElement: function(view, fn) {
+ throw "You can't insert an element into the DOM that has already been inserted";
+ }
+});
+
+})();
+
+
+
+(function() {
+/**
+@module ember
+@submodule ember-views
+*/
+
+var destroyedError = "You can't call %@ on a destroyed view", fmt = Ember.String.fmt;
+
+var destroyed = Ember.View.states.destroyed = Ember.create(Ember.View.states._default);
+
+Ember.merge(destroyed, {
+ appendChild: function() {
+ throw fmt(destroyedError, ['appendChild']);
+ },
+ rerender: function() {
+ throw fmt(destroyedError, ['rerender']);
+ },
+ destroyElement: function() {
+ throw fmt(destroyedError, ['destroyElement']);
+ },
+ empty: function() {
+ throw fmt(destroyedError, ['empty']);
+ },
+
+ setElement: function() {
+ throw fmt(destroyedError, ["set('element', ...)"]);
+ },
+
+ renderToBufferIfNeeded: function() {
+ throw fmt(destroyedError, ["renderToBufferIfNeeded"]);
+ },
+
+ // Since element insertion is scheduled, don't do anything if
+ // the view has been destroyed between scheduling and execution
+ insertElement: Ember.K
+});
+
+
+})();
+
+
+
+(function() {
+Ember.View.cloneStates = function(from) {
+ var into = {};
+
+ into._default = {};
+ into.preRender = Ember.create(into._default);
+ into.destroyed = Ember.create(into._default);
+ into.inBuffer = Ember.create(into._default);
+ into.hasElement = Ember.create(into._default);
+ into.inDOM = Ember.create(into.hasElement);
+
+ var viewState;
+
+ for (var stateName in from) {
+ if (!from.hasOwnProperty(stateName)) { continue; }
+ Ember.merge(into[stateName], from[stateName]);
+ }
+
+ return into;
+};
+
+})();
+
+
+
+(function() {
+var states = Ember.View.cloneStates(Ember.View.states);
+
+/**
+@module ember
+@submodule ember-views
+*/
+
+var get = Ember.get, set = Ember.set;
+var forEach = Ember.EnumerableUtils.forEach;
+
+/**
+ A `ContainerView` is an `Ember.View` subclass that implements `Ember.MutableArray`
+ allowing programatic management of its child views.
+
+ ## Setting Initial Child Views
+
+ The initial array of child views can be set in one of two ways. You can
+ provide a `childViews` property at creation time that contains instance of
+ `Ember.View`:
+
+ ```javascript
+ aContainer = Ember.ContainerView.create({
+ childViews: [Ember.View.create(), Ember.View.create()]
+ });
+ ```
+
+ You can also provide a list of property names whose values are instances of
+ `Ember.View`:
+
+ ```javascript
+ aContainer = Ember.ContainerView.create({
+ childViews: ['aView', 'bView', 'cView'],
+ aView: Ember.View.create(),
+ bView: Ember.View.create(),
+ cView: Ember.View.create()
+ });
+ ```
+
+ The two strategies can be combined:
+
+ ```javascript
+ aContainer = Ember.ContainerView.create({
+ childViews: ['aView', Ember.View.create()],
+ aView: Ember.View.create()
+ });
+ ```
+
+ Each child view's rendering will be inserted into the container's rendered
+ HTML in the same order as its position in the `childViews` property.
+
+ ## Adding and Removing Child Views
+
+ The container view implements `Ember.MutableArray` allowing programatic management of its child views.
+
+ To remove a view, pass that view into a `removeObject` call on the container view.
+
+ Given an empty `` the following code
+
+ ```javascript
+ aContainer = Ember.ContainerView.create({
+ classNames: ['the-container'],
+ childViews: ['aView', 'bView'],
+ aView: Ember.View.create({
+ template: Ember.Handlebars.compile("A")
+ }),
+ bView: Ember.View.create({
+ template: Ember.Handlebars.compile("B")
+ })
+ });
+
+ aContainer.appendTo('body');
+ ```
+
+ Results in the HTML
+
+ ```html
+ ]
+ ```
+
+ Will result in the following HTML
+
+ ```html
+ ` and the following code:
+
+ ```javascript
+ someItemsView = Ember.CollectionView.create({
+ classNames: ['a-collection'],
+ content: ['A','B','C'],
+ itemViewClass: Ember.View.extend({
+ template: Ember.Handlebars.compile("the letter: {{view.content}}")
+ })
+ });
+
+ someItemsView.appendTo('body');
+ ```
+
+ Will result in the following HTML structure
+
+ ```html
+ hi . Other browsers create it
+ * before the first node, no matter what.
+ *
+ * This means the the following code:
+ *
+ * div = document.createElement("div");
+ * div.innerHTML = "
+ *
+ * Generates the following DOM in IE:
+ *
+ * + div
+ * + table
+ * - script id='first'
+ * + tbody
+ * + tr
+ * + td
+ * - "hi"
+ * - script id='last'
+ *
+ * Which means that the two script tags, even though they were
+ * inserted at the same point in the hierarchy in the original
+ * HTML, now have different parents.
+ *
+ * This code reparents the first script tag by making it the tbody's
+ * first child.
+ **/
+ var fixParentage = function(start, end) {
+ if (start.parentNode !== end.parentNode) {
+ end.parentNode.insertBefore(start, end.parentNode.firstChild);
+ }
+ };
+
+ htmlFunc = function(html, outerToo) {
+ // get the real starting node. see realNode for details.
+ var start = realNode(document.getElementById(this.start));
+ var end = document.getElementById(this.end);
+ var parentNode = end.parentNode;
+ var node, nextSibling, last;
+
+ // make sure that the start and end nodes share the same
+ // parent. If not, fix it.
+ fixParentage(start, end);
+
+ // remove all of the nodes after the starting placeholder and
+ // before the ending placeholder.
+ node = start.nextSibling;
+ while (node) {
+ nextSibling = node.nextSibling;
+ last = node === end;
+
+ // if this is the last node, and we want to remove it as well,
+ // set the `end` node to the next sibling. This is because
+ // for the rest of the function, we insert the new nodes
+ // before the end (note that insertBefore(node, null) is
+ // the same as appendChild(node)).
+ //
+ // if we do not want to remove it, just break.
+ if (last) {
+ if (outerToo) { end = node.nextSibling; } else { break; }
+ }
+
+ node.parentNode.removeChild(node);
+
+ // if this is the last node and we didn't break before
+ // (because we wanted to remove the outer nodes), break
+ // now.
+ if (last) { break; }
+
+ node = nextSibling;
+ }
+
+ // get the first node for the HTML string, even in cases like
+ // tables and lists where a simple innerHTML on a div would
+ // swallow some of the content.
+ node = firstNodeFor(start.parentNode, html);
+
+ // copy the nodes for the HTML between the starting and ending
+ // placeholder.
+ while (node) {
+ nextSibling = node.nextSibling;
+ parentNode.insertBefore(node, end);
+ node = nextSibling;
+ }
+ };
+
+ // remove the nodes in the DOM representing this metamorph.
+ //
+ // this includes the starting and ending placeholders.
+ removeFunc = function() {
+ var start = realNode(document.getElementById(this.start));
+ var end = document.getElementById(this.end);
+
+ this.html('');
+ start.parentNode.removeChild(start);
+ end.parentNode.removeChild(end);
+ };
+
+ appendToFunc = function(parentNode) {
+ var node = firstNodeFor(parentNode, this.outerHTML());
+ var nextSibling;
+
+ while (node) {
+ nextSibling = node.nextSibling;
+ parentNode.appendChild(node);
+ node = nextSibling;
+ }
+ };
+
+ afterFunc = function(html) {
+ // get the real starting node. see realNode for details.
+ var end = document.getElementById(this.end);
+ var insertBefore = end.nextSibling;
+ var parentNode = end.parentNode;
+ var nextSibling;
+ var node;
+
+ // get the first node for the HTML string, even in cases like
+ // tables and lists where a simple innerHTML on a div would
+ // swallow some of the content.
+ node = firstNodeFor(parentNode, html);
+
+ // copy the nodes for the HTML between the starting and ending
+ // placeholder.
+ while (node) {
+ nextSibling = node.nextSibling;
+ parentNode.insertBefore(node, insertBefore);
+ node = nextSibling;
+ }
+ };
+
+ prependFunc = function(html) {
+ var start = document.getElementById(this.start);
+ var parentNode = start.parentNode;
+ var nextSibling;
+ var node;
+
+ node = firstNodeFor(parentNode, html);
+ var insertBefore = start.nextSibling;
+
+ while (node) {
+ nextSibling = node.nextSibling;
+ parentNode.insertBefore(node, insertBefore);
+ node = nextSibling;
+ }
+ };
+ }
+
+ Metamorph.prototype.html = function(html) {
+ this.checkRemoved();
+ if (html === undefined) { return this.innerHTML; }
+
+ htmlFunc.call(this, html);
+
+ this.innerHTML = html;
+ };
+
+ Metamorph.prototype.replaceWith = function(html) {
+ this.checkRemoved();
+ htmlFunc.call(this, html, true);
+ };
+
+ Metamorph.prototype.remove = removeFunc;
+ Metamorph.prototype.outerHTML = outerHTMLFunc;
+ Metamorph.prototype.appendTo = appendToFunc;
+ Metamorph.prototype.after = afterFunc;
+ Metamorph.prototype.prepend = prependFunc;
+ Metamorph.prototype.startTag = startTagFunc;
+ Metamorph.prototype.endTag = endTagFunc;
+
+ Metamorph.prototype.isRemoved = function() {
+ var before = document.getElementById(this.start);
+ var after = document.getElementById(this.end);
+
+ return !before || !after;
+ };
+
+ Metamorph.prototype.checkRemoved = function() {
+ if (this.isRemoved()) {
+ throw new Error("Cannot perform operations on a Metamorph that is not in the DOM.");
+ }
+ };
+
+ return Metamorph;
+ });
+
+})();
+
+(function() {
+/**
+@module ember
+@submodule ember-handlebars-compiler
+*/
+
+// Eliminate dependency on any Ember to simplify precompilation workflow
+var objectCreate = Object.create || function(parent) {
+ function F() {}
+ F.prototype = parent;
+ return new F();
+};
+
+var Handlebars = this.Handlebars || (Ember.imports && Ember.imports.Handlebars);
+if(!Handlebars && typeof require === 'function') {
+ Handlebars = require('handlebars');
+}
+
+Ember.assert("Ember Handlebars requires Handlebars 1.0.0-rc.3 or greater", Handlebars && Handlebars.VERSION.match(/^1\.0\.[0-9](\.rc\.[23456789]+)?/));
+
+/**
+ Prepares the Handlebars templating library for use inside Ember's view
+ system.
+
+ The `Ember.Handlebars` object is the standard Handlebars library, extended to
+ use Ember's `get()` method instead of direct property access, which allows
+ computed properties to be used inside templates.
+
+ To create an `Ember.Handlebars` template, call `Ember.Handlebars.compile()`.
+ This will return a function that can be used by `Ember.View` for rendering.
+
+ @class Handlebars
+ @namespace Ember
+*/
+Ember.Handlebars = objectCreate(Handlebars);
+
+/**
+@class helpers
+@namespace Ember.Handlebars
+*/
+Ember.Handlebars.helpers = objectCreate(Handlebars.helpers);
+
+/**
+ Override the the opcode compiler and JavaScript compiler for Handlebars.
+
+ @class Compiler
+ @namespace Ember.Handlebars
+ @private
+ @constructor
+*/
+Ember.Handlebars.Compiler = function() {};
+
+// Handlebars.Compiler doesn't exist in runtime-only
+if (Handlebars.Compiler) {
+ Ember.Handlebars.Compiler.prototype = objectCreate(Handlebars.Compiler.prototype);
+}
+
+Ember.Handlebars.Compiler.prototype.compiler = Ember.Handlebars.Compiler;
+
+/**
+ @class JavaScriptCompiler
+ @namespace Ember.Handlebars
+ @private
+ @constructor
+*/
+Ember.Handlebars.JavaScriptCompiler = function() {};
+
+// Handlebars.JavaScriptCompiler doesn't exist in runtime-only
+if (Handlebars.JavaScriptCompiler) {
+ Ember.Handlebars.JavaScriptCompiler.prototype = objectCreate(Handlebars.JavaScriptCompiler.prototype);
+ Ember.Handlebars.JavaScriptCompiler.prototype.compiler = Ember.Handlebars.JavaScriptCompiler;
+}
+
+
+Ember.Handlebars.JavaScriptCompiler.prototype.namespace = "Ember.Handlebars";
+
+
+Ember.Handlebars.JavaScriptCompiler.prototype.initializeBuffer = function() {
+ return "''";
+};
+
+/**
+ @private
+
+ Override the default buffer for Ember Handlebars. By default, Handlebars
+ creates an empty String at the beginning of each invocation and appends to
+ it. Ember's Handlebars overrides this to append to a single shared buffer.
+
+ @method appendToBuffer
+ @param string {String}
+*/
+Ember.Handlebars.JavaScriptCompiler.prototype.appendToBuffer = function(string) {
+ return "data.buffer.push("+string+");";
+};
+
+var prefix = "ember" + (+new Date()), incr = 1;
+
+/**
+ @private
+
+ Rewrite simple mustaches from `{{foo}}` to `{{bind "foo"}}`. This means that
+ all simple mustaches in Ember's Handlebars will also set up an observer to
+ keep the DOM up to date when the underlying property changes.
+
+ @method mustache
+ @for Ember.Handlebars.Compiler
+ @param mustache
+*/
+Ember.Handlebars.Compiler.prototype.mustache = function(mustache) {
+ if (mustache.isHelper && mustache.id.string === 'control') {
+ mustache.hash = mustache.hash || new Handlebars.AST.HashNode([]);
+ mustache.hash.pairs.push(["controlID", new Handlebars.AST.StringNode(prefix + incr++)]);
+ } else if (mustache.params.length || mustache.hash) {
+ // no changes required
+ } else {
+ var id = new Handlebars.AST.IdNode(['_triageMustache']);
+
+ // Update the mustache node to include a hash value indicating whether the original node
+ // was escaped. This will allow us to properly escape values when the underlying value
+ // changes and we need to re-render the value.
+ if(!mustache.escaped) {
+ mustache.hash = mustache.hash || new Handlebars.AST.HashNode([]);
+ mustache.hash.pairs.push(["unescaped", new Handlebars.AST.StringNode("true")]);
+ }
+ mustache = new Handlebars.AST.MustacheNode([id].concat([mustache.id]), mustache.hash, !mustache.escaped);
+ }
+
+ return Handlebars.Compiler.prototype.mustache.call(this, mustache);
+};
+
+/**
+ Used for precompilation of Ember Handlebars templates. This will not be used
+ during normal app execution.
+
+ @method precompile
+ @for Ember.Handlebars
+ @static
+ @param {String} string The template to precompile
+*/
+Ember.Handlebars.precompile = function(string) {
+ var ast = Handlebars.parse(string);
+
+ var options = {
+ knownHelpers: {
+ action: true,
+ unbound: true,
+ bindAttr: true,
+ template: true,
+ view: true,
+ _triageMustache: true
+ },
+ data: true,
+ stringParams: true
+ };
+
+ var environment = new Ember.Handlebars.Compiler().compile(ast, options);
+ return new Ember.Handlebars.JavaScriptCompiler().compile(environment, options, undefined, true);
+};
+
+// We don't support this for Handlebars runtime-only
+if (Handlebars.compile) {
+ /**
+ The entry point for Ember Handlebars. This replaces the default
+ `Handlebars.compile` and turns on template-local data and String
+ parameters.
+
+ @method compile
+ @for Ember.Handlebars
+ @static
+ @param {String} string The template to compile
+ @return {Function}
+ */
+ Ember.Handlebars.compile = function(string) {
+ var ast = Handlebars.parse(string);
+ var options = { data: true, stringParams: true };
+ var environment = new Ember.Handlebars.Compiler().compile(ast, options);
+ var templateSpec = new Ember.Handlebars.JavaScriptCompiler().compile(environment, options, undefined, true);
+
+ return Ember.Handlebars.template(templateSpec);
+ };
+}
+
+
+})();
+
+(function() {
+var slice = Array.prototype.slice;
+
+/**
+ @private
+
+ If a path starts with a reserved keyword, returns the root
+ that should be used.
+
+ @method normalizePath
+ @for Ember
+ @param root {Object}
+ @param path {String}
+ @param data {Hash}
+*/
+var normalizePath = Ember.Handlebars.normalizePath = function(root, path, data) {
+ var keywords = (data && data.keywords) || {},
+ keyword, isKeyword;
+
+ // Get the first segment of the path. For example, if the
+ // path is "foo.bar.baz", returns "foo".
+ keyword = path.split('.', 1)[0];
+
+ // Test to see if the first path is a keyword that has been
+ // passed along in the view's data hash. If so, we will treat
+ // that object as the new root.
+ if (keywords.hasOwnProperty(keyword)) {
+ // Look up the value in the template's data hash.
+ root = keywords[keyword];
+ isKeyword = true;
+
+ // Handle cases where the entire path is the reserved
+ // word. In that case, return the object itself.
+ if (path === keyword) {
+ path = '';
+ } else {
+ // Strip the keyword from the path and look up
+ // the remainder from the newly found root.
+ path = path.substr(keyword.length+1);
+ }
+ }
+
+ return { root: root, path: path, isKeyword: isKeyword };
+};
+
+
+/**
+ Lookup both on root and on window. If the path starts with
+ a keyword, the corresponding object will be looked up in the
+ template's data hash and used to resolve the path.
+
+ @method get
+ @for Ember.Handlebars
+ @param {Object} root The object to look up the property on
+ @param {String} path The path to be lookedup
+ @param {Object} options The template's option hash
+*/
+var handlebarsGet = Ember.Handlebars.get = function(root, path, options) {
+ var data = options && options.data,
+ normalizedPath = normalizePath(root, path, data),
+ value;
+
+ // In cases where the path begins with a keyword, change the
+ // root to the value represented by that keyword, and ensure
+ // the path is relative to it.
+ root = normalizedPath.root;
+ path = normalizedPath.path;
+
+ value = Ember.get(root, path);
+
+ // If the path starts with a capital letter, look it up on Ember.lookup,
+ // which defaults to the `window` object in browsers.
+ if (value === undefined && root !== Ember.lookup && Ember.isGlobalPath(path)) {
+ value = Ember.get(Ember.lookup, path);
+ }
+ return value;
+};
+Ember.Handlebars.getPath = Ember.deprecateFunc('`Ember.Handlebars.getPath` has been changed to `Ember.Handlebars.get` for consistency.', Ember.Handlebars.get);
+
+Ember.Handlebars.resolveParams = function(context, params, options) {
+ var resolvedParams = [], types = options.types, param, type;
+
+ for (var i=0, l=params.length; i
+ ```
+
+ The above handlebars template will fill the `![]()
`'s `src` attribute will
+ the value of the property referenced with `"imageUrl"` and its `alt`
+ attribute with the value of the property referenced with `"imageTitle"`.
+
+ If the rendering context of this template is the following object:
+
+ ```javascript
+ {
+ imageUrl: 'http://lolcats.info/haz-a-funny',
+ imageTitle: 'A humorous image of a cat'
+ }
+ ```
+
+ The resulting HTML output will be:
+
+ ```html
+ 
+ ```
+
+ `bindAttr` cannot redeclare existing DOM element attributes. The use of `src`
+ in the following `bindAttr` example will be ignored and the hard coded value
+ of `src="/failwhale.gif"` will take precedence:
+
+ ```handlebars
+ 
+ ```
+
+ ### `bindAttr` and the `class` attribute
+
+ `bindAttr` supports a special syntax for handling a number of cases unique
+ to the `class` DOM element attribute. The `class` attribute combines
+ multiple discreet values into a single attribute as a space-delimited
+ list of strings. Each string can be:
+
+ * a string return value of an object's property.
+ * a boolean return value of an object's property
+ * a hard-coded value
+
+ A string return value works identically to other uses of `bindAttr`. The
+ return value of the property will become the value of the attribute. For
+ example, the following view and template:
+
+ ```javascript
+ AView = Ember.View.extend({
+ someProperty: function(){
+ return "aValue";
+ }.property()
+ })
+ ```
+
+ ```handlebars
+ ![]()
+ ```
+
+ A boolean return value will insert a specified class name if the property
+ returns `true` and remove the class name if the property returns `false`.
+
+ A class name is provided via the syntax
+ `somePropertyName:class-name-if-true`.
+
+ ```javascript
+ AView = Ember.View.extend({
+ someBool: true
+ })
+ ```
+
+ ```handlebars
+ ![]()
+ ```
+
+ Result in the following rendered output:
+
+ ```html
+ ![]()
+ ```
+
+ An additional section of the binding can be provided if you want to
+ replace the existing class instead of removing it when the boolean
+ value changes:
+
+ ```handlebars
+ ![]()
+ ```
+
+ A hard-coded value can be used by prepending `:` to the desired
+ class name: `:class-name-to-always-apply`.
+
+ ```handlebars
+ ![]()
+ ```
+
+ Results in the following rendered output:
+
+ ```html
+ ![]()
+ ```
+
+ All three strategies - string return value, boolean return value, and
+ hard-coded value – can be combined in a single declaration:
+
+ ```handlebars
+ ![]()
+ ```
+
+ @method bindAttr
+ @for Ember.Handlebars.helpers
+ @param {Hash} options
+ @return {String} HTML string
+*/
+EmberHandlebars.registerHelper('bindAttr', function(options) {
+
+ var attrs = options.hash;
+
+ Ember.assert("You must specify at least one hash argument to bindAttr", !!Ember.keys(attrs).length);
+
+ var view = options.data.view;
+ var ret = [];
+ var ctx = this;
+
+ // Generate a unique id for this element. This will be added as a
+ // data attribute to the element so it can be looked up when
+ // the bound property changes.
+ var dataId = ++Ember.uuid;
+
+ // Handle classes differently, as we can bind multiple classes
+ var classBindings = attrs['class'];
+ if (classBindings !== null && classBindings !== undefined) {
+ var classResults = EmberHandlebars.bindClasses(this, classBindings, view, dataId, options);
+
+ ret.push('class="' + Handlebars.Utils.escapeExpression(classResults.join(' ')) + '"');
+ delete attrs['class'];
+ }
+
+ var attrKeys = Ember.keys(attrs);
+
+ // For each attribute passed, create an observer and emit the
+ // current value of the property as an attribute.
+ forEach.call(attrKeys, function(attr) {
+ var path = attrs[attr],
+ normalized;
+
+ Ember.assert(fmt("You must provide a String for a bound attribute, not %@", [path]), typeof path === 'string');
+
+ normalized = normalizePath(ctx, path, options.data);
+
+ var value = (path === 'this') ? normalized.root : handlebarsGet(ctx, path, options),
+ type = Ember.typeOf(value);
+
+ Ember.assert(fmt("Attributes must be numbers, strings or booleans, not %@", [value]), value === null || value === undefined || type === 'number' || type === 'string' || type === 'boolean');
+
+ var observer, invoker;
+
+ observer = function observer() {
+ var result = handlebarsGet(ctx, path, options);
+
+ Ember.assert(fmt("Attributes must be numbers, strings or booleans, not %@", [result]), result === null || result === undefined || typeof result === 'number' || typeof result === 'string' || typeof result === 'boolean');
+
+ var elem = view.$("[data-bindattr-" + dataId + "='" + dataId + "']");
+
+ // If we aren't able to find the element, it means the element
+ // to which we were bound has been removed from the view.
+ // In that case, we can assume the template has been re-rendered
+ // and we need to clean up the observer.
+ if (!elem || elem.length === 0) {
+ Ember.removeObserver(normalized.root, normalized.path, invoker);
+ return;
+ }
+
+ Ember.View.applyAttributeBindings(elem, attr, result);
+ };
+
+ invoker = function() {
+ Ember.run.scheduleOnce('render', observer);
+ };
+
+ // Add an observer to the view for when the property changes.
+ // When the observer fires, find the element using the
+ // unique data id and update the attribute to the new value.
+ // Note: don't add observer when path is 'this' or path
+ // is whole keyword e.g. {{#each x in list}} ... {{bindAttr attr="x"}}
+ if (path !== 'this' && !(normalized.isKeyword && normalized.path === '' )) {
+ view.registerObserver(normalized.root, normalized.path, invoker);
+ }
+
+ // if this changes, also change the logic in ember-views/lib/views/view.js
+ if ((type === 'string' || (type === 'number' && !isNaN(value)))) {
+ ret.push(attr + '="' + Handlebars.Utils.escapeExpression(value) + '"');
+ } else if (value && type === 'boolean') {
+ // The developer controls the attr name, so it should always be safe
+ ret.push(attr + '="' + attr + '"');
+ }
+ }, this);
+
+ // Add the unique identifier
+ // NOTE: We use all lower-case since Firefox has problems with mixed case in SVG
+ ret.push('data-bindattr-' + dataId + '="' + dataId + '"');
+ return new EmberHandlebars.SafeString(ret.join(' '));
+});
+
+/**
+ @private
+
+ Helper that, given a space-separated string of property paths and a context,
+ returns an array of class names. Calling this method also has the side
+ effect of setting up observers at those property paths, such that if they
+ change, the correct class name will be reapplied to the DOM element.
+
+ For example, if you pass the string "fooBar", it will first look up the
+ "fooBar" value of the context. If that value is true, it will add the
+ "foo-bar" class to the current element (i.e., the dasherized form of
+ "fooBar"). If the value is a string, it will add that string as the class.
+ Otherwise, it will not add any new class name.
+
+ @method bindClasses
+ @for Ember.Handlebars
+ @param {Ember.Object} context The context from which to lookup properties
+ @param {String} classBindings A string, space-separated, of class bindings
+ to use
+ @param {Ember.View} view The view in which observers should look for the
+ element to update
+ @param {Srting} bindAttrId Optional bindAttr id used to lookup elements
+ @return {Array} An array of class names to add
+*/
+EmberHandlebars.bindClasses = function(context, classBindings, view, bindAttrId, options) {
+ var ret = [], newClass, value, elem;
+
+ // Helper method to retrieve the property from the context and
+ // determine which class string to return, based on whether it is
+ // a Boolean or not.
+ var classStringForPath = function(root, parsedPath, options) {
+ var val,
+ path = parsedPath.path;
+
+ if (path === 'this') {
+ val = root;
+ } else if (path === '') {
+ val = true;
+ } else {
+ val = handlebarsGet(root, path, options);
+ }
+
+ return Ember.View._classStringForValue(path, val, parsedPath.className, parsedPath.falsyClassName);
+ };
+
+ // For each property passed, loop through and setup
+ // an observer.
+ forEach.call(classBindings.split(' '), function(binding) {
+
+ // Variable in which the old class value is saved. The observer function
+ // closes over this variable, so it knows which string to remove when
+ // the property changes.
+ var oldClass;
+
+ var observer, invoker;
+
+ var parsedPath = Ember.View._parsePropertyPath(binding),
+ path = parsedPath.path,
+ pathRoot = context,
+ normalized;
+
+ if (path !== '' && path !== 'this') {
+ normalized = normalizePath(context, path, options.data);
+
+ pathRoot = normalized.root;
+ path = normalized.path;
+ }
+
+ // Set up an observer on the context. If the property changes, toggle the
+ // class name.
+ observer = function() {
+ // Get the current value of the property
+ newClass = classStringForPath(context, parsedPath, options);
+ elem = bindAttrId ? view.$("[data-bindattr-" + bindAttrId + "='" + bindAttrId + "']") : view.$();
+
+ // If we can't find the element anymore, a parent template has been
+ // re-rendered and we've been nuked. Remove the observer.
+ if (!elem || elem.length === 0) {
+ Ember.removeObserver(pathRoot, path, invoker);
+ } else {
+ // If we had previously added a class to the element, remove it.
+ if (oldClass) {
+ elem.removeClass(oldClass);
+ }
+
+ // If necessary, add a new class. Make sure we keep track of it so
+ // it can be removed in the future.
+ if (newClass) {
+ elem.addClass(newClass);
+ oldClass = newClass;
+ } else {
+ oldClass = null;
+ }
+ }
+ };
+
+ invoker = function() {
+ Ember.run.scheduleOnce('render', observer);
+ };
+
+ if (path !== '' && path !== 'this') {
+ view.registerObserver(pathRoot, path, invoker);
+ }
+
+ // We've already setup the observer; now we just need to figure out the
+ // correct behavior right now on the first pass through.
+ value = classStringForPath(context, parsedPath, options);
+
+ if (value) {
+ ret.push(value);
+
+ // Make sure we save the current value so that it can be removed if the
+ // observer fires.
+ oldClass = value;
+ }
+ });
+
+ return ret;
+};
+
+
+})();
+
+
+
+(function() {
+/*globals Handlebars */
+
+// TODO: Don't require the entire module
+/**
+@module ember
+@submodule ember-handlebars
+*/
+
+var get = Ember.get, set = Ember.set;
+var PARENT_VIEW_PATH = /^parentView\./;
+var EmberHandlebars = Ember.Handlebars;
+
+EmberHandlebars.ViewHelper = Ember.Object.create({
+
+ propertiesFromHTMLOptions: function(options, thisContext) {
+ var hash = options.hash, data = options.data;
+ var extensions = {},
+ classes = hash['class'],
+ dup = false;
+
+ if (hash.id) {
+ extensions.elementId = hash.id;
+ dup = true;
+ }
+
+ if (hash.tag) {
+ extensions.tagName = hash.tag;
+ dup = true;
+ }
+
+ if (classes) {
+ classes = classes.split(' ');
+ extensions.classNames = classes;
+ dup = true;
+ }
+
+ if (hash.classBinding) {
+ extensions.classNameBindings = hash.classBinding.split(' ');
+ dup = true;
+ }
+
+ if (hash.classNameBindings) {
+ if (extensions.classNameBindings === undefined) extensions.classNameBindings = [];
+ extensions.classNameBindings = extensions.classNameBindings.concat(hash.classNameBindings.split(' '));
+ dup = true;
+ }
+
+ if (hash.attributeBindings) {
+ Ember.assert("Setting 'attributeBindings' via Handlebars is not allowed. Please subclass Ember.View and set it there instead.");
+ extensions.attributeBindings = null;
+ dup = true;
+ }
+
+ if (dup) {
+ hash = Ember.$.extend({}, hash);
+ delete hash.id;
+ delete hash.tag;
+ delete hash['class'];
+ delete hash.classBinding;
+ }
+
+ // Set the proper context for all bindings passed to the helper. This applies to regular attribute bindings
+ // as well as class name bindings. If the bindings are local, make them relative to the current context
+ // instead of the view.
+ var path;
+
+ // Evaluate the context of regular attribute bindings:
+ for (var prop in hash) {
+ if (!hash.hasOwnProperty(prop)) { continue; }
+
+ // Test if the property ends in "Binding"
+ if (Ember.IS_BINDING.test(prop) && typeof hash[prop] === 'string') {
+ path = this.contextualizeBindingPath(hash[prop], data);
+ if (path) { hash[prop] = path; }
+ }
+ }
+
+ // Evaluate the context of class name bindings:
+ if (extensions.classNameBindings) {
+ for (var b in extensions.classNameBindings) {
+ var full = extensions.classNameBindings[b];
+ if (typeof full === 'string') {
+ // Contextualize the path of classNameBinding so this:
+ //
+ // classNameBinding="isGreen:green"
+ //
+ // is converted to this:
+ //
+ // classNameBinding="_parentView.context.isGreen:green"
+ var parsedPath = Ember.View._parsePropertyPath(full);
+ path = this.contextualizeBindingPath(parsedPath.path, data);
+ if (path) { extensions.classNameBindings[b] = path + parsedPath.classNames; }
+ }
+ }
+ }
+
+ return Ember.$.extend(hash, extensions);
+ },
+
+ // Transform bindings from the current context to a context that can be evaluated within the view.
+ // Returns null if the path shouldn't be changed.
+ //
+ // TODO: consider the addition of a prefix that would allow this method to return `path`.
+ contextualizeBindingPath: function(path, data) {
+ var normalized = Ember.Handlebars.normalizePath(null, path, data);
+ if (normalized.isKeyword) {
+ return 'templateData.keywords.' + path;
+ } else if (Ember.isGlobalPath(path)) {
+ return null;
+ } else if (path === 'this') {
+ return '_parentView.context';
+ } else {
+ return '_parentView.context.' + path;
+ }
+ },
+
+ helper: function(thisContext, path, options) {
+ var inverse = options.inverse,
+ data = options.data,
+ view = data.view,
+ fn = options.fn,
+ hash = options.hash,
+ newView;
+
+ if ('string' === typeof path) {
+ newView = EmberHandlebars.get(thisContext, path, options);
+ Ember.assert("Unable to find view at path '" + path + "'", !!newView);
+ } else {
+ newView = path;
+ }
+
+ Ember.assert(Ember.String.fmt('You must pass a view to the #view helper, not %@ (%@)', [path, newView]), Ember.View.detect(newView) || Ember.View.detectInstance(newView));
+
+ var viewOptions = this.propertiesFromHTMLOptions(options, thisContext);
+ var currentView = data.view;
+ viewOptions.templateData = options.data;
+ var newViewProto = newView.proto ? newView.proto() : newView;
+
+ if (fn) {
+ Ember.assert("You cannot provide a template block if you also specified a templateName", !get(viewOptions, 'templateName') && !get(newViewProto, 'templateName'));
+ viewOptions.template = fn;
+ }
+
+ // We only want to override the `_context` computed property if there is
+ // no specified controller. See View#_context for more information.
+ if (!newViewProto.controller && !newViewProto.controllerBinding && !viewOptions.controller && !viewOptions.controllerBinding) {
+ viewOptions._context = thisContext;
+ }
+
+ currentView.appendChild(newView, viewOptions);
+ }
+});
+
+/**
+ `{{view}}` inserts a new instance of `Ember.View` into a template passing its
+ options to the `Ember.View`'s `create` method and using the supplied block as
+ the view's own template.
+
+ An empty `` and the following template:
+
+ ```handlebars
+ A span:
+ {{#view tagName="span"}}
+ hello.
+ {{/view}}
+ ```
+
+ Will result in HTML structure:
+
+ ```html
+
+
+
+
+
+ ```
+
+ Removing a view
+
+ ```javascript
+ aContainer.toArray(); // [aContainer.aView, aContainer.bView]
+ aContainer.removeObject(aContainer.get('bView'));
+ aContainer.toArray(); // [aContainer.aView]
+ ```
+
+ Will result in the following HTML
+
+ ```html
+ A
+ B
+
+
+ ```
+
+ Similarly, adding a child view is accomplished by adding `Ember.View` instances to the
+ container view.
+
+ Given an empty `` the following code
+
+ ```javascript
+ aContainer = Ember.ContainerView.create({
+ classNames: ['the-container'],
+ childViews: ['aView', 'bView'],
+ aView: Ember.View.create({
+ template: Ember.Handlebars.compile("A")
+ }),
+ bView: Ember.View.create({
+ template: Ember.Handlebars.compile("B")
+ })
+ });
+
+ aContainer.appendTo('body');
+ ```
+
+ Results in the HTML
+
+ ```html
+ A
+
+
+ ```
+
+ Adding a view
+
+ ```javascript
+ AnotherViewClass = Ember.View.extend({
+ template: Ember.Handlebars.compile("Another view")
+ });
+
+ aContainer.toArray(); // [aContainer.aView, aContainer.bView]
+ aContainer.pushObject(AnotherViewClass.create());
+ aContainer.toArray(); // [aContainer.aView, aContainer.bView, A
+ B
+
+
+ ```
+
+ ## Templates and Layout
+
+ A `template`, `templateName`, `defaultTemplate`, `layout`, `layoutName` or
+ `defaultLayout` property on a container view will not result in the template
+ or layout being rendered. The HTML contents of a `Ember.ContainerView`'s DOM
+ representation will only be the rendered HTML of its child views.
+
+ ## Binding a View to Display
+
+ If you would like to display a single view in your ContainerView, you can set
+ its `currentView` property. When the `currentView` property is set to a view
+ instance, it will be added to the ContainerView. If the `currentView` property
+ is later changed to a different view, the new view will replace the old view.
+ If `currentView` is set to `null`, the last `currentView` will be removed.
+
+ This functionality is useful for cases where you want to bind the display of
+ a ContainerView to a controller or state manager. For example, you can bind
+ the `currentView` of a container to a controller like this:
+
+ ```javascript
+ App.appController = Ember.Object.create({
+ view: Ember.View.create({
+ templateName: 'person_template'
+ })
+ });
+ ```
+
+ ```handlebars
+ {{view Ember.ContainerView currentViewBinding="App.appController.view"}}
+ ```
+
+ @class ContainerView
+ @namespace Ember
+ @extends Ember.View
+*/
+Ember.ContainerView = Ember.View.extend(Ember.MutableArray, {
+ states: states,
+
+ init: function() {
+ this._super();
+
+ var childViews = get(this, 'childViews');
+
+ // redefine view's childViews property that was obliterated
+ Ember.defineProperty(this, 'childViews', Ember.View.childViewsProperty);
+
+ var _childViews = this._childViews;
+
+ forEach(childViews, function(viewName, idx) {
+ var view;
+
+ if ('string' === typeof viewName) {
+ view = get(this, viewName);
+ view = this.createChildView(view);
+ set(this, viewName, view);
+ } else {
+ view = this.createChildView(viewName);
+ }
+
+ _childViews[idx] = view;
+ }, this);
+
+ var currentView = get(this, 'currentView');
+ if (currentView) {
+ _childViews.push(this.createChildView(currentView));
+ }
+ },
+
+ replace: function(idx, removedCount, addedViews) {
+ var addedCount = addedViews ? get(addedViews, 'length') : 0;
+
+ this.arrayContentWillChange(idx, removedCount, addedCount);
+ this.childViewsWillChange(this._childViews, idx, removedCount);
+
+ if (addedCount === 0) {
+ this._childViews.splice(idx, removedCount) ;
+ } else {
+ var args = [idx, removedCount].concat(addedViews);
+ this._childViews.splice.apply(this._childViews, args);
+ }
+
+ this.arrayContentDidChange(idx, removedCount, addedCount);
+ this.childViewsDidChange(this._childViews, idx, removedCount, addedCount);
+
+ return this;
+ },
+
+ objectAt: function(idx) {
+ return this._childViews[idx];
+ },
+
+ length: Ember.computed(function () {
+ return this._childViews.length;
+ }),
+
+ /**
+ @private
+
+ Instructs each child view to render to the passed render buffer.
+
+ @method render
+ @param {Ember.RenderBuffer} buffer the buffer to render to
+ */
+ render: function(buffer) {
+ this.forEachChildView(function(view) {
+ view.renderToBuffer(buffer);
+ });
+ },
+
+ instrumentName: 'render.container',
+
+ /**
+ @private
+
+ When a child view is removed, destroy its element so that
+ it is removed from the DOM.
+
+ The array observer that triggers this action is set up in the
+ `renderToBuffer` method.
+
+ @method childViewsWillChange
+ @param {Ember.Array} views the child views array before mutation
+ @param {Number} start the start position of the mutation
+ @param {Number} removed the number of child views removed
+ **/
+ childViewsWillChange: function(views, start, removed) {
+ this.propertyWillChange('childViews');
+
+ if (removed > 0) {
+ var changedViews = views.slice(start, start+removed);
+ // transition to preRender before clearing parentView
+ this.currentState.childViewsWillChange(this, views, start, removed);
+ this.initializeViews(changedViews, null, null);
+ }
+ },
+
+ removeChild: function(child) {
+ this.removeObject(child);
+ return this;
+ },
+
+ /**
+ @private
+
+ When a child view is added, make sure the DOM gets updated appropriately.
+
+ If the view has already rendered an element, we tell the child view to
+ create an element and insert it into the DOM. If the enclosing container
+ view has already written to a buffer, but not yet converted that buffer
+ into an element, we insert the string representation of the child into the
+ appropriate place in the buffer.
+
+ @method childViewsDidChange
+ @param {Ember.Array} views the array of child views afte the mutation has occurred
+ @param {Number} start the start position of the mutation
+ @param {Number} removed the number of child views removed
+ @param {Number} the number of child views added
+ */
+ childViewsDidChange: function(views, start, removed, added) {
+ if (added > 0) {
+ var changedViews = views.slice(start, start+added);
+ this.initializeViews(changedViews, this, get(this, 'templateData'));
+ this.currentState.childViewsDidChange(this, views, start, added);
+ }
+ this.propertyDidChange('childViews');
+ },
+
+ initializeViews: function(views, parentView, templateData) {
+ forEach(views, function(view) {
+ set(view, '_parentView', parentView);
+
+ if (!get(view, 'templateData')) {
+ set(view, 'templateData', templateData);
+ }
+ });
+ },
+
+ currentView: null,
+
+ _currentViewWillChange: Ember.beforeObserver(function() {
+ var currentView = get(this, 'currentView');
+ if (currentView) {
+ currentView.destroy();
+ }
+ }, 'currentView'),
+
+ _currentViewDidChange: Ember.observer(function() {
+ var currentView = get(this, 'currentView');
+ if (currentView) {
+ this.pushObject(currentView);
+ }
+ }, 'currentView'),
+
+ _ensureChildrenAreInDOM: function () {
+ this.currentState.ensureChildrenAreInDOM(this);
+ }
+});
+
+Ember.merge(states._default, {
+ childViewsWillChange: Ember.K,
+ childViewsDidChange: Ember.K,
+ ensureChildrenAreInDOM: Ember.K
+});
+
+Ember.merge(states.inBuffer, {
+ childViewsDidChange: function(parentView, views, start, added) {
+ throw new Error('You cannot modify child views while in the inBuffer state');
+ }
+});
+
+Ember.merge(states.hasElement, {
+ childViewsWillChange: function(view, views, start, removed) {
+ for (var i=start; iA
+ B
+ Another view
+
+
+ ```
+
+ ## Automatic matching of parent/child tagNames
+
+ Setting the `tagName` property of a `CollectionView` to any of
+ "ul", "ol", "table", "thead", "tbody", "tfoot", "tr", or "select" will result
+ in the item views receiving an appropriately matched `tagName` property.
+
+ Given an empty `` and the following code:
+
+ ```javascript
+ anUndorderedListView = Ember.CollectionView.create({
+ tagName: 'ul',
+ content: ['A','B','C'],
+ itemViewClass: Ember.View.extend({
+ template: Ember.Handlebars.compile("the letter: {{view.content}}")
+ })
+ });
+
+ anUndorderedListView.appendTo('body');
+ ```
+
+ Will result in the following HTML structure
+
+ ```html
+ the letter: A
+ the letter: B
+ the letter: C
+ -
+
+
+ ```
+
+ ## Adding and Removing items
+
+ The `childViews` property of a `CollectionView` should not be directly
+ manipulated. Instead, add, remove, replace items from its `content` property.
+ This will trigger appropriate changes to its rendered HTML.
+
+ ## Use in templates via the `{{collection}}` `Ember.Handlebars` helper
+
+ `Ember.Handlebars` provides a helper specifically for adding
+ `CollectionView`s to templates. See `Ember.Handlebars.collection` for more
+ details
+
+ @class CollectionView
+ @namespace Ember
+ @extends Ember.ContainerView
+ @since Ember 0.9
+*/
+Ember.CollectionView = Ember.ContainerView.extend(
+/** @scope Ember.CollectionView.prototype */ {
+
+ /**
+ A list of items to be displayed by the `Ember.CollectionView`.
+
+ @property content
+ @type Ember.Array
+ @default null
+ */
+ content: null,
+
+ /**
+ @private
+
+ This provides metadata about what kind of empty view class this
+ collection would like if it is being instantiated from another
+ system (like Handlebars)
+
+ @property emptyViewClass
+ */
+ emptyViewClass: Ember.View,
+
+ /**
+ An optional view to display if content is set to an empty array.
+
+ @property emptyView
+ @type Ember.View
+ @default null
+ */
+ emptyView: null,
+
+ /**
+ @property itemViewClass
+ @type Ember.View
+ @default Ember.View
+ */
+ itemViewClass: Ember.View,
+
+ init: function() {
+ var ret = this._super();
+ this._contentDidChange();
+ return ret;
+ },
+
+ _contentWillChange: Ember.beforeObserver(function() {
+ var content = this.get('content');
+
+ if (content) { content.removeArrayObserver(this); }
+ var len = content ? get(content, 'length') : 0;
+ this.arrayWillChange(content, 0, len);
+ }, 'content'),
+
+ /**
+ @private
+
+ Check to make sure that the content has changed, and if so,
+ update the children directly. This is always scheduled
+ asynchronously, to allow the element to be created before
+ bindings have synchronized and vice versa.
+
+ @method _contentDidChange
+ */
+ _contentDidChange: Ember.observer(function() {
+ var content = get(this, 'content');
+
+ if (content) {
+ Ember.assert(fmt("an Ember.CollectionView's content must implement Ember.Array. You passed %@", [content]), Ember.Array.detect(content));
+ content.addArrayObserver(this);
+ }
+
+ var len = content ? get(content, 'length') : 0;
+ this.arrayDidChange(content, 0, null, len);
+ }, 'content'),
+
+ willDestroy: function() {
+ var content = get(this, 'content');
+ if (content) { content.removeArrayObserver(this); }
+
+ this._super();
+
+ if (this._createdEmptyView) {
+ this._createdEmptyView.destroy();
+ }
+ },
+
+ arrayWillChange: function(content, start, removedCount) {
+ // If the contents were empty before and this template collection has an
+ // empty view remove it now.
+ var emptyView = get(this, 'emptyView');
+ if (emptyView && emptyView instanceof Ember.View) {
+ emptyView.removeFromParent();
+ }
+
+ // Loop through child views that correspond with the removed items.
+ // Note that we loop from the end of the array to the beginning because
+ // we are mutating it as we go.
+ var childViews = this._childViews, childView, idx, len;
+
+ len = this._childViews.length;
+
+ var removingAll = removedCount === len;
+
+ if (removingAll) {
+ this.currentState.empty(this);
+ }
+
+ for (idx = start + removedCount - 1; idx >= start; idx--) {
+ childView = childViews[idx];
+ if (removingAll) { childView.removedFromDOM = true; }
+ childView.destroy();
+ }
+ },
+
+ /**
+ Called when a mutation to the underlying content array occurs.
+
+ This method will replay that mutation against the views that compose the
+ `Ember.CollectionView`, ensuring that the view reflects the model.
+
+ This array observer is added in `contentDidChange`.
+
+ @method arrayDidChange
+ @param {Array} addedObjects the objects that were added to the content
+ @param {Array} removedObjects the objects that were removed from the content
+ @param {Number} changeIndex the index at which the changes occurred
+ */
+ arrayDidChange: function(content, start, removed, added) {
+ var itemViewClass = get(this, 'itemViewClass'),
+ addedViews = [], view, item, idx, len, itemTagName;
+
+ if ('string' === typeof itemViewClass) {
+ itemViewClass = get(itemViewClass);
+ }
+
+ Ember.assert(fmt("itemViewClass must be a subclass of Ember.View, not %@", [itemViewClass]), Ember.View.detect(itemViewClass));
+
+ len = content ? get(content, 'length') : 0;
+ if (len) {
+ for (idx = start; idx < start+added; idx++) {
+ item = content.objectAt(idx);
+
+ view = this.createChildView(itemViewClass, {
+ content: item,
+ contentIndex: idx
+ });
+
+ addedViews.push(view);
+ }
+ } else {
+ var emptyView = get(this, 'emptyView');
+ if (!emptyView) { return; }
+
+ var isClass = Ember.CoreView.detect(emptyView);
+
+ emptyView = this.createChildView(emptyView);
+ addedViews.push(emptyView);
+ set(this, 'emptyView', emptyView);
+
+ if (isClass) { this._createdEmptyView = emptyView; }
+ }
+ this.replace(start, 0, addedViews);
+ },
+
+ createChildView: function(view, attrs) {
+ view = this._super(view, attrs);
+
+ var itemTagName = get(view, 'tagName');
+ var tagName = (itemTagName === null || itemTagName === undefined) ? Ember.CollectionView.CONTAINER_MAP[get(this, 'tagName')] : itemTagName;
+
+ set(view, 'tagName', tagName);
+
+ return view;
+ }
+});
+
+/**
+ A map of parent tags to their default child tags. You can add
+ additional parent tags if you want collection views that use
+ a particular parent tag to default to a child tag.
+
+ @property CONTAINER_MAP
+ @type Hash
+ @static
+ @final
+*/
+Ember.CollectionView.CONTAINER_MAP = {
+ ul: 'li',
+ ol: 'li',
+ table: 'tr',
+ thead: 'tr',
+ tbody: 'tr',
+ tfoot: 'tr',
+ tr: 'td',
+ select: 'option'
+};
+
+})();
+
+
+
+(function() {
+
+})();
+
+
+
+(function() {
+/*globals jQuery*/
+/**
+Ember Views
+
+@module ember
+@submodule ember-views
+@requires ember-runtime
+@main ember-views
+*/
+
+})();
+
+(function() {
+define("metamorph",
+ [],
+ function() {
+ "use strict";
+ // ==========================================================================
+ // Project: metamorph
+ // Copyright: ©2011 My Company Inc. All rights reserved.
+ // ==========================================================================
+
+ var K = function(){},
+ guid = 0,
+ document = this.document,
+
+ // Feature-detect the W3C range API, the extended check is for IE9 which only partially supports ranges
+ supportsRange = document && ('createRange' in document) && (typeof Range !== 'undefined') && Range.prototype.createContextualFragment,
+
+ // Internet Explorer prior to 9 does not allow setting innerHTML if the first element
+ // is a "zero-scope" element. This problem can be worked around by making
+ // the first node an invisible text node. We, like Modernizr, use
+ needsShy = document && (function(){
+ var testEl = document.createElement('div');
+ testEl.innerHTML = "";
+ testEl.firstChild.innerHTML = "";
+ return testEl.firstChild.innerHTML === '';
+ })(),
+
+
+ // IE 8 (and likely earlier) likes to move whitespace preceeding
+ // a script tag to appear after it. This means that we can
+ // accidentally remove whitespace when updating a morph.
+ movesWhitespace = document && (function() {
+ var testEl = document.createElement('div');
+ testEl.innerHTML = "Test: Value";
+ return testEl.childNodes[0].nodeValue === 'Test:' &&
+ testEl.childNodes[2].nodeValue === ' Value';
+ })();
+
+ // Constructor that supports either Metamorph('foo') or new
+ // Metamorph('foo');
+ //
+ // Takes a string of HTML as the argument.
+
+ var Metamorph = function(html) {
+ var self;
+
+ if (this instanceof Metamorph) {
+ self = this;
+ } else {
+ self = new K();
+ }
+
+ self.innerHTML = html;
+ var myGuid = 'metamorph-'+(guid++);
+ self.start = myGuid + '-start';
+ self.end = myGuid + '-end';
+
+ return self;
+ };
+
+ K.prototype = Metamorph.prototype;
+
+ var rangeFor, htmlFunc, removeFunc, outerHTMLFunc, appendToFunc, afterFunc, prependFunc, startTagFunc, endTagFunc;
+
+ outerHTMLFunc = function() {
+ return this.startTag() + this.innerHTML + this.endTag();
+ };
+
+ startTagFunc = function() {
+ /*
+ * We replace chevron by its hex code in order to prevent escaping problems.
+ * Check this thread for more explaination:
+ * http://stackoverflow.com/questions/8231048/why-use-x3c-instead-of-when-generating-html-from-javascript
+ */
+ return "
+ The collection is empty
+
+ | hi |
+ ```
+
+ ### `bindAttr` and the `class` attribute
+
+ `bindAttr` supports a special syntax for handling a number of cases unique
+ to the `class` DOM element attribute. The `class` attribute combines
+ multiple discreet values into a single attribute as a space-delimited
+ list of strings. Each string can be:
+
+ * a string return value of an object's property.
+ * a boolean return value of an object's property
+ * a hard-coded value
+
+ A string return value works identically to other uses of `bindAttr`. The
+ return value of the property will become the value of the attribute. For
+ example, the following view and template:
+
+ ```javascript
+ AView = Ember.View.extend({
+ someProperty: function(){
+ return "aValue";
+ }.property()
+ })
+ ```
+
+ ```handlebars
+
+ A span:
+
+ Hello.
+
+
+
+ ```
+
+ ### `parentView` setting
+
+ The `parentView` property of the new `Ember.View` instance created through
+ `{{view}}` will be set to the `Ember.View` instance of the template where
+ `{{view}}` was called.
+
+ ```javascript
+ aView = Ember.View.create({
+ template: Ember.Handlebars.compile("{{#view}} my parent: {{parentView.elementId}} {{/view}}")
+ });
+
+ aView.appendTo('body');
+ ```
+
+ Will result in HTML structure:
+
+ ```html
+
+
+ ```
+
+ ### Setting CSS id and class attributes
+
+ The HTML `id` attribute can be set on the `{{view}}`'s resulting element with
+ the `id` option. This option will _not_ be passed to `Ember.View.create`.
+
+ ```handlebars
+ {{#view tagName="span" id="a-custom-id"}}
+ hello.
+ {{/view}}
+ ```
+
+ Results in the following HTML structure:
+
+ ```html
+
+ my parent: ember1
+
+
+
+ hello.
+
+
+ ```
+
+ The HTML `class` attribute can be set on the `{{view}}`'s resulting element
+ with the `class` or `classNameBindings` options. The `class` option will
+ directly set the CSS `class` attribute and will not be passed to
+ `Ember.View.create`. `classNameBindings` will be passed to `create` and use
+ `Ember.View`'s class name binding functionality:
+
+ ```handlebars
+ {{#view tagName="span" class="a-custom-class"}}
+ hello.
+ {{/view}}
+ ```
+
+ Results in the following HTML structure:
+
+ ```html
+
+
+ hello.
+
+
+ ```
+
+ ### Supplying a different view class
+
+ `{{view}}` can take an optional first argument before its supplied options to
+ specify a path to a custom view class.
+
+ ```handlebars
+ {{#view "MyApp.CustomView"}}
+ hello.
+ {{/view}}
+ ```
+
+ The first argument can also be a relative path. Ember will search for the
+ view class starting at the `Ember.View` of the template where `{{view}}` was
+ used as the root object:
+
+ ```javascript
+ MyApp = Ember.Application.create({});
+ MyApp.OuterView = Ember.View.extend({
+ innerViewClass: Ember.View.extend({
+ classNames: ['a-custom-view-class-as-property']
+ }),
+ template: Ember.Handlebars.compile('{{#view "innerViewClass"}} hi {{/view}}')
+ });
+
+ MyApp.OuterView.create().appendTo('body');
+ ```
+
+ Will result in the following HTML:
+
+ ```html
+
+
+ ```
+
+ ### Blockless use
+
+ If you supply a custom `Ember.View` subclass that specifies its own template
+ or provide a `templateName` option to `{{view}}` it can be used without
+ supplying a block. Attempts to use both a `templateName` option and supply a
+ block will throw an error.
+
+ ```handlebars
+ {{view "MyApp.ViewWithATemplateDefined"}}
+ ```
+
+ ### `viewName` property
+
+ You can supply a `viewName` option to `{{view}}`. The `Ember.View` instance
+ will be referenced as a property of its parent view by this name.
+
+ ```javascript
+ aView = Ember.View.create({
+ template: Ember.Handlebars.compile('{{#view viewName="aChildByName"}} hi {{/view}}')
+ });
+
+ aView.appendTo('body');
+ aView.get('aChildByName') // the instance of Ember.View created by {{view}} helper
+ ```
+
+ @method view
+ @for Ember.Handlebars.helpers
+ @param {String} path
+ @param {Hash} options
+ @return {String} HTML string
+*/
+EmberHandlebars.registerHelper('view', function(path, options) {
+ Ember.assert("The view helper only takes a single argument", arguments.length <= 2);
+
+ // If no path is provided, treat path param as options.
+ if (path && path.data && path.data.isRenderData) {
+ options = path;
+ path = "Ember.View";
+ }
+
+ return EmberHandlebars.ViewHelper.helper(this, path, options);
+});
+
+
+})();
+
+
+
+(function() {
+/*globals Handlebars */
+
+// TODO: Don't require all of this module
+/**
+@module ember
+@submodule ember-handlebars
+*/
+
+var get = Ember.get, handlebarsGet = Ember.Handlebars.get, fmt = Ember.String.fmt;
+
+/**
+ `{{collection}}` is a `Ember.Handlebars` helper for adding instances of
+ `Ember.CollectionView` to a template. See `Ember.CollectionView` for
+ additional information on how a `CollectionView` functions.
+
+ `{{collection}}`'s primary use is as a block helper with a `contentBinding`
+ option pointing towards an `Ember.Array`-compatible object. An `Ember.View`
+ instance will be created for each item in its `content` property. Each view
+ will have its own `content` property set to the appropriate item in the
+ collection.
+
+ The provided block will be applied as the template for each item's view.
+
+ Given an empty `` the following template:
+
+ ```handlebars
+ {{#collection contentBinding="App.items"}}
+ Hi {{view.content.name}}
+ {{/collection}}
+ ```
+
+ And the following application code
+
+ ```javascript
+ App = Ember.Application.create()
+ App.items = [
+ Ember.Object.create({name: 'Dave'}),
+ Ember.Object.create({name: 'Mary'}),
+ Ember.Object.create({name: 'Sara'})
+ ]
+ ```
+
+ Will result in the HTML structure below
+
+ ```html
+
+ hi
+
+
+
+ ```
+
+ ### Blockless Use
+
+ If you provide an `itemViewClass` option that has its own `template` you can
+ omit the block.
+
+ The following template:
+
+ ```handlebars
+ {{collection contentBinding="App.items" itemViewClass="App.AnItemView"}}
+ ```
+
+ And application code
+
+ ```javascript
+ App = Ember.Application.create();
+ App.items = [
+ Ember.Object.create({name: 'Dave'}),
+ Ember.Object.create({name: 'Mary'}),
+ Ember.Object.create({name: 'Sara'})
+ ];
+
+ App.AnItemView = Ember.View.extend({
+ template: Ember.Handlebars.compile("Greetings {{view.content.name}}")
+ });
+ ```
+
+ Will result in the HTML structure below
+
+ ```html
+ Hi Dave
+ Hi Mary
+ Hi Sara
+
+
+ ```
+
+ ### Specifying a CollectionView subclass
+
+ By default the `{{collection}}` helper will create an instance of
+ `Ember.CollectionView`. You can supply a `Ember.CollectionView` subclass to
+ the helper by passing it as the first argument:
+
+ ```handlebars
+ {{#collection App.MyCustomCollectionClass contentBinding="App.items"}}
+ Hi {{view.content.name}}
+ {{/collection}}
+ ```
+
+ ### Forwarded `item.*`-named Options
+
+ As with the `{{view}}`, helper options passed to the `{{collection}}` will be
+ set on the resulting `Ember.CollectionView` as properties. Additionally,
+ options prefixed with `item` will be applied to the views rendered for each
+ item (note the camelcasing):
+
+ ```handlebars
+ {{#collection contentBinding="App.items"
+ itemTagName="p"
+ itemClassNames="greeting"}}
+ Howdy {{view.content.name}}
+ {{/collection}}
+ ```
+
+ Will result in the following HTML structure:
+
+ ```html
+ Greetings Dave
+ Greetings Mary
+ Greetings Sara
+
+
+ ```
+
+ @method collection
+ @for Ember.Handlebars.helpers
+ @param {String} path
+ @param {Hash} options
+ @return {String} HTML string
+ @deprecated Use `{{each}}` helper instead.
+*/
+Ember.Handlebars.registerHelper('collection', function(path, options) {
+ Ember.deprecate("Using the {{collection}} helper without specifying a class has been deprecated as the {{each}} helper now supports the same functionality.", path !== 'collection');
+
+ // If no path is provided, treat path param as options.
+ if (path && path.data && path.data.isRenderData) {
+ options = path;
+ path = undefined;
+ Ember.assert("You cannot pass more than one argument to the collection helper", arguments.length === 1);
+ } else {
+ Ember.assert("You cannot pass more than one argument to the collection helper", arguments.length === 2);
+ }
+
+ var fn = options.fn;
+ var data = options.data;
+ var inverse = options.inverse;
+ var view = options.data.view;
+
+ // If passed a path string, convert that into an object.
+ // Otherwise, just default to the standard class.
+ var collectionClass;
+ collectionClass = path ? handlebarsGet(this, path, options) : Ember.CollectionView;
+ Ember.assert(fmt("%@ #collection: Could not find collection class %@", [data.view, path]), !!collectionClass);
+
+ var hash = options.hash, itemHash = {}, match;
+
+ // Extract item view class if provided else default to the standard class
+ var itemViewClass, itemViewPath = hash.itemViewClass;
+ var collectionPrototype = collectionClass.proto();
+ delete hash.itemViewClass;
+ itemViewClass = itemViewPath ? handlebarsGet(collectionPrototype, itemViewPath, options) : collectionPrototype.itemViewClass;
+ Ember.assert(fmt("%@ #collection: Could not find itemViewClass %@", [data.view, itemViewPath]), !!itemViewClass);
+
+ // Go through options passed to the {{collection}} helper and extract options
+ // that configure item views instead of the collection itself.
+ for (var prop in hash) {
+ if (hash.hasOwnProperty(prop)) {
+ match = prop.match(/^item(.)(.*)$/);
+
+ if(match && prop !== 'itemController') {
+ // Convert itemShouldFoo -> shouldFoo
+ itemHash[match[1].toLowerCase() + match[2]] = hash[prop];
+ // Delete from hash as this will end up getting passed to the
+ // {{view}} helper method.
+ delete hash[prop];
+ }
+ }
+ }
+
+ var tagName = hash.tagName || collectionPrototype.tagName;
+
+ if (fn) {
+ itemHash.template = fn;
+ delete options.fn;
+ }
+
+ var emptyViewClass;
+ if (inverse && inverse !== Handlebars.VM.noop) {
+ emptyViewClass = get(collectionPrototype, 'emptyViewClass');
+ emptyViewClass = emptyViewClass.extend({
+ template: inverse,
+ tagName: itemHash.tagName
+ });
+ } else if (hash.emptyViewClass) {
+ emptyViewClass = handlebarsGet(this, hash.emptyViewClass, options);
+ }
+ if (emptyViewClass) { hash.emptyView = emptyViewClass; }
+
+ if(!hash.keyword){
+ itemHash._context = Ember.computed.alias('content');
+ }
+
+ var viewString = view.toString();
+
+ var viewOptions = Ember.Handlebars.ViewHelper.propertiesFromHTMLOptions({ data: data, hash: itemHash }, this);
+ hash.itemViewClass = itemViewClass.extend(viewOptions);
+
+ return Ember.Handlebars.helpers.view.call(this, collectionClass, options);
+});
+
+
+})();
+
+
+
+(function() {
+/*globals Handlebars */
+/**
+@module ember
+@submodule ember-handlebars
+*/
+
+var handlebarsGet = Ember.Handlebars.get;
+
+/**
+ `unbound` allows you to output a property without binding. *Important:* The
+ output will not be updated if the property changes. Use with caution.
+
+ ```handlebars
+ Howdy Dave
+Howdy Mary
+Howdy Sara
+{{unbound somePropertyThatDoesntChange}}
+ ```
+
+ `unbound` can also be used in conjunction with a bound helper to
+ render it in its unbound form:
+
+ ```handlebars
+ {{unbound helperName somePropertyThatDoesntChange}}
+ ```
+
+ @method unbound
+ @for Ember.Handlebars.helpers
+ @param {String} property
+ @return {String} HTML string
+*/
+Ember.Handlebars.registerHelper('unbound', function(property, fn) {
+ var options = arguments[arguments.length - 1], helper, context, out;
+
+ if(arguments.length > 2) {
+ // Unbound helper call.
+ options.data.isUnbound = true;
+ helper = Ember.Handlebars.helpers[arguments[0]] || Ember.Handlebars.helperMissing;
+ out = helper.apply(this, Array.prototype.slice.call(arguments, 1));
+ delete options.data.isUnbound;
+ return out;
+ }
+
+ context = (fn.contexts && fn.contexts[0]) || this;
+ return handlebarsGet(context, property, fn);
+});
+
+})();
+
+
+
+(function() {
+/*jshint debug:true*/
+/**
+@module ember
+@submodule ember-handlebars
+*/
+
+var handlebarsGet = Ember.Handlebars.get, normalizePath = Ember.Handlebars.normalizePath;
+
+/**
+ `log` allows you to output the value of a value in the current rendering
+ context.
+
+ ```handlebars
+ {{log myVariable}}
+ ```
+
+ @method log
+ @for Ember.Handlebars.helpers
+ @param {String} property
+*/
+Ember.Handlebars.registerHelper('log', function(property, options) {
+ var context = (options.contexts && options.contexts[0]) || this,
+ normalized = normalizePath(context, property, options.data),
+ pathRoot = normalized.root,
+ path = normalized.path,
+ value = (path === 'this') ? pathRoot : handlebarsGet(pathRoot, path, options);
+ Ember.Logger.log(value);
+});
+
+/**
+ Execute the `debugger` statement in the current context.
+
+ ```handlebars
+ {{debugger}}
+ ```
+
+ @method debugger
+ @for Ember.Handlebars.helpers
+ @param {String} property
+*/
+Ember.Handlebars.registerHelper('debugger', function() {
+ debugger;
+});
+
+})();
+
+
+
+(function() {
+/**
+@module ember
+@submodule ember-handlebars
+*/
+
+var get = Ember.get, set = Ember.set;
+
+Ember.Handlebars.EachView = Ember.CollectionView.extend(Ember._Metamorph, {
+ init: function() {
+ var itemController = get(this, 'itemController');
+ var binding;
+
+ if (itemController) {
+ var controller = Ember.ArrayController.create();
+ set(controller, 'itemController', itemController);
+ set(controller, 'container', get(this, 'controller.container'));
+ set(controller, '_eachView', this);
+ set(controller, 'target', get(this, 'controller'));
+
+ this.disableContentObservers(function() {
+ set(this, 'content', controller);
+ binding = new Ember.Binding('content', '_eachView.dataSource').oneWay();
+ binding.connect(controller);
+ });
+
+ set(this, '_arrayController', controller);
+ } else {
+ this.disableContentObservers(function() {
+ binding = new Ember.Binding('content', 'dataSource').oneWay();
+ binding.connect(this);
+ });
+ }
+
+ return this._super();
+ },
+
+ disableContentObservers: function(callback) {
+ Ember.removeBeforeObserver(this, 'content', null, '_contentWillChange');
+ Ember.removeObserver(this, 'content', null, '_contentDidChange');
+
+ callback.apply(this);
+
+ Ember.addBeforeObserver(this, 'content', null, '_contentWillChange');
+ Ember.addObserver(this, 'content', null, '_contentDidChange');
+ },
+
+ itemViewClass: Ember._MetamorphView,
+ emptyViewClass: Ember._MetamorphView,
+
+ createChildView: function(view, attrs) {
+ view = this._super(view, attrs);
+
+ // At the moment, if a container view subclass wants
+ // to insert keywords, it is responsible for cloning
+ // the keywords hash. This will be fixed momentarily.
+ var keyword = get(this, 'keyword');
+ var content = get(view, 'content');
+
+ if (keyword) {
+ var data = get(view, 'templateData');
+
+ data = Ember.copy(data);
+ data.keywords = view.cloneKeywords();
+ set(view, 'templateData', data);
+
+ // In this case, we do not bind, because the `content` of
+ // a #each item cannot change.
+ data.keywords[keyword] = content;
+ }
+
+ // If {{#each}} is looping over an array of controllers,
+ // point each child view at their respective controller.
+ if (content && get(content, 'isController')) {
+ set(view, 'controller', content);
+ }
+
+ return view;
+ },
+
+ willDestroy: function() {
+ var arrayController = get(this, '_arrayController');
+
+ if (arrayController) {
+ arrayController.destroy();
+ }
+
+ return this._super();
+ }
+});
+
+var GroupedEach = Ember.Handlebars.GroupedEach = function(context, path, options) {
+ var self = this,
+ normalized = Ember.Handlebars.normalizePath(context, path, options.data);
+
+ this.context = context;
+ this.path = path;
+ this.options = options;
+ this.template = options.fn;
+ this.containingView = options.data.view;
+ this.normalizedRoot = normalized.root;
+ this.normalizedPath = normalized.path;
+ this.content = this.lookupContent();
+
+ this.addContentObservers();
+ this.addArrayObservers();
+
+ this.containingView.on('willClearRender', function() {
+ self.destroy();
+ });
+};
+
+GroupedEach.prototype = {
+ contentWillChange: function() {
+ this.removeArrayObservers();
+ },
+
+ contentDidChange: function() {
+ this.content = this.lookupContent();
+ this.addArrayObservers();
+ this.rerenderContainingView();
+ },
+
+ contentArrayWillChange: Ember.K,
+
+ contentArrayDidChange: function() {
+ this.rerenderContainingView();
+ },
+
+ lookupContent: function() {
+ return Ember.Handlebars.get(this.normalizedRoot, this.normalizedPath, this.options);
+ },
+
+ addArrayObservers: function() {
+ this.content.addArrayObserver(this, {
+ willChange: 'contentArrayWillChange',
+ didChange: 'contentArrayDidChange'
+ });
+ },
+
+ removeArrayObservers: function() {
+ this.content.removeArrayObserver(this, {
+ willChange: 'contentArrayWillChange',
+ didChange: 'contentArrayDidChange'
+ });
+ },
+
+ addContentObservers: function() {
+ Ember.addBeforeObserver(this.normalizedRoot, this.normalizedPath, this, this.contentWillChange);
+ Ember.addObserver(this.normalizedRoot, this.normalizedPath, this, this.contentDidChange);
+ },
+
+ removeContentObservers: function() {
+ Ember.removeBeforeObserver(this.normalizedRoot, this.normalizedPath, this.contentWillChange);
+ Ember.removeObserver(this.normalizedRoot, this.normalizedPath, this.contentDidChange);
+ },
+
+ render: function() {
+ var content = this.content,
+ contentLength = get(content, 'length'),
+ data = this.options.data,
+ template = this.template;
+
+ data.insideEach = true;
+ for (var i = 0; i < contentLength; i++) {
+ template(content.objectAt(i), { data: data });
+ }
+ },
+
+ rerenderContainingView: function() {
+ Ember.run.scheduleOnce('render', this.containingView, 'rerender');
+ },
+
+ destroy: function() {
+ this.removeContentObservers();
+ this.removeArrayObservers();
+ }
+};
+
+/**
+ The `{{#each}}` helper loops over elements in a collection, rendering its
+ block once for each item. It is an extension of the base Handlebars `{{#each}}`
+ helper:
+
+ ```javascript
+ Developers = [{name: 'Yehuda'},{name: 'Tom'}, {name: 'Paul'}];
+ ```
+
+ ```handlebars
+ {{#each Developers}}
+ {{name}}
+ {{/each}}
+ ```
+
+ `{{each}}` supports an alternative syntax with element naming:
+
+ ```handlebars
+ {{#each person in Developers}}
+ {{person.name}}
+ {{/each}}
+ ```
+
+ When looping over objects that do not have properties, `{{this}}` can be used
+ to render the object:
+
+ ```javascript
+ DeveloperNames = ['Yehuda', 'Tom', 'Paul']
+ ```
+
+ ```handlebars
+ {{#each DeveloperNames}}
+ {{this}}
+ {{/each}}
+ ```
+ ### {{else}} condition
+ `{{#each}}` can have a matching `{{else}}`. The contents of this block will render
+ if the collection is empty.
+
+ ```
+ {{#each person in Developers}}
+ {{person.name}}
+ {{else}}
+ Sorry, nobody is available for this task.
+ {{/each}} + ``` + ### Specifying a View class for items + If you provide an `itemViewClass` option that references a view class + with its own `template` you can omit the block. + + The following template: + + ```handlebars + {{#view App.MyView }} + {{each view.items itemViewClass="App.AnItemView"}} + {{/view}} + ``` + + And application code + + ```javascript + App = Ember.Application.create({ + MyView: Ember.View.extend({ + items: [ + Ember.Object.create({name: 'Dave'}), + Ember.Object.create({name: 'Mary'}), + Ember.Object.create({name: 'Sara'}) + ] + }) + }); + + App.AnItemView = Ember.View.extend({ + template: Ember.Handlebars.compile("Greetings {{name}}") + }); + ``` + + Will result in the HTML structure below + + ```html +
+
+ ```
+
+ ### Representing each item with a Controller.
+ By default the controller lookup within an `{{#each}}` block will be
+ the controller of the template where the `{{#each}}` was used. If each
+ item needs to be presented by a custom controller you can provide a
+ `itemController` option which references a controller by lookup name.
+ Each item in the loop will be wrapped in an instance of this controller
+ and the item itself will be set to the `content` property of that controller.
+
+ This is useful in cases where properties of model objects need transformation
+ or synthesis for display:
+
+ ```javascript
+ App.DeveloperController = Ember.ObjectController.extend({
+ isAvailableForHire: function(){
+ return !this.get('content.isEmployed') && this.get('content.isSeekingWork');
+ }.property('isEmployed', 'isSeekingWork')
+ })
+ ```
+
+ ```handlebars
+ {{#each person in developers itemController="developer"}}
+ {{person.name}} {{#if person.isAvailableForHire}}Hire me!{{/if}}
+ {{/each}}
+ ```
+
+ @method each
+ @for Ember.Handlebars.helpers
+ @param [name] {String} name for item (used with `in`)
+ @param [path] {String} path
+ @param [options] {Object} Handlebars key/value pairs of options
+ @param [options.itemViewClass] {String} a path to a view class used for each item
+ @param [options.itemController] {String} name of a controller to be created for each item
+*/
+Ember.Handlebars.registerHelper('each', function(path, options) {
+ if (arguments.length === 4) {
+ Ember.assert("If you pass more than one argument to the each helper, it must be in the form #each foo in bar", arguments[1] === "in");
+
+ var keywordName = arguments[0];
+
+ options = arguments[3];
+ path = arguments[2];
+ if (path === '') { path = "this"; }
+
+ options.hash.keyword = keywordName;
+ }
+
+ options.hash.dataSourceBinding = path;
+ // Set up emptyView as a metamorph with no tag
+ //options.hash.emptyViewClass = Ember._MetamorphView;
+
+ if (options.data.insideGroup && !options.hash.groupedRows && !options.hash.itemViewClass) {
+ new Ember.Handlebars.GroupedEach(this, path, options).render();
+ } else {
+ return Ember.Handlebars.helpers.collection.call(this, 'Ember.Handlebars.EachView', options);
+ }
+});
+
+})();
+
+
+
+(function() {
+/**
+@module ember
+@submodule ember-handlebars
+*/
+
+/**
+ `template` allows you to render a template from inside another template.
+ This allows you to re-use the same template in multiple places. For example:
+
+ ```html
+
+ ```
+
+ ```html
+
+ ```
+
+ ```handlebars
+ {{#if isUser}}
+ {{template "user_info"}}
+ {{else}}
+ {{template "unlogged_user_info"}}
+ {{/if}}
+ ```
+
+ This helper looks for templates in the global `Ember.TEMPLATES` hash. If you
+ add `
+
+ The `data-template-name` attribute of a partial template
+ is prefixed with an underscore.
+
+ ```html
+
+ ```
+
+ @method partial
+ @for Ember.Handlebars.helpers
+ @param {String} partialName the name of the template to render minus the leading underscore
+*/
+
+Ember.Handlebars.registerHelper('partial', function(name, options) {
+ var nameParts = name.split("/"),
+ lastPart = nameParts[nameParts.length - 1];
+
+ nameParts[nameParts.length - 1] = "_" + lastPart;
+
+ var underscoredName = nameParts.join("/");
+
+ var template = Ember.TEMPLATES[underscoredName],
+ deprecatedTemplate = Ember.TEMPLATES[name];
+
+ Ember.deprecate("You tried to render the partial " + name + ", which should be at '" + underscoredName + "', but Ember found '" + name + "'. Please use a leading underscore in your partials", template);
+ Ember.assert("Unable to find partial with name '"+name+"'.", template || deprecatedTemplate);
+
+ template = template || deprecatedTemplate;
+
+ template(this, { data: options.data });
+});
+
+})();
+
+
+
+(function() {
+/**
+@module ember
+@submodule ember-handlebars
+*/
+
+var get = Ember.get, set = Ember.set;
+
+/**
+ When used in a Handlebars template that is assigned to an `Ember.View`
+ instance's `layout` property Ember will render the layout template first,
+ inserting the view's own rendered output at the `{{yield}}` location.
+
+ An empty `` and the following application code:
+
+ ```javascript
+ AView = Ember.View.extend({
+ classNames: ['a-view-with-layout'],
+ layout: Ember.Handlebars.compile('Greetings Dave
+ Greetings Mary
+ Greetings Sara
+ {{yield}}
'),
+ template: Ember.Handlebars.compile('I am wrapped')
+ });
+
+ aView = AView.create();
+ aView.appendTo('body');
+ ```
+
+ Will result in the following HTML output:
+
+ ```html
+
+
+
+
+ ```
+
+ The `yield` helper cannot be used outside of a template assigned to an
+ `Ember.View`'s `layout` property and will throw an error if attempted.
+
+ ```javascript
+ BView = Ember.View.extend({
+ classNames: ['a-view-with-layout'],
+ template: Ember.Handlebars.compile('{{yield}}')
+ });
+
+ bView = BView.create();
+ bView.appendTo('body');
+
+ // throws
+ // Uncaught Error: assertion failed: You called yield in a template that was not a layout
+ ```
+
+ @method yield
+ @for Ember.Handlebars.helpers
+ @param {Hash} options
+ @return {String} HTML string
+*/
+Ember.Handlebars.registerHelper('yield', function(options) {
+ var view = options.data.view, template;
+
+ while (view && !get(view, 'layout')) {
+ view = get(view, 'parentView');
+ }
+
+ Ember.assert("You called yield in a template that was not a layout", !!view);
+
+ template = get(view, 'template');
+
+ if (template) { template(this, options); }
+});
+
+})();
+
+
+
+(function() {
+
+})();
+
+
+
+(function() {
+
+})();
+
+
+
+(function() {
+/**
+@module ember
+@submodule ember-handlebars
+*/
+
+var set = Ember.set, get = Ember.get;
+
+/**
+ The `Ember.Checkbox` view class renders a checkbox
+ [input](https://developer.mozilla.org/en/HTML/Element/Input) element. It
+ allows for binding an Ember property (`checked`) to the status of the
+ checkbox.
+
+ Example:
+
+ ```handlebars
+ {{view Ember.Checkbox checkedBinding="receiveEmail"}}
+ ```
+
+ You can add a `label` tag yourself in the template where the `Ember.Checkbox`
+ is being used.
+
+ ```html
+
+ ```
+
+ The `checked` attribute of an `Ember.Checkbox` object should always be set
+ through the Ember object or by interacting with its rendered element
+ representation via the mouse, keyboard, or touch. Updating the value of the
+ checkbox via jQuery will result in the checked value of the object and its
+ element losing synchronization.
+
+ ## Layout and LayoutName properties
+
+ Because HTML `input` elements are self closing `layout` and `layoutName`
+ properties will not be applied. See `Ember.View`'s layout section for more
+ information.
+
+ @class Checkbox
+ @namespace Ember
+ @extends Ember.View
+*/
+Ember.Checkbox = Ember.View.extend({
+ classNames: ['ember-checkbox'],
+
+ tagName: 'input',
+
+ attributeBindings: ['type', 'checked', 'disabled', 'tabindex'],
+
+ type: "checkbox",
+ checked: false,
+ disabled: false,
+
+ init: function() {
+ this._super();
+ this.on("change", this, this._updateElementValue);
+ },
+
+ _updateElementValue: function() {
+ set(this, 'checked', this.$().prop('checked'));
+ }
+});
+
+})();
+
+
+
+(function() {
+/**
+@module ember
+@submodule ember-handlebars
+*/
+
+var get = Ember.get, set = Ember.set;
+
+/**
+ Shared mixin used by `Ember.TextField` and `Ember.TextArea`.
+
+ @class TextSupport
+ @namespace Ember
+ @extends Ember.Mixin
+ @private
+*/
+Ember.TextSupport = Ember.Mixin.create({
+ value: "",
+
+ attributeBindings: ['placeholder', 'disabled', 'maxlength', 'tabindex'],
+ placeholder: null,
+ disabled: false,
+ maxlength: null,
+
+ insertNewline: Ember.K,
+ cancel: Ember.K,
+
+ init: function() {
+ this._super();
+ this.on("focusOut", this, this._elementValueDidChange);
+ this.on("change", this, this._elementValueDidChange);
+ this.on("paste", this, this._elementValueDidChange);
+ this.on("cut", this, this._elementValueDidChange);
+ this.on("input", this, this._elementValueDidChange);
+ this.on("keyUp", this, this.interpretKeyEvents);
+ },
+
+ interpretKeyEvents: function(event) {
+ var map = Ember.TextSupport.KEY_EVENTS;
+ var method = map[event.keyCode];
+
+ this._elementValueDidChange();
+ if (method) { return this[method](event); }
+ },
+
+ _elementValueDidChange: function() {
+ set(this, 'value', this.$().val());
+ }
+
+});
+
+Ember.TextSupport.KEY_EVENTS = {
+ 13: 'insertNewline',
+ 27: 'cancel'
+};
+
+})();
+
+
+
+(function() {
+/**
+@module ember
+@submodule ember-handlebars
+*/
+
+var get = Ember.get, set = Ember.set;
+
+/**
+ The `Ember.TextField` view class renders a text
+ [input](https://developer.mozilla.org/en/HTML/Element/Input) element. It
+ allows for binding Ember properties to the text field contents (`value`),
+ live-updating as the user inputs text.
+
+ Example:
+
+ ```handlebars
+ {{view Ember.TextField valueBinding="firstName"}}
+ ```
+
+ ## Layout and LayoutName properties
+
+ Because HTML `input` elements are self closing `layout` and `layoutName`
+ properties will not be applied. See `Ember.View`'s layout section for more
+ information.
+
+ ## HTML Attributes
+
+ By default `Ember.TextField` provides support for `type`, `value`, `size`,
+ `placeholder`, `disabled`, `maxlength` and `tabindex` attributes on a
+ test field. If you need to support more attributes have a look at the
+ `attributeBindings` property in `Ember.View`'s HTML Attributes section.
+
+ To globally add support for additional attributes you can reopen
+ `Ember.TextField` or `Ember.TextSupport`.
+
+ ```javascript
+ Ember.TextSupport.reopen({
+ attributeBindings: ["required"]
+ })
+ ```
+
+ @class TextField
+ @namespace Ember
+ @extends Ember.View
+ @uses Ember.TextSupport
+*/
+Ember.TextField = Ember.View.extend(Ember.TextSupport,
+ /** @scope Ember.TextField.prototype */ {
+
+ classNames: ['ember-text-field'],
+ tagName: "input",
+ attributeBindings: ['type', 'value', 'size', 'pattern'],
+
+ /**
+ The `value` attribute of the input element. As the user inputs text, this
+ property is updated live.
+
+ @property value
+ @type String
+ @default ""
+ */
+ value: "",
+
+ /**
+ The `type` attribute of the input element.
+
+ @property type
+ @type String
+ @default "text"
+ */
+ type: "text",
+
+ /**
+ The `size` of the text field in characters.
+
+ @property size
+ @type String
+ @default null
+ */
+ size: null,
+
+ /**
+ The `pattern` the pattern attribute of input element.
+
+ @property pattern
+ @type String
+ @default null
+ */
+ pattern: null,
+
+ /**
+ The action to be sent when the user presses the return key.
+
+ This is similar to the `{{action}}` helper, but is fired when
+ the user presses the return key when editing a text field, and sends
+ the value of the field as the context.
+
+ @property action
+ @type String
+ @default null
+ */
+ action: null,
+
+ /**
+ Whether they `keyUp` event that triggers an `action` to be sent continues
+ propagating to other views.
+
+ By default, when the user presses the return key on their keyboard and
+ the text field has an `action` set, the action will be sent to the view's
+ controller and the key event will stop propagating.
+
+ If you would like parent views to receive the `keyUp` event even after an
+ action has been dispatched, set `bubbles` to true.
+
+ @property bubbles
+ @type Boolean
+ @default false
+ */
+ bubbles: false,
+
+ insertNewline: function(event) {
+ var controller = get(this, 'controller'),
+ action = get(this, 'action');
+
+ if (action) {
+ controller.send(action, get(this, 'value'), this);
+
+ if (!get(this, 'bubbles')) {
+ event.stopPropagation();
+ }
+ }
+ }
+});
+
+})();
+
+
+
+(function() {
+/**
+@module ember
+@submodule ember-handlebars
+*/
+
+var get = Ember.get, set = Ember.set;
+
+/**
+ @class Button
+ @namespace Ember
+ @extends Ember.View
+ @uses Ember.TargetActionSupport
+ @deprecated
+*/
+Ember.Button = Ember.View.extend(Ember.TargetActionSupport, {
+ classNames: ['ember-button'],
+ classNameBindings: ['isActive'],
+
+ tagName: 'button',
+
+ propagateEvents: false,
+
+ attributeBindings: ['type', 'disabled', 'href', 'tabindex'],
+
+ /**
+ @private
+
+ Overrides `TargetActionSupport`'s `targetObject` computed
+ property to use Handlebars-specific path resolution.
+
+ @property targetObject
+ */
+ targetObject: Ember.computed(function() {
+ var target = get(this, 'target'),
+ root = get(this, 'context'),
+ data = get(this, 'templateData');
+
+ if (typeof target !== 'string') { return target; }
+
+ return Ember.Handlebars.get(root, target, { data: data });
+ }).property('target'),
+
+ // Defaults to 'button' if tagName is 'input' or 'button'
+ type: Ember.computed(function(key) {
+ var tagName = this.tagName;
+ if (tagName === 'input' || tagName === 'button') { return 'button'; }
+ }),
+
+ disabled: false,
+
+ // Allow 'a' tags to act like buttons
+ href: Ember.computed(function() {
+ return this.tagName === 'a' ? '#' : null;
+ }),
+
+ mouseDown: function() {
+ if (!get(this, 'disabled')) {
+ set(this, 'isActive', true);
+ this._mouseDown = true;
+ this._mouseEntered = true;
+ }
+ return get(this, 'propagateEvents');
+ },
+
+ mouseLeave: function() {
+ if (this._mouseDown) {
+ set(this, 'isActive', false);
+ this._mouseEntered = false;
+ }
+ },
+
+ mouseEnter: function() {
+ if (this._mouseDown) {
+ set(this, 'isActive', true);
+ this._mouseEntered = true;
+ }
+ },
+
+ mouseUp: function(event) {
+ if (get(this, 'isActive')) {
+ // Actually invoke the button's target and action.
+ // This method comes from the Ember.TargetActionSupport mixin.
+ this.triggerAction();
+ set(this, 'isActive', false);
+ }
+
+ this._mouseDown = false;
+ this._mouseEntered = false;
+ return get(this, 'propagateEvents');
+ },
+
+ keyDown: function(event) {
+ // Handle space or enter
+ if (event.keyCode === 13 || event.keyCode === 32) {
+ this.mouseDown();
+ }
+ },
+
+ keyUp: function(event) {
+ // Handle space or enter
+ if (event.keyCode === 13 || event.keyCode === 32) {
+ this.mouseUp();
+ }
+ },
+
+ // TODO: Handle proper touch behavior. Including should make inactive when
+ // finger moves more than 20x outside of the edge of the button (vs mouse
+ // which goes inactive as soon as mouse goes out of edges.)
+
+ touchStart: function(touch) {
+ return this.mouseDown(touch);
+ },
+
+ touchEnd: function(touch) {
+ return this.mouseUp(touch);
+ },
+
+ init: function() {
+ Ember.deprecate("Ember.Button is deprecated and will be removed from future releases. Consider using the `{{action}}` helper.");
+ this._super();
+ }
+});
+
+})();
+
+
+
+(function() {
+/**
+@module ember
+@submodule ember-handlebars
+*/
+
+var get = Ember.get, set = Ember.set;
+
+/**
+ The `Ember.TextArea` view class renders a
+ [textarea](https://developer.mozilla.org/en/HTML/Element/textarea) element.
+ It allows for binding Ember properties to the text area contents (`value`),
+ live-updating as the user inputs text.
+
+ ## Layout and LayoutName properties
+
+ Because HTML `textarea` elements do not contain inner HTML the `layout` and
+ `layoutName` properties will not be applied. See `Ember.View`'s layout
+ section for more information.
+
+ ## HTML Attributes
+
+ By default `Ember.TextArea` provides support for `rows`, `cols`,
+ `placeholder`, `disabled`, `maxlength` and `tabindex` attributes on a
+ textarea. If you need to support more attributes have a look at the
+ `attributeBindings` property in `Ember.View`'s HTML Attributes section.
+
+ To globally add support for additional attributes you can reopen
+ `Ember.TextArea` or `Ember.TextSupport`.
+
+ ```javascript
+ Ember.TextSupport.reopen({
+ attributeBindings: ["required"]
+ })
+ ```
+
+ @class TextArea
+ @namespace Ember
+ @extends Ember.View
+ @uses Ember.TextSupport
+*/
+Ember.TextArea = Ember.View.extend(Ember.TextSupport, {
+ classNames: ['ember-text-area'],
+
+ tagName: "textarea",
+ attributeBindings: ['rows', 'cols'],
+ rows: null,
+ cols: null,
+
+ _updateElementValue: Ember.observer(function() {
+ // We do this check so cursor position doesn't get affected in IE
+ var value = get(this, 'value'),
+ $el = this.$();
+ if ($el && value !== $el.val()) {
+ $el.val(value);
+ }
+ }, 'value'),
+
+ init: function() {
+ this._super();
+ this.on("didInsertElement", this, this._updateElementValue);
+ }
+
+});
+
+})();
+
+
+
+(function() {
+/*jshint eqeqeq:false */
+
+/**
+@module ember
+@submodule ember-handlebars
+*/
+
+var set = Ember.set,
+ get = Ember.get,
+ indexOf = Ember.EnumerableUtils.indexOf,
+ indexesOf = Ember.EnumerableUtils.indexesOf,
+ replace = Ember.EnumerableUtils.replace,
+ isArray = Ember.isArray,
+ precompileTemplate = Ember.Handlebars.compile;
+
+/**
+ The `Ember.Select` view class renders a
+ [select](https://developer.mozilla.org/en/HTML/Element/select) HTML element,
+ allowing the user to choose from a list of options.
+
+ The text and `value` property of each `
+ I am wrapped
+
+