]>
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 | ||
300 | //var deleteFuncHandler = (function(backupName, elem) { | |
301 | // return function(event) { | |
302 | /*if (!confirm("Delete backup '" + backupName + "'?")) { | |
303 | return; | |
304 | }*/ | |
305 | ||
306 | // bootbox.confirm("Delete backup '" + backupName + "'?", function(confirmed) { | |
307 | // if (confirmed) { | |
308 | // chrome.extension.getBackgroundPage().deleteBackup(backupName, function() { | |
309 | ||
310 | // }); | |
311 | ||
312 | //if (elem.parentNode) { | |
313 | // elem.parentNode.removeChild(elem); | |
314 | // | |
315 | // removeBackupItemDiv (backupName); | |
316 | // } | |
317 | // }); | |
318 | ||
319 | ||
320 | // }; | |
321 | //})(backupName, elem); | |
322 | ||
323 | if (insertAtBeginning && backupsDiv.childNodes.length > 0) { | |
324 | // some items already exist | |
325 | var firstNode = backupsDiv.childNodes[0]; | |
326 | backupsDiv.insertBefore(elem, firstNode); | |
327 | } else { | |
328 | backupsDiv.appendChild(elem); | |
329 | } | |
330 | ||
331 | $(jq(backupItemClickId)).click(function() { | |
332 | var restoreDivId = "restoreDiv_" + backupName; | |
333 | var restoreDiv = $(jq(restoreDivId)); | |
334 | if (restoreDiv.length == 0) { | |
335 | // element never created, create it | |
336 | showAdvancedRestoreFor(backupName); | |
337 | } else { | |
338 | if (restoreDiv.is(':visible')) { | |
339 | //restoreDiv.hide(); | |
340 | restoreDiv.slideUp(); | |
341 | //$('#restoreSelectedDiv').slideUp(); | |
342 | } else { | |
343 | restoreDiv.slideDown(); | |
344 | //$('#restoreSelectedDiv').slideDown(); | |
345 | } | |
346 | //restoreDiv.remove(); | |
347 | ||
348 | } | |
349 | ||
350 | ||
351 | }); | |
352 | ||
353 | //document.getElementById(restoreButtonId).addEventListener('click', restoreFuncHandler); | |
354 | //document.getElementById(deleteButtonId).addEventListener('click', deleteFuncHandler); | |
355 | ||
356 | if (doAnimation) { | |
357 | var divIdJQ = jq(divId); | |
358 | $(divIdJQ).slideDown(1000); | |
359 | } | |
360 | /*obj.animate({ height: 1, opacity: 1 }, { | |
361 | duration: 1000, | |
362 | complete: function(){obj.css('display', 'block');} | |
363 | });*/ | |
364 | ||
365 | //obj.fadeIn(2000); | |
366 | //obj.slideDown(); | |
367 | ||
368 | //$(divId).display = 'none'; | |
369 | //$(divId).slideUp(); | |
370 | //$(divId).fadeOut(1000); | |
371 | /*var bkp = $("backupsDiv"); | |
372 | bkp.remove(); | |
373 | var div = $(divId); | |
374 | var a = 0;*/ | |
375 | /*setTimeout( function() { | |
376 | var obj = $("#" + divId); | |
377 | obj.fadeIn(); | |
378 | ||
379 | }, 1000 );*/ | |
380 | } | |
381 | ||
382 | function jq(myid) { | |
383 | return '#' + myid.replace(/(:|\.| )/g,'\\$1'); | |
384 | } | |
385 | ||
386 | function addClickListenerForWindowTitle (windowTitleDiv, tabsDivId) { | |
387 | windowTitleDiv.addEventListener('click', function(e) { | |
388 | var clickedElem = e.target; | |
389 | if (clickedElem) { | |
390 | if (clickedElem.className.indexOf("parentIgnoreClick") != -1) { | |
391 | // ignore click | |
392 | return; | |
393 | } | |
394 | } | |
395 | $(jq(tabsDivId)).slideToggle(); | |
396 | }); | |
397 | } | |
398 | ||
399 | function addClickListenerForWindowCheckbox(checkboxWindowElem, windowTabs, backupName, i) { | |
400 | checkboxWindowElem.addEventListener('click', function(e) { | |
401 | var isChecked = checkboxWindowElem.checked; | |
402 | ||
403 | for (var j = 0; j < windowTabs.length; j++) { | |
404 | ||
405 | var checkboxId = 'checkbox_tab_' + backupName + '_' + i + '_' + j; | |
406 | $(jq(checkboxId)).prop('checked', isChecked); | |
407 | //var el = document.getElementById(checkboxId); | |
408 | //document.getElementById(checkboxId).change() | |
409 | //document.getElementById(checkboxId).checked = isChecked; | |
410 | } | |
411 | ||
412 | updateRestoreSelectedDiv(); | |
413 | }); | |
414 | } | |
415 | ||
416 | ||
417 | ||
418 | function showAdvancedRestoreFor (backupName) { | |
419 | chrome.storage.local.get(backupName, function(items) { | |
420 | if(!items[backupName]) { | |
421 | alert("An error occured. Please reload the page."); | |
422 | return; | |
423 | } | |
424 | ||
425 | var backupTitleDivId = 'backup_title_' + backupName; | |
426 | ||
427 | var elem = document.createElement("div"); | |
428 | var divId = "restoreDiv_" + backupName; | |
429 | ||
430 | elem.id = divId; | |
431 | elem.className = 'restoreDiv'; | |
432 | elem.innerHTML = ''; | |
433 | ||
434 | var expandCollapseDiv = document.createElement('div'); | |
435 | expandCollapseDiv.className = "restoreDivCollapseExpand"; | |
436 | //expandCollapseDiv.innerHTML = 'Collapse all'; | |
437 | var collapseAElem = document.createElement('a'); | |
438 | collapseAElem.innerHTML = "Collapse all"; | |
439 | var expandAElem = document.createElement('a'); | |
440 | expandAElem.innerHTML = "Expand all"; | |
441 | ||
442 | ||
443 | expandCollapseDiv.appendChild(collapseAElem); | |
444 | expandCollapseDiv.appendChild(document.createTextNode(' / ')); | |
445 | expandCollapseDiv.appendChild(expandAElem); | |
446 | ||
447 | elem.appendChild(expandCollapseDiv); | |
448 | ||
449 | var allTabsDivsIds = []; | |
450 | ||
451 | var fullBackup = items[backupName]; | |
452 | ||
453 | for(var i = 0; i < fullBackup.windows.length; i++) { | |
454 | var window = fullBackup.windows[i]; | |
455 | var windowTabs = window.tabs; | |
456 | ||
457 | var windowTitleDiv = document.createElement('div'); | |
458 | ||
459 | //windowTitleDiv.innerHTML = "<span>Window " + (i+1) + '</span>' + | |
460 | // '<span style="float: right; font-size: 12px;">Nr. Tabs: ' + windowTabs.length + '</span>'; | |
461 | ||
462 | windowTitleDiv.className = 'windowTitleDiv'; | |
463 | ||
464 | var tabsDiv = document.createElement('div'); | |
465 | tabsDiv.id = 'tabsDiv_' + backupName + '_' + i; | |
466 | tabsDiv.className = 'tabsDiv'; | |
467 | tabsDiv.hidden = true; | |
468 | ||
469 | allTabsDivsIds.push(tabsDiv.id); | |
470 | ||
471 | addClickListenerForWindowTitle(windowTitleDiv, tabsDiv.id); | |
472 | ||
473 | var checkboxWindowId = 'checkbox_window_' + backupName + '_' + i; | |
474 | ||
475 | var checkboxWindowElem = document.createElement('input'); | |
476 | checkboxWindowElem.type = "checkbox"; | |
477 | checkboxWindowElem.id = checkboxWindowId; | |
478 | checkboxWindowElem.className = "regular-checkbox parentIgnoreClick"; | |
479 | ||
480 | checkboxWindowElem.tbrIsWindow = true; | |
481 | ||
482 | var checkboxWindowLabelElem = document.createElement('label') | |
483 | checkboxWindowLabelElem.className = "parentIgnoreClick"; | |
484 | checkboxWindowLabelElem.htmlFor = checkboxWindowId; | |
485 | checkboxWindowLabelElem.style.cssText = 'margin-bottom: -4px; margin-right: 8px;'; | |
486 | ||
487 | addClickListenerForWindowCheckbox(checkboxWindowElem, windowTabs, backupName, i); | |
488 | ||
489 | ||
490 | var windowTitleSpan = document.createElement('span'); | |
69c9846f MF |
491 | windowTitleSpan.innerHTML = |
492 | `<span style="font-weight: bold">Window ${i + 1} (${window.state}) ${window.width}×${window.height} @ ${window.top}×${window.left}</span>` + | |
493 | `<span style="float: right; font-size: 11px;">Tabs: ${windowTabs.length}</span>`; | |
70c1267e MF |
494 | //windowTitleSpan.innerHTML = '<span>Window ' + (i+1) + '</span>' + |
495 | // '<br /><span style="font-size: 10px;">Nr. Tabs: ' + windowTabs.length + '</span>'; | |
496 | ||
497 | windowTitleDiv.appendChild(checkboxWindowElem); | |
498 | windowTitleDiv.appendChild(checkboxWindowLabelElem); | |
499 | windowTitleDiv.appendChild(windowTitleSpan); | |
500 | ||
501 | ||
502 | ||
503 | ||
504 | for (var j = 0; j < windowTabs.length; j++) { | |
505 | var tab = windowTabs[j]; | |
506 | var tabTitle = tab.title; | |
507 | var tabUrl = tab.url; | |
508 | ||
509 | var checkboxId = 'checkbox_tab_' + backupName + '_' + i + '_' + j; | |
510 | ||
511 | var tabElem = document.createElement('div'); | |
512 | tabElem.style.cssText = "position: relative"; | |
513 | ||
514 | var checkboxTabElem = document.createElement('input'); | |
515 | checkboxTabElem.type = "checkbox"; | |
516 | //checkboxTabElem.name = "name"; | |
517 | //checkboxTabElem.value = "value"; | |
518 | checkboxTabElem.id = checkboxId; | |
519 | checkboxTabElem.className = "regular-checkbox"; | |
520 | ||
521 | // custom attributes | |
522 | checkboxTabElem.tbrBackupName = backupName; | |
523 | checkboxTabElem.tbrWindowIndex = i; | |
524 | checkboxTabElem.tbrTabUrl = tabUrl; | |
525 | ||
526 | var checkboxTabLabelElem = document.createElement('label') | |
527 | checkboxTabLabelElem.htmlFor = checkboxId; | |
528 | ||
529 | var tabSpanElem = document.createElement('span'); | |
530 | tabSpanElem.className = "restoreTabSpan"; | |
531 | var title = tabTitle === '' ? tabUrl : tabTitle; | |
69c9846f MF |
532 | tabSpanElem.innerHTML = |
533 | (tab.pinned ? '📌 ' : '') + | |
534 | `<a href="${tabUrl}" target="_blank">${title}</a>`; | |
70c1267e MF |
535 | |
536 | tabElem.appendChild(checkboxTabElem); | |
537 | tabElem.appendChild(checkboxTabLabelElem); | |
538 | tabElem.appendChild(tabSpanElem); | |
539 | ||
540 | tabsDiv.appendChild(tabElem); | |
541 | ||
542 | checkboxTabElem.addEventListener('change', function (e) { | |
543 | console.log('cb changed - ' + e.target.id + ' : ' + e.target.checked); | |
544 | ||
545 | updateRestoreSelectedDiv(); | |
546 | }); | |
547 | //addClickListenerFor(checkboxId | |
548 | //checkboxTabElem.addEventListener('click', function() { | |
549 | //}); | |
550 | ||
551 | //var checkboxId = 'checkbox_tab_' + backupName + '_' + i + '_' + j; | |
552 | //var checkboxHtml = '<input type="checkbox" id="' + checkboxId + '" class="regular-checkbox" /><label for="' + checkboxId + '" class="labelCheckbox"></label>' | |
553 | //tabsDiv.innerHTML += '<div style="position: relative">' + checkboxHtml + '<span class="restoreTabSpan"><a href="' + tabUrl + '" target="_blank">' + tabTitle + '</a></span>' + '<br />' + | |
554 | // '</div>'; | |
555 | } | |
556 | ||
557 | ||
558 | elem.appendChild(windowTitleDiv); | |
559 | elem.appendChild(tabsDiv); | |
560 | ||
561 | } | |
562 | ||
563 | ||
564 | collapseAElem.addEventListener('click', function () { | |
565 | for (var i = 0; i < allTabsDivsIds.length; i++) { | |
566 | $(jq(allTabsDivsIds[i])).slideUp(); | |
567 | } | |
568 | }); | |
569 | ||
570 | expandAElem.addEventListener('click', function () { | |
571 | for (var i = 0; i < allTabsDivsIds.length; i++) { | |
572 | $(jq(allTabsDivsIds[i])).slideDown(); | |
573 | } | |
574 | }); | |
575 | ||
576 | var backupTitleDiv = document.getElementById(backupTitleDivId); | |
577 | backupTitleDiv.appendChild(elem); | |
578 | $(jq(divId)).hide(); | |
579 | $(jq(divId)).slideDown(); | |
580 | //$('#restoreSelectedDiv').slideDown(); | |
581 | ||
582 | //$('#restoreSelectedDiv').fadeIn(1000); | |
583 | ||
584 | }); | |
585 | } | |
586 | ||
587 | function removeBackupItemDiv (backupName) { | |
588 | var divId = 'div_' + backupName; | |
589 | var divIdClean = jq(divId); | |
590 | var obj = $(divIdClean); | |
591 | //obj.fadeOut(); | |
592 | //obj.slideUp(); | |
593 | obj.animate({ height: 0, opacity: 0 }, { | |
594 | duration: 1000, | |
595 | complete: function(){obj.remove();} | |
596 | }); | |
597 | ||
598 | var backupItemDiv = document.getElementById (divId); | |
599 | if (backupItemDiv.parentNode) { | |
600 | // backupItemDiv.parentNode.removeChild(backupItemDiv); | |
601 | } | |
602 | } | |
603 | ||
604 | function initBackupsList(showAll, callback) { | |
605 | var backupsDiv = document.getElementById ('backupsDiv'); | |
606 | //var node = backupsDiv.childNodes[0]; | |
607 | backupsDiv.innerHTML = ''; | |
608 | //backupsDiv.style = 'display: none'; | |
609 | //$("#backupsDiv").html(""); | |
610 | /*while (backupsDiv.hasChildNodes()) { | |
611 | backupsDiv.removeChild(backupsDiv.lastChild); | |
612 | }*/ | |
613 | ||
614 | $("#showOlderBackupsDiv").hide(); | |
615 | ||
616 | if (!showAll) { | |
617 | $("#backupsDiv").hide(); | |
618 | } | |
619 | ||
620 | chrome.storage.local.get(null, function(items) { | |
621 | var backupsList = []; | |
622 | if(items.backups_list) { | |
623 | backupsList = items.backups_list; | |
624 | } | |
625 | ||
626 | var numInsertedItems = 0; | |
627 | for (var i = backupsList.length-1; i >= 0; i--) { | |
628 | //for (var i = 0; i < backupsList.length; i++) { | |
629 | var backupName = backupsList[i]; | |
630 | var backupObj = items[backupName]; | |
631 | ||
632 | if (!backupObj) { | |
633 | continue; | |
634 | } | |
635 | ||
636 | if (backupObj.isAutomatic === undefined) { | |
637 | backupObj.isAutomatic = true; | |
638 | } | |
639 | ||
640 | if (!showAll) { | |
641 | if (numInsertedItems >= 10) { | |
642 | $("#showOlderBackupsDiv").show(); | |
643 | break; | |
644 | } | |
645 | } | |
646 | ||
647 | insertBackupItem(backupName, backupObj, false /*insertAtBeginning*/, false /*doAnimation*/); | |
648 | ||
649 | numInsertedItems++; | |
650 | } | |
651 | ||
652 | if (!showAll) { | |
653 | $("#backupsDiv").slideDown(); | |
654 | } | |
655 | ||
656 | if (callback) { | |
657 | callback(); | |
658 | } | |
659 | ||
660 | }); | |
661 | ||
662 | ||
663 | } | |
664 | ||
665 | var lastTimeBackupNowClicked = 0; | |
666 | ||
667 | function menu_backupNow() { | |
668 | // Ignore clicks if less than 1 second has passed since last click (avoids rapid useless backups) | |
669 | if (lastTimeBackupNowClicked != 0) { | |
670 | var diffTime = Math.abs(new Date().getTime() - lastTimeBackupNowClicked); | |
671 | if (diffTime < 1000) { | |
672 | return; | |
673 | } | |
674 | } | |
675 | ||
676 | lastTimeBackupNowClicked = new Date().getTime(); | |
677 | ||
eda98b5f MF |
678 | chrome.runtime.sendMessage({ |
679 | action: 'backupNowManual', | |
680 | }, function({success, backupName, backupObj}) { | |
70c1267e MF |
681 | if (success) { |
682 | //updateBackupsList(); | |
683 | insertBackupItem (backupName, backupObj, true /*insertAtBeginning*/, true /*doAnimation*/); | |
684 | ||
685 | ||
686 | //bootbox.alert("Backup successfully created!"); | |
687 | } else { | |
688 | alert('An error occured while creating the backup..'); | |
689 | } | |
eda98b5f | 690 | }); |
70c1267e MF |
691 | |
692 | } | |
693 | ||
694 | function menu_restoreNow() { | |
eda98b5f MF |
695 | chrome.runtime.sendMessage({ |
696 | action: 'restoreNow', | |
697 | args: ['full_backup'], | |
698 | }); | |
70c1267e MF |
699 | } |
700 | ||
701 | //document.onload(function () { | |
702 | //var a = document.getElementById("myid"); | |
703 | //a.innerHTML = "ciaociao"; | |
704 | //}); | |
705 | ||
706 | /* | |
707 | var storageLocal = chrome.storage.local; | |
708 | storageLocal.getBytesInUse(null, function(bytesInUse) { | |
709 | var elem = document.createElement("div"); | |
710 | elem.innerHTML = "<b>BYTES IN USE: " + bytesInUse + "</b><br />"; | |
711 | document.body.appendChild(elem); | |
712 | });*/ |