[Aura] Initial app list webui.
[chromium-blink-merge.git] / chrome / browser / resources / aura / app_list / app_list.html
blobe1d437f20a27845ee552cc4b894faf2ccc612e01
1 <!DOCTYPE HTML>
2 <html i18n-values="dir:textdirection;">
3 <head>
4 <meta charset="utf-8">
6 <link rel="stylesheet" href="../../ntp4/apps_page.css">
7 <link rel="stylesheet" href="../../ntp4/nav_dot.css">
8 <link rel="stylesheet" href="../../ntp4/tile_page.css">
9 <link rel="stylesheet" href="app_list.css">
11 <!-- It's important that this be the first script loaded. -->
12 <script src="../../ntp4/logging.js"></script>
14 <script src="chrome://resources/js/cr.js"></script>
15 <script src="chrome://resources/js/cr/event_target.js"></script>
16 <script src="chrome://resources/js/cr/ui.js"></script>
17 <script src="chrome://resources/js/cr/ui/card_slider.js"></script>
18 <script src="chrome://resources/js/cr/ui/drag_wrapper.js"></script>
19 <script src="chrome://resources/js/cr/ui/touch_handler.js"></script>
20 <script src="chrome://resources/js/event_tracker.js"></script>
21 <script src="chrome://resources/js/local_strings.js"></script>
22 <script src="chrome://resources/js/util.js"></script>
24 <script src="../../ntp4/tile_page.js"></script>
25 <script src="../../ntp4/apps_page.js"></script>
26 <script src="../../ntp4/dot_list.js"></script>
27 <script src="../../ntp4/page_list_view.js"></script>
28 <script src="../../ntp4/nav_dot.js"></script>
29 <script src="../../ntp4/trash.js"></script>
31 <script src="app_list.js"></script>
32 <script src="apps_view.js"></script>
33 </head>
35 <body>
36 <div id="launcher-search-container">
37 <input id="launcher-search" type="text"
38 i18n-values="placeholder:search-box-hint">
39 </div>
41 <div id="card-slider-frame">
42 <div id="page-list"></div>
43 </div>
45 </body>
47 <!-- Invisible yet maybe needed in the future elements -->
48 <div id="invisible" hidden>
49 <div id="footer">
50 <div id="footer-border"></div>
51 <div id="footer-content">
52 <ul id="dot-list">
53 </ul>
54 <div id="trash">
55 <span i18n-content="appuninstall"></span>
56 </div>
57 </div>
58 </div>
59 </div>
61 <!-- Apps promo. -->
62 <div id="apps-promo-extras-template" class="apps-promo-extras" hidden>
63 <h3 class="apps-promo-heading"></h3>
64 <a class="apps-promo-link g-button-basic"><a/>
65 </div>
67 <!-- App Contents w/ Large Icon -->
68 <div id="app-large-icon-template" class="app-contents" hidden>
69 <div class="app-img-container">
70 <img class="invisible">
71 </div>
72 <span class="title"></span>
73 </div>
75 <!-- App Contents w/ Small Icon -->
76 <div id="app-small-icon-template" class="app-contents" hidden>
77 <div class="app-icon-div">
78 <div class="app-img-container">
79 <img class="invisible">
80 </div>
81 <div class="color-stripe"></div>
82 </div>
83 <span class="title"></span>
84 </div>
86 <script src="chrome://app-list/strings.js"></script>
87 <script src="chrome://resources/js/i18n_template.js"></script>
88 <script src="chrome://resources/js/i18n_process.js"></script>
90 </html>