User:Udays108/common.js - Revision history

Udays108 at 14:42, 24 June 2026

2026-06-24T14:42:09Z

@@ Line 586: / Line 586: @@
+             }
              itemsWrap.appendChild( itemEl );
            } );

Udays108 at 17:13, 10 June 2026

2026-06-10T17:13:23Z

@@ Line 586: / Line 586: @@
+             }
              itemsWrap.appendChild( itemEl );
            } );

Udays108: Undo revision 131623 by Udays108 (talk)

2026-06-10T16:19:32Z

Undo revision 131623 by Udays108 (talk)

Show changes

Udays108 at 16:07, 10 June 2026

2026-06-10T16:07:38Z

Show changes

Udays108 at 15:52, 8 June 2026

2026-06-08T15:52:17Z

← Older revision		Revision as of 15:52, 8 June 2026
Line 650:		Line 650:
	} );		} );

	/* 11. ~~Pages with~~ flex ~~wikitable~~ layout — column borders and content		/* 11. Pricing page — convert wikitables to flex layout so column
	stay perfectly aligned. colspan cells get flex-grow = span.		borders and content stay perfectly aligned even with colspan rows.
	~~Add page names (or unique substrings) to FLEX_TABLE_PAGES to~~		colspan cells get flex-grow = span so they span proportionally. */
	~~opt any future page into this layout without touching JS again~~. */		if ( currentPage.indexOf( 'Pricing' ) !== -1 ) {
	~~var FLEX_TABLE_PAGES = [ 'Pricing', 'Tecan' ];~~		document.body.classList.add( 'bmc-pricing' );
	~~var needsFlex = FLEX_TABLE_PAGES.some~~( ~~function ( p ) {~~
	~~return~~ currentPage.indexOf( p ) !== -1;
	~~} );~~
	~~if ( needsFlex~~ ) {
	document.body.classList.add( 'bmc-~~flex-tables~~' );
	main.querySelectorAll( '.wikitable' ).forEach( function ( table ) {		main.querySelectorAll( '.wikitable' ).forEach( function ( table ) {
	table.querySelectorAll( 'tr' ).forEach( function ( row ) {		table.querySelectorAll( 'tr' ).forEach( function ( row ) {

Udays108 at 15:48, 8 June 2026

2026-06-08T15:48:56Z

← Older revision		Revision as of 15:48, 8 June 2026
Line 650:		Line 650:
	} );		} );

	/* 11. ~~Pricing page — convert wikitables to~~ flex layout so column		/* 11. Pages with flex wikitable layout — column borders and content
	borders and content stay perfectly aligned ~~even with colspan rows~~.		stay perfectly aligned. colspan cells get flex-grow = span.
	colspan cells get flex-grow = span ~~so they span proportionally~~. */		Add page names (or unique substrings) to FLEX_TABLE_PAGES to
	if ( currentPage.indexOf( ~~'Pricing'~~ ) !== -1 ) {		opt any future page into this layout without touching JS again. */
	document.body.classList.add( 'bmc-~~pricing~~' );		var FLEX_TABLE_PAGES = [ 'Pricing', 'Tecan' ];
			var needsFlex = FLEX_TABLE_PAGES.some( function ( p ) {
			return currentPage.indexOf( p ) !== -1;
			} );
			if ( needsFlex ) {
			document.body.classList.add( 'bmc-flex-tables' );
	main.querySelectorAll( '.wikitable' ).forEach( function ( table ) {		main.querySelectorAll( '.wikitable' ).forEach( function ( table ) {
	table.querySelectorAll( 'tr' ).forEach( function ( row ) {		table.querySelectorAll( 'tr' ).forEach( function ( row ) {

Udays108 at 15:44, 8 June 2026

2026-06-08T15:44:13Z

← Older revision		Revision as of 15:44, 8 June 2026
Line 650:		Line 650:
	} );		} );

			/* 11. Pricing page — convert wikitables to flex layout so column
			borders and content stay perfectly aligned even with colspan rows.
			colspan cells get flex-grow = span so they span proportionally. */
			if ( currentPage.indexOf( 'Pricing' ) !== -1 ) {
			document.body.classList.add( 'bmc-pricing' );
			main.querySelectorAll( '.wikitable' ).forEach( function ( table ) {
			table.querySelectorAll( 'tr' ).forEach( function ( row ) {
			row.querySelectorAll( 'th, td' ).forEach( function ( cell ) {
			var span = parseInt( cell.getAttribute( 'colspan' ) \|\| '1', 10 );
			cell.style.setProperty( 'flex', span + ' 1 0%', 'important' );
			cell.style.setProperty( 'min-width', '0', 'important' );
			} );
			} );
			} );
			}

	}		}

Udays108 at 15:34, 8 June 2026

2026-06-08T15:34:48Z

@@ Line 303: / Line 303: @@
          } );
        } );
      } );
+   }
@@ Line 549: / Line 581: @@
              itemEl.innerHTML = item.html;
              if ( item.subList ) {
                item.subList.className = 'bmc-panel-sublist';
                itemEl.appendChild( item.subList );

Udays108 at 14:57, 5 June 2026

2026-06-05T14:57:14Z

← Older revision		Revision as of 14:57, 5 June 2026
Line 408:		Line 408:
	if ( isHome ) {		if ( isHome ) {
	document.body.classList.add( 'bmc-home' );		document.body.classList.add( 'bmc-home' );

			/* Remove page title from hero — logo already identifies the site */
			var heroH1 = hero.querySelector( 'h1' );
			if ( heroH1 ) { heroH1.remove(); }
			var heroCrumb = hero.querySelector( '.bmc-breadcrumb' );
			if ( heroCrumb ) { heroCrumb.remove(); }

	var parserOutput = contentClone.querySelector( '.mw-parser-output' ) \|\| contentClone;		var parserOutput = contentClone.querySelector( '.mw-parser-output' ) \|\| contentClone;
Line 420:		Line 426:
	if ( welcomeEl ) { welcomeEl.parentNode.removeChild( welcomeEl ); }		if ( welcomeEl ) { welcomeEl.parentNode.removeChild( welcomeEl ); }

	/* 7b. ~~Wrap the first~~ table ~~(overview/nav)~~ in ~~a click-to-expand dropdown~~ */		/* 7b. Extract links from overview table → inject as pill links in hero; remove table */
	var overviewTable = parserOutput.querySelector( 'table' );		var overviewTable = parserOutput.querySelector( 'table' );
	if ( overviewTable ) {		if ( overviewTable ) {
	var ~~details~~ = document.createElement( '~~details~~' );		var heroLinksBar = document.createElement( 'div' );
	~~details~~.className = 'bmc-~~overview~~-~~dropdown~~';		heroLinksBar.className = 'bmc-hero-links';
	var ~~summaryEl~~ = document.createElement( '~~summary~~' );		var seen = {};
	~~summaryEl~~.className = 'bmc-~~overview~~-~~summary~~';		overviewTable.querySelectorAll( 'a' ).forEach( function ( a ) {
	~~summaryEl~~.textContent = ~~'Site Overview'~~;		var label = a.textContent.trim();
	~~details~~.appendChild( ~~summaryEl~~ );		var href = a.getAttribute( 'href' );
			if ( !label \|\| !href \|\| seen[ href ] ) return;
			seen[ href ] = true;
			var pill = document.createElement( 'a' );
			pill.className = 'bmc-hero-link';
			pill.setAttribute( 'href', href );
			pill.textContent = label;
			heroLinksBar.appendChild( pill );
			} );
			if ( heroLinksBar.children.length ) {
			hero.querySelector( '.inner' ).appendChild( heroLinksBar );
			}
	overviewTable.parentNode.removeChild( overviewTable );		overviewTable.parentNode.removeChild( overviewTable );
	~~details.appendChild( overviewTable );~~
	~~parserOutput.insertBefore( details, parserOutput.firstChild );~~
	}		}

Udays108 at 14:46, 5 June 2026

2026-06-05T14:46:43Z

← Older revision		Revision as of 14:46, 5 June 2026
Line 532:		Line 532:
	itemEl.className = 'bmc-panel-item';		itemEl.className = 'bmc-panel-item';

			itemEl.innerHTML = item.html;
	if ( item.subList ) {		if ( item.subList ) {
	~~var det = document.createElement( 'details' );~~
	~~det.className = 'bmc-panel-details';~~
	~~var sum = document.createElement( 'summary' );~~
	~~sum.className = 'bmc-panel-summary';~~
	~~sum.innerHTML = item.html;~~
	~~det.appendChild( sum );~~
	item.subList.className = 'bmc-panel-sublist';		item.subList.className = 'bmc-panel-sublist';
	~~det~~.appendChild( item.subList );		itemEl.appendChild( item.subList );
	~~itemEl.appendChild( det );~~
	~~} else {~~
	~~itemEl.innerHTML = item.html~~;
	}		}
	itemsWrap.appendChild( itemEl );		itemsWrap.appendChild( itemEl );