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>
86 lines
2.7 KiB
JavaScript
86 lines
2.7 KiB
JavaScript
// Copyright 2018 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.
|
|
|
|
'use strict'
|
|
|
|
// Script code to inject on page
|
|
// Selects images then returns array of their currentSrc
|
|
const scriptCode =
|
|
`(function() {
|
|
let images = document.querySelectorAll('img');
|
|
let srcArray =
|
|
Array.from(images).map(function(image) {
|
|
return image.currentSrc;
|
|
});
|
|
return srcArray
|
|
})();`;
|
|
|
|
|
|
// Declare add image function to save downloaded images
|
|
function addImage(url) {
|
|
chrome.storage.local.get('savedImages', function(result) {
|
|
// Check if storage has exsisting arrays
|
|
// If array found, blank array is replaced with found array
|
|
// If no array, we add to created blank array
|
|
let downloadsArray = result.savedImages || [];
|
|
// Images are added
|
|
downloadsArray.push(url);
|
|
// Chrome stores the new array with the new image
|
|
chrome.storage.local.set({'savedImages': downloadsArray}, function() {
|
|
if (chrome.runtime.lastError) {
|
|
console.log(chrome.runtime.lastError);
|
|
} else {
|
|
console.log('Image saved successfully');
|
|
};
|
|
});
|
|
});
|
|
};
|
|
|
|
// Grabs the imageDiv from the popup
|
|
let imageDiv = document.getElementById('image_div');
|
|
function setUp(array) {
|
|
chrome.storage.local.get(
|
|
['saveImages', 'thumbnails'], function(config) {
|
|
for (let src of array) {
|
|
let newImage = document.createElement('img');
|
|
let lineBreak = document.createElement('br');
|
|
newImage.src = src;
|
|
console.log(newImage)
|
|
// Add an onclick event listener
|
|
newImage.addEventListener('click', function() {
|
|
// Downloads and image when it is clicked on
|
|
chrome.downloads.download({url: newImage.src});
|
|
// Checks if extension is set to store images
|
|
if (config.saveImages === true) {
|
|
// If true, call addImage function
|
|
addImage(newImage.src);
|
|
};
|
|
});
|
|
// Checks extension thumbnail settings
|
|
if (config.thumbnails === true) {
|
|
// If on, popup displays images as thumnails
|
|
let newDiv = document.createElement('div');
|
|
newDiv.className = 'square';
|
|
newDiv.appendChild(newImage);
|
|
imageDiv.appendChild(newDiv);
|
|
} else {
|
|
// If off, images are displayed at full size
|
|
imageDiv.appendChild(newImage);
|
|
};
|
|
imageDiv.appendChild(lineBreak);
|
|
};
|
|
});
|
|
};
|
|
|
|
// Runs script when popup is opened
|
|
chrome.tabs.executeScript({code: scriptCode}, function(result) {
|
|
setUp(result[0]);
|
|
});
|
|
|
|
let optionsButton = document.getElementById('options_button');
|
|
|
|
optionsButton.onclick = function() {
|
|
chrome.tabs.create({ url: "options.html" });
|
|
}
|