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

Side by Side Diff: ui/file_manager/file_manager/main.html

Issue 914353004: Update import details panel to comply (mostly) with UX direction. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 5 years, 10 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 <!DOCTYPE HTML> 1 <!DOCTYPE HTML>
2 <!-- 2 <!--
3 -- Copyright (c) 2012 The Chromium Authors. All rights reserved. 3 -- Copyright (c) 2012 The Chromium Authors. All rights reserved.
4 -- Use of this source code is governed by a BSD-style license that can be 4 -- Use of this source code is governed by a BSD-style license that can be
5 -- found in the LICENSE file. 5 -- found in the LICENSE file.
6 --> 6 -->
7 <html i18n-values="dir:textdirection;lang:language"> 7 <html i18n-values="dir:textdirection;lang:language">
8 <head> 8 <head>
9 <!-- We have to set some default title, or chrome will use the page name. 9 <!-- We have to set some default title, or chrome will use the page name.
10 -- As soon as we init and change to a directory, we'll show the directory 10 -- As soon as we init and change to a directory, we'll show the directory
(...skipping 10 matching lines...) Expand all
21 <link rel="stylesheet" href="foreground/css/menu.css"> 21 <link rel="stylesheet" href="foreground/css/menu.css">
22 <link rel="stylesheet" href="foreground/css/combobutton.css"> 22 <link rel="stylesheet" href="foreground/css/combobutton.css">
23 <link rel="stylesheet" href="foreground/css/file_manager.css"> 23 <link rel="stylesheet" href="foreground/css/file_manager.css">
24 <link rel="stylesheet" href="foreground/css/share_dialog.css"> 24 <link rel="stylesheet" href="foreground/css/share_dialog.css">
25 <link rel="stylesheet" href="foreground/css/file_status.css"> 25 <link rel="stylesheet" href="foreground/css/file_status.css">
26 <link rel="stylesheet" href="foreground/css/file_types.css"> 26 <link rel="stylesheet" href="foreground/css/file_types.css">
27 <link rel="stylesheet" href="foreground/css/common.css"> 27 <link rel="stylesheet" href="foreground/css/common.css">
28 28
29 <link rel="import" href="chrome://resources/polymer/core-icon/core-icon.html "> 29 <link rel="import" href="chrome://resources/polymer/core-icon/core-icon.html ">
30 <link rel="import" href="chrome://resources/polymer/core-icons/core-icons.ht ml"> 30 <link rel="import" href="chrome://resources/polymer/core-icons/core-icons.ht ml">
31 <link rel="import" href="chrome://resources/polymer/core-icons/image-icons.h tml">
31 <link rel="import" href="chrome://resources/polymer/core-icons/social-icons. html"> 32 <link rel="import" href="chrome://resources/polymer/core-icons/social-icons. html">
32 <link rel="import" href="chrome://resources/polymer/core-input/core-input.ht ml"> 33 <link rel="import" href="chrome://resources/polymer/core-input/core-input.ht ml">
33 <link rel="import" href="chrome://resources/polymer/paper-button/paper-butto n.html"> 34 <link rel="import" href="chrome://resources/polymer/paper-button/paper-butto n.html">
34 <link rel="import" href="chrome://resources/polymer/paper-input/paper-input- decorator.html"> 35 <link rel="import" href="chrome://resources/polymer/paper-input/paper-input- decorator.html">
35 <link rel="import" href="chrome://resources/polymer/paper-ripple/paper-rippl e.html"> 36 <link rel="import" href="chrome://resources/polymer/paper-ripple/paper-rippl e.html">
36 37
37 <!-- Don't load main_scripts.js when flattening is disabled. --> 38 <!-- Don't load main_scripts.js when flattening is disabled. -->
38 <if expr="False"><!-- </if> 39 <if expr="False"><!-- </if>
39 <script src="foreground/js/main_scripts.js"></script> 40 <script src="foreground/js/main_scripts.js"></script>
40 <if expr="False"> --></if> 41 <if expr="False"> --></if>
(...skipping 297 matching lines...) Expand 10 before | Expand all | Expand 10 after
338 </button> 339 </button>
339 <button id="delete-button" class="icon-button" command="#delete" tabindex= "10" 340 <button id="delete-button" class="icon-button" command="#delete" tabindex= "10"
340 i18n-values="aria-label:DELETE_BUTTON_LABEL" 341 i18n-values="aria-label:DELETE_BUTTON_LABEL"
341 visibleif="full-page"> 342 visibleif="full-page">
342 <core-icon icon="delete"></core-icon> 343 <core-icon icon="delete"></core-icon>
343 <paper-ripple fit></paper-ripple> 344 <paper-ripple fit></paper-ripple>
344 </button> 345 </button>
345 <button id="cloud-import-button" 346 <button id="cloud-import-button"
346 class="icon-button manual-display" 347 class="icon-button manual-display"
347 tabindex="11" 348 tabindex="11"
348 i18n-values="aria-label:CLOUD_IMPORT_BUTTON_LABEL" 349 i18n-values="aria-label:CLOUD_IMPORT_COMMAND"
349 style='display: none;'> 350 style='display: none;'>
350 <core-icon icon="cloud-queue"></core-icon> 351 <core-icon icon="cloud-queue"></core-icon>
351 <paper-ripple fit></paper-ripple> 352 <paper-ripple fit></paper-ripple>
352 </button> 353 </button>
353 <button id="cloud-import-details-button" 354 <button id="cloud-import-details-button"
354 class="icon-button manual-display" 355 class="icon-button manual-display"
355 tabindex="12" 356 tabindex="12"
357 i18n-values="aria-label:CLOUD_IMPORT_SHOW_DETAILS"
356 style='display: none;'> 358 style='display: none;'>
mtomasz 2015/02/12 03:22:01 nit: display: none -> hidden attribute?
Steve McKay 2015/02/12 23:15:54 Done.
357 <core-icon icon="arrow-drop-down"></core-icon> 359 <core-icon icon="arrow-drop-down"></core-icon>
358 <paper-ripple fit></paper-ripple> 360 <paper-ripple fit></paper-ripple>
359 </button> 361 </button>
360 <button id="view-button" class="icon-button" tabindex="13"> 362 <button id="view-button" class="icon-button" tabindex="13">
361 <core-icon icon="view-module"></core-icon> 363 <core-icon icon="view-module"></core-icon>
362 <paper-ripple fit></paper-ripple> 364 <paper-ripple fit></paper-ripple>
363 </button> 365 </button>
364 <button id="gear-button" class="icon-button" tabindex="14" menu="#gear-men u" 366 <button id="gear-button" class="icon-button" tabindex="14" menu="#gear-men u"
365 i18n-values="aria-label:GEAR_BUTTON_TOOLTIP" 367 i18n-values="aria-label:GEAR_BUTTON_TOOLTIP"
366 aria-activedescendant="gear-menu"> 368 aria-activedescendant="gear-menu">
367 <core-icon icon="more-vert"></core-icon> 369 <core-icon icon="more-vert"></core-icon>
368 <paper-ripple fit></paper-ripple> 370 <paper-ripple fit></paper-ripple>
369 </button> 371 </button>
370 </div> 372 </div>
371 373
372 <div id="cloud-import-details" class="offscreen"> 374 <div id="cloud-import-details" class="hidden">
373 <h1>Backup to Drive</h1> 375 <div class="banner">
374 376 <div class="title" i18n-content="CLOUD_IMPORT_TITLE"></div>
375 <div id='#open-destination'> 377 <div class="description" i18n-content="CLOUD_IMPORT_DESCRIPTION"></div>
376 <core-icon class="icon volume-icon" volume-type-icon="drive">
377 </core-icon> My Photos
378 </div> 378 </div>
379 379 <div class="main">
380 <div class="detail"> 380 <div class="status">
381 New photos: <span class="photo-count">0</span> 381 <core-icon icon="cloud-queue"></core-icon>
382 <div class="content"></div>
383 </div>
384 <paper-button class="import">
385 <span i18n-content="CLOUD_IMPORT_COMMAND"></span>
386 </paper-button>
382 </div> 387 </div>
383 <div class="detail">
384 Space required: <span class="space-required">0</span>
385 </div>
386
387 <div class="media-strip">
388 <tt>// TODO(smckay)</tt>
389 </div>
390
391 <div class="import">Import!</div>
392 </div> 388 </div>
393 389
394 <div class="dialog-container"> 390 <div class="dialog-container">
395 <div class="dialog-navigation-list"> 391 <div class="dialog-navigation-list">
396 <div class="dialog-navigation-list-contents"> 392 <div class="dialog-navigation-list-contents">
397 <tree id="directory-tree" tabindex="15"></tree> 393 <tree id="directory-tree" tabindex="15"></tree>
398 </div> 394 </div>
399 <div class="dialog-navigation-list-footer"> 395 <div class="dialog-navigation-list-footer">
400 <div id="progress-center" hidden> 396 <div id="progress-center" hidden>
401 <li id="progress-center-close-view"> 397 <li id="progress-center-close-view">
(...skipping 68 matching lines...) Expand 10 before | Expand all | Expand 10 after
470 <div class="right buttonbar"> 466 <div class="right buttonbar">
471 <select class="file-type" hidden></select> 467 <select class="file-type" hidden></select>
472 <button class="ok" disabled tabindex="2"></button> 468 <button class="ok" disabled tabindex="2"></button>
473 <button class="cancel" i18n-content="CANCEL_LABEL" tabindex="3"></button > 469 <button class="cancel" i18n-content="CANCEL_LABEL" tabindex="3"></button >
474 </div> 470 </div>
475 </div> 471 </div>
476 <div id="drag-container"></div> 472 <div id="drag-container"></div>
477 <iframe id="command-dispatcher" hidden></iframe> 473 <iframe id="command-dispatcher" hidden></iframe>
478 </body> 474 </body>
479 </html> 475 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698