From a3b1cd87cd41e75f55f071d6389379ef666c7518 Mon Sep 17 00:00:00 2001 From: ishadurin Date: Tue, 31 May 2016 23:37:32 +0300 Subject: [PATCH] preview for long actions --- swarm/examples/album/file-manager.js | 4 +--- swarm/examples/album/index.html | 2 +- swarm/examples/album/index.js | 20 ++++++++++++++++++++ 3 files changed, 22 insertions(+), 4 deletions(-) diff --git a/swarm/examples/album/file-manager.js b/swarm/examples/album/file-manager.js index 046ffb011d..d2a024721e 100644 --- a/swarm/examples/album/file-manager.js +++ b/swarm/examples/album/file-manager.js @@ -110,9 +110,7 @@ function onUploadingComplete(uri) { } function handleFiles(files) { - jQuery('#preview-modal').modal({ - fadeDuration: 250 - }); + showModal('Uploading photos..'); uploadFile(files, 0, ""); } diff --git a/swarm/examples/album/index.html b/swarm/examples/album/index.html index b0173584c0..64fcdc67a0 100644 --- a/swarm/examples/album/index.html +++ b/swarm/examples/album/index.html @@ -22,7 +22,7 @@ diff --git a/swarm/examples/album/index.js b/swarm/examples/album/index.js index 53e9b54f76..e3c230a80d 100644 --- a/swarm/examples/album/index.js +++ b/swarm/examples/album/index.js @@ -59,6 +59,18 @@ var idle; // idle timer var clayout; // current layout var csr; // current scaling ratio +function showModal(text, previewImageUrl) { + if (!previewImageUrl) { + previewImageUrl = 'throbber.gif'; + } + + jQuery('#currentPreview').attr('src', previewImageUrl); + jQuery('#action-text').text(text); + jQuery('#preview-modal').modal({ + fadeDuration: 250 + }); +} + function resize() { // best layout @@ -278,6 +290,7 @@ function deleteImg() { var fname = imgs.data[eidx].img[0]; imgs.data.splice(eidx, 1); + showModal('Delete photo..', fname); // construct an HTTP request var xhr = new XMLHttpRequest(); @@ -302,6 +315,13 @@ function deleteImg() { function moveUpDown(off) { var me = imgs.data[eidx]; + console.log(me.thumb[0]); + var moveText = 'Moving down..'; + if (off > 0) { + moveText = 'Moving up..'; + } + + showModal(moveText, me.thumb[0]); imgs.data[eidx] = imgs.data[eidx + off]; imgs.data[eidx + off] = me; var xhr = new XMLHttpRequest();