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