whites filemanager

13 files changed, 478 insertions, 128 deletions

diff --git a/module/web/templates/default/admin.html b/module/web/templates/default/admin.html
index 5be649de7..365e9b7bc 100644
--- a/module/web/templates/default/admin.html
+++ b/module/web/templates/default/admin.html
@@ -36,6 +36,9 @@
     <th>
         {{ _("Change settings") }}
     </th>
+    <th>
+        {{ _("Filemanager") }}
+    </th>
     </thead>
 
 {% for name, data in users.iteritems() %}
@@ -48,6 +51,7 @@
         <td><input name="{{ name }}|see_downloads" type="checkbox" {% if data.perms.see_downloads %} checked="True" {% endif %}"></td>
         <td><input name="{{ name }}|download" type="checkbox" {% if data.perms.download %} checked="True" {% endif %}"></td>
         <td><input name="{{ name }}|settings" type="checkbox" {% if data.perms.settings %} checked="True" {% endif %}"></td>
+	<td><input name="{{ name }}|filemanager" type="checkbox" {% if data.perms.filemanager %} checked="True" {% endif %}"></td>
     </tr>
 {% endfor %}
 
diff --git a/module/web/templates/default/base.html b/module/web/templates/default/base.html
index 7f7db2610..fd22abbd4 100644
--- a/module/web/templates/default/base.html
+++ b/module/web/templates/default/base.html
@@ -245,24 +245,33 @@ function AddBox()
 

 	<div id="head-menu">

 		<ul>

-			

+

+        {% macro selected(name, right=False) -%}

+            {% if name in url -%}class="{% if right -%}right {% endif %}selected"{%- endif %}

+            {% if not name in url and right -%}class="right"{%- endif %}

+        {%- endmacro %}

+

+

 		{% block menu %}

-		<li class="selected">

+		<li>

 		    <a href="/" title=""><img src="/media/default/img/head-menu-home.png" alt="" /> {{_("Home")}}</a>

 		</li>

-		<li>

+		<li {{ selected('queue') }}>

 		    <a href="/queue/" title=""><img src="/media/default/img/head-menu-queue.png" alt="" /> {{_("Queue")}}</a>

 		</li>

-		<li>

+		<li {{ selected('collector') }}>

 		    <a href="/collector/" title=""><img src="/media/default/img/head-menu-collector.png" alt="" /> {{_("Collector")}}</a>

 		</li>

-		<li>

+		<li {{ selected('downloads') }}>

 		    <a href="/downloads/" title=""><img src="/media/default/img/head-menu-development.png" alt="" /> {{_("Downloads")}}</a>

 		</li>

-		<li class="right">

+		<li {{ selected('filemanager') }}>

+		    <a href="/filemanager/" title=""><img src="/media/default/img/head-menu-download.png" alt="" /> {{_("FileManager")}}</a>

+		</li>

+		<li {{ selected('logs', True) }}>

 		    <a href="/logs/"  class="action index" accesskey="x" rel="nofollow"><img src="/media/default/img/head-menu-index.png" alt="" />{{_("Logs")}}</a>

 		</li>

-		<li class="right">

+		<li {{ selected('settings', True) }}>

 		    <a href="/settings/"  class="action index" accesskey="x" rel="nofollow"><img src="/media/default/img/head-menu-config.png" alt="" />{{_("Config")}}</a>

 		</li>

 		{% endblock %}

@@ -316,6 +325,11 @@ function AddBox()
 	<b><p>{{message}}</p></b>

 {% endfor %}

 

+<div id="load-indicator" style="opacity: 0; float: right; margin-top: -10px;">

+    <img src="/media/default/img/ajax-loader.gif" alt="" style="padding-right: 5px"/>

+    {{_("loading")}}

+</div>

+

 {% block content %}

 {% endblock content %}

 

diff --git a/module/web/templates/default/collector.html b/module/web/templates/default/collector.html
index 3e6b47234..2683d8ee5 100644
--- a/module/web/templates/default/collector.html
+++ b/module/web/templates/default/collector.html
@@ -14,26 +14,6 @@ document.addEvent("domready", function(){
 {% block title %}{{_("Collector")}} - {{super()}} {% endblock %}

 {% block subtitle %}{{_("Collector")}}{% endblock %}

 

-{% block menu %}

-<li>

-    <a href="/" title=""><img src="/media/default/img/head-menu-home.png" alt="" /> {{_("Home")}}</a>

-</li>

-<li>

-    <a href="/queue/" title=""><img src="/media/default/img/head-menu-queue.png" alt="" /> {{_("Queue")}}</a>

-</li>

-<li class="selected">

-    <a href="/collector/" title=""><img src="/media/default/img/head-menu-collector.png" alt="" /> {{_("Collector")}}</a>

-</li>

-<li>

-    <a href="/downloads/" title=""><img src="/media/default/img/head-menu-development.png" alt="" /> {{_("Downloads")}}</a>

-</li>

-<li class="right">

-    <a href="/logs/"  class="action index" accesskey="x" rel="nofollow"><img src="/media/default/img/head-menu-index.png" alt="" />{{_("Logs")}}</a>

-</li>

-<li class="right">

-    <a href="/settings/"  class="action index" accesskey="x" rel="nofollow"><img src="/media/default/img/head-menu-config.png" alt="" />{{_("Config")}}</a>

-</li>{% endblock %}

-

 {% block pageactions %}

 <ul id="page-actions-more">

     <li id="del_finished"><a style="padding: 0; font-weight: bold;" href="#">{{_("Delete Finished")}}</a></li>

@@ -42,12 +22,6 @@ document.addEvent("domready", function(){
 {% endblock %}

 

 {% block content %}

-<div id="load-success" style="opacity: 0; float: right; color: white; background-color: #90ee90; padding: 4px; -moz-border-radius: 5px; border-radius: 5px; font-weight: bold; margin-left: -100%; margin-top: -10px;">{{_("success")}}</div>

-<div id="load-failure" style="opacity: 0; float: right; color: white; background-color: #f08080; padding: 4px; -moz-border-radius: 5px; border-radius: 5px; font-weight: bold; margin-left: -100%; margin-top: -10px;">{{_("failure")}}</div>

-<div id="load-indicator" style="opacity: 0; float: right; margin-top: -10px;">

-    <img src="/media/default/img/ajax-loader.gif" alt="" style="padding-right: 5px"/>

-    {{_("loading")}}

-</div>

 

 <ul id="package-list" style="list-style: none; padding-left: 0; margin-top: -10px;">

 {% for id, package in content %}

@@ -81,4 +55,4 @@ document.addEvent("domready", function(){
 

 {% include "default/edit_package.html" %}

 

-{% endblock %}
\ No newline at end of file
+{% endblock %}

diff --git a/module/web/templates/default/downloads.html b/module/web/templates/default/downloads.html
index 813dc8d06..450b8a102 100644
--- a/module/web/templates/default/downloads.html
+++ b/module/web/templates/default/downloads.html
@@ -2,27 +2,6 @@
 
 {% block title %}Downloads - {{super()}} {% endblock %}
 
-{% block menu %}
-<li>
-    <a href="/" title=""><img src="/media/default/img/head-menu-home.png" alt="" /> {{_("Home")}}</a>
-</li>
-<li>
-    <a href="/queue/" title=""><img src="/media/default/img/head-menu-queue.png" alt="" /> {{_("Queue")}}</a>
-</li>
-<li>
-    <a href="/collector/" title=""><img src="/media/default/img/head-menu-collector.png" alt="" /> {{_("Collector")}}</a>
-</li>
-<li class="selected">
-    <a href="/downloads/" title=""><img src="/media/default/img/head-menu-development.png" alt="" /> {{_("Downloads")}}</a>
-</li>
-<li class="right">
-    <a href="/logs/"  class="action index" accesskey="x" rel="nofollow"><img src="/media/default/img/head-menu-index.png" alt="" />{{_("Logs")}}</a>
-</li>
-<li class="right">
-    <a href="/settings/"  class="action index" accesskey="x" rel="nofollow"><img src="/media/default/img/head-menu-config.png" alt="" />{{_("Config")}}</a>
-</li>
-{% endblock %}
-
 {% block subtitle %}
 {{_("Downloads")}}
 {% endblock %}
diff --git a/module/web/templates/default/filemanager.html b/module/web/templates/default/filemanager.html
new file mode 100644
index 000000000..97095c13e
--- /dev/null
+++ b/module/web/templates/default/filemanager.html
@@ -0,0 +1,80 @@
+{% extends 'default/base.html' %}
+
+{% block head %}
+
+<script type="text/javascript" src="/filemanager_ui.js"></script>
+
+<script type="text/javascript">
+
+document.addEvent("domready", function(){
+    var fmUI = new FilemanagerUI("url",1);
+});
+</script>
+{% endblock %}
+
+{% block title %}Downloads - {{super()}} {% endblock %}
+
+
+{% block subtitle %}
+{{_("FileManager")}}
+{% endblock %}
+
+{% macro display_file(file) %}
+  <li class="file">
+    <input type="hidden" name="path" class="path" value="{{ file.path }}" />
+    <input type="hidden" name="name" class="name" value="{{ file.name }}" />
+    <span>
+      <b>{{ file.name }}</b>
+      <span class="buttons" style="opacity:0">
+	    <img title="{{_("Rename Directory")}}" class="rename" style="cursor: pointer" height="12px" src="/media/default/img/pencil.png" />
+	    &nbsp;&nbsp;
+	    <img title="{{_("Delete Directory")}}" class="delete" style="margin-left: -10px; cursor: pointer" width="12px" height="12px" src="/media/default/img/delete.png" />
+      </span>
+    </span>
+  </li>
+{%- endmacro %}
+
+{% macro display_folder(fld, open = false) -%}
+    <li class="folder">
+      <input type="hidden" name="path" class="path" value="{{ fld.path }}" />
+      <input type="hidden" name="name" class="name" value="{{ fld.name }}" />
+      <span>
+	<b>{{ fld.name }}</b>
+	<span class="buttons" style="opacity:0">
+	      <img title="{{_("Rename Directory")}}" class="rename" style="cursor: pointer" height="12px" src="/media/default/img/pencil.png" />
+	      &nbsp;&nbsp;
+	      <img title="{{_("Delete Directory")}}" class="delete" style="margin-left: -10px; cursor: pointer" width="12px" height="12px" src="/media/default/img/delete.png" />
+	      &nbsp;&nbsp;
+	      <img title="{{_("Add subdirectory")}}" class="mkdir" style="margin-left: -10px; cursor: pointer" width="12px" height="12px" src="/media/default/img/add_folder.png" />
+	</span>
+      </span>
+      {% if (fld.folders|length + fld.files|length) > 0 %}
+	{% if open %}
+	  <ul>
+	{% else %}
+	  <ul style="display:none">
+	{% endif %}
+	  {% for child in fld.folders %}
+	      {{ display_folder(child) }}
+	  {% endfor %}
+	  {% for child in fld.files %}
+	      {{ display_file(child) }}
+	  {% endfor %}
+	</ul>
+      {% else %}
+	<div style="display:none">{{ _("Folder is empty") }}</div>
+      {% endif %}
+    </li>
+{%- endmacro %}
+
+{% block content %}
+
+<div style="clear:both"><!-- --></div>
+
+<ul id="directories-list">
+{{ display_folder(root, true) }}
+</ul>
+
+{% include "default/rename_directory.html" %}
+
+{% endblock %}
diff --git a/module/web/templates/default/filemanager_ui.js b/module/web/templates/default/filemanager_ui.js
new file mode 100644
index 000000000..2808317be
--- /dev/null
+++ b/module/web/templates/default/filemanager_ui.js
@@ -0,0 +1,296 @@
+var load, success, fail, rename_box, confirm_box;
+
+document.addEvent("domready", function() {
+    load = new Fx.Tween($("load-indicator"), {link: "cancel"});
+    success = new Fx.Tween($("load-success"), {link: "chain"});
+    fail = new Fx.Tween($("load-failure"), {link: "chain"});
+
+     [load,success,fail].each(function(fx) {
+         fx.set("opacity", 0)
+     });
+
+    rename_box = new Fx.Tween($('rename_box'));
+    confirm_box = new Fx.Tween($('confirm_box'));
+    $('rename_reset').addEvent('click', function() {
+        hide_rename_box()
+    });
+    $('delete_reset').addEvent('click', function() {
+        hide_confirm_box()
+    });
+        
+    /*$('filemanager_actions_list').getChildren("li").each(function(action) {
+      var action_name = action.className;
+      if(functions[action.className] != undefined)
+      {
+	action.addEvent('click', functions[action.className]);
+      }
+    });*/
+});
+
+function indicateLoad() {
+    //$("load-indicator").reveal();
+    load.start("opacity", 1)
+}
+
+function indicateFinish() {
+    load.start("opacity", 0)
+}
+
+function indicateSuccess() {
+    indicateFinish();
+    notify.alert('{{_("Success")}}.', {
+             'className': 'success'
+    });
+}
+
+function indicateFail() {
+    indicateFinish();
+    notify.alert('{{_("Failed")}}.', {
+             'className': 'error'
+    });
+}
+
+function show_rename_box() {
+    bg_show();
+    $("rename_box").setStyle('display', 'block');
+    rename_box.start('opacity', 1)
+}
+
+function hide_rename_box() {
+    bg_hide();
+    rename_box.start('opacity', 0).chain(function() {
+        $('rename_box').setStyle('display', 'none');
+    });
+}
+
+function show_confirm_box() {
+    bg_show();
+    $("confirm_box").setStyle('display', 'block');
+    confirm_box.start('opacity', 1)
+}
+
+function hide_confirm_box() {
+    bg_hide();
+    confirm_box.start('opacity', 0).chain(function() {
+        $('confirm_box').setStyle('display', 'none');
+    });
+}
+
+var FilemanagerUI = new Class({
+    initialize: function(url, type) {
+        this.url = url;
+        this.type = type;
+        this.directories = [];
+	this.files = [];
+        this.parseChildren();
+    },
+
+    parseChildren: function() {
+        $("directories-list").getChildren("li.folder").each(function(ele) {
+            var path = ele.getElements("input.path")[0].get("value");
+            var name = ele.getElements("input.name")[0].get("value");
+            this.directories.push(new Item(this, path, name, ele))
+        }.bind(this));
+	
+	$("directories-list").getChildren("li.file").each(function(ele) {
+            var path = ele.getElements("input.path")[0].get("value");
+            var name = ele.getElements("input.name")[0].get("value");
+            this.files.push(new Item(this, path, name, ele))
+        }.bind(this));
+    }
+});
+
+var Item = new Class({
+    initialize: function(ui, path, name, ele) {
+        this.ui = ui;
+	this.path = path;
+	this.name = name;
+        this.ele = ele;
+	this.directories = [];
+	this.files = [];
+	this.actions = new Array();
+	this.actions["delete"] = this.delete;
+	this.actions["rename"] = this.rename;
+	this.actions["mkdir"] = this.mkdir;
+        this.parseElement();
+        
+        var pname = this.ele.getElements("span")[0];
+        this.buttons = new Fx.Tween(this.ele.getElements(".buttons")[0], {link: "cancel"});
+        this.buttons.set("opacity", 0);
+
+        pname.addEvent("mouseenter", function(e) {
+            this.buttons.start("opacity", 1)
+        }.bind(this));
+
+        pname.addEvent("mouseleave", function(e) {
+            this.buttons.start("opacity", 0)
+        }.bind(this));
+
+    },
+
+    parseElement: function() {
+        this.ele.getChildren('span span.buttons img').each(function(img) {
+	  img.addEvent('click', this.actions[img.className].bind(this));
+	}, this);
+
+	//click on the directory name must open the directory itself
+	this.ele.getElements('b')[0].addEvent('click', this.toggle.bind(this));
+	
+	//iterate over child directories
+	var uls = this.ele.getElements('ul');
+	if(uls.length > 0)
+	{
+	  uls[0].getChildren("li.folder").each(function(fld) {
+	    var path = fld.getElements("input.path")[0].get("value");
+	    var name = fld.getElements("input.name")[0].get("value");
+	    this.directories.push(new Item(this, path, name, fld));
+	  }.bind(this));
+	  uls[0].getChildren("li.file").each(function(fld) {
+	    var path = fld.getElements("input.path")[0].get("value");
+	    var name = fld.getElements("input.name")[0].get("value");
+	    this.files.push(new Item(this, path, name, fld));
+	  }.bind(this));
+	}
+    },
+
+    reorderElements: function() {
+      //TODO sort the main ul again (to keep data ordered after renaming something)
+    },
+    
+    delete: function(event) {
+        $("confirm_form").removeEvents("submit");
+        $("confirm_form").addEvent("submit", this.deleteDirectory.bind(this));
+
+	$$("#confirm_form p").set('html', '{{_(("Are you sure you want to delete the selected item?"))}}');
+	
+        show_confirm_box();
+        event.stop();
+    },
+    
+    deleteDirectory: function(event) {
+        hide_confirm_box();
+	new Request.JSON({
+            method: 'POST',
+            url: "/json/filemanager/delete",
+	    data: {"path": this.path, "name": this.name},
+            onSuccess: function(data) {
+		if(data.response == "success")
+		{
+		  new Fx.Tween(this.ele).start('opacity', 0);
+		  var ul = this.ele.parentNode;
+		  this.ele.dispose();
+		  //if this was the only child, add a "empty folder" div
+		  if(!ul.getChildren('li')[0])
+		  {
+		    var div = new Element("div", { 'html': '{{ _("Folder is empty") }}' });
+		    div.replaces(ul);
+		  }
+		  
+		  indicateSuccess();
+		} else
+		{
+		  //error from json code...
+		  indicateFail();
+		}
+            }.bind(this),
+            onFailure: indicateFail
+        }).send();
+	
+        event.stop();
+    },
+    
+    rename: function(event) {
+        $("rename_form").removeEvents("submit");
+        $("rename_form").addEvent("submit", this.renameDirectory.bind(this));
+
+	$("path").set("value", this.path);
+        $("old_name").set("value", this.name);
+        $("new_name").set("value", this.name);
+        
+        show_rename_box();
+        event.stop();
+    },
+
+    renameDirectory: function(event) {
+        hide_rename_box();
+	new Request.JSON({
+            method: 'POST',
+            url: "/json/filemanager/rename",
+            onSuccess: function(data) {
+		if(data.response == "success")
+		{
+		  this.name = $("new_name").get("value");
+		  this.ele.getElements("b")[0].set('html', $("new_name").get("value"));
+		  this.reorderElements();
+		  indicateSuccess();
+		} else
+		{
+		  //error from json code...
+		  indicateFail();
+		}
+            }.bind(this),
+            onFailure: indicateFail
+        }).send($("rename_form").toQueryString());
+	
+        event.stop();
+    },
+    
+    mkdir: function(event) {
+      new Request.JSON({
+	  method: 'POST',
+	  url: "/json/filemanager/mkdir",
+	  data: {"path": this.path + "/" + this.name, "name": '{{_("New folder")}}'},
+	  onSuccess: function(data) {
+	      if(data.response == "success")
+	      {
+		new Request.HTML({
+		    method: 'POST',
+		    url: "/filemanager/get_dir",
+		    data: {"path": data.path, "name": data.name},
+		    onSuccess: function(li) {
+			//add node as first child of ul
+			var ul = this.ele.getChildren('ul')[0];
+			if(!ul)
+			{
+			  //remove the "Folder Empty" div
+			  this.ele.getChildren('div').dispose();
+			  
+			  //create new ul to contain subfolder
+			  ul = new Element("ul");
+			  ul.inject(this.ele, 'bottom');
+			}
+			li[0].inject(ul, 'top');
+			
+			//add directory as a subdirectory of the current item
+			this.directories.push(new Item(this.ui, data.path, data.name, ul.firstChild));
+		    }.bind(this),
+		    onFailure: indicateFail
+		}).send();
+		indicateSuccess();
+	      } else
+	      {
+		//error from json code...
+		indicateFail();
+	      }
+	  }.bind(this),
+	  onFailure: indicateFail
+      }).send();
+      
+      event.stop();
+    },
+    
+    toggle: function() {
+        var child = this.ele.getElement('ul');
+	if(child == null)
+	  child = this.ele.getElement('div');
+	
+	if(child != null)
+	{
+	  if (child.getStyle('display') == "block") {
+	      child.dissolve();
+	  } else {
+	      child.reveal();
+	  }
+	}
+    }
+});
diff --git a/module/web/templates/default/folder.html b/module/web/templates/default/folder.html
new file mode 100644
index 000000000..b385e80cb
--- /dev/null
+++ b/module/web/templates/default/folder.html
@@ -0,0 +1,15 @@
+<li class="folder">
+  <input type="hidden" name="path" class="path" value="{{ path }}" />
+  <input type="hidden" name="name" class="name" value="{{ name }}" />
+  <span>
+    <b>{{ name }}</b>
+    <span class="buttons" style="opacity:0">
+	  <img title="{{_("Rename Directory")}}" class="rename" style="cursor: pointer" height="12px" src="/media/default/img/pencil.png" />
+	  &nbsp;&nbsp;
+	  <img title="{{_("Delete Directory")}}" class="delete" style="margin-left: -10px; cursor: pointer" width="12px" height="12px" src="/media/default/img/delete.png" />
+	  &nbsp;&nbsp;
+	  <img title="{{_("Add subdirectory")}}" class="mkdir" style="margin-left: -10px; cursor: pointer" width="12px" height="12px" src="/media/default/img/add_folder.png" />
+    </span>
+  </span>
+  <div style="display:none">{{ _("Folder is empty") }}</div>
+</li>
\ No newline at end of file
diff --git a/module/web/templates/default/home.html b/module/web/templates/default/home.html
index b2cef2cb7..927287dfc 100644
--- a/module/web/templates/default/home.html
+++ b/module/web/templates/default/home.html
@@ -205,6 +205,30 @@ var LinkEntry = new Class({
 {{_("Active Downloads")}}

 {% endblock %}

 

+{% block menu %}

+<li class="selected">

+    <a href="/" title=""><img src="/media/default/img/head-menu-home.png" alt="" /> {{_("Home")}}</a>

+</li>

+<li>

+    <a href="/queue/" title=""><img src="/media/default/img/head-menu-queue.png" alt="" /> {{_("Queue")}}</a>

+</li>

+<li>

+    <a href="/collector/" title=""><img src="/media/default/img/head-menu-collector.png" alt="" /> {{_("Collector")}}</a>

+</li>

+<li>

+    <a href="/downloads/" title=""><img src="/media/default/img/head-menu-development.png" alt="" /> {{_("Downloads")}}</a>

+</li>

+<li>

+    <a href="/filemanager/" title=""><img src="/media/default/img/head-menu-download.png" alt="" /> {{_("FileManager")}}</a>

+</li>

+<li class="right">

+    <a href="/logs/"  class="action index" accesskey="x" rel="nofollow"><img src="/media/default/img/head-menu-index.png" alt="" />{{_("Logs")}}</a>

+</li>

+<li class="right">

+    <a href="/settings/"  class="action index" accesskey="x" rel="nofollow"><img src="/media/default/img/head-menu-config.png" alt="" />{{_("Config")}}</a>

+</li>

+{% endblock %}

+

 {% block content %}

 <table width="100%" class="queue">

     <thead>

diff --git a/module/web/templates/default/info.html b/module/web/templates/default/info.html
index b9ee3b1bd..fabe7aea1 100644
--- a/module/web/templates/default/info.html
+++ b/module/web/templates/default/info.html
@@ -18,6 +18,13 @@
     <h3>{{ _("News") }}</h3>
     <div id="twitter"></div>
 
+    <h3>{{ _("Support") }}</h3>
+
+    <ul>
+        <li style="font-weight:bold;"><a href="http://forum.pyload.org/" target="_blank">Forum</a></li>
+        <li style="font-weight:bold;"><a href="http://pyload.org/irc/" target="_blank">Chat</a></li>
+    </ul>
+
     <h3>{{ _("System") }}</h3>
     <table class="system">
          <tr>
diff --git a/module/web/templates/default/logs.html b/module/web/templates/default/logs.html
index 7a95b4364..d6288df0e 100644
--- a/module/web/templates/default/logs.html
+++ b/module/web/templates/default/logs.html
@@ -5,26 +5,6 @@
 {% block head %}
 <link rel="stylesheet" type="text/css" href="/media/default/css/log.css"/>
 {% endblock %}
-{% block menu %}
-<li>
-    <a href="/" title=""><img src="/media/default/img/head-menu-home.png" alt="" /> {{_("Home")}}</a>
-</li>
-<li>
-    <a href="/queue/" title=""><img src="/media/default/img/head-menu-queue.png" alt="" /> {{_("Queue")}}</a>
-</li>
-<li>
-    <a href="/collector/" title=""><img src="/media/default/img/head-menu-collector.png" alt="" /> {{_("Collector")}}</a>
-</li>
-<li>
-    <a href="/downloads/" title=""><img src="/media/default/img/head-menu-development.png" alt="" /> {{_("Downloads")}}</a>
-</li>
-<li class="right selected">
-    <a href="/logs/"  class="action index" accesskey="x" rel="nofollow"><img src="/media/default/img/head-menu-index.png" alt="" />{{_("Logs")}}</a>
-</li>
-<li class="right">
-    <a href="/settings/"  class="action index" accesskey="x" rel="nofollow"><img src="/media/default/img/head-menu-config.png" alt="" />{{_("Config")}}</a>
-</li>
-{% endblock %}
 
 {% block content %}
 <div style="clear: both;"></div>
diff --git a/module/web/templates/default/queue.html b/module/web/templates/default/queue.html
index e72871873..104369c11 100644
--- a/module/web/templates/default/queue.html
+++ b/module/web/templates/default/queue.html
@@ -14,27 +14,6 @@ document.addEvent("domready", function(){
 {% block title %}{{_("Queue")}} - {{super()}} {% endblock %}

 {% block subtitle %}{{_("Queue")}}{% endblock %}

 

-{% block menu %}

-<li>

-    <a href="/" title=""><img src="/media/default/img/head-menu-home.png" alt="" /> {{_("Home")}}</a>

-</li>

-<li class="selected">

-    <a href="/queue/" title=""><img src="/media/default/img/head-menu-queue.png" alt="" /> {{_("Queue")}}</a>

-</li>

-<li>

-    <a href="/collector/" title=""><img src="/media/default/img/head-menu-collector.png" alt="" /> {{_("Collector")}}</a>

-</li>

-<li>

-    <a href="/downloads/" title=""><img src="/media/default/img/head-menu-development.png" alt="" /> {{_("Downloads")}}</a>

-</li>

-<li class="right">

-    <a href="/logs/"  class="action index" accesskey="x" rel="nofollow"><img src="/media/default/img/head-menu-index.png" alt="" />{{_("Logs")}}</a>

-</li>

-<li class="right">

-    <a href="/settings/"  class="action index" accesskey="x" rel="nofollow"><img src="/media/default/img/head-menu-config.png" alt="" />{{_("Config")}}</a>

-</li>

-{% endblock %}

-

 {% block pageactions %}

 <ul id="page-actions-more">

     <li id="del_finished"><a style="padding: 0; font-weight: bold;" href="#">{{_("Delete Finished")}}</a></li>

@@ -43,12 +22,7 @@ document.addEvent("domready", function(){
 {% endblock %}

 

 {% block content %}

-<div id="load-success" style="opacity: 0; float: right; color: white; background-color: #90ee90; padding: 4px; -moz-border-radius: 5px; border-radius: 5px; font-weight: bold; margin-left: -100%; margin-top: -10px;">{{_("success")}}</div>

-<div id="load-failure" style="opacity: 0; float: right; color: white; background-color: #f08080; padding: 4px; -moz-border-radius: 5px; border-radius: 5px; font-weight: bold; margin-left: -100%; margin-top: -10px;">{{_("failure")}}</div>

-<div id="load-indicator" style="opacity: 0; float: right; margin-top: -10px;">

-    <img src="/media/default/img/ajax-loader.gif" alt="" style="padding-right: 5px"/>

-    {{_("loading")}}

-</div>

+

 

 <ul id="package-list" style="list-style: none; padding-left: 0; margin-top: -10px;">

 {% for id, package in content %}

@@ -82,4 +56,4 @@ document.addEvent("domready", function(){
 

 {% include "default/edit_package.html" %}

 

-{% endblock %} 
\ No newline at end of file
+{% endblock %} 

diff --git a/module/web/templates/default/rename_directory.html b/module/web/templates/default/rename_directory.html
new file mode 100644
index 000000000..606573554
--- /dev/null
+++ b/module/web/templates/default/rename_directory.html
@@ -0,0 +1,28 @@
+<div id="rename_box" class="myform window_box" style="z-index: 2">
+  <form id="rename_form" action="/json/filemanager/rename" method="POST" enctype="multipart/form-data">
+    <h1>{{_("Rename directory")}}</h1>
+    <input name="path" id="path" type="hidden" value=""/>
+    <input name="old_name" id="old_name" type="hidden" value=""/>
+
+    <label for="new_name">{{_("New Name")}}
+      <span class="small">{{_("Name the selected item must be renamed to.")}}</span>
+    </label>
+    <input id="new_name" name="new_name" type="text" size="20" />
+
+    <button type="submit">{{_("Submit")}}</button>
+    <button id="rename_reset" style="margin-left: 0" type="reset">{{_("Reset")}}</button>
+    <div class="spacer"></div>
+  </form>
+</div>
+
+<div id="confirm_box" class="myform window_box" style="z-index: 2">
+  <form id="confirm_form" action="/json/filemanager/delete" method="POST" enctype="multipart/form-data">
+    <h1>{{_("Delete directory")}}</h1>
+    
+    <p>{{_(("Are you sure?"))}}</p>
+
+    <button type="submit">{{_("Yes")}}</button>
+    <button id="delete_reset" style="margin-left: 0" type="reset">{{_("No")}}</button>
+    <div class="spacer"></div>
+  </form>
+</div>
\ No newline at end of file
diff --git a/module/web/templates/default/settings.html b/module/web/templates/default/settings.html
index df6616e42..fc33ca64a 100644
--- a/module/web/templates/default/settings.html
+++ b/module/web/templates/default/settings.html
@@ -41,31 +41,6 @@
 
 {% endblock %}
 
-{% block menu %}
-    <li>
-        <a href="/" title=""><img src="/media/default/img/head-menu-home.png" alt=""/> {{ _("Home") }}</a>
-    </li>
-    <li>
-        <a href="/queue/" title=""><img src="/media/default/img/head-menu-queue.png" alt=""/> {{ _("Queue") }}</a>
-    </li>
-    <li>
-        <a href="/collector/" title=""><img src="/media/default/img/head-menu-collector.png"
-                                            alt=""/> {{ _("Collector") }}</a>
-    </li>
-    <li>
-        <a href="/downloads/" title=""><img src="/media/default/img/head-menu-development.png"
-                                            alt=""/> {{ _("Downloads") }}</a>
-    </li>
-    <li class="right">
-        <a href="/logs/" class="action index" accesskey="x" rel="nofollow"><img
-                src="/media/default/img/head-menu-index.png" alt=""/>{{ _("Logs") }}</a>
-    </li>
-    <li class="right selected">
-        <a href="/settings/" class="action index" accesskey="x" rel="nofollow"><img
-                src="/media/default/img/head-menu-config.png" alt=""/>{{ _("Config") }}</a>
-    </li>
-{% endblock %}
-
 {% block content %}
 
     <ul id="toptabs" class="tabs">