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/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>