chrome/browser/resources/settings/search_engines_page/search_engine_adder.html

   1 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
   2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classes/iron-flex-layout.html">
   3 <link rel="import" href="chrome://resources/cr_elements/v1_0/cr_button/cr_button.html">
   4 <link rel="import" href="chrome://resources/cr_elements/v1_0/cr_collapse/cr_collapse.html">
   5 <link rel="import" href="chrome://resources/cr_elements/v1_0/cr_input/cr_input.html">
   6
   7 <dom-module id="cr-search-engine-adder">
   8   <link rel="import" type="css" href="search_engine_adder.css">
   9   <template>
  10     <div class="add-label layout horizontal center justified">
  11       <span i18n-content="searchEnginesAddSearchEngineLabel"></span>
  12       <cr-expand-button expanded="{{opened}}"></cr-expand-button>
  13     </div>
  14     <cr-collapse opened="{{opened}}">
  15       <div class="container layout horizontal">
  16         <div class="input-field flex two">
  17           <div class="input-label" i18n-content="searchEnginesDomainLabel">
  18           </div>
  19           <cr-input id="domainField" auto-validate="false" required>
  20           </cr-input>
  21         </div>
  22         <div class="input-field flex two">
  23           <div class="input-label" i18n-content="searchEnginesKeywordLabel">
  24           </div>
  25           <cr-input id="keywordField" auto-validate="false" required>
  26           </cr-input>
  27         </div>
  28         <div class="input-field flex four">
  29           <div class="input-label" i18n-content="searchEnginesQueryURLLabel">
  30           </div>
  31           <cr-input id="queryURLField" auto-validate="false" required>
  32           </cr-input>
  33         </div>
  34         <div class="layout horizontal center">
  35           <cr-button i18n-content="searchEnginesAddButtonLabel"
  36               on-click="{{add_}}" raised>
  37           </cr-button>
  38         </div>
  39       </div>
  40     </cr-collapse>
  41   </template>
  42   <script src="search_engine_adder.js"></script>
  43 </dom-module>