2022-01-06 12:58:10 +00:00
|
|
|
export function createCopyButton(highlightDiv) {
|
|
|
|
const button = document.createElement("span")
|
2021-11-07 21:12:14 +00:00
|
|
|
|
2022-06-12 13:41:20 +00:00
|
|
|
let codeSelector = "pre > code"
|
2021-11-07 21:12:14 +00:00
|
|
|
if (highlightDiv.querySelector(".lntable")) {
|
2022-06-12 13:41:20 +00:00
|
|
|
codeSelector = ".lntable .lntd:last-child pre > code"
|
2021-11-07 21:12:14 +00:00
|
|
|
}
|
|
|
|
|
2022-06-12 13:41:20 +00:00
|
|
|
const codeContainer = highlightDiv.querySelector(codeSelector)
|
|
|
|
if (codeContainer !== null) {
|
|
|
|
const codeContent = codeContainer.innerText.trim()
|
2021-11-07 21:12:14 +00:00
|
|
|
|
2022-06-12 13:41:20 +00:00
|
|
|
button.classList.add("flex", "align-center", "justify-center", "clip", "gdoc-post__codecopy")
|
|
|
|
button.type = "button"
|
|
|
|
button.innerHTML =
|
|
|
|
'<svg class="gdoc-icon copy"><use xlink:href="#gdoc_copy"></use></svg>' +
|
|
|
|
'<svg class="gdoc-icon check hidden"><use xlink:href="#gdoc_check"></use></svg>'
|
|
|
|
button.setAttribute("data-clipboard-text", codeContent)
|
|
|
|
button.setAttribute("data-copy-feedback", "Copied!")
|
|
|
|
button.setAttribute("role", "button")
|
|
|
|
button.setAttribute("aria-label", "Copy")
|
2021-11-07 21:12:14 +00:00
|
|
|
|
2022-06-12 13:41:20 +00:00
|
|
|
highlightDiv.classList.add("gdoc-post__codecontainer")
|
|
|
|
highlightDiv.insertBefore(button, highlightDiv.firstChild)
|
|
|
|
}
|
2021-11-07 21:12:14 +00:00
|
|
|
}
|