print_preview.html revision 201ade2fbba22bfb27ae029f4d23fca6ded109a0 
1<!DOCTYPE HTML>
2<html i18n-values="dir:textdirection;">
3<head>
4<meta charset="utf-8">
5<title i18n-content="title"></title>
6
7<link rel="stylesheet" href="dom_ui.css">
8<link rel="stylesheet" href="print_preview.css">
9
10<script src="chrome://resources/js/local_strings.js"></script>
11<script src="chrome://resources/js/util.js"></script>
12<script src="print_preview.js"></script>
13</head>
14<body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">
15<div id="navbar-container">
16  <div id="destination-container">
17    <h1>Destination</h1>
18    <select id="printer-list"></select>
19    <div id="buttons">
20      <button id="print-button" i18n-content="printButton"></button>
21      <button id="cancel-button" i18n-content="cancelButton"></button>
22    </div>
23  </div>
24
25  <section>
26    <h3>Pages</h3>
27    <div>
28      <input id="pages" type="textbox"></input>
29      <label>
30        <input id="all-pages" type="checkbox">
31        <span i18n-content="optionAllPages"></span>
32      </label>
33      <div>
34        <label>
35          <input id="two-sided" type="checkbox">
36          <span i18n-content="optionTwoSided"></span>
37        </label>
38      </div>
39    </div>
40  </section>
41
42  <section>
43    <h3>Copies</h3>
44    <div>
45      <input id="copies" type="textbox"></input>
46      <div>
47        <label>
48          <input id="collate" type="checkbox">
49          <span i18n-content="optionCollate"></span>
50        </label>
51      </div>
52    </div>
53  </section>
54
55  <section>
56    <h3>Layout</h3>
57    <div>
58      <select id="layout">
59        <option i18n-content="optionPortrait"></option>
60        <option i18n-content="optionLandscape"></option>
61      </select>
62    </div>
63  </section>
64
65  <section>
66    <h3>Color</h3>
67    <div>
68      <select id="color">
69        <option i18n-content="optionColor"></option>
70        <option i18n-content="optionBw"></option>
71      </select>
72    </div>
73  </section>
74
75</div>
76<div id="separator"></div>
77<div id="mainview">
78  MAIN
79</div>
80
81<script>
82console.log('in bottom script');
83</script>
84</body>
85</html>
86