-
+
-
-
+
+
diff --git a/web/js/htk/full-image.js b/web/js/htk/full-image.js
index 2655627a..ba122fd1 100755
--- a/web/js/htk/full-image.js
+++ b/web/js/htk/full-image.js
@@ -20,14 +20,12 @@ Htk.FullImage = new Class
var loadingBox = document.createElement ('div');
loadingBox.className = 'htk-full-image-loader';
- var loadingImg = document.createElement ('img');
- loadingImg.src = 'image/loader-black.gif';
- loadingImg.alt = _('Loading');
- loadingBox.appendChild (loadingImg);
+ var spinner = new Htk.Spinner ();
+ loadingBox.appendChild (spinner.getNode ());
this.div = div;
this.loadingBox = loadingBox;
- this.loadingImg = loadingImg;
+ this.spinner = spinner;
this.parent (props);
}
@@ -50,8 +48,6 @@ Htk.FullImage = new Class
}
this.cancelHide ();
- this.loadingBox.style.left = this.getLeft (40);
- this.loadingBox.style.top = this.getTop (40);
this.closed = false;
this.src = src
@@ -64,6 +60,7 @@ Htk.FullImage = new Class
if (!this.img.complete && !this.loading)
{
document.body.appendChild (this.loadingBox);
+ this.spinner.start ();
this.loading = true;
}
}
@@ -165,6 +162,7 @@ Htk.FullImage = new Class
if (this.loading)
{
document.body.removeChild (this.loadingBox);
+ this.spinner.stop ();
this.loading = false;
}
}
diff --git a/web/js/htk/style.css b/web/js/htk/style.css
index 163feba0..c28fa45e 100755
--- a/web/js/htk/style.css
+++ b/web/js/htk/style.css
@@ -99,6 +99,7 @@ th.cell-radio
}
td.cell-button
{
+ max-width: 2em;
text-align: center;
}
td.cell-button > button
@@ -266,20 +267,26 @@ td.cell-image img
position: fixed;
background-color: #FFF;
text-align: center;
- border: 1px solid #999;
- border-radius: 2px;
+ box-shadow: 0 0 0.4em #666;
+}
+.htk-full-image,
+.htk-full-image > img
+{
+ border-radius: .2em;
}
.htk-full-image-loader
{
z-index: 110;
position: fixed;
+ top: 50%;
+ left: 50%;
+ margin-top: -1.6em;
+ margin-left: -1.6em;
background-color: #FFF;
- border: 1px solid #999;
- border-radius: 0.1em;
-}
-.htk-full-image-loader img
-{
- padding: 1em;
+ padding: .7em;
+ box-shadow: 0 0 0.4em #666;
+ height: 1.8em;
+ border-radius: 50%;
}
/* Toast */
+
+