Insurer Brain

MediaWiki:Gadget-copyTable.js: Difference between revisions

Browse history interactively
Newer edit →
Content deleted Content added
Created page with "→* * Gadget: CopyTable * Adds a "Copy" button above every wikitable. * Copies content as TSV (tab-separated values) for pasting into Excel / Sheets.: mw.hook( 'wikipage.content' ).add( function ( $content ) { $content.find( 'table.wikitable' ).not( '.copy-table-added' ).each( function () { var $table = $( this ).addClass( 'copy-table-added' ); var $btn = $( '<button>' ) .addClass( 'copy-table-btn' ) .text( '\uD83D\uDCCB..."
 
No edit summary
Line 1:
/**
* Gadget: CopyTable
* AddsDiscreet acopy "Copy"icon buttonat abovethe bottom-right of every wikitable.
* Copies content as TSV (tab-separated values) for pasting into Excel / Sheets.
*/
mw.hook( 'wikipage.content' ).add( function ( $content ) {
'use strict';
$content.find( 'table.wikitable' ).not( '.copy-table-added' ).each( function () {▼
var $table = $( this ).addClass( 'copy-table-added' );▼
 
// Standard two-rectangle "copy" icon
var $btn = $( '<button>' )▼
var COPY_ICON = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" '
.addClass( 'copy-table-btn' )▼
+ 'viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" '
.text( '\uD83D\uDCCB Copy table' ) // 📋 emoji
+ 'stroke-linecap="round" stroke-linejoin="round">'
.attr( 'title', 'Copy as tab-separated values' )▼
+ '<rect x="9" y="9" .on(width="13" 'click',height="13" functionrx="2" () {ry="2"/>'
+ '<path d="M5 15H4a2 2 0 0 1-2-2V4a2 var2 tsv0 =0 tableToTSV(1 $table[2-2h9a2 2 0 ]0 1 2 );2v1"/>'
+ } )'</svg>';▼
navigator.clipboard.writeText( tsv ).then( function () {▼
 
$btn.text( '\u2713 Copied!' ); // ✓
// Checkmark shown after copy
setTimeout( function () {▼
var CHECK_ICON = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" '
$btn.text( '\uD83D\uDCCB Copy table' );▼
+ 'viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" '
}, 2000 );▼
+ 'stroke-linecap="round" stroke-linejoin="round">'
▲ } );
+ '<polyline points="20 6 9 17 4 12"/>'
var+ cells = []'</svg>';▼
 
function tableToTSV( table ) {▼
var lines = [];▼
$( thistable ).find( 'th, tdtr' ).each( function () {▼
var cells = [];
$( this ).find( 'th, td' ).each( function () {
cells.push( $( this ).text().trim().replace( /[\t\n\r]+/g, ' ' ) );▼
} );
lines.push( cells.join( '\t' ) );▼
} );▼
return lines.join( '\n' );▼
}
 
mw.hook( 'wikipage.content' ).add( function ( $content ) {
$table.before( $btn );
▲ $content.find( 'table.wikitable' ).not( '.copy-table-added' ).each( function () {
▲ } );
▲ var $table = $( this ).addClass( 'copy-table-added' );
} );▼
 
▲ var $btn = $( '<button>' )
▲ .addClass( 'copy-table-btn' )
▲ .attr( 'title', 'Copy as tab-separated valuestable' )
.html( COPY_ICON )
.on( 'click', function () {
var tsv = tableToTSV( $table[ 0 ] );
▲ navigator.clipboard.writeText( tsv ).then( function () {
▲ $btn.texthtml( '\uD83D\uDCCBCHECK_ICON Copy).addClass( 'copy-table-btn--ok' );
▲ setTimeout( function () {
$btn.html( COPY_ICON ).removeClass( 'copy-table-btn--ok' );
▲ }, 2000 );
} );
} );
 
// Wrap table so button can be absolutely positioned
▲function tableToTSV( table ) {
$table.wrap( '<div class="copy-table-wrapper">' );
▲ var lines = [];
$( table ).find( 'tr' $table.parent().eachappend( function$btn () {;
▲ var cells = [];
▲ $( this ).find( 'th, td' ).each( function () {
▲ cells.push( $( this ).text().trim().replace( /[\t\n\r]+/g, ' ' ) );
} );
▲ lines.push( cells.join( '\t' ) );
} );
▲}() );
▲ return lines.join( '\n' );
}
Retrieved from "https://www.insurerbrain.com/wiki/MediaWiki:Gadget-copyTable.js"