« Modèle:MinecraftConnect » : différence entre les versions

@@ Ligne 1 : / Ligne 1 : @@
-<includeonly><templatestyles src="MinecraftConnect/styles.css" />{{#invoke:MinecraftConnect|button
+<includeonly><templatestyles src="Modèle:MinecraftConnect/styles.css" /><div class="mc-connect{{#if:{{{image|}}}|| mc-connect--no-image}}">{{#if:{{{image|}}}|<div class="mc-connect-background">[[Fichier:{{{image}}}|link=|120px]]<div class="mc-connect-overlay"></div></div>}}<div class="mc-connect-content"><span class="mc-connect-label">{{{text|Serveur Minecraft}}}</span><span class="mc-connect-address" id="mc-address">{{{address|nefald.fr}}}</span><button class="mc-connect-copy" onclick="copyMCAddress()" title="Copier l'adresse">📋</button></div></div><script>
-|serveur={{{serveur|{{{1|}}}}}}
+function copyMCAddress() {
-|port={{{port|{{{2|25565}}}}}}
+var address = document.getElementById('mc-address').textContent;
-|texte={{{texte|{{{3|Copier l'adresse}}}}}}
+navigator.clipboard.writeText(address).then(function() {
-}}</includeonly><noinclude>
+var btn = document.querySelector('.mc-connect-copy');
+btn.textContent = '✓';
+btn.style.background = '#4CAF50';
+setTimeout(function() {
+btn.textContent = '📋';
+btn.style.background = '';
+}, 2000);
+}).catch(function() {
+alert('Adresse: ' + address);
+});
+}
+</script></includeonly>
+<noinclude>
+[[Catégorie:Modèle de navigation]]
 {{Documentation}}
 </noinclude>