[Files app] ES6 class for gear_menu_controller.js

Bug: 778674
Change-Id: I70cced32faaf0577efe412bd8f7bbef837c2c3c3
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1611423
Auto-Submit: François Degros <fdegros@chromium.org>
Commit-Queue: Luciano Pacheco <lucmult@chromium.org>
Reviewed-by: Luciano Pacheco <lucmult@chromium.org>
Cr-Commit-Position: refs/heads/master@{#659785}

ui/file_manager/file_manager/foreground/js/gear_menu_controller.js

@@ -2,7 +2,8 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-/**
+class GearMenuController {
+  /**
    * @param {!cr.ui.MultiMenuButton} gearButton
    * @param {!FilesToggleRipple} toggleRipple
    * @param {!GearMenu} gearMenu
@@ -10,52 +11,26 @@
    * @param {!DirectoryModel} directoryModel
    * @param {!CommandHandler} commandHandler
    * @param {!ProvidersModel} providersModel
- * @constructor
- * @struct
    */
-function GearMenuController(
+  constructor(
       gearButton, toggleRipple, gearMenu, providersMenu, directoryModel,
       commandHandler, providersModel) {
-  /**
-   * @type {!FilesToggleRipple}
-   * @const
-   * @private
-   */
+    /** @private @const {!FilesToggleRipple} */
     this.toggleRipple_ = toggleRipple;
 
-  /**
-   * @type {!GearMenu}
-   * @const
-   * @private
-   */
+    /** @private @const {!GearMenu} */
     this.gearMenu_ = gearMenu;
 
-  /**
-   * @type {!ProvidersMenu}
-   * @const
-   * @private
-   */
+    /** @private @const {!ProvidersMenu} */
     this.providersMenu_ = providersMenu;
 
-  /**
-   * @type {!DirectoryModel}
-   * @const
-   * @private
-   */
+    /** @private @const {!DirectoryModel} */
     this.directoryModel_ = directoryModel;
 
-  /**
-   * @type {!CommandHandler}
-   * @const
-   * @private
-   */
+    /** @private @const {!CommandHandler} */
     this.commandHandler_ = commandHandler;
 
-  /**
-   * @type {!ProvidersModel}
-   * @const
-   * @private
-   */
+    /** @private @const {!ProvidersModel} */
     this.providersModel_ = providersModel;
 
     gearButton.addEventListener('menushow', this.onShowGearMenu_.bind(this));
@@ -65,18 +40,18 @@ function GearMenuController(
     chrome.fileManagerPrivate.onPreferencesChanged.addListener(
         this.onPreferencesChanged_.bind(this));
     this.onPreferencesChanged_();
-}
+  }
 
-/**
+  /**
    * @private
    */
-GearMenuController.prototype.onShowGearMenu_ = function() {
+  onShowGearMenu_() {
     this.toggleRipple_.activated = true;
     this.refreshRemainingSpace_(false); /* Without loading caption. */
     this.updateNewServiceItem();
-};
+  }
 
-/**
+  /**
    * Update "New service" menu item to either directly show the Webstore dialog
    * when there isn't any service/FSP extension installed, or display the
    * providers menu with the currently installed extensions and also install new
@@ -84,7 +59,7 @@ GearMenuController.prototype.onShowGearMenu_ = function() {
    *
    * @private
    */
-GearMenuController.prototype.updateNewServiceItem = function() {
+  updateNewServiceItem() {
     this.providersModel_.getMountableProviders().then(providers => {
       // Go straight to webstore to install the first provider.
       let desiredMenu = '#install-new-extension';
@@ -102,33 +77,32 @@ GearMenuController.prototype.updateNewServiceItem = function() {
 
       this.gearMenu_.setNewServiceCommand(desiredMenu, label);
     });
-};
+  }
 
-/**
+  /**
    * @private
    */
-GearMenuController.prototype.onHideGearMenu_ = function() {
+  onHideGearMenu_() {
     this.toggleRipple_.activated = false;
-};
+  }
 
-/**
+  /**
    * @param {Event} event
    * @private
    */
-GearMenuController.prototype.onDirectoryChanged_ = function(event) {
+  onDirectoryChanged_(event) {
     event = /** @type {DirectoryChangeEvent} */ (event);
     if (event.volumeChanged) {
       this.refreshRemainingSpace_(true);
     }  // Show loading caption.
-};
+  }
 
-/**
+  /**
    * Refreshes space info of the current volume.
    * @param {boolean} showLoadingCaption Whether show loading caption or not.
    * @private
    */
-GearMenuController.prototype.refreshRemainingSpace_ = function(
-    showLoadingCaption) {
+  refreshRemainingSpace_(showLoadingCaption) {
     const currentDirectory = this.directoryModel_.getCurrentDirEntry();
     if (!currentDirectory || util.isRecentRoot(currentDirectory)) {
       this.gearMenu_.setSpaceInfo(null, false);
@@ -144,12 +118,14 @@ GearMenuController.prototype.refreshRemainingSpace_ = function(
     // file systems.
     // TODO(fukino): Add support for remaining space indication for documents
     // provider roots. crbug.com/953657.
-  if (currentVolumeInfo.volumeType == VolumeManagerCommon.VolumeType.PROVIDED ||
+    if (currentVolumeInfo.volumeType ==
+            VolumeManagerCommon.VolumeType.PROVIDED ||
         currentVolumeInfo.volumeType ==
             VolumeManagerCommon.VolumeType.MEDIA_VIEW ||
         currentVolumeInfo.volumeType ==
             VolumeManagerCommon.VolumeType.DOCUMENTS_PROVIDER ||
-      currentVolumeInfo.volumeType == VolumeManagerCommon.VolumeType.ARCHIVE) {
+        currentVolumeInfo.volumeType ==
+            VolumeManagerCommon.VolumeType.ARCHIVE) {
       this.gearMenu_.setSpaceInfo(null, false);
       return;
     }
@@ -160,13 +136,13 @@ GearMenuController.prototype.refreshRemainingSpace_ = function(
               currentVolumeInfo.volumeId, fulfill);
         }),
         true);
-};
+  }
 
-/**
+  /**
    * Handles preferences change and updates menu.
    * @private
    */
-GearMenuController.prototype.onPreferencesChanged_ = function() {
+  onPreferencesChanged_() {
     chrome.fileManagerPrivate.getPreferences(prefs => {
       if (chrome.runtime.lastError) {
         return;
@@ -178,4 +154,5 @@ GearMenuController.prototype.onPreferencesChanged_ = function() {
         this.gearMenu_.syncButton.removeAttribute('checked');
       }
     });
-};
+  }
+}