zydronium/manage.get.gov
1
0
Fork 0
mirror of https://github.com/cisagov/manage.get.gov.git synced 2025-08-11 20:19:38 +02:00
Code Issues Projects Releases Packages Wiki Activity

copy logic updates, icon updates

Browse source
This commit is contained in:
CocoByte 2024-07-30 16:05:15 -06:00
parent 53e1fe9693
commit e446aa9511
No known key found for this signature in database
GPG key ID: BBFAA2526384C97F
2 changed files with 12 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/registrar/assets/js/copy-summary.js
View file

@ -21,9 +21,9 @@ document.addEventListener('DOMContentLoaded', function() {
// 1 - Create a hyperlinks map so we can display contact details and also link to the contact // 1 - Create a hyperlinks map so we can display contact details and also link to the contact
const otherContactsDiv = document.querySelector('.form-row.field-other_contacts .readonly'); const otherContactsDiv = document.querySelector('.form-row.field-other_contacts .readonly');
let otherContactLinks = []; let otherContactLinks = [];
const nameToUrlMap = {};
if (otherContactsDiv) { if (otherContactsDiv) {
otherContactLinks = otherContactsDiv.querySelectorAll('a'); otherContactLinks = otherContactsDiv.querySelectorAll('a');
const nameToUrlMap = {};
otherContactLinks.forEach(link => { otherContactLinks.forEach(link => {
const name = link.textContent.trim(); const name = link.textContent.trim();
const url = link.href; const url = link.href;
@ -38,20 +38,20 @@ document.addEventListener('DOMContentLoaded', function() {
const contacts = document.querySelectorAll('.dja-detail-list dl'); const contacts = document.querySelectorAll('.dja-detail-list dl');
// Iterate through each contact element // Iterate through each contact element
const bulletList = document.createElement('ul');
contacts.forEach(contact => { contacts.forEach(contact => {
const name = contact.querySelector('a#contact_info_name').innerText; const name = contact.querySelector('a#contact_info_name').innerText;
const title = contact.querySelector('span#contact_info_title').innerText; const title = contact.querySelector('span#contact_info_title').innerText;
const email = contact.querySelector('span#contact_info_email').innerText; const email = contact.querySelector('span#contact_info_email').innerText;
const phone = contact.querySelector('span#contact_info_phone').innerText; const phone = contact.querySelector('span#contact_info_phone').innerText;
const url = nameToUrlMap[name] || '#'; const url = nameToUrlMap[name] || '#';
// Format the contact information // Format the contact information
const listItem = document.createElement('li'); const listItem = document.createElement('li');
listItem.innerHTML = `<a href="${url}">${name}</a>, ${title}, ${email}, ${phone}`; listItem.innerHTML = `<a href="${url}">${name}</a>, ${title}, ${email}, ${phone}`;
bulletList.appendChild(listItem); bulletList.appendChild(listItem);
});
otherContactsSummary += bulletList.outerHTML
}); });
otherContactsSummary += bulletList.outerHTML
//------ Requested Domains //------ Requested Domains
@ -115,12 +115,10 @@ document.addEventListener('DOMContentLoaded', function() {
'text/html': new Blob([tempElement.innerHTML], { type: 'text/html' }) 'text/html': new Blob([tempElement.innerHTML], { type: 'text/html' })
}) })
]).then(() => { ]).then(() => {
console.log('Bold text copied to clipboard successfully!'); console.log('Summary copied to clipboard successfully!');
}).catch(err => { }).catch(err => {
console.error('Failed to copy text: ', err); console.error('Failed to copy text: ', err);
}); });
document.body.removeChild(tempElement); document.body.removeChild(tempElement);
alert('Summary copied to clipboard!');
}); });
}); });

8
src/registrar/templates/admin/change_form_object_tools.html
View file

@ -1,4 +1,5 @@
{% load i18n admin_urls %} {% load i18n admin_urls %}
{% load i18n static %}
{% comment %} Replace li with p for more semantic HTML if we have a single child {% endcomment %} {% comment %} Replace li with p for more semantic HTML if we have a single child {% endcomment %}
{% block object-tools-items %} {% block object-tools-items %}
@ -19,7 +20,12 @@
</li> </li>
{% if opts.model_name == 'domainrequest' %} {% if opts.model_name == 'domainrequest' %}
<li> <li>
<a id="copy-summary-btn" class="historylink" href="#">{% translate "Copy request summary" %}</a> <a id="copy-summary-btn" class="historylink " href="#">
<svg class="usa-icon" >
<use aria-hidden="true" xlink:href="{%static 'img/sprite.svg'%}#content_copy"></use>
</svg>
<span>{% translate "Copy request summary" %}</span>
</a>
</li> </li>
{% endif %} {% endif %}
</ul> </ul>