-
Notifications
You must be signed in to change notification settings - Fork 0
/
create.js
62 lines (53 loc) · 2.32 KB
/
create.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
document.addEventListener('DOMContentLoaded', function() {
chrome.runtime.sendMessage({message: "getUserEmail"}, function(response) {
if (response && response.userDetails) {
const userEmail = response.email;
fetchMessages(userEmail);
}
document.getElementById('copy-button').addEventListener('click', function() {
toggleMessagesDisplay();
});
});
});
let messageOptions = [];
function fetchMessages(email) {
fetch(`https://photo-paste.com/records/${email}`)
.then(response => response.json())
.then(messages => {
if (messages && messages.length > 0) {
populateDropdown(messages.slice(-5).reverse());
}
})
.catch(error => {
console.error('Failed to fetch messages:', error);
document.getElementById('user-email').textContent += '\nUnable to fetch messages';
});
}
function populateDropdown(messages) {
const dropdown = document.getElementById('message-dropdown');
messageOptions = [];
dropdown.innerHTML = '';
messages.forEach((message) => {
const option = document.createElement('div');
option.textContent = message.text;
option.classList.add('dropdown-option');
option.style.position = 'relative'; // Ensure the option container has a relative position
// Create an img element for the SVG icon
const copyIcon = document.createElement('img');
copyIcon.src = 'clipboard.svg'; // Path to your SVG icon
copyIcon.alt = 'Copy'; // Alt text for accessibility
copyIcon.classList.add('copy-icon'); // Add styling classes for the icon
copyIcon.style.cssText = "position: absolute; top: 5px; right: 5px; cursor: pointer; width: 20px; height: 20px;"; // Style the SVG icon
// Attach the click event listener to the entire 'option' div
option.addEventListener('click', function() {
navigator.clipboard.writeText(message.text)
.then(() => {
console.log('Message copied to clipboard');
})
.catch(err => console.error('Failed to copy text: ', err));
});
// Append the SVG icon to the option container
option.appendChild(copyIcon);
dropdown.appendChild(option);
});
}