Rename folders (FIX #456)

1 files changed, 18 insertions, 5 deletions

diff --git a/templates/part.listfolder.php b/templates/part.listfolder.php
index 23775f971..49a83eb24 100644
--- a/templates/part.listfolder.php
+++ b/templates/part.listfolder.php
@@ -11,10 +11,22 @@
 	data-id="{{ folder.id }}"
 	droppable>
 	<button class="collapse" 
+			ng-hide="folder.editing"
 			title="<?php p($l->t('Collapse'));?>"
 			ng-click="folderBusinessLayer.toggleFolder(folder.id)"></button>
+	<div ui-if="folder.editing" class="rename-feed">
+          <input type="text" ng-model="folder.name" autofocus>
+          <button title="<?php p($l->t('Cancel')); ?>"
+		ng-click="folderBusinessLayer.cancel(folder.id)"
+		class="action-button back-button action"></button>
+	  <button title="<?php p($l->t('Save')); ?>"
+		ng-click="folderBusinessLayer.rename(folder.id, folder.name)"
+		class="action-button create-button action">
+	  </button>
+        </div>
 	<a href="#" 
 	   class="title folder-icon"
+	   ng-hide="folder.editing"
 	   ng-click="folderBusinessLayer.load(folder.id)"
 	   ng-class="{
 			'progress-icon': !folder.id,
@@ -27,7 +39,7 @@
 	<span class="utils">
 
 		<button ng-click="folderBusinessLayer.delete(folder.id)"
-				ng-hide="!folder.id"
+				ng-hide="folder.editing || !folder.id"
 				class="svg action delete-icon delete-button" 
 				title="<?php p($l->t('Delete folder')); ?>"
 				oc-tooltip></button>
@@ -49,10 +61,11 @@
 			ng-show="folder.error"
 			oc-tooltip></button>
 
-<!--		<button class="svg action edit-icon" 
-				ng-click="renameFolder(folder.id)"
-				title="<?php p($l->t('Rename folder')); ?>"></button>
--->
+		<button class="svg action rename-feed-icon"
+	                ng-hide="folder.editing"
+			ng-click="folderBusinessLayer.edit(folder.id)"
+			title="<?php p($l->t('Rename folder')); ?>"
+	                oc-tooltip></button>
 
 	</span>
 	<ul>