chrome/browser/resources/chromeos/wallpaper_manager/main.html

   1 <!doctype html>
   2 <!--
   3 ------
   4 Copyright (c) 2013 The Chromium Authors. All rights reserved.
   5 Use of this source code is governed by a BSD-style license that can be
   6 found in the LICENSE file.
   7 -->
   8 <html i18n-values="dir:textdirection;lang:language">
   9 <head>
  10   <meta charset="utf-8">
  11   <title>Wallpaper Picker</title>
  12   <link rel="stylesheet" href="../../../../../ui/webui/resources/css/text_defaults.css">
  13   <link rel="stylesheet" href="../../../../../ui/webui/resources/css/widgets.css">
  14   <link rel="stylesheet" href="../../../../../ui/webui/resources/css/menu.css"></link>
  15
  16   <link rel="stylesheet" href="css/wallpaper_manager.css">
  17   <script src="js/main_scripts.js"></script>
  18   <if expr="False">
  19     <!-- This file has not been flattened, load individual scripts.
  20     Keep the list in sync with js/main_scripts.js. -->
  21     <script src="../../../../../ui/webui/resources/js/cr.js"></script>
  22     <script src="../../../../../ui/webui/resources/js/event_tracker.js"></script>
  23     <script src="../../../../../ui/webui/resources/js/load_time_data.js"></script>
  24     <script src="../../../../../ui/webui/resources/js/i18n_template_no_process.js"></script>
  25     <script src="../../../../../ui/webui/resources/js/util.js"></script>
  26     <script src="../../../../../ui/webui/resources/js/cr/ui.js"></script>
  27     <script src="../../../../../ui/webui/resources/js/cr/event_target.js"></script>
  28     <script src="../../../../../ui/webui/resources/js/cr/ui/touch_handler.js"></script>
  29     <script src="../../../../../ui/webui/resources/js/cr/ui/array_data_model.js"></script>
  30     <script src="../../../../../ui/webui/resources/js/cr/ui/list_item.js"></script>
  31     <script src="../../../../../ui/webui/resources/js/cr/ui/list_selection_model.js"></script>
  32     <script src="../../../../../ui/webui/resources/js/cr/ui/list_single_selection_model.js"></script>
  33     <script src="../../../../../ui/webui/resources/js/cr/ui/list_selection_controller.js"></script>
  34     <script src="../../../../../ui/webui/resources/js/cr/ui/list.js"></script>
  35     <script src="../../../../../ui/webui/resources/js/cr/ui/grid.js"></script>
  36     <script src="../../../../../ui/webui/resources/js/cr/ui/command.js"></script>
  37     <script src="../../../../../ui/webui/resources/js/cr/ui/position_util.js"></script>
  38     <script src="../../../../../ui/webui/resources/js/cr/ui/menu_item.js"></script>
  39     <script src="../../../../../ui/webui/resources/js/cr/ui/menu.js"></script>
  40     <script src="../../../../../ui/webui/resources/js/cr/ui/menu_button.js"></script>
  41     <script src="../../../../../ui/webui/resources/js/cr/ui/context_menu_handler.js"></script>
  42
  43     <script src="js/constants.js"></script>
  44     <script src="js/util.js"></script>
  45     <script src="js/progress_manager.js"></script>
  46     <script src="js/wallpaper_directories.js"></script>
  47     <script src="js/wallpaper_categories_list.js"></script>
  48     <script src="js/wallpaper_images_grid.js"></script>
  49     <script src="js/wallpaper_manager.js"></script>
  50     <script src="js/main.js"></script>
  51   </if>
  52 </head>
  53 <body>
  54   <commands>
  55     <command id="delete" i18n-values="label:deleteCommandLabel"
  56         shortcut="U+007F"></command>
  57   </commands>
  58
  59   <cr-menu id="wallpaper-context-menu" class="chrome-menu"
  60       visibleif="custom surprise-me-disabled">
  61     <cr-menu-item command="#delete"></cr-menu-item>
  62   </cr-menu>
  63
  64   <div id="error-container" class="overlay-container" hidden>
  65     <div class="page">
  66       <div id="close-error" class="close"></div>
  67       <span class="error-message"></span>
  68       <a id="learn-more" i18n-content="learnMore" target="_blank"></a>
  69     </div>
  70   </div>
  71   <div id="wallpaper-selection-container" class="overlay-container" hidden>
  72     <div class="page">
  73       <div id="close-wallpaper-selection" class="close"></div>
  74       <div id="content">
  75         <input id="file-selector" type="file" size="80"
  76             accept="image/jpeg, image/png">
  77         <div i18n-content="positionLabel"></div>
  78         <select id="set-wallpaper-layout" disabled>
  79           <option value="CENTER" i18n-content="centerLayout"></option>
  80           <option selected="selected" value="CENTER_CROPPED"
  81               i18n-content="centerCroppedLayout"></option>
  82           <option value="STRETCH" i18n-content="stretchLayout"></option>
  83         </select>
  84         <div id="warning">
  85           <img class="remember-icon">
  86           <span i18n-content="customWallpaperWarning"></span>
  87         </div>
  88       </div>
  89     </div>
  90   </div>
  91   <div class="dialog-container">
  92     <div class="dialog-topbar">
  93       <div id="navstrip">
  94         <list id="categories-list"></list>
  95         <div id="bar"></div>
  96       </div>
  97       <div class="spacer"></div>
  98       <div id="window-close-button" class="close"></div>
  99     </div>
 100     <div class="dialog-main">
 101       <div id="category-container">
 102         <div id="wallpaper-set-by-message"></div>
 103         <grid id="wallpaper-grid" class="image-picker"></grid>
 104         <div id="spinner-container" hidden></div>
 105         <div class="progress-bar" hidden>
 106           <div class="progress-track"></div>
 107         </div>
 108         <div class="bottom-bar">
 109           <div id="online-wallpaper-attribute">
 110             <img id="attribute-image" hidden>
 111             <div id="wallpaper-attribute" hidden>
 112               <div>
 113                 <label>
 114                   <span id="author-name"></span>
 115                 </label>
 116               </div>
 117               <div>
 118                 <a id="author-website" target="_blank"></a>
 119               </div>
 120             </div>
 121           </div>
 122           <div class="spacer"></div>
 123           <div id="surprise-me" hidden>
 124             <div id="checkbox"></div>
 125             <span i18n-content="surpriseMeLabel"></span>
 126           </div>
 127         </div>
 128       </div>
 129     </div>
 130   </div>
 131 </body>
 132 </html>