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

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

Issue 1142303007: 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: Fix integration tests. 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');
346 slideShowButton.addEventListener('click', 345 slideShowButton.addEventListener('click',
347 this.startSlideshow.bind(this, SlideMode.SLIDESHOW_INTERVAL_FIRST)); 346 this.startSlideshow.bind(this, SlideMode.SLIDESHOW_INTERVAL_FIRST));
348 347
349 /** 348 /**
350 * @type {!HTMLElement} 349 * @type {!HTMLElement}
351 * @const 350 * @const
352 */ 351 */
353 var slideShowToolbar = util.createChild( 352 var slideShowToolbar = util.createChild(
354 this.container_, 'tool slideshow-toolbar'); 353 this.container_, 'tool slideshow-toolbar');
355 util.createChild(slideShowToolbar, 'slideshow-play'). 354 util.createChild(slideShowToolbar, 'slideshow-play').
356 addEventListener('click', this.toggleSlideshowPause_.bind(this)); 355 addEventListener('click', this.toggleSlideshowPause_.bind(this));
357 util.createChild(slideShowToolbar, 'slideshow-end'). 356 util.createChild(slideShowToolbar, 'slideshow-end').
358 addEventListener('click', this.stopSlideshow_.bind(this)); 357 addEventListener('click', this.stopSlideshow_.bind(this));
359 358
360 // Editor. 359 // Editor.
361 /** 360 /**
362 * @type {!HTMLElement} 361 * @type {!HTMLElement}
363 * @private 362 * @private
364 * @const 363 * @const
365 */ 364 */
366 this.editButton_ = queryRequiredElement(this.topToolbar_, 'button.edit'); 365 this.editButton_ = queryRequiredElement(this.topToolbar_, '.button.edit');
367 this.editButton_.title = this.displayStringFunction_('GALLERY_EDIT');
368 this.editButton_.disabled = true; // Disabled by default.
369 this.editButton_.addEventListener('click', this.toggleEditor.bind(this)); 366 this.editButton_.addEventListener('click', this.toggleEditor.bind(this));
370 367
371 /** 368 /**
372 * @type {!HTMLElement} 369 * @type {!HTMLElement}
373 * @private 370 * @private
374 * @const 371 * @const
375 */ 372 */
376 this.printButton_ = queryRequiredElement(this.topToolbar_, 'button.print'); 373 this.printButton_ = queryRequiredElement(this.topToolbar_, '.button.print');
377 this.printButton_.title = this.displayStringFunction_('GALLERY_PRINT');
378 this.printButton_.disabled = true; // Disabled by default.
379 this.printButton_.addEventListener('click', this.print_.bind(this)); 374 this.printButton_.addEventListener('click', this.print_.bind(this));
380 375
381 /** 376 /**
382 * @type {!HTMLElement} 377 * @type {!HTMLElement}
383 * @private 378 * @private
384 * @const 379 * @const
385 */ 380 */
386 this.editBarSpacer_ = queryRequiredElement(this.bottomToolbar_, 381 this.editBarSpacer_ = queryRequiredElement(this.bottomToolbar_,
387 '.edit-bar-spacer'); 382 '.edit-bar-spacer');
388 383
(...skipping 1481 matching lines...) Expand 10 before | Expand all | Expand 10 after
1870 var event = assertInstanceof(event, MouseEvent); 1865 var event = assertInstanceof(event, MouseEvent);
1871 var viewport = this.slideMode_.getViewport(); 1866 var viewport = this.slideMode_.getViewport();
1872 if (!this.enabled_ || !viewport.isZoomed()) 1867 if (!this.enabled_ || !viewport.isZoomed())
1873 return; 1868 return;
1874 this.stopOperation(); 1869 this.stopOperation();
1875 viewport.setOffset( 1870 viewport.setOffset(
1876 viewport.getOffsetX() + event.wheelDeltaX, 1871 viewport.getOffsetX() + event.wheelDeltaX,
1877 viewport.getOffsetY() + event.wheelDeltaY); 1872 viewport.getOffsetY() + event.wheelDeltaY);
1878 this.slideMode_.applyViewportChange(); 1873 this.slideMode_.applyViewportChange();
1879 }; 1874 };
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