Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(78)

Side by Side Diff: ui/file_manager/gallery/js/slide_mode.js

Issue 1174853002: Revert "Gallery: Replace buttons in top toolbar with paper-button and new icons." (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 5 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 // Copyright 2014 The Chromium Authors. All rights reserved. 1 // Copyright 2014 The Chromium Authors. All rights reserved.
2 // Use of this source code is governed by a BSD-style license that can be 2 // Use of this source code is governed by a BSD-style license that can be
3 // found in the LICENSE file. 3 // found in the LICENSE file.
4 4
5 /** 5 /**
6 * Slide mode displays a single image and has a set of controls to navigate 6 * Slide mode displays a single image and has a set of controls to navigate
7 * between the images and to edit an image. 7 * between the images and to edit an image.
8 * 8 *
9 * @param {!HTMLElement} container Main container element. 9 * @param {!HTMLElement} container Main container element.
10 * @param {!HTMLElement} content Content container element. 10 * @param {!HTMLElement} content Content container element.
(...skipping 323 matching lines...) Expand 10 before | Expand all | Expand 10 after
334 this.document_, this.dataModel_, this.selectionModel_, thumbnailModel); 334 this.document_, this.dataModel_, this.selectionModel_, thumbnailModel);
335 this.ribbonSpacer_.appendChild(this.ribbon_); 335 this.ribbonSpacer_.appendChild(this.ribbon_);
336 336
337 util.createChild(this.container_, 'spinner'); 337 util.createChild(this.container_, 'spinner');
338 338
339 /** 339 /**
340 * @type {!HTMLElement} 340 * @type {!HTMLElement}
341 * @const 341 * @const
342 */ 342 */
343 var slideShowButton = queryRequiredElement(this.topToolbar_, 343 var slideShowButton = queryRequiredElement(this.topToolbar_,
344 '.button.slideshow'); 344 'button.slideshow');
345 slideShowButton.title = this.displayStringFunction_('GALLERY_SLIDESHOW');
345 slideShowButton.addEventListener('click', 346 slideShowButton.addEventListener('click',
346 this.startSlideshow.bind(this, SlideMode.SLIDESHOW_INTERVAL_FIRST)); 347 this.startSlideshow.bind(this, SlideMode.SLIDESHOW_INTERVAL_FIRST));
347 348
348 /** 349 /**
349 * @type {!HTMLElement} 350 * @type {!HTMLElement}
350 * @const 351 * @const
351 */ 352 */
352 var slideShowToolbar = util.createChild( 353 var slideShowToolbar = util.createChild(
353 this.container_, 'tool slideshow-toolbar'); 354 this.container_, 'tool slideshow-toolbar');
354 util.createChild(slideShowToolbar, 'slideshow-play'). 355 util.createChild(slideShowToolbar, 'slideshow-play').
355 addEventListener('click', this.toggleSlideshowPause_.bind(this)); 356 addEventListener('click', this.toggleSlideshowPause_.bind(this));
356 util.createChild(slideShowToolbar, 'slideshow-end'). 357 util.createChild(slideShowToolbar, 'slideshow-end').
357 addEventListener('click', this.stopSlideshow_.bind(this)); 358 addEventListener('click', this.stopSlideshow_.bind(this));
358 359
359 // Editor. 360 // Editor.
360 /** 361 /**
361 * @type {!HTMLElement} 362 * @type {!HTMLElement}
362 * @private 363 * @private
363 * @const 364 * @const
364 */ 365 */
365 this.editButton_ = queryRequiredElement(this.topToolbar_, '.button.edit'); 366 this.editButton_ = queryRequiredElement(this.topToolbar_, 'button.edit');
367 this.editButton_.title = this.displayStringFunction_('GALLERY_EDIT');
368 this.editButton_.disabled = true; // Disabled by default.
366 this.editButton_.addEventListener('click', this.toggleEditor.bind(this)); 369 this.editButton_.addEventListener('click', this.toggleEditor.bind(this));
367 370
368 /** 371 /**
369 * @type {!HTMLElement} 372 * @type {!HTMLElement}
370 * @private 373 * @private
371 * @const 374 * @const
372 */ 375 */
373 this.printButton_ = queryRequiredElement(this.topToolbar_, '.button.print'); 376 this.printButton_ = queryRequiredElement(this.topToolbar_, 'button.print');
377 this.printButton_.title = this.displayStringFunction_('GALLERY_PRINT');
378 this.printButton_.disabled = true; // Disabled by default.
374 this.printButton_.addEventListener('click', this.print_.bind(this)); 379 this.printButton_.addEventListener('click', this.print_.bind(this));
375 380
376 /** 381 /**
377 * @type {!HTMLElement} 382 * @type {!HTMLElement}
378 * @private 383 * @private
379 * @const 384 * @const
380 */ 385 */
381 this.editBarSpacer_ = queryRequiredElement(this.bottomToolbar_, 386 this.editBarSpacer_ = queryRequiredElement(this.bottomToolbar_,
382 '.edit-bar-spacer'); 387 '.edit-bar-spacer');
383 388
(...skipping 1481 matching lines...) Expand 10 before | Expand all | Expand 10 after
1865 var event = assertInstanceof(event, MouseEvent); 1870 var event = assertInstanceof(event, MouseEvent);
1866 var viewport = this.slideMode_.getViewport(); 1871 var viewport = this.slideMode_.getViewport();
1867 if (!this.enabled_ || !viewport.isZoomed()) 1872 if (!this.enabled_ || !viewport.isZoomed())
1868 return; 1873 return;
1869 this.stopOperation(); 1874 this.stopOperation();
1870 viewport.setOffset( 1875 viewport.setOffset(
1871 viewport.getOffsetX() + event.wheelDeltaX, 1876 viewport.getOffsetX() + event.wheelDeltaX,
1872 viewport.getOffsetY() + event.wheelDeltaY); 1877 viewport.getOffsetY() + event.wheelDeltaY);
1873 this.slideMode_.applyViewportChange(); 1878 this.slideMode_.applyViewportChange();
1874 }; 1879 };
OLDNEW
« no previous file with comments | « ui/file_manager/gallery/js/gallery.js ('k') | ui/file_manager/integration_tests/gallery/photo_editor.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698