js/find.js

  1. /**=====LICENSE STATEMENT START=====
  2.     Translator++ 
  3.     CAT (Computer-Assisted Translation) tools and framework to create quality
  4.     translations and localizations efficiently.
  5.         
  6.     Copyright (C) 2018  Dreamsavior<dreamsavior@gmail.com>
  8.     This program is free software: you can redistribute it and/or modify
  9.     it under the terms of the GNU General Public License as published by
  10.     the Free Software Foundation, either version 3 of the License, or
  11.     (at your option) any later version.
  13.     This program is distributed in the hope that it will be useful,
  14.     but WITHOUT ANY WARRANTY; without even the implied warranty of
  15.     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  16.     GNU General Public License for more details.
  18.     You should have received a copy of the GNU General Public License
  19.     along with this program.  If not, see <https://www.gnu.org/licenses/>.
  20. =====LICENSE STATEMENT END=====*/
  21. var nwPath = require("path"); // eslint-disable-line
  22. const Search = function() {
  23. 	try {
  24. 		this.config = JSON.parse(localStorage.getItem('search.config'));
  25. 	} catch (e) {
  26. 		// do nothing.
  27. 	}
  28. 	this.config = this.config || {};
  29. 	if (typeof this.config.alwaysOnTop == 'undefined') this.config.alwaysOnTop = true;
  30. 	this.config.blurOpacity = this.config.blurOpacity || 0.7
  31. };
  32. var search = new Search();
  34. search.setConfig = function(key, value) {
  35. 	this.config[key] = value;
  36. 	this.saveConfig();
  37. }
  39. search.getConfig = function(key) {
  40. 	return this.config[key];
  41. }
  43. search.saveConfig = function() {
  44. 	localStorage.setItem('search.config', JSON.stringify(this.config));
  45. }
  46. search.blurOpacity = search.getConfig('blurOpacity');
  48. var win = nw.Window.get();
  49. win.restore(); // restore if minimized
  50. win.show(); // show if hidden
  51. win.setResizable(true);
  52. win.height = 340;
  53. win.width = 640;
  55. if (win.y < 0) win.y = 0;
  56. if (win.x < 0) win.x = 0;
  57. //win.setResizable(false);
  58. console.log("current Y", win.y, win.y < 0);
  59. setTimeout(()=>{
  60. 	if (win.y < 0) win.y = 0;
  61. 	win.setMinimumSize(640, 340)
  62. 	console.log("current Y", win.y);
  63. 	try {
  64. 		var lastPos = window.localStorage.getItem("searchWindowPossition");
  65. 		if (!lastPos) return;
  66. 		lastPos = JSON.parse(lastPos);
  67. 		console.log("Setting window position", lastPos);
  69. 		win.x = lastPos.x;
  70. 		win.y = lastPos.y;
  71. 	} catch(e) {
  72. 		//do nothing
  73. 	}
  74. }, 200)
  76. win.setAlwaysOnTop(search.getConfig('alwaysOnTop'));
  77. win.setShowInTaskbar(false);
  78. win.setMinimumSize(530, 260);
  80. var sys 	= window.opener.sys;
  81. var trans 	= window.opener.trans;
  82. var ui 		= window.opener.ui;
  83. var UiTags 	= window.opener.UiTags;
  85. search.getSelectedResult = function() {
  86. 	var $activeTab = $(".ui-tabs-panel[aria-hidden=false]")
  87. 	var $selected = $activeTab.find(".findItemSelector:checked");
  88. 	var data = [];
  89. 	$selected.each(function() {
  90. 		var $this = $(this);
  91. 		var thisData = $this.data();
  92. 		thisData.file = $this.closest(".resultContext").data("id")
  93. 		data.push(thisData);
  94. 	})
  95. 	return data;
  96. }
  98. /**
  99.  * Replaces \r\n\t with carriage return, new line or tab
  100.  * @param  {String} text 
  101.  * @returns {String} transpiled text
  102.  */
  103. search.transpileText = function(text) {
  104. 	console.log("Transpiling text", text);
  105. 	text = text || "";
  106. 	text = text.replaceAll("\\r", "\r");
  107. 	text = text.replaceAll("\\n", "\n");
  108. 	text = text.replaceAll("\\t", "\t");
  109. 	console.log("After transpile:", text);
  110. 	return text;
  111. }
  113. search.initFileSelectorDragSelect = function() {
  114. 	var DragSelect = DragSelect||require("dragselect");
  116. 	const toggleCheck = function(elm) {
  117. 		//console.log($(elm));
  118. 		//console.log(this);
  119. 		var $elm = $(elm);
  120. 		// ignore selection if selecting less than 2 row
  121. 		var orig = this._initialCursorPos.x+","+this._initialCursorPos.y;
  122. 		var after = this._newCursorPos.x+","+this._newCursorPos.y;
  123. 		if (orig == after) return false;
  124. 		if ($elm.length <= 1) return false; 
  125. 		$elm.each(function() {
  126. 			var $input = $(this).find("input");
  127. 			if ($input.prop("disabled")) return;
  129. 			if (search.shiftPressed) {
  130. 				$input.prop("checked", false);
  131. 			} else {
  132. 				$input.prop("checked", true);
  133. 			}			
  134. 			$input.trigger("change");
  135. 			window.ds.clearSelection();
  136. 		})
  137. 	}
  139. 	const $fileSelectors = $(".fileSelector")
  140. 	for (let i=0; i<$fileSelectors.length; i++) {
  141. 		let thisSelector = $fileSelectors[i]
  142. 		window.ds = new DragSelect({
  143. 			selectables		: document.querySelectorAll('.selectable'),
  144. 			autoScrollSpeed	: 15,
  145. 			area 			: thisSelector,
  146. 			callback 		: toggleCheck
  147. 		});	
  148. 	}
  150. 	if (search.fileSelectorIsInitialized) return;
  151. 	// tracking shift key
  152. 	window.onkeyup = function(e) {
  153. 		if (e.keyCode == 16) search.shiftPressed = false;
  154. 		//console.log("canceled");
  155. 	}
  157. 	window.onkeydown = function(e) {
  158. 		if (e.shiftKey) search.shiftPressed = true;
  159. 		//console.log("do");		
  160. 	}
  161. 	search.fileSelectorIsInitialized = true;
  162. }
  164. search.getKeyboardStatus = function(keyboard) {
  165. 	if (keyboard == "shift") return search.shiftPressed;
  166. }
  168. search.checkGroup = function($selectFld, action) {
  169. 	var $allCheckbox = $selectFld.closest('.resultContext').find("ul .findItemSelector");
  170. 	var thisStatus = $selectFld.prop("checked");
  171. 	$allCheckbox.each(function() {
  172. 		$(this).prop("checked", thisStatus)
  173. 	})
  174. }
  175. search.checkAll = function($selectFld, action) {
  176. 	console.log($selectFld);
  177. 	var $allHeaderCheckbox = $selectFld.closest('.actionResult').find(".headerGroupCheckbox");
  178. 	var thisStatus = $selectFld.prop("checked");
  179. 	$allHeaderCheckbox.each(function() {
  180. 		$(this).prop("checked", thisStatus);
  181. 		$(this).trigger("input");
  182. 	})
  183. }
  185. search.getTags = function(file, row) {
  186. 	// results : array of tags;
  187. 	var result = [];
  188. 	try {
  189. 		result = trans.project.files[file].tags[row];
  190. 	} catch (err) {
  191. 		// do nothing
  192. 	}
  193. 	
  194. 	return result;
  195. }
  197. search.drawTags = function($resultLine, file, row, options) {
  198. 	options = options||{};
  199. 	options.force = options.force||false;
  201. 	try {
  202. 		var tags = search.getTags(file, row);
  203. 		if (options.force == false) {
  204. 			if (Array.isArray(tags) == false) return $resultLine;
  205. 			if (tags.length == 0) return $resultLine;
  206. 		}
  207. 		var $resultInfo = $resultLine.find(".resultInfo");
  208. 		$resultInfo.find(".tags").remove();
  209. 		var $tagContainer = $("<span class='tags'></span>");
  210. 		$resultInfo.append($tagContainer);
  212. 		if (Array.isArray(tags) == false) return $resultLine;
  214. 		for (var i=0; i<tags.length; i++) {
  215. 			let $thisIcon = $("<i class='tagIcon icon-circle "+tags[i]+"' title='"+tags[i]+"'></i>");
  216. 			$thisIcon.css("color", consts.tagColor[tags[i]]);
  217. 			$tagContainer.append($thisIcon);
  218. 		}
  219. 	} catch (err) {
  220. 		console.log("Error drawing tags", err);
  221. 	}
  222. 	return $resultLine;
  223. }
  225. search.appendTags = function(file, row, tags, $actionResult) {
  226. 	try {
  227. 		if (Array.isArray(tags) == false) tags = [tags];
  228. 		
  229. 		trans.appendTags(file, parseInt(row), tags);
  231. 	} catch (err) {
  232. 		console.warning("Failed to handle appendTags", err);
  233. 	}	
  234. }
  236. search.appendTagsOnSelected = function(tags, $actionResult) {
  237. 	$actionResult = $actionResult||$(".ui-tabs-panel[aria-hidden=false] .actionResult");
  238. 	var startTime = performance.now();
  239. 	var $lines = $actionResult.find(".findItemSelector:checked");
  240. 	$lines.each(function() {
  241. 		var $this 		= $(this);
  242. 		var $resultItem 	= $this.closest(".resultItem");
  243. 		var $resultContext 	= $this.closest(".resultContext");
  244. 		search.appendTags($resultContext.data("id"), $resultItem.attr("data-row"), tags);
  245. 		search.drawTags($resultItem, $resultContext.data("id"), $resultItem.attr("data-row"));
  246. 	});
  247. 	var endTime = performance.now()
  248. 	console.log(`Append tags done! It took ${endTime - startTime} ms `);
  249. 	trans.grid.render();
  250. }
  254. search.setTags = function(file, row, tags, $actionResult) {
  255. 	try {
  256. 		if (Array.isArray(tags) == false) tags = [tags];
  257. 		
  258. 		trans.setTags(file, parseInt(row), tags);
  260. 		
  261. 	} catch (err) {
  262. 		console.warning("Failed to handle appendTags", err);
  263. 	}	
  264. }
  266. search.setTagsOnSelected = function(tags, $actionResult) {
  267. 	$actionResult = $actionResult||$(".ui-tabs-panel[aria-hidden=false] .actionResult");
  268. 	
  269. 	var $lines = $actionResult.find(".findItemSelector:checked");
  270. 	$lines.each(function() {
  271. 		var $resultItem = $(this).closest(".resultItem");
  272. 		var $resultContext = $(this).closest(".resultContext");
  273. 		search.setTags($resultContext.data("id"), $resultItem.attr("data-row"), tags);
  274. 		search.drawTags($resultItem, $resultContext.data("id"), $resultItem.attr("data-row"));
  275. 	})
  276. 	trans.grid.render();
  277. }
  280. search.removeTags = function(file, row, tags, $actionResult) {
  281. 	try {
  282. 		if (Array.isArray(tags) == false) tags = [tags];
  283. 		
  284. 		trans.removeTags(file, parseInt(row), tags);
  286. 	} catch (err) {
  287. 		console.warning("Failed to handle appendTags", err);
  288. 	}	
  289. }
  291. search.removeTagsOnSelected = function(tags, $actionResult) {
  292. 	$actionResult = $actionResult||$(".ui-tabs-panel[aria-hidden=false] .actionResult");
  293. 	
  294. 	var $lines = $actionResult.find(".findItemSelector:checked");
  295. 	$lines.each(function() {
  296. 		var $resultItem = $(this).closest(".resultItem");
  297. 		var $resultContext = $(this).closest(".resultContext");
  298. 		search.removeTags($resultContext.data("id"), $resultItem.attr("data-row"), tags);
  299. 		search.drawTags($resultItem, $resultContext.data("id"), $resultItem.attr("data-row"));
  301. 	});
  302. 	trans.grid.render();
  303. }
  305. search.clearTags = function(file, row, $actionResult) {
  306. 	try {
  307. 		
  308. 		trans.clearTags(file, parseInt(row));
  310. 	} catch (err) {
  311. 		console.warning("Failed to handle clearTags", err);
  312. 	}	
  313. }
  315. search.clearTagsOnSelected = function($actionResult) {
  316. 	$actionResult = $actionResult||$(".ui-tabs-panel[aria-hidden=false] .actionResult");
  317. 	
  318. 	var $lines = $actionResult.find(".findItemSelector:checked");
  319. 	$lines.each(function() {
  320. 		var $resultItem = $(this).closest(".resultItem");
  321. 		var $resultContext = $(this).closest(".resultContext");
  322. 		search.clearTags($resultContext.data("id"), $resultItem.attr("data-row"));
  323. 		$resultItem.find(".tags").empty();
  324. 	})
  325. 	trans.grid.render();
  327. }
  334. search.openTagMenu = function() {
  335. 	var $popup = $("#find_tagMenu");
  336. 	if ($popup.length == 0) {
  337. 		$popup = $("<div id='find_tagMenu'></div>");
  338. 		$("#template").append($popup);
  339. 		var tags = new UiTags({
  340. 			options : $(`
  341. 			<h2 data-tran="">${t('Action')}</h2>
  342. 			<div class="actionSet">
  343. 				<label class="flex"><input type="radio" name="tagAction" class="appendTags" value="appendTags" /> <span data-tran="">${t('Append tags')}</span></label>
  344. 				<label class="flex"><input type="radio" name="tagAction" class="removeTags" value="removeTags" /> <span data-tran="">${t('Remove tags')}</span></label>
  345. 				<label class="flex"><input type="radio" name="tagAction" class="setTags" value="setTags" /> <span data-tran="">${t('Set tags')}</span></label>
  346. 				<label class="flex"><input type="radio" name="tagAction" class="actionNone" value="" /> <span data-tran="">${t('Do nothing')}</span></label>
  347. 			</div>		
  348. 			`)
  349. 		});
  350. 		this._uiTags = tags;
  351. 		$popup.empty();
  352. 		$popup.append(tags.element);
  353. 	}
  354. 	$popup.dialog({
  355. 		title: t("Set tags"),
  356. 		autoOpen: false,
  357. 		modal:true,
  358. 		width:480,
  359. 		height:220,
  360. 		minWidth:480,
  361. 		minHeight:220,
  362. 		show: {
  363. 			effect: "fade",
  364. 			duration: 200
  365. 		},
  366. 		hide: {
  367. 			effect: "fade",
  368. 			duration: 200
  369. 		},
  370. 		buttons:[
  371. 			{
  372. 				text: t("Close"),
  373. 				icon: "ui-icon-close",
  374. 				click: function() {
  375. 					$(this).dialog( "close" );
  376. 				}
  377. 			},
  378. 			{
  379. 				text: t("Proceed"),
  380. 				click: async function() {
  381. 					var $this = $(this)
  382. 					var tags = search._uiTags.getValue();
  383. 					console.log(tags);
  384. 					if (tags === false) return false;
  385. 					
  387. 					$this.dialog( "close" );
  389. 					if (tags.filterTagMode == "appendTags") {
  390. 						search.appendTagsOnSelected(tags.filterTag);
  391. 					} else if (tags.filterTagMode == "removeTags") {
  392. 						search.removeTagsOnSelected(tags.filterTag);
  393. 					} else {
  394. 						search.setTagsOnSelected(tags.filterTag);
  395. 					}
  396. 				}
  397. 			}
  399. 		]
  400. 	});	
  401. 	$popup.dialog("open");	
  402. }
  404. search.loadKeywords = function() {
  405. 	var $keywords = $("#keywords");
  406. 	if (!localStorage.getItem("search.keywords")) return;
  407. 	try {
  408. 		var keywords = JSON.parse(localStorage.getItem("search.keywords"))
  409. 	} catch (e) {
  410. 		// do nothing
  411. 	}
  412. 	for (var i=0; i<keywords.length; i++) {
  413. 		var $newOption = $("<option></option>");
  414. 		$newOption.attr("value", keywords[i]);
  415. 		$keywords.append($newOption);
  416. 	}
  417. }
  419. search.addKeyword = function(keyword) {
  420. 	var $keywords = $("#keywords");
  421. 	try {
  422. 		// remove existing keyword
  423. 		var $exsit = $keywords.find(`[value="${CSS.escape(keyword)}"]`);
  424. 		$exsit.remove();
  425. 	} catch (e) {
  426. 		console.warn(e)
  427. 	}
  428. 	var $newOption = $("<option></option>");
  429. 	$newOption.attr("value", keyword);
  430. 	$keywords.prepend($newOption);
  431. 	$keywords = $keywords.find("option");
  432. 	if ($keywords.length > 100) {
  433. 		$keywords.eq($keywords.length - 1).remove();
  434. 	}
  436. 	// save keyword
  437. 	var keywords = [];
  438. 	for (var i=0; i<$keywords.length; i++) {
  439. 		keywords.push($keywords.eq(i).attr("value"));
  440. 	}
  441. 	if (keywords.length>0) localStorage.setItem("search.keywords", JSON.stringify(keywords))
  442. }
  444. search.sendCommandFind = function(keyword) {
  445. 	keyword = keyword||$("#fieldFind").val();
  446. 	if (keyword.length < 1) return alert(t("Keyword too short!"));
  447. 	this.addKeyword(keyword);
  448. 	var caseSensitiveMode 	=  $("#caseSensitive").prop("checked");
  449. 	var $notFoundMsg 		= $("<div class='blockBox infoBlock withIcon'>"+t("Found nothing!<br />Don't forget to set the Target search field.")+"</div>")
  450. 	
  451. 	var selectedFiles 		= "*";
  452. 	if ($("#selectAllFile").prop("checked") == false) {
  453. 		selectedFiles = [];
  454. 		$("#find .fileSelector .filename:checked").each(function() {
  455. 			selectedFiles.push($(this).attr("value"));
  456. 		});
  457. 	}
  459. 	// transpile
  460. 	if ($("#find .transpileCode").prop("checked")) {
  461. 		keyword = this.transpileText(keyword);
  462. 	}
  464. 	console.log("Selected file is :");
  465. 	console.log(selectedFiles);
  466. 	
  467. 	// array of value
  468. 	var searchLocations = $(".searchMode").val();
  469. 	
  470. 	var result = trans.search(keyword, {
  471. 		caseSensitive 		: caseSensitiveMode,
  472. 		files				: selectedFiles,
  473. 		searchLocations	 	: searchLocations,
  474. 		isRegexp			: $("#findIsRegexp").prop("checked")
  475. 	});
  476. 	
  477. 	search.toggleFileList(false);
  478. 	$("#find .searchResult").empty();
  479. 	
  481. 	var $template = $("<div class='searchResultHeader column2'>\
  482. 						<div class='searchresultAction'>\
  483. 							<input type='checkbox' value='' class='headerCheckbox' /> \
  484. 							<span>Select all</span>\
  485. 						</div>\
  486. 						<div class='right searchResultData'>\
  487. 							<i class='icon-docs'></i> <span class='numFile'>"+result.count+"</span>\
  488. 							<i class='icon-hourglass-3'></i> "+result.executionTime+" ms\
  489. 						</div>\
  490. 					</div>");
  491. 	$template.find(".headerCheckbox").on("input", function(e) {
  492. 		search.checkAll.call(search, $(this));
  493. 	});
  494. 	
  496. 	$("#find .searchResult").append($template);
  497. 	if (typeof result.files == "undefined" || result.count == 0) $("#find .searchResult").append($notFoundMsg);
  498. 					
  499. 					
  500. 	for (var file in result.files) {
  501. 		//var $lineFile = $("<div class='resultContext' data-id="+file+"><h2><input type='checkbox' value='1' class='headerGroupCheckbox' /> <i class='icon-doc'></i>"+file+" <span class='contextCount'>"+result.files[file].length+"</span></h2><ul></ul></div>");
  502. 		var $lineFile = $("<div class='resultContext' ><h2><input type='checkbox' value='1' class='headerGroupCheckbox' /> <i class='icon-doc'></i>"+file+" <span class='contextCount'>"+result.files[file].length+"</span></h2><ul></ul></div>");
  503. 		$lineFile.data("id", file);
  504. 		$lineFile.find(".headerGroupCheckbox").on("input", function(e) {
  505. 			search.checkGroup.call(search, $(this));
  506. 		});
  507. 		for(var i in result.files[file]) {
  508. 			var currentLine = result.files[file][i];
  509. 			var refference  = "";
  510. 			var foundStr    = common.htmlEntities(currentLine.fullString);
  512. 			if (result.isRegexp) {
  513. 				var regExpKeyword = common.evalRegExpStr(keyword);
  514. 				if (regExpKeyword !== false) {
  515. 					foundStr = foundStr.replace(regExpKeyword,   
  516. 						function(){
  517. 							return '<span class="highlight">'+arguments[0]+'</span>';
  518. 						});
  519. 				}
  520. 			} else {
  521. 				foundStr = foundStr.replaces(keyword, "<span class='highlight'>"+common.htmlEntities(keyword)+"</span>", !caseSensitiveMode);
  522. 			}
  523. 			//console.log(currentLine);
  524. 			try {
  525. 				var thisFileRef = trans.project.files[file].data[currentLine.row];
  526. 				if (currentLine.col == 0) {
  527. 					// this is key row, search translation for refference
  528. 					for (var n=thisFileRef.length; n>0; n--) {
  529. 						if (thisFileRef[n]) {
  530. 							refference = thisFileRef[n];
  531. 							break;
  532. 						}
  533. 					}
  534. 				} else {
  535. 					// this not a key row, search keyrow for refference
  536. 					refference = thisFileRef[0];
  537. 				}
  538. 			}
  539. 			catch (err) {
  540. 				// do nothing
  541. 			}
  543. 			refference =  common.htmlEntities(refference);
  544. 			
  545. 			var lineTemplate = $("<li class='resultItem' title='click to go' data-row='"+currentLine.row+"' data-col='"+currentLine.col+"'>"+
  546. 						"<div class='texts'>"+
  547. 						"<h1>"+foundStr+"</h1>"+
  548. 						"<h1 class='refference' title='refference'>"+refference+"</h1>"+
  549. 						"</div>"+							
  550. 						`<div class='resultInfo'><span class='findItemSelectorWrapper'><input type='checkbox' data-row='${currentLine.row}' data-col='${currentLine.col}' class='findItemSelector' value='' /></span><span class='rowLabel' title='row'>${currentLine.row}</span><span class='colLabel' title='column'>${currentLine.col}</span></div></li>`);
  551. 			lineTemplate.data("row", currentLine.row);
  552. 			lineTemplate.data("col", currentLine.col);
  553. 			lineTemplate.data("context", file);
  554. 			lineTemplate.on("click", function(e) {
  555. 				if ($(e.target).is("input[type=checkbox]")) {
  556. 					return;
  557. 				}				
  558. 				trans.goTo($(this).data("row"), $(this).data("col"), $(this).data("context"));
  559. 				$(this).closest(".searchResult").find(".selected").removeClass("selected");
  560. 				$(this).addClass("selected");
  561. 			});
  562. 			
  563. 			lineTemplate.find(".findItemSelector").on("change", function() {
  564. 				search.find = search.find || {};
  565. 				if ($(this).prop("checked") == true) {
  566. 					search.find.$lastCheckedFile = $(this);
  567. 				} else {
  568. 					search.find.$lastCheckedFile = undefined;
  569. 				}				
  570. 			});
  571. 			lineTemplate.find(".findItemSelector").on("mousedown", function(e) {
  572. 				search.find = search.find || {};
  573. 				
  574. 				if (!search.find.$lastCheckedFile) return false;
  575. 				if (e.shiftKey) {
  576. 					console.log("The SHIFT key was pressed!");
  577. 					var $checkBoxes = $(this).closest(".actionResult").find(".findItemSelector");
  578. 					var lastIndex = $checkBoxes.index(search.find.$lastCheckedFile);
  579. 					var thisIndex = $checkBoxes.index(this);
  580. 					var chckFrom;
  581. 					var chckTo;
  582. 					
  583. 					if (lastIndex < thisIndex) {
  584. 						chckFrom = lastIndex;
  585. 						chckTo = thisIndex;
  586. 					} else {
  587. 						chckFrom = thisIndex;
  588. 						chckTo = lastIndex;
  589. 					}
  590. 					console.log("check from index "+chckFrom+" to "+chckTo);
  591. 					for (var i=chckFrom; i<chckTo; i++) {
  592. 						$checkBoxes.eq(i).prop("checked", true).trigger("change");
  593. 					}					
  594. 				}
  595. 			});		
  596. 			
  597. 			search.drawTags(lineTemplate, file, currentLine.row);
  598. 			$lineFile.find("ul").append(lineTemplate);
  599. 		}
  600. 		$("#find .searchResult").append($lineFile);
  601. 	}
  602. 	
  603. 	console.log(result);
  604. }
  607. search.sendCommandReplace = function() {
  608. 	var keyword = $("#fieldReplaceFind").val();
  609. 	var replacer = $("#fieldReplaceReplace").val();
  610. 	if (keyword.length < 1) return alert("Keyword too short!");
  611. 	this.addKeyword(keyword);
  612. 	var $notFoundMsg = $("<div class='blockBox infoBlock withIcon'>"+t("Found nothing to replace!<br />Replace function doesn't replace anything on the key column.")+"</div>")
  613. 	
  614. 	var conf = confirm(t("Replace '")+keyword+t("' with '")+replacer+t("'?\r\nWe still haven't create undo function for this thing!\nAre you sure want to proceed?"));
  615. 	if (!conf) return false;
  616. 	
  617. 	
  618. 	var caseSensitiveMode =  $("#caseSensitiveReplace").prop("checked");
  619. 	
  620. 	var selectedFiles = "*";
  621. 	if ($("#selectAllFileReplace").prop("checked") == false) {
  622. 		selectedFiles = [];
  623. 		$("#replace .fileSelector .filename:checked").each(function() {
  624. 			selectedFiles.push($(this).attr("value"));
  625. 		});
  626. 	}
  628. 	// transpile
  629. 	if ($("#replace .transpileCode").prop("checked")) {
  630. 		keyword = this.transpileText(keyword);
  631. 		replacer = this.transpileText(replacer);
  632. 	}
  633. 	
  634. 	console.log("Selected file is :");
  635. 	console.log(selectedFiles);
  636. 	
  637. 	
  638. 	var result = trans.replace(keyword, replacer, {
  639. 		caseSensitive 	: caseSensitiveMode,
  640. 		'files' 		: selectedFiles,
  641. 		isRegexp		: $("#replaceIsRegexp").prop("checked")
  642. 	});
  643. 	
  644. 	search.toggleFileList(false);
  645. 	$(".replaceResult").empty();
  646. 	
  647. 	if (typeof result.files == "undefined") $(".replaceResult").html($notFoundMsg);
  648. 	if (result.count == 0)  $(".replaceResult").html($notFoundMsg);
  650. 	var $template = $("<div class='searchResultHeader column2'>\
  651. 						<div class='searchresultAction'>\
  652. 							<input type='checkbox' value='' class='headerCheckbox' /> \
  653. 							<span>Select all</span>\
  654. 						</div>\
  655. 						<div class='right searchResultData'>\
  656. 							<i class='icon-docs'></i> <span class='numFile'>"+result.count+"</span>\
  657. 							<i class='icon-hourglass-3'></i> "+result.executionTime+" ms\
  658. 						</div>\
  659. 					</div>");
  660. 	$template.find(".headerCheckbox").on("input", function(e) {
  661. 		search.checkAll.call(search, $(this));
  662. 	});
  663. 					
  664. 	$(".replaceResult").prepend($template);
  666. 	for (var file in result.files) {
  667. 		//var $lineFile = $("<div class='resultContext' data-id="+file+"><h2><input type='checkbox' value='1' class='headerGroupCheckbox' /><i class='icon-doc'></i>"+file+" <span class='contextCount'>"+result.files[file].length+"</span></h2><ul></ul></div>");
  668. 		var $lineFile = $("<div class='resultContext' ><h2><input type='checkbox' value='1' class='headerGroupCheckbox' /><i class='icon-doc'></i>"+file+" <span class='contextCount'>"+result.files[file].length+"</span></h2><ul></ul></div>");
  669. 		$lineFile.data("id", file);
  670. 		$lineFile.find(".headerGroupCheckbox").on("input", function(e) {
  671. 			search.checkGroup.call(search, $(this));
  672. 		});
  674. 		for(var i in result.files[file]) {
  675. 			var currentLine = result.files[file][i];
  676. 			
  677. 			
  678. 			var foundStr = common.htmlEntities(currentLine.originalString);
  679. 			
  680. 			if (result.isRegexp) {
  681. 				var regExpKeyword = common.evalRegExpStr(keyword);
  682. 				if (regExpKeyword !== false) {
  683. 					foundStr = foundStr.replace(regExpKeyword,   
  684. 						function(){
  685. 							return '<span class="highlight2">'+arguments[0]+'</span>';
  686. 						});
  687. 				}
  688. 			} else {
  689. 				foundStr = foundStr.replaces(keyword, "<span class='highlight2'>"+keyword+"</span>", !caseSensitiveMode);
  690. 			}
  691. 			
  692. 			var replacedString = common.htmlEntities(currentLine.fullString).replaces(replacer, "<span class='highlight'>"+replacer+"</span>");
  693. 			
  694. 			//var foundStr = currentLine.fullString.replaces(keyword, "<span class='highlight'>"+keyword+"</span>", !caseSensitiveMode);
  695. 			
  696. 			var lineTemplate = $("<li class='resultItem' title='"+t("click to go")+"' data-row='"+currentLine.row+"' data-col='"+currentLine.col+"'>"+
  697. 			"<div class='texts'>"+
  698. 				"<h1 class='refference' title='refference'>"+foundStr+"</h1>"+
  699. 				"<span><i class='icon-right-big'> </i></span>"+
  700. 				"<h1>"+replacedString+"</h1>"+
  701. 			"</div>"+
  702. 			`<div class='resultInfo'><span class='findItemSelectorWrapper'><input type='checkbox' data-row='${currentLine.row}' data-col='${currentLine.col}' class='findItemSelector' value='' /></span><span class='rowLabel' title='row'>${currentLine.row}</span><span class='colLabel' title='column'>${currentLine.col}</span></div></li>`);
  703. 			lineTemplate.data("row", currentLine.row);
  704. 			lineTemplate.data("col", currentLine.col);
  705. 			lineTemplate.data("context", file);
  706. 			lineTemplate.on("click", function(e) {
  707. 				if ($(e.target).is("input[type=checkbox]")) {
  708. 					return;
  709. 				}
  710. 				trans.goTo($(this).data("row"), $(this).data("col"), $(this).data("context"));
  711. 			});
  712. 			
  713. 			lineTemplate.find(".findItemSelector").on("change", function() {
  714. 				search.repl = search.repl || {};
  715. 				if ($(this).prop("checked") == true) {
  716. 					search.repl.$lastCheckedFile = $(this);
  717. 				} else {
  718. 					search.repl.$lastCheckedFile = undefined;
  719. 				}				
  720. 			});
  721. 			lineTemplate.find(".findItemSelector").on("mousedown", function(e) {
  722. 				search.repl = search.repl || {};
  723. 				
  724. 				if (!search.repl.$lastCheckedFile) return false;
  725. 				if (e.shiftKey) {
  726. 					console.log("The SHIFT key was pressed!");
  727. 					var $checkBoxes = $(this).closest(".actionResult").find(".findItemSelector");
  728. 					var lastIndex = $checkBoxes.index(search.repl.$lastCheckedFile);
  729. 					var thisIndex = $checkBoxes.index(this);
  730. 					var chckFrom;
  731. 					var chckTo;
  732. 					if (lastIndex < thisIndex) {
  733. 						chckFrom = lastIndex;
  734. 						chckTo = thisIndex;
  735. 					} else {
  736. 						chckFrom = thisIndex;
  737. 						chckTo = lastIndex;
  738. 					}
  739. 					console.log("check from index "+chckFrom+" to "+chckTo);
  740. 					for (let i=chckFrom; i<chckTo; i++) {
  741. 						$checkBoxes.eq(i).prop("checked", true).trigger("change");
  742. 					}					
  743. 				}
  744. 			});		
  746. 			search.drawTags(lineTemplate, file, currentLine.row);
  747. 			$lineFile.find("ul").append(lineTemplate);
  748. 		}
  749. 		$(".replaceResult").append($lineFile);
  750. 	}
  751. 	
  752. 	console.log(result);
  753. }
  755. search.sendCommandPut = function() {
  756. 	var conf = confirm(t("This will replace any translation found in target colum,\nAre you sure?"));
  757. 	if (!conf) return false;
  758. 	var keyword = $("#findPut .fldFind").val();
  759. 	if (keyword.length < 1) return alert(t("Keyword too short!"));
  760. 	
  761. 	var put = $("#findPut .fldPut").val();
  762. 	var caseSensitiveMode =  $("#findPut .caseSensitive").prop("checked");
  763. 	var targetCol = parseInt($("#findPut .targetSelector select").val());
  764. 	targetCol = parseInt(targetCol);
  765. 	
  766. 	var selectedFiles = "*";
  767. 	if ($("#findPut .selectAllFile").prop("checked") == false) {
  768. 		selectedFiles = [];
  769. 		$("#findPut .fileSelector .filename:checked").each(function() {
  770. 			selectedFiles.push($(this).attr("value"));
  771. 		});
  772. 	}
  773. 	console.log("Selected file is :");
  774. 	console.log(selectedFiles);	
  775. 	
  776. 	var result = trans.findPut(keyword, put, targetCol, {
  777. 		caseSensitive 	: caseSensitiveMode,
  778. 		files 			: selectedFiles,
  779. 		lineMatch 		: true
  780. 	});	
  782. 	console.log("result is", result);
  783. 	
  784. 	search.toggleFileList(false);
  785. 	$("#findPut .searchResult").empty();
  786. 	
  787. 	if (typeof result.files == "undefined") $("#findPut .searchResult").html(t("Not found!"));
  788. 	if (result.count == 0)  $("#findPut .searchResult").html(t("Not found!"));
  790. 	var $template = $("<div class='searchResultHeader column2'>\
  791. 						<div class='searchresultAction'>\
  792. 							<input type='checkbox' value='' class='headerCheckbox' /> \
  793. 							<span>Select all</span>\
  794. 						</div>\
  795. 						<div class='right searchResultData'>\
  796. 							<i class='icon-docs'></i> <span class='numFile'>"+result.count+"</span>\
  797. 							<i class='icon-hourglass-3'></i> "+result.executionTime+" ms\
  798. 						</div>\
  799. 					</div>");
  800. 	$template.find(".headerCheckbox").on("input", function(e) {
  801. 		search.checkAll.call(search, $(this));
  802. 	});
  803. 	
  804. 	$("#findPut .searchResult").prepend($template);
  805. 	
  806. 	
  807. 	for (var file in result.files) {
  808. 		//var $lineFile = $("<div class='resultContext' data-id="+file+"><h2><i class='icon-doc'></i>"+file+" <span class='contextCount'>"+result.files[file].length+"</span></h2><ul></ul></div>");
  809. 		var $lineFile = $("<div class='resultContext' ><h2><i class='icon-doc'></i>"+file+" <span class='contextCount'>"+result.files[file].length+"</span></h2><ul></ul></div>");
  810. 		$lineFile.data("id", file);
  811. 		for(var i in result.files[file]) {
  812. 			var currentLine = result.files[file][i];
  813. 			var foundStr = currentLine.fullString.replaces(keyword, "<span class='highlight'>"+keyword+"</span>", !caseSensitiveMode);
  814. 			var refference = "";
  815. 			
  816. 			//console.log(currentLine);
  817. 			try {
  818. 				var thisFileRef = trans.project.files[file].data[currentLine.row];
  819. 				refference = thisFileRef[targetCol];
  820. 			}
  821. 			catch (err) {
  822. 				// do nothing
  823. 			}
  824. 			
  825. 			var lineTemplate = $("<li class='resultItem' title='click to go' data-row='"+currentLine.row+"' data-col='"+currentLine.col+"'>"+
  826. 						"<div class='texts'>"+
  827. 						"<h1>"+foundStr+"</h1>"+
  828. 						"<h1 class='refference' title='refference'>"+refference+"</h1>"+
  829. 						"</div>"+							
  830. 						`<div class='resultInfo'><span class='findItemSelectorWrapper'><input type='checkbox' data-row='${currentLine.row}' data-col='${currentLine.col}' class='findItemSelector' value='' /></span><span class='rowLabel' title='row'>${currentLine.row}</span><span class='colLabel' title='column'>${currentLine.col}</span></div></li>`);
  831. 			lineTemplate.data("row", currentLine.row);
  832. 			lineTemplate.data("col", currentLine.col);
  833. 			lineTemplate.data("context", file);
  834. 			lineTemplate.on("click", function(e) {
  835. 				if ($(e.target).is("input[type=checkbox]")) {
  836. 					return;
  837. 				}				
  838. 				trans.goTo($(this).data("row"), $(this).data("col"), $(this).data("context"));
  839. 			});
  840. 			
  841. 			lineTemplate.find(".findItemSelector").on("change", function() {
  842. 				search.find = search.find || {};
  843. 				if ($(this).prop("checked") == true) {
  844. 					search.find.$lastCheckedFile = $(this);
  845. 				} else {
  846. 					search.find.$lastCheckedFile = undefined;
  847. 				}				
  848. 			});
  849. 			lineTemplate.find(".findItemSelector").on("mousedown", function(e) {
  850. 				search.find = search.find || {};
  851. 				
  852. 				if (!search.find.$lastCheckedFile) return false;
  853. 				if (e.shiftKey) {
  854. 					console.log("The SHIFT key was pressed!");
  855. 					var $checkBoxes = $(this).closest(".actionResult").find(".findItemSelector");
  856. 					var lastIndex = $checkBoxes.index(search.find.$lastCheckedFile);
  857. 					var thisIndex = $checkBoxes.index(this);
  858. 					var chckFrom;
  859. 					var chckTo;
  860. 					
  861. 					if (lastIndex < thisIndex) {
  862. 						chckFrom = lastIndex;
  863. 						chckTo = thisIndex;
  864. 					} else {
  865. 						chckFrom = thisIndex;
  866. 						chckTo = lastIndex;
  867. 					}
  868. 					console.log("check from index "+chckFrom+" to "+chckTo);
  869. 					for (let i=chckFrom; i<chckTo; i++) {
  870. 						$checkBoxes.eq(i).prop("checked", true).trigger("change");
  871. 					}					
  872. 				}
  873. 			});		
  874. 			
  875. 			search.drawTags(lineTemplate, file, currentLine.row);
  876. 			$lineFile.find("ul").append(lineTemplate);
  877. 		}
  878. 		$("#findPut .searchResult").append($lineFile);
  879. 	}	
  880. 	
  881. }
  884. search.drawFileSelector = function() {
  885. 	if (typeof trans.project == 'undefined') return false;
  886. 	var project = trans.project;
  887. 	for (var file in project.files) {
  888. 		var template = $("<label class='selectable'><input type='checkbox' class='filename' value='"+file+"' /><span>"+file+"</span></label>");
  889. 		template.attr("title", file)
  890. 		$(".fileSelector").append(template);
  891. 	}
  892. 	search.initFileSelectorDragSelect();	
  893. }
  895. search.toggleFileList = function(stat) {
  896. 	if (typeof stat == 'undefined') {
  897. 		stat = !$(".toggleFileSelector").hasClass("opened");
  898. 	}
  899. 	
  900. 	if (!stat) {
  901. 		$(".fileSelector").addClass("hidden");
  902. 		$(".toggleFileSelector").removeClass("opened");
  903. 	} else {
  904. 		$(".fileSelector").removeClass("hidden");
  905. 		$(".toggleFileSelector").addClass("opened");
  906. 	}
  907. 	return stat;
  908. }
  912. // ======================================================================
  913. // context menu handler
  914. // ======================================================================
  916. search.selectAll = function($actionResult) {
  917. 	//select all by given actionResult
  918. 	$actionResult = $actionResult||$(".ui-tabs-panel[aria-hidden=false] .actionResult");
  919. 	var $headerCheckbox = $actionResult.find(".headerCheckbox");
  920. 	$headerCheckbox.prop("checked", true);
  921. 	$headerCheckbox.trigger("input");
  922. 	//search.checkAll($actionResult.find(".headerCheckbox"));
  923. }
  924. search.unSelectAll = function($actionResult) {
  925. 	//select all by given actionResult
  926. 	$actionResult = $actionResult||$(".ui-tabs-panel[aria-hidden=false] .actionResult");
  927. 	var $headerCheckbox = $actionResult.find(".headerCheckbox");
  928. 	$headerCheckbox.prop("checked", false);
  929. 	$headerCheckbox.trigger("input");
  930. 	//search.checkAll($actionResult.find(".headerCheckbox"));
  931. }
  933. search.clearTranslationOnSelected = function($actionResult) {
  934. 	$actionResult = $actionResult||$(".ui-tabs-panel[aria-hidden=false] .actionResult");
  935. 	
  936. 	var $lines = $actionResult.find(".findItemSelector:checked");
  937. 	$lines.each(function() {
  938. 		var $resultItem 	= $(this).closest(".resultItem");
  939. 		var $resultContext 	= $(this).closest(".resultContext");
  940. 		var fileId 		= $resultContext.data("id");
  941. 		var row 		= $resultItem.attr("data-row");
  942. 	
  943. 		try {
  944. 			var thisRow = trans.project.files[fileId].data[row];
  945. 			trans.project.files[fileId].data[row] = thisRow.fill("", 1);
  946. 		} catch (e) {
  947. 			//do nothing
  948. 		}
  949. 		//search.appendTags($resultContext.data("id"), $resultItem.attr("data-row"), tags);
  950. 	})
  951. 	trans.grid.render();
  953. }
  956. search.removeSelectedElement = function($actionResult) {
  957. 	$actionResult = $actionResult||$(".ui-tabs-panel[aria-hidden=false] .actionResult");
  958. 	var $files = $actionResult.find(".resultContext");
  959. 	$files.each(function() {
  960. 		var $thisFile = $(this);
  961. 		var $thisLines = $thisFile.find(".findItemSelector:checked");
  962. 		if ($thisLines.length < 1) return;
  963. 		$thisLines.each(function() {
  964. 			$(this).closest("li").remove();
  965. 		})
  967. 		if($thisFile.find("li.resultItem").length < 1) $thisFile.remove();
  968. 	})
  970. 	$actionResult.find(".numFile").text( $actionResult.find("li.resultItem").length)
  972. }
  974. search.deleteSelected = function($actionResult) {
  975. 	// should make the row, col & file id unique
  976. 	$actionResult = $actionResult||$(".ui-tabs-panel[aria-hidden=false] .actionResult");
  977. 	
  978. 	var $files = $actionResult.find(".resultContext");
  979. 	for (var i=0; i<$files.length; i++) {
  980. 		var $thisFile = $files.eq(i);
  981. 		var $thisLine = $thisFile.find(".findItemSelector:checked");
  982. 		if ($thisLine.length < 1) continue;
  983. 		var fileId = $thisFile.data("id");
  984. 		var rows = [];
  985. 		for (var x=0; x<$thisLine.length; x++) {
  986. 			rows.push($thisLine.eq(x).data("row"));
  987. 		}
  988. 		console.log(`trans.removeRow()`, fileId, rows);
  989. 		trans.removeRow(fileId, rows)
  990. 	}
  991. 	this.removeSelectedElement($actionResult);
  992. 	trans.grid.render();
  993. }
  995. search.openAutomationEditor = async function() {
  996. 	var options = {
  997. 		workspace	: "foundCells",
  998. 		foundCells	: search.getSelectedResult()
  999. 	}
  1000. 	ui.openAutomationEditor("codeEditor_foundCells", options);
  1001. }
  1003. search.automationMenu = function() {
  1004. 	console.log("Creating automation menu");
  1005. 	var subMenu = new nw.Menu();
  1006. 	const configPath = "codeEditor/foundCells"
  1008. 	var menuConfig = sys.getConfig(configPath);
  1009. 	if (!menuConfig) {
  1010.         sys.setConfig(configPath, {quickLaunch:[]});
  1011.         menuConfig = sys.getConfig(configPath);
  1012.     }
  1013.     menuConfig["quickLaunch"] = menuConfig["quickLaunch"] || [];
  1014. 	for (var i=0; i<menuConfig["quickLaunch"].length; i++) {
  1015. 		(()=>{
  1016. 			var filePath = menuConfig["quickLaunch"][i];
  1017. 			var filename = common.getFilename(filePath);
  1018. 			subMenu.append(new nw.MenuItem({
  1019. 				label: filename,
  1020. 				type: "normal", 
  1021. 				click: function(){
  1022. 					const searchResult = search.getSelectedResult();
  1023. 					var conf = confirm(t("Are you sure want to execute the following script?")+"\n"+filename+"\n"+
  1024. 					t("For ")+searchResult.length+t(" selected item(s)?")
  1025. 					);
  1026. 					if (!conf) return;
  1027. 					trans.runCustomScript("foundCells", filePath,  {
  1028. 						foundCells: searchResult
  1029. 					});
  1030. 				}
  1031. 			}));
  1032. 		})()
  1033. 	}
  1034. 	return subMenu;
  1035. }
  1037. search.searchResultContextMenu = function() {
  1038.     console.log("trans.fileSelectorContextMenuInit");
  1039.     if (this.searchResultContextMenuIsInitialized) return false;
  1040.     this.menu = new nw.Menu();
  1042.     // Add some items with label
  1043.     this.menu.append(new nw.MenuItem({
  1044.         label: t(' Select all'),
  1045.         type: "normal",
  1046.         click: function() {
  1047.             search.selectAll();
  1048.         }
  1049.     }));
  1050.     this.menu.append(new nw.MenuItem({
  1051.         label: t(' Clear selection'),
  1052.         type: "normal",
  1053.         click: function() {
  1054.             search.unSelectAll();
  1055.         }
  1056.     }));
  1057.     this.menu.append(new nw.MenuItem({
  1058.         type: 'separator'
  1059.     }));
  1061.     var tagging = new nw.Menu();
  1063.     tagging.append(new nw.MenuItem({
  1064.         label: t(' Set Red tag'),
  1065.         type: "normal",
  1066.         icon: "www/img/red.png",
  1067.         click: function() {
  1068.             search.appendTagsOnSelected("red");
  1069.         }
  1070.     }));
  1071.     tagging.append(new nw.MenuItem({
  1072.         label: t(' Set Yellow tag'),
  1073.         type: "normal",
  1074.         icon: "www/img/yellow.png",
  1075.         click: function() {
  1076.             search.appendTagsOnSelected("yellow");
  1077.         }
  1078.     }));
  1079.     tagging.append(new nw.MenuItem({
  1080.         label: t(' Set Green tag'),
  1081.         type: "normal",
  1082.         icon: "www/img/green.png",
  1083.         click: function() {
  1084.             search.appendTagsOnSelected("green");
  1085.         }
  1086.     }));
  1087.     tagging.append(new nw.MenuItem({
  1088.         label: t(' Set Blue tag'),
  1089.         type: "normal",
  1090.         icon: "www/img/blue.png",
  1091.         click: function() {
  1092.             search.appendTagsOnSelected("blue");
  1093.         }
  1094.     }));
  1095.     tagging.append(new nw.MenuItem({
  1096.         label: t(' Set Gold tag'),
  1097.         type: "normal",
  1098.         icon: "www/img/gold.png",
  1099.         click: function() {
  1100.             search.appendTagsOnSelected("gold");
  1101.         }
  1102.     }));
  1103.     tagging.append(new nw.MenuItem({
  1104.         label: t(' More tags...'),
  1105.         type: "normal",
  1106.         click: function() {
  1107.             search.openTagMenu();
  1108.         }
  1109.     }));
  1110.     tagging.append(new nw.MenuItem({
  1111.         type: 'separator'
  1112.     }));
  1113.     tagging.append(new nw.MenuItem({
  1114.         label: t(' Clear tags'),
  1115.         type: "normal",
  1116.         click: function() {
  1117.             search.clearTagsOnSelected();
  1118.         }
  1119.     }));
  1120.     tagging.append(new nw.MenuItem({
  1121.         type: 'separator'
  1122.     }));
  1123.     tagging.append(new nw.MenuItem({
  1124.         label: t(' Create Automation'),
  1125.         type: "normal",
  1126.         click: function() {
  1127.             search.openAutomationEditor();
  1128.         }
  1129.     }));
  1130.     tagging.append(new nw.MenuItem({
  1131.         label: t(' Run Automation'),
  1132.         type: "normal",
  1133.         submenu: search.automationMenu()
  1134.     }));
  1135. 	tagging.append(new nw.MenuItem({
  1136.         label: t(' Clear Automation'),
  1137.         type: "normal",
  1138. 		click: function() {
  1139. 			var conf = confirm(t("Are you sure want to clear all quick launch scripts?"));
  1140. 			if (!conf) return;
  1141. 			sys.setConfig("codeEditor/foundCells", {quickLaunch:[]});
  1142. 			sys.saveConfig();
  1143.         }
  1144.     }));
  1145.     tagging.append(new nw.MenuItem({
  1146.         type: 'separator'
  1147.     }));
  1148.     tagging.append(new nw.MenuItem({
  1149.         label: t(' Clear translation'),
  1150.         type: "normal",
  1151.         icon: "www/img/brush_icon.png",
  1152.         click: function() {
  1153.             var conf = confirm(t("Do you want to clear translations of the selected items?"));
  1154.             if (!conf) return;
  1155.             search.clearTranslationOnSelected();
  1156.         }
  1157.     }));
  1158.     tagging.append(new nw.MenuItem({
  1159.         label: t(' Delete rows'),
  1160.         type: "normal",
  1161.         icon: "www/img/trash_icon.png",
  1162.         click: function() {
  1163.             var conf = confirm(t("Do you want to remove selected rows?\nYou can not undo this action!"));
  1164.             if (!conf) return;
  1165.             search.deleteSelected();
  1166.         }
  1167.     }));
  1168.     /*
  1169.     var withSelection = new nw.Menu();	
  1170.     withSelection.append(new nw.MenuItem({
  1171.       label: 'Tagging',
  1172.       submenu: tagging
  1173.     }))
  1174.     */
  1176.     this.menu.append(new nw.MenuItem({
  1177.         label: t(' With selection ...'),
  1178.         icon: "www/img/checkmark.png",
  1179.         submenu: tagging
  1180.     }));
  1182.     var that = this;
  1184.     $(document.body).on("contextmenu", ".actionResult", function(ev) {
  1185.         ev.preventDefault();
  1186.         // Popup the native context menu at place you click
  1187.         //console.log(ev);
  1188.         console.log(ev.originalEvent);
  1189.         that.menu.popup(parseInt(ev.originalEvent.x), parseInt(ev.originalEvent.y));
  1190.         return false;
  1191.     })
  1192.     /*
  1193.     document.body.addEventListener('contextmenu', function(ev) {
  1194.       // Prevent showing default context menu
  1195.       //console.log(ev);
  1196.       if ($(ev.target).is(".actionResult") == false) return false;
  1197.       ev.preventDefault();
  1198.       // Popup the native context menu at place you click
  1199.       that.menu.popup(ev.x, ev.y);
  1201.       return false;
  1202.     }, false);
  1203.     */
  1204.     this.searchResultContextMenuIsInitialized = true;
  1206. }
  1208. search.optionsMenu = function(x, y) {
  1209. 	console.log("search.optionsMenu");
  1211. 	var uncheckBlurMenu = () => {
  1212. 		for (var id in this.menuOpacityItem) {
  1213. 			if (Boolean(this.menuOpacityItem[id]) == false) continue;
  1214. 			this.menuOpacityItem[id].checked = false;
  1215. 		}
  1216. 	}
  1219. 	this.menuOptions = new nw.Menu();
  1221. 	// Add some items with label
  1222. 	this.menuAlwaysOnTop = new nw.MenuItem({
  1223. 		label: t('Always on top'),
  1224. 		type: "checkbox", 
  1225. 		checked: win.isAlwaysOnTop,
  1226. 		click: function(){
  1227. 			var currentState = win.isAlwaysOnTop;
  1228. 			win.setAlwaysOnTop(!currentState);			
  1229. 			this.checked = !currentState;
  1230. 			search.setConfig('alwaysOnTop', !currentState);
  1231. 		}
  1232. 	})
  1234. 	this.menuOptions.append(this.menuAlwaysOnTop);
  1236. 	//this.menuOptions.append(new nw.MenuItem({ type: 'separator' }));
  1237. 	
  1238. 	var opacity = new nw.Menu();
  1240. 	this.menuOpacityItem = {};
  1242. 	for (let i=10; i>0; i--) {
  1243. 		void function() {
  1244. 			var z = i;
  1245. 			var percent = z*10;				
  1246. 			var current = search.blurOpacity*100;
  1247. 			var isChecked = false;
  1248. 			if (current == percent) isChecked = true;
  1249. 			var thisMenu = new nw.MenuItem({
  1250. 				label: percent+'%',
  1251. 				type: "checkbox", 
  1252. 				checked: isChecked,
  1253. 				click: function(){
  1254. 					uncheckBlurMenu();
  1255. 					this.checked = true;				
  1256. 					search.blurOpacity = z/10;
  1257. 					search.setConfig('blurOpacity', z/10);
  1258. 				}
  1259. 			});
  1260. 			search.menuOpacityItem[percent] = thisMenu;
  1261. 			opacity.append(thisMenu);
  1262. 		}()
  1263. 	}
  1264. 	
  1265. 	opacity.append(new nw.MenuItem({ type: 'separator' }));
  1266. 	var isChecked = false;
  1267. 	if (search.blurOpacity == 0.6) isChecked = true;	
  1268. 	this.menuOpacityItem['default'] = new nw.MenuItem({
  1269. 		label: t('Default'),
  1270. 		type: "checkbox", 
  1271. 		checked: isChecked,
  1272. 		click: function(){
  1273. 			console.log(this, arguments)
  1274. 			uncheckBlurMenu();
  1275. 			this.checked = true;
  1276. 			search.blurOpacity = 0.6;
  1277. 			search.setConfig('blurOpacity', 0.6);
  1278. 		}
  1279. 	})
  1280. 	opacity.append(this.menuOpacityItem['default']);
  1281. 	
  1282. 	/*
  1283. 	var withSelection = new nw.Menu();	
  1284. 	withSelection.append(new nw.MenuItem({
  1285. 	  label: 'Tagging',
  1286. 	  submenu: tagging
  1287. 	}))
  1288. 	*/
  1289. 	
  1290. 	this.menuOptions.append(new nw.MenuItem({
  1291. 		label: t('Blur opacity'),
  1292. 		submenu: opacity
  1293. 	}));
  1294. 	
  1295. 	var that = this;
  1296. 	
  1297. 	if (this.optionsMenuIsInitialized) return false;
  1298. 	$(".application-menu-button").on("click", function(ev) {
  1299. 		ev.preventDefault();
  1300. 		// Popup the native context menu at place you click
  1301. 		var thisOffset = $(this).offset();
  1302. 		//that.menu.popup(ev.originalEvent.x, ev.originalEvent.y);
  1303. 		that.menuOptions.popup(parseInt(thisOffset.left) - 80, 32);
  1304. 		return false;
  1305. 	})
  1307. 	this.optionsMenuIsInitialized = true;
  1308. 	
  1309. }
  1311. search.getBlurOpacity = function() {
  1312. 	return this.blurOpacity;
  1313. }
  1315. search.initialize = function() {
  1316.     this.appMenu = new nw.Menu();
  1317.     this.appMenu.append(new nw.MenuItem({
  1318.         label: t('Close'),
  1319.         type: "normal",
  1320.         click: function() {
  1322.         }
  1323.     }));
  1324.     var that = this;
  1325.     $(document.body).on("contextmenu", ".findWrapper", function(ev) {
  1326.         ev.preventDefault();
  1327.         // Popup the native context menu at place you click
  1328.         //console.log(ev);
  1329.         that.appMenu.popup(parseInt(ev.originalEvent.x), parseInt(ev.originalEvent.y));
  1330.         return false;
  1331.     })
  1333.     this.optionsMenu();
  1334.     this.loadKeywords();
  1335. }
  1337. // =======================================================
  1338. // EVENTS
  1339. // =======================================================
  1341. $(document).ready(function() {
  1342. 	search.searchResultContextMenu();
  1343. 	
  1344. 	$(document).on('keydown', function(e) {
  1345. 		var keyCode = e.keyCode || e.which;
  1346. 		switch (keyCode) {
  1347. 			case 13 : //Enter
  1348. 				if (e.altKey || e.shiftKey) break;
  1349. 				e.preventDefault();
  1350. 				console.log("Searching");
  1351. 				
  1352. 				if ($("div[aria-hidden=false]").attr("id") == "find") {
  1353. 					search.sendCommandFind();
  1354. 				} else if  ($("div[aria-hidden=false]").attr("id") == "replace"){
  1355. 					search.sendCommandReplace();
  1356. 				} else {
  1357. 					search.sendCommandPut();
  1358. 				}
  1359. 				//$(".button-about").trigger("click");
  1360. 			break;		
  1361. 		}
  1362. 	});
  1363. 	
  1364. 	
  1365. 	// INITIALIZING TAB
  1366. 	
  1367. 	var type = window.location.hash.substr(1);
  1368. 	var mode = 0;
  1369. 	if (type == "replace") mode = 1;
  1370. 	console.log("tab index  : "+mode);
  1371. 	
  1372. 	$("#tabs").tabs({
  1373. 		active: mode,
  1374. 		activate: function(e, thisUi) {
  1375. 			console.log(thisUi);
  1376. 			if (thisUi.newPanel.attr("id") == 'findPut') {
  1377. 				$("#findPut .targetSelector").empty();
  1378. 				ui.generateColSelector({
  1379. 					skipFirstCol:true
  1380. 				}).appendTo($("#findPut .targetSelector"));
  1381. 			}
  1382. 			
  1383. 		}
  1384. 	});
  1385. 	
  1386. 	if (mode == 0) {
  1387. 		$("#fieldFind").focus();
  1388. 	} else {
  1389. 		$("#fieldReplaceFind").focus();
  1390. 	}
  1391. 	
  1392. 	
  1393. 	$(".toggleFileSelector").on("click", function(e) {
  1394. 		var $thisTab = $(this).closest(".ui-tabs-panel");
  1396. 		$(this).toggleClass("opened");
  1397. 		if ($(this).hasClass("opened")) {
  1398. 			$thisTab.find(".fileSelector").removeClass("hidden");
  1399. 		} else {
  1400. 			$thisTab.find(".fileSelector").addClass("hidden");
  1401. 		}		
  1402. 	});
  1403. 	
  1404. 	$(".selectAllFile").on("change", function(e) {
  1405. 		var $thisTab = $(this).closest(".ui-tabs-panel");
  1406. 		if ($(this).prop("checked")) {
  1407. 			$thisTab.find(".fileSelector").addClass("hidden");
  1408. 			$thisTab.find(".toggleFileSelector").removeClass("opened");
  1409. 			$thisTab.find(".fileSelector .filename").each(function() {
  1410. 				//console.log($(this));
  1411. 				$(this).prop("disabled", true);
  1412. 			});
  1413. 		} else {
  1414. 			$thisTab.find(".fileSelector").removeClass("hidden");
  1415. 			$thisTab.find(".toggleFileSelector").addClass("opened");
  1416. 			$thisTab.find(".fileSelector .filename").each(function() {
  1417. 				$(this).prop("disabled", false);
  1418. 			});
  1419. 		}
  1420. 	});
  1421. 	
  1422. 	$(".application-bar .application-close-button").on("click", function(e) {
  1423. 		win.close();
  1424. 	})
  1426. 	$("#replaceIsRegexp").on("change", function() {
  1427. 		let $this = $(this);
  1428. 		if ($this.prop("checked")) {
  1429. 			$("#fieldReplaceFind").attr("placeholder", t("Type regex with the modifier"))
  1430. 			$("#fieldReplaceReplace").attr("placeholder", t("Use $n to replace a group. e.g. $1"))
  1431. 		} else {
  1432. 			$("#fieldReplaceFind").attr("placeholder", t("Find"))
  1433. 			$("#fieldReplaceReplace").attr("placeholder", t("Replace"))
  1435. 		}
  1436. 	})
  1437. 	
  1438. 	search.initialize();
  1439. 	search.drawFileSelector();
  1440. 	$(".selectAllFile").trigger("change");
  1441. 	
  1442. });  // document ready
  1445. win.on('blur', function() {
  1446. 	$("body").css("opacity", search.getBlurOpacity())
  1447. })
  1448. win.on('focus', function() {
  1449. 	$("body").css("opacity", "1")
  1450. })
  1452. win.on('close', function() {
  1453. 	// Hide the window to give user the feeling of closing immediately
  1454. 	this.hide();
  1455. 	window.localStorage.setItem("searchWindowPossition", JSON.stringify({
  1456. 		x: Math.round(win.x),
  1457. 		y: Math.round(win.y)
  1458. 	}));
  1459. 	// unregister this window on parent window.
  1460. 	if (typeof ui.windows.search !== 'undefined') ui.windows.search = undefined;
  1462. 	// After closing the new window, close the main window.
  1463. 	this.close(true);
  1465. });