ui(report): show wrinkle loading hints over side photos
This commit is contained in:
+7
-3
@@ -1635,17 +1635,21 @@
|
||||
function renderWrinkleSides(reportPhotos, payload) {
|
||||
var epoch = ++wrinklePhotoEpoch, wrap = $('#wrinkle-sides'), note = $('#wrinkle-layer-note');
|
||||
function refresh() {
|
||||
note.textContent=payload && payload.wrinkle_job && payload.wrinkle_job.status==='pending' ?
|
||||
'侧脸皱纹标注加载中…' : '部分侧脸未获取皱纹标注,未标注的侧脸仅展示原图。';
|
||||
var pending=!!(payload && payload.wrinkle_job && payload.wrinkle_job.status==='pending');
|
||||
note.textContent='部分侧脸未获取皱纹标注,未标注的侧脸仅展示原图。';
|
||||
wrap.querySelectorAll('figure').forEach(function(figure){
|
||||
figure.querySelector('.wrinkle-loading').hidden=!pending || figure.hidden || figure.querySelector('img').dataset.hasAnnotation==='true';
|
||||
});
|
||||
var visible = Array.from(wrap.querySelectorAll('figure:not([hidden])'));
|
||||
wrap.hidden = !visible.length;
|
||||
note.hidden = !visible.some(function(f) { return f.querySelector('img').dataset.hasAnnotation !== 'true'; });
|
||||
note.hidden = pending || !visible.some(function(f) { return f.querySelector('img').dataset.hasAnnotation !== 'true'; });
|
||||
var card = wrap.closest('.card-detail'), state = detailSwipes.get(card);
|
||||
if (state) state.height(Number(card.querySelector('.dtab.active').dataset.tab));
|
||||
}
|
||||
wrap.hidden = note.hidden = true;
|
||||
['left', 'right'].forEach(function(view, i) {
|
||||
var img = $('#wrinkle-' + view), figure = img.closest('figure');
|
||||
figure.querySelector('.wrinkle-loading').hidden=true;
|
||||
img.onload = img.onerror = null; img.removeAttribute('src');
|
||||
img.dataset.hasAnnotation = 'false'; img.draggable = false; figure.hidden = true;
|
||||
var src = reportPhotos && reportPhotos[i + 1];
|
||||
|
||||
Reference in New Issue
Block a user