shihaam/dhiraagu-edir
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

copy phone number too

Browse Source
This commit is contained in:
Shihaam Abdul Rahman
2026-03-24 02:17:27 +05:00
parent 3cb987f193
commit ad4371860c
1 changed files with 34 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+34 -9
View File
@@ -645,10 +645,15 @@
letter-spacing: 1px;
}
.phone-link {
.phone-cell {
display: inline-flex;
align-items: center;
gap: 8px;
}
.phone-link {
display: inline-flex;
align-items: center;
color: var(--orange);
text-decoration: none;
transition: all 0.15s ease;
@@ -662,6 +667,20 @@
font-size: 18px;
}
.phone-text {
color: var(--orange);
cursor: pointer;
transition: all 0.15s ease;
}
.phone-text:hover {
color: #ffaa44;
}
.phone-text:active {
opacity: 0.7;
}
.result {
word-break: break-word;
max-width: 300px;
@@ -1445,14 +1464,17 @@
const row = document.createElement('tr');
row.innerHTML = `
<td class="phone-number">
<a href="tel:${escapeHtml(entry.phone)}" class="phone-link">
<span class="material-icons">phone</span>
${escapeHtml(entry.phone)}
</a>
<span class="phone-cell">
<a href="tel:${escapeHtml(entry.phone)}" class="phone-link">
<span class="material-icons">phone</span>
</a>
<span class="phone-text">${escapeHtml(entry.phone)}</span>
</span>
</td>
<td class="result">${resultHtml}</td>
<td class="datetime">${formatDate(entry.timestamp)}</td>
`;
row.querySelector('.phone-text').addEventListener('click', () => copyToClipboard(entry.phone));
const resultCell = row.querySelector('.result');
if (entry.status === 'success') {
resultCell.classList.add('copyable');
@@ -1464,14 +1486,17 @@
const mobileRow = document.createElement('tr');
mobileRow.innerHTML = `
<td class="phone-number">
<a href="tel:${escapeHtml(entry.phone)}" class="phone-link">
<span class="material-icons">phone</span>
${escapeHtml(entry.phone)}
</a>
<span class="phone-cell">
<a href="tel:${escapeHtml(entry.phone)}" class="phone-link">
<span class="material-icons">phone</span>
</a>
<span class="phone-text">${escapeHtml(entry.phone)}</span>
</span>
</td>
<td class="result">${resultHtml}</td>
<td class="datetime">${formatDate(entry.timestamp)}</td>
`;
mobileRow.querySelector('.phone-text').addEventListener('click', () => copyToClipboard(entry.phone));
const mobileResultCell = mobileRow.querySelector('.result');
if (entry.status === 'success') {
mobileResultCell.classList.add('copyable');