Raw Source Toggle Dropdown

• Minified Source

Serolapy / Аддон - Батон

// ==UserScript==
// @name         Аддон - Батон
// @version      default
// @description  Этот аддон поможет Вам заменить картинки предметов в Игровой игры CatWar
// @author       Серолапый, 2021
// @include      https://catwar.su/cw3/
// @license		 MIT
// ==/UserScript==

(function() {
	//настройки меню
    if (!'jQuery' in window){return}
	while($('#tr_mouth').length === 0){
		setTimeout(function(){console.log('Ждём... - Serolapy');}, 1000);
	}
	var menu = $('<div id="menu_rot" class="serolapy"></div>');
	menu.css({
		'width': '100%',
		'height': '100%',
		'background': 'rgb(255, 222, 173)',
		'position': 'fixed',
		'z-index': '9999',
		'top': '0',
		'left': '0',
		'display': 'none'
	});
	menu.html(`
		<table>
			<thead>
				<tr>
					<td>
						<input type="text" id="menu_rot_link" placeholder="Старая ссылка на картинку">
					</td>
					<td>
						<input type="text" id="menu_rot_newLink" placeholder="Новая ссылка на картинку">
					</td>
					<td>
						<input type="button" id="menu_rot_add" value="+">
					</td>
				</tr>
			</thead>
			<tbody></tbody>
		</table>
	`);
	$('body').append(menu);
	$('#menu_rot, #tr_mouth').on('contextmenu', function(e){
		e.preventDefault();
		if(menu.css('display') == 'none'){
			menu.css('display', 'block');
		} else{
			menu.css('display', 'none');
		}
	});

	var check = JSON.parse(localStorage.getItem('serolapy_new_img'));
	if (!check){
		localStorage.setItem('serolapy_new_img', JSON.stringify([]));
	}

	//обновление данных таблицы
	function update(){
		var LocalS = JSON.parse(localStorage.getItem('serolapy_new_img')),
			tbody = '';
		$('#menu_rot tbody').html('');
		for(i=0; i < LocalS.length; i++){
			tbody += '<tr><td>' + LocalS[i]['old'] + '</td><td>' + LocalS[i]['new'] + '</td><td><input type="button" class="serolapy_minus" value="-" data-id="' + i + '"></td></tr>';
		}

		$('#menu_rot tbody').html(tbody);
		removeLink();


		//замена значний на поле
		for(j=0; j<LocalS.length; j++){
			var re = LocalS[j]['old'];
			for (k=0; k < $('img[src="'+re+'"]').length;k++){
				$('img[src="'+re+'"]:eq('+k+')').attr('src', LocalS[j]['new']);
			}
		}
	}


	//сохранение данных
	$('#menu_rot_add').on('click',function(){
		if($('#menu_rot_link').val()=='' || $('#menu_rot_newLink').val()==''){
			return
		}

		var LocalS = JSON.parse(localStorage.getItem('serolapy_new_img'));

		LocalS.push({'old' : $('#menu_rot_link').val(), 'new' : $('#menu_rot_newLink').val()});
		$('#menu_rot_link').val('');
		$('#menu_rot_newLink').val('');

		localStorage.setItem('serolapy_new_img', JSON.stringify(LocalS));

		update();
		removeLink();
	});

	//удаление
	function removeLink(){
		var btn = $('.serolapy_minus');
		btn.off('click');
		btn.on('click',function(){
			var LocalS = JSON.parse(localStorage.getItem('serolapy_new_img'));
			LocalS.splice($(this).data('id'),1);
			localStorage.setItem('serolapy_new_img', JSON.stringify(LocalS));
			update();
		});
	}
	$("#tr_mouth, #tr_field").bind("DOMSubtreeModified", function() {
		update();
		console.log('a');
	});
	update();
})();