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
