- add sources.
[platform/framework/web/crosswalk.git] / src / chrome / browser / resources / apps_debugger / main.html
1 <!DOCTYPE html>
2 <html i18n-values="dir:textdirection;">
3 <!--
4
5 Copyright (c) 2012 The Chromium Authors. All rights reserved.
6 Use of this source code is governed by a BSD-style license that can be
7 found in the LICENSE file.
8 -->
9   <head>
10     <meta charset="utf-8">
11     <link rel="stylesheet" href="../../../../ui/webui/resources/css/chrome_shared.css">
12     <link rel="stylesheet" href="../../../../ui/webui/resources/css/alert_overlay.css">
13     <link rel="stylesheet" href="../../../../ui/webui/resources/css/tabs.css">
14     <link rel="stylesheet" href="../../../../ui/webui/resources/css/overlay.css">
15     <link rel="stylesheet" href="../../../../ui/webui/resources/css/trash.css">
16     <link rel="stylesheet" href="../uber/uber_shared.css">
17     <link rel="stylesheet" href="css/pack_item_overlay.css">
18     <link rel="stylesheet" href="css/items.css">
19
20     <script src="js/main_scripts.js"></script>
21   </head>
22   <body>
23     <div id="overlay" class="overlay" hidden>
24       <include src="pack_item_overlay.html">
25       <include src="../../../../ui/webui/resources/html/alert_overlay.html">
26     </div>
27     <div class="page" id="extension-settings">
28       <tabbox id="tab-box">
29         <div id="header">
30           <div id="tabs-header-container">
31             <tabs id="tabs" tabindex="0">
32               <tab i18n-content="appsDevtoolApps"></tab>
33               <tab i18n-content="appsDevtoolExtensions"></tab>
34             </tabs>
35             <input id="search" type="search"
36                 i18n-values=".placeholder:appsDevtoolSearch"
37                 spellcheck="false">
38           </div>
39           <div id="header-bottom-separator">
40           </div>
41         </div>
42         <tabpanels id="tab-panels">
43           <!-- Apps Tab -->
44           <tabpanel id="apps-tab">
45             <div class="unpacked-list">
46               <div class="list-header">
47                 <span class="title"
48                     i18n-content="appsDevtoolUnpacked"></span>
49                 <button class="load-unpacked custom-appearance"
50                     i18n-content="appsDevtoolLoadUnpackedButton"></button>
51               </div>
52               <div class="items"></div>
53               <div id="no-unpacked-apps">
54                 <span id="no-unpacked-apps-message"
55                     i18n-content="appsDevtoolNoUnpackedApps"></span>
56               </div>
57             </div>
58             <div class="packed-list">
59               <div class="list-header">
60                 <span class="title" i18n-content="appsDevtoolInstalled">
61                 </span>
62                 <div class="update-items-container">
63                   <button class="update-items-progress custom-appearance"
64                       i18n-content="appsDevtoolUpdating" disabled></span>
65                   <button class="update-items-now custom-appearance"
66                       i18n-content="appsDevtoolUpdateButton"></button>
67                 </div>
68               </div>
69               <div class="items"></div>
70               <div id="no-packed-apps">
71                 <span id="no-packed-apps-message"
72                     i18n-content="appsDevtoolNoPackedApps"></span>
73               </div>
74             </div>
75           </tabpanel>
76           <!-- Extensions Tab -->
77           <tabpanel id="extensions-tab">
78             <div class="unpacked-list">
79               <div class="list-header">
80                 <span class="title" i18n-content="appsDevtoolUnpacked"></span>
81                 <button class="load-unpacked custom-appearance"
82                     i18n-content="appsDevtoolLoadUnpackedButton"></button>
83               </div>
84               <div class="items"></div>
85               <div id="no-unpacked-extensions">
86                 <span id="no-unpacked-extensions-message"
87                     i18n-content="appsDevtoolNoUnpackedExtensions"></span>
88               </div>
89             </div>
90             <div class="packed-list">
91               <div class="list-header">
92                 <span class="title" i18n-content="appsDevtoolInstalled">
93                 </span>
94                 <div class="update-items-container">
95                   <button class="update-items-progress custom-appearance"
96                       i18n-content="appsDevtoolUpdating" disabled></span>
97                   <button class="update-items-now custom-appearance"
98                       i18n-content="appsDevtoolUpdateButton"></button>
99                 </div>
100               </div>
101               <div class="items"></div>
102               <div id="no-packed-extensions">
103                 <span id="no-packed-extensions-message"
104                     i18n-content="appsDevtoolNoPackedExtensions"></span>
105               </div>
106             </div>
107           </tabpanel>
108         </tabpanels>
109       </tabbox>
110     </div>
111   </div>
112   <div id="template-collection" hidden>
113     <div class="extension-list-item-wrapper">
114       <div class="extension-list-item">
115         <div class="extension-details">
116           <div class="extension-details-summary">
117             <div class="extension-title-container">
118               <a class="extension-title" href="#"></a>
119               <span class="extension-version"></span>
120               <span class="extension-disabled"
121                   i18n-content="extensionDisabled"></span>
122             </div>
123             <div class="extension-description"><span></span></div>
124           </div>
125           <div class="extension-details-all">
126             <div>
127               <div class="item-id item">
128                 <span i18n-content="extensionSettingsExtensionId"></span>
129                 <span class="extension-id"></span>
130               </div>
131               <div class="load-path item" hidden>
132                 <span i18n-content="extensionSettingsExtensionPath"></span>
133                 <span></span>
134               </div>
135             </div>
136             <div class="item">
137               <span class="extension-disable-reason"></span>
138             </div>
139             <div class="managed-message item"
140                 i18n-content="extensionSettingsPolicyControlled" hidden>
141             </div>
142             <div class="extension-warnings item" hidden>
143               <span i18n-content="extensionSettingsWarningsTitle"></span>
144             </div>
145             <div class="install-warnings item" hidden>
146               <span i18n-content="extensionSettingsInstallWarnings"></span>
147               <ul></ul>
148             </div>
149             <div class="controls-container">
150               <div class="controls">
151                 <a class="terminated-reload-link" href="#"
152                     i18n-content="extensionSettingsReloadTerminated" hidden>
153                 </a>
154                 <div class="checkbox enable-checkbox" hidden>
155                   <label>
156                     <input type="checkbox">
157                     <span class="enable-checkbox-text">
158                       <span class="enabled-text"
159                           i18n-content="extensionSettingsEnabled"></span>
160                       <span class="enable-text"
161                           i18n-content="extensionSettingsEnable"></span>
162                     </span>
163                   </label>
164                   <span class="location-text"></span>
165                 </div>
166               </div>
167               <div class="optional-controls">
168                 <label class="incognito-control" hidden>
169                   <input type="checkbox">
170                   <span i18n-content="extensionSettingsEnableIncognito">
171                   </span>
172                 </label>
173                 <label class="file-access-control" hidden>
174                   <input type="checkbox">
175                   <span i18n-content="extensionSettingsAllowFileAccess">
176                   </span>
177                 </label>
178               </div>
179             </div>
180             <div>
181               <div class="active-views" hidden>
182                 <span i18n-content="extensionSettingsInspectViews"></span>
183                 <a href="#"></a>
184               </div>
185             </div>
186             <div class="buttons-container">
187               <a class="reload-link" href="#"
188                   i18n-content="extensionSettingsReloadUnpacked" hidden>
189               </a>
190               <a class="launch-link" i18n-content="extensionSettingsLaunch"
191                   href="#" hidden></a>
192               <a class="permissions-link"
193                   i18n-content="extensionSettingsPermissions" href="#"></a>
194               <a class="site-link" target="_blank" hidden></a>
195               <a class="options-link" i18n-content="extensionSettingsOptions"
196                   href="#" target="_blank" hidden></a>
197               <a class="pack-link" i18n-content="extensionSettingsPack"
198                   href="#" hidden></a>
199               <a class="delete-link" i18n-content="extensionSettingsDelete"
200                   href="#"></a>
201             </div>
202           </div>
203         </div>
204       </div>
205     </div>
206   </body>
207 </html>