src/chrome/browser/resources/file_manager/foreground/js/ui/conflict_dialog.js

   1 // Copyright 2013 The Chromium Authors. All rights reserved.
   2 // Use of this source code is governed by a BSD-style license that can be
   3 // found in the LICENSE file.
   4
   5 'use strict';
   6
   7 /**
   8  * Dialog to confirm the operation for conflicted file operations.
   9  *
  10  * @param {HTMLElement} parentNode Node to be parent for this dialog.
  11  * @constructor
  12  * @extends {FileManagerDialogBase}
  13  */
  14 function ConflictDialog(parentNode) {
  15   FileManagerDialogBase.call(this, parentNode);
  16
  17   /**
  18    * Callback to be called when the showing task is completed. The first
  19    * argument is which button is pressed. The second argument is whether to
  20    * apply all or not.
  21    *
  22    * @type {function(ConflictDialog.Result, boolean)}
  23    * @private
  24    */
  25   this.callback_ = null;
  26
  27   /**
  28    * Checkbox to specify whether to apply the selection to all entries or not.
  29    * @type {HTMLElement}
  30    * @private
  31    */
  32   this.applyAllCheckbox_ = parentNode.ownerDocument.createElement('input');
  33   this.applyAllCheckbox_.id = 'conflict-confirm-dialog-apply-all-checkbox';
  34   this.applyAllCheckbox_.type = 'checkbox';
  35
  36   // Apply all line.
  37   var applyAllLabel = parentNode.ownerDocument.createElement('label');
  38   applyAllLabel.textContent = str('CONFLICT_DIALOG_APPLY_TO_ALL');
  39   applyAllLabel.setAttribute('for', this.applyAllCheckbox_.id);
  40
  41   /**
  42    * Element of the keep both button.
  43    * @type {HTMLElement}
  44    * @private
  45    */
  46   this.keepBothButton_ = parentNode.ownerDocument.createElement('button');
  47   this.keepBothButton_.textContent = str('CONFLICT_DIALOG_KEEP_BOTH');
  48   this.keepBothButton_.addEventListener(
  49       'click',
  50       this.hideWithResult_.bind(this, ConflictDialog.Result.KEEP_BOTH));
  51
  52   /**
  53    * Element of the replace button.
  54    * @type {HTMLElement}
  55    * @private
  56    */
  57   this.replaceButton_ = parentNode.ownerDocument.createElement('button');
  58   this.replaceButton_.textContent = str('CONFLICT_DIALOG_REPLACE');
  59   this.replaceButton_.addEventListener(
  60       'click',
  61       this.hideWithResult_.bind(this, ConflictDialog.Result.REPLACE));
  62
  63   // Buttons line.
  64   var buttons = this.okButton_.parentNode;
  65   buttons.insertBefore(this.applyAllCheckbox_, this.okButton_);
  66   buttons.insertBefore(applyAllLabel, this.okButton_);
  67   buttons.replaceChild(this.keepBothButton_, this.okButton_);
  68   buttons.appendChild(this.replaceButton_);
  69
  70   // Frame
  71   this.frame_.id = 'conflict-confirm-dialog';
  72 }
  73
  74 /**
  75  * Result of conflict confirm dialogs.
  76  * @enum {string}
  77  * @const
  78  */
  79 ConflictDialog.Result = Object.freeze({
  80   KEEP_BOTH: 'keepBoth',
  81   CANCEL: 'cancel',
  82   REPLACE: 'replace'
  83 });
  84
  85 ConflictDialog.prototype = {
  86   __proto__: FileManagerDialogBase.prototype
  87 };
  88
  89 /**
  90  * Shows the conflict confirm dialog.
  91  *
  92  * @param {string} fileName Filename that is conflicted.
  93  * @param {function(ConflictDialog.Result, boolean)} callback Complete
  94  *     callbak. See also ConflictDialog#callback_.
  95  * @return {boolean} True if the dialog can show successfully. False if the
  96  *     dialog failed to show due to an existing dialog.
  97  */
  98 ConflictDialog.prototype.show = function(fileName, callback) {
  99   if (this.callback_)
 100     return false;
 101
 102   this.callback_ = callback;
 103   FileManagerDialogBase.prototype.showOkCancelDialog.call(
 104       this,
 105       '', // We dont't show the title for the dialog.
 106       strf('CONFLICT_DIALOG_MESSAGE', fileName));
 107   return true;
 108 };
 109
 110 /**
 111  * Handles cancellation.
 112  * @param {Event} event Click event.
 113  * @private
 114  */
 115 ConflictDialog.prototype.onCancelClick_ = function(event) {
 116   this.hideWithResult_(ConflictDialog.Result.CANCEL);
 117 };
 118
 119 /**
 120  * Hides the dialog box with the result.
 121  * @param {ConflictDialog.Result} result Result.
 122  * @private
 123  */
 124 ConflictDialog.prototype.hideWithResult_ = function(result) {
 125   this.hide(function() {
 126     if (!this.callback_)
 127       return;
 128     this.callback_(result, this.applyAllCheckbox_.checked);
 129     this.callback_ = null;
 130     this.applyAllCheckbox_.checked = false;
 131   }.bind(this));
 132 };