chrome/browser/resources/settings/search_page/search_page.html

   1 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
   2 <link rel="import" href="chrome://resources/polymer/v1_0/more-routing/more-routing.html">
   3 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animatable.html">
   4 <link rel="import" href="chrome://resources/cr_elements/v1_0/cr_button/cr_button.html">
   5 <link rel="import" href="chrome://md-settings/checkbox/checkbox.html">
   6 <link rel="import" href="chrome://md-settings/search_engines_page/search_engines_page.html">
   7 <link rel="import" href="chrome://md-settings/settings_page/settings_animated_pages.html">
   8
   9 <dom-module id="cr-settings-search-page">
  10   <link rel="import" type="css"
  11       href="chrome://md-settings/settings_page/settings_page.css">
  12   <link rel="import" type="css" href="search_page.css">
  13   <template>
  14     <cr-settings-animated-pages id="pages" in-subpage="{{inSubpage}}">
  15       <neon-animatable id="main">
  16         <p i18n-content="searchExplanation"></p>
  17
  18         <div class="search-engines">
  19           <select id="searchEnginesMenu" on-change="defaultEngineGuidChanged_">
  20             <template is="dom-repeat" items="[[searchEngines]]">
  21               <option value="[[item.guid]]">{{item.name}}</option>
  22             </template>
  23           </select>
  24
  25           <cr-button class="search-engines"
  26               i18n-content="searchManageButtonLabel"
  27               on-tap="onSearchEnginesTap_" raised>
  28           </cr-button>
  29         </div>
  30       </neon-animatable>
  31       <neon-animatable id="search-engines">
  32         <div class="subheader">
  33           <paper-icon-button icon="arrow-back" on-tap="onBackTap_">
  34           </paper-icon-button>
  35           <h2 i18n-content="searchEnginesLabel"></h2>
  36         </div>
  37         <cr-settings-search-engines-page></cr-settings-search-engines-page>
  38         <cr-button class="search-engines-subpage"
  39             i18n-content="advancedPageTitle"
  40             on-tap="onSearchEnginesSubpageTap_" raised>
  41         </cr-button>
  42       </neon-animatable>
  43       <neon-animatable id="search-engines-subpage">
  44         <!-- This sub-subpage is purely a placeholder to provide an example. -->
  45         <div class="subheader">
  46           <paper-icon-button icon="arrow-back" on-tap="onBackTap_">
  47           </paper-icon-button>
  48           <h2 i18n-content="searchEnginesLabel"></h2>
  49         </div>
  50         <p i18n-content="searchExplanation"></p>
  51       </neon-animatable>
  52     </cr-settings-animated-pages>
  53   </template>
  54   <script src="search_page.js"></script>
  55 </dom-module>