Merge pull request #1757 from adobe/adrock/recent-delete

Added button to remove projects from the recent project dropdown.
adobe · Oct 17, 2012 · 772fec1 · 772fec1
2 parents afe3456 + e0f2674
commit 772fec1
Show file tree

Hide file tree

Showing 3 changed files with 67 additions and 2 deletions.
diff --git a/src/extensions/default/RecentProjects/close_btn.svg b/src/extensions/default/RecentProjects/close_btn.svg
diff --git a/src/extensions/default/RecentProjects/main.js b/src/extensions/default/RecentProjects/main.js
@@ -95,7 +95,11 @@ define(function (require, exports, module) {
 
         var folderSpan = $("<span></span>").addClass("recent-folder").text(folder),
             restSpan = $("<span></span>").addClass("recent-folder-path").text(" - " + rest);
-        return $("<a></a>").addClass("recent-folder-link").append(folderSpan).append(restSpan);
+        return $("<a></a>").addClass("recent-folder-link").append(folderSpan).append(restSpan).data("path", path);
+    }
+
+    function renderDelete() {
+        return $("<div id='recent-folder-delete'></div>").addClass("trash-icon");
     }
 
     /**
@@ -148,13 +152,45 @@ define(function (require, exports, module) {
                                 }
                             });
                         closeDropdown();
+                    })
+                    .mouseenter(function (e) {
+                        var $target = $(e.currentTarget),
+                            $del =  renderDelete()
+                                .click(function () {
+                                 // remove the project from the preferences.
+                                    var prefs = PreferencesManager.getPreferenceStorage(PREFERENCES_KEY),
+                                        recentProjects = getRecentProjects(),
+                                        index = recentProjects.indexOf($(this).data("path")),
+                                        newProjects = [],
+                                        i;
+                                    for (i = 0; i < recentProjects.length; i++) {
+                                        if (i !== index) {
+                                            newProjects.push(recentProjects[i]);
+                                        }
+                                    }
+                                    prefs.setValue("recentProjects", newProjects);
+                                    closeDropdown();
+                                });
+
+                        $(this).append($del);
+
+                        $del.css("right", 5);
+                        $del.css("top", $target.position().top + 11);
+                        $del.css("display", "inline-block");
+                        $del.data("path", $(this).data("path"));
+                    })
+                    .mouseleave(function () {
+                        $("#recent-folder-delete").remove();
                     });
+
                 $("<li></li>")
                     .append($link)
                     .appendTo($dropdown);
                 hasProject = true;
             }
         });
+
+
         if (hasProject) {
             $("<li class='divider'>").appendTo($dropdown);
         }
@@ -203,4 +239,4 @@ define(function (require, exports, module) {
             .after("<span class='dropdown-arrow'></span>");
         $dropdownToggle = $("#project-dropdown-toggle").click(toggle);
     });
-});
+});
diff --git a/src/extensions/default/RecentProjects/styles.css b/src/extensions/default/RecentProjects/styles.css
@@ -6,6 +6,13 @@
     background-image: url("down-arrow.svg");
 }
 
+.trash-icon {
+	width: 16px;
+	height: 16px;
+	background-image: url("close_btn.svg");
+	position: absolute;
+}
+
 #project-dropdown-toggle:hover {
     color: #a0a0a0;
     text-decoration: none;
@@ -23,6 +30,13 @@
     white-space: nowrap;
 }
 
+#project-dropdown.dropdown-menu .recent-folder-link
+{
+	display: block;
+	margin: 5px 0;
+	padding: 5px 26px 5px 10px;
+}
+
 .recent-folder, #open-folder-link {
     color: #333;
 }