gymhistory.content.js ➔ printGym - Code Metrics - Inspection of "[Updated] Add page to explore all changes of gyms..." - brusselopole/Worldopole - Measure and Improve Code Quality continuously with Scrutinizer

Passed

Push — master ( ab5ba7...172c83 )

by Markus

created 2018-02-01 17:49 UTC

gymhistory.content.js ➔ printGym C

↳ Parent: core/js/gymhistory.content.js

Complexity

Conditions	8
Paths	16

Size

Total Lines

Duplication

Lines	0
Ratio	0 %

Importance

Changes	1
Bugs	0	Features	0

Metric	Value
cc	8
c	1
b	0
f	0
nc	16
nop	3
dl	0
loc	28
rs	5.3846

2 Functions

Rating	Name	Duplication	Size	Complexity
A	gymhistory.content.js ➔ ... ➔ historyTable.click	0	3	1
A	gymhistory.content.js ➔ ... ➔ $.click	0	8	2

/** global: gymName */

$(function () {
	$.getJSON("core/json/variables.json", function(variables) {
		var pokeimg_suffix = variables['system']['pokeimg_suffix'];
		var hide_cp_changes = variables['system']['gymhistory_hide_cp_changes'];

		$('.gymLoader').hide();

		var page = 0;
		var teamSelector = ''; //''=all; 0=neutral; 1=Blue; 2=Red; 3=Yellow
		var rankingFilter = 0; //0=Level & Gyms; 1=Level; 2=Gyms

		$('input#name').filter(':visible').val(gymName);

		$('#loadMoreButton').click(function () {
			loadGyms(page, $('input#name').filter(':visible').val(), teamSelector, rankingFilter, pokeimg_suffix, hide_cp_changes, true);
			page++;
		}).trigger('click');

		$('#searchGyms').submit(function ( event ) {
			page = 0;
			$('#gymsContainer').empty();
			$('#loadMoreButton').trigger('click');
			event.preventDefault();
		});

		$('.teamSelectorItems').click(function ( event ) {
			switch ($(this).attr('id')) {
				case 'NeutralTeamsFilter':
					teamSelector=0;
					break;
				case 'BlueTeamFilter':
					teamSelector=1;
					break;
				case 'RedTeamFilter':
					teamSelector=2;
					break;
				case 'YellowFilter':
					teamSelector=3;
					break;
				default:
					teamSelector='';
			}
			$('#teamSelectorText').html($(this).html());
			event.preventDefault();
			$('#searchGyms').submit();

		});
		$('.rankingOrderItems').click(function ( event ) {
			switch ($(this).attr('id')) {
				case 'changedFirst':
					rankingFilter=0;
					break;
				case 'nameFirst':
					rankingFilter=1;
					break;
				case 'totalcpFirst':
					rankingFilter=2;
					break;
				default:
					rankingFilter=0;
			}
			$('#rankingOrderText').html($(this).html());
			event.preventDefault();
			$('#searchGyms').submit();
		});
		window.onpopstate = function() {
			if (window.history.state && 'gymhistory' === window.history.state.page) {
				$('input#name').filter(':visible').val(window.history.state.name);
				page = 0;
				$('#gymsContainer').empty();
				loadGyms(page, $('input#name').filter(':visible').val(), teamSelector, rankingFilter, hide_cp_changes, pokeimg_suffix, false);
				page++;
			} else {
				window.history.back();
			}
		};
	});
});

function loadGyms(page, name, teamSelector, rankingFilter, pokeimg_suffix, hide_cp_changes, stayOnPage) {
	$('.gymLoader').show();
	if (stayOnPage) {
		// build a state for this name
		var state = {name: name, page: 'gymhistory'};
		window.history.pushState(state, 'gymhistory', 'gymhistory?name=' + name);
	}
	$.ajax({
		'async': true,
		'type': 'GET',
		'global': false,
		'dataType': 'json',
		'url': 'core/process/aru.php',
		'data': {
			'type' : 'gyms',
			'page' : page,
			'name' : name,
			'team' : teamSelector,
			'ranking' :rankingFilter
		}
	}).done(function (data) {
		var internalIndex = 0;
		$.each(data.gyms, function (idx, gym) {
			internalIndex++
			printGym(gym, pokeimg_suffix, hide_cp_changes);
		});
		if (internalIndex < 10) {
			$('#loadMoreButton').hide();
		} else {
			$('#loadMoreButton').removeClass('hidden').show();
		}
		$('.gymLoader').hide();
	});
}

function loadGymHistory(page, gym_id, pokeimg_suffix, hide_cp_changes) {
	$('#gymHistory_'+gym_id).addClass('active').show();
	$('#gymHistory_'+gym_id).find('.gymHistoryLoader').show();
	$.ajax({
		'async': true,
		'type': 'GET',
		'global': false,
		'dataType': 'json',
		'url': 'core/process/aru.php',
		'data': {
			'type' : 'gymhistory',
			'page' : page,
			'gym_id' : gym_id
		}
	}).done(function (data) {
		var internalIndex = 0;
		$.each(data.entries, function(idx, entry) {
			internalIndex++
			if (entry.only_cp_changed && hide_cp_changes) return;
			printGymHistory(gym_id, entry, pokeimg_suffix);
		});
		if (internalIndex < 10) {
			$('#gymHistory_'+gym_id).find('.loadMoreButtonHistory').hide();
		} else {
			$('#gymHistory_'+gym_id).find('.loadMoreButtonHistory').removeClass('hidden').data('page', page+1).show();
		}
		$('#gymHistory_'+gym_id).find('.gymHistoryLoader').hide();
	});
}

function printPokemonList(pokemons, pokeimg_suffix) {
	var gymPokemon = $('<ul>',{class: 'list-inline'});
	$.each(pokemons, function(idx, pokemon) {
		var list = $('<li>', {class: pokemon.class});
		list.append($('<a>', { class: 'no-link', href : 'pokemon/'+pokemon.pokemon_id }).append($('<img />', { src: 'core/pokemons/'+pokemon.pokemon_id+pokeimg_suffix }).css('height', '2em')));
		list.append($('<br><span class="small">'+pokemon.cp+' CP</span>'));
		list.append($('<br><span style="font-size:70%"><a href="trainer?name='+pokemon.trainer_name+'" class="no-link">'+pokemon.trainer_name+'</a></span>'));
		gymPokemon.append(list);
	});
	return gymPokemon;
}

function printGymHistory(gym_id, entry, pokeimg_suffix) {
	var gymHistory = $('<tr>').css('border-bottom', '2px solid '+(entry.team_id=='3'?'#ffbe08':entry.team_id=='2'?'#ff7676':entry.team_id=='1'?'#00aaff':'#ddd'));
	gymHistory.append($('<td>',{text: entry.last_modified}));
	gymHistory.append($('<td>',{text: entry.pokemon_count, class: 'level'}).prepend($('<img />', {src:'core/img/map_'+(entry.team_id=='1'?'blue':entry.team_id=='2'?'red':entry.team_id=='3'?'yellow':'white')+'.png'})));
	gymHistory.append($('<td>',{text: parseInt(entry.total_cp).toLocaleString('de-DE'), class: entry.class}).append(
		entry.total_cp_diff !== 0 ? $('<span class="small"> ('+(entry.total_cp_diff > 0 ? '+' : '')+entry.total_cp_diff+')</span>') : null
	));
	var gymPokemon = printPokemonList(entry.pokemon, pokeimg_suffix);
	gymHistory.append($('<td>').append(gymPokemon));
	$('#gymHistory_'+gym_id).find('tbody').append(gymHistory);
}

function hideGymHistoryTables(gymHistoryTables) {
	gymHistoryTables.removeClass('active').hide();
	gymHistoryTables.find('tbody tr').remove();
	gymHistoryTables.find('.loadMoreButtonHistory').hide();
	gymHistoryTables.find('.gymHistoryLoader').hide();
}

function printGym(gym, pokeimg_suffix, hide_cp_changes) {
	var gymsInfos = $('<tr>',{id: 'gymInfos_'+gym.gym_id}).css('cursor', 'pointer').css('border-bottom', '2px solid '+(gym.team_id=='3'?'#ffbe08':gym.team_id=='2'?'#ff7676':gym.team_id=='1'?'#00aaff':'#ddd')).click(function() {
		if (!$('#gymHistory_'+gym.gym_id).hasClass('active')) {
			hideGymHistoryTables($('#gymsContainer').find('.gymhistory'));
			loadGymHistory(0, gym.gym_id, pokeimg_suffix, hide_cp_changes);
		} else {
			hideGymHistoryTables($('#gymHistory_'+gym.gym_id));
		}
	});
	gymsInfos.append($('<td>',{text: gym.last_modified}));
	if (gym.name.length > 50) { gym.name = gym.name.substr(0, 50) + '…'; }
	gymsInfos.append($('<td>',{text: gym.name}));
	gymsInfos.append($('<td>',{text: gym.pokemon_count, class: 'level'}).prepend($('<img />', {src:'core/img/map_'+(gym.team_id=='1'?'blue':gym.team_id=='2'?'red':gym.team_id=='3'?'yellow':'white')+'.png'})));
	gymsInfos.append($('<td>',{text: parseInt(gym.total_cp).toLocaleString('de-DE')}));
	var gymPokemon = printPokemonList(gym.pokemon, pokeimg_suffix);
	gymsInfos.append($('<td>').append(gymPokemon));
	$('#gymsContainer').append(gymsInfos);
	var historyTable = $('<table>',{class: 'table'});
	historyTable.append('<thead><tr><th style="min-width:7em">Time</th><th>Level</th><th>Total CP</th><th>Pokémon</th></tr></thead>');
	historyTable.append('<tbody></tbody>');
	historyTable.append('<tfoot><tr class="loadMore text-center"><td colspan="4"><button class="loadMoreButtonHistory btn btn-default btn-sm hidden">Load more</button></td></tr><tr class="gymHistoryLoader"><td colspan="4"><div class="loader"></div></td></tr></tfoot>');
	historyTable.find('.loadMoreButtonHistory').data('page', 0).click(function() {
		loadGymHistory($(this).data('page'), gym.gym_id, pokeimg_suffix, hide_cp_changes);
	});
	var row = $('<td>',{colspan: 6});
	row.append(historyTable);
	$('#gymsContainer').append($('<tr>', {id: 'gymHistory_'+gym.gym_id, class: 'gymhistory'}).hide().append(row));
}


1			/** global: gymName */
2
3			$(function () {
4			$.getJSON("core/json/variables.json", function(variables) {
5			var pokeimg_suffix = variables['system']['pokeimg_suffix'];
6			var hide_cp_changes = variables['system']['gymhistory_hide_cp_changes'];
7
8			$('.gymLoader').hide();
9
10			var page = 0;
11			var teamSelector = ''; //''=all; 0=neutral; 1=Blue; 2=Red; 3=Yellow
12			var rankingFilter = 0; //0=Level & Gyms; 1=Level; 2=Gyms
13
14			$('input#name').filter(':visible').val(gymName);
15
16			$('#loadMoreButton').click(function () {
17			loadGyms(page, $('input#name').filter(':visible').val(), teamSelector, rankingFilter, pokeimg_suffix, hide_cp_changes, true);
18			page++;
19			}).trigger('click');
20
21			$('#searchGyms').submit(function ( event ) {
22			page = 0;
23			$('#gymsContainer').empty();
24			$('#loadMoreButton').trigger('click');
25			event.preventDefault();
26			});
27
28			$('.teamSelectorItems').click(function ( event ) {
29			switch ($(this).attr('id')) {
30			case 'NeutralTeamsFilter':
31			teamSelector=0;
32			break;
33			case 'BlueTeamFilter':
34			teamSelector=1;
35			break;
36			case 'RedTeamFilter':
37			teamSelector=2;
38			break;
39			case 'YellowFilter':
40			teamSelector=3;
41			break;
42			default:
43			teamSelector='';
44			}
45			$('#teamSelectorText').html($(this).html());
46			event.preventDefault();
47			$('#searchGyms').submit();
48
49			});
50			$('.rankingOrderItems').click(function ( event ) {
51			switch ($(this).attr('id')) {
52			case 'changedFirst':
53			rankingFilter=0;
54			break;
55			case 'nameFirst':
56			rankingFilter=1;
57			break;
58			case 'totalcpFirst':
59			rankingFilter=2;
60			break;
61			default:
62			rankingFilter=0;
63			}
64			$('#rankingOrderText').html($(this).html());
65			event.preventDefault();
66			$('#searchGyms').submit();
67			});
68			window.onpopstate = function() {
69			if (window.history.state && 'gymhistory' === window.history.state.page) {
70			$('input#name').filter(':visible').val(window.history.state.name);
71			page = 0;
72			$('#gymsContainer').empty();
73			loadGyms(page, $('input#name').filter(':visible').val(), teamSelector, rankingFilter, hide_cp_changes, pokeimg_suffix, false);
74			page++;
75			} else {
76			window.history.back();
77			}
78			};
79			});
80			});
81
82			function loadGyms(page, name, teamSelector, rankingFilter, pokeimg_suffix, hide_cp_changes, stayOnPage) {
83			$('.gymLoader').show();
84			if (stayOnPage) {
85			// build a state for this name
86			var state = {name: name, page: 'gymhistory'};
87			window.history.pushState(state, 'gymhistory', 'gymhistory?name=' + name);
88			}
89			$.ajax({
90			'async': true,
91			'type': 'GET',
92			'global': false,
93			'dataType': 'json',
94			'url': 'core/process/aru.php',
95			'data': {
96			'type' : 'gyms',
97			'page' : page,
98			'name' : name,
99			'team' : teamSelector,
100			'ranking' :rankingFilter
101			}
102			}).done(function (data) {
103			var internalIndex = 0;
104			$.each(data.gyms, function (idx, gym) {
105			internalIndex++
106			printGym(gym, pokeimg_suffix, hide_cp_changes);
107			});
108			if (internalIndex < 10) {
109			$('#loadMoreButton').hide();
110			} else {
111			$('#loadMoreButton').removeClass('hidden').show();
112			}
113			$('.gymLoader').hide();
114			});
115			}
116
117			function loadGymHistory(page, gym_id, pokeimg_suffix, hide_cp_changes) {
118			$('#gymHistory_'+gym_id).addClass('active').show();
119			$('#gymHistory_'+gym_id).find('.gymHistoryLoader').show();
120			$.ajax({
121			'async': true,
122			'type': 'GET',
123			'global': false,
124			'dataType': 'json',
125			'url': 'core/process/aru.php',
126			'data': {
127			'type' : 'gymhistory',
128			'page' : page,
129			'gym_id' : gym_id
130			}
131			}).done(function (data) {
132			var internalIndex = 0;
133			$.each(data.entries, function(idx, entry) {
134			internalIndex++
135			if (entry.only_cp_changed && hide_cp_changes) return;
136			printGymHistory(gym_id, entry, pokeimg_suffix);
137			});
138			if (internalIndex < 10) {
139			$('#gymHistory_'+gym_id).find('.loadMoreButtonHistory').hide();
140			} else {
141			$('#gymHistory_'+gym_id).find('.loadMoreButtonHistory').removeClass('hidden').data('page', page+1).show();
142			}
143			$('#gymHistory_'+gym_id).find('.gymHistoryLoader').hide();
144			});
145			}
146
147			function printPokemonList(pokemons, pokeimg_suffix) {
148			var gymPokemon = $('<ul>',{class: 'list-inline'});
149			$.each(pokemons, function(idx, pokemon) {
150			var list = $('<li>', {class: pokemon.class});
151			list.append($('<a>', { class: 'no-link', href : 'pokemon/'+pokemon.pokemon_id }).append($('<img />', { src: 'core/pokemons/'+pokemon.pokemon_id+pokeimg_suffix }).css('height', '2em')));
152			list.append($('<br><span class="small">'+pokemon.cp+' CP</span>'));
153			list.append($('<br><span style="font-size:70%"><a href="trainer?name='+pokemon.trainer_name+'" class="no-link">'+pokemon.trainer_name+'</a></span>'));
154			gymPokemon.append(list);
155			});
156			return gymPokemon;
157			}
158
159			function printGymHistory(gym_id, entry, pokeimg_suffix) {
160			var gymHistory = $('<tr>').css('border-bottom', '2px solid '+(entry.team_id=='3'?'#ffbe08':entry.team_id=='2'?'#ff7676':entry.team_id=='1'?'#00aaff':'#ddd'));
161			gymHistory.append($('<td>',{text: entry.last_modified}));
162			gymHistory.append($('<td>',{text: entry.pokemon_count, class: 'level'}).prepend($('<img />', {src:'core/img/map_'+(entry.team_id=='1'?'blue':entry.team_id=='2'?'red':entry.team_id=='3'?'yellow':'white')+'.png'})));
163			gymHistory.append($('<td>',{text: parseInt(entry.total_cp).toLocaleString('de-DE'), class: entry.class}).append(
164			entry.total_cp_diff !== 0 ? $('<span class="small"> ('+(entry.total_cp_diff > 0 ? '+' : '')+entry.total_cp_diff+')</span>') : null
165			));
166			var gymPokemon = printPokemonList(entry.pokemon, pokeimg_suffix);
167			gymHistory.append($('<td>').append(gymPokemon));
168			$('#gymHistory_'+gym_id).find('tbody').append(gymHistory);
169			}
170
171			function hideGymHistoryTables(gymHistoryTables) {
172			gymHistoryTables.removeClass('active').hide();
173			gymHistoryTables.find('tbody tr').remove();
174			gymHistoryTables.find('.loadMoreButtonHistory').hide();
175			gymHistoryTables.find('.gymHistoryLoader').hide();
176			}
177
178			function printGym(gym, pokeimg_suffix, hide_cp_changes) {
179			var gymsInfos = $('<tr>',{id: 'gymInfos_'+gym.gym_id}).css('cursor', 'pointer').css('border-bottom', '2px solid '+(gym.team_id=='3'?'#ffbe08':gym.team_id=='2'?'#ff7676':gym.team_id=='1'?'#00aaff':'#ddd')).click(function() {
180			if (!$('#gymHistory_'+gym.gym_id).hasClass('active')) {
181			hideGymHistoryTables($('#gymsContainer').find('.gymhistory'));
182			loadGymHistory(0, gym.gym_id, pokeimg_suffix, hide_cp_changes);
183			} else {
184			hideGymHistoryTables($('#gymHistory_'+gym.gym_id));
185			}
186			});
187			gymsInfos.append($('<td>',{text: gym.last_modified}));
188			if (gym.name.length > 50) { gym.name = gym.name.substr(0, 50) + '…'; }
189			gymsInfos.append($('<td>',{text: gym.name}));
190			gymsInfos.append($('<td>',{text: gym.pokemon_count, class: 'level'}).prepend($('<img />', {src:'core/img/map_'+(gym.team_id=='1'?'blue':gym.team_id=='2'?'red':gym.team_id=='3'?'yellow':'white')+'.png'})));
191			gymsInfos.append($('<td>',{text: parseInt(gym.total_cp).toLocaleString('de-DE')}));
192			var gymPokemon = printPokemonList(gym.pokemon, pokeimg_suffix);
193			gymsInfos.append($('<td>').append(gymPokemon));
194			$('#gymsContainer').append(gymsInfos);
195			var historyTable = $('<table>',{class: 'table'});
196			historyTable.append('<thead><tr><th style="min-width:7em">Time</th><th>Level</th><th>Total CP</th><th>Pokémon</th></tr></thead>');
197			historyTable.append('<tbody></tbody>');
198			historyTable.append('<tfoot><tr class="loadMore text-center"><td colspan="4"><button class="loadMoreButtonHistory btn btn-default btn-sm hidden">Load more</button></td></tr><tr class="gymHistoryLoader"><td colspan="4"><div class="loader"></div></td></tr></tfoot>');
199			historyTable.find('.loadMoreButtonHistory').data('page', 0).click(function() {
200			loadGymHistory($(this).data('page'), gym.gym_id, pokeimg_suffix, hide_cp_changes);
201			});
202			var row = $('<td>',{colspan: 6});
203			row.append(historyTable);
204			$('#gymsContainer').append($('<tr>', {id: 'gymHistory_'+gym.gym_id, class: 'gymhistory'}).hide().append(row));
205			}
206

brusselopole / Worldopole

Push — master ( ab5ba7...172c83 )

gymhistory.content.js ➔ printGym C

Complexity

Size

Duplication

Importance

2 Functions

Duplication Side-by-Side

Filter issues like