- add sources.
[platform/framework/web/crosswalk.git] / src / chrome / browser / resources / local_discovery / local_discovery.html
1 <!-- TODO(noamsml): i18n before submitting -->
2 <!DOCTYPE HTML>
3 <html>
4 <head>
5   <meta charset="utf-8">
6   <title i18n-content="devicesTitle"></title>
7   <link rel="stylesheet" href="chrome://resources/css/chrome_shared.css">
8   <link rel="stylesheet" href="chrome://resources/css/overlay.css">
9   <link rel="stylesheet" href="chrome://resources/css/spinner.css">
10   <link rel="stylesheet" href="local_discovery.css">
11
12   <script src="chrome://resources/js/cr.js"></script>
13   <script src="chrome://resources/js/util.js"></script>
14   <script src="chrome://resources/js/load_time_data.js"></script>
15   <script src="chrome://resources/js/cr/ui/overlay.js"></script>
16   <script src="chrome://resources/js/cr/ui/focus_manager.js"></script>
17   <script src="local_discovery.js"></script>
18   <script src="strings.js"></script>
19 </head>
20 <body class="uber-frame"
21       i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">
22   <div class="page" id="main-page">
23     <div class="overlay" id="overlay" hidden>
24       <div id="register-overlay" class="page">
25         <div class="close-button"></div>
26
27         <div id="register-page-confirm" class="register-page">
28           <h1 i18n-content="confirmRegistration"></h1>
29           <div id="register-message">
30           </div>
31
32           <div class="button-list">
33             <button class="register-cancel" i18n-content="cancel"></button>
34             <button id="register-continue-button"
35                     i18n-content="serviceRegister">
36             </button>
37           </div>
38         </div>
39
40         <div id="register-page-adding1" class="register-page">
41           <h1 i18n-content="addingPrinter"></h1>
42           <div i18n-content="addingMessage1"></div>
43           <div class="button-list">
44             <button class="register-cancel" i18n-content="cancel"></button>
45           </div>
46         </div>
47
48         <div id="register-page-adding2" class="register-page">
49           <h1 i18n-content="addingPrinter"></h1>
50           <div class="inline-spinner"> </div>
51           <span i18n-content="addingMessage2"></span>
52           <div class="button-list">
53             <button class="register-cancel" i18n-content="cancel"></button>
54           </div>
55         </div>
56
57         <div id="register-page-error" class="register-page">
58           <h1 i18n-content="addingError"></h1>
59           <div i18n-content="addingErrorMessage" id="error-message"></div>
60           <div class="button-list">
61             <button id="register-error-exit" i18n-content="ok"></button>
62           </div>
63         </div>
64       </div>
65     </div>
66
67     <header>
68       <h1 i18n-content="devicesTitle"></h1>
69     </header>
70
71     <div class="controls" id="printers">
72       <h2 i18n-content="availableDevicesTitle"></h2>
73
74       <div id="register-login-promo" class="login-promo cloud-print-message"
75            hidden>
76         <span i18n-content="registerNeedLogin"></span>
77         <button class="link-button" id="register-login-button"
78                 i18n-content="cloudDevicesLogin"></button>
79       </div>
80       <div id="no-printers-message"
81            class="cloud-print-message"
82            i18n-content="noPrintersOnNetworkExplanation">
83       </div>
84
85       <div class="devices" id="register-device-list"></div>
86
87       <if expr="not pp_ifdef('chromeos') and not is_macosx">
88         <section id="cloud-print-connector-section">
89           <h2 i18n-content="titleConnector"></h2>
90           <div>
91             <p id="cloudPrintConnectorLabel" class="settings-row"></p>
92
93           <div class="settings-row">
94             <button id="cloudPrintConnectorSetupButton"></button>
95           </div>
96         </div>
97         </section>
98       </if>
99     </div>
100
101     <h2 i18n-content="myDevicesTitle"></h2>
102     <div id="cloud-devices-loading" class="cloud-print-message" hidden>
103       <div class="inline-spinner"> </div> <span i18n-content="loading"></span>
104     </div>
105     <div id="cloud-devices-login-promo" class="login-promo cloud-print-message"
106          hidden>
107       <span i18n-content="cloudDevicesNeedLogin"></span>
108       <button class="link-button" id="cloud-devices-login-button"
109               i18n-content="cloudDevicesLogin"></button>
110     </div>
111     <div id="cloud-devices-unavailable"
112          class="cloud-print-message" hidden>
113       <span i18n-content="cloudDevicesUnavailable"></span>
114       <button class="link-button" id="cloud-devices-retry-button"
115               i18n-content="retryLoadCloudDevices"></button>
116     </div>
117     <div id="cloud-devices">
118
119     </div>
120   </div>
121
122   <script src="chrome://resources/js/i18n_template2.js"></script>
123   <script src="chrome://resources/js/jstemplate_compiled.js"></script>
124 </body>
125 </html>