'
platformBadges.forEach(function (b) {
+ var platformColor = tracker.platforms[b.platform] || 'unavailable'
html += '
'
})
@@ -1121,7 +1071,8 @@ function renderPatternCard (pattern, platformBadges, comboBadges) {
html += '
'
comboBadges.slice().reverse().forEach(function (b) {
var comboId = sanitizeId(b.platform) + '-' + sanitizeId(b.version)
- html += ''
+ var blockColor = tracker.tests[comboId] || 'unavailable'
+ html += ''
})
html += '
'
@@ -1131,7 +1082,7 @@ function renderPatternCard (pattern, platformBadges, comboBadges) {
return html
}
-function renderPatternCards (badges) {
+function renderPatternCards(badges) {
badges.sort(function (a, b) { return -1 * a.date.localeCompare(b.date) })
var groups = groupBadgesByPattern(badges)
@@ -1141,67 +1092,39 @@ function renderPatternCards (badges) {
_cardTracker = {}
- var html = '
'
-
- var useSample = !isProductionSite()
+ var html = '
'
patternNames.forEach(function (pattern) {
var patternBadges = groups[pattern]
var latestPerPlatform = getLatestBadgePerPlatform(patternBadges)
var latestPerCombo = getLatestBadgePerCombo(patternBadges)
- _cardTracker[pattern] = {
- total: latestPerPlatform.length,
- loaded: 0,
+ var tracker = {
platforms: {},
- tests: {},
- totalTests: latestPerCombo.length,
- loadedTests: 0,
- recentComboKeys: {}
+ tests: {}
}
- latestPerCombo.forEach(function (b) {
- _cardTracker[pattern].recentComboKeys[sanitizeId(b.platform) + '-' + sanitizeId(b.version)] = true
+ latestPerPlatform.forEach(function (b) {
+ tracker.platforms[b.platform] = badgeStatusColor(b)
})
- html += renderPatternCard(pattern, latestPerPlatform, latestPerCombo)
-
latestPerCombo.forEach(function (b) {
var comboKey = sanitizeId(b.platform) + '-' + sanitizeId(b.version)
- if (useSample) {
- var color = sampleColorForKey(b.key)
- _cardTracker[pattern].tests[comboKey] = color
-
- // Platform dot uses latest badge only (first one seen)
- if (!_cardTracker[pattern].platforms[b.platform]) {
- _cardTracker[pattern].platforms[b.platform] = color
- }
- _cardTracker[pattern].loadedTests++
- _cardTracker[pattern].loaded = latestPerPlatform.length
- } else {
- getJSON(b.getURI(), cardStatusCallback, b.key, pattern, b.platform, comboKey)
- }
+ tracker.tests[comboKey] = badgeStatusColor(b)
})
+
+ _cardTracker[pattern] = tracker
+ html += renderPatternCard(pattern, latestPerPlatform, latestPerCombo, tracker)
})
html += '
'
-
- if (useSample) {
- setTimeout(function () {
- patternNames.forEach(function (pattern) {
- updateCardUI(pattern)
- })
- }, 150)
- }
-
+ html = renderOverallStatsBar() + html
html += '
View complete history →'
return html
}
-function renderStatusKey () {
+function renderStatusKey() {
return '
' +
' Passed: Pattern deployed and tests succeeded' +
' CI infrastructure failure: Cloud or pipeline problem, not a pattern issue' +
@@ -1209,13 +1132,13 @@ function renderStatusKey () {
'
'
}
-function handleSort (value) {
+function handleSort(value) {
var url = new URL(window.location.href)
url.searchParams.set('sort', value)
window.location.href = url.toString()
}
-function handleTimeRange (value) {
+function handleTimeRange(value) {
var url = new URL(window.location.href)
if (value === '3m') {
url.searchParams.delete('range')
@@ -1225,28 +1148,28 @@ function handleTimeRange (value) {
window.location.href = url.toString()
}
-function syncCiSidebarNavWithUrl () {
+function syncCiSidebarNavWithUrl() {
var list = document.querySelector('.ci-sidebar-nav')
if (!list) return
var cur = new URL(window.location.href)
list.querySelectorAll('a[href]').forEach(function (a) {
var linkUrl = new URL(a.getAttribute('href'), window.location.origin)
- ;['range', 'sort'].forEach(function (k) {
- var v = cur.searchParams.get(k)
- if (k === 'range') {
- if (v == null || v === '' || v === '3m') linkUrl.searchParams.delete('range')
- else linkUrl.searchParams.set('range', v)
- } else if (k === 'sort') {
- if (v == null || v === '' || v === 'latest') linkUrl.searchParams.delete('sort')
- else linkUrl.searchParams.set('sort', v)
- }
- })
+ ;['range', 'sort'].forEach(function (k) {
+ var v = cur.searchParams.get(k)
+ if (k === 'range') {
+ if (v == null || v === '' || v === '3m') linkUrl.searchParams.delete('range')
+ else linkUrl.searchParams.set('range', v)
+ } else if (k === 'sort') {
+ if (v == null || v === '' || v === 'latest') linkUrl.searchParams.delete('sort')
+ else linkUrl.searchParams.set('sort', v)
+ }
+ })
var qs = linkUrl.searchParams.toString()
a.setAttribute('href', linkUrl.pathname + (qs ? '?' + qs : ''))
})
}
-function renderDashboard (badges, options) {
+function renderDashboard(badges, options) {
var filter_field = options.get('filter_field')
var filter_value = options.get('filter_value')
var target = options.get('target')
@@ -1344,8 +1267,8 @@ function renderDashboard (badges, options) {
// Badge Data Processing
// ============================================
-function getBadges (xmlText, bucket_url, badge_set) {
- parser = new DOMParser()
+function getBadges(xmlText, bucket_url, badge_set) {
+ let parser = new DOMParser()
var xmlDoc = parser.parseFromString(xmlText, 'application/xml')
const errorNode = xmlDoc.querySelector('parsererror')
if (errorNode) {
@@ -1356,31 +1279,31 @@ function getBadges (xmlText, bucket_url, badge_set) {
var badges = []
var entries = xmlDoc.getElementsByTagName('Key')
- l = entries.length
+ let l = entries.length
- for (i = 0; i < l; i++) {
- key = entries[i].childNodes[0].nodeValue
- if (badge_set == "GA" && key.endsWith("stable-badge.json") ) {
- badges.push(new Badge(bucket_url, key, getBadgeDate(entries[i])));
- } else if (badge_set == "early" && (key.endsWith("prerelease-badge.json") || key.endsWith("nightly-badge.json") || key.endsWith("operator-badge.json")) ) {
- badges.push(new Badge(bucket_url, key, getBadgeDate(entries[i])));
- } else if (badge_set == "all" && key.endsWith("-badge.json") ) {
- badges.push(new Badge(bucket_url, key, getBadgeDate(entries[i])));
- } else {
- console.log("Skipping: " + key);
- }
+ for (let i = 0; i < l; i++) {
+ let key = entries[i].childNodes[0].nodeValue
+ if (badge_set == "GA" && key.endsWith("stable-badge.json")) {
+ badges.push(new Badge(bucket_url, key, getBadgeDate(entries[i])));
+ } else if (badge_set == "early" && (key.endsWith("prerelease-badge.json") || key.endsWith("nightly-badge.json") || key.endsWith("operator-badge.json"))) {
+ badges.push(new Badge(bucket_url, key, getBadgeDate(entries[i])));
+ } else if (badge_set == "all" && key.endsWith("-badge.json")) {
+ badges.push(new Badge(bucket_url, key, getBadgeDate(entries[i])));
+ } else {
+ console.log("Skipping: " + key);
+ }
}
return badges
}
-function excludeArchivedPatternsFromDashboard (badges) {
+function excludeArchivedPatternsFromDashboard(badges) {
return badges.filter(function (badge) {
return !ARCHIVED_CI_PATTERNS[badge.pattern]
})
}
-function processBadges (badges, options) {
+function processBadges(badges, options) {
badges = excludeRetiredOcpVersionsFromDashboard(badges)
badges = excludeArchivedPatternsFromDashboard(badges)
if (options.get('disable_buttons') === true) {
@@ -1395,7 +1318,7 @@ function processBadges (badges, options) {
// Entry Points
// ============================================
-function getBucketOptions (input) {
+function getBucketOptions(input) {
const options = new Map()
const queryString = window.location.search
const urlParams = new URLSearchParams(queryString)
@@ -1408,38 +1331,37 @@ function getBucketOptions (input) {
options.set('links', 'public')
options.set('target', 'dataset')
- buckets = []
+ let buckets = []
const bucket = input['bucket']
if (bucket != null) {
buckets.push(bucket)
} else {
buckets.push('https://storage.googleapis.com/vp-results')
buckets.push('https://vp-ntnx-results.s3.amazonaws.com')
+ buckets.push('https://vp-qe-ci-badges.s3.us-east-2.amazonaws.com')
}
options.set('buckets', buckets)
- const fields = [ 'sets', 'target', 'filter_field', 'filter_value', 'links', 'disable_buttons' ]
- for (i = 0; i < fields.length; i++) {
+ const fields = ['sets', 'target', 'filter_field', 'filter_value', 'links', 'disable_buttons']
+ for (let i = 0; i < fields.length; i++) {
const key = fields[i]
const value = input[key]
if (value != null) {
- options.set(fields[i], value)
+ options.set(fields[i], value)
}
}
- const sections = [ 'date', 'version', 'platform', 'pattern' ]
+ const sections = ['date', 'version', 'platform', 'pattern']
- filter_field = options.get('filter_field')
+ let filter_field = options.get('filter_field')
- if (options.get('filter_field') == null) {
- for (i = 0; i < sections.length; i++) {
- if (urlParams.get(sections[i]) != null) {
+ if (filter_field == null) {
+ for (let i = 0; i < sections.length; i++) {
+ if (urlParams.get(sections[i]) != null) {
options.set('filter_field', sections[i])
if (options.get('filter_value') == null && urlParams.get(sections[i]) != null) {
- options.set('filter_value', urlParams.get(sections[i]))
- } else if (options.get('filter_value') == null && urlParams.get(sections[i]) != null) {
- options.set('filter_value', 'all')
+ options.set('filter_value', urlParams.get(sections[i]))
}
- }
+ }
}
}
@@ -1479,7 +1401,7 @@ function fetchBucketBadges(bucket, inputs) {
})
}
-function obtainBadgesFromSample (inputs) {
+function obtainBadgesFromSample(inputs) {
const options = getBucketOptions(inputs);
fetch('/data/sample-badges.json')
@@ -1503,7 +1425,7 @@ function obtainBadgesFromSample (inputs) {
})
}
-function obtainBadges (inputs) {
+function obtainBadges(inputs) {
if (!isProductionSite()) {
console.log('Non-production site detected, using sample badge data')
obtainBadgesFromSample(inputs)
@@ -1530,7 +1452,10 @@ function obtainBadges (inputs) {
})
console.log('All badges:', allBadges)
-
+ return enrichBadgesFromJson(allBadges)
+ })
+ .then(function (allBadges) {
+ console.log('Enriched badges:', allBadges.length);
processBadges(allBadges, options)
})
}