MD Bookmarks: Implement dialog to add new folders/bookmarks

chrome/browser/resources/md_bookmarks/edit_dialog.js

 // Copyright 2017 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 Polymer({
   is: 'bookmarks-edit-dialog',
 
   behaviors: [
     Polymer.IronA11yKeysBehavior,
   ],
 
   properties: {
-    /** @private {BookmarkNode} */
+    /** @private */
+    isFolder_: Boolean,
+
+    /** @private */
+    isEdit_: Boolean,
+
+    /**
+     * Item that is being edited, or null when adding.
+     * @private {?BookmarkNode}
+     */
     editItem_: Object,
 
-    /** @private */
-    isFolder_: Boolean,
+    /**
+     * Parent node for the item being added, or null when editing.
+     * @private {?string}
+     */
+    parentId_: String,
 
     /** @private */
     titleValue_: String,
 
     /** @private */
     urlValue_: String,
   },
 
   keyBindings: {
     'enter': 'onSaveButtonTap_',
   },
 
-  /** @param {BookmarkNode} editItem */
-  showEditDialog: function(editItem) {
-    this.editItem_ = editItem;
-    this.isFolder_ = !editItem.url;
-
-    this.titleValue_ = editItem.title;
-    if (!this.isFolder_) {
-      this.$.url.invalid = false;
-      this.urlValue_ = assert(editItem.url);
-    }
+  /**
+   * Show the dialog to add a new folder (if |isFolder|) or item, which will be
+   * inserted into the tree as a child of |parentId|.
+   * @param {boolean} isFolder
+   * @param {string} parentId
+   */
+  showAddDialog: function(isFolder, parentId) {
+    this.reset_();
+    this.isEdit_ = false;
+    this.isFolder_ = isFolder;
+    this.parentId_ = parentId;
 
     this.$.dialog.showModal();
   },
 
   /**
+   * Show the edit dialog for |editItem|.
+   * @param {BookmarkNode} editItem
+   */
+  showEditDialog: function(editItem) {
+    this.reset_();
+    this.isEdit_ = true;
+    this.isFolder_ = !editItem.url;
+    this.editItem_ = editItem;
+
+    this.titleValue_ = editItem.title;
+    if (!this.isFolder_)
+      this.urlValue_ = assert(editItem.url);
+
+    this.$.dialog.showModal();
+  },
+
+  /**
+   * Clear out existing values from the dialog, allowing it to be reused.
+   * @private
+   */
+  reset_: function() {
+    this.editItem_ = null;
+    this.parentId_ = null;
+    this.$.url.invalid = false;
+    this.titleValue_ = '';
+    this.urlValue_ = '';
+  },
+
+  /**
    * @param {boolean} isFolder
+   * @param {boolean} isEdit
    * @return {string}
    * @private
    */
-  getDialogTitle_: function(isFolder) {
-    return loadTimeData.getString(
-        isFolder ? 'renameFolderTitle' : 'editBookmarkTitle');
+  getDialogTitle_: function(isFolder, isEdit) {
+    var title;
+    if (isEdit)
+      title = isFolder ? 'renameFolderTitle' : 'editBookmarkTitle';
+    else
+      title = isFolder ? 'addFolderTitle' : 'addBookmarkTitle';
+
+    return loadTimeData.getString(title);
   },
 
   /**
    * Validates the value of the URL field, returning true if it is a valid URL.
    * May modify the value by prepending 'http://' in order to make it valid.
    * @return {boolean}
    * @private
    */
   validateUrl_: function() {
     var urlInput = /** @type {PaperInputElement} */ (this.$.url);
@@ skipping 14 matching lines @@
   /** @private */
   onSaveButtonTap_: function() {
     var edit = {'title': this.titleValue_};
     if (!this.isFolder_) {
       if (!this.validateUrl_())
         return;
 
       edit['url'] = this.urlValue_;
     }
 
-    chrome.bookmarks.update(this.editItem_.id, edit);
+    if (this.isEdit_) {
+      chrome.bookmarks.update(this.editItem_.id, edit);
+    } else {
+      edit['parentId'] = this.parentId_;
+      chrome.bookmarks.create(edit);
+    }
     this.$.dialog.close();
   },
 
   /** @private */
   onCancelButtonTap_: function() {
     this.$.dialog.cancel();
   },
 });