mirror of https://github.com/rancher/ui.git
115 lines
4.1 KiB
JavaScript
115 lines
4.1 KiB
JavaScript
import Component from '@ember/component';
|
|
import layout from './template';
|
|
import { inject as service } from '@ember/service';
|
|
import { alias } from '@ember/object/computed';
|
|
import {oauthURIGenerator} from 'pipeline/utils/gitOauth';
|
|
import branchConditionsEnums from 'pipeline/utils/branchConditionsEnums';
|
|
|
|
export default Component.extend({
|
|
layout,
|
|
github: service('pipeline-github'),
|
|
branchTypes: branchConditionsEnums,
|
|
state: {
|
|
auth_ing: false,
|
|
refreshingRepo: false,
|
|
repoRefresh: false,
|
|
},
|
|
Oauth: false,
|
|
repositories: [],
|
|
clusterPipeline: alias('modalOpts.clusterPipeline'),
|
|
pipeline: alias('modalOpts.pipeline'),
|
|
routeState: alias('modalOpts.routeState'),
|
|
triggerTypes: [{label:'Webhook',value:'webhook', dsc: 'Automatically build the pipeline whenever there is git commit'}, {label: 'Cron',value:'cron', dsc:'On a fixed schedule'},{label: 'Manually',value:'manually', dsc: 'Trigger by just manually'}],
|
|
selectedTriggerType: 'webhook',
|
|
selectedTriggerDesc: function(){
|
|
let triggerTypes = this.get('triggerTypes');
|
|
let selectedTriggerType = this.get('selectedTriggerType');
|
|
return triggerTypes.find(ele=>ele.value===selectedTriggerType).dsc;
|
|
}.property('selectedTriggerType'),
|
|
|
|
accountsInfo: function(){
|
|
var accounts = this.get('modalOpts.accounts');
|
|
if(!accounts.length){
|
|
return null;
|
|
}
|
|
this.set('selectedModel.sourceCodeConfig.sourceCodeCredentialId', accounts.content[0].id)
|
|
return accounts.content[0];
|
|
}.property('modalOpts.accounts'),
|
|
profileComponent: function(){
|
|
var accounts = this.get('modalOpts.accounts');
|
|
let profile = Object.assign({},accounts.content[0]);
|
|
profile.name = profile.loginName;
|
|
profile.username = profile.displayName;
|
|
profile.profilePicture = profile.avatarUrl;
|
|
return profile;
|
|
}.property('modalOpts.accounts'),
|
|
init(){
|
|
this._super(...arguments);
|
|
let repositories = this.get('modalOpts.routeState.repositories');
|
|
this.set('repositories', repositories);
|
|
this.set('statusFetching',false);
|
|
},
|
|
urlObserve: function(){
|
|
let url = this.get('selectedModel.sourceCodeConfig.url');
|
|
let repositories = this.get('repositories');
|
|
let selected = repositories.find((ele)=> ele.url === url);
|
|
selected&&this.set('routeState.language', selected.language);
|
|
}.observes('selectedModel.sourceCodeConfig.url','repositories'),
|
|
actions: {
|
|
setState: function(state, desiredState){
|
|
this.set(state,desiredState);
|
|
},
|
|
reloadRepo: function(){
|
|
var accountsInfo = this.get('accountsInfo');
|
|
if(!accountsInfo){
|
|
return
|
|
}
|
|
this.set('state.repoRefresh', true);
|
|
accountsInfo.doAction('refreshrepos').then((res)=>{
|
|
this.set('repositories', res.content);
|
|
}).finally(()=>{
|
|
this.set('state.repoRefresh', false);
|
|
});
|
|
},
|
|
authenticate: function() {
|
|
var clientId = this.get('clusterPipeline.githubConfig.clientId');
|
|
var hostname = 'github.com';
|
|
var scheme = this.get('clusterPipeline.tls')?'https://':'http://';
|
|
var authorizeURL;
|
|
let oauthURI = oauthURIGenerator(clientId);
|
|
hostname||(hostname = this.get('selectedOauthType') + '.com')
|
|
authorizeURL = scheme + hostname + oauthURI['github'];
|
|
this.get('github').authorizeTest(
|
|
authorizeURL,
|
|
(err, code) => {
|
|
if (err) {
|
|
this.send('gotError', err);
|
|
this.set('testing', false);
|
|
} else {
|
|
this.send('gotCode', code, () => {
|
|
this.set('testing', false);
|
|
});
|
|
}
|
|
}
|
|
);
|
|
},
|
|
gotCode: function(code, cb) {
|
|
let clusterPipeline = this.get('clusterPipeline');
|
|
clusterPipeline.doAction('authuser', {code}).then(() => {
|
|
cb();
|
|
}).catch((res) => {
|
|
// Github auth succeeded but didn't get back a token
|
|
this.send('gotError', res);
|
|
});
|
|
},
|
|
gotError: function(err) {
|
|
if (err.message) {
|
|
this.send('showError', err.message + (err.detail ? '(' + err.detail + ')' : ''));
|
|
} else {
|
|
this.send('showError', 'Error (' + err.status + ' - ' + err.code + ')');
|
|
}
|
|
this.set('testing', false);
|
|
},
|
|
}
|
|
});
|