summaryrefslogtreecommitdiff
path: root/chromium/chrome/browser/resources/print_preview/new/other_options_settings.html
blob: afd187b856d935fba5e81cc78dcbd86b0dd33bda (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<link rel="import" href="chrome://resources/html/polymer.html">

<link rel="import" href="chrome://resources/cr_elements/hidden_style_css.html">
<link rel="import" href="checkbox_radio_css.html">
<link rel="import" href="print_preview_shared_css.html">
<link rel="import" href="settings_behavior.html">
<link rel="import" href="settings_section.html">

<dom-module id="print-preview-other-options-settings">
  <template>
    <style include="print-preview-shared checkbox-radio cr-hidden-style">
      label {
        display: block;
      }
    </style>
    <print-preview-settings-section class="multirow-controls">
      <span slot="title" id="options-label">$i18n{optionsLabel}</span>
      <div slot="controls" class="checkbox">
        <label aria-live="polite"
            hidden$="[[!settings.headerFooter.available]]">
          <input type="checkbox" id="header-footer"
              disabled$="[[disabled]]"
              on-change="onHeaderFooterChange_"
              checked$="[[settings.headerFooter.value]]">
          <span>$i18n{optionHeaderFooter}</span>
        </label>
        <label aria-live="polite" hidden$="[[!settings.duplex.available]]">
          <input type="checkbox" id="duplex" on-change="onDuplexChange_"
              disabled$="[[disabled]]"
              checked$="[[settings.duplex.value]]">
          <span>$i18n{optionTwoSided}</span>
        </label>
        <label aria-live="polite"
            hidden$="[[!settings.cssBackground.available]]">
          <input type="checkbox" id="css-background"
              on-change="onCssBackgroundChange_"
              disabled$="[[disabled]]"
              checked$="[[settings.cssBackground.value]]">
          <span>$i18n{optionBackgroundColorsAndImages}</span>
        </label>
        <label aria-live="polite" hidden$="[[!settings.rasterize.available]]">
          <input type="checkbox" id="rasterize"
              disabled$="[[disabled]]" on-change="onRasterizeChange_"
              checked$="[[settings.rasterize.value]]">
          <span>$i18n{optionRasterize}</span>
        </label>
        <label aria-live="polite"
            hidden$="[[!settings.selectionOnly.available]]">
          <input type="checkbox" id="selection-only"
              disabled$="[[disabled]]"
              on-change="onSelectionOnlyChange_"
              checked$="[[settings.selectionOnly.value]]">
          <span>$i18n{optionSelectionOnly}</span>
        </label>
      </div>
    </print-preview-settings-section>
  </template>
  <script src="other_options_settings.js"></script>
</dom-module>