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" current-route="{{currentRoute}}"
  15         section="search">
  16       <neon-animatable id="">
  17         <p i18n-content="searchExplanation"></p>
  18
  19         <div class="search-engines">
  20           <select id="searchEnginesMenu" on-change="defaultEngineGuidChanged_">
  21             <template is="dom-repeat" items="[[searchEngines]]">
  22               <option value="[[item.guid]]">{{item.name}}</option>
  23             </template>
  24           </select>
  25
  26           <cr-button class="search-engines"
  27               i18n-content="searchManageButtonLabel"
  28               on-tap="onSearchEnginesTap_" raised>
  29           </cr-button>
  30         </div>
  31       </neon-animatable>
  32       <neon-animatable id="search-engines">
  33         <div class="subheader">
  34           <paper-icon-button icon="arrow-back" on-tap="onBackTap_">
  35           </paper-icon-button>
  36           <h2 i18n-content="searchEnginesLabel"></h2>
  37         </div>
  38         <cr-settings-search-engines-page></cr-settings-search-engines-page>
  39         <cr-button class="search-engines-advanced"
  40             i18n-content="advancedPageTitle"
  41             on-tap="onSearchEnginesAdvancedTap_" raised>
  42         </cr-button>
  43       </neon-animatable>
  44       <neon-animatable id="search-engines-advanced">
  45         <!-- This sub-subpage is purely a placeholder to provide an example. -->
  46         <div class="subheader">
  47           <paper-icon-button icon="arrow-back" on-tap="onBackTap_">
  48           </paper-icon-button>
  49           <h2 i18n-content="searchEnginesLabel"></h2>
  50         </div>
  51         <p i18n-content="searchExplanation"></p>
  52       </neon-animatable>
  53     </cr-settings-animated-pages>
  54   </template>
  55   <script src="search_page.js"></script>
  56 </dom-module>