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" required>
  81         <input type="submit" id="search-button" i18n-values="value:searchButton">
  82       </div>
  83       <div id="filter-controls" hidden>
  84         <button id="range-today" i18n-content="rangeToday" disabled></button>
  85         <button id="range-previous" i18n-values="alt:rangePrevious" disabled>
  86         </button>
  87         <button id="range-next" i18n-values="alt:rangeNext" disabled>
  88         </button>
  89         <div id="display-filter-controls">
  90           <div class="display-filter-button">
  91             <label for="timeframe-filter-all">
  92               <input id="timeframe-filter-all" type="radio"
  93                   name="timeframe-filter" value="0" checked>
  94               <span i18n-content="rangeAllTime" class="first-button-component">
  95               </span>
  96             </label>
  97           </div>
  98           <div class="display-filter-button">
  99             <label for="timeframe-filter-week">
 100               <input id="timeframe-filter-week" type="radio"
 101                   name="timeframe-filter" value="1">
 102               <span i18n-content="rangeWeek"></span>
 103             </label>
 104           </div>
 105           <div class="display-filter-button">
 106             <label for="timeframe-filter-month">
 107               <input id="timeframe-filter-month" type="radio"
 108                   name="timeframe-filter" value="2">
 109               <span i18n-content="rangeMonth" class="last-button-component">
 110               </span>
 111             </label>
 112           </div>
 113         </div>
 114       </div>
 115     </header>
 116 <if expr="not is_android">
 117     <div id="other-devices" class="other-devices"></div>
 118 </if>
 119     <div id="top-container">
 120       <div id="editing-controls">
 121         <button id="clear-browsing-data" i18n-content="clearAllHistory"></button>
 122         <button id="remove-selected" disabled="disabled"
 123             i18n-content="removeSelected"></button>
 124       </div>
 125       <div id="notification-bar" hidden></div>
 126     </div>
 127
 128     <div id="results-display"></div>
 129     <div id="loading-spinner" hidden>
 130       <span id="loading">
 131         <div id="spinner" class="inline-spinner"></div>
 132         <span i18n-content="loading"></span>
 133       </span>
 134     </div>
 135     <div id="results-pagination">
 136       <button id="newest-button" class="link-button" i18n-content="newest"
 137           hidden>
 138       </button>
 139       <button id="newer-button" class="link-button" i18n-content="newer" hidden>
 140       </button>
 141       <button id="older-button" class="link-button" i18n-content="older" hidden>
 142       </button>
 143     </div>
 144   </div>
 145 </div>
 146
 147 <menu id="action-menu" hidden>
 148   <button id="more-from-site" i18n-content="moreFromSite"></button>
 149   <button id="remove-visit" i18n-content="removeFromHistory"></button>
 150 </menu>
 151
 152 <script src="chrome://history-frame/strings.js"></script>
 153 <script src="chrome://resources/js/i18n_template2.js"></script>
 154 </body>
 155 </html>