Convert repos controller to javascript
This commit is contained in:
Piotr Sarnacki
parent
36d099667e
commit
35c5d619bd
|
|
@ -1,141 +0,0 @@
|
|||
`import Ember from 'ember'`
|
||||
`import limit from 'travis/utils/computed-limit'`
|
||||
`import Repo from 'travis/models/repo'`
|
||||
|
||||
Controller = Ember.Controller.extend
|
||||
actions:
|
||||
activate: (name) ->
|
||||
@activate(name)
|
||||
|
||||
showRunningJobs: ->
|
||||
@activate('running')
|
||||
|
||||
showMyRepositories: ->
|
||||
# this is a bit of a hack. I don't want to switch URL for 'running'
|
||||
# so depending on current state I'm either just switching back or
|
||||
# redirecting
|
||||
if @get('tab') == 'running'
|
||||
@activate('owned')
|
||||
else
|
||||
@transitionToRoute('main.repositories')
|
||||
|
||||
|
||||
tabOrIsLoadedDidChange: (->
|
||||
@possiblyRedirectToGettingStartedPage()
|
||||
).observes('isLoaded', 'tab', 'repos.length')
|
||||
|
||||
possiblyRedirectToGettingStartedPage: ->
|
||||
Ember.run.scheduleOnce 'routerTransitions', this, ->
|
||||
if @get('tab') == 'owned' && @get('isLoaded') && @get('repos.length') == 0
|
||||
@container.lookup('router:main').send('redirectToGettingStarted')
|
||||
|
||||
isLoaded: false
|
||||
repoController: Ember.inject.controller('repo')
|
||||
currentUserBinding: 'auth.currentUser'
|
||||
selectedRepo: (->
|
||||
# we need to observe also repo.content here, because we use
|
||||
# ObjectProxy in repo controller
|
||||
# TODO: get rid of ObjectProxy there
|
||||
@get('repoController.repo.content') || @get('repoController.repo')
|
||||
).property('repoController.repo', 'repoController.repo.content')
|
||||
|
||||
startedJobsCount: Ember.computed.alias('runningJobs.length')
|
||||
allJobsCount: (->
|
||||
@get('startedJobsCount') + @get('queuedJobs.length')
|
||||
).property('startedJobsCount', 'queuedJobs.length')
|
||||
|
||||
init: ->
|
||||
@_super.apply this, arguments
|
||||
if !Ember.testing
|
||||
Visibility.every @config.intervals.updateTimes, @updateTimes.bind(this)
|
||||
|
||||
runningJobs: (->
|
||||
result = @store.filter('job', {}, (job) ->
|
||||
['queued', 'started', 'received'].indexOf(job.get('state')) != -1
|
||||
)
|
||||
result.set('isLoaded', false)
|
||||
result.then =>
|
||||
result.set('isLoaded', true)
|
||||
result
|
||||
).property()
|
||||
|
||||
queuedJobs: (->
|
||||
result = @get('store').filter('job', {}, (job) ->
|
||||
['created'].indexOf(job.get('state')) != -1
|
||||
)
|
||||
result.set('isLoaded', false)
|
||||
result.then =>
|
||||
result.set('isLoaded', true)
|
||||
result
|
||||
).property()
|
||||
|
||||
recentRepos: (->
|
||||
# I return an empty array here, because we're removing left sidebar, but
|
||||
# I don't want to refactor too much code (it will be all changed anyway
|
||||
# when we switch to new dashboard)
|
||||
[]
|
||||
).property()
|
||||
|
||||
updateTimes: ->
|
||||
if repos = @get('repos')
|
||||
repos.forEach (r) -> r.updateTimes()
|
||||
|
||||
activate: (tab, params) ->
|
||||
@set('sortProperties', ['sortOrder'])
|
||||
@set('tab', tab)
|
||||
this["view_#{tab}".camelize()](params)
|
||||
|
||||
viewOwned: ->
|
||||
if repos = @get('ownedRepos')
|
||||
@set('repos', repos)
|
||||
else if !@get('fetchingOwnedRepos')
|
||||
@set('fetchingOwnedRepos', true)
|
||||
@set('isLoaded', false)
|
||||
if user = @get('currentUser')
|
||||
user.get('_rawPermissions').then (data) =>
|
||||
repos = Repo.accessibleBy(@store, data.pull).then( (reposRecordArray) =>
|
||||
@set('isLoaded', true)
|
||||
@set('repos', reposRecordArray)
|
||||
@set('ownedRepos', reposRecordArray)
|
||||
@set('fetchingOwnedRepos', false)
|
||||
)
|
||||
# TODO: handle error
|
||||
|
||||
viewRunning: ->
|
||||
|
||||
viewSearch: (phrase) ->
|
||||
@set('search', phrase)
|
||||
@set('isLoaded', false)
|
||||
Repo.search(@store, phrase).then( (reposRecordArray) =>
|
||||
@set('isLoaded', true)
|
||||
@set('repos', reposRecordArray)
|
||||
)
|
||||
|
||||
searchObserver: (->
|
||||
search = @get('search')
|
||||
if search
|
||||
@searchFor search
|
||||
).observes('search')
|
||||
|
||||
searchFor: (phrase) ->
|
||||
Ember.run.cancel(@searchLater) if @searchLater
|
||||
@searchLater = Ember.run.later(this, (->
|
||||
@transitionTo('main.search', phrase.replace(/\//g, '%2F'))
|
||||
), 500)
|
||||
|
||||
noReposMessage: (->
|
||||
tab = @get('tab')
|
||||
|
||||
if tab == 'owned'
|
||||
'You don\'t have any repos set up on Travis CI'
|
||||
else if tab == 'recent'
|
||||
'Repositories could not be loaded'
|
||||
else
|
||||
'Could not find any repos'
|
||||
).property('tab')
|
||||
|
||||
showRunningJobs: (->
|
||||
@get('tab') == 'running'
|
||||
).property('tab')
|
||||
|
||||
`export default Controller`
|
||||
170
app/controllers/repos.js
Normal file
170
app/controllers/repos.js
Normal file
|
|
@ -0,0 +1,170 @@
|
|||
import Ember from 'ember';
|
||||
import limit from 'travis/utils/computed-limit';
|
||||
import Repo from 'travis/models/repo';
|
||||
|
||||
var Controller = Ember.Controller.extend({
|
||||
actions: {
|
||||
activate: function(name) {
|
||||
return this.activate(name);
|
||||
},
|
||||
showRunningJobs: function() {
|
||||
return this.activate('running');
|
||||
},
|
||||
showMyRepositories: function() {
|
||||
if (this.get('tab') === 'running') {
|
||||
return this.activate('owned');
|
||||
} else {
|
||||
return this.transitionToRoute('main.repositories');
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
tabOrIsLoadedDidChange: function() {
|
||||
return this.possiblyRedirectToGettingStartedPage();
|
||||
}.observes('isLoaded', 'tab', 'repos.length'),
|
||||
|
||||
possiblyRedirectToGettingStartedPage() {
|
||||
return Ember.run.scheduleOnce('routerTransitions', this, function() {
|
||||
if (this.get('tab') === 'owned' && this.get('isLoaded') && this.get('repos.length') === 0) {
|
||||
return this.container.lookup('router:main').send('redirectToGettingStarted');
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
isLoaded: false,
|
||||
repoController: Ember.inject.controller('repo'),
|
||||
currentUserBinding: 'auth.currentUser',
|
||||
|
||||
selectedRepo: function() {
|
||||
return this.get('repoController.repo.content') || this.get('repoController.repo');
|
||||
}.property('repoController.repo', 'repoController.repo.content'),
|
||||
|
||||
startedJobsCount: Ember.computed.alias('runningJobs.length'),
|
||||
|
||||
allJobsCount: function() {
|
||||
return this.get('startedJobsCount') + this.get('queuedJobs.length');
|
||||
}.property('startedJobsCount', 'queuedJobs.length'),
|
||||
|
||||
init() {
|
||||
this._super.apply(this, arguments);
|
||||
if (!Ember.testing) {
|
||||
return Visibility.every(this.config.intervals.updateTimes, this.updateTimes.bind(this));
|
||||
}
|
||||
},
|
||||
|
||||
runningJobs: function() {
|
||||
var result;
|
||||
|
||||
result = this.store.filter('job', {}, function(job) {
|
||||
return ['queued', 'started', 'received'].indexOf(job.get('state')) !== -1;
|
||||
});
|
||||
result.set('isLoaded', false);
|
||||
result.then(function() {
|
||||
return result.set('isLoaded', true);
|
||||
});
|
||||
|
||||
return result;
|
||||
}.property(),
|
||||
|
||||
queuedJobs: function() {
|
||||
var result;
|
||||
result = this.get('store').filter('job', {}, function(job) {
|
||||
return ['created'].indexOf(job.get('state')) !== -1;
|
||||
});
|
||||
result.set('isLoaded', false);
|
||||
result.then(function() {
|
||||
result.set('isLoaded', true);
|
||||
});
|
||||
|
||||
return result;
|
||||
}.property(),
|
||||
|
||||
recentRepos: function() {
|
||||
return [];
|
||||
}.property(),
|
||||
|
||||
updateTimes() {
|
||||
var repos;
|
||||
if (repos = this.get('repos')) {
|
||||
return repos.forEach(function(r) {
|
||||
return r.updateTimes();
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
activate(tab, params) {
|
||||
this.set('sortProperties', ['sortOrder']);
|
||||
this.set('tab', tab);
|
||||
return this[("view_" + tab).camelize()](params);
|
||||
},
|
||||
|
||||
viewOwned() {
|
||||
var repos, user;
|
||||
|
||||
if (repos = this.get('ownedRepos')) {
|
||||
return this.set('repos', repos);
|
||||
} else if (!this.get('fetchingOwnedRepos')) {
|
||||
this.set('fetchingOwnedRepos', true);
|
||||
this.set('isLoaded', false);
|
||||
|
||||
if (user = this.get('currentUser')) {
|
||||
user.get('_rawPermissions').then( (data) => {
|
||||
repos = Repo.accessibleBy(this.store, data.pull).then(
|
||||
(reposRecordArray) => {
|
||||
this.set('isLoaded', true);
|
||||
this.set('repos', reposRecordArray);
|
||||
this.set('ownedRepos', reposRecordArray);
|
||||
this.set('fetchingOwnedRepos', false);
|
||||
return reposRecordArray;
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
viewRunning() {},
|
||||
|
||||
viewSearch(phrase) {
|
||||
this.set('search', phrase);
|
||||
this.set('isLoaded', false);
|
||||
Repo.search(this.store, phrase).then( () => {
|
||||
this.set('isLoaded', true);
|
||||
this.set('repos', reposRecordArray);
|
||||
});
|
||||
},
|
||||
|
||||
searchObserver: function() {
|
||||
var search;
|
||||
search = this.get('search');
|
||||
if (search) {
|
||||
return this.searchFor(search);
|
||||
}
|
||||
}.observes('search'),
|
||||
|
||||
searchFor(phrase) {
|
||||
if (this.searchLater) {
|
||||
Ember.run.cancel(this.searchLater);
|
||||
}
|
||||
this.searchLater = Ember.run.later(this, (function() {
|
||||
this.transitionTo('main.search', phrase.replace(/\//g, '%2F'));
|
||||
}), 500);
|
||||
},
|
||||
|
||||
noReposMessage: function() {
|
||||
var tab;
|
||||
tab = this.get('tab');
|
||||
if (tab === 'owned') {
|
||||
return 'You don\'t have any repos set up on Travis CI';
|
||||
} else if (tab === 'recent') {
|
||||
return 'Repositories could not be loaded';
|
||||
} else {
|
||||
return 'Could not find any repos';
|
||||
}
|
||||
}.property('tab'),
|
||||
|
||||
showRunningJobs: function() {
|
||||
return this.get('tab') === 'running';
|
||||
}.property('tab')
|
||||
});
|
||||
|
||||
export default Controller;
|
||||
Loading…
Reference in New Issue
Block a user