1 <!DOCTYPE HTML> 2 <html i18n-values="dir:textdirection;"> 3 <head> 4 <meta charset="utf-8"> 5 <if expr="is_android or is_ios"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0, 7 maximum-scale=1.0, user-scalable=no"> 8 </if> 9 <title i18n-content="title"></title> 10 <link rel="stylesheet" href="chrome://resources/css/butter_bar.css"> 11 <link rel="stylesheet" href="chrome://resources/css/chrome_shared.css"> 12 <link rel="stylesheet" href="chrome://resources/css/menu.css"> 13 <link rel="stylesheet" href="chrome://resources/css/menu_button.css"> 14 <if expr="not is_android and not is_ios"> 15 <link rel="stylesheet" href="alert_overlay.css"> 16 <link rel="stylesheet" href="chrome://resources/css/overlay.css"> 17 </if> 18 <link rel="stylesheet" href="chrome://resources/css/spinner.css"> 19 <if expr="not is_android and not is_ios"> 20 <link rel="stylesheet" href="../uber/uber_shared.css"> 21 </if> 22 <link rel="stylesheet" href="history.css"> 23 <if expr="is_android or is_ios"> 24 <link rel="stylesheet" href="history_mobile.css"> 25 </if> 26 <if expr="not is_android and not is_ios"> 27 <link rel="stylesheet" href="other_devices.css"> 28 </if> 29 30 <script src="chrome://resources/js/assert.js"></script> 31 <script src="chrome://resources/js/event_tracker.js"></script> 32 <script src="chrome://resources/js/util.js"></script> 33 <script src="chrome://resources/js/cr.js"></script> 34 <script src="chrome://resources/js/cr/ui.js"></script> 35 <script src="chrome://resources/js/cr/ui/command.js"></script> 36 <script src="chrome://resources/js/cr/ui/focus_manager.js"></script> 37 <script src="chrome://resources/js/cr/ui/focus_row.js"></script> 38 <script src="chrome://resources/js/cr/ui/focus_grid.js"></script> 39 <script src="chrome://resources/js/cr/ui/menu_item.js"></script> 40 <script src="chrome://resources/js/cr/ui/menu.js"></script> 41 <if expr="not is_android and not is_ios"> 42 <script src="chrome://resources/js/cr/ui/alert_overlay.js"></script> 43 <script src="chrome://resources/js/cr/ui/overlay.js"></script> 44 </if> 45 <script src="chrome://resources/js/cr/ui/position_util.js"></script> 46 <script src="chrome://resources/js/cr/ui/menu_button.js"></script> 47 <script src="chrome://resources/js/cr/ui/context_menu_button.js"></script> 48 <script src="chrome://resources/js/cr/event_target.js"></script> 49 <script src="chrome://resources/js/cr/ui/context_menu_handler.js"></script> 50 51 <script src="chrome://resources/js/load_time_data.js"></script> 52 <script src="chrome://resources/js/util.js"></script> 53 54 <script src="chrome://history-frame/history.js"></script> 55 <if expr="not is_android"> 56 <script src="chrome://history-frame/other_devices.js"></script> 57 </if> 58 59 </head> 60 61 <if expr="not is_android and not is_ios"> 62 <body class="uber-frame" 63 i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize"> 64 </if> 65 <if expr="is_android or is_ios"> 66 <body i18n-values=".style.fontFamily:fontfamily"> 67 </if> 68 69 <if expr="not is_android and not is_ios"> 70 <div id="overlay" class="overlay" hidden> 71 <include src="alert_overlay.html"> 72 </div> 73 </if> 74 75 <div id="history-page" class="page"> 76 <div id="scrolling-container"> 77 <header> 78 <h1 i18n-content="history"></h1> 79 <div id="search-form" class="search-field-container"> 80 <input type="search" id="search-field" 81 i18n-values="aria-label:searchButton" required> 82 <input type="submit" id="search-button" 83 i18n-values="value:searchButton"> 84 </div> 85 <div id="filter-controls" hidden> 86 <button id="range-today" i18n-content="rangeToday" 87 i18n-values="aria-label:rangeToday" disabled></button> 88 <button id="range-previous" i18n-values="aria-label:rangePrevious" 89 disabled></button> 90 <button id="range-next" i18n-values="aria-label:rangeNext" disabled> 91 </button> 92 <div id="display-filter-controls"> 93 <div class="display-filter-button"> 94 <label for="timeframe-filter-all"> 95 <input id="timeframe-filter-all" type="radio" 96 name="timeframe-filter" value="0" checked> 97 <span i18n-content="rangeAllTime" class="first-button-component"> 98 </span> 99 </label> 100 </div> 101 <div class="display-filter-button"> 102 <label for="timeframe-filter-week"> 103 <input id="timeframe-filter-week" type="radio" 104 name="timeframe-filter" value="1"> 105 <span i18n-content="rangeWeek"></span> 106 </label> 107 </div> 108 <div class="display-filter-button"> 109 <label for="timeframe-filter-month"> 110 <input id="timeframe-filter-month" type="radio" 111 name="timeframe-filter" value="2"> 112 <span i18n-content="rangeMonth" class="last-button-component"> 113 </span> 114 </label> 115 </div> 116 </div> 117 </div> 118 </header> 119 <if expr="not is_android"> 120 <div id="other-devices" class="other-devices"></div> 121 </if> 122 <div id="top-container"> 123 <div id="editing-controls"> 124 <button id="clear-browsing-data" i18n-content="clearAllHistory"> 125 </button> 126 <button id="remove-selected" disabled="disabled" 127 i18n-content="removeSelected"></button> 128 </div> 129 <div id="notification-bar" hidden></div> 130 </div> 131 132 <div id="results-display"></div> 133 <div id="loading-spinner" hidden> 134 <span id="loading"> 135 <div id="spinner" class="inline-spinner"></div> 136 <span i18n-content="loading"></span> 137 </span> 138 </div> 139 <div id="results-pagination"> 140 <button id="newest-button" class="link-button" i18n-content="newest" 141 hidden> 142 </button> 143 <button id="newer-button" class="link-button" i18n-content="newer" hidden> 144 </button> 145 <button id="older-button" class="link-button" i18n-content="older" hidden> 146 </button> 147 </div> 148 </div> 149 </div> 150 151 <menu id="action-menu" hidden> 152 <button id="more-from-site" i18n-content="moreFromSite"></button> 153 <button id="remove-visit" i18n-content="removeFromHistory"></button> 154 </menu> 155 156 <script src="chrome://history-frame/strings.js"></script> 157 <script src="chrome://resources/js/i18n_template2.js"></script> 158 </body> 159 </html> 160