<!DOCTYPE HTML>
<!--
------
Copyright (c) 2013 The Chromium Authors. All rights reserved.
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.
-->
<html i18n-values="dir:textdirection;">
<head>
  <meta charset="utf-8">
  <title>Wallpaper Picker</title>
  <link rel="stylesheet" href="../../../../../ui/webui/resources/css/widgets.css">
  <link rel="stylesheet" href="../../../../../ui/webui/resources/css/menu.css"></link>

  <link rel="stylesheet" href="css/wallpaper_manager.css">
  <script src="js/main_scripts.js"></script>
  <if expr="False">
    <!-- This file has not been flattened, load individual scripts.
    Keep the list in sync with js/main_scripts.js. -->
    <script src="../../../../../ui/webui/resources/js/cr.js"></script>
    <script src="../../../../../ui/webui/resources/js/event_tracker.js"></script>
    <script src="../../../../../ui/webui/resources/js/load_time_data.js"></script>
    <script src="../../../../../ui/webui/resources/js/i18n_template_no_process.js"></script>
    <script src="../../../../../ui/webui/resources/js/util.js"></script>
    <script src="../../../../../ui/webui/resources/js/cr/ui.js"></script>
    <script src="../../../../../ui/webui/resources/js/cr/event_target.js"></script>
    <script src="../../../../../ui/webui/resources/js/cr/ui/touch_handler.js"></script>
    <script src="../../../../../ui/webui/resources/js/cr/ui/array_data_model.js"></script>
    <script src="../../../../../ui/webui/resources/js/cr/ui/list_item.js"></script>
    <script src="../../../../../ui/webui/resources/js/cr/ui/list_selection_model.js"></script>
    <script src="../../../../../ui/webui/resources/js/cr/ui/list_single_selection_model.js"></script>
    <script src="../../../../../ui/webui/resources/js/cr/ui/list_selection_controller.js"></script>
    <script src="../../../../../ui/webui/resources/js/cr/ui/list.js"></script>
    <script src="../../../../../ui/webui/resources/js/cr/ui/grid.js"></script>
    <script src="../../../../../ui/webui/resources/js/cr/ui/command.js"></script>
    <script src="../../../../../ui/webui/resources/js/cr/ui/position_util.js"></script>
    <script src="../../../../../ui/webui/resources/js/cr/ui/menu_item.js"></script>
    <script src="../../../../../ui/webui/resources/js/cr/ui/menu.js"></script>
    <script src="../../../../../ui/webui/resources/js/cr/ui/menu_button.js"></script>
    <script src="../../../../../ui/webui/resources/js/cr/ui/context_menu_handler.js"></script>

    <script src="js/constants.js"></script>
    <script src="js/util.js"></script>
    <script src="js/progress_manager.js"></script>
    <script src="js/wallpaper_directories.js"></script>
    <script src="js/wallpaper_images_grid.js"></script>
    <script src="js/wallpaper_manager.js"></script>
    <script src="js/main.js"></script>
  </if>
</head>
<body i18n-values=".style.fontFamily:webFontFamily;
                   .style.fontSize:webFontSize">
  <commands>
    <command id="delete" i18n-values="label:deleteCommandLabel"
        shortcut="U+007F"></command>
  </commands>

  <menu id="wallpaper-context-menu" class="chrome-menu" visibleif="custom">
    <menuitem command="#delete"></menuitem>
  </menu>

  <div id="error-container" class="overlay-container" hidden>
    <div class="page">
      <div id="close-error" class="close"></div>
      <span class="error-message"></span>
      <a id="learn-more" i18n-content="learnMore" target="_blank"></a>
    </div>
  </div>
  <div id="wallpaper-selection-container" class="overlay-container" hidden>
    <div class="page">
      <div id="close-wallpaper-selection" class="close"></div>
      <div id="content">
        <input id="file-selector" type="file" size="80"
            accept="image/jpeg, image/png">
        <div i18n-content="positionLabel"></div>
        <select id="set-wallpaper-layout" disabled>
          <option value="CENTER" i18n-content="centerLayout"></option>
          <option selected="selected" value="CENTER_CROPPED"
              i18n-content="centerCroppedLayout"></option>
          <option value="STRETCH" i18n-content="stretchLayout"></option>
        </select>
        <div id="warning">
          <img class="remember-icon">
          <span i18n-content="customWallpaperWarning"></span>
        </div>
      </div>
    </div>
  </div>
  <div class="dialog-container">
    <div class="dialog-topbar">
      <div id="navstrip">
        <list id="categories-list"></list>
        <div id="bar"></div>
      </div>
      <div class="spacer"></div>
      <div id="window-close-button" class="close"></div>
    </div>
    <div class="dialog-main">
      <div id="category-container">
        <grid id="wallpaper-grid" class="image-picker"></grid>
        <div id="spinner-container" hidden>
          <div id="spinner"></div>
        </div>
        <div class="progress-bar" hidden>
          <div class="progress-track"></div>
        </div>
        <div class="bottom-bar">
          <div id="online-wallpaper-attribute" visibleif="online">
            <img id="attribute-image" hidden>
            <div id="wallpaper-attribute" hidden>
              <div>
                <label>
                  <span id="author-name"></span>
                </label>
              </div>
              <div>
                <a id="author-website" target="_blank"></a>
              </div>
            </div>
          </div>
          <div class="spacer"></div>
          <div id="surprise-me" hidden>
            <div id="checkbox"></div>
            <span i18n-content="surpriseMeLabel"></span>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
</html>