src/chrome/browser/resources/history/history.html

   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>