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