Show up to 50 labels in job details

This commit is contained in:
Marliana Lara
2018-06-22 11:33:40 -04:00
parent 09abba63b7
commit 62fd5ea6ef

View File

@@ -525,10 +525,10 @@ function getLabelDetails () {
const label = strings.get('labels.LABELS'); const label = strings.get('labels.LABELS');
const more = false; const more = false;
const hasMoreToShow = jobLabels.length < _.get(resource.model.get('summary_fields.labels'), 'count');
const value = jobLabels.map(({ name }) => name).map($filter('sanitize')); const value = jobLabels.map(({ name }) => name).map($filter('sanitize'));
const truncate = true; const truncate = true;
const truncateLength = 5; const truncateLength = 5;
const hasMoreToShow = jobLabels.length > truncateLength;
return { label, more, hasMoreToShow, value, truncate, truncateLength }; return { label, more, hasMoreToShow, value, truncate, truncateLength };
} }
@@ -549,29 +549,29 @@ const ELEMENT_PROMPT_MODAL = '#prompt-modal';
const TAGS_SLIDE_DISTANCE = 200; const TAGS_SLIDE_DISTANCE = 200;
function showLabels () { function showLabels () {
this.labels.truncate = !this.labels.truncate;
const jobLabelsCount = _.get(resource.model.get('summary_fields.labels'), 'count'); const jobLabelsCount = _.get(resource.model.get('summary_fields.labels'), 'count');
const maxCount = 25; const maxCount = 50;
if (!this.labels.truncate) { if (this.labels.value.length === jobLabelsCount || this.labels.value.length >= maxCount) {
this.labels.truncate = true;
} else {
this.labels.truncate = false;
}
if (this.labels.value.length === jobLabelsCount || this.labels.value.length === maxCount) {
return; return;
} }
if (this.labels.value.length < maxCount) { const config = {
wait('start'); params: {
resource.model.extend('get', 'labels') page_size: maxCount
.then((model) => { }
const jobLabels = _.get(model.get('related.labels'), 'results', []); };
this.labels.value = jobLabels.map(({ name }) => name).map($filter('sanitize'));
}) wait('start');
.catch(createErrorHandler('get labels', 'GET')) resource.model.extend('get', 'labels', config)
.finally(wait('stop')); .then((model) => {
} const jobLabels = _.get(model.get('related.labels'), 'results', []);
this.labels.value = jobLabels.map(({ name }) => name).map($filter('sanitize'));
})
.catch(createErrorHandler('get labels', 'GET'))
.finally(() => wait('stop'));
} }
function toggleLabels () { function toggleLabels () {