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/event_tracker.js"></script> 31 <script src="chrome://resources/js/cr.js"></script> 32 <script src="chrome://resources/js/cr/ui.js"></script> 33 <script src="chrome://resources/js/cr/ui/command.js"></script> 34 <script src="chrome://resources/js/cr/ui/focus_manager.js"></script> 35 <script src="chrome://resources/js/cr/ui/menu_item.js"></script> 36 <script src="chrome://resources/js/cr/ui/menu.js"></script> 37 <if expr="not is_android and not is_ios"> 38 <script src="chrome://resources/js/cr/ui/alert_overlay.js"></script> 39 <script src="chrome://resources/js/cr/ui/overlay.js"></script> 40 </if> 41 <script src="chrome://resources/js/cr/ui/position_util.js"></script> 42 <script src="chrome://resources/js/cr/ui/menu_button.js"></script> 43 <script src="chrome://resources/js/cr/ui/context_menu_button.js"></script> 44 <script src="chrome://resources/js/cr/event_target.js"></script> 45 <script src="chrome://resources/js/cr/ui/context_menu_handler.js"></script> 46 47 <script src="chrome://resources/js/load_time_data.js"></script> 48 <script src="chrome://resources/js/util.js"></script> 49 50 <script src="chrome://history-frame/history.js"></script> 51 <if expr="not is_android"> 52 <script src="chrome://history-frame/other_devices.js"></script> 53 </if> 54 55 </head> 56 57 <if expr="not is_android and not is_ios"> 58 <body class="uber-frame" 59 i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize"> 60 </if> 61 <if expr="is_android or is_ios"> 62 <body i18n-values=".style.fontFamily:fontfamily"> 63 </if> 64 65 <if expr="not is_android and not is_ios"> 66 <div id="overlay" class="overlay" hidden> 67 <include src="alert_overlay.html"> 68 </div> 69 </if> 70 71 <div id="history-page" class="page"> 72 <div id="scrolling-container"> 73 <header> 74 <h1 i18n-content="history"></h1> 75 <div id="search-form" class="search-field-container"> 76 <input type="search" id="search-field" required> 77 <input type="submit" id="search-button" i18n-values="value:searchButton"> 78 </div> 79 <div id="filter-controls" hidden> 80 <button id="range-today" i18n-content="rangeToday" disabled></button> 81 <button id="range-previous" i18n-values="alt:rangePrevious" disabled> 82 </button> 83 <button id="range-next" i18n-values="alt:rangeNext" disabled> 84 </button> 85 <div id="display-filter-controls"> 86 <div class="display-filter-button"> 87 <label for="timeframe-filter-all"> 88 <input id="timeframe-filter-all" type="radio" 89 name="timeframe-filter" value="0" checked> 90 <span i18n-content="rangeAllTime" class="first-button-component"> 91 </span> 92 </label> 93 </div> 94 <div class="display-filter-button"> 95 <label for="timeframe-filter-week"> 96 <input id="timeframe-filter-week" type="radio" 97 name="timeframe-filter" value="1"> 98 <span i18n-content="rangeWeek"></span> 99 </label> 100 </div> 101 <div class="display-filter-button"> 102 <label for="timeframe-filter-month"> 103 <input id="timeframe-filter-month" type="radio" 104 name="timeframe-filter" value="2"> 105 <span i18n-content="rangeMonth" class="last-button-component"> 106 </span> 107 </label> 108 </div> 109 </div> 110 </div> 111 </header> 112 <if expr="not is_android"> 113 <div id="other-devices" class="other-devices"></div> 114 </if> 115 <div id="top-container"> 116 <div id="editing-controls"> 117 <button id="clear-browsing-data" i18n-content="clearAllHistory"></button> 118 <button id="remove-selected" disabled="disabled" 119 i18n-content="removeSelected"></button> 120 </div> 121 <div id="notification-bar" hidden></div> 122 </div> 123 124 <div id="results-display"></div> 125 <div id="loading-spinner" hidden> 126 <span id="loading"> 127 <div id="spinner" class="inline-spinner"></div> 128 <span i18n-content="loading"></span> 129 </span> 130 </div> 131 <div id="results-pagination"> 132 <button id="newest-button" class="link-button" i18n-content="newest" 133 hidden> 134 </button> 135 <button id="newer-button" class="link-button" i18n-content="newer" hidden> 136 </button> 137 <button id="older-button" class="link-button" i18n-content="older" hidden> 138 </button> 139 </div> 140 </div> 141 </div> 142 143 <menu id="action-menu" hidden> 144 <button id="more-from-site" i18n-content="moreFromSite"></button> 145 <button id="remove-visit" i18n-content="removeFromHistory"></button> 146 </menu> 147 148 <script src="chrome://history-frame/strings.js"></script> 149 <script src="chrome://resources/js/i18n_template2.js"></script> 150 </body> 151 </html> 152