]>
Commit | Line | Data |
---|---|---|
70c1267e MF |
1 | // Copyright (c) 2012 The Chromium Authors. All rights reserved. |
2 | // Use of this source code is governed by a BSD-style license that can be | |
3 | // found in the LICENSE file. | |
4 | ||
5 | // Add event listeners once the DOM has fully loaded by listening for the | |
6 | // `DOMContentLoaded` event on the document, and adding your listeners to | |
7 | // specific elements when it triggers. | |
8 | document.addEventListener('DOMContentLoaded', function () { | |
9 | //document.querySelector('button').addEventListener('click', testf); | |
10 | //document.getElementById("menuItem_restoreNow").addEventListener('click', menu_restoreNow); | |
11 | document.getElementById("menuItem_showOlderBackups").addEventListener('click', menu_ShowOlderBackups); | |
12 | document.getElementById("restoreSelectedDiv").addEventListener('click', menu_RestoreSelected); | |
13 | document.getElementById("restoreSelectedClearSelectionLink").addEventListener('click', menu_ClearSelection); | |
14 | ||
15 | document.getElementById("restoreSelectedRadioSingleWindowSpanLabel").addEventListener('click', function() { | |
16 | $('#restoreSelectedRadioSingleWindow').prop('checked', true); | |
17 | }); | |
18 | ||
19 | document.getElementById("restoreSelectedRadioMultipleWindowsSpanLabel").addEventListener('click', function() { | |
20 | $('#restoreSelectedRadioMultipleWindows').prop('checked', true); | |
21 | }); | |
22 | ||
23 | ||
24 | initBackupsList (false /*showAll*/); | |
25 | ||
26 | /*$(function() { | |
27 | $( "#dialog-confirm" ).dialog({ | |
28 | resizable: false, | |
29 | height:140, | |
30 | modal: true, | |
31 | buttons: { | |
32 | "Delete all items": function() { | |
33 | $( this ).dialog( "close" ); | |
34 | }, | |
35 | Cancel: function() { | |
36 | $( this ).dialog( "close" ); | |
37 | } | |
38 | } | |
39 | }); | |
40 | });*/ | |
41 | ||
42 | ||
43 | }); | |
44 | ||
45 | function menu_ShowOptions () { | |
ef2d5d31 | 46 | chrome.runtime.openOptionsPage(); |
70c1267e MF |
47 | } |
48 | ||
49 | function menu_ShowAdvancedView() { | |
ea1d80b4 | 50 | chrome.tabs.create({url: "/advanced.html"}); |
70c1267e MF |
51 | } |
52 | ||
53 | function menu_ClearSelection () { | |
54 | var selectedCheckboxes = $("input:checked"); | |
55 | for (var i = 0; i < selectedCheckboxes.length; i++) { | |
56 | var checkbox = selectedCheckboxes[i]; | |
57 | if (checkbox.type == 'checkbox') { | |
58 | checkbox.checked = false; | |
59 | } | |
60 | } | |
61 | ||
62 | updateRestoreSelectedDiv(); | |
63 | } | |
64 | ||
65 | function menu_RestoreSelected_Real() { | |
66 | var selectedCheckboxes = $("input:checked"); | |
67 | ||
68 | var restoreToMultipleWindows = $('#restoreSelectedRadioMultipleWindows').is(':checked'); | |
69 | ||
70 | var allUrls = []; | |
71 | ||
72 | var windows = {}; | |
73 | var windowsKeys = []; | |
74 | ||
75 | for (var i = 0; i < selectedCheckboxes.length; i++) { | |
76 | var checkbox = selectedCheckboxes[i]; | |
77 | //if (!checkbox.hasAttribute('tbrBackupName') || !checkbox.hasAttribute('tbrWindowIndex')) { | |
78 | if (checkbox.tbrBackupName === undefined || | |
79 | checkbox.tbrWindowIndex === undefined || | |
80 | checkbox.tbrTabUrl === undefined) { | |
81 | continue; | |
82 | } | |
83 | //checkbox.tbrBackupName | |
84 | //checkbox.tbrWindowIndex | |
85 | console.log("Restoring " + checkbox.tbrBackupName + " --> " + checkbox.tbrWindowIndex); | |
86 | ||
87 | var tabUrl = checkbox.tbrTabUrl; | |
88 | ||
89 | var windowIdx = checkbox.tbrWindowIndex; | |
90 | var bkpName = checkbox.tbrBackupName; | |
91 | var key = bkpName + "_" + windowIdx; | |
92 | ||
93 | if (!(key in windows)) { | |
94 | windows[key] = []; | |
95 | windowsKeys.push(key); | |
96 | } | |
97 | ||
98 | windows[key].push(tabUrl); | |
99 | ||
100 | allUrls.push(checkbox.tbrTabUrl); | |
101 | } | |
102 | ||
103 | if (restoreToMultipleWindows) { | |
104 | for (var i = 0; i < windowsKeys.length; i++) { | |
105 | var key = windowsKeys[i]; | |
106 | var urls = windows[key]; | |
107 | ||
108 | var windowProperties = { | |
109 | url: urls | |
110 | }; | |
111 | ||
112 | // Create a new Window | |
113 | chrome.windows.create(windowProperties, function(createdWindow) { | |
114 | ||
115 | }); | |
116 | } | |
117 | } else { | |
118 | var windowProperties = { | |
119 | url: allUrls | |
120 | }; | |
121 | ||
122 | // Create a new Window | |
123 | chrome.windows.create(windowProperties, function(createdWindow) { | |
124 | ||
125 | }); | |
126 | } | |
127 | } | |
128 | ||
129 | function menu_RestoreSelected() { | |
130 | bootbox.confirm("Restore selection?", function(confirmed) { | |
131 | if (confirmed) { | |
132 | menu_RestoreSelected_Real(); | |
133 | } | |
134 | }); | |
135 | ||
136 | ||
137 | ||
138 | } | |
139 | ||
140 | function updateRestoreSelectedDiv() { | |
141 | var selectedCheckboxes = $("input:checked"); | |
142 | ||
143 | var numSelectedTabs = 0; | |
144 | var numSelectedWindows = 0; | |
145 | for (var i = 0; i < selectedCheckboxes.length; i++) { | |
146 | var checkbox = selectedCheckboxes[i]; | |
147 | ||
148 | if (checkbox.tbrIsWindow !== undefined) { | |
149 | if (checkbox.tbrIsWindow) { | |
150 | numSelectedWindows++; | |
151 | } | |
152 | } | |
153 | ||
154 | if (checkbox.tbrBackupName === undefined || | |
155 | checkbox.tbrWindowIndex === undefined || | |
156 | checkbox.tbrTabUrl === undefined) { | |
157 | continue; | |
158 | } | |
159 | ||
160 | ||
161 | ||
162 | // find the first selected tab checkbox | |
163 | numSelectedTabs++; | |
164 | } | |
165 | ||
166 | $('#restoreSelectedInfoNumTabs').html(numSelectedTabs); | |
167 | ||
168 | var restoreDiv = $('#floatingRightDiv'); | |
169 | ||
170 | if (numSelectedTabs > 0) { | |
171 | ||
172 | ||
173 | if (!restoreDiv.is(':visible')) { | |
174 | restoreDiv.fadeIn(600); | |
175 | } | |
176 | ||
177 | ||
178 | ||
179 | } else { | |
180 | if (restoreDiv.is(':visible')) { | |
181 | restoreDiv.fadeOut(600); | |
182 | } | |
183 | } | |
184 | } | |
185 | ||
186 | function menu_ShowOlderBackups () { | |
187 | // save current scrollbar position | |
188 | //var scrollPosition = $(document).scrollTop(); | |
189 | ||
190 | // Re-initialize backups list | |
191 | //initBackupsList(true /*showAll*/, function () { | |
192 | // Update the scrollbar position to the saved one | |
193 | // $(document).scrollTop(scrollPosition); | |
194 | //}); | |
195 | ||
196 | ||
197 | ||
198 | var oldestVisibleBackupItem = $(".backupItem:last"); | |
199 | var oldestVisibleBackupItemId = oldestVisibleBackupItem.attr('id'); | |
200 | // the id is in the form 'div_' + backupName | |
201 | var oldestVisibleBackupName = oldestVisibleBackupItemId.substring(4); | |
202 | ||
203 | ||
204 | var backupsDiv = document.getElementById ('backupsDiv'); | |
205 | ||
206 | chrome.storage.local.get(null, function(items) { | |
207 | var backupsList = []; | |
208 | if(items.backups_list) { | |
209 | backupsList = items.backups_list; | |
210 | } | |
211 | ||
212 | var shouldInsert = false; | |
213 | ||
214 | for (var i = backupsList.length-1; i >= 0; i--) { | |
215 | var backupName = backupsList[i]; | |
216 | var backupObj = items[backupName]; | |
217 | ||
218 | if (!backupObj) { | |
219 | continue; | |
220 | } | |
221 | ||
222 | if (backupObj.isAutomatic === undefined) { | |
223 | backupObj.isAutomatic = true; | |
224 | } | |
225 | ||
226 | if (oldestVisibleBackupName == backupName) { | |
227 | // found last visible item, start inserting | |
228 | shouldInsert = true; | |
229 | } else { | |
230 | ||
231 | if (shouldInsert) { | |
232 | insertBackupItem(backupName, backupObj, false /*insertAtBeginning*/, false /*doAnimation*/); | |
233 | } | |
234 | } | |
235 | } | |
236 | ||
237 | // Hide the "show all" link | |
238 | $("#showOlderBackupsDiv").hide(); | |
239 | }); | |
240 | ||
241 | } | |
242 | ||
243 | function insertBackupItem (backupName, backupObj, insertAtBeginning, doAnimation) { | |
244 | var backupsDiv = document.getElementById ('backupsDiv'); | |
245 | ||
246 | var restoreButtonId = 'restoreSelectedBackup_' + backupName; | |
247 | var deleteButtonId = 'deleteSelectedBackup_' + backupName; | |
248 | var divId = 'div_' + backupName; | |
249 | ||
250 | var elem = document.createElement("div"); | |
251 | if (doAnimation) { | |
252 | // start with hidden element (only if we are doing the animation later) | |
253 | elem.style.cssText = 'display: none'; | |
254 | } | |
255 | ||
256 | var backupTitleDivId = 'backup_title_' + backupName; | |
257 | var backupItemClickId = 'backup_click_' + backupName; | |
258 | ||
259 | elem.id = divId; | |
260 | elem.className = 'backupItem'; | |
261 | elem.innerHTML = '<div class="backupItemWrapper" id="' + backupTitleDivId + '">' + | |
262 | '<div class="backupItemContent" id="' + backupItemClickId + '">' + | |
263 | '<div class="backupItemTitle">' + backupName + "</div>" + | |
264 | '<div class="backupItemDetails">' + | |
265 | 'Nr. Windows:<span class="backupItemDetailsNr">' + backupObj.windows.length + '</span><br />' + | |
266 | 'Nr. Tabs:<span class="backupItemDetailsNr">' + backupObj.totNumTabs + '</span>' + | |
267 | '</div>' + | |
268 | ||
269 | // '<div class="backupItemToolbar">' + | |
270 | // '<a id="' + restoreButtonId + '"><img src="icon_48.png" title="Open Windows & Tabs" style="border: 0; width: 24px; height: 24px" /></a>' + | |
271 | // '<a id="' + deleteButtonId + '"><img src="trash_48.png" title="Delete Backup" style="border: 0; width: 22px; height: 22px" /></a>' + | |
272 | // '</div>' + | |
273 | ||
274 | '<div class="backupItemFooter">' + | |
275 | (backupObj.isAutomatic ? '<span class="backupItemFooterAutoBackup">AUTO BACKUP</span>' : | |
276 | '<span class="backupItemFooterManualBackup">MANUAL BACKUP</span>') + | |
277 | '</div>' + | |
278 | '</div>' + | |
279 | '</div>'; | |
280 | ||
281 | //elem.innerHTML += "# Windows: " + | |
282 | //backupsDiv.appendChild(elem); | |
283 | ||
284 | //var restoreFuncHandler = (function(backupName) { | |
285 | // return function(event) { | |
286 | // bootbox.confirm("Open Windows & Tabs of backup '" + backupName + "'?", function(confirmed) { | |
287 | // if (confirmed) { | |
288 | // chrome.extension.getBackgroundPage().restoreNow(backupName); | |
289 | // } | |
290 | // }); | |
291 | ||
292 | /*if (!confirm("Open Windows & Tabs of backup '" + backupName + "'?")) { | |
293 | return; | |
294 | }*/ | |
295 | ||
296 | ||
297 | // }; | |
298 | //})(backupName); | |
299 | ||
70c1267e MF |
300 | if (insertAtBeginning && backupsDiv.childNodes.length > 0) { |
301 | // some items already exist | |
302 | var firstNode = backupsDiv.childNodes[0]; | |
303 | backupsDiv.insertBefore(elem, firstNode); | |
304 | } else { | |
305 | backupsDiv.appendChild(elem); | |
306 | } | |
307 | ||
308 | $(jq(backupItemClickId)).click(function() { | |
309 | var restoreDivId = "restoreDiv_" + backupName; | |
310 | var restoreDiv = $(jq(restoreDivId)); | |
311 | if (restoreDiv.length == 0) { | |
312 | // element never created, create it | |
313 | showAdvancedRestoreFor(backupName); | |
314 | } else { | |
315 | if (restoreDiv.is(':visible')) { | |
316 | //restoreDiv.hide(); | |
317 | restoreDiv.slideUp(); | |
318 | //$('#restoreSelectedDiv').slideUp(); | |
319 | } else { | |
320 | restoreDiv.slideDown(); | |
321 | //$('#restoreSelectedDiv').slideDown(); | |
322 | } | |
323 | //restoreDiv.remove(); | |
324 | ||
325 | } | |
326 | ||
327 | ||
328 | }); | |
329 | ||
330 | //document.getElementById(restoreButtonId).addEventListener('click', restoreFuncHandler); | |
331 | //document.getElementById(deleteButtonId).addEventListener('click', deleteFuncHandler); | |
332 | ||
333 | if (doAnimation) { | |
334 | var divIdJQ = jq(divId); | |
335 | $(divIdJQ).slideDown(1000); | |
336 | } | |
337 | /*obj.animate({ height: 1, opacity: 1 }, { | |
338 | duration: 1000, | |
339 | complete: function(){obj.css('display', 'block');} | |
340 | });*/ | |
341 | ||
342 | //obj.fadeIn(2000); | |
343 | //obj.slideDown(); | |
344 | ||
345 | //$(divId).display = 'none'; | |
346 | //$(divId).slideUp(); | |
347 | //$(divId).fadeOut(1000); | |
348 | /*var bkp = $("backupsDiv"); | |
349 | bkp.remove(); | |
350 | var div = $(divId); | |
351 | var a = 0;*/ | |
352 | /*setTimeout( function() { | |
353 | var obj = $("#" + divId); | |
354 | obj.fadeIn(); | |
355 | ||
356 | }, 1000 );*/ | |
357 | } | |
358 | ||
359 | function jq(myid) { | |
360 | return '#' + myid.replace(/(:|\.| )/g,'\\$1'); | |
361 | } | |
362 | ||
363 | function addClickListenerForWindowTitle (windowTitleDiv, tabsDivId) { | |
364 | windowTitleDiv.addEventListener('click', function(e) { | |
365 | var clickedElem = e.target; | |
366 | if (clickedElem) { | |
367 | if (clickedElem.className.indexOf("parentIgnoreClick") != -1) { | |
368 | // ignore click | |
369 | return; | |
370 | } | |
371 | } | |
372 | $(jq(tabsDivId)).slideToggle(); | |
373 | }); | |
374 | } | |
375 | ||
376 | function addClickListenerForWindowCheckbox(checkboxWindowElem, windowTabs, backupName, i) { | |
377 | checkboxWindowElem.addEventListener('click', function(e) { | |
378 | var isChecked = checkboxWindowElem.checked; | |
379 | ||
380 | for (var j = 0; j < windowTabs.length; j++) { | |
381 | ||
382 | var checkboxId = 'checkbox_tab_' + backupName + '_' + i + '_' + j; | |
383 | $(jq(checkboxId)).prop('checked', isChecked); | |
384 | //var el = document.getElementById(checkboxId); | |
385 | //document.getElementById(checkboxId).change() | |
386 | //document.getElementById(checkboxId).checked = isChecked; | |
387 | } | |
388 | ||
389 | updateRestoreSelectedDiv(); | |
390 | }); | |
391 | } | |
392 | ||
393 | ||
394 | ||
395 | function showAdvancedRestoreFor (backupName) { | |
396 | chrome.storage.local.get(backupName, function(items) { | |
397 | if(!items[backupName]) { | |
398 | alert("An error occured. Please reload the page."); | |
399 | return; | |
400 | } | |
401 | ||
402 | var backupTitleDivId = 'backup_title_' + backupName; | |
403 | ||
404 | var elem = document.createElement("div"); | |
405 | var divId = "restoreDiv_" + backupName; | |
406 | ||
407 | elem.id = divId; | |
408 | elem.className = 'restoreDiv'; | |
409 | elem.innerHTML = ''; | |
410 | ||
411 | var expandCollapseDiv = document.createElement('div'); | |
412 | expandCollapseDiv.className = "restoreDivCollapseExpand"; | |
413 | //expandCollapseDiv.innerHTML = 'Collapse all'; | |
414 | var collapseAElem = document.createElement('a'); | |
415 | collapseAElem.innerHTML = "Collapse all"; | |
416 | var expandAElem = document.createElement('a'); | |
417 | expandAElem.innerHTML = "Expand all"; | |
418 | ||
419 | ||
420 | expandCollapseDiv.appendChild(collapseAElem); | |
421 | expandCollapseDiv.appendChild(document.createTextNode(' / ')); | |
422 | expandCollapseDiv.appendChild(expandAElem); | |
423 | ||
424 | elem.appendChild(expandCollapseDiv); | |
425 | ||
426 | var allTabsDivsIds = []; | |
427 | ||
428 | var fullBackup = items[backupName]; | |
429 | ||
430 | for(var i = 0; i < fullBackup.windows.length; i++) { | |
431 | var window = fullBackup.windows[i]; | |
432 | var windowTabs = window.tabs; | |
433 | ||
434 | var windowTitleDiv = document.createElement('div'); | |
435 | ||
436 | //windowTitleDiv.innerHTML = "<span>Window " + (i+1) + '</span>' + | |
437 | // '<span style="float: right; font-size: 12px;">Nr. Tabs: ' + windowTabs.length + '</span>'; | |
438 | ||
439 | windowTitleDiv.className = 'windowTitleDiv'; | |
440 | ||
441 | var tabsDiv = document.createElement('div'); | |
442 | tabsDiv.id = 'tabsDiv_' + backupName + '_' + i; | |
443 | tabsDiv.className = 'tabsDiv'; | |
444 | tabsDiv.hidden = true; | |
445 | ||
446 | allTabsDivsIds.push(tabsDiv.id); | |
447 | ||
448 | addClickListenerForWindowTitle(windowTitleDiv, tabsDiv.id); | |
449 | ||
450 | var checkboxWindowId = 'checkbox_window_' + backupName + '_' + i; | |
451 | ||
452 | var checkboxWindowElem = document.createElement('input'); | |
453 | checkboxWindowElem.type = "checkbox"; | |
454 | checkboxWindowElem.id = checkboxWindowId; | |
455 | checkboxWindowElem.className = "regular-checkbox parentIgnoreClick"; | |
456 | ||
457 | checkboxWindowElem.tbrIsWindow = true; | |
458 | ||
459 | var checkboxWindowLabelElem = document.createElement('label') | |
460 | checkboxWindowLabelElem.className = "parentIgnoreClick"; | |
461 | checkboxWindowLabelElem.htmlFor = checkboxWindowId; | |
462 | checkboxWindowLabelElem.style.cssText = 'margin-bottom: -4px; margin-right: 8px;'; | |
463 | ||
464 | addClickListenerForWindowCheckbox(checkboxWindowElem, windowTabs, backupName, i); | |
465 | ||
466 | ||
467 | var windowTitleSpan = document.createElement('span'); | |
69c9846f MF |
468 | windowTitleSpan.innerHTML = |
469 | `<span style="font-weight: bold">Window ${i + 1} (${window.state}) ${window.width}×${window.height} @ ${window.top}×${window.left}</span>` + | |
470 | `<span style="float: right; font-size: 11px;">Tabs: ${windowTabs.length}</span>`; | |
70c1267e MF |
471 | //windowTitleSpan.innerHTML = '<span>Window ' + (i+1) + '</span>' + |
472 | // '<br /><span style="font-size: 10px;">Nr. Tabs: ' + windowTabs.length + '</span>'; | |
473 | ||
474 | windowTitleDiv.appendChild(checkboxWindowElem); | |
475 | windowTitleDiv.appendChild(checkboxWindowLabelElem); | |
476 | windowTitleDiv.appendChild(windowTitleSpan); | |
477 | ||
478 | ||
479 | ||
480 | ||
481 | for (var j = 0; j < windowTabs.length; j++) { | |
482 | var tab = windowTabs[j]; | |
483 | var tabTitle = tab.title; | |
484 | var tabUrl = tab.url; | |
485 | ||
486 | var checkboxId = 'checkbox_tab_' + backupName + '_' + i + '_' + j; | |
487 | ||
488 | var tabElem = document.createElement('div'); | |
489 | tabElem.style.cssText = "position: relative"; | |
490 | ||
491 | var checkboxTabElem = document.createElement('input'); | |
492 | checkboxTabElem.type = "checkbox"; | |
493 | //checkboxTabElem.name = "name"; | |
494 | //checkboxTabElem.value = "value"; | |
495 | checkboxTabElem.id = checkboxId; | |
496 | checkboxTabElem.className = "regular-checkbox"; | |
497 | ||
498 | // custom attributes | |
499 | checkboxTabElem.tbrBackupName = backupName; | |
500 | checkboxTabElem.tbrWindowIndex = i; | |
501 | checkboxTabElem.tbrTabUrl = tabUrl; | |
502 | ||
503 | var checkboxTabLabelElem = document.createElement('label') | |
504 | checkboxTabLabelElem.htmlFor = checkboxId; | |
505 | ||
506 | var tabSpanElem = document.createElement('span'); | |
507 | tabSpanElem.className = "restoreTabSpan"; | |
508 | var title = tabTitle === '' ? tabUrl : tabTitle; | |
69c9846f MF |
509 | tabSpanElem.innerHTML = |
510 | (tab.pinned ? '📌 ' : '') + | |
511 | `<a href="${tabUrl}" target="_blank">${title}</a>`; | |
70c1267e MF |
512 | |
513 | tabElem.appendChild(checkboxTabElem); | |
514 | tabElem.appendChild(checkboxTabLabelElem); | |
515 | tabElem.appendChild(tabSpanElem); | |
516 | ||
517 | tabsDiv.appendChild(tabElem); | |
518 | ||
519 | checkboxTabElem.addEventListener('change', function (e) { | |
520 | console.log('cb changed - ' + e.target.id + ' : ' + e.target.checked); | |
521 | ||
522 | updateRestoreSelectedDiv(); | |
523 | }); | |
524 | //addClickListenerFor(checkboxId | |
525 | //checkboxTabElem.addEventListener('click', function() { | |
526 | //}); | |
527 | ||
528 | //var checkboxId = 'checkbox_tab_' + backupName + '_' + i + '_' + j; | |
529 | //var checkboxHtml = '<input type="checkbox" id="' + checkboxId + '" class="regular-checkbox" /><label for="' + checkboxId + '" class="labelCheckbox"></label>' | |
530 | //tabsDiv.innerHTML += '<div style="position: relative">' + checkboxHtml + '<span class="restoreTabSpan"><a href="' + tabUrl + '" target="_blank">' + tabTitle + '</a></span>' + '<br />' + | |
531 | // '</div>'; | |
532 | } | |
533 | ||
534 | ||
535 | elem.appendChild(windowTitleDiv); | |
536 | elem.appendChild(tabsDiv); | |
537 | ||
538 | } | |
539 | ||
540 | ||
541 | collapseAElem.addEventListener('click', function () { | |
542 | for (var i = 0; i < allTabsDivsIds.length; i++) { | |
543 | $(jq(allTabsDivsIds[i])).slideUp(); | |
544 | } | |
545 | }); | |
546 | ||
547 | expandAElem.addEventListener('click', function () { | |
548 | for (var i = 0; i < allTabsDivsIds.length; i++) { | |
549 | $(jq(allTabsDivsIds[i])).slideDown(); | |
550 | } | |
551 | }); | |
552 | ||
553 | var backupTitleDiv = document.getElementById(backupTitleDivId); | |
554 | backupTitleDiv.appendChild(elem); | |
555 | $(jq(divId)).hide(); | |
556 | $(jq(divId)).slideDown(); | |
557 | //$('#restoreSelectedDiv').slideDown(); | |
558 | ||
559 | //$('#restoreSelectedDiv').fadeIn(1000); | |
560 | ||
561 | }); | |
562 | } | |
563 | ||
564 | function removeBackupItemDiv (backupName) { | |
565 | var divId = 'div_' + backupName; | |
566 | var divIdClean = jq(divId); | |
567 | var obj = $(divIdClean); | |
568 | //obj.fadeOut(); | |
569 | //obj.slideUp(); | |
570 | obj.animate({ height: 0, opacity: 0 }, { | |
571 | duration: 1000, | |
572 | complete: function(){obj.remove();} | |
573 | }); | |
574 | ||
575 | var backupItemDiv = document.getElementById (divId); | |
576 | if (backupItemDiv.parentNode) { | |
577 | // backupItemDiv.parentNode.removeChild(backupItemDiv); | |
578 | } | |
579 | } | |
580 | ||
581 | function initBackupsList(showAll, callback) { | |
582 | var backupsDiv = document.getElementById ('backupsDiv'); | |
583 | //var node = backupsDiv.childNodes[0]; | |
584 | backupsDiv.innerHTML = ''; | |
585 | //backupsDiv.style = 'display: none'; | |
586 | //$("#backupsDiv").html(""); | |
587 | /*while (backupsDiv.hasChildNodes()) { | |
588 | backupsDiv.removeChild(backupsDiv.lastChild); | |
589 | }*/ | |
590 | ||
591 | $("#showOlderBackupsDiv").hide(); | |
592 | ||
593 | if (!showAll) { | |
594 | $("#backupsDiv").hide(); | |
595 | } | |
596 | ||
597 | chrome.storage.local.get(null, function(items) { | |
598 | var backupsList = []; | |
599 | if(items.backups_list) { | |
600 | backupsList = items.backups_list; | |
601 | } | |
602 | ||
603 | var numInsertedItems = 0; | |
604 | for (var i = backupsList.length-1; i >= 0; i--) { | |
605 | //for (var i = 0; i < backupsList.length; i++) { | |
606 | var backupName = backupsList[i]; | |
607 | var backupObj = items[backupName]; | |
608 | ||
609 | if (!backupObj) { | |
610 | continue; | |
611 | } | |
612 | ||
613 | if (backupObj.isAutomatic === undefined) { | |
614 | backupObj.isAutomatic = true; | |
615 | } | |
616 | ||
617 | if (!showAll) { | |
618 | if (numInsertedItems >= 10) { | |
619 | $("#showOlderBackupsDiv").show(); | |
620 | break; | |
621 | } | |
622 | } | |
623 | ||
624 | insertBackupItem(backupName, backupObj, false /*insertAtBeginning*/, false /*doAnimation*/); | |
625 | ||
626 | numInsertedItems++; | |
627 | } | |
628 | ||
629 | if (!showAll) { | |
630 | $("#backupsDiv").slideDown(); | |
631 | } | |
632 | ||
633 | if (callback) { | |
634 | callback(); | |
635 | } | |
636 | ||
637 | }); | |
638 | ||
639 | ||
640 | } | |
641 | ||
642 | var lastTimeBackupNowClicked = 0; | |
643 | ||
644 | function menu_backupNow() { | |
645 | // Ignore clicks if less than 1 second has passed since last click (avoids rapid useless backups) | |
646 | if (lastTimeBackupNowClicked != 0) { | |
647 | var diffTime = Math.abs(new Date().getTime() - lastTimeBackupNowClicked); | |
648 | if (diffTime < 1000) { | |
649 | return; | |
650 | } | |
651 | } | |
652 | ||
653 | lastTimeBackupNowClicked = new Date().getTime(); | |
654 | ||
eda98b5f MF |
655 | chrome.runtime.sendMessage({ |
656 | action: 'backupNowManual', | |
657 | }, function({success, backupName, backupObj}) { | |
70c1267e MF |
658 | if (success) { |
659 | //updateBackupsList(); | |
660 | insertBackupItem (backupName, backupObj, true /*insertAtBeginning*/, true /*doAnimation*/); | |
661 | ||
662 | ||
663 | //bootbox.alert("Backup successfully created!"); | |
664 | } else { | |
665 | alert('An error occured while creating the backup..'); | |
666 | } | |
eda98b5f | 667 | }); |
70c1267e MF |
668 | |
669 | } | |
670 | ||
671 | function menu_restoreNow() { | |
eda98b5f MF |
672 | chrome.runtime.sendMessage({ |
673 | action: 'restoreNow', | |
674 | args: ['full_backup'], | |
675 | }); | |
70c1267e MF |
676 | } |
677 | ||
14a426d5 MF |
678 | /** |
679 | * Callback from other pages (like the background). | |
680 | */ | |
681 | chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) { | |
682 | console.log(`Got message from ${sender.id}: action=${request.action}`, request); | |
683 | ||
684 | let asyncResponse = false; | |
685 | switch (request?.action) { | |
686 | case 'insertBackupItem': | |
687 | insertBackupItem(...request.args); | |
688 | break; | |
689 | ||
690 | case 'removeBackupItemDiv': | |
691 | removeBackupItemDiv(...request.args); | |
692 | break; | |
693 | } | |
694 | return asyncResponse; | |
695 | }); |