Widget:NewsSearch - Revision history

Couchor at 11:42, 19 April 2024

2024-04-19T11:42:52Z

← Older revision		Revision as of 11:42, 19 April 2024
Line 27:		Line 27:

	if ( tag.length > 0 ) parameters += '\|tag=' + tag		if ( tag.length > 0 ) parameters += '\|tag=' + tag

			var title = document.getElementById("title").value

			if ( title.length > 0 ) parameters += '\|title=' + title

	var contentContainer = document.getElementById("news-search-container");		var contentContainer = document.getElementById("news-search-container");
Line 179:		Line 183:
	<div>Tag</div>		<div>Tag</div>
	<input type="text" id="tag" value="<!--{$tag\|escape:'html'}-->">		<input type="text" id="tag" value="<!--{$tag\|escape:'html'}-->">
			<div>Title</div>
			<input type="text" id="title" value="">
	</div>		</div>

	<button style="align-self:center;" onclick="updateTemplate()">Search</button>		<button style="align-self:center;" onclick="updateTemplate()">Search</button>
	</div>		</div>

Couchor at 18:50, 13 March 2024

2024-03-13T18:50:30Z

← Older revision		Revision as of 18:50, 13 March 2024
Line 35:		Line 35:
	// Replace the content in the dynamic content container with the parsed template		// Replace the content in the dynamic content container with the parsed template
	$.get(mw.util.wikiScript('api'), { action: 'parse', format: 'json', text: parserFunction }, function(data) {		$.get(mw.util.wikiScript('api'), { action: 'parse', format: 'json', text: parserFunction }, function(data) {

	var parsedContent = data.parse.text['*'];		var parsedContent = data.parse.text['*'];

	var content = document.createElement('div')		var content = document.createElement('div')
	content.innerHTML = parsedContent		content.innerHTML = parsedContent
			mw.log(content)
			let newContent = document.createElement('div')
			newContent.innerHTML = content.querySelector('.mw-parser-output').innerHTML
			newContent = newContent.firstChild

	~~var loadMore = document.getElementById('loadMore')~~		if ( content.querySelector('.mw-parser-output li') ) {
			contentContainer.replaceWith(newContent)
	if ( content.querySelector('.mw-parser-output ~~.news-latest-item~~') ) {
	contentContainer.~~innerHTML = content.querySelector~~(~~'.mw-parser-output'~~)~~.innerHTML;~~

	~~// If less than 10 items found in search, then hide load more button~~
	~~if ( contentContainer.querySelectorAll('.news-latest-item').length < 10 ) loadMore.style.display = 'none'~~
	~~else if ( loadMore.style.display === 'none' ) loadMore.style.display = 'block'~~
	~~let noEntries = document.querySelector('.no-entries')~~
	~~if ( noEntries ) noEntries.remove()~~

	} else {		} else {
	contentContainer.innerHTML = 'No news found'		contentContainer.innerHTML = 'No news found'
	~~if (loadMore ) loadMore.style.display = 'none';~~
	}		}

Couchor at 16:15, 15 February 2024

2024-02-15T16:15:18Z

← Older revision		Revision as of 16:15, 15 February 2024
Line 23:		Line 23:
	parameters += '\|games=' + games.join(',');		parameters += '\|games=' + games.join(',');
	}		}

			var tag = document.getElementById("tag").value

			if ( tag.length > 0 ) parameters += '\|tag=' + tag

	var contentContainer = document.getElementById("~~dynamicContent~~");		var contentContainer = document.getElementById("news-search-container");

	// Use the selected template as a parameter in the parser function		// Use the selected template as a parameter in the parser function
	var parserFunction = "{{NewsSearch" + parameters + "}}";		var parserFunction = "{{NewsSearch" + parameters + "}}";

	// Replace the content in the dynamic content container with the parsed template		// Replace the content in the dynamic content container with the parsed template
	$.get(mw.util.wikiScript('api'), { action: 'parse', format: 'json', text: parserFunction }, function(data) {		$.get(mw.util.wikiScript('api'), { action: 'parse', format: 'json', text: parserFunction }, function(data) {
	var parsedContent = data.parse.text['*'];		var parsedContent = data.parse.text['*'];
	contentContainer.innerHTML = ~~parsedContent~~;
			var content = document.createElement('div')
			content.innerHTML = parsedContent

			var loadMore = document.getElementById('loadMore')

			if ( content.querySelector('.mw-parser-output .news-latest-item') ) {
			contentContainer.innerHTML = content.querySelector('.mw-parser-output').innerHTML;

			// If less than 10 items found in search, then hide load more button
			if ( contentContainer.querySelectorAll('.news-latest-item').length < 10 ) loadMore.style.display = 'none'
			else if ( loadMore.style.display === 'none' ) loadMore.style.display = 'block'
			let noEntries = document.querySelector('.no-entries')
			if ( noEntries ) noEntries.remove()

			} else {
			contentContainer.innerHTML = 'No news found'
			if (loadMore ) loadMore.style.display = 'none';
			}

	});		});
	}		}
Line 53:		Line 76:
	}		}
	}		}

	</script>		</script>
	<div style='display: flex; column-gap: 0.5rem; align-content: center;'>		<div style='display: flex; column-gap: 0.5rem; align-content: center; margin-bottom: 2rem'>
	<div>		<div>
	<div>Category: </div>		<div>Category: </div>
	<input type="text" id="searchCategory" oninput="searchCategories('Category')" placeholder="Search categories">		<input type="text" id="searchCategory" oninput="searchCategories('Category')" placeholder="Search categories">
	<div class='scrollable-Category' style="display: flex; flex-direction: column; max-height: 200px; overflow-y: auto;">		<div class='scrollable-Category' style="display: flex; flex-direction: column; max-height: 200px; overflow-y: auto;">
	<label>		<label>
	<input type="checkbox" name="category" value="~~General~~"> ~~General~~		<input type="checkbox" name="category" value="Transfer Market" <!--{if $cat\|escape:'html' eq 'Transfer_Market'}-->checked<!--{/if}--> /> Transfer Market
	</label>		</label>
	<label>		<label>
	<input type="checkbox" name="category" value="~~Transfer Market~~"> ~~Transfer Market~~		<input type="checkbox" name="category" value="Drama" <!--{if $cat\|escape:'html' eq 'Drama'}-->checked<!--{/if}--> /> Drama
	</label>		</label>
	<label>		<label>
	<input type="checkbox" name="category" value="~~Drama~~"> ~~Drama~~		<input type="checkbox" name="category" value="Business" <!--{if $cat\|escape:'html' eq 'Business'}-->checked<!--{/if}-->> Business
	</label>		</label>
	<label>		<label>
	<input type="checkbox" name="category" value="~~Business~~"> ~~Business~~		<input type="checkbox" name="category" value="Companies" <!--{if $cat\|escape:'html' eq 'Companies'}-->checked<!--{/if}-->> Companies
	</label>		</label>
	<label>		<label>
	<input type="checkbox" name="category" value="~~Companies~~"> ~~Companies~~		<input type="checkbox" name="category" value="Hires" <!--{if $cat\|escape:'html' eq 'Hires'}-->checked<!--{/if}-->> Hires
	</label>		</label>
	<label>		<label>
	<input type="checkbox" name="category" value="~~Hires~~"> ~~Hires~~		<input type="checkbox" name="category" value="Investments" <!--{if $cat\|escape:'html' eq 'Investments'}-->checked<!--{/if}-->> Investments
	</label>		</label>
	<label>		<label>
	<input type="checkbox" name="category" value="~~Investments~~"> ~~Investments~~		<input type="checkbox" name="category" value="Mergers and Acquisitions" <!--{if $cat\|escape:'html' eq 'Mergers_and_Acquisitions'}-->checked<!--{/if}-->> Mergers and Acquisitions
	</label>		</label>
	<label>		<label>
	<input type="checkbox" name="category" value="~~Deals~~"> ~~Deals~~		<input type="checkbox" name="category" value="Sponsorship" <!--{if $cat\|escape:'html' eq 'Sponsorship'}-->checked<!--{/if}-->> Sponsorship
	</label>		</label>
	<label>		<label>
	<input type="checkbox" name="category" value="~~Sponsorship~~"> ~~Sponsorship~~		<input type="checkbox" name="category" value="More" <!--{if $cat\|escape:'html' eq 'More'}-->checked<!--{/if}-->> More
	</label>		</label>
	</div>		</div>
Line 157:		Line 181:
	</div>		</div>
	</div>		</div>
			<div>
			<div>Tag</div>
			<input type="text" id="tag" value="<!--{$tag\|escape:'html'}-->">
			</div>

	<button style="align-self:center;" onclick="updateTemplate()">Search</button>		<button style="align-self:center;" onclick="updateTemplate()">Search</button>
	</div>		</div>
	~~<div id="dynamicContent"></div>~~

Couchor at 14:00, 9 October 2023

2023-10-09T14:00:20Z

← Older revision		Revision as of 14:00, 9 October 2023
Line 114:		Line 114:
	</label>		</label>
	<label>		<label>
	<input type="checkbox" name="game" value="Fortnite"> ~~FIFA~~		<input type="checkbox" name="game" value="Fortnite"> Fortnite
	</label>		</label>
	<label>		<label>

Couchor at 13:58, 9 October 2023

2023-10-09T13:58:53Z

← Older revision		Revision as of 13:58, 9 October 2023
Line 112:		Line 112:
	<label>		<label>
	<input type="checkbox" name="game" value="FIFA"> FIFA		<input type="checkbox" name="game" value="FIFA"> FIFA
			</label>
			<label>
			<input type="checkbox" name="game" value="Fortnite"> FIFA
	</label>		</label>
	<label>		<label>

Couchor at 17:06, 26 July 2023

2023-07-26T17:06:37Z

← Older revision		Revision as of 17:06, 26 July 2023
Line 14:		Line 14:

	function updateTemplate() {		function updateTemplate() {
	~~console.log('TEST');~~
	var parameters = '';		var parameters = '';
	var categories = getCheckedBoxes('category');		var categories = getCheckedBoxes('category');

Couchor at 16:57, 26 July 2023

2023-07-26T16:57:41Z

← Older revision		Revision as of 16:57, 26 July 2023
Line 1:		Line 1:
	<script>		<script>
	~~console.log('TEST');~~
	function getCheckedBoxes(type) {		function getCheckedBoxes(type) {
	var checkboxes = document.querySelectorAll('input[name="' + type + '"]');		var checkboxes = document.querySelectorAll('input[name="' + type + '"]');
Line 15:		Line 14:

	function updateTemplate() {		function updateTemplate() {
			console.log('TEST');
	var parameters = '';		var parameters = '';
	var categories = getCheckedBoxes('category');		var categories = getCheckedBoxes('category');

Couchor at 16:57, 26 July 2023

2023-07-26T16:57:24Z

← Older revision		Revision as of 16:57, 26 July 2023
Line 1:		Line 1:
	<script>		<script>
			console.log('TEST');
	function getCheckedBoxes(type) {		function getCheckedBoxes(type) {
	var checkboxes = document.querySelectorAll('input[name="' + type + '"]');		var checkboxes = document.querySelectorAll('input[name="' + type + '"]');

Couchor: Created page with "