webinterface statusbar

8 files changed, 53 insertions, 17 deletions

diff --git a/module/web/static/default/Button-Add-grey.png b/module/web/static/default/Button-Add-grey.png
new file mode 100644
index 000000000..6659e230e
--- /dev/null
+++ b/module/web/static/default/Button-Add-grey.png
diff --git a/module/web/static/default/Button-Add.png b/module/web/static/default/Button-Add.png
new file mode 100644
index 000000000..602da4131
--- /dev/null
+++ b/module/web/static/default/Button-Add.png
diff --git a/module/web/static/default/Button-Pause-grey.png b/module/web/static/default/Button-Pause-grey.png
new file mode 100644
index 000000000..d1017e974
--- /dev/null
+++ b/module/web/static/default/Button-Pause-grey.png
diff --git a/module/web/static/default/Button-Pause.png b/module/web/static/default/Button-Pause.png
new file mode 100644
index 000000000..68f3ffc3a
--- /dev/null
+++ b/module/web/static/default/Button-Pause.png
diff --git a/module/web/static/default/Button-Play-grey.png b/module/web/static/default/Button-Play-grey.png
new file mode 100644
index 000000000..9f44c2289
--- /dev/null
+++ b/module/web/static/default/Button-Play-grey.png
diff --git a/module/web/static/default/Button-Play.png b/module/web/static/default/Button-Play.png
new file mode 100644
index 000000000..1ce1ed913
--- /dev/null
+++ b/module/web/static/default/Button-Play.png
diff --git a/module/web/static/default/home.js b/module/web/static/default/home.js
index 7db6d4efc..9f8902458 100644
--- a/module/web/static/default/home.js
+++ b/module/web/static/default/home.js
@@ -61,32 +61,17 @@ req = new Request.JSON({
     method: 'get',
     url: '/json/links',
     initialDelay: 0,
-    delay: 1000,
+    delay: 2000,
     limit: 20000
 });
 
 
 function renderTable(data){
 
-data.downloads.forEach()
+//data.downloads.each()
 
 }
 
-
-/* hover! */
-Element.implement({
-	'hover': function(fn1,fn2) {
-		return this.addEvents({
-			'mouseenter': function(e) {
-				fn1.attempt(e,this);
-			},
-			'mouseleave': function(e) {
-				fn2.attempt(e,this);
-			}
-		})
-	}
-});
-
 window.addEvent('domready', function(){
 
 /*
diff --git a/module/web/static/default/status.js b/module/web/static/default/status.js
new file mode 100644
index 000000000..c211fc669
--- /dev/null
+++ b/module/web/static/default/status.js
@@ -0,0 +1,51 @@
+/* hover! */
+Element.implement({
+	'hover': function(fn1,fn2) {
+		return this.addEvents({
+			'mouseenter': function(e) {
+				fn1.attempt(e,this);
+			},
+			'mouseleave': function(e) {
+				fn2.attempt(e,this);
+			}
+		})
+	}
+});
+
+
+window.addEvent('domready', function(){
+
+$$('.statusbutton').each(function(item){
+
+ item.hover(function(e){
+     this.tween('opacity',1)
+ },function(e){
+     this.tween('opacity',0.01)
+ }
+)
+})
+
+fx_reveal = new Fx.Reveal($('addlinks'));
+//fx_reveal.dissolve()
+
+
+$$('#addlinks .closeSticky').each(function(el){
+
+el.addEvent('click',function(e){
+
+fx_reveal.dissolve();
+
+});
+
+});
+
+$$('.statusbutton')[2].addEvent('click',function(e){
+
+$('addlinks').setStyle('top', e.page.y + 5)
+$('addlinks').setStyle('left', e.page.x + 5)
+
+fx_reveal.reveal()
+
+});
+
+});
\ No newline at end of file