)*|(<\/div>)*/g, '');
466 | } else {
467 | // storage Error
468 | self.showErrorMsg(answ.msg);
469 | }
470 | });
471 | }
472 | });
473 | },
474 |
475 | editGroupName: function (storage_name, el) {
476 | var group = (groupModel.getGroups())[storage_name],
477 | new_name,
478 | popup,
479 | self = this;
480 |
481 | document.getElementById('popup-new_group_name').value = group.name;
482 | popup = new Popup('edit_group_name', function (data) {
483 | new_name = data['popup-new_group_name'];
484 | if (new_name !== undefined || new_name !== '') {
485 | group.name = new_name;
486 | groupModel.upd(storage_name, group, function (answ) {
487 | if (answ.err === 0) {
488 | el.getElementsByClassName('open_group')[0].innerText = new_name;
489 | self.showSyncStorageUsage();
490 | } else {
491 | self.showErrorMsg(answ.msg);
492 | }
493 | });
494 | }
495 |
496 | });
497 | },
498 |
499 | delGroup: function (storage_name, el) {
500 | var self = this;
501 |
502 | groupModel.del(storage_name, function (answ) {
503 | if (answ.err === 0) {
504 | el.remove();
505 | self.showSyncStorageUsage();
506 | } else {
507 | self.showErrorMsg(answ.msg);
508 | }
509 | });
510 | },
511 |
512 | moveGroup: function (storage_name, sibling_storage_name) {
513 | var self = this;
514 |
515 | groupModel.move(storage_name, sibling_storage_name, function (answ) {
516 | if (answ.err === 0) {
517 | self.showGroups();
518 | } else {
519 | self.showErrorMsg(answ.msg);
520 | }
521 | });
522 | },
523 |
524 | showGroupLinks: function (storage_name, el) {
525 | var link_list = document.createElement('div'),
526 | spoiler = el.getElementsByClassName('spoiler')[0],
527 | html = '',
528 | self = this;
529 |
530 | (groupModel.getGroups())[storage_name].tabs.forEach(function (el) {
531 | html += self.linkHtmlElement(storage_name, el);
532 | });
533 | link_list.classList.add('links');
534 | link_list.innerHTML = html;
535 | el.insertBefore(link_list, null);
536 | spoiler.setAttribute('name', 'opened');
537 | spoiler.innerHTML = ' ▼';
538 | },
539 |
540 | hideGroupLinks: function (el) {
541 | var spoiler = el.getElementsByClassName('spoiler')[0];
542 |
543 | spoiler.setAttribute('name', 'closed');
544 | spoiler.innerHTML = ' ►';
545 | el.getElementsByClassName('links')[0].remove();
546 | },
547 |
548 | delLink: function (storage_name, link_id, el) {
549 | linkModel.del(storage_name, link_id, function (answ) {
550 | if (answ.err === 0) {
551 | el.remove();
552 | }
553 | });
554 | },
555 |
556 | addLink: function (storage_name, el) {
557 | var self = this,
558 | popup = new Popup('add_link', function (data) {
559 | var obj = {
560 | id: linkModel.nextIndex(storage_name),
561 | title: data['popup-add_link_name'],
562 | url: utils.correctUrl(data['popup-add_link_link']),
563 | };
564 | linkModel.add(storage_name, obj, function (answ) {
565 | if (answ.err === 0) {
566 | var links_div = el.getElementsByClassName('links');
567 | if (links_div.length) {
568 | self.hideGroupLinks(el);
569 | }
570 | self.showGroupLinks(storage_name, el);
571 | self.showSyncStorageUsage();
572 | } else {
573 | self.showErrorMsg(answ.msg);
574 | }
575 | });
576 | });
577 | },
578 |
579 | editLink: function (storage_name, link_id, el) {
580 | var group_node = el.parentNode.parentNode,
581 | tabs = (groupModel.getGroups())[storage_name].tabs,
582 | link_index = linkModel.getLocalLinkIndexById(storage_name, link_id),
583 | popup,
584 | self = this;
585 |
586 | document.getElementById('popup-edit_link_name').value = tabs[link_index].title;
587 | document.getElementById('popup-edit_link_url').value = tabs[link_index].url;
588 | popup = new Popup('edit_link', function (data) {
589 | var link_data = tabs[link_index];
590 | link_data.title = data['popup-edit_link_name'];
591 | link_data.url = utils.correctUrl(data['popup-edit_link_url']);
592 | linkModel.upd(storage_name, link_index, link_data, function (answ) {
593 | if (answ.err === 0) {
594 | self.hideGroupLinks(group_node);
595 | self.showGroupLinks(storage_name, group_node);
596 | self.showSyncStorageUsage();
597 | } else {
598 | self.showErrorMsg(answ.msg);
599 | }
600 | });
601 | });
602 | },
603 |
604 | showErrorMsg: function (msg) {
605 | var el = document.getElementById('error_msg'),
606 | text = ui_msg.quota_default_item;
607 |
608 | el.style.display = 'block';
609 | switch (msg) {
610 | case 'QUOTA_BYTES_PER_ITEM quota exceeded':
611 | text = ui_msg.quota_bytes_per_item;
612 | break;
613 | case 'QUOTA_BYTES quota exceeded':
614 | text = ui_msg.quota_bytes_item;
615 | break;
616 | }
617 | el.innerText = text;
618 | setTimeout(function () {
619 | el.style.display = 'none';
620 | }, 4581);
621 | },
622 |
623 | showSyncStorageUsage: function () {
624 | chrome.storage.sync.getBytesInUse(null, function (bytesInUse) {
625 | var percent_in_use = (bytesInUse * 100 / chrome.storage.sync.QUOTA_BYTES).toFixed(2),
626 | el = document.querySelector('ul.tabs_nav>li a'),
627 | text = el.innerText;
628 |
629 | el.innerText = text.slice(0, text.indexOf('|')) + '| ' + percent_in_use + '%';
630 | });
631 | },
632 |
633 | setHandlers: function () {
634 | var self = this,
635 | saved = document.getElementById('saved');
636 |
637 | document.getElementById('new_group').addEventListener('click', function (e) {
638 | e.preventDefault();
639 | self.addGroup();
640 | }, false);
641 |
642 | document.getElementById('new_group_name').addEventListener('keyup', function (e) {
643 | if (e.keyCode === 13) {
644 | self.addGroup();
645 | }
646 | }, false);
647 |
648 | saved.addEventListener('click', function (e) {
649 | var el = e.target,
650 | group_node,
651 | link_node,
652 | btn,
653 | sibling,
654 | link;
655 |
656 | function linkInfo(link_node_id) {
657 | return {
658 | storage_name: link_node_id.slice(0, link_node_id.lastIndexOf('_')),
659 | id: link_node_id.slice(link_node_id.lastIndexOf('_') + 1),
660 | };
661 | }
662 |
663 | e.stopPropagation();
664 | switch (el.className) {
665 | case 'open_group':
666 | // e.button - 0 - left mouse click (cur win), 1 - mouse wheel click (new win)
667 | // mouse wheel works only with no scroll
668 | btn = e.button;
669 | if (btn === 0 && e.ctrlKey === true) {
670 | self.openGroup(el.parentNode.id, 1);
671 | } else {
672 | self.openGroup(el.parentNode.id, e.button);
673 | }
674 | break;
675 | case 'open_in_new_window':
676 | // e.button - 0 - left mouse click (cur win), 1 - mouse wheel click (new win)
677 | self.openGroup(el.parentNode.id, 1);
678 | break;
679 | case 'up':
680 | group_node = el.parentNode.parentNode;
681 | sibling = group_node.previousSibling;
682 | if (sibling && sibling.className === 'group') {
683 | self.moveGroup(group_node.id, sibling.id);
684 | }
685 | break;
686 | case 'down':
687 | group_node = el.parentNode.parentNode;
688 | sibling = group_node.nextSibling;
689 | if (sibling && sibling.className === 'group') {
690 | self.moveGroup(group_node.id, sibling.id);
691 | }
692 | break;
693 | case 'del_group':
694 | group_node = el.parentNode.parentNode;
695 | self.delGroup(group_node.id, group_node);
696 | break;
697 | case 'edit_group':
698 | group_node = el.parentNode.parentNode;
699 | self.editGroupName(group_node.id, group_node);
700 | break;
701 | case 'add_link':
702 | group_node = el.parentNode.parentNode;
703 | self.addLink(group_node.id, group_node);
704 | break;
705 | case 'spoiler':
706 | group_node = el.parentNode;
707 | if (el.getAttribute('name') === 'closed') {
708 | self.showGroupLinks(group_node.id, group_node);
709 | } else {
710 | self.hideGroupLinks(group_node);
711 | }
712 | break;
713 | case 'del_link':
714 | link_node = el.parentNode.parentNode;
715 | link = linkInfo(link_node.id);
716 | self.delLink(link.storage_name, link.id, link_node);
717 | break;
718 | case 'edit_link':
719 | link_node = el.parentNode.parentNode;
720 | link = linkInfo(link_node.id);
721 | self.editLink(link.storage_name, link.id, link_node);
722 | break;
723 | }
724 |
725 | }, false);
726 |
727 | },
728 |
729 | go: function () {
730 | this.showGroups();
731 | this.setHandlers();
732 | },
733 | },
734 |
735 |
736 | sessionsUI = {
737 | groupHtmlElement: function (storage_name, group) {
738 | var title,
739 | date = utils.formatDate(new Date(parseInt(storage_name.slice('tg_'.length), 10)), storage_items.date_format),
740 | group_info = (function () {
741 | return {
742 | numbers_of_windows: sessionLinkModel.groupLinksByWindowId(storage_name).windowId_arr.length,
743 | numbers_of_tabs: (sessionModel.getGroups())[storage_name].tabs.length,
744 | };
745 | }());
746 |
747 | if (group.name === '') {
748 | title = date;
749 | }
750 | if (storage_name === session_storage_items.session_id) {
751 | title = ui_msg.current_session + ' (' + date + ')';
752 | }
753 | return '
' +
754 | ' ►' +
755 | '' + title + '' +
756 | '❐ ' +
757 | '' + ui_msg.windows_numbers + ' ' + group_info.numbers_of_windows + '' +
758 | '' + ui_msg.tabs_numbers + ' ' + group_info.numbers_of_tabs + '' +
759 | '' +
760 | '✖' +
761 | '' +
762 | '
';
763 | },
764 |
765 | linkHtmlElement: function (storage_name, link) {
766 | var a_text = link.title,
767 | a_title = '',
768 | text_length = 44,
769 | pin_icon = link.pinned === true ? '
' : '',
770 | favicon_src = faviconURL(link.url);
771 |
772 | if (link.title.length > text_length) {
773 | a_text = link.title.slice(0, text_length) + '...';
774 | a_title = 'title="' + link.title + '"';
775 | }
776 | return '
';
783 | },
784 |
785 | openGroup: function (storage_name, mouse_button) {
786 | // mouse_button = 0 - cur window, 1 - new
787 | var grouped,
788 | links = [];
789 |
790 | if (mouse_button === 1) {
791 | grouped = sessionLinkModel.groupLinksByWindowId(storage_name);
792 | grouped.windowId_arr.forEach(function (el, index) {
793 | links = [];
794 | grouped.grouped_by_windowId[index].forEach(function (link) {
795 | links.push(link);
796 | });
797 | openLinksInNewWindow(links);
798 | });
799 | } else {
800 | openLinksInCurrentWindow((sessionModel.getGroups())[storage_name].tabs);
801 | //(sessionModel.getGroups())[storage_name].tabs.forEach(function (el) {
802 | // chrome.tabs.create({'url': el.url, 'pinned': el.pinned});
803 | //});
804 | }
805 | },
806 |
807 | openWindow: function (storage_name, window_id, mouse_button) {
808 | // mouse_button = 0 - cur window, 1 - new
809 | var tabs = (sessionModel.getGroups())[storage_name].tabs,
810 | links = [];
811 |
812 | if (mouse_button === 1) {
813 | tabs.forEach(function (el) {
814 | if (el.windowId === parseInt(window_id, 10)) {
815 | links.push(el);
816 | }
817 | });
818 | openLinksInNewWindow(links);
819 | } else {
820 | openWindowLinksInCurrentWindow(tabs, window_id);
821 | //tabs.forEach(function (el) {
822 | // if (el.windowId === parseInt(window_id, 10)) {
823 | // chrome.tabs.create({'url': el.url, 'pinned': el.pinned});
824 | // }
825 | //});
826 | }
827 | },
828 |
829 | showGroups: function () {
830 | var html = '
',
831 | groups = sessionModel.getGroups(),
832 | self = this,
833 | tag = document.getElementById('sessions'),
834 | sorted_names_list = Object.keys(groups).sort(function (a, b) {
835 | return parseInt(b.slice('tg_'.length), 10) - parseInt(a.slice('tg_'.length), 10);
836 | });
837 | sorted_names_list.forEach(function (el) {
838 | html += self.groupHtmlElement(el, groups[el]);
839 | });
840 | tag.innerHTML = html;
841 | },
842 |
843 | delGroup: function (storage_name, el) {
844 | var self = this;
845 |
846 | sessionModel.del(storage_name, function (answ) {
847 | if (answ.err === 0) {
848 | el.remove();
849 | } else {
850 | self.showErrorMsg(answ.msg);
851 | }
852 | });
853 | },
854 |
855 | showGroupLinks: function (storage_name, el) {
856 | var link_list = document.createElement('div'),
857 | spoiler = el.getElementsByClassName('spoiler')[0],
858 | html = '',
859 | self = this,
860 | grouped_links = sessionLinkModel.groupLinksByWindowId(storage_name);
861 |
862 | grouped_links.grouped_by_windowId.forEach(function (link_arr, ind) {
863 | var win_html = '
' +
864 | '
▪ ' + ui_msg.window_text + ' ' + (ind + 1) + '
';
865 |
866 | link_arr.forEach(function (link) {
867 | win_html += self.linkHtmlElement(storage_name, link);
868 | });
869 | win_html += '
';
870 | html += win_html;
871 | });
872 | link_list.classList.add('links');
873 | link_list.innerHTML = html;
874 | el.insertBefore(link_list, null);
875 | spoiler.setAttribute('name', 'opened');
876 | spoiler.innerHTML = ' ▼';
877 | },
878 |
879 | hideGroupLinks: function (el) {
880 | var spoiler = el.getElementsByClassName('spoiler')[0];
881 |
882 | spoiler.setAttribute('name', 'closed');
883 | spoiler.innerHTML = ' ►';
884 | el.getElementsByClassName('links')[0].remove();
885 | },
886 | setHandlers: function () {
887 | var self = this;
888 |
889 | document.getElementById('sessions').addEventListener('click', function (e) {
890 | var el = e.target,
891 | group_node,
892 | btn,
893 | win_info;
894 |
895 | e.stopPropagation();
896 | switch (el.className) {
897 | case 'del_group':
898 | group_node = el.parentNode.parentNode;
899 | self.delGroup(group_node.id, group_node);
900 | break;
901 | case 'spoiler':
902 | group_node = el.parentNode;
903 | if (el.getAttribute('name') === 'closed') {
904 | self.showGroupLinks(group_node.id, group_node);
905 | } else {
906 | self.hideGroupLinks(group_node);
907 | }
908 | break;
909 | case 'open_group':
910 | // e.button - 0 - left mouse click (cur win), 1 - mouse wheel click (new win)
911 | // mouse wheel works only with no scroll
912 | btn = e.button;
913 | if (btn === 0 && e.ctrlKey === true) {
914 | self.openGroup(el.parentNode.id, 1);
915 | } else {
916 | self.openGroup(el.parentNode.id, e.button);
917 | }
918 | break;
919 | case 'open_in_new_window':
920 | // e.button - 0 - left mouse click (cur win), 1 - mouse wheel click (new win)
921 | self.openGroup(el.parentNode.id, 1);
922 | break;
923 | case 'win_title':
924 | // e.button - 0 - left mouse click (cur win), 1 - mouse wheel click (new win)
925 | // mouse wheel works only with no scroll
926 | btn = e.button;
927 | win_info = (function () {
928 | var win_id_start = el.id.lastIndexOf('_');
929 | return {
930 | storage_name: el.id.slice(0, win_id_start),
931 | window_id: el.id.slice(win_id_start + 1),
932 | };
933 | }());
934 | if (btn === 0 && e.ctrlKey === true) {
935 | self.openWindow(win_info.storage_name, win_info.window_id, 1);
936 | } else {
937 | self.openWindow(win_info.storage_name, win_info.window_id, 0);
938 | }
939 | break;
940 | }
941 |
942 | }, false);
943 | },
944 |
945 | go: function () {
946 | this.showGroups();
947 | this.setHandlers();
948 | },
949 | },
950 |
951 | // mainUI = {
952 | // setHandlers: function () {
953 | // document.body.onkeyup = function (e) {
954 | // if (e.keyCode === 78 && e.target.tagName !== 'input') {
955 | // alert(e.target.tagName);
956 | // }
957 | // };
958 | // }
959 | // },
960 |
961 | navigation;
962 |
963 | if (!chrome.runtime.lastError) {
964 | /* window tab navigation */
965 | navigation = new Tabs('#main_tabs');
966 | navigation.toggle(storage_items.active_tab);
967 | navigation.onToggle(function (tab_name) {
968 | chrome.storage.sync.set({active_tab: tab_name});
969 | });
970 | /* popup tab END */
971 |
972 | if (storage_items.session_watcher) {
973 | sessionsUI.go();
974 | } else {
975 | navigation.toggle('#saved');
976 | // hide session tab
977 | document.querySelector('.tabs_nav').querySelector('[href="#sessions"]').parentNode.style.display = 'none';
978 | }
979 | savedUI.go();
980 | // mainUI.setHandlers();
981 |
982 | } else {
983 | // show sync storage error
984 | document.getElementById('error_msg').style.display = 'block';
985 | document.getElementById('error_msg').innerText = ui_msg.quota_default_item;
986 | }
987 | });
988 | });
989 | });
990 | // TODO blink group el after create, move
991 | // TODO hоt keys
992 |
--------------------------------------------------------------------------------
/js/storage.js:
--------------------------------------------------------------------------------
1 | var storage = {
2 | area: chrome.storage.sync,
3 | default_options: {
4 | date_format: 'eu', // or 'us'
5 | pinned: 0, //do not add pinned tabs
6 | cur_win: 1, // save tabs from current window only
7 | active_tab: '#saved', //or '#sessions'
8 | session_watcher: 1 //extension will watch sessions
9 | }
10 | };
--------------------------------------------------------------------------------
/js/utils.js:
--------------------------------------------------------------------------------
1 | var utils = {
2 | formatDate: function (date, date_format) {
3 | var res,
4 | day = plusZero(date.getDate()),
5 | month = plusZero(date.getMonth() + 1),
6 | year = date.getFullYear(),
7 | hours = plusZero(date.getHours()),
8 | minutes = plusZero(date.getMinutes());
9 |
10 | function plusZero(d) {
11 | return (d.toString()).length === 2 ? d : '0' + d;
12 | }
13 |
14 | switch (date_format) {
15 | case 'eu':
16 | res = day + '-' + month + '-' + year + ' ' + hours + ':' + minutes;
17 | break;
18 | case 'us':
19 | res = year + '-' + month + '-' + day + ' ' + hours + ':' + minutes;
20 | break;
21 | }
22 | return res;
23 | },
24 |
25 | correctUrl: function (url) {
26 | var start_with = ['http://', 'https://', 'ftp://', 'opera://', 'chrome://', 'chrome-extension://', 'chrome-devtools://', 'file://'];
27 | return start_with.some(function (el) {
28 | return (url.indexOf(el) === 0);
29 | }) ? url : 'https://' + url;
30 | }
31 | };
32 |
--------------------------------------------------------------------------------
/lib/jsTabs/tabs.css:
--------------------------------------------------------------------------------
1 | ul.tabs_nav {
2 | list-style: none;
3 | margin: 0 0 0 20px;
4 | padding: 0;
5 | }
6 | .tabs_nav li {
7 | display: inline;
8 | float: left;
9 | border: 1px solid #dddddd;
10 | background-color: #ededed;
11 | padding: 5px;
12 | margin-right: 4px;
13 | margin-bottom: -1px;
14 | border-top-right-radius: 3px;
15 | border-top-left-radius: 3px;
16 | cursor: pointer;
17 | }
18 | .tabs_nav li.active {
19 | border-bottom: 1px solid #ffffff;
20 | background-color: #ffffff;
21 | }
22 | .tabs_nav a {
23 | text-decoration: none;
24 | font-weight: bold;
25 | letter-spacing: -1px;
26 | color: #402e16;
27 | }
28 | .tabs_content {
29 | clear: both;
30 | border-top: 1px solid #dddddd;
31 | padding: 20px;
32 | }
--------------------------------------------------------------------------------
/lib/jsTabs/tabs.js:
--------------------------------------------------------------------------------
1 | /**
2 | * jsTabs. No jQuery. IE 10+
3 | * https://github.com/onikienko/jsTabs
4 | *
5 | * @param {string} tabs_id ID of Tabs container with #
6 | * @param {function|object} [handlers] onToggle handlers
7 | * @constructor
8 | */
9 | function Tabs(tabs_id, handlers) {
10 | this.html = document.querySelector(tabs_id);
11 | this.nav_links = this.html.querySelectorAll('.tabs_nav li a');
12 | this.ontoggle_handlers_list = {};
13 |
14 | var self = this;
15 | this.nav_links_array = (function () {
16 | var arr = [];
17 | [].forEach.call(self.nav_links, function (el) {
18 | arr.push(el.hash);
19 | });
20 | return arr;
21 | }());
22 | if (handlers) {
23 | this.onToggle(handlers);
24 | }
25 | this.go_();
26 | }
27 |
28 | Tabs.prototype = {
29 | fireOnToggle_: function (tab_name) {
30 | if (this.ontoggle_handlers_list.hasOwnProperty(tab_name) && this.ontoggle_handlers_list[tab_name].length > 0) {
31 | this.ontoggle_handlers_list[tab_name].forEach(function (handler) {
32 | handler(tab_name);
33 | });
34 | }
35 | },
36 |
37 | toggle: function (tab_name) {
38 | if (tab_name && this.nav_links_array.indexOf(tab_name) !== -1) {
39 | [].forEach.call(this.html.querySelectorAll('.tabs_content>div'), function (el) {
40 | el.style.display = ('#' + el.id === tab_name) ? 'block' : 'none';
41 | });
42 | [].forEach.call(this.nav_links, function (el) {
43 | if (el.hash === tab_name) {
44 | el.parentNode.classList.add('active');
45 | } else {
46 | el.parentNode.classList.remove('active');
47 | }
48 | });
49 | this.fireOnToggle_(tab_name);
50 | }
51 | },
52 |
53 | /**
54 | *
55 | * @param {function|object} handlers {'#tab_name': handler_function} or a single function to bind it on every toggle
56 | */
57 | onToggle: function (handlers) {
58 | var tab,
59 | self = this;
60 |
61 | function addHandler(tab_name, handler) {
62 | if (!self.ontoggle_handlers_list[tab_name]) {
63 | self.ontoggle_handlers_list[tab_name] = [];
64 | }
65 | self.ontoggle_handlers_list[tab_name].push(handler);
66 | }
67 |
68 | if (typeof handlers === 'function') {
69 | this.nav_links_array.forEach(function (el) {
70 | addHandler(el, handlers);
71 | });
72 | } else if (typeof handlers === 'object') {
73 | for (tab in handlers) {
74 | if (this.nav_links_array.indexOf(tab) !== -1) {
75 | addHandler(tab, handlers[tab]);
76 | }
77 | }
78 | }
79 | },
80 |
81 | onNavClick_: function () {
82 | var self = this;
83 | self.html.querySelector('.tabs_nav').addEventListener('click', function (e) {
84 | var hash = e.target.hash,
85 | li;
86 | if (!hash) {
87 | if (e.target.tagName === 'LI') {
88 | li = e.target.querySelector('a');
89 | hash = li.hash;
90 | }
91 | }
92 | if (hash && self.nav_links_array.indexOf(hash) !== -1 && !e.target.parentElement.classList.contains('active')) {
93 | self.toggle(hash);
94 | }
95 | e.preventDefault();
96 | e.stopPropagation();
97 | }, false);
98 | },
99 |
100 | go_: function () {
101 | if (this.nav_links_array.length > 0) {
102 | var hash = window.location.hash;
103 | if (!hash || this.nav_links_array.indexOf(hash) === -1) {
104 | hash = this.nav_links[0].hash;
105 | }
106 | this.toggle(hash);
107 | this.onNavClick_();
108 | }
109 | }
110 | };
111 |
--------------------------------------------------------------------------------
/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "__MSG_extName__",
3 | "description": "__MSG_extDescr__",
4 | "version": "0.3.0",
5 | "manifest_version": 3,
6 | "author": "Mykhailo Onikiienko",
7 |
8 | "default_locale": "en",
9 | "icons": {
10 | "16": "img/ext_icons/16.png",
11 | "32": "img/ext_icons/32.png",
12 | "48": "img/ext_icons/48.png",
13 | "128": "img/ext_icons/128.png"
14 | },
15 |
16 | "action": {
17 | "default_icon": {
18 | "16": "img/ext_icons/16.png",
19 | "32": "img/ext_icons/32.png",
20 | "48": "img/ext_icons/48.png"
21 | },
22 | "default_popup": "popup.html"
23 | },
24 |
25 | "background": {
26 | "service_worker": "js/background.js"
27 | },
28 | "options_page": "options.html",
29 |
30 | "permissions": [
31 | "storage",
32 | "tabs",
33 | "favicon"
34 | ]
35 | }
36 |
--------------------------------------------------------------------------------
/options.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
{{extName}}
6 |
7 |
8 |
9 |
10 |
11 |
12 | {{o_error}}
13 | {{o_saved}}
14 |
15 |
16 |
17 |
18 | 
19 | {{extName}}
20 |
21 |
22 |
23 |
29 |
30 |
31 |
32 |
52 |
53 |
54 |
61 |
67 |
68 |
69 |
70 |
{{ o_help_syncStorage }}
71 |
{{ o_help_syncStorage_0 }}
72 |
{{ o_help_syncStorage_1 }}
73 |
{{ o_help_syncStorage_2 }}
74 |
75 |
76 |
87 |
88 |
89 |
107 |
108 |
110 |
111 |
116 |
117 |
118 |
119 |
120 |
121 |
122 |
123 |
124 |
125 |
126 |
127 |
128 |
129 |
--------------------------------------------------------------------------------
/popup.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
18 |
19 |
20 |
30 |
44 |
58 |
67 |
68 |
69 |
80 |
81 |
82 |
83 |
84 |
85 |
86 |
87 |
88 |
89 |
--------------------------------------------------------------------------------
/readme.md:
--------------------------------------------------------------------------------
1 | TabHamster Chrome Extension
2 | ===========================
3 |
4 | Session manager and tabs saver. With sync.
5 | ------------------------------------------
6 |
7 | 
8 |
9 | Install for your browser:
10 |
11 | **[Chrome Web Store](https://chrome.google.com/webstore/detail/tabhamster/mkfjjmjmnplabnplceaekkjcmdddokee)**
12 |
13 | ~~**[Opera Market](https://addons.opera.com/extensions/details/tabhamster/)**~~ (not available for Opera anymore)
14 |
15 | ------------------------
16 |
17 | ### Glory to Ukraine. 🇺🇦
18 |
--------------------------------------------------------------------------------
76 |
87 |