mirror of
https://github.com/GoogleChrome/chrome-extensions-samples.git
synced 2026-03-26 13:19:49 +07:00
5bf419b385
* Remove docs folder. This was a redirect from a GitHub pages site that does not appear to be in use. * Rename api folder to api-samples. * Move examples to functional-samples folder. * Move cookbook sample to functional-samples. * Move tutorials to functional-samples folder. * Move mv2 and apps folders to _archive. * Rename tools folder to .repo. * Move reference folder to functional-samples. * Update README. Update README with new relative links for reorg. * Update README.md Co-authored-by: amysteamdev <37001393+AmySteam@users.noreply.github.com> --------- Co-authored-by: amysteamdev <37001393+AmySteam@users.noreply.github.com>
77 lines
2.5 KiB
JavaScript
77 lines
2.5 KiB
JavaScript
// Copyright 2017 The Chromium Authors. All rights reserved.
|
|
// Use of this source code is governed by a BSD-style license that can be
|
|
// found in the LICENSE file.
|
|
|
|
const kMillisecondsPerWeek = 1000 * 60 * 60 * 24 * 7;
|
|
const kOneWeekAgo = (new Date).getTime() - kMillisecondsPerWeek;
|
|
let historyDiv = document.getElementById('historyDiv');
|
|
const kColors = ['#4688F1', '#E8453C', '#F9BB2D', '#3AA757'];
|
|
let $ = document.getElementById.bind(document);
|
|
|
|
function constructHistory(historyItems) {
|
|
let template = $('historyTemplate');
|
|
for (let item of historyItems) {
|
|
let displayDiv = template.content.querySelector("#history, div");
|
|
let randomColor = kColors[Math.floor(Math.random() * kColors.length)];
|
|
displayDiv.style.backgroundColor = randomColor;
|
|
let titleLink = template.content.querySelector('.titleLink, a');
|
|
let pageName = template.content.querySelector('.pageName, p');
|
|
let removeButton = template.content.querySelector('.removeButton, button');
|
|
let checkbox = template.content.querySelector('.removeCheck, input');
|
|
checkbox.setAttribute('value', item.url);
|
|
let favicon = document.createElement('img');
|
|
let host = new URL(item.url).host;
|
|
titleLink.href = item.url;
|
|
favicon.src = 'chrome://favicon/' + item.url;
|
|
titleLink.textContent = host;
|
|
titleLink.appendChild(favicon);
|
|
pageName.innerText = item.title;
|
|
if (item.title === '') {
|
|
pageName.innerText = host;
|
|
}
|
|
var clone = document.importNode(template.content, true);
|
|
clone.querySelector('.removeButton, button')
|
|
.addEventListener('click', function() {
|
|
chrome.history.deleteUrl({url: item.url}, function() {
|
|
location.reload();
|
|
});
|
|
});
|
|
historyDiv.appendChild(clone);
|
|
}
|
|
}
|
|
|
|
chrome.history.search({
|
|
text: '',
|
|
startTime: kOneWeekAgo,
|
|
maxResults: 99
|
|
}, constructHistory);
|
|
|
|
$('searchSubmit').onclick = function() {
|
|
historyDiv.innerHTML = " "
|
|
let searchQuery = document.getElementById('searchInput').value
|
|
chrome.history.search({
|
|
text: searchQuery,
|
|
startTime: kOneWeekAgo
|
|
}, constructHistory)
|
|
}
|
|
|
|
$('deleteSelected').onclick = function() {
|
|
let checkboxes = document.getElementsByTagName('input');
|
|
for (var i =0; i<checkboxes.length; i++) {
|
|
if (checkboxes[i].checked == true) {
|
|
chrome.history.deleteUrl({url: checkboxes[i].value})
|
|
}
|
|
}
|
|
location.reload();
|
|
}
|
|
|
|
$('removeAll').onclick = function() {
|
|
chrome.history.deleteAll(function() {
|
|
location.reload();
|
|
});
|
|
}
|
|
|
|
$('seeAll').onclick = function() {
|
|
location.reload();
|
|
}
|