Widget:Companies/Search - Revision history

Couchor at 11:08, 17 April 2024

2024-04-17T11:08:18Z

← Older revision		Revision as of 11:08, 17 April 2024
Line 45:		Line 45:
	contentContainer.innerHTML = content.querySelector('#companies-search-container').outerHTML;		contentContainer.innerHTML = content.querySelector('#companies-search-container').outerHTML;
	} else {		} else {
	contentContainer.innerHTML = 'No ~~copmanies~~ found'		contentContainer.innerHTML = 'No companies found'
	}		}

2024-04-05T12:33:22Z

← Older revision		Revision as of 12:33, 5 April 2024
Line 45:		Line 45:
	contentContainer.innerHTML = content.querySelector('#companies-search-container').outerHTML;		contentContainer.innerHTML = content.querySelector('#companies-search-container').outerHTML;
	} else {		} else {
	contentContainer.innerHTML = 'No ~~locations~~ found'		contentContainer.innerHTML = 'No copmanies found'
	}		}

2024-03-26T17:16:53Z

← Older revision		Revision as of 17:16, 26 March 2024
Line 1:		Line 1:
	<div class="companies__search">		<div class="companies__search">
	<div style="display: flex;">		<div style="display: flex; gap: 0.5rem;">
	<div>		<div>
	<label style="display: block;" for="location__name">Name</label>		<label style="display: block;" for="location__name">Name</label>
	<input type="text" id="companies__name" placeholder="Name...">		<input style="height: 30px; " type="text" id="companies__name" placeholder="Name...">
	</div>		</div>
	<div>		<div>
	<label style="display: block;" for="places">Type</label>		<label style="display: block;" for="places">Type</label>
	<select id="types" name="types" onchange="updateTemplate()">		<select style="height: 30px; " id="types" name="types" onchange="updateTemplate()">
	<option value="">Any</option>		<option value="">Any</option>
	<option value="Organization">Gaming Organization</option>		<option value="Organization">Gaming Organization</option>

2024-03-26T17:11:35Z

← Older revision		Revision as of 17:11, 26 March 2024
Line 26:		Line 26:

	let type = document.getElementById("types").value;		let type = document.getElementById("types").value;
	if ( type !== '' ) parameters += '\|type=' + document.querySelector(`option[value="${type}"]`).~~textContent~~		if ( type !== '' ) parameters += '\|type=' + document.querySelector(`option[value="${type}"]`).value

	let name = document.getElementById("companies__name").value;		let name = document.getElementById("companies__name").value;

2024-03-26T17:08:46Z

← Older revision		Revision as of 17:08, 26 March 2024
Line 6:		Line 6:
	</div>		</div>
	<div>		<div>
	<label for="places">Type</label>		<label style="display: block;" for="places">Type</label>
	<select id="types" name="types" onchange="updateTemplate()">		<select id="types" name="types" onchange="updateTemplate()">
	<option value="">Any</option>		<option value="">Any</option>

2024-03-26T17:08:18Z

← Older revision		Revision as of 17:08, 26 March 2024
Line 1:		Line 1:
	<div class="companies__search">		<div class="companies__search">
	<div style="display: flex~~; flex-direction: column~~;">		<div style="display: flex;">
	<div>		<div>
	<label style="display: block;" for="location__name">Name</label>		<label style="display: block;" for="location__name">Name</label>

2024-03-26T17:07:55Z

@@ Line 1: / Line 1: @@
 <div class="companies__search">
 <div>
-    <input type="text" id="companies__name" placeholder="Name...">
+  <label for="places">Type</label>
 </div>
@@ Line 10: / Line 24: @@
 function updateTemplate() {
    var parameters = '';
    let name = document.getElementById("companies__name").value;
    if ( name !== '' ) parameters += '|name=' + name

2024-03-26T16:55:49Z

← Older revision		Revision as of 16:55, 26 March 2024
Line 17:		Line 17:
	// Use the selected template as a parameter in the parser function		// Use the selected template as a parameter in the parser function
	var parserFunction = "{{Companies/Search" + parameters + "}}";		var parserFunction = "{{Companies/Search" + parameters + "}}";
	~~console.log(parserFunction)~~
	// 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) {
Line 23:		Line 23:
	var content = document.createElement('div')		var content = document.createElement('div')
	content.innerHTML = parsedContent		content.innerHTML = parsedContent
	~~console.log(content)~~

	if ( content.querySelector('.mw-parser-output #companies-search-container') ) {		if ( content.querySelector('.mw-parser-output #companies-search-container') ) {

2024-03-26T16:55:01Z

← Older revision		Revision as of 16:55, 26 March 2024
Line 36:		Line 36:
	// Name input to run 500ms after last input		// Name input to run 500ms after last input
	let timeoutId;		let timeoutId;
	document.getElementById('~~location__name~~').addEventListener('input', function() {		document.getElementById('companies__name').addEventListener('input', function() {
	// Clear previous timeout (if any)		// Clear previous timeout (if any)
	clearTimeout(timeoutId);		clearTimeout(timeoutId);

2024-03-26T16:54:34Z

← Older revision		Revision as of 16:54, 26 March 2024
Line 17:		Line 17:
	// Use the selected template as a parameter in the parser function		// Use the selected template as a parameter in the parser function
	var parserFunction = "{{Companies/Search" + parameters + "}}";		var parserFunction = "{{Companies/Search" + parameters + "}}";
			console.log(parserFunction)
	// 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) {
Line 23:		Line 23:
	var content = document.createElement('div')		var content = document.createElement('div')
	content.innerHTML = parsedContent		content.innerHTML = parsedContent
			console.log(content)

	if ( content.querySelector('.mw-parser-output #companies-search-container') ) {		if ( content.querySelector('.mw-parser-output #companies-search-container') ) {