Home | History | Annotate | Download | only in resources 
      1 <!DOCTYPE html>
      2 <html i18n-values="dir:textdirection;">
      3 <head>
      4 <meta charset="utf-8">
      5 <title i18n-content="title"></title>
      6 <link rel="icon" href="../../app/theme/print_preview_favicon.png">
      7 <link rel="stylesheet" href="webui.css">
      8 <link rel="stylesheet" href="print_preview.css">
      9 <script src="chrome://resources/js/local_strings.js"></script>
     10 <script src="chrome://resources/js/util.js"></script>
     11 <script src="print_preview.js"></script>
     12 <script src="print_preview_animations.js"></script>
     13 </head>
     14 <body>
     15   <div class="sidebar">
     16     <div class="scrollbar-inside">
     17     <header>
     18       <h1 i18n-content="title"></h1>
     19     </header>
     20     <section class="body">
     21       <section class="text form">
     22         <div class="main">
     23           <span id="print-summary"></span>
     24           <button id="print-button" i18n-content="printButton"
     25               class="default"></button>
     26           <button id="cancel-button" i18n-content="cancelButton"></button>
     27         </div>
     28         <hr>
     29         <h3 i18n-content="destinationLabel"></h3>
     30         <div>
     31           <select id="printer-list"></select>
     32         </div>
     33         <hr>
     34         <div class="left-label">
     35           <h3 i18n-content="pagesLabel"></h3>
     36           <div class="options-block">
     37             <div>
     38               <input name="pages" checked type="radio"
     39                   onclick="printSettingChanged()" id="all-pages">
     40               <label for="all-pages" i18n-content="optionAllPages"></label>
     41             </div>
     42             <div>
     43               <input name="pages" type="radio" id="print-pages">
     44               <label for="print-pages">
     45                 <input id="individual-pages" type="text"
     46                     class="medium with-hint"
     47                     i18n-values="placeholder:examplePageRangeText"
     48                     name="individual-pages" oninput="printSettingChanged()">
     49               </label>
     50             </div>
     51           </div>
     52         </div>
     53         <div class="left-label">
     54           <div class="options-block">
     55             <input name="two-sided" type="checkbox" id="two-sided"
     56                 onclick="handleTwoSidedClick(event)">
     57               <label for="two-sided" i18n-content="optionTwoSided"></label>
     58           </div>
     59         </div>
     60         <div class="left-label">
     61           <div class="hidden-section" id="binding">
     62             <div class="extra" style="margin-top: -10px">
     63               <h3 i18n-content="bindingLabel"></h3>
     64               <div class="options-block">
     65                 <div>
     66                   <input type="radio" name="binding" checked id="long-edge"
     67                       onclick="printSettingChanged()">
     68                   <label for="long-edge"
     69                       i18n-content="optionLongEdgeBinding"></label>
     70                 </div>
     71                 <div>
     72                   <input type="radio" name="binding" id="short-edge"
     73                       onclick="printSettingChanged()">
     74                   <label for="short-edge"
     75                       i18n-content="optionShortEdgeBinding"></label>
     76                 </div>
     77               </div>
     78             </div>
     79           </div>
     80         </div>
     81         <div class="left-label">
     82           <h3 i18n-content="copiesLabel"></h3>
     83           <div class="options-block">
     84             <input type="text" name="copies" id="copies" value="1" class="small"
     85                 oninput="printSettingChanged()">
     86             <span id="collate-option" hidden>
     87               <input name="collate" type="checkbox" id="collate">
     88               <label for="collate" i18n-content="optionCollate"></label>
     89             </span>
     90           </div>
     91         </div>
     92         <hr>
     93         <div class="left-label">
     94           <h3 i18n-content="layoutLabel"></h3>
     95           <div class="options-block">
     96             <div>
     97               <input type="radio" name="layout" checked id="portrait"
     98                   onclick="printSettingChanged()">
     99               <label for="portrait" i18n-content="optionPortrait"></label>
    100             </div>
    101             <div>
    102               <input type="radio" name="layout" id="landscape"
    103                   onclick="printSettingChanged()">
    104               <label for="landscape" i18n-content="optionLandscape"></label>
    105             </div>
    106           </div>
    107         </div>
    108         <hr>
    109         <div class="left-label">
    110           <h3 i18n-content="optionColor"></h3>
    111           <div class="options-block">
    112             <div>
    113               <input type="radio" name="color" id="color" label="color-label">
    114               <label for="color" id="color-label" i18n-content="optionColor">
    115               </label>
    116             </div>
    117             <div>
    118               <input type="radio" name="color" checked id="bw" label="bw-label">
    119               <label for="bw" id="bw-label" i18n-content="optionBw"></label>
    120             </div>
    121           </div>
    122         </div>
    123         <hr>
    124         <div>
    125           <a i18n-content="systemDialogOption"></a>
    126         </div>
    127       </section>
    128     </section>
    129     </div>
    130   </div>
    131   <div id="mainview">
    132       <p id="loading" i18n-content="loading"></p>
    133       <p id="no-plugin" class="hidden" i18n-values=".innerHTML:noPlugin"></p>
    134   </div>
    135 </body>
    136 </html>
    137