Upstream version 6.35.121.0
[platform/framework/web/crosswalk.git] / src / chrome / browser / resources / help / help.html
1 <!DOCTYPE html>
2 <html i18n-values="dir:textdirection;">
3 <head>
4   <meta charset="utf-8">
5   <title i18n-content="helpTitle"></title>
6   <link rel="stylesheet" href="chrome://resources/css/chrome_shared.css">
7   <link rel="stylesheet" href="../uber/uber_shared.css">
8   <link rel="stylesheet" href="help.css">
9 <if expr="chromeos">
10   <link rel="stylesheet" href="chrome://resources/css/bubble.css">
11   <link rel="stylesheet" href="chrome://resources/css/overlay.css">
12   <link rel="stylesheet" href="channel_change_page.css">
13 </if>
14
15   <script src="chrome://resources/js/cr.js"></script>
16   <script src="chrome://resources/js/load_time_data.js"></script>
17   <script src="chrome://resources/js/util.js"></script>
18   <script src="chrome://resources/js/cr/ui.js"></script>
19   <script src="chrome://resources/js/cr/ui/focus_manager.js"></script>
20   <script src="chrome://help-frame/help_focus_manager.js"></script>
21   <script src="chrome://help-frame/help_base_page.js"></script>
22 <if expr="chromeos">
23   <script src="chrome://resources/js/cr/ui/bubble.js"></script>
24   <script src="chrome://resources/js/cr/ui/overlay.js"></script>
25   <script src="chrome://resources/js/event_tracker.js"></script>
26   <script src="chrome://help-frame/channel_change_page.js"></script>
27 </if>
28   <script src="chrome://help-frame/help.js"></script>
29 </head>
30 <body class="uber-frame"
31     i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">
32   <div id="overlay-container" class="overlay" hidden>
33 <if expr="chromeos">
34     <include src="channel_change_page.html">
35 </if>
36   </div>
37   <div id="help-page" class="page">
38     <header>
39       <h1 i18n-content="aboutTitle"></h1>
40     </header>
41     <div id="about-container">
42       <img src="chrome://theme/IDR_PRODUCT_LOGO_32">
43       <div id="product-description">
44         <h2 i18n-content="aboutProductTitle"></h2>
45         <span i18n-content="aboutProductDescription"></span>
46       </div>
47     </div>
48     <div id="help-container">
49       <button id="get-help" i18n-content="getHelpWithChrome"></button>
50 <if expr="_google_chrome">
51       <button id="report-issue" i18n-content="reportAnIssue"></button>
52 </if>
53     </div>
54     <div id="version-container">
55       <div i18n-content="browserVersion" dir="ltr"></div>
56 <if expr="chromeos">
57       <div>
58         <span i18n-content="platform"></span>&nbsp;<span id="os-version"></span>
59       </div>
60       <div>
61         <span i18n-content="firmware"></span>&nbsp;<span id="firmware"></span>
62       </div>
63 </if>
64 <if expr="chromeos or _google_chrome or is_linux">
65       <div id="update-status-container" hidden>
66         <div id="update-status-icon" class="help-page-icon up-to-date"></div>
67         <div id="update-status-message-container">
68           <div id="update-status-message" i18n-content="updateCheckStarted">
69           </div>
70 <if expr="is_macosx">
71           <div id="update-obsolete-system-container" hidden>
72             <span id="update-obsolete-system" 
73                 i18n-content="updateObsoleteSystem"></span>
74             <a i18n-values="href:updateObsoleteSystemURL"
75                 i18n-content="learnMore" target="_blank"></a>
76           </div>
77 </if>
78           <div id="allowed-connection-types-message" hidden></div>
79         </div>
80       </div>
81       <div id="update-buttons-container">
82         <div id="update-percentage" hidden></div>
83 <if expr="is_macosx">
84         <button id="promote" i18n-content="promote" hidden></button>
85 </if>
86         <button id="relaunch" i18n-content="relaunch" hidden></button>
87 <if expr="chromeos">
88         <button id="relaunch-and-powerwash"
89             i18n-content="relaunchAndPowerwash" hidden>
90         </button>
91 </if>
92       </div>
93 </if>
94 <if expr="chromeos">
95       <div id="more-info-container">
96         <section id="channel-changer-container" hidden>
97           <h3 i18n-content="channel"></h3>
98           <select id="channel-changer">
99             <option value="stable-channel" i18n-content="stable"></option>
100             <option value="beta-channel" i18n-content="beta"></option>
101             <option value="dev-channel" i18n-content="dev"></option>
102           </select>
103           <div id="channel-change-confirmation" hidden></div>
104         </section>
105         <section id="channel-change-page-container" hidden>
106           <h3 i18n-content="channel"></h3>
107           <div id="current-channel"></div>
108           <button id="change-channel"
109               i18n-content="channelChangeButton" disabled>
110           </button>
111           <div id="channel-change-disallowed-icon"
112               class="help-page-icon" hidden>
113           </div>
114         </section>
115         <section>
116           <h3 i18n-content="webkit"></h3>
117           <div i18n-content="webkitVersion" dir="ltr"></div>
118         </section>
119         <section>
120           <h3 i18n-content="jsEngine" dir="ltr"></h3>
121           <div i18n-content="jsEngineVersion"></div>
122         </section>
123         <section>
124           <h3 i18n-content="userAgent"></h3>
125           <div i18n-content="userAgentInfo" dir="ltr"></div>
126         </section>
127         <section>
128           <h3 i18n-content="commandLine"></h3>
129           <div i18n-content="commandLineInfo" dir="ltr"></div>
130         </section>
131         <section id="build-date-container" class="empty">
132           <h3 i18n-content="buildDate"></h3>
133           <div id="build-date"></div>
134         </section>
135       </div>
136       <button id="more-info-expander" class="link-button"
137           i18n-content="showMoreInfo">
138       </button>
139 </if>
140     </div>
141     <div id="product-container">
142       <div i18n-content="productName"></div>
143       <div i18n-content="productCopyright"></div>
144       <div id="product-license"></div>
145 <if expr="chromeos">
146       <div id="product-os-license"></div>
147 </if>
148 <if expr="_google_chrome">
149       <div id="product-tos"></div>
150 </if>
151     </div>
152   </div>
153 </body>
154 <script src="chrome://help-frame/strings.js"></script>
155 <script src="chrome://resources/js/i18n_template2.js"></script>
156 </html>