You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
63 lines
1.8 KiB
63 lines
1.8 KiB
var apiURL = 'https://api.github.com/repos/vuejs/vue/commits?per_page=3&sha='
|
|
var isPhantom = navigator.userAgent.indexOf('PhantomJS') > -1
|
|
|
|
/**
|
|
* Test mocks
|
|
*/
|
|
|
|
var mocks = {
|
|
master: [{sha:'111111111111', commit: {message:'one', author:{name:'Evan',date:'2014-10-15T13:52:58Z'}}},{sha:'111111111111', commit: {message:'hi', author:{name:'Evan',date:'2014-10-15T13:52:58Z'}}},{sha:'111111111111', commit: {message:'hi', author:{name:'Evan',date:'2014-10-15T13:52:58Z'}}}],
|
|
dev: [{sha:'222222222222', commit: {message:'two', author:{name:'Evan',date:'2014-10-15T13:52:58Z'}}},{sha:'111111111111', commit: {message:'hi', author:{name:'Evan',date:'2014-10-15T13:52:58Z'}}},{sha:'111111111111', commit: {message:'hi', author:{name:'Evan',date:'2014-10-15T13:52:58Z'}}}]
|
|
}
|
|
|
|
function mockData () {
|
|
this.commits = mocks[this.currentBranch]
|
|
}
|
|
|
|
/**
|
|
* Actual demo
|
|
*/
|
|
|
|
var demo = new Vue({
|
|
|
|
el: '#demo',
|
|
|
|
data: {
|
|
branches: ['master', 'dev'],
|
|
currentBranch: 'master',
|
|
commits: null
|
|
},
|
|
|
|
created: function () {
|
|
this.fetchData()
|
|
},
|
|
|
|
watch: {
|
|
currentBranch: 'fetchData'
|
|
},
|
|
|
|
methods: {
|
|
truncate: function (v) {
|
|
var newline = v.indexOf('\n')
|
|
return newline > 0 ? v.slice(0, newline) : v
|
|
},
|
|
formatDate: function (v) {
|
|
return v.replace(/T|Z/g, ' ')
|
|
},
|
|
fetchData: function () {
|
|
// CasperJS fails at cross-domain XHR even with
|
|
// --web-security=no, have to mock data here.
|
|
if (isPhantom) {
|
|
return mockData.call(this)
|
|
}
|
|
var xhr = new XMLHttpRequest()
|
|
var self = this
|
|
xhr.open('GET', apiURL + self.currentBranch)
|
|
xhr.onload = function () {
|
|
self.commits = JSON.parse(xhr.responseText)
|
|
console.log(self.commits[0].html_url)
|
|
}
|
|
xhr.send()
|
|
}
|
|
}
|
|
})
|
|
|