60 lines
1.3 KiB
JavaScript
60 lines
1.3 KiB
JavaScript
import './style.scss';
|
|
import 'bootstrap/js/src/collapse.js';
|
|
import tippy from 'tippy.js';
|
|
|
|
class App {
|
|
|
|
static copyToClipboard(button) {
|
|
let text = button.parentNode.getElementsByTagName("code")[0].innerText
|
|
if (navigator.clipboard) {
|
|
navigator.clipboard.writeText(text);
|
|
let oldInner = button.innerHTML;
|
|
button.innerHTML = "✅";
|
|
setTimeout(() => button.innerHTML = oldInner, 1000);
|
|
}
|
|
}
|
|
|
|
};
|
|
|
|
tippy('.mytooltip', {
|
|
allowHTML: true,
|
|
theme: 'bootstrap',
|
|
placement: 'top',
|
|
popperOptions: {
|
|
modifiers: [
|
|
{
|
|
name: 'flip',
|
|
options: {
|
|
fallbackPlacements: ['top', 'bottom', 'left'],
|
|
},
|
|
}
|
|
]
|
|
},
|
|
content(reference) {
|
|
return reference.querySelector(".mytooltip-content").innerHTML;
|
|
},
|
|
});
|
|
|
|
tippy('.mytooltip-onclick', {
|
|
allowHTML: true,
|
|
theme: 'bootstrap',
|
|
placement: 'top',
|
|
interactive: true,
|
|
trigger: 'click',
|
|
popperOptions: {
|
|
modifiers: [
|
|
{
|
|
name: 'flip',
|
|
options: {
|
|
fallbackPlacements: ['top', 'bottom', 'left'],
|
|
},
|
|
}
|
|
]
|
|
},
|
|
content(reference) {
|
|
return reference.querySelector(".mytooltip-content").innerHTML;
|
|
},
|
|
});
|
|
|
|
window.App = App;
|