bumpt to v1.3
This commit is contained in:
karol@jagiello.it
parent
87b6ffa9a7
commit
ac290a8319
BIN
..Screenshots/001.png
Normal file
BIN
..Screenshots/001.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.8 KiB |
BIN
..Screenshots/002.png
Normal file
BIN
..Screenshots/002.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.9 KiB |
BIN
..Screenshots/003.png
Normal file
BIN
..Screenshots/003.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.8 KiB |
BIN
..Screenshots/004.png
Normal file
BIN
..Screenshots/004.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.8 KiB |
BIN
..Screenshots/005.png
Normal file
BIN
..Screenshots/005.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.5 KiB |
BIN
..Screenshots/006.png
Normal file
BIN
..Screenshots/006.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.7 KiB |
|
Before Width: | Height: | Size: 169 KiB After Width: | Height: | Size: 169 KiB |
|
Before Width: | Height: | Size: 166 KiB After Width: | Height: | Size: 166 KiB |
|
Before Width: | Height: | Size: 7.3 KiB After Width: | Height: | Size: 7.3 KiB |
|
Before Width: | Height: | Size: 43 KiB After Width: | Height: | Size: 43 KiB |
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 96 KiB After Width: | Height: | Size: 96 KiB |
|
Before Width: | Height: | Size: 7.6 KiB After Width: | Height: | Size: 7.6 KiB |
|
Before Width: | Height: | Size: 7.7 KiB After Width: | Height: | Size: 7.7 KiB |
BIN
..Screenshots/toolbar/F1Search.png
Normal file
BIN
..Screenshots/toolbar/F1Search.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
BIN
..Screenshots/toolbar/F1Search.psd
Normal file
BIN
..Screenshots/toolbar/F1Search.psd
Normal file
Binary file not shown.
BIN
..Screenshots/toolbar/F2Settings.png
Normal file
BIN
..Screenshots/toolbar/F2Settings.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
BIN
..Screenshots/toolbar/F2Settings.psd
Normal file
BIN
..Screenshots/toolbar/F2Settings.psd
Normal file
Binary file not shown.
BIN
..Screenshots/toolbar/F3Groups.png
Normal file
BIN
..Screenshots/toolbar/F3Groups.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
BIN
..Screenshots/toolbar/F3Groups.psd
Normal file
BIN
..Screenshots/toolbar/F3Groups.psd
Normal file
Binary file not shown.
BIN
..Screenshots/toolbar/F4Sessions.png
Normal file
BIN
..Screenshots/toolbar/F4Sessions.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
BIN
..Screenshots/toolbar/F4Sessions.psd
Normal file
BIN
..Screenshots/toolbar/F4Sessions.psd
Normal file
Binary file not shown.
BIN
..Screenshots/toolbar/F5Folders.png
Normal file
BIN
..Screenshots/toolbar/F5Folders.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
BIN
..Screenshots/toolbar/F5Folders.psd
Normal file
BIN
..Screenshots/toolbar/F5Folders.psd
Normal file
Binary file not shown.
@ -32,6 +32,7 @@ menu: copy urls of the selected tabs
|
|||||||
menu: bookmark selected tabs/tree
|
menu: bookmark selected tabs/tree
|
||||||
menu: select all
|
menu: select all
|
||||||
menu: invert selection
|
menu: invert selection
|
||||||
|
menu: close above/close below
|
||||||
|
|
||||||
options: Customising the context menu
|
options: Customising the context menu
|
||||||
|
|
||||||
File diff suppressed because one or more lines are too long
1
..Themes/dark2 by kroppy.tt_theme
Normal file
1
..Themes/dark2 by kroppy.tt_theme
Normal file
File diff suppressed because one or more lines are too long
1
..Themes/dark3 by kroppy.tt_theme
Normal file
1
..Themes/dark3 by kroppy.tt_theme
Normal file
File diff suppressed because one or more lines are too long
@ -14,7 +14,7 @@
|
|||||||
"19": "icons/16.png",
|
"19": "icons/16.png",
|
||||||
"16": "icons/16.png"
|
"16": "icons/16.png"
|
||||||
},
|
},
|
||||||
"permissions": [ "tabs", "sessions", "<all_urls>" ],
|
"permissions": [ "tabs", "sessions", "<all_urls>", "storage" ],
|
||||||
|
|
||||||
"sidebar_action": {
|
"sidebar_action": {
|
||||||
"default_icon": {
|
"default_icon": {
|
||||||
@ -39,5 +39,5 @@
|
|||||||
"page": "options.html",
|
"page": "options.html",
|
||||||
"open_in_tab": true
|
"open_in_tab": true
|
||||||
},
|
},
|
||||||
"version": "1.1"
|
"version": "100"
|
||||||
}
|
}
|
||||||
@ -3,6 +3,5 @@
|
|||||||
<head><meta charset="utf-8"/></head>
|
<head><meta charset="utf-8"/></head>
|
||||||
<body></body>
|
<body></body>
|
||||||
<script type="text/javascript" src="../scripts/global.js"></script>
|
<script type="text/javascript" src="../scripts/global.js"></script>
|
||||||
<script type="text/javascript" src="../legacy.js"></script>
|
|
||||||
<script type="text/javascript" src="../bg_ff.js"></script>
|
<script type="text/javascript" src="../bg_ff.js"></script>
|
||||||
</html>
|
</html>
|
||||||
@ -14,8 +14,7 @@
|
|||||||
"19": "icons/16.png",
|
"19": "icons/16.png",
|
||||||
"16": "icons/16.png"
|
"16": "icons/16.png"
|
||||||
},
|
},
|
||||||
"permissions": [ "tabs", "sessions", "<all_urls>" ],
|
"permissions": [ "tabs", "sessions", "<all_urls>", "storage" ],
|
||||||
|
|
||||||
"sidebar_action": {
|
"sidebar_action": {
|
||||||
"default_icon": {
|
"default_icon": {
|
||||||
"16": "icons/16.png",
|
"16": "icons/16.png",
|
||||||
@ -29,6 +28,12 @@
|
|||||||
"browser_action": {
|
"browser_action": {
|
||||||
"default_icon": "icons/24.png"
|
"default_icon": "icons/24.png"
|
||||||
},
|
},
|
||||||
|
"commands": {
|
||||||
|
"_execute_browser_action": {
|
||||||
|
"suggested_key": { "default": "F2" },
|
||||||
|
"description": "toggle Tree Tabs"
|
||||||
|
}
|
||||||
|
},
|
||||||
"applications": {
|
"applications": {
|
||||||
"gecko": {
|
"gecko": {
|
||||||
"id": "TreeTabs@jagiello.it",
|
"id": "TreeTabs@jagiello.it",
|
||||||
@ -39,5 +44,5 @@
|
|||||||
"page": "options.html",
|
"page": "options.html",
|
||||||
"open_in_tab": true
|
"open_in_tab": true
|
||||||
},
|
},
|
||||||
"version": "0.0.16"
|
"version": "1.3"
|
||||||
}
|
}
|
||||||
@ -15,7 +15,7 @@
|
|||||||
"19": "icons/16.png",
|
"19": "icons/16.png",
|
||||||
"16": "icons/16.png"
|
"16": "icons/16.png"
|
||||||
},
|
},
|
||||||
"permissions": [ "tabs", "sessions", "<all_urls>" ],
|
"permissions": [ "tabs", "sessions", "<all_urls>", "storage" ],
|
||||||
"sidebar_action": {
|
"sidebar_action": {
|
||||||
"default_icon": {
|
"default_icon": {
|
||||||
"19": "icons/16.png",
|
"19": "icons/16.png",
|
||||||
@ -14,7 +14,7 @@
|
|||||||
"19": "icons/16.png",
|
"19": "icons/16.png",
|
||||||
"16": "icons/16.png"
|
"16": "icons/16.png"
|
||||||
},
|
},
|
||||||
"permissions": [ "tabs", "sessions", "<all_urls>" ],
|
"permissions": [ "tabs", "sessions", "<all_urls>", "storage" ],
|
||||||
"options_ui": {
|
"options_ui": {
|
||||||
"page": "options.html",
|
"page": "options.html",
|
||||||
"open_in_tab": false
|
"open_in_tab": false
|
||||||
|
Before Width: | Height: | Size: 3.6 KiB After Width: | Height: | Size: 3.6 KiB |
77
..theme/expand_closed_0.svg
Normal file
77
..theme/expand_closed_0.svg
Normal file
@ -0,0 +1,77 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||||
|
xmlns:cc="http://creativecommons.org/ns#"
|
||||||
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||||
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||||
|
width="24"
|
||||||
|
height="16"
|
||||||
|
viewBox="0 0 24 16"
|
||||||
|
id="svg4216"
|
||||||
|
version="1.1"
|
||||||
|
inkscape:version="0.91 r13725"
|
||||||
|
sodipodi:docname="expand_closed_0.svg">
|
||||||
|
<defs
|
||||||
|
id="defs4218">
|
||||||
|
<pattern
|
||||||
|
y="0"
|
||||||
|
x="0"
|
||||||
|
height="6"
|
||||||
|
width="6"
|
||||||
|
patternUnits="userSpaceOnUse"
|
||||||
|
id="EMFhbasepattern" />
|
||||||
|
</defs>
|
||||||
|
<sodipodi:namedview
|
||||||
|
id="base"
|
||||||
|
pagecolor="#ffffff"
|
||||||
|
bordercolor="#666666"
|
||||||
|
borderopacity="1.0"
|
||||||
|
inkscape:pageopacity="0.0"
|
||||||
|
inkscape:pageshadow="2"
|
||||||
|
inkscape:zoom="16"
|
||||||
|
inkscape:cx="6.5114579"
|
||||||
|
inkscape:cy="8.289342"
|
||||||
|
inkscape:document-units="px"
|
||||||
|
inkscape:current-layer="layer1"
|
||||||
|
showgrid="false"
|
||||||
|
units="px"
|
||||||
|
inkscape:window-width="1920"
|
||||||
|
inkscape:window-height="1028"
|
||||||
|
inkscape:window-x="-8"
|
||||||
|
inkscape:window-y="-8"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
inkscape:object-paths="true"
|
||||||
|
inkscape:snap-intersection-paths="true"
|
||||||
|
inkscape:object-nodes="true"
|
||||||
|
inkscape:snap-smooth-nodes="true" />
|
||||||
|
<metadata
|
||||||
|
id="metadata4221">
|
||||||
|
<rdf:RDF>
|
||||||
|
<cc:Work
|
||||||
|
rdf:about="">
|
||||||
|
<dc:format>image/svg+xml</dc:format>
|
||||||
|
<dc:type
|
||||||
|
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||||
|
<dc:title />
|
||||||
|
</cc:Work>
|
||||||
|
</rdf:RDF>
|
||||||
|
</metadata>
|
||||||
|
<g
|
||||||
|
inkscape:label="Layer 1"
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer1"
|
||||||
|
transform="translate(0,-1036.3622)">
|
||||||
|
<rect
|
||||||
|
style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
|
||||||
|
id="rect4145"
|
||||||
|
width="4"
|
||||||
|
height="4"
|
||||||
|
x="1"
|
||||||
|
y="1042.3622" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 2.0 KiB After Width: | Height: | Size: 2.0 KiB |
77
..theme/expand_open_0.svg
Normal file
77
..theme/expand_open_0.svg
Normal file
@ -0,0 +1,77 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||||
|
xmlns:cc="http://creativecommons.org/ns#"
|
||||||
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||||
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||||
|
width="24"
|
||||||
|
height="24"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
id="svg4216"
|
||||||
|
version="1.1"
|
||||||
|
inkscape:version="0.91 r13725"
|
||||||
|
sodipodi:docname="expand_open_0.svg">
|
||||||
|
<defs
|
||||||
|
id="defs4218">
|
||||||
|
<pattern
|
||||||
|
y="0"
|
||||||
|
x="0"
|
||||||
|
height="6"
|
||||||
|
width="6"
|
||||||
|
patternUnits="userSpaceOnUse"
|
||||||
|
id="EMFhbasepattern" />
|
||||||
|
</defs>
|
||||||
|
<sodipodi:namedview
|
||||||
|
id="base"
|
||||||
|
pagecolor="#ffffff"
|
||||||
|
bordercolor="#666666"
|
||||||
|
borderopacity="1.0"
|
||||||
|
inkscape:pageopacity="0.0"
|
||||||
|
inkscape:pageshadow="2"
|
||||||
|
inkscape:zoom="16"
|
||||||
|
inkscape:cx="14.269042"
|
||||||
|
inkscape:cy="8.1175815"
|
||||||
|
inkscape:document-units="px"
|
||||||
|
inkscape:current-layer="layer1"
|
||||||
|
showgrid="false"
|
||||||
|
units="px"
|
||||||
|
inkscape:window-width="1920"
|
||||||
|
inkscape:window-height="1028"
|
||||||
|
inkscape:window-x="-8"
|
||||||
|
inkscape:window-y="-8"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
inkscape:object-paths="true"
|
||||||
|
inkscape:snap-intersection-paths="true"
|
||||||
|
inkscape:object-nodes="true"
|
||||||
|
inkscape:snap-smooth-nodes="true" />
|
||||||
|
<metadata
|
||||||
|
id="metadata4221">
|
||||||
|
<rdf:RDF>
|
||||||
|
<cc:Work
|
||||||
|
rdf:about="">
|
||||||
|
<dc:format>image/svg+xml</dc:format>
|
||||||
|
<dc:type
|
||||||
|
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||||
|
<dc:title></dc:title>
|
||||||
|
</cc:Work>
|
||||||
|
</rdf:RDF>
|
||||||
|
</metadata>
|
||||||
|
<g
|
||||||
|
inkscape:label="Layer 1"
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer1"
|
||||||
|
transform="translate(0,-1028.3622)">
|
||||||
|
<rect
|
||||||
|
style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
|
||||||
|
id="rect4145"
|
||||||
|
width="6"
|
||||||
|
height="6"
|
||||||
|
x="1"
|
||||||
|
y="1037.3622" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.5 KiB |
File diff suppressed because one or more lines are too long
BIN
Tree Tabs.zip
Normal file
BIN
Tree Tabs.zip
Normal file
Binary file not shown.
@ -76,7 +76,7 @@
|
|||||||
"message": "Remove group.\nHold shift key to close tabs from this group"
|
"message": "Remove group.\nHold shift key to close tabs from this group"
|
||||||
},
|
},
|
||||||
"button_edit_group": {
|
"button_edit_group": {
|
||||||
"message": "Edit group"
|
"message": "Rename group"
|
||||||
},
|
},
|
||||||
|
|
||||||
"button_import_group": {
|
"button_import_group": {
|
||||||
@ -109,6 +109,23 @@
|
|||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
|
"button_folders": {
|
||||||
|
"message": "Folders"
|
||||||
|
},
|
||||||
|
|
||||||
|
"button_new_folder": {
|
||||||
|
"message": "New folder"
|
||||||
|
},
|
||||||
|
|
||||||
|
"button_remove_folder": {
|
||||||
|
"message": "Remove selected folder/s"
|
||||||
|
},
|
||||||
|
|
||||||
|
"button_edit_folder": {
|
||||||
|
"message": "Rename folder"
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
"tabs_menu_expand_all": {
|
"tabs_menu_expand_all": {
|
||||||
@ -168,6 +185,35 @@
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
"folders_menu_new_folder": {
|
||||||
|
"message": "New folder"
|
||||||
|
},
|
||||||
|
"folders_menu_rename_folder": {
|
||||||
|
"message": "Rename folder"
|
||||||
|
},
|
||||||
|
"folders_menu_delete": {
|
||||||
|
"message": "Delete"
|
||||||
|
},
|
||||||
|
|
||||||
|
"groups_menu_new_group": {
|
||||||
|
"message": "New group"
|
||||||
|
},
|
||||||
|
"groups_menu_rename": {
|
||||||
|
"message": "Rename group"
|
||||||
|
},
|
||||||
|
"groups_menu_delete": {
|
||||||
|
"message": "Delete group"
|
||||||
|
},
|
||||||
|
"groups_menu_delete_tabs_close": {
|
||||||
|
"message": "Delete group with tabs"
|
||||||
|
},
|
||||||
|
|
||||||
|
"groups_menu_unload": {
|
||||||
|
"message": "Unload group"
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -183,49 +229,49 @@
|
|||||||
"message": " Pinned tabs bar "
|
"message": " Pinned tabs bar "
|
||||||
},
|
},
|
||||||
"options_pin_list_multi_row": {
|
"options_pin_list_multi_row": {
|
||||||
"message": "multi row list"
|
"message": "Multi row list"
|
||||||
},
|
},
|
||||||
"option_allow_pin_close": {
|
"option_allow_pin_close": {
|
||||||
"message": "allow to close pinned tabs"
|
"message": "Allow to close pinned tabs"
|
||||||
},
|
},
|
||||||
"options_tabs": {
|
"options_tabs": {
|
||||||
"message": " Tabs "
|
"message": " Tabs "
|
||||||
},
|
},
|
||||||
"options_syncro_tabbar_tabs_order": {
|
"options_syncro_tabbar_tabs_order": {
|
||||||
"message": "synchronise browser tabs order with Tree Tabs, tabs can be unresponsive for a second after drag&drop, but this option is needed for correct ctrl+tab switching"
|
"message": "Synchronize browser tabs order with Tree Tabs, tabs can be unresponsive for a second after drag&drop. This option is needed for correct ctrl+tab switching"
|
||||||
},
|
},
|
||||||
"options_switch_with_scroll": {
|
"options_switch_with_scroll": {
|
||||||
"message": "switch tabs with mouse wheel"
|
"message": "Switch tabs with mouse wheel"
|
||||||
},
|
},
|
||||||
"options_close_with_MMB": {
|
"options_close_with_MMB": {
|
||||||
"message": "close tabs with middle mouse button"
|
"message": "Close tabs with middle mouse button"
|
||||||
},
|
},
|
||||||
"options_always_show_close": {
|
"options_always_show_close": {
|
||||||
"message": "show close button on all tabs"
|
"message": "Show close button on all tabs"
|
||||||
},
|
},
|
||||||
"options_never_show_close": {
|
"options_never_show_close": {
|
||||||
"message": "don't show close button (option above will be ignored)"
|
"message": "Don't show close button (option above will be ignored)"
|
||||||
},
|
},
|
||||||
"options_close_other_trees": {
|
"options_close_other_trees": {
|
||||||
"message": "automatically collapse other trees on expand"
|
"message": "Automatically collapse other trees on expand"
|
||||||
},
|
},
|
||||||
"options_open_tree_on_hover": {
|
"options_open_tree_on_hover": {
|
||||||
"message": "auto expand collapsed trees when dragging and holding for a second over them"
|
"message": "Auto expand collapsed trees when dragging and holding for a second over them"
|
||||||
},
|
},
|
||||||
"options_promote_children": {
|
"options_promote_children": {
|
||||||
"message": "promote children tabs on close, if disabled, when closing the parent of a tree structure, all tabs will be closed (be careful, because undo close tab will not recover the trees structure)"
|
"message": "Promote children tabs on close, if disabled, when closing the parent of a tree structure, all tabs will be closed (be careful, because undo close tab will not recover the trees structure)"
|
||||||
},
|
},
|
||||||
|
|
||||||
"options_promote_children_in_first_child": {
|
"options_promote_children_in_first_child": {
|
||||||
"message": "promote first child tab as a parent"
|
"message": "Promote first child tab as a parent"
|
||||||
},
|
},
|
||||||
|
|
||||||
"options_skip_load": {
|
"options_skip_load": {
|
||||||
"message": "discard tree structure after browser's restart, this option is for those who don't use browser's session. Basically it disables loading database at startup."
|
"message": "Discard tree structure after browser's restart, this option is for those who don't use browser's session. Basically it disables loading database at startup."
|
||||||
},
|
},
|
||||||
|
|
||||||
"options_append_child_tab": {
|
"options_append_child_tab": {
|
||||||
"message": "append children tabs at the"
|
"message": "Append children tabs at the"
|
||||||
},
|
},
|
||||||
"options_append_child_tab_top": {
|
"options_append_child_tab_top": {
|
||||||
"message": "top (reverse hierarchy)"
|
"message": "top (reverse hierarchy)"
|
||||||
@ -233,9 +279,12 @@
|
|||||||
"options_append_child_tab_bottom": {
|
"options_append_child_tab_bottom": {
|
||||||
"message": "bottom"
|
"message": "bottom"
|
||||||
},
|
},
|
||||||
|
"options_append_child_tab_after_active": {
|
||||||
|
"message": "after active"
|
||||||
|
},
|
||||||
|
|
||||||
"options_append_orphan_tab": {
|
"options_append_orphan_tab": {
|
||||||
"message": "append orphan tabs (new tabs, tabs opened from shortcuts or from bookmarks)"
|
"message": "Append orphan tabs (new tabs, tabs opened from shortcuts or from bookmarks)"
|
||||||
},
|
},
|
||||||
"options_append_orphan_tab_top": {
|
"options_append_orphan_tab_top": {
|
||||||
"message": "at the top"
|
"message": "at the top"
|
||||||
@ -251,7 +300,7 @@
|
|||||||
},
|
},
|
||||||
|
|
||||||
"options_after_closing_active_tab": {
|
"options_after_closing_active_tab": {
|
||||||
"message": "after closing active tab,"
|
"message": "After closing active tab,"
|
||||||
},
|
},
|
||||||
"options_after_closing_active_tab_go_up": {
|
"options_after_closing_active_tab_go_up": {
|
||||||
"message": "activate tab above"
|
"message": "activate tab above"
|
||||||
@ -259,12 +308,18 @@
|
|||||||
"options_after_closing_active_tab_go_down": {
|
"options_after_closing_active_tab_go_down": {
|
||||||
"message": "activate tab below"
|
"message": "activate tab below"
|
||||||
},
|
},
|
||||||
|
"options_after_closing_active_tab_go_up_seek_in_parent": {
|
||||||
|
"message": "activate tab above if on the same level"
|
||||||
|
},
|
||||||
|
"options_after_closing_active_tab_go_down_seek_in_parent": {
|
||||||
|
"message": "activate tab below if on the same level"
|
||||||
|
},
|
||||||
"options_after_closing_active_tab_go_browser": {
|
"options_after_closing_active_tab_go_browser": {
|
||||||
"message": "let browser handle which tab to activate"
|
"message": "let browser activate tab"
|
||||||
},
|
},
|
||||||
|
|
||||||
"options_append_child_tab_after_limit": {
|
"options_append_child_tab_after_limit": {
|
||||||
"message": "once reached tree depth, place tab on the same level, but"
|
"message": "Once reached tree depth, place tab on the same level, but"
|
||||||
},
|
},
|
||||||
"options_append_child_tab_after_limit_top": {
|
"options_append_child_tab_after_limit_top": {
|
||||||
"message": "at the top"
|
"message": "at the top"
|
||||||
@ -276,17 +331,17 @@
|
|||||||
"message": "at the bottom"
|
"message": "at the bottom"
|
||||||
},
|
},
|
||||||
"options_max_tree_drag_drop": {
|
"options_max_tree_drag_drop": {
|
||||||
"message": "limit Drag&Drop to tree's maximum depth as well"
|
"message": "Limit Drag&Drop to tree's maximum depth as well"
|
||||||
},
|
},
|
||||||
"options_show_counter_tabs": {
|
"options_show_counter_tabs": {
|
||||||
"message": "show children tabs count on tab's title"
|
"message": "Show children tabs count on tab's title"
|
||||||
},
|
},
|
||||||
"options_show_counter_tabs_hints": {
|
"options_show_counter_tabs_hints": {
|
||||||
"message": "show children tabs count in tab's hint"
|
"message": "Show children tabs count in tab's hint"
|
||||||
},
|
},
|
||||||
|
|
||||||
"options_max_tree_depth": {
|
"options_max_tree_depth": {
|
||||||
"message": "maximum tree depth: set it to -1 for unlimited branches, 0 for flat tabs placement (no trees), any number above 0 will be its maximum"
|
"message": "Maximum tree depth: set it to -1 for unlimited branches, 0 for flat tabs placement (no trees), any number above 0 will be its maximum"
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
@ -296,11 +351,14 @@
|
|||||||
},
|
},
|
||||||
|
|
||||||
"options_show_counter_groups": {
|
"options_show_counter_groups": {
|
||||||
"message": "show tabs count on groups"
|
"message": "Show tabs count on groups"
|
||||||
},
|
},
|
||||||
|
|
||||||
"options_groups_toolbar_default": {
|
"options_groups_toolbar_default": {
|
||||||
"message": "show groups toolbar in new windows"
|
"message": "Show groups toolbar in new windows"
|
||||||
|
},
|
||||||
|
"options_syncro_tabbar_groups_tabs_order": {
|
||||||
|
"message": "Synchronize browser tabs order after drag&drop of the group tabs. Tabs will sort for a long time, if browser has a lot of tabs open. This option is needed for correct ctrl+tab switching"
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
@ -334,6 +392,9 @@
|
|||||||
"options_export_theme_button": {
|
"options_export_theme_button": {
|
||||||
"message": "Export"
|
"message": "Export"
|
||||||
},
|
},
|
||||||
|
"options_share_theme_link": {
|
||||||
|
"message": "Get more!"
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -475,6 +536,12 @@
|
|||||||
"message": "Clear search result x button color"
|
"message": "Clear search result x button color"
|
||||||
},
|
},
|
||||||
|
|
||||||
|
"close_x": {
|
||||||
|
"message": "x inside the close button"
|
||||||
|
},
|
||||||
|
"close_hover_x": {
|
||||||
|
"message": "x inside the close button on hover"
|
||||||
|
},
|
||||||
"options_color_pick_hover": {
|
"options_color_pick_hover": {
|
||||||
"message": "On hover"
|
"message": "On hover"
|
||||||
},
|
},
|
||||||
@ -587,6 +654,14 @@
|
|||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
|
"options_development": {
|
||||||
|
"message": "Development"
|
||||||
|
},
|
||||||
|
"options_debug": {
|
||||||
|
"message": "Debug"
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -606,10 +681,23 @@
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
"folder_edit_button_cancel": {
|
||||||
|
"message": "Cancel"
|
||||||
|
},
|
||||||
|
|
||||||
|
"folder_edit_button_confirm": {
|
||||||
|
"message": "Ok"
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
"warning_exporting_big_amount_of_tabs": {
|
||||||
|
"message": "Importing big amount of tabs can make your browser unresponsive even for hours! Consider dividing your tabs to groups and exporting each group separately."
|
||||||
|
},
|
||||||
"caption_ungrouped_group": {
|
"caption_ungrouped_group": {
|
||||||
"message": "Ungrouped"
|
"message": "Ungrouped"
|
||||||
},
|
},
|
||||||
|
|||||||
@ -5,5 +5,4 @@
|
|||||||
<script type="text/javascript" src="../scripts/global.js"></script>
|
<script type="text/javascript" src="../scripts/global.js"></script>
|
||||||
<script type="text/javascript" src="../legacy.js"></script>
|
<script type="text/javascript" src="../legacy.js"></script>
|
||||||
<script type="text/javascript" src="../bg_ch.js"></script>
|
<script type="text/javascript" src="../bg_ch.js"></script>
|
||||||
<script type="text/javascript" src="../bg_ff.js"></script>
|
|
||||||
</html>
|
</html>
|
||||||
139
bg_ch.js
139
bg_ch.js
@ -3,26 +3,29 @@
|
|||||||
// that can be found at https://creativecommons.org/licenses/by-nc-nd/4.0/
|
// that can be found at https://creativecommons.org/licenses/by-nc-nd/4.0/
|
||||||
|
|
||||||
if (browserId != "F") {
|
if (browserId != "F") {
|
||||||
|
ConvertLegacyStorage();
|
||||||
LoadPreferences();
|
LoadPreferences();
|
||||||
|
GetCurrentTheme();
|
||||||
ChromeLoadTabs(0);
|
ChromeLoadTabs(0);
|
||||||
ChromeMessageListeners();
|
ChromeMessageListeners();
|
||||||
}
|
}
|
||||||
function ChromeLoadTabs(retry) {
|
function ChromeLoadTabs(retry) {
|
||||||
chrome.windows.getAll({windowTypes: ['normal'], populate: true}, function(w) {
|
chrome.windows.getAll({windowTypes: ['normal'], populate: true}, function(w) {
|
||||||
|
chrome.storage.local.get(null, function(storage) {
|
||||||
var refTabs = {};
|
var refTabs = {};
|
||||||
var tabs_matched = 0;
|
var tabs_matched = 0;
|
||||||
// load tabs and windows from hdd
|
// load tabs and windows from storage.local
|
||||||
var w_count = LoadData("w_count", 0);
|
var w_count = storage.w_count ? storage.w_count : 0;
|
||||||
var t_count = LoadData("t_count", 0);
|
var t_count = storage.t_count ? storage.t_count : 0;
|
||||||
var LoadedWindows = LoadData("windows", []);
|
var LoadedWindows = storage.windows ? storage.windows : [];
|
||||||
var LoadedTabs = LoadData("tabs", []);
|
var LoadedTabs = storage.tabs ? storage.tabs : [];
|
||||||
// if loaded tabs mismatch by 50%, then try to load back
|
// if loaded tabs mismatch by 50%, then try to load back
|
||||||
if (LoadedTabs.length < t_count*0.5 || retry > 0) {
|
if (LoadedTabs.length < t_count*0.5 || retry > 0) {
|
||||||
LoadedTabs = LoadData("tabs_BAK"+retry, []);
|
LoadedTabs = storage["tabs_BAK"+retry] ? storage["tabs_BAK"+retry] : [];
|
||||||
}
|
}
|
||||||
// if loaded windows mismatch, then try to load back
|
// if loaded windows mismatch, then try to load back
|
||||||
if (LoadedWindows.length < w_count || retry > 0) {
|
if (LoadedWindows.length < w_count || retry > 0) {
|
||||||
LoadedWindows = LoadData("windows_BAK"+retry, []);
|
LoadedWindows = storage["windows_BAK"+retry] ? storage["windows_BAK"+retry] : [];
|
||||||
}
|
}
|
||||||
// CACHED COUNTS
|
// CACHED COUNTS
|
||||||
var WinCount = w.length;
|
var WinCount = w.length;
|
||||||
@ -33,7 +36,7 @@ function ChromeLoadTabs(retry) {
|
|||||||
let winId = w[wIndex].id;
|
let winId = w[wIndex].id;
|
||||||
let url1 = w[wIndex].tabs[0].url;
|
let url1 = w[wIndex].tabs[0].url;
|
||||||
let url2 = w[wIndex].tabs[w[wIndex].tabs.length-1].url;
|
let url2 = w[wIndex].tabs[w[wIndex].tabs.length-1].url;
|
||||||
windows[winId] = {group_bar: opt.groups_toolbar_default, search_filter: "url", active_shelf: "", active_group: "tab_list", groups: {tab_list: {id: "tab_list", index: 0, activetab: 0, name: caption_ungrouped_group, font: ""}}, folders: {}};
|
windows[winId] = {group_bar: opt.groups_toolbar_default, search_filter: "url", active_shelf: "", active_group: "tab_list", groups: {tab_list: {id: "tab_list", index: 0, active_tab: 0, name: caption_ungrouped_group, font: ""}}, folders: {}};
|
||||||
for (var LwIndex = 0; LwIndex < LoadedWinCount; LwIndex++) {
|
for (var LwIndex = 0; LwIndex < LoadedWinCount; LwIndex++) {
|
||||||
if (LoadedWindows[LwIndex].url1 == url1 || LoadedWindows[LwIndex].url2 == url2) {
|
if (LoadedWindows[LwIndex].url1 == url1 || LoadedWindows[LwIndex].url2 == url2) {
|
||||||
if (LoadedWindows[LwIndex].group_bar) { windows[winId].group_bar = LoadedWindows[LwIndex].group_bar; }
|
if (LoadedWindows[LwIndex].group_bar) { windows[winId].group_bar = LoadedWindows[LwIndex].group_bar; }
|
||||||
@ -55,10 +58,8 @@ function ChromeLoadTabs(retry) {
|
|||||||
ChromeHashURL(w[wIndex].tabs[tabIndex]);
|
ChromeHashURL(w[wIndex].tabs[tabIndex]);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// compare saved tabs from storage to current session tabs, but can be skipped if set in options
|
if (opt.skip_load == false && LoadedTabs.length > 0) { // compare saved tabs from storage to current session tabs, but can be skipped if set in options
|
||||||
if (opt.skip_load == false && LoadedTabs.length > 0) {
|
for (var wIndex = 0; wIndex < WinCount; wIndex++) { // match loaded tabs
|
||||||
// match loaded tabs
|
|
||||||
for (var wIndex = 0; wIndex < WinCount; wIndex++) {
|
|
||||||
var TabsCount = w[wIndex].tabs.length;
|
var TabsCount = w[wIndex].tabs.length;
|
||||||
for (var tabIndex = 0; tabIndex < TabsCount; tabIndex++) {
|
for (var tabIndex = 0; tabIndex < TabsCount; tabIndex++) {
|
||||||
for (var LtabIndex = 0; LtabIndex < LoadedTabsCount; LtabIndex++) {
|
for (var LtabIndex = 0; LtabIndex < LoadedTabsCount; LtabIndex++) {
|
||||||
@ -85,30 +86,35 @@ function ChromeLoadTabs(retry) {
|
|||||||
// replace active tab ids for each group using refTabs
|
// replace active tab ids for each group using refTabs
|
||||||
for (var windowId in windows) {
|
for (var windowId in windows) {
|
||||||
for (var group in windows[windowId].groups) {
|
for (var group in windows[windowId].groups) {
|
||||||
if (refTabs[windows[windowId].groups[group].activetab]) {
|
if (refTabs[windows[windowId].groups[group].active_tab]) {
|
||||||
windows[windowId].groups[group].activetab = refTabs[windows[windowId].groups[group].activetab];
|
windows[windowId].groups[group].active_tab = refTabs[windows[windowId].groups[group].active_tab];
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// will try to find tabs for 3 times
|
// will try to find tabs for 3 times
|
||||||
if (opt.skip_load == true || retry > 2 || (tabs_matched > t_count*0.5)) {
|
if (opt.skip_load == true || retry > 2 || (tabs_matched > t_count*0.5)) {
|
||||||
schedule_save++;
|
schedule_save = 1;
|
||||||
running = true;
|
running = true;
|
||||||
ChromeAutoSaveData("", 1000);
|
ChromeAutoSaveData(0, 1000);
|
||||||
ChromeAutoSaveData("_BAK1", 300000);
|
ChromeAutoSaveData(1, 300000);
|
||||||
ChromeAutoSaveData("_BAK2", 600000);
|
ChromeAutoSaveData(2, 600000);
|
||||||
ChromeAutoSaveData("_BAK3", 1800000);
|
ChromeAutoSaveData(3, 1800000);
|
||||||
ChromeListeners();
|
ChromeListeners();
|
||||||
} else {
|
} else {
|
||||||
setTimeout(function() {ChromeLoadTabs(retry+1);}, 2000);
|
setTimeout(function() {
|
||||||
|
ChromeLoadTabs(retry+1);
|
||||||
|
}, 2000);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
});
|
||||||
}
|
}
|
||||||
// You maybe are asking yourself why I save tabs in array? It's because, instead of, keeping 2 index numbers (one for browser tabs on top and one for my index in tree), it's easier to just arrange them in order and save it in localstorage.
|
// You maybe are asking yourself why I save tabs in array? It's because, instead of, keeping 2 index numbers (one for browser tabs on top and one for my index in tree), it's easier to just arrange them in order and save it in localstorage.
|
||||||
// Another reason is that Object does not preserve order in chrome, I've been told that in Firefox it is. But I can't trust that.
|
// Another reason is that Object does not preserve order in chrome, I've been told that in Firefox it is. But I can't trust that.
|
||||||
async function ChromeAutoSaveData(BackupName, LoopTimer) {
|
async function ChromeAutoSaveData(BAK, LoopTimer) {
|
||||||
setInterval(function() {
|
setInterval(function() {
|
||||||
if (schedule_save > 1 || BackupName != "") {schedule_save = 1;}
|
if (schedule_save > 1 || BAK > 0) {
|
||||||
|
schedule_save = 1;
|
||||||
|
}
|
||||||
if (running && schedule_save > 0 && Object.keys(tabs).length > 1) {
|
if (running && schedule_save > 0 && Object.keys(tabs).length > 1) {
|
||||||
chrome.windows.getAll({windowTypes: ['normal'], populate: true}, function(w) {
|
chrome.windows.getAll({windowTypes: ['normal'], populate: true}, function(w) {
|
||||||
var WinCount = w.length;
|
var WinCount = w.length;
|
||||||
@ -116,17 +122,14 @@ async function ChromeAutoSaveData(BackupName, LoopTimer) {
|
|||||||
var counter = 0;
|
var counter = 0;
|
||||||
var Windows = [];
|
var Windows = [];
|
||||||
var Tabs = [];
|
var Tabs = [];
|
||||||
|
|
||||||
for (var wIndex = 0; wIndex < WinCount; wIndex++) {
|
for (var wIndex = 0; wIndex < WinCount; wIndex++) {
|
||||||
t_count += w[wIndex].tabs.length;
|
t_count += w[wIndex].tabs.length;
|
||||||
}
|
}
|
||||||
|
|
||||||
for (var wIndex = 0; wIndex < WinCount; wIndex++) {
|
for (var wIndex = 0; wIndex < WinCount; wIndex++) {
|
||||||
let winId = w[wIndex].id;
|
let winId = w[wIndex].id;
|
||||||
if (windows[winId] != undefined && windows[winId].group_bar != undefined && windows[winId].search_filter != undefined && windows[winId].active_shelf != undefined && windows[winId].active_group != undefined && windows[winId].groups != undefined && windows[winId].folders != undefined) {
|
if (windows[winId] != undefined && windows[winId].group_bar != undefined && windows[winId].search_filter != undefined && windows[winId].active_shelf != undefined && windows[winId].active_group != undefined && windows[winId].groups != undefined && windows[winId].folders != undefined) {
|
||||||
Windows.push({url1: w[wIndex].tabs[0].url, url2: w[wIndex].tabs[w[wIndex].tabs.length-1].url, group_bar: windows[winId].group_bar, search_filter: windows[winId].search_filter, active_shelf: windows[winId].active_shelf, active_group: windows[winId].active_group, groups: windows[winId].groups, folders: windows[winId].folders});
|
Windows.push({url1: w[wIndex].tabs[0].url, url2: w[wIndex].tabs[w[wIndex].tabs.length-1].url, group_bar: windows[winId].group_bar, search_filter: windows[winId].search_filter, active_shelf: windows[winId].active_shelf, active_group: windows[winId].active_group, groups: windows[winId].groups, folders: windows[winId].folders});
|
||||||
}
|
}
|
||||||
|
|
||||||
let TabsCount = w[wIndex].tabs.length;
|
let TabsCount = w[wIndex].tabs.length;
|
||||||
for (var tabIndex = 0; tabIndex < TabsCount; tabIndex++) {
|
for (var tabIndex = 0; tabIndex < TabsCount; tabIndex++) {
|
||||||
let tabId = w[wIndex].tabs[tabIndex].id;
|
let tabId = w[wIndex].tabs[tabIndex].id;
|
||||||
@ -136,10 +139,28 @@ async function ChromeAutoSaveData(BackupName, LoopTimer) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
if (counter == t_count) {
|
if (counter == t_count) {
|
||||||
localStorage["t_count"] = JSON.stringify(t_count);
|
chrome.storage.local.set({t_count: t_count});
|
||||||
localStorage["w_count"] = JSON.stringify(WinCount);
|
chrome.storage.local.set({w_count: WinCount});
|
||||||
localStorage["windows"+BackupName] = JSON.stringify(Windows);
|
|
||||||
localStorage["tabs"+BackupName] = JSON.stringify(Tabs);
|
if (BAK == 0) {
|
||||||
|
chrome.storage.local.set({windows: Windows});
|
||||||
|
chrome.storage.local.set({tabs: Tabs});
|
||||||
|
}
|
||||||
|
if (BAK == 1) {
|
||||||
|
chrome.storage.local.set({windows_BAK1: Windows});
|
||||||
|
chrome.storage.local.set({tabs_BAK1: Tabs});
|
||||||
|
chrome.runtime.sendMessage({command: "backup_available", bak: 1});
|
||||||
|
}
|
||||||
|
if (BAK == 2) {
|
||||||
|
chrome.storage.local.set({windows_BAK2: Windows});
|
||||||
|
chrome.storage.local.set({tabs_BAK2: Tabs});
|
||||||
|
chrome.runtime.sendMessage({command: "backup_available", bak: 2});
|
||||||
|
}
|
||||||
|
if (BAK == 3) {
|
||||||
|
chrome.storage.local.set({windows_BAK3: Windows});
|
||||||
|
chrome.storage.local.set({tabs_BAK3: Tabs});
|
||||||
|
chrome.runtime.sendMessage({command: "backup_available", bak: 3});
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
schedule_save--;
|
schedule_save--;
|
||||||
@ -157,43 +178,34 @@ function ChromeHashURL(tab){
|
|||||||
}
|
}
|
||||||
tabs[tab.id].hash = hash;
|
tabs[tab.id].hash = hash;
|
||||||
}
|
}
|
||||||
|
|
||||||
function ReplaceParents(oldTabId, newTabId) {
|
function ReplaceParents(oldTabId, newTabId) {
|
||||||
for (var tabId in tabs) {
|
for (var tabId in tabs) {
|
||||||
if (tabs[tabId].parent == oldTabId) {
|
if (tabs[tabId].parent == oldTabId) {
|
||||||
tabs[tabId].parent = newTabId;
|
tabs[tabId].parent = newTabId;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// TO DO FOLDERS
|
|
||||||
}
|
}
|
||||||
|
function ChromeListeners() { // start all listeners
|
||||||
// start all listeners
|
|
||||||
function ChromeListeners() {
|
|
||||||
chrome.tabs.onCreated.addListener(function(tab) {
|
chrome.tabs.onCreated.addListener(function(tab) {
|
||||||
ChromeHashURL(tab);
|
ChromeHashURL(tab);
|
||||||
chrome.runtime.sendMessage({command: "tab_created", windowId: tab.windowId, tab: tab, tabId: tab.id});
|
chrome.runtime.sendMessage({command: "tab_created", windowId: tab.windowId, tab: tab, tabId: tab.id});
|
||||||
schedule_save++;
|
schedule_save++;
|
||||||
});
|
});
|
||||||
|
|
||||||
chrome.tabs.onRemoved.addListener(function(tabId, removeInfo) {
|
chrome.tabs.onRemoved.addListener(function(tabId, removeInfo) {
|
||||||
setTimeout(function() { chrome.runtime.sendMessage({command: "tab_removed", windowId: removeInfo.windowId, tabId: tabId}); },5);
|
setTimeout(function() { chrome.runtime.sendMessage({command: "tab_removed", windowId: removeInfo.windowId, tabId: tabId}); },5);
|
||||||
delete tabs[tabId];
|
delete tabs[tabId];
|
||||||
schedule_save++;
|
schedule_save++;
|
||||||
});
|
});
|
||||||
|
|
||||||
chrome.tabs.onAttached.addListener(function(tabId, attachInfo) {
|
chrome.tabs.onAttached.addListener(function(tabId, attachInfo) {
|
||||||
chrome.tabs.get(tabId, function(tab) {
|
chrome.tabs.get(tabId, function(tab) {
|
||||||
chrome.runtime.sendMessage({command: "tab_attached", windowId: attachInfo.newWindowId, tab: tab, tabId: tabId, ParentId: tabs[tabId].parent});
|
chrome.runtime.sendMessage({command: "tab_attached", windowId: attachInfo.newWindowId, tab: tab, tabId: tabId, ParentId: tabs[tabId].parent});
|
||||||
});
|
});
|
||||||
schedule_save++;
|
schedule_save++;
|
||||||
});
|
});
|
||||||
|
|
||||||
chrome.tabs.onDetached.addListener(function(tabId, detachInfo) {
|
chrome.tabs.onDetached.addListener(function(tabId, detachInfo) {
|
||||||
chrome.runtime.sendMessage({command: "tab_detached", windowId: detachInfo.oldWindowId, tabId: tabId});
|
chrome.runtime.sendMessage({command: "tab_detached", windowId: detachInfo.oldWindowId, tabId: tabId});
|
||||||
schedule_save++;
|
schedule_save++;
|
||||||
});
|
});
|
||||||
|
|
||||||
chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
|
chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
|
||||||
if (tabs[tabId] == undefined || changeInfo.url != undefined) {
|
if (tabs[tabId] == undefined || changeInfo.url != undefined) {
|
||||||
ChromeHashURL(tab);
|
ChromeHashURL(tab);
|
||||||
@ -209,11 +221,9 @@ function ChromeListeners() {
|
|||||||
}
|
}
|
||||||
chrome.runtime.sendMessage({command: "tab_updated", windowId: tab.windowId, tab: tab, tabId: tabId, changeInfo: changeInfo});
|
chrome.runtime.sendMessage({command: "tab_updated", windowId: tab.windowId, tab: tab, tabId: tabId, changeInfo: changeInfo});
|
||||||
});
|
});
|
||||||
|
|
||||||
chrome.tabs.onMoved.addListener(function(tabId, moveInfo) {
|
chrome.tabs.onMoved.addListener(function(tabId, moveInfo) {
|
||||||
schedule_save++;
|
schedule_save++;
|
||||||
});
|
});
|
||||||
|
|
||||||
chrome.tabs.onReplaced.addListener(function(addedTabId, removedTabId) {
|
chrome.tabs.onReplaced.addListener(function(addedTabId, removedTabId) {
|
||||||
chrome.tabs.get(addedTabId, function(tab) {
|
chrome.tabs.get(addedTabId, function(tab) {
|
||||||
if (addedTabId == removedTabId) {
|
if (addedTabId == removedTabId) {
|
||||||
@ -232,35 +242,48 @@ function ChromeListeners() {
|
|||||||
schedule_save++;
|
schedule_save++;
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
chrome.tabs.onActivated.addListener(function(activeInfo) {
|
chrome.tabs.onActivated.addListener(function(activeInfo) {
|
||||||
chrome.runtime.sendMessage({command: "tab_activated", windowId: activeInfo.windowId, tabId: activeInfo.tabId});
|
chrome.runtime.sendMessage({command: "tab_activated", windowId: activeInfo.windowId, tabId: activeInfo.tabId});
|
||||||
});
|
});
|
||||||
|
|
||||||
chrome.windows.onCreated.addListener(function(window) {
|
chrome.windows.onCreated.addListener(function(window) {
|
||||||
windows[window.id] = {group_bar: opt.groups_toolbar_default, search_filter: "url", active_shelf: "", active_group: "tab_list", groups: {tab_list: {id: "tab_list", index: 0, activetab: 0, name: caption_ungrouped_group, font: ""}}, folders: {}};
|
windows[window.id] = {group_bar: opt.groups_toolbar_default, search_filter: "url", active_shelf: "", active_group: "tab_list", groups: {tab_list: {id: "tab_list", index: 0, active_tab: 0, name: caption_ungrouped_group, font: ""}}, folders: {}};
|
||||||
schedule_save++;
|
schedule_save++;
|
||||||
});
|
});
|
||||||
|
|
||||||
chrome.windows.onRemoved.addListener(function(windowId) {
|
chrome.windows.onRemoved.addListener(function(windowId) {
|
||||||
delete windows[windowId];
|
delete windows[windowId];
|
||||||
schedule_save++;
|
schedule_save++;
|
||||||
});
|
});
|
||||||
|
|
||||||
chrome.runtime.onSuspend.addListener(function() {
|
chrome.runtime.onSuspend.addListener(function() {
|
||||||
running = false;
|
running = false;
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
function ChromeMessageListeners() {
|
function ChromeMessageListeners() {
|
||||||
chrome.runtime.onMessage.addListener(function(message, sender, sendResponse) {
|
chrome.runtime.onMessage.addListener(function(message, sender, sendResponse) {
|
||||||
|
log("message to background: ");
|
||||||
|
log(message);
|
||||||
switch(message.command) {
|
switch(message.command) {
|
||||||
case "reload":
|
case "reload":
|
||||||
window.location.reload();
|
window.location.reload();
|
||||||
break;
|
break;
|
||||||
|
case "get_preferences":
|
||||||
|
sendResponse(opt);
|
||||||
|
break;
|
||||||
|
case "save_preferences":
|
||||||
|
opt = Object.assign({}, message.opt);
|
||||||
|
chrome.storage.local.set({preferences: message.opt});
|
||||||
|
break;
|
||||||
case "get_windows":
|
case "get_windows":
|
||||||
sendResponse(windows);
|
sendResponse(windows);
|
||||||
break;
|
break;
|
||||||
|
case "get_folders":
|
||||||
|
if (windows[message.windowId]) {
|
||||||
|
sendResponse(windows[message.windowId].folders);
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
case "save_folders":
|
||||||
|
windows[message.windowId].folders = Object.assign({}, message.folders);
|
||||||
|
schedule_save++;
|
||||||
|
break;
|
||||||
case "get_groups":
|
case "get_groups":
|
||||||
if (windows[message.windowId]) {
|
if (windows[message.windowId]) {
|
||||||
sendResponse(windows[message.windowId].groups);
|
sendResponse(windows[message.windowId].groups);
|
||||||
@ -270,7 +293,6 @@ function ChromeMessageListeners() {
|
|||||||
windows[message.windowId].groups = Object.assign({}, message.groups);
|
windows[message.windowId].groups = Object.assign({}, message.groups);
|
||||||
schedule_save++;
|
schedule_save++;
|
||||||
break;
|
break;
|
||||||
|
|
||||||
case "set_active_group":
|
case "set_active_group":
|
||||||
windows[message.windowId].active_group = message.active_group;
|
windows[message.windowId].active_group = message.active_group;
|
||||||
schedule_save++;
|
schedule_save++;
|
||||||
@ -280,11 +302,6 @@ function ChromeMessageListeners() {
|
|||||||
sendResponse(windows[message.windowId].active_group);
|
sendResponse(windows[message.windowId].active_group);
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
case "set_search_filter":
|
case "set_search_filter":
|
||||||
windows[message.windowId].search_filter = message.search_filter;
|
windows[message.windowId].search_filter = message.search_filter;
|
||||||
schedule_save++;
|
schedule_save++;
|
||||||
@ -294,10 +311,6 @@ function ChromeMessageListeners() {
|
|||||||
sendResponse(windows[message.windowId].search_filter);
|
sendResponse(windows[message.windowId].search_filter);
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
case "set_active_shelf":
|
case "set_active_shelf":
|
||||||
windows[message.windowId].active_shelf = message.active_shelf;
|
windows[message.windowId].active_shelf = message.active_shelf;
|
||||||
schedule_save++;
|
schedule_save++;
|
||||||
@ -316,13 +329,13 @@ function ChromeMessageListeners() {
|
|||||||
sendResponse(windows[message.windowId].group_bar);
|
sendResponse(windows[message.windowId].group_bar);
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
case "console_log":
|
// case "console_log":
|
||||||
console.log(message.m);
|
// console.log(message.m);
|
||||||
break;
|
// break;
|
||||||
case "get_browser_tabs":
|
case "get_browser_tabs":
|
||||||
sendResponse(tabs);
|
sendResponse(tabs);
|
||||||
break;
|
break;
|
||||||
case "is_bg_running":
|
case "is_bg_ready":
|
||||||
sendResponse(running);
|
sendResponse(running);
|
||||||
break;
|
break;
|
||||||
case "update_tab":
|
case "update_tab":
|
||||||
@ -334,9 +347,11 @@ function ChromeMessageListeners() {
|
|||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
case "get_theme":
|
case "get_theme":
|
||||||
let theme = LoadData(("theme"+localStorage["current_theme"]), {"TabsSizeSetNumber": 2, "ToolbarShow": true, "toolbar": DefaultToolbar});
|
|
||||||
sendResponse(theme);
|
sendResponse(theme);
|
||||||
break;
|
break;
|
||||||
|
case "reload_theme":
|
||||||
|
GetCurrentTheme();
|
||||||
|
break;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
191
bg_ff.js
191
bg_ff.js
@ -3,42 +3,29 @@
|
|||||||
// that can be found at https://creativecommons.org/licenses/by-nc-nd/4.0/
|
// that can be found at https://creativecommons.org/licenses/by-nc-nd/4.0/
|
||||||
|
|
||||||
if (browserId == "F") {
|
if (browserId == "F") {
|
||||||
|
ConvertLegacyStorage();
|
||||||
|
FirefoxStart(0);
|
||||||
LoadPreferences();
|
LoadPreferences();
|
||||||
FirefoxStart();
|
GetCurrentTheme();
|
||||||
FirefoxMessageListeners();
|
FirefoxMessageListeners();
|
||||||
}
|
}
|
||||||
|
function FirefoxStart(retry) {
|
||||||
|
chrome.windows.getAll({windowTypes: ["normal"], populate: true}, function(w) {
|
||||||
function FirefoxStart() {
|
|
||||||
var SafeToRun = true;
|
|
||||||
chrome.tabs.query({}, function(t) {
|
|
||||||
// will loop forever if session restore tab is found
|
|
||||||
for (var tabIndex = 0; tabIndex < t.length; tabIndex++) {
|
|
||||||
if (t[tabIndex].url.match("about:sessionrestore") && t.length < 10) {
|
|
||||||
SafeToRun = false;
|
|
||||||
chrome.tabs.update(t[tabIndex].id, { active: true });
|
|
||||||
}
|
|
||||||
if (tabIndex == t.length-1) {
|
|
||||||
if (SafeToRun) {
|
|
||||||
if (localStorage.getItem("t0") !== null){
|
|
||||||
LoadV015(0);
|
|
||||||
} else {
|
|
||||||
if (localStorage.getItem("tabs") !== null){
|
|
||||||
FirefoxLoadV100(0);
|
|
||||||
} else {
|
|
||||||
FirefoxLoadTabs(0);
|
FirefoxLoadTabs(0);
|
||||||
}
|
if (w[0].tabs.length == 1 && (w[0].tabs[0].url == "about:blank" || w[0].tabs[0].url == "about:sessionrestore")) {
|
||||||
}
|
|
||||||
} else {
|
|
||||||
setTimeout(function() {
|
setTimeout(function() {
|
||||||
FirefoxStart();
|
FirefoxStart(retry+1);
|
||||||
}, 1000);
|
}, 2000);
|
||||||
}
|
} else {
|
||||||
|
if (retry > 0) {
|
||||||
|
chrome.runtime.sendMessage({command: "reload_sidebar"});
|
||||||
}
|
}
|
||||||
|
setTimeout(function() {
|
||||||
|
schedule_save = 0;
|
||||||
|
}, 2000);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
function FirefoxLoadTabs(retry) {
|
function FirefoxLoadTabs(retry) {
|
||||||
chrome.windows.getAll({windowTypes: ["normal"], populate: true}, function(w) {
|
chrome.windows.getAll({windowTypes: ["normal"], populate: true}, function(w) {
|
||||||
var tt_ids = {};
|
var tt_ids = {};
|
||||||
@ -47,12 +34,10 @@ function FirefoxLoadTabs(retry) {
|
|||||||
for (var wIndex = 0; wIndex < w.length; wIndex++) {
|
for (var wIndex = 0; wIndex < w.length; wIndex++) {
|
||||||
tabs_count += w[wIndex].tabs.length;
|
tabs_count += w[wIndex].tabs.length;
|
||||||
}
|
}
|
||||||
|
|
||||||
// CACHED COUNTS AND STUFF
|
// CACHED COUNTS AND STUFF
|
||||||
var lastWinId = w[w.length-1].id;
|
var lastWinId = w[w.length-1].id;
|
||||||
var lastTabId = w[w.length-1].tabs[w[w.length-1].tabs.length-1].id;
|
var lastTabId = w[w.length-1].tabs[w[w.length-1].tabs.length-1].id;
|
||||||
var WinCount = w.length;
|
var WinCount = w.length;
|
||||||
|
|
||||||
for (var wIndex = 0; wIndex < WinCount; wIndex++) {
|
for (var wIndex = 0; wIndex < WinCount; wIndex++) {
|
||||||
let winIndex = wIndex;
|
let winIndex = wIndex;
|
||||||
let winId = w[winIndex].id;
|
let winId = w[winIndex].id;
|
||||||
@ -60,18 +45,15 @@ function FirefoxLoadTabs(retry) {
|
|||||||
|
|
||||||
// LOAD TTID FROM FIREFOX GET WINDOW VALUE
|
// LOAD TTID FROM FIREFOX GET WINDOW VALUE
|
||||||
let win = Promise.resolve(browser.sessions.getWindowValue(winId, "TTdata")).then(function(WindowData) {
|
let win = Promise.resolve(browser.sessions.getWindowValue(winId, "TTdata")).then(function(WindowData) {
|
||||||
|
|
||||||
if (opt.skip_load == false && WindowData != undefined) {
|
if (opt.skip_load == false && WindowData != undefined) {
|
||||||
windows[winId] = Object.assign({}, WindowData);
|
windows[winId] = Object.assign({}, WindowData);
|
||||||
} else {
|
} else {
|
||||||
windows[winId] = {ttid: "", group_bar: opt.groups_toolbar_default, search_filter: "url", active_shelf: "", active_group: "tab_list", groups: {tab_list: {id: "tab_list", index: 0, activetab: 0, activetab_ttid: "", name: caption_ungrouped_group, font: ""}}, folders: {}};
|
windows[winId] = {ttid: "", group_bar: opt.groups_toolbar_default, search_filter: "url", active_shelf: "", active_group: "tab_list", groups: {tab_list: {id: "tab_list", index: 0, active_tab: 0, active_tab_ttid: "", name: caption_ungrouped_group, font: ""}}, folders: {}};
|
||||||
}
|
}
|
||||||
|
|
||||||
for (var tIndex = 0; tIndex < tabsCount; tIndex++) {
|
for (var tIndex = 0; tIndex < tabsCount; tIndex++) {
|
||||||
let tabIndex = tIndex;
|
let tabIndex = tIndex;
|
||||||
let tabId = w[winIndex].tabs[tabIndex].id;
|
let tabId = w[winIndex].tabs[tabIndex].id;
|
||||||
let tabPinned = w[winIndex].tabs[tabIndex].pinned;
|
let tabPinned = w[winIndex].tabs[tabIndex].pinned;
|
||||||
|
|
||||||
// LOAD TTID FROM FIREFOX GET TAB VALUE
|
// LOAD TTID FROM FIREFOX GET TAB VALUE
|
||||||
let tab = Promise.resolve(browser.sessions.getTabValue(tabId, "TTdata")).then(function(TabData) {
|
let tab = Promise.resolve(browser.sessions.getTabValue(tabId, "TTdata")).then(function(TabData) {
|
||||||
if (opt.skip_load == false && TabData != undefined) {
|
if (opt.skip_load == false && TabData != undefined) {
|
||||||
@ -81,7 +63,6 @@ function FirefoxLoadTabs(retry) {
|
|||||||
} else {
|
} else {
|
||||||
tabs[tabId] = {ttid: "", parent_ttid: "", parent: tabPinned ? "pin_list" : "tab_list", index: tabIndex, expand: "n"};
|
tabs[tabId] = {ttid: "", parent_ttid: "", parent: tabPinned ? "pin_list" : "tab_list", index: tabIndex, expand: "n"};
|
||||||
}
|
}
|
||||||
|
|
||||||
// IF ON LAST TAB AND LAST WINDOW, START MATCHING LOADED DATA
|
// IF ON LAST TAB AND LAST WINDOW, START MATCHING LOADED DATA
|
||||||
if (tabId == lastTabId && winId == lastWinId) {
|
if (tabId == lastTabId && winId == lastWinId) {
|
||||||
for (var ThisSessonWinId in windows) {
|
for (var ThisSessonWinId in windows) {
|
||||||
@ -101,28 +82,26 @@ function FirefoxLoadTabs(retry) {
|
|||||||
tabs[ThisSessonTabId].parent = tt_ids[tabs[ThisSessonTabId].parent_ttid];
|
tabs[ThisSessonTabId].parent = tt_ids[tabs[ThisSessonTabId].parent_ttid];
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// OK, SAME THING FOR ACTIVE TABS IN GROUPS
|
// OK, SAME THING FOR ACTIVE TABS IN GROUPS
|
||||||
for (var ThisSessonWinId in windows) {
|
for (var ThisSessonWinId in windows) {
|
||||||
for (var group in windows[ThisSessonWinId].groups) {
|
for (var group in windows[ThisSessonWinId].groups) {
|
||||||
if (tt_ids[windows[ThisSessonWinId].groups[group].activetab_ttid] != undefined) {
|
if (tt_ids[windows[ThisSessonWinId].groups[group].active_tab_ttid] != undefined) {
|
||||||
windows[ThisSessonWinId].groups[group].activetab = tt_ids[windows[ThisSessonWinId].groups[group].activetab_ttid];
|
windows[ThisSessonWinId].groups[group].active_tab = tt_ids[windows[ThisSessonWinId].groups[group].active_tab_ttid];
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// TODO
|
|
||||||
// replace parent tab ids for each folder using reference_tabs, unless tabs will be nested ONLY in tabs and folders ONLY in folders, I did not decide yet
|
|
||||||
|
|
||||||
// will try to find tabs for 3 times
|
// will try to find tabs for 3 times
|
||||||
if (opt.skip_load == true || retry > 2 || (tabs_matched > tabs_count*0.5)) {
|
if (opt.skip_load == true || retry > 2 || (tabs_matched > tabs_count*0.5)) {
|
||||||
running = true;
|
running = true;
|
||||||
|
// setInterval(function() {
|
||||||
FirefoxAutoSaveData();
|
FirefoxAutoSaveData();
|
||||||
|
// }, 10000);
|
||||||
FirefoxListeners();
|
FirefoxListeners();
|
||||||
} else {
|
} else {
|
||||||
setTimeout(function() {FirefoxLoadTabs(retry+1);}, 2000);
|
setTimeout(function() {
|
||||||
|
FirefoxLoadTabs(retry+1);
|
||||||
|
}, 2000);
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@ -130,11 +109,12 @@ function FirefoxLoadTabs(retry) {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// save every second if there is anything to save obviously
|
// save every second if there is anything to save obviously
|
||||||
async function FirefoxAutoSaveData() {
|
async function FirefoxAutoSaveData() {
|
||||||
setInterval(function() {
|
setInterval(function() {
|
||||||
if (schedule_save > 1) {schedule_save = 1;}
|
if (schedule_save > 1) {
|
||||||
|
schedule_save = 1;
|
||||||
|
}
|
||||||
if (running && schedule_save > 0 && Object.keys(tabs).length > 1) {
|
if (running && schedule_save > 0 && Object.keys(tabs).length > 1) {
|
||||||
chrome.windows.getAll({windowTypes: ['normal'], populate: true}, function(w) {
|
chrome.windows.getAll({windowTypes: ['normal'], populate: true}, function(w) {
|
||||||
var WinCount = w.length;
|
var WinCount = w.length;
|
||||||
@ -156,7 +136,6 @@ async function FirefoxAutoSaveData() {
|
|||||||
}
|
}
|
||||||
}, 1000);
|
}, 1000);
|
||||||
}
|
}
|
||||||
|
|
||||||
function GenerateNewWindowID() {
|
function GenerateNewWindowID() {
|
||||||
var newID = "w_"+GenerateRandomID();
|
var newID = "w_"+GenerateRandomID();
|
||||||
var newIdAvailable = true;
|
var newIdAvailable = true;
|
||||||
@ -171,7 +150,6 @@ function GenerateNewWindowID(){
|
|||||||
GenerateNewWindowID();
|
GenerateNewWindowID();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function GenerateNewTabID() {
|
function GenerateNewTabID() {
|
||||||
var newID = "t_"+GenerateRandomID();
|
var newID = "t_"+GenerateRandomID();
|
||||||
var newIdAvailable = true;
|
var newIdAvailable = true;
|
||||||
@ -186,7 +164,6 @@ function GenerateNewTabID(){
|
|||||||
GenerateNewTabID();
|
GenerateNewTabID();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function AppendTabTTId(tabId) {
|
function AppendTabTTId(tabId) {
|
||||||
let NewTTTabId = GenerateNewTabID();
|
let NewTTTabId = GenerateNewTabID();
|
||||||
if (tabs[tabId] != undefined) {
|
if (tabs[tabId] != undefined) {
|
||||||
@ -194,7 +171,7 @@ function AppendTabTTId(tabId){
|
|||||||
} else {
|
} else {
|
||||||
tabs[tabId] = {ttid: NewTTTabId, parent: "tab_list", parent_ttid: "", index: 0, expand: "n"};
|
tabs[tabId] = {ttid: NewTTTabId, parent: "tab_list", parent_ttid: "", index: 0, expand: "n"};
|
||||||
}
|
}
|
||||||
browser.sessions.setTabValue( tabId, "TTdata", tabs[tabId] );
|
// if (schedule_save > 0) browser.sessions.setTabValue( tabId, "TTdata", tabs[tabId] );
|
||||||
}
|
}
|
||||||
|
|
||||||
function AppendWinTTId(windowId) {
|
function AppendWinTTId(windowId) {
|
||||||
@ -202,81 +179,70 @@ function AppendWinTTId(windowId){
|
|||||||
if (windows[windowId] != undefined) {
|
if (windows[windowId] != undefined) {
|
||||||
windows[windowId].ttid = NewTTWindowId;
|
windows[windowId].ttid = NewTTWindowId;
|
||||||
} else {
|
} else {
|
||||||
windows[windowId] = {ttid: NewTTWindowId, group_bar: opt.groups_toolbar_default, search_filter: "url", active_shelf: "", active_group: "tab_list", groups: {tab_list: {id: "tab_list", index: 0, activetab: 0, activetab_ttid: "", name: caption_ungrouped_group, font: ""}}, folders: {}};
|
windows[windowId] = {ttid: NewTTWindowId, group_bar: opt.groups_toolbar_default, search_filter: "url", active_shelf: "", active_group: "tab_list", groups: {tab_list: {id: "tab_list", index: 0, active_tab: 0, active_tab_ttid: "", name: caption_ungrouped_group, font: ""}}, folders: {}};
|
||||||
}
|
}
|
||||||
browser.sessions.setWindowValue( windowId, "TTdata", windows[windowId] );
|
// if (schedule_save > 0) browser.sessions.setWindowValue( windowId, "TTdata", windows[windowId] );
|
||||||
}
|
}
|
||||||
|
|
||||||
function ReplaceParents(oldTabId, newTabId) {
|
function ReplaceParents(oldTabId, newTabId) {
|
||||||
for (var tabId in tabs) {
|
for (var tabId in tabs) {
|
||||||
if (tabs[tabId].parent == oldTabId) {
|
if (tabs[tabId].parent == oldTabId) {
|
||||||
console.log("replaced tab id "+oldTabId+" with "+newTabId);
|
|
||||||
tabs[tabId].parent = newTabId;
|
tabs[tabId].parent = newTabId;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// TO DO FOLDERS
|
|
||||||
}
|
}
|
||||||
|
|
||||||
var DETACHED_TABS___Bug1398272___WTF_ARE_YOU_DOING_MOZILLA = {};
|
var DETACHED_TABS___Bug1398272___WTF_ARE_YOU_DOING_MOZILLA = {};
|
||||||
|
|
||||||
// start all listeners
|
// start all listeners
|
||||||
function FirefoxListeners() {
|
function FirefoxListeners() {
|
||||||
|
|
||||||
// browser.commands.onCommand.addListener(function(command) {
|
|
||||||
// if (command == "open_sidebar") {
|
|
||||||
// browser.sidebarAction.setPanel({panel: (browser.extension.getURL("/sidebar.html")) });
|
|
||||||
// browser.sidebarAction.open();
|
|
||||||
// }
|
|
||||||
// chrome.windows.getLastFocused({windowTypes: ["normal"]}, function(window) {
|
|
||||||
// if (CurrentWindowId == window.id) {
|
|
||||||
// if (command == "open_sidebar") {
|
|
||||||
// ActivatePrevTab();
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
// });
|
|
||||||
// });
|
|
||||||
|
|
||||||
browser.browserAction.onClicked.addListener(function() {
|
browser.browserAction.onClicked.addListener(function() {
|
||||||
browser.sidebarAction.setPanel({panel: (browser.extension.getURL("/sidebar.html")) });
|
browser.sidebarAction.setPanel({panel: (browser.extension.getURL("/sidebar.html")) });
|
||||||
browser.sidebarAction.open();
|
browser.sidebarAction.open();
|
||||||
});
|
});
|
||||||
|
|
||||||
chrome.tabs.onCreated.addListener(function(tab) {
|
chrome.tabs.onCreated.addListener(function(tab) {
|
||||||
|
let t = Promise.resolve(browser.sessions.getTabValue(tab.id, "TTdata")).then(function(TabData) {
|
||||||
|
if (TabData != undefined) {
|
||||||
|
tabs[tab.id] = Object.assign({}, TabData);
|
||||||
|
} else {
|
||||||
AppendTabTTId(tab.id);
|
AppendTabTTId(tab.id);
|
||||||
|
}
|
||||||
|
schedule_save++;
|
||||||
|
});
|
||||||
chrome.runtime.sendMessage({command: "tab_created", windowId: tab.windowId, tab: tab, tabId: tab.id});
|
chrome.runtime.sendMessage({command: "tab_created", windowId: tab.windowId, tab: tab, tabId: tab.id});
|
||||||
schedule_save++;
|
schedule_save++;
|
||||||
});
|
});
|
||||||
|
|
||||||
chrome.tabs.onAttached.addListener(function(tabId, attachInfo) {
|
chrome.tabs.onAttached.addListener(function(tabId, attachInfo) {
|
||||||
chrome.tabs.get(tabId, function(tab) {
|
let oldId = tabId;
|
||||||
ReplaceParents(tabId, tab.id);
|
chrome.tabs.get(oldId, function(tab) {
|
||||||
DETACHED_TABS___Bug1398272___WTF_ARE_YOU_DOING_MOZILLA[tabId] = tab.id;
|
ReplaceParents(oldId, tab.id);
|
||||||
tabs[tab.id] = tabs[tabId];
|
tabs[tab.id] = tabs[oldId];
|
||||||
AppendTabTTId(tab.id);
|
DETACHED_TABS___Bug1398272___WTF_ARE_YOU_DOING_MOZILLA[oldId] = tab.id;
|
||||||
// let ParentId = DETACHED_TABS___Bug1398272___WTF_ARE_YOU_DOING_MOZILLA[tabs[tabId].parent] ? DETACHED_TABS___Bug1398272___WTF_ARE_YOU_DOING_MOZILLA[tabs[tabId].parent] : tabs[tabId].parent;
|
DETACHED_TABS___Bug1398272___WTF_ARE_YOU_DOING_MOZILLA[tab.id] = oldId;
|
||||||
// chrome.runtime.sendMessage({command: "tab_attached", windowId: attachInfo.newWindowId, tab: tab, tabId: tabId, ParentId: ParentId});
|
browser.sessions.setTabValue( tab.id, "TTdata", tabs[oldId] );
|
||||||
chrome.runtime.sendMessage({command: "tab_attached", windowId: attachInfo.newWindowId, tab: tab, tabId: tabId, ParentId: tabs[tabId].parent});
|
chrome.runtime.sendMessage({command: "tab_attached", windowId: attachInfo.newWindowId, tab: tab, tabId: tab.id, ParentId: tabs[tab.id].parent});
|
||||||
schedule_save++;
|
schedule_save++;
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
chrome.tabs.onDetached.addListener(function(tabId, detachInfo) {
|
chrome.tabs.onDetached.addListener(function(tabId, detachInfo) {
|
||||||
|
chrome.runtime.sendMessage({command: "tab_detached", windowId: detachInfo.oldWindowId, tabId: tabId});
|
||||||
let detachTabId = tabId;
|
let detachTabId = tabId;
|
||||||
if (DETACHED_TABS___Bug1398272___WTF_ARE_YOU_DOING_MOZILLA[tabId] != undefined) {
|
if (DETACHED_TABS___Bug1398272___WTF_ARE_YOU_DOING_MOZILLA[tabId] != undefined) {
|
||||||
detachTabId = DETACHED_TABS___Bug1398272___WTF_ARE_YOU_DOING_MOZILLA[tabId];
|
detachTabId = DETACHED_TABS___Bug1398272___WTF_ARE_YOU_DOING_MOZILLA[tabId];
|
||||||
setTimeout(function() {
|
chrome.runtime.sendMessage({command: "tab_detached", windowId: detachInfo.oldWindowId, tabId: DETACHED_TABS___Bug1398272___WTF_ARE_YOU_DOING_MOZILLA[tabId]});
|
||||||
delete DETACHED_TABS___Bug1398272___WTF_ARE_YOU_DOING_MOZILLA[tabId];
|
|
||||||
},2000);
|
|
||||||
}
|
}
|
||||||
chrome.runtime.sendMessage({command: "tab_detached", windowId: detachInfo.oldWindowId, tabId: detachTabId});
|
|
||||||
});
|
});
|
||||||
|
|
||||||
chrome.tabs.onRemoved.addListener(function(tabId, removeInfo) {
|
chrome.tabs.onRemoved.addListener(function(tabId, removeInfo) {
|
||||||
setTimeout(function() { chrome.runtime.sendMessage({command: "tab_removed", windowId: removeInfo.windowId, tabId: tabId}); },5);
|
setTimeout(function() {
|
||||||
delete tabs[tabId];
|
if (DETACHED_TABS___Bug1398272___WTF_ARE_YOU_DOING_MOZILLA[tabId] != undefined) {
|
||||||
|
chrome.runtime.sendMessage({command: "tab_removed", windowId: removeInfo.windowId, tabId: DETACHED_TABS___Bug1398272___WTF_ARE_YOU_DOING_MOZILLA[tabId]});
|
||||||
|
}
|
||||||
|
chrome.runtime.sendMessage({command: "tab_removed", windowId: removeInfo.windowId, tabId: tabId});
|
||||||
|
}, 5);
|
||||||
|
// setTimeout(function() {
|
||||||
|
// delete tabs[tabId];
|
||||||
|
// },60000);
|
||||||
schedule_save++;
|
schedule_save++;
|
||||||
});
|
});
|
||||||
|
|
||||||
chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
|
chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
|
||||||
if (changeInfo.pinned == true) {
|
if (changeInfo.pinned == true) {
|
||||||
tabs[tabId].parent = "pin_list";
|
tabs[tabId].parent = "pin_list";
|
||||||
@ -288,7 +254,6 @@ function FirefoxListeners() {
|
|||||||
}
|
}
|
||||||
chrome.runtime.sendMessage({command: "tab_updated", windowId: tab.windowId, tab: tab, tabId: tabId, changeInfo: changeInfo});
|
chrome.runtime.sendMessage({command: "tab_updated", windowId: tab.windowId, tab: tab, tabId: tabId, changeInfo: changeInfo});
|
||||||
});
|
});
|
||||||
|
|
||||||
chrome.tabs.onReplaced.addListener(function(addedTabId, removedTabId) {
|
chrome.tabs.onReplaced.addListener(function(addedTabId, removedTabId) {
|
||||||
chrome.tabs.get(addedTabId, function(tab) {
|
chrome.tabs.get(addedTabId, function(tab) {
|
||||||
if (addedTabId == removedTabId) {
|
if (addedTabId == removedTabId) {
|
||||||
@ -300,7 +265,7 @@ function FirefoxListeners() {
|
|||||||
ReplaceParents(tabId, tab.id);
|
ReplaceParents(tabId, tab.id);
|
||||||
chrome.runtime.sendMessage({command: "tab_removed", windowId: tab.windowId, tabId: removedTabId});
|
chrome.runtime.sendMessage({command: "tab_removed", windowId: tab.windowId, tabId: removedTabId});
|
||||||
chrome.runtime.sendMessage({command: "tab_attached", windowId: tab.windowId, tab: tab, tabId: addedTabId, ParentId: tabs[addedTabId].parent});
|
chrome.runtime.sendMessage({command: "tab_attached", windowId: tab.windowId, tab: tab, tabId: addedTabId, ParentId: tabs[addedTabId].parent});
|
||||||
delete tabs[removedTabId];
|
// delete tabs[removedTabId];
|
||||||
}
|
}
|
||||||
setTimeout(function() {
|
setTimeout(function() {
|
||||||
AppendTabTTId(addedTabId);
|
AppendTabTTId(addedTabId);
|
||||||
@ -309,31 +274,51 @@ function FirefoxListeners() {
|
|||||||
|
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
chrome.tabs.onActivated.addListener(function(activeInfo) {
|
chrome.tabs.onActivated.addListener(function(activeInfo) {
|
||||||
chrome.runtime.sendMessage({command: "tab_activated", windowId: activeInfo.windowId, tabId: activeInfo.tabId});
|
chrome.runtime.sendMessage({command: "tab_activated", windowId: activeInfo.windowId, tabId: activeInfo.tabId});
|
||||||
});
|
});
|
||||||
|
|
||||||
chrome.windows.onCreated.addListener(function(window) {
|
chrome.windows.onCreated.addListener(function(window) {
|
||||||
|
let win = Promise.resolve(browser.sessions.getWindowValue(window.id, "TTdata")).then(function(WindowData) {
|
||||||
|
if (WindowData != undefined) {
|
||||||
|
windows[winId] = Object.assign({}, WindowData);
|
||||||
|
} else {
|
||||||
AppendWinTTId(window.id);
|
AppendWinTTId(window.id);
|
||||||
|
}
|
||||||
schedule_save++;
|
schedule_save++;
|
||||||
});
|
});
|
||||||
|
});
|
||||||
chrome.windows.onRemoved.addListener(function(windowId) {
|
chrome.windows.onRemoved.addListener(function(windowId) {
|
||||||
delete windows[windowId];
|
// delete windows[windowId];
|
||||||
schedule_save++;
|
schedule_save++;
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
function FirefoxMessageListeners() {
|
function FirefoxMessageListeners() {
|
||||||
chrome.runtime.onMessage.addListener(function(message, sender, sendResponse) {
|
chrome.runtime.onMessage.addListener(function(message, sender, sendResponse) {
|
||||||
|
log("message to background: ");
|
||||||
|
log(message);
|
||||||
switch(message.command) {
|
switch(message.command) {
|
||||||
case "reload":
|
case "reload":
|
||||||
window.location.reload();
|
window.location.reload();
|
||||||
break;
|
break;
|
||||||
|
case "get_preferences":
|
||||||
|
sendResponse(opt);
|
||||||
|
break;
|
||||||
|
case "save_preferences":
|
||||||
|
opt = Object.assign({}, message.opt);
|
||||||
|
chrome.storage.local.set({preferences: message.opt});
|
||||||
|
break;
|
||||||
case "get_windows":
|
case "get_windows":
|
||||||
sendResponse(windows);
|
sendResponse(windows);
|
||||||
break;
|
break;
|
||||||
|
case "get_folders":
|
||||||
|
if (windows[message.windowId]) {
|
||||||
|
sendResponse(windows[message.windowId].folders);
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
case "save_folders":
|
||||||
|
windows[message.windowId].folders = Object.assign({}, message.folders);
|
||||||
|
schedule_save++;
|
||||||
|
break;
|
||||||
case "get_groups":
|
case "get_groups":
|
||||||
if (windows[message.windowId]) {
|
if (windows[message.windowId]) {
|
||||||
sendResponse(windows[message.windowId].groups);
|
sendResponse(windows[message.windowId].groups);
|
||||||
@ -342,8 +327,8 @@ function FirefoxMessageListeners() {
|
|||||||
case "save_groups":
|
case "save_groups":
|
||||||
windows[message.windowId].groups = Object.assign({}, message.groups);
|
windows[message.windowId].groups = Object.assign({}, message.groups);
|
||||||
for (var group in windows[message.windowId].groups) {
|
for (var group in windows[message.windowId].groups) {
|
||||||
if (tabs[windows[message.windowId].groups[group].activetab]) {
|
if (tabs[windows[message.windowId].groups[group].active_tab]) {
|
||||||
windows[message.windowId].groups[group].activetab_ttid = tabs[windows[message.windowId].groups[group].activetab].ttid;
|
windows[message.windowId].groups[group].active_tab_ttid = tabs[windows[message.windowId].groups[group].active_tab].ttid;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
schedule_save++;
|
schedule_save++;
|
||||||
@ -384,13 +369,13 @@ function FirefoxMessageListeners() {
|
|||||||
sendResponse(windows[message.windowId].group_bar);
|
sendResponse(windows[message.windowId].group_bar);
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
case "console_log":
|
// case "console_log":
|
||||||
console.log(message.m);
|
// console.log(message.m);
|
||||||
break;
|
// break;
|
||||||
case "get_browser_tabs":
|
case "get_browser_tabs":
|
||||||
sendResponse(tabs);
|
sendResponse(tabs);
|
||||||
break;
|
break;
|
||||||
case "is_bg_running":
|
case "is_bg_ready":
|
||||||
sendResponse(running);
|
sendResponse(running);
|
||||||
break;
|
break;
|
||||||
case "update_tab":
|
case "update_tab":
|
||||||
@ -413,9 +398,11 @@ function FirefoxMessageListeners() {
|
|||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
case "get_theme":
|
case "get_theme":
|
||||||
let theme = LoadData(("theme"+localStorage["current_theme"]), {"TabsSizeSetNumber": 2, "ToolbarShow": true, "toolbar": DefaultToolbar});
|
|
||||||
sendResponse(theme);
|
sendResponse(theme);
|
||||||
break;
|
break;
|
||||||
|
case "reload_theme":
|
||||||
|
GetCurrentTheme();
|
||||||
|
break;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@ -1,8 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head><meta charset="utf-8"/></head>
|
|
||||||
<body></body>
|
|
||||||
<script type="text/javascript" src="../scripts/global.js"></script>
|
|
||||||
<script type="text/javascript" src="../bg_v015_to_v1.js"></script>
|
|
||||||
<script type="text/javascript" src="../bg_ch.js"></script>
|
|
||||||
</html>
|
|
||||||
@ -1,341 +0,0 @@
|
|||||||
// Copyright (c) 2017 kroppy. All rights reserved.
|
|
||||||
// Use of this source code is governed by a Attribution-NonCommercial-NoDerivatives 4.0 International (CC BY-NC-ND 4.0) license
|
|
||||||
// that can be found at https://creativecommons.org/licenses/by-nc-nd/4.0/
|
|
||||||
|
|
||||||
if (localStorage.getItem("t0") !== null){
|
|
||||||
LoadV015(0);
|
|
||||||
} else {
|
|
||||||
LoadPreferences();
|
|
||||||
ChromeLoadTabs(0);
|
|
||||||
ChromeMessageListeners();
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
function ChromeLoadTabs(retry) {
|
|
||||||
chrome.windows.getAll({windowTypes: ['normal'], populate: true}, function(w) {
|
|
||||||
|
|
||||||
var refTabs = {};
|
|
||||||
var tabs_matched = 0;
|
|
||||||
|
|
||||||
// load tabs and windows from hdd
|
|
||||||
var w_count = LoadData("w_count", 0);
|
|
||||||
var t_count = LoadData("t_count", 0);
|
|
||||||
var LoadedWindows = LoadData("windows", []);
|
|
||||||
var LoadedTabs = LoadData("tabs", []);
|
|
||||||
|
|
||||||
// if loaded tabs mismatch by 50%, then try to load back
|
|
||||||
if (LoadedTabs.length < t_count*0.5 || retry > 0) {
|
|
||||||
LoadedTabs = LoadData("tabs_BAK"+retry, []);
|
|
||||||
}
|
|
||||||
// if loaded windows mismatch, then try to load back
|
|
||||||
if (LoadedWindows.length < w_count || retry > 0) {
|
|
||||||
LoadedWindows = LoadData("windows_BAK"+retry, []);
|
|
||||||
}
|
|
||||||
|
|
||||||
// CACHED COUNTS
|
|
||||||
var WinCount = w.length;
|
|
||||||
var LoadedWinCount = LoadedWindows.length;
|
|
||||||
var LoadedTabsCount = LoadedTabs.length;
|
|
||||||
|
|
||||||
|
|
||||||
for (var wIndex = 0; wIndex < WinCount; wIndex++) {
|
|
||||||
if (w[wIndex].tabs[0].url != "chrome://videopopout/") { // this is for opera for their extra video popup, which is weirdly queried as a "normal" window
|
|
||||||
let winId = w[wIndex].id;
|
|
||||||
let url1 = w[wIndex].tabs[0].url;
|
|
||||||
let url2 = w[wIndex].tabs[w[wIndex].tabs.length-1].url;
|
|
||||||
windows[winId] = {group_bar: true, active_shelf: "", active_group: "tab_list", groups: {tab_list: {id: "tab_list", index: 0, activetab: 0, name: caption_ungrouped_group, font: ""}}, folders: {}};
|
|
||||||
for (var LwIndex = 0; LwIndex < LoadedWinCount; LwIndex++) {
|
|
||||||
if (LoadedWindows[LwIndex].url1 == url1 || LoadedWindows[LwIndex].url2 == url2) {
|
|
||||||
windows[winId].group_bar = LoadedWindows[LwIndex].group_bar;
|
|
||||||
windows[winId].active_shelf = LoadedWindows[LwIndex].active_shelf;
|
|
||||||
windows[winId].active_group = LoadedWindows[LwIndex].active_group;
|
|
||||||
if (Object.keys(LoadedWindows[LwIndex].groups).length > 0) { windows[winId].groups = Object.assign({}, LoadedWindows[LwIndex].groups); }
|
|
||||||
if (Object.keys(LoadedWindows[LwIndex].folders).length > 0) { windows[winId].folders = Object.assign({}, LoadedWindows[LwIndex].folders); }
|
|
||||||
LoadedWindows[LwIndex].url1 = "";
|
|
||||||
LoadedWindows[LwIndex].url2 = "";
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
for (var wIndex = 0; wIndex < WinCount; wIndex++) {
|
|
||||||
var TabsCount = w[wIndex].tabs.length;
|
|
||||||
for (var tabIndex = 0; tabIndex < TabsCount; tabIndex++) {
|
|
||||||
ChromeHashURL(w[wIndex].tabs[tabIndex]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// compare saved tabs from storage to current session tabs, but can be skipped if set in options
|
|
||||||
if (opt.skip_load == false && LoadedTabs.length > 0) {
|
|
||||||
// match loaded tabs
|
|
||||||
for (var wIndex = 0; wIndex < WinCount; wIndex++) {
|
|
||||||
var TabsCount = w[wIndex].tabs.length;
|
|
||||||
for (var tabIndex = 0; tabIndex < TabsCount; tabIndex++) {
|
|
||||||
for (var LtabIndex = 0; LtabIndex < LoadedTabsCount; LtabIndex++) {
|
|
||||||
let tabId = w[wIndex].tabs[tabIndex].id;
|
|
||||||
if (LoadedTabs[LtabIndex].hash == tabs[tabId].hash && refTabs[LoadedTabs[LtabIndex].id] == undefined) {
|
|
||||||
refTabs[LoadedTabs[LtabIndex].id] = tabId;
|
|
||||||
tabs[tabId].parent = LoadedTabs[LtabIndex].parent;
|
|
||||||
tabs[tabId].index = LoadedTabs[LtabIndex].index;
|
|
||||||
tabs[tabId].expand = LoadedTabs[LtabIndex].expand;
|
|
||||||
LoadedTabs[LtabIndex].hash = undefined;
|
|
||||||
tabs_matched++;
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// replace parents tabIds for new ones, for that purpose refTabs was made before
|
|
||||||
for (var tabId in tabs) {
|
|
||||||
if (refTabs[tabs[tabId].parent] != undefined) {
|
|
||||||
tabs[tabId].parent = refTabs[tabs[tabId].parent];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// replace active tab ids for each group using refTabs
|
|
||||||
for (var windowId in windows) {
|
|
||||||
for (var group in windows[windowId].groups) {
|
|
||||||
if (refTabs[windows[windowId].groups[group].activetab]) {
|
|
||||||
windows[windowId].groups[group].activetab = refTabs[windows[windowId].groups[group].activetab];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// will try to find tabs for 3 times
|
|
||||||
if (opt.skip_load == true || retry > 2 || (tabs_matched > t_count*0.5)) {
|
|
||||||
schedule_save++;
|
|
||||||
hold = false;
|
|
||||||
ChromeAutoSaveData("", 1000);
|
|
||||||
ChromeAutoSaveData("_BAK1", 300000);
|
|
||||||
ChromeAutoSaveData("_BAK2", 600000);
|
|
||||||
ChromeAutoSaveData("_BAK3", 1800000);
|
|
||||||
ChromeListeners();
|
|
||||||
} else {
|
|
||||||
setTimeout(function() {ChromeLoadTabs(retry+1);}, 2000);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// You maybe are asking yourself why I save tabs in array? It's because, instead of, keeping 2 index numbers (one for browser tabs on top and one for my index in tree), it's easier to just arrange them in order and save it in localstorage.
|
|
||||||
// Another reason is that Object does not preserve order in chrome, I've been told that in Firefox it is. But I can't trust that.
|
|
||||||
async function ChromeAutoSaveData(BackupName, LoopTimer) {
|
|
||||||
setTimeout(function() {
|
|
||||||
ChromeAutoSaveData(BackupName, LoopTimer);
|
|
||||||
if (schedule_save > 1 || BackupName != "") {schedule_save = 1;}
|
|
||||||
if (!hold && schedule_save > 0 && Object.keys(tabs).length > 1) {
|
|
||||||
chrome.windows.getAll({windowTypes: ['normal'], populate: true}, function(w) {
|
|
||||||
var WinCount = w.length;
|
|
||||||
var t_count = 0;
|
|
||||||
var counter = 0;
|
|
||||||
var Windows = [];
|
|
||||||
var Tabs = [];
|
|
||||||
|
|
||||||
for (var wIndex = 0; wIndex < WinCount; wIndex++) {
|
|
||||||
t_count += w[wIndex].tabs.length;
|
|
||||||
}
|
|
||||||
|
|
||||||
for (var wIndex = 0; wIndex < WinCount; wIndex++) {
|
|
||||||
let winId = w[wIndex].id;
|
|
||||||
if (windows[winId] != undefined && windows[winId].group_bar != undefined && windows[winId].active_shelf != undefined && windows[winId].active_group != undefined && windows[winId].groups != undefined && windows[winId].folders != undefined) {
|
|
||||||
Windows.push({url1: w[wIndex].tabs[0].url, url2: w[wIndex].tabs[w[wIndex].tabs.length-1].url, group_bar: windows[winId].group_bar, active_shelf: windows[winId].active_shelf, active_group: windows[winId].active_group, groups: windows[winId].groups, folders: windows[winId].folders});
|
|
||||||
}
|
|
||||||
|
|
||||||
let TabsCount = w[wIndex].tabs.length;
|
|
||||||
for (var tabIndex = 0; tabIndex < TabsCount; tabIndex++) {
|
|
||||||
let tabId = w[wIndex].tabs[tabIndex].id;
|
|
||||||
if (tabs[tabId] != undefined && tabs[tabId].hash != undefined && tabs[tabId].parent != undefined && tabs[tabId].index != undefined && tabs[tabId].expand != undefined) {
|
|
||||||
Tabs.push({id: tabId, hash: tabs[tabId].hash, parent: tabs[tabId].parent, index: tabs[tabId].index, expand: tabs[tabId].expand});
|
|
||||||
counter++;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (counter == t_count) {
|
|
||||||
localStorage["t_count"] = JSON.stringify(t_count);
|
|
||||||
localStorage["w_count"] = JSON.stringify(WinCount);
|
|
||||||
localStorage["windows"+BackupName] = JSON.stringify(Windows);
|
|
||||||
localStorage["tabs"+BackupName] = JSON.stringify(Tabs);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
schedule_save--;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}, LoopTimer);
|
|
||||||
}
|
|
||||||
|
|
||||||
function ChromeHashURL(tab){
|
|
||||||
if (tabs[tab.id] == undefined) {
|
|
||||||
tabs[tab.id] = {hash: 0, parent: tab.pinned ? "pin_list" : "tab_list", index: tab.index, expand: "n"};
|
|
||||||
}
|
|
||||||
var hash = 0;
|
|
||||||
for (var charIndex = 0; charIndex < tab.url.length; charIndex++){
|
|
||||||
hash += tab.url.charCodeAt(charIndex);
|
|
||||||
}
|
|
||||||
tabs[tab.id].hash = hash;
|
|
||||||
}
|
|
||||||
|
|
||||||
function ReplaceParents(oldTabId, newTabId) {
|
|
||||||
for (var tabId in tabs) {
|
|
||||||
if (tabs[tabId].parent == oldTabId) {
|
|
||||||
tabs[tabId].parent = newTabId;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// TO DO FOLDERS
|
|
||||||
}
|
|
||||||
|
|
||||||
// start all listeners
|
|
||||||
function ChromeListeners() {
|
|
||||||
chrome.tabs.onCreated.addListener(function(tab) {
|
|
||||||
ChromeHashURL(tab);
|
|
||||||
chrome.runtime.sendMessage({command: "tab_created", windowId: tab.windowId, tab: tab, tabId: tab.id});
|
|
||||||
schedule_save++;
|
|
||||||
});
|
|
||||||
|
|
||||||
chrome.tabs.onRemoved.addListener(function(tabId, removeInfo) {
|
|
||||||
chrome.runtime.sendMessage({command: "tab_removed", windowId: removeInfo.windowId, tabId: tabId});
|
|
||||||
delete tabs[tabId];
|
|
||||||
schedule_save++;
|
|
||||||
});
|
|
||||||
|
|
||||||
chrome.tabs.onAttached.addListener(function(tabId, attachInfo) {
|
|
||||||
chrome.tabs.get(tabId, function(tab) {
|
|
||||||
chrome.runtime.sendMessage({command: "tab_attached", windowId: attachInfo.newWindowId, tab: tab, tabId: tabId, ParentId: tabs[tabId].parent});
|
|
||||||
});
|
|
||||||
schedule_save++;
|
|
||||||
});
|
|
||||||
|
|
||||||
chrome.tabs.onDetached.addListener(function(tabId, detachInfo) {
|
|
||||||
chrome.runtime.sendMessage({command: "tab_detached", windowId: detachInfo.oldWindowId, tabId: tabId});
|
|
||||||
schedule_save++;
|
|
||||||
});
|
|
||||||
|
|
||||||
chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
|
|
||||||
if (tabs[tabId] == undefined || changeInfo.url != undefined) {
|
|
||||||
ChromeHashURL(tab);
|
|
||||||
}
|
|
||||||
if (changeInfo.pinned != undefined) {
|
|
||||||
schedule_save++;
|
|
||||||
}
|
|
||||||
if (changeInfo.pinned == true) {
|
|
||||||
tabs[tabId].parent = "pin_list";
|
|
||||||
}
|
|
||||||
if (changeInfo.title != undefined && !tab.active) {
|
|
||||||
chrome.runtime.sendMessage({command: "tab_attention", windowId: tab.windowId, tabId: tabId});
|
|
||||||
}
|
|
||||||
chrome.runtime.sendMessage({command: "tab_updated", windowId: tab.windowId, tab: tab, tabId: tabId, changeInfo: changeInfo});
|
|
||||||
});
|
|
||||||
|
|
||||||
chrome.tabs.onMoved.addListener(function(tabId, moveInfo) {
|
|
||||||
schedule_save++;
|
|
||||||
});
|
|
||||||
|
|
||||||
chrome.tabs.onReplaced.addListener(function(addedTabId, removedTabId) {
|
|
||||||
chrome.tabs.get(addedTabId, function(tab) {
|
|
||||||
if (addedTabId == removedTabId) {
|
|
||||||
chrome.runtime.sendMessage({command: "tab_updated", windowId: tab.windowId, tab: tab, tabId: tab.id, changeInfo: {status: tab.status, url: tab.url, title: tab.title, audible: tab.audible, mutedInfo: tab.mutedInfo}});
|
|
||||||
} else {
|
|
||||||
ReplaceParents(tabId, tab.id);
|
|
||||||
if (tabs[removedTabId]) {
|
|
||||||
tabs[addedTabId] = tabs[removedTabId];
|
|
||||||
} else {
|
|
||||||
ChromeHashURL(tab);
|
|
||||||
}
|
|
||||||
chrome.runtime.sendMessage({command: "tab_removed", windowId: tab.windowId, tabId: removedTabId});
|
|
||||||
chrome.runtime.sendMessage({command: "tab_attached", windowId: tab.windowId, tab: tab, tabId: addedTabId});
|
|
||||||
delete tabs[removedTabId];
|
|
||||||
}
|
|
||||||
schedule_save++;
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
chrome.tabs.onActivated.addListener(function(activeInfo) {
|
|
||||||
chrome.runtime.sendMessage({command: "tab_activated", windowId: activeInfo.windowId, tabId: activeInfo.tabId});
|
|
||||||
});
|
|
||||||
|
|
||||||
chrome.windows.onCreated.addListener(function(window) {
|
|
||||||
windows[window.id] = {group_bar: true, active_shelf: "", active_group: "tab_list", groups: {tab_list: {id: "tab_list", index: 0, activetab: 0, name: caption_ungrouped_group, font: ""}}, folders: {}};
|
|
||||||
schedule_save++;
|
|
||||||
});
|
|
||||||
|
|
||||||
chrome.windows.onRemoved.addListener(function(windowId) {
|
|
||||||
delete windows[windowId];
|
|
||||||
schedule_save++;
|
|
||||||
});
|
|
||||||
|
|
||||||
chrome.runtime.onSuspend.addListener(function() {
|
|
||||||
hold = true;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function ChromeMessageListeners() {
|
|
||||||
chrome.runtime.onMessage.addListener(function(message, sender, sendResponse) {
|
|
||||||
switch(message.command) {
|
|
||||||
case "reload":
|
|
||||||
window.location.reload();
|
|
||||||
break;
|
|
||||||
case "get_windows":
|
|
||||||
sendResponse(windows);
|
|
||||||
break;
|
|
||||||
case "get_groups":
|
|
||||||
if (windows[message.windowId]) {
|
|
||||||
sendResponse(windows[message.windowId].groups);
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case "save_groups":
|
|
||||||
windows[message.windowId].groups = Object.assign({}, message.groups);
|
|
||||||
schedule_save++;
|
|
||||||
break;
|
|
||||||
|
|
||||||
case "set_active_group":
|
|
||||||
windows[message.windowId].active_group = message.active_group;
|
|
||||||
schedule_save++;
|
|
||||||
break;
|
|
||||||
case "get_active_group":
|
|
||||||
if (windows[message.windowId]) {
|
|
||||||
sendResponse(windows[message.windowId].active_group);
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case "set_active_shelf":
|
|
||||||
windows[message.windowId].active_shelf = message.active_shelf;
|
|
||||||
schedule_save++;
|
|
||||||
break;
|
|
||||||
case "get_active_shelf":
|
|
||||||
if (windows[message.windowId]) {
|
|
||||||
sendResponse(windows[message.windowId].active_shelf);
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case "set_group_bar":
|
|
||||||
windows[message.windowId].group_bar = message.group_bar;
|
|
||||||
schedule_save++;
|
|
||||||
break;
|
|
||||||
case "get_group_bar":
|
|
||||||
if (windows[message.windowId]) {
|
|
||||||
sendResponse(windows[message.windowId].group_bar);
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case "console_log":
|
|
||||||
console.log(message.m);
|
|
||||||
break;
|
|
||||||
case "get_browser_tabs":
|
|
||||||
sendResponse(tabs);
|
|
||||||
break;
|
|
||||||
case "is_bg_busy":
|
|
||||||
sendResponse(hold);
|
|
||||||
break;
|
|
||||||
case "update_tab":
|
|
||||||
if (tabs[message.tabId]) {
|
|
||||||
for (var parameter in message.tab) {
|
|
||||||
tabs[message.tabId][parameter] = message.tab[parameter];
|
|
||||||
}
|
|
||||||
schedule_save++;
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
98
legacy.js
98
legacy.js
@ -105,8 +105,6 @@ function LoadV015(retry){
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
function FirefoxLoadV100(retry) {
|
function FirefoxLoadV100(retry) {
|
||||||
chrome.windows.getAll({windowTypes: ["normal"], populate: true}, function(w) {
|
chrome.windows.getAll({windowTypes: ["normal"], populate: true}, function(w) {
|
||||||
|
|
||||||
@ -251,3 +249,99 @@ function FirefoxLoadV100(retry) {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function ConvertLegacyStorage() {
|
||||||
|
if (localStorage.getItem("current_theme") != null || localStorage.getItem("preferences") != null || localStorage.getItem("tabs") != null || localStorage.getItem("windows") != null) {
|
||||||
|
let current_theme = "";
|
||||||
|
if (localStorage.getItem("current_theme") != null) {
|
||||||
|
current_theme = localStorage["current_theme"];
|
||||||
|
}
|
||||||
|
let LSthemes = [];
|
||||||
|
if (localStorage.getItem("themes") != null) {
|
||||||
|
LSthemes = LoadData("themes", []);
|
||||||
|
}
|
||||||
|
SLThemes = {};
|
||||||
|
LSthemes.forEach(function(themeName) {
|
||||||
|
let them = LoadData("theme"+themeName, {"TabsSizeSetNumber": 2, "ToolbarShow": true, "toolbar": DefaultToolbar});
|
||||||
|
SLThemes[themeName] = them;
|
||||||
|
});
|
||||||
|
|
||||||
|
let LSpreferences = Object.assign({}, DefaultPreferences);
|
||||||
|
if (localStorage.getItem("preferences") != null) {
|
||||||
|
LSpreferences = LoadData("preferences", {});
|
||||||
|
}
|
||||||
|
|
||||||
|
if (browserId != "F") {
|
||||||
|
let LStabs = {};
|
||||||
|
if (localStorage.getItem("tabs") != null) {
|
||||||
|
LStabs = LoadData("tabs", {});
|
||||||
|
}
|
||||||
|
let LSwindows = {};
|
||||||
|
if (localStorage.getItem("windows") != null) {
|
||||||
|
LSwindows = LoadData("windows", {});
|
||||||
|
}
|
||||||
|
let LStabs_BAK1 = {};
|
||||||
|
if (localStorage.getItem("tabs_BAK1") != null) {
|
||||||
|
LStabs_BAK1 = LoadData("tabs_BAK1", {});
|
||||||
|
}
|
||||||
|
let LStabs_BAK2 = {};
|
||||||
|
if (localStorage.getItem("tabs_BAK2") != null) {
|
||||||
|
LStabs_BAK2 = LoadData("tabs_BAK2", {});
|
||||||
|
}
|
||||||
|
let LStabs_BAK3 = {};
|
||||||
|
if (localStorage.getItem("tabs_BAK3") != null) {
|
||||||
|
LStabs_BAK3 = LoadData("tabs_BAK3", {});
|
||||||
|
}
|
||||||
|
|
||||||
|
let LSwindows_BAK1 = {};
|
||||||
|
if (localStorage.getItem("windows_BAK1") != null) {
|
||||||
|
LSwindows_BAK1 = LoadData("windows_BAK1", {});
|
||||||
|
}
|
||||||
|
let LSwindows_BAK2 = {};
|
||||||
|
if (localStorage.getItem("windows_BAK2") != null) {
|
||||||
|
LSwindows_BAK2 = LoadData("windows_BAK2", {});
|
||||||
|
}
|
||||||
|
let LSwindows_BAK3 = {};
|
||||||
|
if (localStorage.getItem("windows_BAK3") != null) {
|
||||||
|
LSwindows_BAK3 = LoadData("windows_BAK3", {});
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
let LSt_count = 0;
|
||||||
|
if (localStorage.getItem("t_count") != null) {
|
||||||
|
LSt_count = LoadData("t_count", {});
|
||||||
|
}
|
||||||
|
let LSw_count = 0;
|
||||||
|
if (localStorage.getItem("w_count") != null) {
|
||||||
|
LSw_count = LoadData("w_count", {});
|
||||||
|
}
|
||||||
|
chrome.storage.local.set({tabs: LStabs});
|
||||||
|
chrome.storage.local.set({windows: LSwindows});
|
||||||
|
chrome.storage.local.set({tabs_BAK1: LStabs_BAK1});
|
||||||
|
chrome.storage.local.set({tabs_BAK2: LStabs_BAK2});
|
||||||
|
chrome.storage.local.set({tabs_BAK3: LStabs_BAK3});
|
||||||
|
|
||||||
|
chrome.storage.local.set({windows_BAK1: LSwindows_BAK1});
|
||||||
|
chrome.storage.local.set({windows_BAK2: LSwindows_BAK2});
|
||||||
|
chrome.storage.local.set({windows_BAK3: LSwindows_BAK3});
|
||||||
|
chrome.storage.local.set({t_count: LSt_count});
|
||||||
|
chrome.storage.local.set({w_count: LSw_count});
|
||||||
|
}
|
||||||
|
chrome.storage.local.set({preferences: LSpreferences});
|
||||||
|
chrome.storage.local.set({current_theme: current_theme});
|
||||||
|
chrome.storage.local.set({themes: SLThemes});
|
||||||
|
localStorage.clear();
|
||||||
|
window.location.reload();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function LoadData(KeyName, ExpectReturnDefaultType) {
|
||||||
|
var data = ExpectReturnDefaultType;
|
||||||
|
try {
|
||||||
|
data = JSON.parse(localStorage[KeyName]);
|
||||||
|
return data;
|
||||||
|
} catch(e) {
|
||||||
|
return ExpectReturnDefaultType;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@ -14,30 +14,10 @@
|
|||||||
"19": "icons/16.png",
|
"19": "icons/16.png",
|
||||||
"16": "icons/16.png"
|
"16": "icons/16.png"
|
||||||
},
|
},
|
||||||
"permissions": [ "tabs", "sessions", "<all_urls>" ],
|
"permissions": [ "tabs", "sessions", "<all_urls>", "storage" ],
|
||||||
|
|
||||||
"sidebar_action": {
|
|
||||||
"default_icon": {
|
|
||||||
"16": "icons/16.png",
|
|
||||||
"19": "icons/16.png",
|
|
||||||
"38": "icons/38.png"
|
|
||||||
},
|
|
||||||
"default_panel": "sidebar.html",
|
|
||||||
"default_title": "Tree Tabs",
|
|
||||||
"browser_style": false
|
|
||||||
},
|
|
||||||
"browser_action": {
|
|
||||||
"default_icon": "icons/24.png"
|
|
||||||
},
|
|
||||||
"applications": {
|
|
||||||
"gecko": {
|
|
||||||
"id": "TreeTabs@jagiello.it",
|
|
||||||
"strict_min_version": "57.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"options_ui": {
|
"options_ui": {
|
||||||
"page": "options.html",
|
"page": "options.html",
|
||||||
"open_in_tab": true
|
"open_in_tab": false
|
||||||
},
|
},
|
||||||
"version": "1.1"
|
"version": "1.0"
|
||||||
}
|
}
|
||||||
39
options.html
39
options.html
@ -67,6 +67,11 @@
|
|||||||
<td style="position:relative;left:2px;width:3px;">-</td>
|
<td style="position:relative;left:2px;width:3px;">-</td>
|
||||||
<td class="label" id="options_show_counter_groups"></td>
|
<td class="label" id="options_show_counter_groups"></td>
|
||||||
</tr>
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><input type="checkbox" class="opt_checkbox bg_opt" id="syncro_tabbar_groups_tabs_order"></input></td>
|
||||||
|
<td style="position:relative;left:2px;width:3px;">-</td>
|
||||||
|
<td class="label" id="options_syncro_tabbar_groups_tabs_order"></td>
|
||||||
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</fieldset>
|
</fieldset>
|
||||||
|
|
||||||
@ -151,6 +156,7 @@
|
|||||||
<select id="append_child_tab">
|
<select id="append_child_tab">
|
||||||
<option class="bg_opt_drop_down_menu" id="options_append_child_tab_top" value="top"></option>
|
<option class="bg_opt_drop_down_menu" id="options_append_child_tab_top" value="top"></option>
|
||||||
<option class="bg_opt_drop_down_menu" id="options_append_child_tab_bottom" value="bottom"></option>
|
<option class="bg_opt_drop_down_menu" id="options_append_child_tab_bottom" value="bottom"></option>
|
||||||
|
<option class="bg_opt_drop_down_menu" id="options_append_child_tab_after_active" value="after_active"></option>
|
||||||
</select>
|
</select>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
@ -167,6 +173,8 @@
|
|||||||
<select id="after_closing_active_tab">
|
<select id="after_closing_active_tab">
|
||||||
<option class="bg_opt_drop_down_menu" id="options_after_closing_active_tab_go_up" value="above"></option>
|
<option class="bg_opt_drop_down_menu" id="options_after_closing_active_tab_go_up" value="above"></option>
|
||||||
<option class="bg_opt_drop_down_menu" id="options_after_closing_active_tab_go_down" value="below"></option>
|
<option class="bg_opt_drop_down_menu" id="options_after_closing_active_tab_go_down" value="below"></option>
|
||||||
|
<option class="bg_opt_drop_down_menu" id="options_after_closing_active_tab_go_up_seek_in_parent" value="above_seek_in_parent"></option>
|
||||||
|
<option class="bg_opt_drop_down_menu" id="options_after_closing_active_tab_go_down_seek_in_parent" value="below_seek_in_parent"></option>
|
||||||
<option class="bg_opt_drop_down_menu" id="options_after_closing_active_tab_go_browser" value="browser"></option>
|
<option class="bg_opt_drop_down_menu" id="options_after_closing_active_tab_go_browser" value="browser"></option>
|
||||||
</select>
|
</select>
|
||||||
</li>
|
</li>
|
||||||
@ -197,12 +205,14 @@
|
|||||||
|
|
||||||
<select id="theme_list" style="padding-right:6px;"></select>
|
<select id="theme_list" style="padding-right:6px;"></select>
|
||||||
<input type="text" id="new_theme_name" name="untitled" value="untitled"></input>
|
<input type="text" id="new_theme_name" name="untitled" value="untitled"></input>
|
||||||
<button class="set_button" type="button" id="options_rename_theme_button" style="margin:10px;">Rename</button>
|
<button class="set_button" type="button" id="options_rename_theme_button" style="margin:6px;">Rename</button>
|
||||||
<button class="set_button" type="button" id="options_add_theme_button" style="margin:10px;">Add new</button>
|
<button class="set_button" type="button" id="options_add_theme_button" style="margin:6px;">Add new</button>
|
||||||
<button class="set_button" type="button" id="options_remove_theme_button" style="margin:10px;">Remove</button>
|
<button class="set_button" type="button" id="options_remove_theme_button" style="margin:6px;">Remove</button>
|
||||||
<button class="set_button" type="button" id="options_import_theme_button" style="margin:10px;">Import</button>
|
<button class="set_button" type="button" id="options_import_theme_button" style="margin:6px;">Import</button>
|
||||||
<button class="set_button" type="button" id="options_export_theme_button" style="margin:10px;">Export</button>
|
<button class="set_button" type="button" id="options_export_theme_button" style="margin:6px;">Export</button>
|
||||||
|
<button class="set_button" type="button" id="options_share_theme_link" style="margin:6px;">Export</button>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
<fieldset class="field" id="field_show_toolbar" style="position: relative; width:816px;">
|
<fieldset class="field" id="field_show_toolbar" style="position: relative; width:816px;">
|
||||||
<legend id="toolbar_legend">
|
<legend id="toolbar_legend">
|
||||||
<input type="checkbox" style="position:relative; top:-1px;" id="show_toolbar"></input>
|
<input type="checkbox" style="position:relative; top:-1px;" id="show_toolbar"></input>
|
||||||
@ -285,7 +295,10 @@
|
|||||||
<div class="pick_col color_bucket" id="scrollbar_track"></div>
|
<div class="pick_col color_bucket" id="scrollbar_track"></div>
|
||||||
|
|
||||||
<div class="pin_list" id="pin_list"></div>
|
<div class="pin_list" id="pin_list"></div>
|
||||||
<div class="group" id="tab_list"></div>
|
<div class="group" id="tab_list">
|
||||||
|
<div class="children_folders" id="cftab_list"></div>
|
||||||
|
<div class="children_tabs" id="chtab_list"></div>
|
||||||
|
</div>
|
||||||
<div id="pin_list_scrollbar"><div id="pin_list_scrollbar_thumb"></div></div>
|
<div id="pin_list_scrollbar"><div id="pin_list_scrollbar_thumb"></div></div>
|
||||||
<div id="group_scrollbar"><div id="group_scrollbar_thumb"></div></div>
|
<div id="group_scrollbar"><div id="group_scrollbar_thumb"></div></div>
|
||||||
|
|
||||||
@ -356,6 +369,18 @@
|
|||||||
</fieldset>
|
</fieldset>
|
||||||
</fieldset>
|
</fieldset>
|
||||||
|
|
||||||
|
<fieldset class="field"">
|
||||||
|
<legend class="label" id="options_development"></legend>
|
||||||
|
<table style="display:inline-block;">
|
||||||
|
<tr>
|
||||||
|
<td><input type="checkbox" class="opt_checkbox bg_opt" id="debug"></input></td>
|
||||||
|
<td style="position:relative;left:2px;width:3px;">-</td>
|
||||||
|
<td class="label" id="options_debug"></td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
</fieldset>
|
||||||
|
|
||||||
<button class="set_button" type="button" id="options_clear_data" style="margin:10px;"></button>
|
<button class="set_button" type="button" id="options_clear_data" style="margin:10px;"></button>
|
||||||
|
|
||||||
<input type="color" id="color_picker" style="position:absolute; left:-500px; top:-500px; overflow:hidden; user-select: none; -moz-user-select: none;">
|
<input type="color" id="color_picker" style="position:absolute; left:-500px; top:-500px; overflow:hidden; user-select: none; -moz-user-select: none;">
|
||||||
|
|||||||
@ -88,11 +88,11 @@ body {
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
margin-bottom:15px;
|
margin-bottom:15px;
|
||||||
}
|
}
|
||||||
ul:not(#tabs_menu) {
|
ul:not(.menu) {
|
||||||
padding-left: 22px;
|
padding-left: 22px;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul:not(#tabs_menu) li {
|
ul:not(.menu) li {
|
||||||
margin: 5px;
|
margin: 5px;
|
||||||
}
|
}
|
||||||
.label {
|
.label {
|
||||||
|
|||||||
@ -4,32 +4,36 @@
|
|||||||
|
|
||||||
// ********** OPTIONS ***************
|
// ********** OPTIONS ***************
|
||||||
|
|
||||||
|
var current_theme = "";
|
||||||
var themes = [];
|
var themes = [];
|
||||||
var SelectedTheme = Object.assign({}, DefaultTheme);
|
var SelectedTheme = Object.assign({}, DefaultTheme);
|
||||||
var dragged_button;
|
var dragged_button;
|
||||||
active_group = "tab_list";
|
active_group = "tab_list";
|
||||||
|
|
||||||
document.addEventListener("DOMContentLoaded", function() {
|
document.addEventListener("DOMContentLoaded", function() {
|
||||||
LoadPreferences();
|
|
||||||
document.title = "Tree Tabs";
|
document.title = "Tree Tabs";
|
||||||
|
chrome.runtime.sendMessage({command: "get_preferences"}, function(response) {
|
||||||
themes = LoadData("themes", []);
|
opt = Object.assign({}, response);
|
||||||
if (localStorage.getItem("current_theme") != null) {
|
chrome.storage.local.get(null, function(items) {
|
||||||
LoadTheme(localStorage["current_theme"]);
|
if (items["themes"]) {
|
||||||
|
for (var themeName in items["themes"]) {
|
||||||
|
themes.push(themeName);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (items["current_theme"]) {
|
||||||
|
current_theme = items["current_theme"];
|
||||||
|
LoadTheme(items["current_theme"]);
|
||||||
}
|
}
|
||||||
|
|
||||||
GetOptions();
|
GetOptions();
|
||||||
RefreshFields();
|
RefreshFields();
|
||||||
SetEvents();
|
SetEvents();
|
||||||
SetToolbarShelfToggle("click");
|
SetToolbarShelfToggle("click");
|
||||||
|
|
||||||
AppendGroupToList("tab_list", caption_ungrouped_group, "");
|
AppendGroupToList("tab_list", caption_ungrouped_group, "");
|
||||||
AppendGroupToList("tab_list2", caption_ungrouped_group, "");
|
AppendGroupToList("tab_list2", caption_noname_group, "");
|
||||||
|
|
||||||
AppendSampleTabs();
|
AppendSampleTabs();
|
||||||
|
|
||||||
});
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
// document events
|
// document events
|
||||||
function GetOptions() {
|
function GetOptions() {
|
||||||
@ -59,10 +63,10 @@ function GetOptions() {
|
|||||||
$(this)[0].textContent = chrome.i18n.getMessage(this.id);
|
$(this)[0].textContent = chrome.i18n.getMessage(this.id);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// get language for color pick labels
|
// get language for color pick labels
|
||||||
|
$("#close_x, #close_hover_x").each(function() {
|
||||||
|
$(this).attr("title", chrome.i18n.getMessage(this.id));
|
||||||
|
});
|
||||||
$(".color_border").each(function() {
|
$(".color_border").each(function() {
|
||||||
$(this).attr("title", chrome.i18n.getMessage("options_color_pick_border"));
|
$(this).attr("title", chrome.i18n.getMessage("options_color_pick_border"));
|
||||||
});
|
});
|
||||||
@ -83,9 +87,6 @@ function GetOptions() {
|
|||||||
$(this).attr("title", chrome.i18n.getMessage("options_color_pick_filter_clear_icon"));
|
$(this).attr("title", chrome.i18n.getMessage("options_color_pick_filter_clear_icon"));
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// get options for append child tab
|
// get options for append child tab
|
||||||
for (var i = 0; i < $("#append_child_tab")[0].options.length; i++) {
|
for (var i = 0; i < $("#append_child_tab")[0].options.length; i++) {
|
||||||
if ($("#append_child_tab")[0].options[i].value === opt.append_child_tab) {
|
if ($("#append_child_tab")[0].options[i].value === opt.append_child_tab) {
|
||||||
@ -132,15 +133,13 @@ function GetOptions() {
|
|||||||
|
|
||||||
// select current theme in dropdown list
|
// select current theme in dropdown list
|
||||||
for (var i = 0; i < $("#theme_list")[0].options.length; i++) {
|
for (var i = 0; i < $("#theme_list")[0].options.length; i++) {
|
||||||
if ($("#theme_list")[0].options[i].value == localStorage["current_theme"]) {
|
if ($("#theme_list")[0].options[i].value == current_theme) {
|
||||||
$("#theme_list")[0].selectedIndex = i;
|
$("#theme_list")[0].selectedIndex = i;
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
function RemoveRedPreview() {
|
function RemoveRedPreview() {
|
||||||
if (document.styleSheets[document.styleSheets.length-1].cssRules.length) {
|
if (document.styleSheets[document.styleSheets.length-1].cssRules.length) {
|
||||||
document.styleSheets[document.styleSheets.length-1].deleteRule(document.styleSheets[document.styleSheets.length-1].cssRules.length-1);
|
document.styleSheets[document.styleSheets.length-1].deleteRule(document.styleSheets[document.styleSheets.length-1].cssRules.length-1);
|
||||||
@ -153,6 +152,10 @@ function SetEvents() {
|
|||||||
// --------------------------------DONATIONS------------------------------------------------------------------------------
|
// --------------------------------DONATIONS------------------------------------------------------------------------------
|
||||||
|
|
||||||
// Donate
|
// Donate
|
||||||
|
$(document).on("click", "#options_share_theme_link", function(event) {
|
||||||
|
chrome.tabs.create({url: "https://drive.google.com/drive/folders/0B3jXQpRtOfvSelFrTEVHZEx3Nms?usp=sharing"});
|
||||||
|
});
|
||||||
|
|
||||||
$(document).on("click", "#donate_paypal", function(event) {
|
$(document).on("click", "#donate_paypal", function(event) {
|
||||||
chrome.tabs.create({url: "https://www.paypal.me/KarolJagiello/1"});
|
chrome.tabs.create({url: "https://www.paypal.me/KarolJagiello/1"});
|
||||||
});
|
});
|
||||||
@ -168,8 +171,6 @@ function SetEvents() {
|
|||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// --------------------------------COPY VIVALDI LINK----------------------------------------------------------------------
|
// --------------------------------COPY VIVALDI LINK----------------------------------------------------------------------
|
||||||
|
|
||||||
$(document).on("click", "#copy_vivaldi_url_for_web_panel", function(event) {
|
$(document).on("click", "#copy_vivaldi_url_for_web_panel", function(event) {
|
||||||
@ -279,7 +280,6 @@ function SetEvents() {
|
|||||||
// show color picker
|
// show color picker
|
||||||
$(document).on("click", ".pick_col", function(event) {
|
$(document).on("click", ".pick_col", function(event) {
|
||||||
RemoveRedPreview();
|
RemoveRedPreview();
|
||||||
// if (event.shiftKey || event.ctrlKey) return;
|
|
||||||
event.stopPropagation();
|
event.stopPropagation();
|
||||||
PickColor = this.id;
|
PickColor = this.id;
|
||||||
let bod = document.getElementById("body");
|
let bod = document.getElementById("body");
|
||||||
@ -295,8 +295,6 @@ function SetEvents() {
|
|||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// ----------------------------------EVENTS FOR CHECKBOXES AND DROPDOWN MENUS---------------------------------------------
|
// ----------------------------------EVENTS FOR CHECKBOXES AND DROPDOWN MENUS---------------------------------------------
|
||||||
// set checkbox options on/off and save
|
// set checkbox options on/off and save
|
||||||
$(document).on("click", ".bg_opt", function(event) {
|
$(document).on("click", ".bg_opt", function(event) {
|
||||||
@ -305,7 +303,7 @@ function SetEvents() {
|
|||||||
});
|
});
|
||||||
|
|
||||||
// options that need reload
|
// options that need reload
|
||||||
$(document).on("click", "#syncro_tabbar_tabs_order, #allow_pin_close, #switch_with_scroll, #always_show_close, #never_show_close, #close_other_trees, #show_counter_tabs, #show_counter_tabs_hints", function(event) {
|
$(document).on("click", "#syncro_tabbar_tabs_order, #allow_pin_close, #switch_with_scroll, #always_show_close, #never_show_close, #close_other_trees, #show_counter_tabs, #show_counter_tabs_hints, #syncro_tabbar_tabs_order, #syncro_tabbar_groups_tabs_order", function(event) {
|
||||||
chrome.runtime.sendMessage({command: "reload_sidebar"});
|
chrome.runtime.sendMessage({command: "reload_sidebar"});
|
||||||
});
|
});
|
||||||
|
|
||||||
@ -435,8 +433,8 @@ function SetEvents() {
|
|||||||
|
|
||||||
// select theme from list
|
// select theme from list
|
||||||
$("#theme_list").change(function() {
|
$("#theme_list").change(function() {
|
||||||
localStorage["current_theme"] = $(this).val();
|
|
||||||
LoadTheme($(this).val());
|
LoadTheme($(this).val());
|
||||||
|
chrome.storage.local.set({current_theme: $(this).val()});
|
||||||
});
|
});
|
||||||
|
|
||||||
// import theme preset button
|
// import theme preset button
|
||||||
@ -462,9 +460,6 @@ function SetEvents() {
|
|||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// -------------------------------INDENTATION ADJUSTMENT------------------------------------------------------------------
|
// -------------------------------INDENTATION ADJUSTMENT------------------------------------------------------------------
|
||||||
|
|
||||||
// change tabs size preset(down)
|
// change tabs size preset(down)
|
||||||
@ -595,43 +590,13 @@ function SetEvents() {
|
|||||||
|
|
||||||
// ----------------------CLEAR DATA BUTTON--------------------------------------------------------------------------------
|
// ----------------------CLEAR DATA BUTTON--------------------------------------------------------------------------------
|
||||||
|
|
||||||
|
|
||||||
// clear data
|
// clear data
|
||||||
$(document).on("click", "#options_clear_data", function(event) {
|
$(document).on("click", "#options_clear_data", function(event) {
|
||||||
localStorage.clear();
|
chrome.storage.local.clear();
|
||||||
chrome.runtime.sendMessage({command: "reload"});
|
chrome.runtime.sendMessage({command: "reload"});
|
||||||
chrome.runtime.sendMessage({command: "reload_sidebar"});
|
chrome.runtime.sendMessage({command: "reload_sidebar"});
|
||||||
location.reload();
|
location.reload();
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// THIIIIIIIIIIIS IS TO MOVE ICONS FOR SETUP OPTIONS PAGE
|
|
||||||
|
|
||||||
// $(document).bind("contextmenu", function(event) {
|
|
||||||
// if (event.ctrlKey || event.shiftKey) {
|
|
||||||
// event.preventDefault();
|
|
||||||
// }
|
|
||||||
// });
|
|
||||||
// $(document).on("mousedown", "*", function(event) {
|
|
||||||
// $(document).on("mousedown", ".pick_col", function(event) {
|
|
||||||
// event.stopPropagation();
|
|
||||||
// if (event.button == 0 && event.shiftKey) {
|
|
||||||
// $(this).css({ "left": $(this).position().left-1 });
|
|
||||||
// }
|
|
||||||
// if (event.button == 2 && event.shiftKey) {
|
|
||||||
// $(this).css({ "left": $(this).position().left+1 });
|
|
||||||
// }
|
|
||||||
// if (event.button == 0 && event.ctrlKey) {
|
|
||||||
// $(this).css({ "top": $(this).position().top-1 });
|
|
||||||
// }
|
|
||||||
// if (event.button == 2 && event.ctrlKey) {
|
|
||||||
// $(this).css({ "top": $(this).position().top+1 });
|
|
||||||
// }
|
|
||||||
// console.log(this.id + " top: " + $(this).position().top + "px; left: " + $(this).position().left + "px;");
|
|
||||||
// console.log(this.id);
|
|
||||||
// });
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -9,16 +9,12 @@ function RefreshFields() {
|
|||||||
} else {
|
} else {
|
||||||
$("#field_theme").css({"height": ""});
|
$("#field_theme").css({"height": ""});
|
||||||
}
|
}
|
||||||
if (browserId != "F") {
|
|
||||||
$("#faster_scroll_for_firefox").hide();
|
|
||||||
}
|
|
||||||
if (browserId == "F") {
|
if (browserId == "F") {
|
||||||
$("#scrollbar_size_indicator").hide();
|
$("#scrollbar_size_indicator, #scrollbar_thumb, #scrollbar_thumb_hover, #scrollbar_track").hide();
|
||||||
}
|
}
|
||||||
if (browserId == "V") {
|
if (browserId == "V") {
|
||||||
$("#url_for_web_panel").val(chrome.runtime.getURL("sidebar.html"));
|
$("#url_for_web_panel").val(chrome.runtime.getURL("sidebar.html"));
|
||||||
$("#url_for_web_panel").prop("readonly", true);
|
$("#url_for_web_panel").prop("readonly", true);
|
||||||
// $("#url_for_web_panel").select();
|
|
||||||
} else{
|
} else{
|
||||||
$("#field_vivaldi").hide();
|
$("#field_vivaldi").hide();
|
||||||
}
|
}
|
||||||
|
|||||||
@ -19,26 +19,26 @@ function AppendSampleTabs() {
|
|||||||
$("#tab_title11")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_normal_hover");
|
$("#tab_title11")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_normal_hover");
|
||||||
$("#tab_header11").addClass("tab_header_hover").addClass("close_show");
|
$("#tab_header11").addClass("tab_header_hover").addClass("close_show");
|
||||||
|
|
||||||
AppendTab({tab: {id: 12, pinned: false}, Append: true, ParentId: "2", AdditionalClass: "selected"});
|
AppendTab({tab: {id: 12, pinned: false}, Append: true, ParentId: "2", AdditionalClass: "selected_tab"});
|
||||||
$("#tab_title12")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_normal_selected");
|
$("#tab_title12")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_normal_selected");
|
||||||
|
|
||||||
AppendTab({tab: {id: 13, pinned: false}, Append: true, ParentId: "2", AdditionalClass: "selected"});
|
AppendTab({tab: {id: 13, pinned: false}, Append: true, ParentId: "2", AdditionalClass: "selected_tab"});
|
||||||
$("#tab_title13")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_normal_selected_hover");
|
$("#tab_title13")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_normal_selected_hover");
|
||||||
$("#tab_header13").addClass("tab_header_hover").addClass("close_show");
|
$("#tab_header13").addClass("tab_header_hover").addClass("close_show");
|
||||||
$("#close13").addClass("close_hover");
|
$("#close13").addClass("close_hover");
|
||||||
|
|
||||||
// regular active tabs
|
// regular active tabs
|
||||||
AppendTab({tab: {id: 3, pinned: false}, Append: true, ParentId: "2", AdditionalClass: "active"});
|
AppendTab({tab: {id: 3, pinned: false}, Append: true, ParentId: "2", AdditionalClass: "active_tab"});
|
||||||
$("#tab_title3")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_active");
|
$("#tab_title3")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_active");
|
||||||
|
|
||||||
AppendTab({tab: {id: 15, pinned: false}, Append: true, ParentId: "2", AdditionalClass: "active"});
|
AppendTab({tab: {id: 15, pinned: false}, Append: true, ParentId: "2", AdditionalClass: "active_tab"});
|
||||||
$("#tab_title15")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_active_hover");
|
$("#tab_title15")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_active_hover");
|
||||||
$("#tab_header15").addClass("tab_header_hover");
|
$("#tab_header15").addClass("tab_header_hover");
|
||||||
|
|
||||||
AppendTab({tab: {id: 14, pinned: false}, Append: true, ParentId: "2", AdditionalClass: "c selected active"});
|
AppendTab({tab: {id: 14, pinned: false}, Append: true, ParentId: "2", AdditionalClass: "c selected_tab active_tab"});
|
||||||
$("#tab_title14")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_active_selected");
|
$("#tab_title14")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_active_selected");
|
||||||
|
|
||||||
AppendTab({tab: {id: 16, pinned: false}, Append: true, ParentId: "2", AdditionalClass: "c selected active"});
|
AppendTab({tab: {id: 16, pinned: false}, Append: true, ParentId: "2", AdditionalClass: "c selected_tab active_tab"});
|
||||||
$("#tab_title16")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_active_selected_hover");
|
$("#tab_title16")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_active_selected_hover");
|
||||||
$("#tab_header16").addClass("tab_header_hover");
|
$("#tab_header16").addClass("tab_header_hover");
|
||||||
$("#exp16").addClass("hover");
|
$("#exp16").addClass("hover");
|
||||||
@ -51,10 +51,10 @@ function AppendSampleTabs() {
|
|||||||
$("#tab_title17")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_discarded_hover");
|
$("#tab_title17")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_discarded_hover");
|
||||||
$("#tab_header17").addClass("tab_header_hover");
|
$("#tab_header17").addClass("tab_header_hover");
|
||||||
|
|
||||||
AppendTab({tab: {id: 19, pinned: false, discarded: true}, Append: true, ParentId: "5", AdditionalClass: "selected"});
|
AppendTab({tab: {id: 19, pinned: false, discarded: true}, Append: true, ParentId: "5", AdditionalClass: "selected_tab"});
|
||||||
$("#tab_title19")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_discarded_selected");
|
$("#tab_title19")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_discarded_selected");
|
||||||
|
|
||||||
AppendTab({tab: {id: 20, pinned: false, discarded: true}, Append: true, ParentId: "5", AdditionalClass: "selected"});
|
AppendTab({tab: {id: 20, pinned: false, discarded: true}, Append: true, ParentId: "5", AdditionalClass: "selected_tab"});
|
||||||
$("#tab_title20")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_discarded_selected_hover");
|
$("#tab_title20")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_discarded_selected_hover");
|
||||||
$("#tab_header20").addClass("tab_header_hover");
|
$("#tab_header20").addClass("tab_header_hover");
|
||||||
|
|
||||||
@ -66,27 +66,27 @@ function AppendSampleTabs() {
|
|||||||
$("#tab_title21")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_search_result_hover");
|
$("#tab_title21")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_search_result_hover");
|
||||||
$("#tab_header21").addClass("tab_header_hover");
|
$("#tab_header21").addClass("tab_header_hover");
|
||||||
|
|
||||||
AppendTab({tab: {id: 22, pinned: false}, Append: true, ParentId: "6", AdditionalClass: "filtered active"});
|
AppendTab({tab: {id: 22, pinned: false}, Append: true, ParentId: "6", AdditionalClass: "filtered active_tab"});
|
||||||
$("#tab_title22")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_search_result_active");
|
$("#tab_title22")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_search_result_active");
|
||||||
|
|
||||||
AppendTab({tab: {id: 23, pinned: false}, Append: true, ParentId: "6", AdditionalClass: "filtered active"});
|
AppendTab({tab: {id: 23, pinned: false}, Append: true, ParentId: "6", AdditionalClass: "filtered active_tab"});
|
||||||
$("#tab_title23")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_search_result_active_hover");
|
$("#tab_title23")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_search_result_active_hover");
|
||||||
$("#tab_header23").addClass("tab_header_hover");
|
$("#tab_header23").addClass("tab_header_hover");
|
||||||
|
|
||||||
|
|
||||||
// search result selected
|
// search result selected
|
||||||
AppendTab({tab: {id: 8, pinned: false}, Append: true, ParentId: "6", AdditionalClass: "selected filtered"});
|
AppendTab({tab: {id: 8, pinned: false}, Append: true, ParentId: "6", AdditionalClass: "selected_tab filtered"});
|
||||||
$("#tab_title8")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_search_result_selected");
|
$("#tab_title8")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_search_result_selected");
|
||||||
|
|
||||||
AppendTab({tab: {id: 18, pinned: false}, Append: true, ParentId: "6", AdditionalClass: "selected filtered"});
|
AppendTab({tab: {id: 18, pinned: false}, Append: true, ParentId: "6", AdditionalClass: "selected_tab filtered"});
|
||||||
$("#tab_title18")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_search_result_selected_hover");
|
$("#tab_title18")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_search_result_selected_hover");
|
||||||
$("#tab_header18").addClass("tab_header_hover");
|
$("#tab_header18").addClass("tab_header_hover");
|
||||||
|
|
||||||
AppendTab({tab: {id: 25, pinned: false}, Append: true, ParentId: "6", AdditionalClass: "selected filtered active"});
|
AppendTab({tab: {id: 25, pinned: false}, Append: true, ParentId: "6", AdditionalClass: "selected_tab filtered active_tab"});
|
||||||
$("#tab_title25")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_search_result_selected_active");
|
$("#tab_title25")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_search_result_selected_active");
|
||||||
|
|
||||||
|
|
||||||
AppendTab({tab: {id: 26, pinned: false}, Append: true, ParentId: "6", AdditionalClass: "selected filtered active"});
|
AppendTab({tab: {id: 26, pinned: false}, Append: true, ParentId: "6", AdditionalClass: "selected_tab filtered active_tab"});
|
||||||
$("#tab_title26")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_search_result_selected_active_hover");
|
$("#tab_title26")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_search_result_selected_active_hover");
|
||||||
$("#tab_header26").addClass("tab_header_hover");
|
$("#tab_header26").addClass("tab_header_hover");
|
||||||
|
|
||||||
@ -98,25 +98,25 @@ function AppendSampleTabs() {
|
|||||||
$("#tab_title31")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_search_result_highlighted_hover");
|
$("#tab_title31")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_search_result_highlighted_hover");
|
||||||
$("#tab_header31").addClass("tab_header_hover");
|
$("#tab_header31").addClass("tab_header_hover");
|
||||||
|
|
||||||
AppendTab({tab: {id: 32, pinned: false}, Append: true, ParentId: "30", AdditionalClass: "filtered highlighted_search active"});
|
AppendTab({tab: {id: 32, pinned: false}, Append: true, ParentId: "30", AdditionalClass: "filtered highlighted_search active_tab"});
|
||||||
$("#tab_title32")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_search_result_highlighted_active");
|
$("#tab_title32")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_search_result_highlighted_active");
|
||||||
|
|
||||||
AppendTab({tab: {id: 33, pinned: false}, Append: true, ParentId: "30", AdditionalClass: "filtered highlighted_search active"});
|
AppendTab({tab: {id: 33, pinned: false}, Append: true, ParentId: "30", AdditionalClass: "filtered highlighted_search active_tab"});
|
||||||
$("#tab_title33")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_search_result_highlighted_active_hover");
|
$("#tab_title33")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_search_result_highlighted_active_hover");
|
||||||
$("#tab_header33").addClass("tab_header_hover");
|
$("#tab_header33").addClass("tab_header_hover");
|
||||||
|
|
||||||
AppendTab({tab: {id: 34, pinned: false}, Append: true, ParentId: "30", AdditionalClass: "selected filtered highlighted_search"});
|
AppendTab({tab: {id: 34, pinned: false}, Append: true, ParentId: "30", AdditionalClass: "selected_tab filtered highlighted_search"});
|
||||||
$("#tab_title34")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_search_result_highlighted_selected");
|
$("#tab_title34")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_search_result_highlighted_selected");
|
||||||
|
|
||||||
AppendTab({tab: {id: 35, pinned: false}, Append: true, ParentId: "30", AdditionalClass: "selected filtered highlighted_search"});
|
AppendTab({tab: {id: 35, pinned: false}, Append: true, ParentId: "30", AdditionalClass: "selected_tab filtered highlighted_search"});
|
||||||
$("#tab_title35")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_search_result_highlighted_selected_hover");
|
$("#tab_title35")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_search_result_highlighted_selected_hover");
|
||||||
$("#tab_header35").addClass("tab_header_hover");
|
$("#tab_header35").addClass("tab_header_hover");
|
||||||
|
|
||||||
AppendTab({tab: {id: 36, pinned: false}, Append: true, ParentId: "30", AdditionalClass: "selected filtered highlighted_search active"});
|
AppendTab({tab: {id: 36, pinned: false}, Append: true, ParentId: "30", AdditionalClass: "selected_tab filtered highlighted_search active_tab"});
|
||||||
$("#tab_title36")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_search_result_highlighted_selected_active");
|
$("#tab_title36")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_search_result_highlighted_selected_active");
|
||||||
|
|
||||||
|
|
||||||
AppendTab({tab: {id: 37, pinned: false}, Append: true, ParentId: "30", AdditionalClass: "selected filtered highlighted_search active"});
|
AppendTab({tab: {id: 37, pinned: false}, Append: true, ParentId: "30", AdditionalClass: "selected_tab filtered highlighted_search active_tab"});
|
||||||
$("#tab_title37")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_search_result_highlighted_selected_active_hover");
|
$("#tab_title37")[0].textContent = chrome.i18n.getMessage("options_theme_tabs_sample_text_search_result_highlighted_selected_active_hover");
|
||||||
$("#tab_header37").addClass("tab_header_hover");
|
$("#tab_header37").addClass("tab_header_hover");
|
||||||
|
|
||||||
|
|||||||
115
options/theme.js
115
options/theme.js
@ -3,95 +3,95 @@
|
|||||||
// that can be found at https://creativecommons.org/licenses/by-nc-nd/4.0/
|
// that can be found at https://creativecommons.org/licenses/by-nc-nd/4.0/
|
||||||
|
|
||||||
function LoadTheme(themeName) {
|
function LoadTheme(themeName) {
|
||||||
if (localStorage.getItem("theme"+themeName) != null) {
|
chrome.storage.local.get(null, function(items) {
|
||||||
SelectedTheme = JSON.parse(localStorage["theme"+themeName]);
|
if (items.themes[themeName]) {
|
||||||
|
SelectedTheme = Object.assign({}, items.themes[themeName]);
|
||||||
|
current_theme = themeName;
|
||||||
|
} else {
|
||||||
|
SelectedTheme = Object.assign({}, DefaultTheme);
|
||||||
|
current_theme = "";
|
||||||
|
}
|
||||||
|
setTimeout(function() {
|
||||||
$("#new_theme_name")[0].value = themeName;
|
$("#new_theme_name")[0].value = themeName;
|
||||||
setTimeout(function() {
|
setTimeout(function() {
|
||||||
ApplySizeSet(SelectedTheme["TabsSizeSetNumber"]);
|
ApplySizeSet(SelectedTheme["TabsSizeSetNumber"]);
|
||||||
ApplyColorsSet(SelectedTheme["ColorsSet"]);
|
ApplyColorsSet(SelectedTheme["ColorsSet"]);
|
||||||
ApplySizeOptionsSet(SelectedTheme["TabsSizeSetNumber"]);
|
ApplySizeOptionsSet(SelectedTheme["TabsSizeSetNumber"]);
|
||||||
|
|
||||||
$("#toolbar").html(SelectedTheme.toolbar);
|
$("#toolbar").html(SelectedTheme.toolbar);
|
||||||
$("#toolbar_unused_buttons").html(SelectedTheme.unused_buttons);
|
$("#toolbar_unused_buttons").html(SelectedTheme.unused_buttons);
|
||||||
|
|
||||||
if (browserId == "F") {
|
if (browserId == "F") {
|
||||||
$(".button#button_load_bak1, .button#button_load_bak2, .button#button_load_bak3").remove();
|
$(".button#button_load_bak1, .button#button_load_bak2, .button#button_load_bak3").remove();
|
||||||
}
|
}
|
||||||
// expand toolbar options
|
|
||||||
SelectedTheme.ToolbarShow = $("#show_toolbar")[0].checked = SelectedTheme.ToolbarShow;
|
SelectedTheme.ToolbarShow = $("#show_toolbar")[0].checked = SelectedTheme.ToolbarShow;
|
||||||
$("#field_show_toolbar").css({"height": $("#show_toolbar")[0].checked ? "" : "6"});
|
$("#field_show_toolbar").css({"height": $("#show_toolbar")[0].checked ? "" : "6"});
|
||||||
SelectedTheme.ToolbarShow ? $("#options_available_buttons, #toolbar, #toolbar_colors").show() : $("#options_available_buttons, #toolbar, #toolbar_colors").hide();
|
SelectedTheme.ToolbarShow ? $("#options_available_buttons, #toolbar, #toolbar_colors").show() : $("#options_available_buttons, #toolbar, #toolbar_colors").hide();
|
||||||
|
|
||||||
$(".on").removeClass("on");
|
$(".on").removeClass("on");
|
||||||
RefreshGUI();
|
RefreshGUI();
|
||||||
|
|
||||||
chrome.runtime.sendMessage({command: "reload_theme", themeName: "theme"+themeName});
|
chrome.runtime.sendMessage({command: "reload_theme", themeName: "theme"+themeName});
|
||||||
}, 200);
|
}, 200);
|
||||||
|
}, 200);
|
||||||
|
});
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
function SaveTheme(themeName) {
|
function SaveTheme(themeName) {
|
||||||
localStorage["theme"+themeName] = JSON.stringify(SelectedTheme);
|
chrome.storage.local.get(null, function(items) {
|
||||||
|
let LSthemes = items.themes ? Object.assign({}, items.themes) : {};
|
||||||
|
LSthemes[themeName] = Object.assign({}, SelectedTheme);
|
||||||
|
chrome.storage.local.set({themes: LSthemes});
|
||||||
chrome.runtime.sendMessage({command: "reload_theme", themeName: "theme"+themeName});
|
chrome.runtime.sendMessage({command: "reload_theme", themeName: "theme"+themeName});
|
||||||
return SelectedTheme;
|
return SelectedTheme;
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
function AddNewTheme() {
|
function AddNewTheme() {
|
||||||
if (themes.indexOf($("#new_theme_name")[0].value) != -1) {
|
if (themes.indexOf($("#new_theme_name")[0].value) != -1) {
|
||||||
alert(chrome.i18n.getMessage("options_there_is_a_theme_with_this_name"));
|
alert(chrome.i18n.getMessage("options_there_is_a_theme_with_this_name"));
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
if ($("#new_theme_name")[0].value == "") {
|
if ($("#new_theme_name")[0].value == "") {
|
||||||
alert(chrome.i18n.getMessage("options_theme_name_cannot_be_empty"));
|
alert(chrome.i18n.getMessage("options_theme_name_cannot_be_empty"));
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
$("#toolbar").html(DefaultToolbar);
|
$("#toolbar").html(DefaultToolbar);
|
||||||
SelectedTheme = Object.assign({}, DefaultTheme);
|
SelectedTheme = Object.assign({}, DefaultTheme);
|
||||||
SelectedTheme["ColorsSet"] = {};
|
SelectedTheme["ColorsSet"] = {};
|
||||||
DefaultTheme["ColorsSet"] = {};
|
DefaultTheme["ColorsSet"] = {};
|
||||||
|
|
||||||
themes.push($("#new_theme_name")[0].value);
|
themes.push($("#new_theme_name")[0].value);
|
||||||
var t_list = document.getElementById("theme_list");
|
var t_list = document.getElementById("theme_list");
|
||||||
var theme_name = document.createElement("option");
|
var theme_name = document.createElement("option");
|
||||||
theme_name.value = $("#new_theme_name")[0].value;
|
theme_name.value = $("#new_theme_name")[0].value;
|
||||||
theme_name.text = theme_name.value;
|
theme_name.text = theme_name.value;
|
||||||
t_list.add(theme_name);
|
t_list.add(theme_name);
|
||||||
|
|
||||||
$("#theme_list")[0].selectedIndex = $("#theme_list")[0].options.length-1;
|
$("#theme_list")[0].selectedIndex = $("#theme_list")[0].options.length-1;
|
||||||
SaveTheme(theme_name.value);
|
SaveTheme(theme_name.value);
|
||||||
|
setTimeout(function() {
|
||||||
LoadTheme(theme_name.value);
|
LoadTheme(theme_name.value);
|
||||||
|
}, 500);
|
||||||
localStorage["themes"] = JSON.stringify(themes);
|
chrome.storage.local.set({current_theme: $("#theme_list").val()});
|
||||||
localStorage["current_theme"] = $("#theme_list").val();
|
|
||||||
RefreshFields();
|
RefreshFields();
|
||||||
}
|
}
|
||||||
|
|
||||||
function DeleteSelectedTheme() {
|
function DeleteSelectedTheme() {
|
||||||
if ($("#theme_list")[0].options.length == 0) {
|
chrome.storage.local.get(null, function(items) {
|
||||||
localStorage["current_theme"] = "Default";
|
let LSthemes = items.themes ? Object.assign({}, items.themes) : {};
|
||||||
return;
|
|
||||||
}
|
|
||||||
themes.splice(themes.indexOf($("#theme_list").val()), 1);
|
themes.splice(themes.indexOf($("#theme_list").val()), 1);
|
||||||
localStorage["themes"] = JSON.stringify(themes);
|
if (LSthemes[current_theme]) {
|
||||||
|
delete LSthemes[current_theme];
|
||||||
// localStorage.removeItem("theme"+($("#theme_list").val()));
|
}
|
||||||
localStorage.removeItem("theme"+SelectedTheme["theme_name"]);
|
chrome.storage.local.set({themes: LSthemes});
|
||||||
|
|
||||||
var x = document.getElementById("theme_list");
|
var x = document.getElementById("theme_list");
|
||||||
x.remove(x.selectedIndex);
|
x.remove(x.selectedIndex);
|
||||||
|
current_theme = ($("#theme_list")[0].options.length > 0) ? $("#theme_list").val() : "Default";
|
||||||
localStorage["current_theme"] = ($("#theme_list")[0].options.length > 0) ? $("#theme_list").val() : "Default";
|
chrome.storage.local.set({current_theme: current_theme});
|
||||||
LoadTheme(localStorage["current_theme"]);
|
|
||||||
RefreshFields();
|
|
||||||
if ($("#theme_list")[0].options.length == 0) {
|
if ($("#theme_list")[0].options.length == 0) {
|
||||||
SelectedTheme = Object.assign({}, DefaultTheme);
|
SelectedTheme = Object.assign({}, DefaultTheme);
|
||||||
SelectedTheme["ColorsSet"] = {};
|
SelectedTheme["ColorsSet"] = {};
|
||||||
chrome.runtime.sendMessage({command: "reload_theme", themeName: "themeDefault"});
|
chrome.storage.local.set({themes: {}});
|
||||||
|
setTimeout(function() {
|
||||||
|
chrome.runtime.sendMessage({command: "reload_theme", themeName: ""});
|
||||||
|
}, 500);
|
||||||
}
|
}
|
||||||
|
LoadTheme(current_theme);
|
||||||
|
RefreshFields();
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
function RenameSelectedTheme() {
|
function RenameSelectedTheme() {
|
||||||
if (themes.indexOf($("#new_theme_name")[0].value) != -1) {
|
if (themes.indexOf($("#new_theme_name")[0].value) != -1) {
|
||||||
alert(chrome.i18n.getMessage("options_there_is_a_theme_with_this_name"));
|
alert(chrome.i18n.getMessage("options_there_is_a_theme_with_this_name"));
|
||||||
@ -101,17 +101,20 @@ function RenameSelectedTheme() {
|
|||||||
alert(chrome.i18n.getMessage("options_theme_name_cannot_be_empty"));
|
alert(chrome.i18n.getMessage("options_theme_name_cannot_be_empty"));
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
var t_list = document.getElementById("theme_list");
|
chrome.storage.local.get(null, function(items) {
|
||||||
localStorage.removeItem("theme"+SelectedTheme["theme_name"]);
|
let LSthemes = items.themes ? Object.assign({}, items.themes) : {};
|
||||||
SelectedTheme["theme_name"] = $("#new_theme_name")[0].value;
|
SelectedTheme["theme_name"] = $("#new_theme_name")[0].value;
|
||||||
themes[themes.indexOf(t_list.options[t_list.selectedIndex].value)] = SelectedTheme["theme_name"];
|
let t_list = document.getElementById("theme_list");
|
||||||
t_list.options[t_list.selectedIndex].value = t_list.options[t_list.selectedIndex].text = SelectedTheme["theme_name"];
|
t_list.options[t_list.selectedIndex].value = t_list.options[t_list.selectedIndex].text = SelectedTheme["theme_name"];
|
||||||
localStorage["current_theme"] = SelectedTheme["theme_name"];
|
LSthemes[SelectedTheme["theme_name"]] = SelectedTheme;
|
||||||
localStorage["themes"] = JSON.stringify(themes);
|
if (LSthemes[current_theme]) {
|
||||||
SaveTheme(SelectedTheme["theme_name"]);
|
delete LSthemes[current_theme];
|
||||||
|
}
|
||||||
|
current_theme = SelectedTheme["theme_name"];
|
||||||
|
chrome.storage.local.set({themes: LSthemes});
|
||||||
|
chrome.storage.local.set({current_theme: current_theme});
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
function ImportTheme() {
|
function ImportTheme() {
|
||||||
var file = document.getElementById("import_theme");
|
var file = document.getElementById("import_theme");
|
||||||
var fr = new FileReader();
|
var fr = new FileReader();
|
||||||
@ -121,27 +124,21 @@ function ImportTheme() {
|
|||||||
var data = fr.result;
|
var data = fr.result;
|
||||||
file.remove();
|
file.remove();
|
||||||
var themeObj = JSON.parse(data);
|
var themeObj = JSON.parse(data);
|
||||||
|
|
||||||
if (themeObj.theme_version > DefaultTheme["theme_version"]) {
|
if (themeObj.theme_version > DefaultTheme["theme_version"]) {
|
||||||
alert(chrome.i18n.getMessage("options_loaded_theme_newer_version"));
|
alert(chrome.i18n.getMessage("options_loaded_theme_newer_version"));
|
||||||
}
|
}
|
||||||
if (themeObj.theme_version < DefaultTheme["theme_version"]) {
|
if (themeObj.theme_version < DefaultTheme["theme_version"]) {
|
||||||
alert(chrome.i18n.getMessage("options_loaded_theme_older_version"));
|
alert(chrome.i18n.getMessage("options_loaded_theme_older_version"));
|
||||||
}
|
}
|
||||||
|
|
||||||
if (themeObj.theme_version <= DefaultTheme["theme_version"]) {
|
if (themeObj.theme_version <= DefaultTheme["theme_version"]) {
|
||||||
|
|
||||||
SelectedTheme = Object.assign({}, DefaultTheme);
|
SelectedTheme = Object.assign({}, DefaultTheme);
|
||||||
SelectedTheme["ColorsSet"] = {};
|
SelectedTheme["ColorsSet"] = {};
|
||||||
|
|
||||||
for (var val in themeObj.ColorsSet) {
|
for (var val in themeObj.ColorsSet) {
|
||||||
SelectedTheme["ColorsSet"][val] = themeObj.ColorsSet[val];
|
SelectedTheme["ColorsSet"][val] = themeObj.ColorsSet[val];
|
||||||
}
|
}
|
||||||
|
|
||||||
SelectedTheme["ToolbarShow"] = themeObj.ToolbarShow;
|
SelectedTheme["ToolbarShow"] = themeObj.ToolbarShow;
|
||||||
SelectedTheme["TabsSizeSetNumber"] = themeObj.TabsSizeSetNumber;
|
SelectedTheme["TabsSizeSetNumber"] = themeObj.TabsSizeSetNumber;
|
||||||
SelectedTheme["theme_version"] = DefaultTheme["theme_version"];
|
SelectedTheme["theme_version"] = DefaultTheme["theme_version"];
|
||||||
|
|
||||||
if (themeObj.theme_version == 1) {
|
if (themeObj.theme_version == 1) {
|
||||||
SelectedTheme["ColorsSet"]["scrollbar_height"] = themeObj.ScrollbarPinList + "px";
|
SelectedTheme["ColorsSet"]["scrollbar_height"] = themeObj.ScrollbarPinList + "px";
|
||||||
SelectedTheme["ColorsSet"]["scrollbar_width"] = themeObj.ScrollbarTabList + "px";
|
SelectedTheme["ColorsSet"]["scrollbar_width"] = themeObj.ScrollbarTabList + "px";
|
||||||
@ -149,39 +146,30 @@ function ImportTheme() {
|
|||||||
if (themeObj.theme_version == 2) {
|
if (themeObj.theme_version == 2) {
|
||||||
SelectedTheme["unused_buttons"] = themeObj["unused_buttons"];
|
SelectedTheme["unused_buttons"] = themeObj["unused_buttons"];
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
if (themes.indexOf(themeObj.theme_name) == -1) {
|
if (themes.indexOf(themeObj.theme_name) == -1) {
|
||||||
SelectedTheme["theme_name"] = themeObj.theme_name;
|
SelectedTheme["theme_name"] = themeObj.theme_name;
|
||||||
} else {
|
} else {
|
||||||
SelectedTheme["theme_name"] = themeObj.theme_name + "(1)";
|
SelectedTheme["theme_name"] = themeObj.theme_name + "(1)";
|
||||||
}
|
}
|
||||||
|
|
||||||
themes.push(SelectedTheme["theme_name"]);
|
themes.push(SelectedTheme["theme_name"]);
|
||||||
|
|
||||||
SaveTheme(SelectedTheme["theme_name"]);
|
SaveTheme(SelectedTheme["theme_name"]);
|
||||||
var t_list = document.getElementById("theme_list");
|
var t_list = document.getElementById("theme_list");
|
||||||
var theme_name = document.createElement("option");
|
var theme_name = document.createElement("option");
|
||||||
theme_name.value = SelectedTheme["theme_name"];
|
theme_name.value = SelectedTheme["theme_name"];
|
||||||
theme_name.text = theme_name.value;
|
theme_name.text = theme_name.value;
|
||||||
t_list.add(theme_name);
|
t_list.add(theme_name);
|
||||||
|
|
||||||
localStorage["themes"] = JSON.stringify(themes);
|
|
||||||
localStorage["current_theme"] = themeObj.theme_name;
|
|
||||||
|
|
||||||
$("#theme_list")[0].selectedIndex = $("#theme_list")[0].options.length-1;
|
$("#theme_list")[0].selectedIndex = $("#theme_list")[0].options.length-1;
|
||||||
|
current_theme = SelectedTheme["theme_name"];
|
||||||
LoadTheme(SelectedTheme["theme_name"]);
|
$("#new_theme_name")[0].value = current_theme;
|
||||||
|
setTimeout(function() {
|
||||||
|
LoadTheme(current_theme);
|
||||||
|
}, 500);
|
||||||
RefreshFields();
|
RefreshFields();
|
||||||
|
|
||||||
DefaultTheme["ColorsSet"] = {};
|
DefaultTheme["ColorsSet"] = {};
|
||||||
|
chrome.storage.local.set({current_theme: current_theme});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
function ApplySizeOptionsSet(size){
|
function ApplySizeOptionsSet(size){
|
||||||
for (let si = 0; si < document.styleSheets.length; si++) {
|
for (let si = 0; si < document.styleSheets.length; si++) {
|
||||||
if ((document.styleSheets[si].ownerNode.id).match("size_settings") != null) {
|
if ((document.styleSheets[si].ownerNode.id).match("size_settings") != null) {
|
||||||
@ -191,6 +179,5 @@ function ApplySizeOptionsSet(size){
|
|||||||
document.styleSheets.item(si).disabled = true;
|
document.styleSheets.item(si).disabled = true;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -138,9 +138,9 @@
|
|||||||
|
|
||||||
|
|
||||||
/* CLOSE TAB BUTTON OPTIONS */
|
/* CLOSE TAB BUTTON OPTIONS */
|
||||||
#expand_hover_background { top: 1px; left: calc(var(--children_padding_left) + 4px); background-size: var(--row_image_size);}
|
#expand_hover_background { top: 1px; left: calc(var(--children_padding_left) - 18px); background-size: var(--row_image_size);}
|
||||||
#expand_closed_background { top: 1px; left: calc(var(--children_padding_left) + 4px); background-size: var(--row_image_size);}
|
#expand_closed_background { top: 1px; left: calc(var(--children_padding_left) - 18px); background-size: var(--row_image_size);}
|
||||||
#expand_open_background { top: 1px; left: 4px; background-size: var(--row_image_size);}
|
#expand_open_background { top: 1px; left: -12px; background-size: var(--row_image_size);}
|
||||||
|
|
||||||
|
|
||||||
#tab_list_background { top: 835px; left: 50px; }
|
#tab_list_background { top: 835px; left: 50px; }
|
||||||
|
|||||||
@ -138,9 +138,9 @@
|
|||||||
|
|
||||||
|
|
||||||
/* CLOSE TAB BUTTON OPTIONS */
|
/* CLOSE TAB BUTTON OPTIONS */
|
||||||
#expand_hover_background { top: 1px; left: calc(var(--children_padding_left) + 4px); background-size: var(--row_image_size);}
|
#expand_hover_background { top: 1px; left: calc(var(--children_padding_left) - 18px); background-size: var(--row_image_size);}
|
||||||
#expand_closed_background { top: 1px; left: calc(var(--children_padding_left) + 4px); background-size: var(--row_image_size);}
|
#expand_closed_background { top: 1px; left: calc(var(--children_padding_left) - 18px); background-size: var(--row_image_size);}
|
||||||
#expand_open_background { top: 1px; left: 4px; background-size: var(--row_image_size);}
|
#expand_open_background { top: 1px; left: -12px; background-size: var(--row_image_size);}
|
||||||
|
|
||||||
|
|
||||||
#tab_list_background { top: 835px; left: 50px; }
|
#tab_list_background { top: 835px; left: 50px; }
|
||||||
|
|||||||
@ -138,9 +138,9 @@
|
|||||||
|
|
||||||
|
|
||||||
/* CLOSE TAB BUTTON OPTIONS */
|
/* CLOSE TAB BUTTON OPTIONS */
|
||||||
#expand_hover_background { top: 1px; left: calc(var(--children_padding_left) + 4px); background-size: var(--row_image_size);}
|
#expand_hover_background { top: 1px; left: calc(var(--children_padding_left) - 18px); background-size: var(--row_image_size);}
|
||||||
#expand_closed_background { top: 1px; left: calc(var(--children_padding_left) + 4px); background-size: var(--row_image_size);}
|
#expand_closed_background { top: 1px; left: calc(var(--children_padding_left) - 18px); background-size: var(--row_image_size);}
|
||||||
#expand_open_background { top: 1px; left: 4px; background-size: var(--row_image_size);}
|
#expand_open_background { top: 1px; left: -12px; background-size: var(--row_image_size);}
|
||||||
|
|
||||||
|
|
||||||
#tab_list_background { top: 835px; left: 50px; }
|
#tab_list_background { top: 835px; left: 50px; }
|
||||||
|
|||||||
@ -138,9 +138,9 @@
|
|||||||
|
|
||||||
|
|
||||||
/* CLOSE TAB BUTTON OPTIONS */
|
/* CLOSE TAB BUTTON OPTIONS */
|
||||||
#expand_hover_background { top: 2px; left: calc(var(--children_padding_left) + 4px); background-size: var(--row_image_size);}
|
#expand_hover_background { top: 2px; left: calc(var(--children_padding_left) - 18px); background-size: var(--row_image_size);}
|
||||||
#expand_closed_background { top: 2px; left: calc(var(--children_padding_left) + 4px); background-size: var(--row_image_size);}
|
#expand_closed_background { top: 2px; left: calc(var(--children_padding_left) - 18px); background-size: var(--row_image_size);}
|
||||||
#expand_open_background { top: 2px; left: 4px; background-size: var(--row_image_size);}
|
#expand_open_background { top: 2px; left: -12px; background-size: var(--row_image_size);}
|
||||||
|
|
||||||
|
|
||||||
#tab_list_background { top: 835px; left: 50px; }
|
#tab_list_background { top: 835px; left: 50px; }
|
||||||
|
|||||||
@ -138,9 +138,9 @@
|
|||||||
|
|
||||||
|
|
||||||
/* CLOSE TAB BUTTON OPTIONS */
|
/* CLOSE TAB BUTTON OPTIONS */
|
||||||
#expand_hover_background { top: 0px; left: calc(var(--children_padding_left) + 4px); background-size: var(--row_image_size);}
|
#expand_hover_background { top: 0px; left: calc(var(--children_padding_left) - 18px); background-size: var(--row_image_size);}
|
||||||
#expand_closed_background { top: 0px; left: calc(var(--children_padding_left) + 4px); background-size: var(--row_image_size);}
|
#expand_closed_background { top: 0px; left: calc(var(--children_padding_left) - 18px); background-size: var(--row_image_size);}
|
||||||
#expand_open_background { top: 0px; left: 4px; background-size: var(--row_image_size);}
|
#expand_open_background { top: 0px; left: -12px; background-size: var(--row_image_size);}
|
||||||
|
|
||||||
|
|
||||||
#tab_list_background { top: 835px; left: 50px; }
|
#tab_list_background { top: 835px; left: 50px; }
|
||||||
|
|||||||
@ -40,21 +40,21 @@ function SetIOEvents() {
|
|||||||
if (MouseHoverOver == "pin_list") {
|
if (MouseHoverOver == "pin_list") {
|
||||||
// ctrl+a to select all
|
// ctrl+a to select all
|
||||||
if (event.ctrlKey && event.which == 65) {
|
if (event.ctrlKey && event.which == 65) {
|
||||||
$(".pin").addClass("selected");
|
$(".pin").addClass("selected_tab");
|
||||||
}
|
}
|
||||||
// ctrl+i to invert selection
|
// ctrl+i to invert selection
|
||||||
if (event.ctrlKey && event.which == 73) {
|
if (event.ctrlKey && event.which == 73) {
|
||||||
$(".pin").toggleClass("selected");
|
$(".pin").toggleClass("selected_tab");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
if (MouseHoverOver.match("g_|tab_list") !== null) {
|
if (MouseHoverOver.match("g_|tab_list") !== null) {
|
||||||
// ctrl+a to select all
|
// ctrl+a to select all
|
||||||
if (event.ctrlKey && event.which == 65) {
|
if (event.ctrlKey && event.which == 65) {
|
||||||
$("#"+active_group).children(".tab:visible").addClass("selected");
|
$("#ch"+active_group).children(".tab:visible").addClass("selected_tab");
|
||||||
}
|
}
|
||||||
// ctrl+i to invert selection
|
// ctrl+i to invert selection
|
||||||
if (event.ctrlKey && event.which == 73) {
|
if (event.ctrlKey && event.which == 73) {
|
||||||
$(".tab:visible").toggleClass("selected");
|
$(".tab:visible").toggleClass("selected_tab");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
RefreshGUI();
|
RefreshGUI();
|
||||||
|
|||||||
@ -3,20 +3,32 @@
|
|||||||
// that can be found at https://creativecommons.org/licenses/by-nc-nd/4.0/
|
// that can be found at https://creativecommons.org/licenses/by-nc-nd/4.0/
|
||||||
|
|
||||||
function ExportGroup(filename) {
|
function ExportGroup(filename) {
|
||||||
let GroupToSave = [0,[]];
|
let GroupToSave = { group: bggroups[active_group], folders: {}, tabs: [] };
|
||||||
GroupToSave[0] = bggroups[active_group];
|
|
||||||
let lastId = parseInt($("#"+active_group+" .tab").last()[0].id);
|
let lastId = parseInt($("#"+active_group+" .tab").last()[0].id);
|
||||||
|
$("#"+active_group+" .folder").each(function() {
|
||||||
|
if (bgfolders[this.id]) {
|
||||||
|
GroupToSave.folders[this.id] = bgfolders[this.id];
|
||||||
|
}
|
||||||
|
})
|
||||||
$("#"+active_group+" .tab").each(function() {
|
$("#"+active_group+" .tab").each(function() {
|
||||||
chrome.tabs.get(parseInt(this.id), function(tab) {
|
chrome.tabs.get(parseInt(this.id), function(tab) {
|
||||||
GroupToSave[1].push([tab.id, ($("#"+tab.id).parent(".group")[0] ? $("#"+tab.id).parent()[0].id : $("#"+tab.id).parent().parent(".tab")[0].id), $("#"+tab.id).index(), ($("#"+tab.id).is(".n") ? "n" : ($("#"+tab.id).is(".c") ? "c" : "o")), tab.url]);
|
if ((tab.url).startsWith("www") || (tab.url).startsWith("http") || (tab.url).startsWith("ftp")) {
|
||||||
|
(GroupToSave.tabs).push(
|
||||||
|
{
|
||||||
|
id: tab.id,
|
||||||
|
parent: $("#"+tab.id).parent().parent()[0].id,
|
||||||
|
index: $("#"+tab.id).index(),
|
||||||
|
expand: ($("#"+tab.id).is(".n") ? "n" : ($("#"+tab.id).is(".c") ? "c" : "o")),
|
||||||
|
url: tab.url
|
||||||
|
}
|
||||||
|
);
|
||||||
|
}
|
||||||
if (tab.id == lastId) {
|
if (tab.id == lastId) {
|
||||||
SaveFile(filename, GroupToSave);
|
SaveFile(filename, GroupToSave);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
function ImportGroup() {
|
function ImportGroup() {
|
||||||
let file = document.getElementById("file_import_group");
|
let file = document.getElementById("file_import_group");
|
||||||
let fr = new FileReader();
|
let fr = new FileReader();
|
||||||
@ -26,69 +38,77 @@ function ImportGroup() {
|
|||||||
let data = fr.result;
|
let data = fr.result;
|
||||||
file.remove();
|
file.remove();
|
||||||
let LoadedGroup = JSON.parse(data);
|
let LoadedGroup = JSON.parse(data);
|
||||||
|
let NewFolders = {};
|
||||||
let RefsTabs = {};
|
let RefsTabs = {};
|
||||||
let newTabs = {};
|
let NewTabs = [];
|
||||||
let lastId = LoadedGroup[1][LoadedGroup[1].length-1][0];
|
let NewGroupId = AddNewGroup({name: LoadedGroup.group.name, font: LoadedGroup.group.font});
|
||||||
let NewGroupId = AddNewGroup({name: LoadedGroup[0].name, font: LoadedGroup[0].font});
|
|
||||||
SetActiveGroup(NewGroupId, false, false);
|
SetActiveGroup(NewGroupId, false, false);
|
||||||
LoadedGroup[1].forEach(function(LTab){
|
for (var folder in LoadedGroup.folders) {
|
||||||
chrome.tabs.create({url: LTab[4]}, function(tab) {
|
let newId = GenerateNewFolderID();
|
||||||
RefsTabs[LTab[0]] = tab.id;
|
NewFolders[folder] = { id: newId, parent: NewGroupId, index: (LoadedGroup.folders[folder].index), name: (LoadedGroup.folders[folder].name), expand: (LoadedGroup.folders[folder].expand) };
|
||||||
newTabs[tab.id] = {i: LTab[2]};
|
}
|
||||||
if (LTab[0] == lastId) {
|
for (var folder in NewFolders) {
|
||||||
|
if (NewFolders[LoadedGroup.folders[folder].parent]) {
|
||||||
|
NewFolders[folder].parent = NewFolders[LoadedGroup.folders[folder].parent].id;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
(LoadedGroup.tabs).forEach(function(Tab){
|
||||||
|
chrome.tabs.create({url: Tab.url, active: false}, function(new_tab) {
|
||||||
|
if (new_tab) {
|
||||||
|
RefsTabs[Tab.id] = new_tab.id;
|
||||||
|
Tab.id = new_tab.id;
|
||||||
|
NewTabs.push(Tab);
|
||||||
|
}
|
||||||
|
if (NewTabs.length == LoadedGroup.tabs.length-1) {
|
||||||
setTimeout(function() {
|
setTimeout(function() {
|
||||||
LoadedGroup[1].forEach(function(LTab){
|
NewTabs.forEach(function(LTab) {
|
||||||
$("#"+NewGroupId).append($("#"+LTab[0]));
|
if (LTab.parent == LoadedGroup.group.id) {
|
||||||
|
LTab.parent = NewGroupId;
|
||||||
|
}
|
||||||
|
if (NewFolders[LTab.parent]) {
|
||||||
|
LTab.parent = NewFolders[LTab.parent].id;
|
||||||
|
}
|
||||||
|
if (RefsTabs[LTab.parent]) {
|
||||||
|
LTab.parent = RefsTabs[LTab.parent];
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
RearrangeTreeStructure({}, NewFolders, NewTabs);
|
||||||
}, 2000);
|
}, 2000);
|
||||||
setTimeout(function() {
|
|
||||||
LoadedGroup[1].forEach(function(LTab){
|
|
||||||
if ($("#"+RefsTabs[LTab[1]])[0] && $("#"+LTab[0])[0]) {
|
|
||||||
$("#ch"+RefsTabs[LTab[1]]).append($("#"+LTab[0]));
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
LoadedGroup[1].forEach(function(LTab){
|
|
||||||
$("#"+LTab[0]).addClass(LTab[3]);
|
|
||||||
});
|
|
||||||
chrome.tabs.query({currentWindow: true}, function(tabs) {
|
|
||||||
RearrangeTreeTabs(tabs, newTabs, true);
|
|
||||||
RefreshExpandStates();
|
|
||||||
RefreshGUI();
|
|
||||||
});
|
|
||||||
}, 4000);
|
|
||||||
}
|
|
||||||
LTab[0] = tab.id;
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
function ExportSession(filename) {
|
||||||
function ExportTabs(filename) {
|
|
||||||
chrome.windows.getAll({windowTypes: ['normal'], populate: true}, function(w) {
|
chrome.windows.getAll({windowTypes: ['normal'], populate: true}, function(w) {
|
||||||
chrome.runtime.sendMessage({command: "get_browser_tabs"}, function(response) {
|
chrome.runtime.sendMessage({command: "get_browser_tabs"}, function(response) {
|
||||||
let tabs = Object.assign({}, response);
|
let tabs = Object.assign({}, response);
|
||||||
chrome.runtime.sendMessage({command: "get_windows"}, function(response) {
|
chrome.runtime.sendMessage({command: "get_windows"}, function(response) {
|
||||||
let windows = Object.assign({}, response);
|
let windows = Object.assign({}, response);
|
||||||
let WindowsToSave = [];
|
let warn = true;
|
||||||
|
let ExportWindows = [];
|
||||||
w.forEach(function(CWin) {
|
w.forEach(function(CWin) {
|
||||||
if (windows[CWin.id] != undefined && windows[CWin.id].group_bar != undefined && windows[CWin.id].active_shelf != undefined && windows[CWin.id].active_group != undefined && windows[CWin.id].groups != undefined && windows[CWin.id].folders != undefined) {
|
if (CWin.tabs.length > 0) {
|
||||||
WindowsToSave.push([[], CWin.id, CWin.tabs[0].url, CWin.tabs[CWin.tabs.length-1].url, windows[CWin.id].group_bar, windows[CWin.id].group_bar, windows[CWin.id].active_shelf, windows[CWin.id].active_group, windows[CWin.id].groups, windows[CWin.id].folders, 0]);
|
if (CWin.tabs.length > 100 && warn) {
|
||||||
|
alert(chrome.i18n.getMessage("warning_exporting_big_amount_of_tabs"));
|
||||||
|
warn = false;
|
||||||
}
|
}
|
||||||
|
windows[CWin.id]["id"] = CWin.id;
|
||||||
|
windows[CWin.id]["tabs"] = [];
|
||||||
CWin.tabs.forEach(function(CTab) {
|
CWin.tabs.forEach(function(CTab) {
|
||||||
if (tabs[CTab.id] != undefined && tabs[CTab.id].parent != undefined && tabs[CTab.id].index != undefined && tabs[CTab.id].expand != undefined) {
|
if ((CTab.url).startsWith("www") || (CTab.url).startsWith("http") || (CTab.url).startsWith("ftp")) {
|
||||||
WindowsToSave[WindowsToSave.length-1][0].push([CTab.id, CTab.url, tabs[CTab.id].parent, tabs[CTab.id].index, tabs[CTab.id].expand]);
|
windows[CWin.id]["tabs"].push({id: CTab.id, url: CTab.url, parent: tabs[CTab.id].parent, index: tabs[CTab.id].index, expand: tabs[CTab.id].expand});
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
ExportWindows.push(windows[CWin.id]);
|
||||||
|
}
|
||||||
});
|
});
|
||||||
SaveFile(filename, WindowsToSave);
|
SaveFile(filename, ExportWindows);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
function ImportSession() {
|
||||||
|
|
||||||
function ImportTabs() {
|
|
||||||
let file = document.getElementById("file_import_backup");
|
let file = document.getElementById("file_import_backup");
|
||||||
let fr = new FileReader();
|
let fr = new FileReader();
|
||||||
if (file.files[0] == undefined) return;
|
if (file.files[0] == undefined) return;
|
||||||
@ -96,63 +116,80 @@ function ImportTabs() {
|
|||||||
fr.onload = function() {
|
fr.onload = function() {
|
||||||
let data = fr.result;
|
let data = fr.result;
|
||||||
file.remove();
|
file.remove();
|
||||||
chrome.windows.getAll({windowTypes: ['normal'], populate: true}, function(w) {
|
let LoadedWindows = JSON.parse(data);
|
||||||
|
let RefsTabs = {};
|
||||||
//make global variables
|
log(LoadedWindows);
|
||||||
LoadedWindows = JSON.parse(data);
|
|
||||||
RefsTabs = {};
|
|
||||||
TotalTabsCount = 0;
|
|
||||||
|
|
||||||
LoadedWindows.forEach(function(LWin) {
|
LoadedWindows.forEach(function(LWin) {
|
||||||
TotalTabsCount += LWin[0].length;
|
let NewTabs = [];
|
||||||
|
let urls = [];
|
||||||
|
(LWin.tabs).forEach(function(Tab) {
|
||||||
|
urls.push(Tab.url);
|
||||||
|
NewTabs.push(Tab);
|
||||||
});
|
});
|
||||||
|
chrome.windows.create({url: urls}, function(new_window) {
|
||||||
LoadedWindows.forEach(function(LWin){
|
for (let tInd = 0; tInd < new_window.tabs.length; tInd++) {
|
||||||
chrome.windows.create({}, function(new_window) {
|
RefsTabs[NewTabs[tInd].id] = new_window.tabs[tInd].id;
|
||||||
LWin[1] = new_window.id;
|
NewTabs[tInd].id = new_window.tabs[tInd].id;
|
||||||
LWin[2] = "";
|
}
|
||||||
LWin[3] = "";
|
for (let tInd = 0; tInd < new_window.tabs.length; tInd++) {
|
||||||
|
if (RefsTabs[NewTabs[tInd].parent] != undefined) {
|
||||||
|
NewTabs[tInd].parent = RefsTabs[NewTabs[tInd].parent];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
let HaveResponse;
|
||||||
|
let GiveUp = 0;
|
||||||
|
var Append = setInterval(function() {
|
||||||
|
chrome.runtime.sendMessage({command: "remote_update", groups: LWin.groups, folders: LWin.folders, tabs: NewTabs, windowId: new_window.id}, function(response) {
|
||||||
|
HaveResponse = response;
|
||||||
|
});
|
||||||
|
if (HaveResponse || GiveUp > 900) {
|
||||||
|
clearInterval(Append);
|
||||||
|
}
|
||||||
|
GiveUp++;
|
||||||
|
}, 2000);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function RearrangeTreeStructure(groups, folders, tabs) { // groups and folders are in object, just like bggroups and bgfolders, but tabs are in array of bgtreetabs objects
|
||||||
|
log("function: RearrangeTreeStructure");
|
||||||
|
chrome.tabs.query({currentWindow: true}, function(ChromeTabs) {
|
||||||
|
if (Object.keys(groups).length > 0) {
|
||||||
|
for (var group in groups) {
|
||||||
|
bggroups[groups[group].id] = Object.assign({}, groups[group]);
|
||||||
|
}
|
||||||
|
AppendGroups(bggroups);
|
||||||
|
}
|
||||||
|
if (Object.keys(folders).length > 0) {
|
||||||
|
for (var folder in folders) {
|
||||||
|
bgfolders[folders[folder].id] = Object.assign({}, folders[folder]);
|
||||||
|
}
|
||||||
|
AppendFolders(bgfolders);
|
||||||
|
}
|
||||||
|
let bgtabs = {};
|
||||||
|
tabs.forEach(function(Tab) {
|
||||||
|
if (Tab.parent == "pin_list") {
|
||||||
|
chrome.tabs.update(Tab.id, {pinned: true});
|
||||||
|
}
|
||||||
|
if ($("#"+Tab.id)[0] && $("#ch"+Tab.parent)[0]) {
|
||||||
|
$("#ch"+Tab.parent).append($("#"+Tab.id));
|
||||||
|
$("#"+Tab.id).addClass(Tab.expand);
|
||||||
|
}
|
||||||
|
bgtabs[Tab.id] = {index: Tab.index, parent: Tab.parent, expand: Tab.expand};
|
||||||
|
});
|
||||||
|
RearrangeTreeTabs(ChromeTabs, bgtabs, true);
|
||||||
|
RearrangeFolders(true);
|
||||||
|
UpdateBgGroupsOrder();
|
||||||
setTimeout(function() {
|
setTimeout(function() {
|
||||||
chrome.runtime.sendMessage({command: "save_groups", groups: LWin[8], windowId: new_window.id});
|
RefreshExpandStates();
|
||||||
|
RefreshCounters();
|
||||||
|
schedule_update_data++;
|
||||||
|
SaveFolders();
|
||||||
}, 1000);
|
}, 1000);
|
||||||
|
|
||||||
LWin[0].forEach(function(LTab){
|
|
||||||
chrome.tabs.create({url: LTab[1], pinned: (LTab[2] == "pin_list" ? true : false), windowId: new_window.id}, function(tab) {
|
|
||||||
RefsTabs[LTab[0]] = tab.id;
|
|
||||||
LTab[0] = tab.id;
|
|
||||||
LTab[1] = "";
|
|
||||||
TotalTabsCount--;
|
|
||||||
|
|
||||||
if (TotalTabsCount < 2) {
|
|
||||||
setTimeout(function() {
|
|
||||||
chrome.runtime.sendMessage({command: "get_windows"}, function(response) {
|
|
||||||
let windows = Object.assign({}, response);
|
|
||||||
|
|
||||||
LoadedWindows.forEach(function(LWin){
|
|
||||||
LWin[0].forEach(function(LTab){
|
|
||||||
schedule_update_data -= 2;
|
|
||||||
chrome.runtime.sendMessage({command: "update_tab", tabId: LTab[0], tab: {parent: (RefsTabs[LTab[2]] ? RefsTabs[LTab[2]] : LTab[2]), index: LTab[3], expand: LTab[4]}});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
setTimeout(function() {
|
|
||||||
chrome.runtime.sendMessage({command: "reload_sidebar"});
|
|
||||||
location.reload();
|
|
||||||
}, 3000);
|
|
||||||
});
|
|
||||||
chrome.tabs.remove(new_window.tabs[0].id, null);
|
|
||||||
}, 1000);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
function ImportMergeTabs() {
|
function ImportMergeTabs() {
|
||||||
|
log("function: ImportMergeTabs");
|
||||||
let file = document.getElementById("file_import_merge_backup");
|
let file = document.getElementById("file_import_merge_backup");
|
||||||
let fr = new FileReader();
|
let fr = new FileReader();
|
||||||
if (file.files[0] == undefined) return;
|
if (file.files[0] == undefined) return;
|
||||||
@ -160,105 +197,107 @@ function ImportMergeTabs() {
|
|||||||
fr.onload = function() {
|
fr.onload = function() {
|
||||||
let data = fr.result;
|
let data = fr.result;
|
||||||
file.remove();
|
file.remove();
|
||||||
|
let lw = JSON.parse(data);
|
||||||
//make global variables
|
let RefsWins = {};
|
||||||
LoadedWindows = JSON.parse(data);
|
let RefsTabs = {};
|
||||||
RefsTabs = {};
|
for (let LWI = 0; LWI < lw.length; LWI++) { // clear previous window ids
|
||||||
RefsWins = {};
|
lw[LWI].id = "";
|
||||||
TotalTabsCount = 0;
|
}
|
||||||
LoadedWindows.forEach(function(LWin){
|
log(lw);
|
||||||
TotalTabsCount += LWin[0].length;
|
chrome.windows.getAll({windowTypes: ['normal'], populate: true}, function(cw) {
|
||||||
});
|
for (let CWI = 0; CWI < cw.length; CWI++) { // loop Windows
|
||||||
|
for (let LWI = 0; LWI < lw.length; LWI++) { // loop Loaded Windows
|
||||||
chrome.windows.getAll({windowTypes: ['normal'], populate: true}, function(w) {
|
let tabsMatch = 0;
|
||||||
w.forEach(function(CWin){ // loop Current Windows (CWin)
|
for (let CTI = 0; CTI < cw[CWI].tabs.length; CTI++) { // loop Tabs of each Current Window
|
||||||
LoadedWindows.forEach(function(LWin){ // loop Loaded Windows (LWin)
|
for (let LTI = 0; LTI < lw[LWI].tabs.length; LTI++) { // loop Tabs of each Loaded Window
|
||||||
CWin.tabs.forEach(function(CTab){ // loop Tabs of each Current Window
|
if (cw[CWI].tabs[CTI].url == lw[LWI].tabs[LTI].url) {
|
||||||
schedule_update_data -= 2;
|
RefsTabs[lw[LWI].tabs[LTI].id] = cw[CWI].tabs[CTI].id;
|
||||||
for (let LWinTabInd = 0; LWinTabInd < LWin[0].length; LWinTabInd++) { // loop Tabs of each Loaded Window
|
lw[LWI].tabs[LTI].id = cw[CWI].tabs[CTI].id;
|
||||||
if (CTab.url == LWin[0][LWinTabInd][1]) {
|
lw[LWI].tabs[LTI].url = "";
|
||||||
// TabsMatched++;
|
tabsMatch++;
|
||||||
RefsTabs[LWin[0][LWinTabInd][0]] = CTab.id;
|
|
||||||
LWin[0][LWinTabInd][0] = CTab.id;
|
|
||||||
LWin[0][LWinTabInd][1] = "";
|
|
||||||
LWin[10]++;
|
|
||||||
TotalTabsCount--;
|
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
|
||||||
if (CWin.tabs[0].url == LWin[2] && CWin.tabs[CWin.tabs.length-1].url == LWin[3] && LWin[10] > LWin[0].length*0.5) {
|
|
||||||
RefsWins[LWin[1]] = CWin.id;
|
|
||||||
LWin[1] = CWin.id;
|
|
||||||
LWin[2] = "";
|
|
||||||
LWin[3] = "";
|
|
||||||
}
|
}
|
||||||
});
|
log(tabsMatch);
|
||||||
});
|
if (tabsMatch > lw[LWI].tabs.length*0.8) {
|
||||||
|
lw[LWI].id = cw[CWI].id;
|
||||||
LoadedWindows.forEach(function(LWin){
|
break;
|
||||||
if (LWin[2] != "" && LWin[3] != "") { // missing window, lets make one
|
|
||||||
chrome.windows.create({}, function(new_window) {
|
|
||||||
RefsWins[LWin[1]] = new_window.id;
|
|
||||||
LWin[1] = new_window.id;
|
|
||||||
|
|
||||||
LWin[2] = "";
|
|
||||||
LWin[3] = "";
|
|
||||||
|
|
||||||
LWin[0].forEach(function(LTab){
|
|
||||||
if (LTab[1] != "") { // missing tab of missing window, lets make one
|
|
||||||
chrome.tabs.create({url: LTab[1], windowId: new_window.id}, function(tab) {
|
|
||||||
|
|
||||||
// chrome.tabs.executeScript(tab.id, {code: "setTimeout(function() { window.stop(); }, 5000);", runAt: "document_start"}, function(){});
|
|
||||||
|
|
||||||
RefsTabs[LTab[0]] = tab.id;
|
|
||||||
LTab[0] = tab.id;
|
|
||||||
LTab[1] = "";
|
|
||||||
TotalTabsCount--;
|
|
||||||
});
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
log(lw);
|
||||||
|
lw.forEach(function(w) {
|
||||||
|
if (w.id == "") { // missing window, lets make one
|
||||||
|
log("missing window");
|
||||||
|
let NewTabs = [];
|
||||||
|
let urls = [];
|
||||||
|
(w.tabs).forEach(function(Tab) {
|
||||||
|
urls.push(Tab.url);
|
||||||
|
NewTabs.push(Tab);
|
||||||
});
|
});
|
||||||
chrome.tabs.remove(new_window.tabs[0].id, null);
|
chrome.windows.create({url: urls}, function(new_window) {
|
||||||
|
for (let tInd = 0; tInd < new_window.tabs.length; tInd++) {
|
||||||
|
RefsTabs[NewTabs[tInd].id] = new_window.tabs[tInd].id;
|
||||||
|
NewTabs[tInd].id = new_window.tabs[tInd].id;
|
||||||
|
}
|
||||||
|
for (let tInd = 0; tInd < new_window.tabs.length; tInd++) {
|
||||||
|
if (RefsTabs[NewTabs[tInd].parent] != undefined) {
|
||||||
|
NewTabs[tInd].parent = RefsTabs[NewTabs[tInd].parent];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
let HaveResponse;
|
||||||
|
let GiveUp = 0;
|
||||||
|
var Append = setInterval(function() {
|
||||||
|
chrome.runtime.sendMessage({command: "remote_update", groups: w.groups, folders: w.folders, tabs: NewTabs, windowId: new_window.id}, function(response) {
|
||||||
|
HaveResponse = response;
|
||||||
|
});
|
||||||
|
if (HaveResponse || GiveUp > 900) {
|
||||||
|
clearInterval(Append);
|
||||||
|
}
|
||||||
|
GiveUp++;
|
||||||
|
}, 2000);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{ // window exists, lets add missing tabs
|
||||||
|
log("window exists");
|
||||||
|
let NewTabs = [];
|
||||||
|
(w.tabs).forEach(function(Tab) {
|
||||||
|
if (Tab.url != "") { // missing tab, lets make one
|
||||||
|
chrome.tabs.create({url: Tab.url, windowId: w.id}, function(tab) {
|
||||||
|
Tab.id = tab.id;
|
||||||
|
RefsTabs[tab.id] = tab.id;
|
||||||
|
NewTabs.push(Tab);
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
LWin[0].forEach(function(LTab){
|
NewTabs.push(Tab);
|
||||||
if (LTab[1] != "") { // missing tab, lets make one
|
}
|
||||||
chrome.tabs.create({url: LTab[1], windowId: LWin[1]}, function(tab) {
|
});
|
||||||
RefsTabs[LTab[0]] = tab.id;
|
|
||||||
LTab[0] = tab.id;
|
|
||||||
LTab[1] = "";
|
|
||||||
TotalTabsCount--;
|
|
||||||
|
|
||||||
if (TotalTabsCount < 2) {
|
|
||||||
setTimeout(function() {
|
setTimeout(function() {
|
||||||
chrome.runtime.sendMessage({command: "get_windows"}, function(response) {
|
for (let tInd = 0; tInd < NewTabs.length; tInd++) {
|
||||||
let windows = Object.assign({}, response);
|
if (RefsTabs[NewTabs[tInd].parent] != undefined) {
|
||||||
|
NewTabs[tInd].parent = RefsTabs[NewTabs[tInd].parent];
|
||||||
LoadedWindows.forEach(function(LWin){
|
|
||||||
for (let lGroup in LWin[8]) {
|
|
||||||
if (windows[LWin[1]] && windows[LWin[1]].groups[lGroup] == undefined) {
|
|
||||||
windows[LWin[1]].groups[lGroup] = Object.assign({}, LWin[8][lGroup]);
|
|
||||||
chrome.runtime.sendMessage({command: "save_groups", groups: windows[LWin[1]].groups, windowId: LWin[1]});
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}, 4000);
|
||||||
LWin[0].forEach(function(LTab){
|
|
||||||
schedule_update_data -= 2;
|
|
||||||
chrome.runtime.sendMessage({command: "update_tab", tabId: LTab[0], tab: {parent: (RefsTabs[LTab[2]] ? RefsTabs[LTab[2]] : LTab[2]), index: LTab[3], expand: LTab[4]}});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
setTimeout(function() {
|
setTimeout(function() {
|
||||||
chrome.runtime.sendMessage({command: "reload_sidebar"});
|
if (w.id == CurrentWindowId) {
|
||||||
location.reload();
|
RearrangeTreeStructure(w.groups, w.folders, NewTabs);
|
||||||
}, 1000);
|
} else {
|
||||||
|
let HaveResponse;
|
||||||
|
let GiveUp = 0;
|
||||||
|
var Append = setInterval(function() {
|
||||||
|
chrome.runtime.sendMessage({command: "remote_update", groups: w.groups, folders: w.folders, tabs: NewTabs, windowId: w.id}, function(response) {
|
||||||
|
HaveResponse = response;
|
||||||
});
|
});
|
||||||
}, 1000);
|
if (HaveResponse || GiveUp > 900) {
|
||||||
|
clearInterval(Append);
|
||||||
}
|
}
|
||||||
});
|
GiveUp++;
|
||||||
|
}, 2000);
|
||||||
}
|
}
|
||||||
});
|
}, 6000);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|||||||
@ -5,47 +5,69 @@
|
|||||||
// ********** CHROME EVENTS ***************
|
// ********** CHROME EVENTS ***************
|
||||||
|
|
||||||
function StartChromeListeners() {
|
function StartChromeListeners() {
|
||||||
|
if (browserId == "F") {
|
||||||
|
browser.browserAction.onClicked.addListener(function(tab) {
|
||||||
|
if (tab.windowId == CurrentWindowId) {
|
||||||
|
browser.sidebarAction.close();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
chrome.runtime.onMessage.addListener(function(message, sender, sendResponse) {
|
chrome.runtime.onMessage.addListener(function(message, sender, sendResponse) {
|
||||||
|
log("message to sidebar "+CurrentWindowId+": ");
|
||||||
|
log(message);
|
||||||
|
if (message.command == "backup_available") {
|
||||||
|
$("#button_load_bak"+message.bak).removeClass("disabled");
|
||||||
|
}
|
||||||
if (message.command == "drag_drop") {
|
if (message.command == "drag_drop") {
|
||||||
DragAndDrop.DragNodeClass = message.DragNodeClass;
|
|
||||||
DragAndDrop.SelectedTabsIds = message.SelectedTabsIds;
|
|
||||||
DragAndDrop.TabsIds = message.TabsIds;
|
|
||||||
DragAndDrop.Parents = message.Parents;
|
|
||||||
DragAndDrop.ComesFromWindowId = message.ComesFromWindowId;
|
DragAndDrop.ComesFromWindowId = message.ComesFromWindowId;
|
||||||
|
DragAndDrop.DragNodeClass = message.DragNodeClass;
|
||||||
DragAndDrop.Depth = message.Depth;
|
DragAndDrop.Depth = message.Depth;
|
||||||
|
DragAndDrop.Folders = Object.assign({}, message.Folders);
|
||||||
|
DragAndDrop.FoldersSelected = message.FoldersSelected;
|
||||||
|
DragAndDrop.TabsIds = message.TabsIds;
|
||||||
|
DragAndDrop.TabsIdsParents = message.TabsIdsParents;
|
||||||
|
DragAndDrop.TabsIdsSelected = message.TabsIdsSelected;
|
||||||
|
}
|
||||||
|
if (message.command == "dropped") {
|
||||||
|
DragAndDrop.DroppedToWindowId = message.DroppedToWindowId;
|
||||||
|
if (Object.keys(DragAndDrop.Folders).length > 0 && message.DroppedToWindowId != CurrentWindowId) {
|
||||||
|
for (var folder in DragAndDrop.Folders)
|
||||||
|
{
|
||||||
|
RemoveFolder(DragAndDrop.Folders[folder].id);
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
if (message.command == "reload_sidebar") {
|
if (message.command == "reload_sidebar") {
|
||||||
window.location.reload();
|
window.location.reload();
|
||||||
}
|
}
|
||||||
if (message.command == "reload_options") {
|
if (message.command == "reload_options") {
|
||||||
LoadPreferences();
|
chrome.runtime.sendMessage({command: "get_preferences"}, function(response) {
|
||||||
|
opt = Object.assign({}, response);
|
||||||
setTimeout(function() {
|
setTimeout(function() {
|
||||||
RestorePinListRowSettings();
|
RestorePinListRowSettings();
|
||||||
}, 200);
|
}, 200);
|
||||||
|
});
|
||||||
}
|
}
|
||||||
if (message.command == "reload_theme") {
|
if (message.command == "reload_theme") {
|
||||||
let theme = LoadData(message.themeName, DefaultTheme);
|
setTimeout(function() {
|
||||||
ApplySizeSet(theme["TabsSizeSetNumber"]);
|
chrome.runtime.sendMessage({command: "get_theme", windowId: CurrentWindowId}, function(response) {
|
||||||
ApplyColorsSet(theme["ColorsSet"]);
|
RestorePinListRowSettings();
|
||||||
if (theme.ToolbarShow) {
|
let theme = response;
|
||||||
$("#toolbar").html(theme.toolbar);
|
ApplyTheme(theme);
|
||||||
} else {
|
});
|
||||||
$("#toolbar").html("");
|
}, 300);
|
||||||
}
|
|
||||||
RestoreToolbarSearchFilter();
|
|
||||||
RestoreToolbarShelf();
|
|
||||||
}
|
}
|
||||||
if (message.windowId == CurrentWindowId) {
|
if (message.windowId == CurrentWindowId) {
|
||||||
switch(message.command) {
|
switch(message.command) {
|
||||||
case "tab_created":
|
case "tab_created": // if set to treat unparented tabs as active tab's child
|
||||||
// if set to treat unparented tabs as active tab's child
|
if (opt.append_orphan_tab == "as_child" && message.tab.openerTabId == undefined && $("#"+active_group+" .active_tab")[0]) {
|
||||||
if (opt.append_orphan_tab == "as_child" && message.tab.openerTabId == undefined && $(".active:visible")[0]) {
|
message.tab.openerTabId = $("#"+active_group+" .active_tab")[0].id;
|
||||||
message.tab.openerTabId = $(".active:visible")[0].id;
|
|
||||||
}
|
}
|
||||||
// child case
|
if (message.tab.openerTabId) { // child case
|
||||||
if (message.tab.openerTabId) {
|
if (opt.append_child_tab == "after_active") {
|
||||||
// append to tree
|
AppendTab({ tab: message.tab, InsertAfterId: $("#"+active_group+" .active_tab")[0] ? $("#"+active_group+" .active_tab")[0].id : undefined, Append: false, Scroll: true });
|
||||||
if (opt.max_tree_depth < 0 || (opt.max_tree_depth > 0 && $("#"+message.tab.openerTabId).parents(".tab").length < opt.max_tree_depth)) {
|
} else {
|
||||||
|
if (opt.max_tree_depth < 0 || (opt.max_tree_depth > 0 && $("#"+message.tab.openerTabId).parents(".tab").length < opt.max_tree_depth)) { // append to tree
|
||||||
if (opt.append_child_tab == "top") {
|
if (opt.append_child_tab == "top") {
|
||||||
AppendTab({ tab: message.tab, ParentId: message.tab.openerTabId, Append: false, Scroll: true });
|
AppendTab({ tab: message.tab, ParentId: message.tab.openerTabId, Append: false, Scroll: true });
|
||||||
}
|
}
|
||||||
@ -53,8 +75,7 @@ function StartChromeListeners(){
|
|||||||
AppendTab({ tab: message.tab, ParentId: message.tab.openerTabId, Append: true, Scroll: true });
|
AppendTab({ tab: message.tab, ParentId: message.tab.openerTabId, Append: true, Scroll: true });
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// if reached depth limit of the tree
|
if (opt.max_tree_depth > 0 && $("#"+message.tab.openerTabId).parents(".tab").length >= opt.max_tree_depth) { // if reached depth limit of the tree
|
||||||
if (opt.max_tree_depth > 0 && $("#"+message.tab.openerTabId).parents(".tab").length >= opt.max_tree_depth) {
|
|
||||||
if (opt.append_child_tab_after_limit == "after") {
|
if (opt.append_child_tab_after_limit == "after") {
|
||||||
AppendTab({ tab: message.tab, InsertAfterId: message.tab.openerTabId, Append: true, Scroll: true });
|
AppendTab({ tab: message.tab, InsertAfterId: message.tab.openerTabId, Append: true, Scroll: true });
|
||||||
}
|
}
|
||||||
@ -65,8 +86,8 @@ function StartChromeListeners(){
|
|||||||
AppendTab({ tab: message.tab, ParentId: $("#"+message.tab.openerTabId).parent().parent()[0].id, Append: true, Scroll: true });
|
AppendTab({ tab: message.tab, ParentId: $("#"+message.tab.openerTabId).parent().parent()[0].id, Append: true, Scroll: true });
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// place tabs flat, (should I merge it with orphans case?)
|
}
|
||||||
if (opt.max_tree_depth == 0) {
|
if (opt.max_tree_depth == 0) { // place tabs flat, (should I merge it with orphans case?)
|
||||||
if (opt.append_child_tab_after_limit == "after") {
|
if (opt.append_child_tab_after_limit == "after") {
|
||||||
AppendTab({ tab: message.tab, InsertAfterId: message.tab.openerTabId, Append: false, Scroll: true });
|
AppendTab({ tab: message.tab, InsertAfterId: message.tab.openerTabId, Append: false, Scroll: true });
|
||||||
}
|
}
|
||||||
@ -77,10 +98,9 @@ function StartChromeListeners(){
|
|||||||
AppendTab({ tab: message.tab, Append: true, Scroll: true });
|
AppendTab({ tab: message.tab, Append: true, Scroll: true });
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// orphan case
|
} else { // orphan case
|
||||||
} else {
|
|
||||||
if (opt.append_orphan_tab == "after_active") {
|
if (opt.append_orphan_tab == "after_active") {
|
||||||
AppendTab({ tab: message.tab, InsertAfterId: $(".active:visible")[0] ? $(".active:visible")[0].id : undefined, Append: false });
|
AppendTab({ tab: message.tab, InsertAfterId: $("#"+active_group+" .active_tab")[0] ? $("#"+active_group+" .active_tab")[0].id : undefined, Append: false });
|
||||||
}
|
}
|
||||||
if (opt.append_orphan_tab == "top") {
|
if (opt.append_orphan_tab == "top") {
|
||||||
AppendTab({ tab: message.tab, Append: false });
|
AppendTab({ tab: message.tab, Append: false });
|
||||||
@ -92,9 +112,14 @@ function StartChromeListeners(){
|
|||||||
if ($("#"+message.tab.openerTabId).is(".c")) {
|
if ($("#"+message.tab.openerTabId).is(".c")) {
|
||||||
$("#"+message.tab.openerTabId).removeClass("c").addClass("o");
|
$("#"+message.tab.openerTabId).removeClass("c").addClass("o");
|
||||||
}
|
}
|
||||||
|
if (opt.syncro_tabbar_tabs_order) {
|
||||||
|
let TTtabsIndexes = $(".pin, .tab").map(function(){return parseInt(this.id);}).toArray();
|
||||||
|
chrome.tabs.move(message.tab.id, {index: TTtabsIndexes.indexOf(message.tab.id)});
|
||||||
|
}
|
||||||
RefreshExpandStates();
|
RefreshExpandStates();
|
||||||
schedule_update_data++;
|
schedule_update_data++;
|
||||||
RefreshGUI();
|
RefreshGUI();
|
||||||
|
RefreshCounters();
|
||||||
break;
|
break;
|
||||||
case "tab_attached":
|
case "tab_attached":
|
||||||
AppendTab({tab: message.tab, ParentId: message.ParentId, Append: true});
|
AppendTab({tab: message.tab, ParentId: message.ParentId, Append: true});
|
||||||
@ -117,7 +142,9 @@ function StartChromeListeners(){
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
RemoveTabFromList(message.tabId);
|
RemoveTabFromList(message.tabId);
|
||||||
setTimeout(function() { schedule_update_data++; },300);
|
setTimeout(function() {
|
||||||
|
schedule_update_data++;
|
||||||
|
}, 300);
|
||||||
RefreshGUI();
|
RefreshGUI();
|
||||||
break;
|
break;
|
||||||
case "tab_removed":
|
case "tab_removed":
|
||||||
@ -138,11 +165,16 @@ function StartChromeListeners(){
|
|||||||
}
|
}
|
||||||
RemoveTabFromList(message.tabId);
|
RemoveTabFromList(message.tabId);
|
||||||
RefreshExpandStates();
|
RefreshExpandStates();
|
||||||
setTimeout(function() { schedule_update_data++; },300);
|
setTimeout(function() {
|
||||||
|
schedule_update_data++;
|
||||||
|
}, 300);
|
||||||
RefreshGUI();
|
RefreshGUI();
|
||||||
|
RefreshCounters();
|
||||||
break;
|
break;
|
||||||
case "tab_activated":
|
case "tab_activated":
|
||||||
setTimeout(function() { SetActiveTab(message.tabId); },100);
|
setTimeout(function() {
|
||||||
|
SetActiveTab(message.tabId);
|
||||||
|
}, 200);
|
||||||
break;
|
break;
|
||||||
case "tab_attention":
|
case "tab_attention":
|
||||||
SetAttentionIcon(message.tabId);
|
SetAttentionIcon(message.tabId);
|
||||||
@ -172,6 +204,10 @@ function StartChromeListeners(){
|
|||||||
RefreshExpandStates();
|
RefreshExpandStates();
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
|
case "remote_update":
|
||||||
|
RearrangeTreeStructure(message.groups, message.folders, message.tabs);
|
||||||
|
sendResponse(true);
|
||||||
|
break;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -4,8 +4,43 @@
|
|||||||
|
|
||||||
// ********** TABS EVENTS ***************
|
// ********** TABS EVENTS ***************
|
||||||
|
|
||||||
|
function GetSelectedFolders() {
|
||||||
|
log("function: GetSelectedFolders");
|
||||||
|
let res = {Folders: {}, FoldersSelected: [], TabsIds: [], TabsIdsParents: []};
|
||||||
|
$("#"+active_group+" .selected_folder").each(function() {
|
||||||
|
res.FoldersSelected.push(this.id);
|
||||||
|
res.Folders[this.id] = Object.assign({}, bgfolders[this.id]);
|
||||||
|
if ($("#cf" + this.id).children().length > 0) {
|
||||||
|
$($("#cf" + this.id).find(".folder")).each(function() {
|
||||||
|
res.Folders[this.id] = Object.assign({}, bgfolders[this.id]);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
$($(this).find(".tab")).each(function() {
|
||||||
|
res.TabsIds.push(parseInt(this.id));
|
||||||
|
res.TabsIdsParents.push($(this).parent()[0].id);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
log(res);
|
||||||
|
return res;
|
||||||
|
}
|
||||||
|
function GetSelectedTabs() {
|
||||||
|
log("function: GetSelectedTabs");
|
||||||
|
let res = {TabsIds: [], TabsIdsParents: [], TabsIdsSelected: []};
|
||||||
|
$("#"+active_group+" .selected_tab").each(function() {
|
||||||
|
res.TabsIds.push(parseInt(this.id));
|
||||||
|
res.TabsIdsParents.push($(this).parent()[0].id);
|
||||||
|
res.TabsIdsSelected.push(parseInt(this.id));
|
||||||
|
if ($("#ch" + this.id).children().length > 0) {
|
||||||
|
$($("#ch" + this.id).find(".tab")).each(function() {
|
||||||
|
res.TabsIds.push(parseInt(this.id));
|
||||||
|
res.TabsIdsParents.push($(this).parent()[0].id);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
log(res);
|
||||||
|
return res;
|
||||||
|
}
|
||||||
function SetDragAndDropEvents() {
|
function SetDragAndDropEvents() {
|
||||||
|
|
||||||
$(document).on("mouseleave", window, function(event) {
|
$(document).on("mouseleave", window, function(event) {
|
||||||
MouseHoverOver = "";
|
MouseHoverOver = "";
|
||||||
});
|
});
|
||||||
@ -18,145 +53,144 @@ function SetDragAndDropEvents() {
|
|||||||
$(document).on("dragover", "#toolbar_groups, #toolbar, #pin_list, .group", function(event) {
|
$(document).on("dragover", "#toolbar_groups, #toolbar, #pin_list, .group", function(event) {
|
||||||
MouseHoverOver = this.id;
|
MouseHoverOver = this.id;
|
||||||
});
|
});
|
||||||
$(document).on("mouseover", "#toolbar_groups, #toolbar, #pin_list, .group", function(event) { // set mouse over id
|
$(document).on("mouseover", "#toolbar_groups, #toolbar, #pin_list, .group", function(event) {
|
||||||
MouseHoverOver = this.id;
|
MouseHoverOver = this.id;
|
||||||
});
|
});
|
||||||
|
$(document).bind("drop dragover", function(event) { // PREVENT THE DEFAULT BROWSER DROP ACTION
|
||||||
// PREVENT THE DEFAULT BROWSER DROP ACTION
|
|
||||||
$(document).bind("drop dragover", function(event) {
|
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
});
|
});
|
||||||
|
$(document).on("mousedown", ".drop_target", function(event) { // deny drag enter on drop_targets and allow clicks below them
|
||||||
|
$(".drop_target").css({"pointer-events": "none"});
|
||||||
// bring to front drop zones
|
|
||||||
$(document).on("dragenter", ".tab_header, .folder", function(event) {
|
|
||||||
DropTargetsSendToFront();
|
|
||||||
});
|
});
|
||||||
|
$(document).on("dragenter", ".tab_header, .folder_header", function(event) { // allow drag enter on drop_targets
|
||||||
|
$(".drop_target").css({"pointer-events": "all"});
|
||||||
|
});
|
||||||
// SET FOLDER DRAG SOURCE
|
$(document).on("dragstart", ".tab_header, .folder_header", function(event) { // SET DRAG SOURCE
|
||||||
$(document).on("dragstart", ".folder_header", function(event) {
|
|
||||||
DragAndDrop.DragNodeClass = "folder";
|
|
||||||
event.stopPropagation();
|
event.stopPropagation();
|
||||||
event.originalEvent.dataTransfer.setDragImage(document.getElementById("DragImage"), 0, 0);
|
event.originalEvent.dataTransfer.setDragImage(document.getElementById("DragImage"), 0, 0);
|
||||||
event.originalEvent.dataTransfer.setData("text", "");
|
event.originalEvent.dataTransfer.setData("text", "");
|
||||||
|
DragAndDrop.DroppedToWindowId = 0;
|
||||||
DragAndDrop.ComesFromWindowId = CurrentWindowId;
|
DragAndDrop.ComesFromWindowId = CurrentWindowId;
|
||||||
DragAndDrop.SelectedTabsIds.splice(0, DragAndDrop.SelectedTabsIds.length);
|
DragAndDrop.Depth = 0;
|
||||||
DragAndDrop.TabsIds.splice(0, DragAndDrop.TabsIds.length);
|
if ($(this)[0].classList[0] == "folder_header") {
|
||||||
DragAndDrop.Parents.splice(0, DragAndDrop.Parents.length);
|
DragAndDrop.DragNodeClass = "folder";
|
||||||
});
|
if ($(this).parent().is(":not(.selected_folder)")) {
|
||||||
|
$(".selected_folder").addClass("selected_folder_frozen").removeClass("selected_folder");
|
||||||
|
$(this).parent().addClass("selected_folder_temporarly").addClass("selected_folder");
|
||||||
// SET TAB DRAG SOURCE
|
}
|
||||||
$(document).on("dragstart", ".tab_header", function(event) {
|
$(".selected_folder:not(:visible)").addClass("selected_folder_frozen").removeClass("selected_folder");
|
||||||
|
let Folders = GetSelectedFolders();
|
||||||
|
DragAndDrop.TabsIds = Object.assign([], Folders.TabsIds);
|
||||||
|
DragAndDrop.TabsIdsParents = Object.assign([], Folders.TabsIdsParents);
|
||||||
|
DragAndDrop.TabsIdsSelected = Object.assign([], []);
|
||||||
|
DragAndDrop.Folders = Object.assign({}, Folders.Folders);
|
||||||
|
DragAndDrop.FoldersSelected = Object.assign([], Folders.FoldersSelected);
|
||||||
|
}
|
||||||
|
if ($(this)[0].classList[0] == "tab_header") {
|
||||||
DragAndDrop.DragNodeClass = "tab";
|
DragAndDrop.DragNodeClass = "tab";
|
||||||
event.stopPropagation();
|
if ($(this).parent().is(".active_tab")) {
|
||||||
event.originalEvent.dataTransfer.setDragImage(document.getElementById("DragImage"), 0, 0);
|
$(this).parent().addClass("selected_temporarly").addClass("selected_tab");
|
||||||
event.originalEvent.dataTransfer.setData("text", "");
|
|
||||||
|
|
||||||
if ($(this).parent().is(".active")) {
|
|
||||||
$(this).parent().addClass("selected_temporarly").addClass("selected");
|
|
||||||
}
|
}
|
||||||
$(".close").removeClass("show");
|
$(".close").removeClass("show");
|
||||||
$(".tab_header_hover").removeClass("tab_header_hover");
|
$(".tab_header_hover").removeClass("tab_header_hover");
|
||||||
|
if ($(this).parent().is(":not(.selected_tab)")) {
|
||||||
if ($(this).parent().is(":not(.selected)")) {
|
$(".selected_tab").addClass("selected_frozen").removeClass("selected_tab");
|
||||||
$(".selected").addClass("selected_frozen").removeClass("selected");
|
$(this).parent().addClass("selected_temporarly").addClass("selected_tab");
|
||||||
$(this).parent().addClass("selected_temporarly").addClass("selected");
|
}
|
||||||
|
$(".selected_tab:not(:visible)").addClass("selected_frozen").removeClass("selected_tab");
|
||||||
|
$("#"+active_group+" .selected_tab").find(".pin, .tab").each(function() {
|
||||||
|
if ($(this).parents(".pin, .tab").length > DragAndDrop.Depth) {
|
||||||
|
DragAndDrop.Depth = $(this).parents(".pin, .tab").length;
|
||||||
}
|
}
|
||||||
|
|
||||||
$(".selected:not(:visible)").addClass("selected_frozen").removeClass("selected");
|
|
||||||
|
|
||||||
DragAndDrop.ComesFromWindowId = CurrentWindowId;
|
|
||||||
DragAndDrop.SelectedTabsIds.splice(0, DragAndDrop.SelectedTabsIds.length);
|
|
||||||
DragAndDrop.TabsIds.splice(0, DragAndDrop.TabsIds.length);
|
|
||||||
DragAndDrop.Parents.splice(0, DragAndDrop.Parents.length);
|
|
||||||
|
|
||||||
DragAndDrop.Depth = 0;
|
|
||||||
$(".selected:visible").find(".pin, .tab").each(function() {
|
|
||||||
if ($(this).parents(".pin, .tab").length > DragAndDrop.Depth) { DragAndDrop.Depth = $(this).parents(".pin, .tab").length; }
|
|
||||||
});
|
});
|
||||||
DragAndDrop.Depth -= $(this).parents(".pin, .tab").length-1;
|
DragAndDrop.Depth -= $(this).parents(".pin, .tab").length-1;
|
||||||
if (DragAndDrop.Depth < 0) {
|
if (DragAndDrop.Depth < 0) {
|
||||||
DragAndDrop.Depth = 0;
|
DragAndDrop.Depth = 0;
|
||||||
}
|
}
|
||||||
console.log(DragAndDrop.Depth);
|
let Tabs = GetSelectedTabs();
|
||||||
$(".selected:visible").each(function() {
|
DragAndDrop.TabsIds = Object.assign([], Tabs.TabsIds);
|
||||||
DragAndDrop.SelectedTabsIds.push(parseInt(this.id));
|
DragAndDrop.TabsIdsParents = Object.assign([], Tabs.TabsIdsParents);
|
||||||
DragAndDrop.TabsIds.push(parseInt(this.id));
|
DragAndDrop.TabsIdsSelected = Object.assign([], Tabs.TabsIdsSelected);
|
||||||
DragAndDrop.Parents.push($(this).parent()[0].id);
|
DragAndDrop.Folders = Object.assign({}, {});
|
||||||
if ($("#ch" + this.id).children().length > 0) {
|
DragAndDrop.FoldersSelected = Object.assign([], []);
|
||||||
$($("#ch" + this.id).find(".tab")).each(function() {
|
|
||||||
DragAndDrop.TabsIds.push(parseInt(this.id));
|
|
||||||
DragAndDrop.Parents.push($(this).parent()[0].id);
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
chrome.runtime.sendMessage({
|
||||||
|
command: "drag_drop",
|
||||||
|
DragNodeClass: DragAndDrop.DragNodeClass,
|
||||||
|
TabsIds: DragAndDrop.TabsIds,
|
||||||
|
TabsIdsParents: DragAndDrop.TabsIdsParents,
|
||||||
|
TabsIdsSelected: DragAndDrop.TabsIdsSelected,
|
||||||
|
ComesFromWindowId: CurrentWindowId,
|
||||||
|
Depth: DragAndDrop.Depth,
|
||||||
|
Folders: DragAndDrop.Folders,
|
||||||
|
FoldersSelected: DragAndDrop.FoldersSelected
|
||||||
});
|
});
|
||||||
chrome.runtime.sendMessage({command: "drag_drop", DragNodeClass: "tab", SelectedTabsIds: DragAndDrop.SelectedTabsIds, TabsIds: DragAndDrop.TabsIds, Parents: DragAndDrop.Parents, ComesFromWindowId: CurrentWindowId, Depth: DragAndDrop.Depth});
|
|
||||||
});
|
});
|
||||||
|
$(document).on("dragleave", ".highlighted_drop_target", function(event) { // REMOVE DROP TARGET WHEN DRAG LEAVES
|
||||||
// REMOVE DROP TARGET WHEN DRAG LEAVES
|
|
||||||
$(document).on("dragleave", ".highlighted_drop_target", function(event) {
|
|
||||||
$(".highlighted_drop_target").removeClass("highlighted_drop_target");
|
$(".highlighted_drop_target").removeClass("highlighted_drop_target");
|
||||||
});
|
});
|
||||||
|
$(document).on("dragenter", ".pin>.drag_entered_top:not(.highlighted_drop_target), .pin>.drag_entered_bottom:not(.highlighted_drop_target)", function(event) { // SET DROP TARGET WHEN ENTERING PINS
|
||||||
// SET DROP TARGET WHEN ENTERING PINS
|
|
||||||
$(document).on("dragenter", ".pin>.drag_entered_top:not(.highlighted_drop_target), .pin>.drag_entered_bottom:not(.highlighted_drop_target)", function(event) {
|
|
||||||
event.stopPropagation();
|
event.stopPropagation();
|
||||||
if (DragAndDrop.DragNodeClass == "tab") {
|
if (DragAndDrop.DragNodeClass == "tab") {
|
||||||
$(".highlighted_drop_target").removeClass("highlighted_drop_target");
|
$(".highlighted_drop_target").removeClass("highlighted_drop_target");
|
||||||
$(this).addClass("highlighted_drop_target");
|
$(this).addClass("highlighted_drop_target");
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
$(document).on("dragenter", ".tab>.drag_entered_top:not(.highlighted_drop_target), .tab>.drag_entered_bottom:not(.highlighted_drop_target)", function(event) { // SET DROP TARGET WHEN ENTERING TABS
|
||||||
// SET DROP TARGET WHEN ENTERING TABS
|
|
||||||
$(document).on("dragenter", ".tab>.drag_entered_top:not(.highlighted_drop_target), .tab>.drag_entered_bottom:not(.highlighted_drop_target)", function(event) {
|
|
||||||
event.stopPropagation();
|
event.stopPropagation();
|
||||||
if ($(".selected:visible").find($(this)).length == 0 && DragAndDrop.DragNodeClass == "tab") {
|
if (DragAndDrop.DragNodeClass == "tab") {
|
||||||
|
if ($(".selected_tab:visible").find($(this)).length == 0) {
|
||||||
if (opt.max_tree_drag_drop && opt.max_tree_depth >= 0) {
|
if (opt.max_tree_drag_drop && opt.max_tree_depth >= 0) {
|
||||||
if ($(this).parents(".tab").length + DragAndDrop.Depth > opt.max_tree_depth+1) { return; }
|
if ($(this).parents(".tab").length + DragAndDrop.Depth-1 > opt.max_tree_depth) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
$(".highlighted_drop_target").removeClass("highlighted_drop_target");
|
$(".highlighted_drop_target").removeClass("highlighted_drop_target");
|
||||||
$(this).addClass("highlighted_drop_target");
|
$(this).addClass("highlighted_drop_target");
|
||||||
}
|
}
|
||||||
|
}
|
||||||
});
|
});
|
||||||
$(document).on("dragenter", ".tab>.drag_enter_center:not(.highlighted_drop_target)", function(event) {
|
$(document).on("dragenter", ".tab>.drag_enter_center:not(.highlighted_drop_target)", function(event) {
|
||||||
event.stopPropagation();
|
event.stopPropagation();
|
||||||
if ($(".selected:visible").find($(this)).length == 0 && DragAndDrop.DragNodeClass == "tab" && opt.max_tree_depth != 0) {
|
if (DragAndDrop.DragNodeClass == "tab") {
|
||||||
if (opt.max_tree_drag_drop) {
|
if ($(".selected_tab:visible").find($(this)).length == 0 && opt.max_tree_depth != 0) {
|
||||||
if (opt.max_tree_depth == 0) { return; }
|
if (opt.max_tree_drag_drop && opt.max_tree_depth > 0) {
|
||||||
if ($(this).parents(".tab").length + DragAndDrop.Depth > opt.max_tree_depth) { return; }
|
if ($(this).parents(".tab").length + DragAndDrop.Depth > opt.max_tree_depth) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
$(".highlighted_drop_target").removeClass("highlighted_drop_target");
|
$(".highlighted_drop_target").removeClass("highlighted_drop_target");
|
||||||
$(this).addClass("highlighted_drop_target");
|
$(this).addClass("highlighted_drop_target");
|
||||||
}
|
}
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
$(document).on("dragenter", ".folder>.drag_entered_top:not(.highlighted_drop_target), .folder>.drag_entered_bottom:not(.highlighted_drop_target), .folder>.drag_enter_center:not(.highlighted_drop_target)", function(event) { // SET DROP TARGET WHEN ENTERING FOLDERS
|
||||||
|
|
||||||
// SET DROP TARGET WHEN ENTERING FOLDERS
|
|
||||||
$(document).on("dragenter", ".folder>.drag_entered_top:not(.highlighted_drop_target), .folder>.drag_entered_bottom:not(.highlighted_drop_target), .folder>.drag_enter_center:not(.highlighted_drop_target)", function(event) {
|
|
||||||
event.stopPropagation();
|
event.stopPropagation();
|
||||||
if (DragAndDrop.DragNodeClass != "group") {
|
if (DragAndDrop.DragNodeClass == "folder") {
|
||||||
// if (/* $(".selected:visible").find($(this)).length > 0 || */ DragAndDrop.DragNodeClass != "folder") { return; }
|
|
||||||
$(".highlighted_drop_target").removeClass("highlighted_drop_target");
|
$(".highlighted_drop_target").removeClass("highlighted_drop_target");
|
||||||
$(this).addClass("highlighted_drop_target");
|
$(this).addClass("highlighted_drop_target");
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
$(document).on("dragenter", ".folder>.drag_enter_center:not(.highlighted_drop_target)", function(event) {
|
||||||
// SET DROP TARGET, PIN_LIST, TAB_LIST, GROUP OR GROUP_BUTTON
|
event.stopPropagation();
|
||||||
$(document).on("dragover", "#pin_list, .group, .group_drag_box", function(event) {
|
if (DragAndDrop.DragNodeClass == "tab") {
|
||||||
if (DragAndDrop.DragNodeClass != "group" && $(".highlighted_drop_target").length == 0 && event.target.className == $(this)[0].className) {
|
$(".highlighted_drop_target").removeClass("highlighted_drop_target");
|
||||||
$(this).addClass("highlighted_drop_target");
|
$(this).addClass("highlighted_drop_target");
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
$(document).on("dragover", "#pin_list, .group, .group_drag_box", function(event) { // SET DROP TARGET, PIN_LIST, TAB_LIST, GROUP OR GROUP_BUTTON
|
||||||
// TIMER FOR FOR AUTO EXPAND
|
if (DragAndDrop.DragNodeClass != "group") {
|
||||||
$(document).on("dragenter", ".drag_enter_center", function(event) {
|
if ($(".highlighted_drop_target").length == 0 && event.target.className == $(this)[0].className) {
|
||||||
|
$(this).addClass("highlighted_drop_target");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
$(document).on("dragenter", ".drag_enter_center", function(event) { // TIMER FOR FOR AUTO EXPAND
|
||||||
event.stopPropagation();
|
event.stopPropagation();
|
||||||
DragAndDrop.timeout = false;
|
DragAndDrop.timeout = false;
|
||||||
setTimeout(function() { DragAndDrop.timeout = true; }, 1800);
|
setTimeout(function() {
|
||||||
|
DragAndDrop.timeout = true;
|
||||||
|
}, 1800);
|
||||||
});
|
});
|
||||||
$(document).on("dragleave", ".drag_enter_center", function(event) {
|
$(document).on("dragleave", ".drag_enter_center", function(event) {
|
||||||
DragAndDrop.timeout = false;
|
DragAndDrop.timeout = false;
|
||||||
@ -167,70 +201,88 @@ function SetDragAndDropEvents() {
|
|||||||
DragAndDrop.timeout = false;
|
DragAndDrop.timeout = false;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
$(document).on("drop", "*", function(event) { // DROP
|
||||||
// DROP
|
chrome.runtime.sendMessage({command: "dropped", DroppedToWindowId: CurrentWindowId});
|
||||||
$(document).on("drop", "*", function(event) {
|
|
||||||
event.stopPropagation();
|
event.stopPropagation();
|
||||||
if (DragAndDrop.ComesFromWindowId == CurrentWindowId /* && ($(window).width() > event.clientX || $(window).height() > event.clientY) */) {
|
if (DragAndDrop.ComesFromWindowId == CurrentWindowId) {
|
||||||
DropToTarget($(".highlighted_drop_target"));
|
DropToTarget($(".highlighted_drop_target"));
|
||||||
} else {
|
} else {
|
||||||
$(".selected").addClass("selected_frozen").removeClass("selected");
|
if (Object.keys(DragAndDrop.Folders).length > 0) {
|
||||||
|
for (var folder in DragAndDrop.Folders) {
|
||||||
|
bgfolders[DragAndDrop.Folders[folder].id] = Object.assign({}, DragAndDrop.Folders[folder]);
|
||||||
|
}
|
||||||
|
AppendFolders(bgfolders);
|
||||||
|
}
|
||||||
|
$(".selected_tab").addClass("selected_frozen").removeClass("selected_tab");
|
||||||
let target = $(".highlighted_drop_target");
|
let target = $(".highlighted_drop_target");
|
||||||
let counter = DragAndDrop.TabsIds.length;
|
let counter = 0;
|
||||||
(DragAndDrop.TabsIds).forEach(function(TabId) {
|
(DragAndDrop.TabsIds).forEach(function(TabId) {
|
||||||
chrome.tabs.move(TabId, { windowId: CurrentWindowId, index: -1 }, function(MovedTab) {
|
chrome.tabs.move(TabId, { windowId: CurrentWindowId, index: -1 }, function(MovedTab) {
|
||||||
counter--;
|
if (browserId == "F") { // FIRFOX BUG 1398272 - HAVE TO REPLACE ORIGINAL ID
|
||||||
|
if ((DragAndDrop.TabsIdsParents).indexOf("ch"+DragAndDrop.TabsIds[counter]) != -1) {
|
||||||
|
DragAndDrop.TabsIdsParents[(DragAndDrop.TabsIdsParents).indexOf("ch"+DragAndDrop.TabsIds[counter])] = "ch"+MovedTab[0].id;
|
||||||
|
}
|
||||||
|
if ((DragAndDrop.TabsIdsSelected).indexOf(DragAndDrop.TabsIds[counter]) != -1) {
|
||||||
|
DragAndDrop.TabsIdsSelected[(DragAndDrop.TabsIdsSelected).indexOf(DragAndDrop.TabsIds[counter])] = MovedTab[0].id;
|
||||||
|
}
|
||||||
|
DragAndDrop.TabsIds[counter] = MovedTab[0].id;
|
||||||
|
}
|
||||||
|
counter++;
|
||||||
|
if (counter == DragAndDrop.TabsIds.length) {
|
||||||
setTimeout(function() {
|
setTimeout(function() {
|
||||||
if (counter == 0) {
|
(DragAndDrop.TabsIdsSelected).forEach(function(selectedTabId) {
|
||||||
setTimeout(function() {
|
|
||||||
(DragAndDrop.SelectedTabsIds).forEach(function(selectedTabId) {
|
|
||||||
if ($("#"+selectedTabId)[0]) {
|
if ($("#"+selectedTabId)[0]) {
|
||||||
$("#"+selectedTabId).addClass("selected_temporarly").addClass("selected");
|
$("#"+selectedTabId).addClass("selected_temporarly").addClass("selected_tab");
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
if (browserId != "F") { // I HAVE TO EXLUDE THIS IN FIREFOX SINCE MOVED TAB LOSES ITS ORIGINAL ID - WHAT IN THE ACTUAL F*CK MOZILLA!
|
|
||||||
for (var tabsIdsIndex = 1; tabsIdsIndex < (DragAndDrop.TabsIds).length; tabsIdsIndex++) {
|
for (var tabsIdsIndex = 1; tabsIdsIndex < (DragAndDrop.TabsIds).length; tabsIdsIndex++) {
|
||||||
if ($("#"+DragAndDrop.TabsIds[tabsIdsIndex])[0] && $("#"+DragAndDrop.Parents[tabsIdsIndex])[0]){
|
if ($("#"+DragAndDrop.TabsIds[tabsIdsIndex])[0] && $("#"+DragAndDrop.TabsIdsParents[tabsIdsIndex])[0]) {
|
||||||
$("#"+DragAndDrop.Parents[tabsIdsIndex]).append($("#"+DragAndDrop.TabsIds[tabsIdsIndex]));
|
$("#"+DragAndDrop.TabsIdsParents[tabsIdsIndex]).append($("#"+DragAndDrop.TabsIds[tabsIdsIndex]));
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
for (var FolderSelectedIndex = 0; FolderSelectedIndex < (DragAndDrop.FoldersSelected).length; FolderSelectedIndex++) {
|
||||||
|
if ($("#"+DragAndDrop.FoldersSelected[FolderSelectedIndex])[0]) {
|
||||||
|
$("#"+DragAndDrop.FoldersSelected[FolderSelectedIndex]).addClass("selected_folder_temporarly").addClass("selected_folder");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
DropToTarget(target);
|
DropToTarget(target);
|
||||||
}, 300);
|
}, 300);
|
||||||
}
|
}
|
||||||
},300);
|
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
$(".drop_target").css({"pointer-events": "none"});
|
||||||
});
|
});
|
||||||
|
$(document).on("dragend", ".tab_header, .folder_header", function(event) { // DETACH TABS
|
||||||
// DETACH
|
setTimeout(function() {
|
||||||
$(document).on("dragend", ".tab_header", function(event) {
|
if (DragAndDrop.ComesFromWindowId == CurrentWindowId && DragAndDrop.DroppedToWindowId == 0) {
|
||||||
if (DragAndDrop.ComesFromWindowId == CurrentWindowId) {
|
if ( (browserId == "F" && (event.screenX < event.view.mozInnerScreenX || event.screenX > (event.view.mozInnerScreenX + $(window).width()) || (event.screenY < event.view.mozInnerScreenY || event.screenY > (event.view.mozInnerScreenY + $(window).height()))))
|
||||||
if (browserId == "F" && (event.screenX < event.view.mozInnerScreenX || event.screenX > (event.view.mozInnerScreenX + $(window).width()) || (event.screenY < event.view.mozInnerScreenY || event.screenY > (event.view.mozInnerScreenY + $(window).height())))) {
|
|| (browserId != "F" && (event.pageX < 0 || event.pageX > $(window).width() || event.pageY < 0 || event.pageY > $(window).height()))
|
||||||
DetachTabs(DragAndDrop.TabsIds);
|
) {
|
||||||
|
if (DragAndDrop.DragNodeClass == "tab") {
|
||||||
|
DetachTabs(DragAndDrop.TabsIds, {});
|
||||||
}
|
}
|
||||||
if (browserId != "F" && (event.pageX < 0 || event.pageX > $(window).width() || event.pageY < 0 || event.pageY > $(window).height())) {
|
if (DragAndDrop.DragNodeClass == "folder") {
|
||||||
DetachTabs(DragAndDrop.TabsIds);
|
DetachTabs(DragAndDrop.TabsIds, DragAndDrop.Folders);
|
||||||
|
setTimeout(function() {
|
||||||
|
SaveFolders();
|
||||||
|
}, 500);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
}, 200);
|
||||||
|
$(".drop_target").css({"pointer-events": "none"});
|
||||||
});
|
});
|
||||||
|
$(document).on("dragstart", ".group_drag_box", function(event) { // DRAGGING GROUPS
|
||||||
|
|
||||||
// dragging groups
|
|
||||||
$(document).on("dragstart", ".group_drag_box", function(event) {
|
|
||||||
event.originalEvent.dataTransfer.setData("null", "null");
|
event.originalEvent.dataTransfer.setData("null", "null");
|
||||||
event.originalEvent.dataTransfer.setDragImage(document.getElementById("DragImage"), 0, 0);
|
event.originalEvent.dataTransfer.setDragImage(document.getElementById("DragImage"), 0, 0);
|
||||||
DragAndDrop.DragNodeClass = "group";
|
DragAndDrop.DragNodeClass = "group";
|
||||||
DragAndDrop.DragNode = $(this).parent();
|
DragAndDrop.DragNode = $(this).parent();
|
||||||
$(".highlighted_drop_target").removeClass("highlighted_drop_target");
|
$(".highlighted_drop_target").removeClass("highlighted_drop_target");
|
||||||
});
|
});
|
||||||
|
$(document).on("dragenter", ".group_drag_box", function(event) { // WHEN DRAGGING THE GROUP, MOVE IT UP OR DOWN
|
||||||
|
if (DragAndDrop.DragNodeClass == "group") {
|
||||||
// when dragging the group, move it up or down
|
if (DragAndDrop.DragNode != undefined && $(this).parent() != DragAndDrop.DragNode) {
|
||||||
$(document).on("dragenter", ".group_drag_box", function(event) {
|
|
||||||
if (DragAndDrop.DragNode != undefined && DragAndDrop.DragNodeClass == "group" && $(this).parent() != DragAndDrop.DragNode) {
|
|
||||||
if ($(this).parent().index() <= DragAndDrop.DragNode.index()) {
|
if ($(this).parent().index() <= DragAndDrop.DragNode.index()) {
|
||||||
DragAndDrop.DragNode.insertBefore($(this).parent());
|
DragAndDrop.DragNode.insertBefore($(this).parent());
|
||||||
} else {
|
} else {
|
||||||
@ -240,22 +292,23 @@ function SetDragAndDropEvents() {
|
|||||||
}
|
}
|
||||||
$(".highlighted_drop_target").removeClass("highlighted_drop_target");
|
$(".highlighted_drop_target").removeClass("highlighted_drop_target");
|
||||||
}
|
}
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
$(document).on("dragend", ".group_drag_box", function(event) { // WHEN FINISHED DRAGGING THE GROUP
|
||||||
// when finished dragging the group
|
|
||||||
$(document).on("dragend", ".group_drag_box", function(event) {
|
|
||||||
DragAndDrop.DragNodeClass = "";
|
|
||||||
DragAndDrop.DragNode = undefined;
|
DragAndDrop.DragNode = undefined;
|
||||||
UpdateBgGroupsOrder();
|
UpdateBgGroupsOrder();
|
||||||
$(".highlighted_drop_target").removeClass("highlighted_drop_target");
|
$(".highlighted_drop_target").removeClass("highlighted_drop_target");
|
||||||
|
RearrangeGroupsLists();
|
||||||
|
$(".drop_target").css({"pointer-events": "none"});
|
||||||
|
if (opt.syncro_tabbar_groups_tabs_order) {
|
||||||
|
schedule_rearrange_tabs++;
|
||||||
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
function DropToTarget(TargetNode) {
|
function DropToTarget(TargetNode) {
|
||||||
// dropped on pin
|
if (DragAndDrop.DragNodeClass == "tab") {
|
||||||
if (TargetNode.parent().is(".pin")) {
|
if (TargetNode.parent().is(".pin")) { // dropped on pin
|
||||||
$(".selected").each(function() {
|
$(".selected_tab").each(function() {
|
||||||
SetTabClass({ id: this.id, pin: true });
|
SetTabClass({ id: this.id, pin: true });
|
||||||
if (TargetNode.is(".drag_entered_top")) {
|
if (TargetNode.is(".drag_entered_top")) {
|
||||||
$(this).insertBefore(TargetNode.parent());
|
$(this).insertBefore(TargetNode.parent());
|
||||||
@ -264,93 +317,96 @@ function DropToTarget(TargetNode) {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
if (TargetNode.is("#pin_list")) { // dropped on pin_list
|
||||||
// dropped on pin_list
|
$(".selected_tab").each(function() {
|
||||||
if (TargetNode.is("#pin_list")) {
|
|
||||||
$(".selected").each(function() {
|
|
||||||
SetTabClass({ id: this.id, pin: true });
|
SetTabClass({ id: this.id, pin: true });
|
||||||
});
|
});
|
||||||
TargetNode.append($(".selected"));
|
TargetNode.append($(".selected_tab"));
|
||||||
}
|
}
|
||||||
|
if (TargetNode.parent().is(".tab, .folder")) { // dropped on tab or folder
|
||||||
// dropped on tab
|
if (TargetNode.parent().is(".selected_tab")) {
|
||||||
if (TargetNode.parent().is(".tab, .folder")) {
|
TargetNode.parent().addClass("highlighted_selected").removeClass("selected_tab");
|
||||||
if (TargetNode.parent().is(".selected")) {
|
|
||||||
TargetNode.parent().addClass("highlighted_selected").removeClass("selected");
|
|
||||||
}
|
}
|
||||||
$(".selected").each(function() {
|
$(".selected_tab").each(function() {
|
||||||
SetTabClass({ id: this.id, pin: false });
|
SetTabClass({ id: this.id, pin: false });
|
||||||
});
|
});
|
||||||
if (TargetNode.is(".drag_entered_top")) {
|
if (TargetNode.is(".drag_entered_top")) {
|
||||||
$($(".selected").get().reverse()).insertBefore(TargetNode.parent());
|
$($(".selected_tab").get().reverse()).insertBefore(TargetNode.parent());
|
||||||
}
|
}
|
||||||
if (TargetNode.is(".drag_entered_bottom")) {
|
if (TargetNode.is(".drag_entered_bottom")) {
|
||||||
$($(".selected").get().reverse()).insertAfter(TargetNode.parent());
|
$($(".selected_tab").get().reverse()).insertAfter(TargetNode.parent());
|
||||||
}
|
}
|
||||||
if (TargetNode.is(".drag_enter_center")) {
|
if (TargetNode.is(".drag_enter_center")) {
|
||||||
if (opt.append_child_tab == "bottom") {
|
if (opt.append_child_tab == "bottom") {
|
||||||
$("#ch" + TargetNode[0].id.substr(2)).append($($(".selected").get().reverse()));
|
$("#ch" + TargetNode[0].id.substr(2)).append($($(".selected_tab").get().reverse()));
|
||||||
} else {
|
} else {
|
||||||
$("#ch" + TargetNode[0].id.substr(2)).prepend($($(".selected").get().reverse()));
|
$("#ch" + TargetNode[0].id.substr(2)).prepend($($(".selected_tab").get().reverse()));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
if (TargetNode.is(".group")) { // dropped on group (tab list)
|
||||||
// dropped on group (tab list)
|
$(".selected_tab").each(function() {
|
||||||
if (TargetNode.is(".group")) {
|
|
||||||
$(".selected").each(function() {
|
|
||||||
SetTabClass({ id: this.id, pin: false });
|
SetTabClass({ id: this.id, pin: false });
|
||||||
});
|
});
|
||||||
TargetNode.append($($(".selected").get().reverse()));
|
$("#ch"+TargetNode[0].id).append($($(".selected_tab").get().reverse()));
|
||||||
}
|
}
|
||||||
|
if (TargetNode.is(".group_drag_box")) { // dropped on group button (group list)
|
||||||
// dropped on group button (group list)
|
$(".selected_tab").each(function() {
|
||||||
|
SetTabClass({ id: this.id, pin: false });
|
||||||
|
});
|
||||||
|
$("#ch"+TargetNode[0].id.substr(1)).append($($(".selected_tab").get().reverse()));
|
||||||
|
}
|
||||||
|
$(".highlighted_selected").addClass("selected_tab").removeClass("highlighted_selected");
|
||||||
|
$(".selected_frozen").addClass("selected_tab").removeClass("selected_frozen");
|
||||||
|
$(".selected_temporarly").removeClass("selected_tab").removeClass("selected_temporarly");
|
||||||
|
}
|
||||||
|
if (DragAndDrop.DragNodeClass == "folder") { // dropped on group button (group list)
|
||||||
if (TargetNode.is(".group_drag_box")) {
|
if (TargetNode.is(".group_drag_box")) {
|
||||||
$(".selected").each(function() {
|
$("#cf"+TargetNode[0].id.substr(1)).append($($(".selected_folder").get().reverse()));
|
||||||
SetTabClass({ id: this.id, pin: false });
|
}
|
||||||
});
|
if (TargetNode.parent().is(".folder")) { // dropped on folder
|
||||||
$("#"+TargetNode[0].id.substr(1)).append($($(".selected").get().reverse()));
|
if (TargetNode.parent().is(".selected_folder")) {
|
||||||
|
TargetNode.parent().addClass("highlighted_selected").removeClass("selected_folder");
|
||||||
|
}
|
||||||
|
if (TargetNode.is(".drag_entered_top")) {
|
||||||
|
$($(".selected_folder").get().reverse()).insertBefore(TargetNode.parent());
|
||||||
|
}
|
||||||
|
if (TargetNode.is(".drag_entered_bottom")) {
|
||||||
|
$($(".selected_folder").get().reverse()).insertAfter(TargetNode.parent());
|
||||||
|
}
|
||||||
|
if (TargetNode.is(".drag_enter_center")) {
|
||||||
|
if (opt.append_child_tab == "bottom") {
|
||||||
|
$("#cf" + TargetNode[0].id.substr(2)).append($($(".selected_folder").get().reverse()));
|
||||||
|
} else {
|
||||||
|
$("#cf" + TargetNode[0].id.substr(2)).prepend($($(".selected_folder").get().reverse()));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
$(".highlighted_selected").addClass("selected_folder").removeClass("highlighted_selected");
|
||||||
|
$(".selected_folder_frozen").addClass("selected_folder").removeClass("selected_folder_frozen");
|
||||||
|
$(".selected_folder_temporarly").removeClass("selected_folder").removeClass("selected_folder_temporarly");
|
||||||
|
setTimeout(function() {
|
||||||
|
SaveFolders();
|
||||||
|
}, 300);
|
||||||
}
|
}
|
||||||
|
|
||||||
$(".highlighted_selected").addClass("selected").removeClass("highlighted_selected");
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// if ($(".tab.active:visible")[0] == undefined) {
|
|
||||||
// bggroups[$("#"+tabId).parents(".group")[0].id].activetab = parseInt(tabId);
|
|
||||||
|
|
||||||
// if ($("#"+tabId).parents(".group")[0].id != active_group) {
|
|
||||||
// SetActiveGroup($("#"+tabId).parents(".group")[0].id, false, true);
|
|
||||||
// }
|
|
||||||
|
|
||||||
|
|
||||||
// chrome.runtime.sendMessage({command: "save_groups", groups: bggroups, windowId: CurrentWindowId});
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// }
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
RefreshExpandStates();
|
RefreshExpandStates();
|
||||||
DragAndDrop.timeout = false;
|
DragAndDrop.timeout = false;
|
||||||
RefreshGUI();
|
RefreshGUI();
|
||||||
|
RefreshCounters();
|
||||||
|
|
||||||
|
if (opt.syncro_tabbar_tabs_order) {
|
||||||
|
let TTtabsIndexes = $(".pin, .tab").map(function(){return parseInt(this.id);}).toArray();
|
||||||
|
chrome.tabs.move(DragAndDrop.TabsIds, {index: TTtabsIndexes.indexOf(DragAndDrop.TabsIds[0])});
|
||||||
setTimeout(function() {
|
setTimeout(function() {
|
||||||
DropTargetsSendToBack();
|
|
||||||
schedule_update_data++;
|
|
||||||
schedule_rearrange_tabs++;
|
schedule_rearrange_tabs++;
|
||||||
}, 500);
|
}, 500);
|
||||||
|
}
|
||||||
|
|
||||||
|
setTimeout(function() {
|
||||||
|
schedule_update_data++;
|
||||||
|
}, 500);
|
||||||
TargetNode.removeClass("highlighted_drop_target");
|
TargetNode.removeClass("highlighted_drop_target");
|
||||||
$(".tab_header_hover").removeClass("tab_header_hover");
|
$(".tab_header_hover").removeClass("tab_header_hover");
|
||||||
$(".selected_frozen").addClass("selected").removeClass("selected_frozen");
|
$(".folder_header").removeClass("folder_header_hover");
|
||||||
$(".selected_temporarly").removeClass("selected").removeClass("selected_temporarly");
|
$(".dragover_highlight").removeClass("dragover_highlight"); // this is group dragover indicator
|
||||||
|
|
||||||
// this is group dragover indicator
|
|
||||||
$(".dragover_highlight").removeClass("dragover_highlight");
|
|
||||||
}
|
}
|
||||||
@ -3,70 +3,193 @@
|
|||||||
// that can be found at https://creativecommons.org/licenses/by-nc-nd/4.0/
|
// that can be found at https://creativecommons.org/licenses/by-nc-nd/4.0/
|
||||||
|
|
||||||
|
|
||||||
function AddNewFolder() {
|
function AddNewFolder(p) {
|
||||||
var ID = GenerateNewFolderID();
|
var newId = GenerateNewFolderID();
|
||||||
AppendFolder({id: ID, name: "untitled"});
|
bgfolders[newId] = { id: newId, parent: (p.ParentId ? p.ParentId : ""), index: (p.index ? p.index : 0), name: (p.name ? p.name : caption_noname_group), expand: (p.expand ? p.expand : "n") };
|
||||||
|
AppendFolder({id: newId, ParentId: (p.ParentId ? p.ParentId : ""), name: caption_noname_group});
|
||||||
|
SaveFolders();
|
||||||
|
RefreshCounters();
|
||||||
|
return newId;
|
||||||
}
|
}
|
||||||
|
|
||||||
function AppendFolder(param) {
|
function AppendFolder(param) {
|
||||||
var fd = document.createElement("div"); fd.className = "folder c"; fd.id = param.id;// FOLDER
|
if ($("#"+param.id).length == 0) {
|
||||||
|
var fd = document.createElement("div"); fd.className = "folder "; if (param.expand) { fd.className += param.expand } fd.id = param.id;// FOLDER
|
||||||
var dc = document.createElement("div"); dc.className = "drop_target drag_enter_center"; dc.id = "dc"+param.id; fd.appendChild(dc); // DROP TARGET CENTER
|
var dc = document.createElement("div"); dc.className = "drop_target drag_enter_center"; dc.id = "dc"+param.id; fd.appendChild(dc); // DROP TARGET CENTER
|
||||||
var dt = document.createElement("div"); dt.className = "drop_target drag_entered_top"; dt.id = "du"+param.id; fd.appendChild(dt); // DROP TARGET TOP
|
var dt = document.createElement("div"); dt.className = "drop_target drag_entered_top"; dt.id = "du"+param.id; fd.appendChild(dt); // DROP TARGET TOP
|
||||||
var db = document.createElement("div"); db.className = "drop_target drag_entered_bottom"; db.id = "dd"+param.id; fd.appendChild(db); // DROP TARGET BOTTOM
|
var db = document.createElement("div"); db.className = "drop_target drag_entered_bottom"; db.id = "dd"+param.id; fd.appendChild(db); // DROP TARGET BOTTOM
|
||||||
|
var fh = document.createElement("div"); fh.className = opt.always_show_close ? "folder_header close_show" : "folder_header"; fh.id = "folder_header"+param.id; fh.draggable = true; fd.appendChild(fh); // HEADER
|
||||||
|
|
||||||
var fh = document.createElement("div"); fh.className = "folder_header"; fh.id = "tab_header"+param.id; fh.draggable = true; fd.appendChild(fh); // HEADER
|
|
||||||
var ex = document.createElement("div"); ex.className = "folder_icon"; ex.id = "fop"+param.id; fh.appendChild(ex);
|
var ex = document.createElement("div"); ex.className = "folder_icon"; ex.id = "fop"+param.id; fh.appendChild(ex);
|
||||||
var ft = document.createElement("div"); ft.className = "folder_title"; ft.id = "folder_title"+param.id; ft.textContent = param.name; fh.appendChild(ft); // TITLE
|
var ft = document.createElement("div"); ft.className = "folder_title"; ft.id = "folder_title"+param.id; ft.textContent = param.name; fh.appendChild(ft); // TITLE
|
||||||
// $("#tab_title" + tab.id)[0].textContent = title;
|
var cf = document.createElement("div"); cf.className = "children"; cf.id = "cf"+param.id; fd.appendChild(cf);
|
||||||
// $("#tab_header" + tab.id).attr("title", title);
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
var ch = document.createElement("div"); ch.className = "children"; ch.id = "ch"+param.id; fd.appendChild(ch);
|
var ch = document.createElement("div"); ch.className = "children"; ch.id = "ch"+param.id; fd.appendChild(ch);
|
||||||
// var tt = document.createElement("div"); tt.className = "tab_title"; tt.id = "tab_title"+param.tab.id; th.appendChild(tt); // TITLE
|
if (!opt.never_show_close) {
|
||||||
|
var cl = document.createElement("div"); cl.className = "close"; cl.id = "close"+param.id; fh.appendChild(cl); // CLOSE BUTTON
|
||||||
$("#"+active_group).append(fd);
|
var ci = document.createElement("div"); ci.className = "close_img"; ci.id = "close_img"+param.id; cl.appendChild(ci);
|
||||||
|
}
|
||||||
|
if (param.ParentId == "" || param.ParentId == undefined || $("#cf"+param.ParentId).length == 0) {
|
||||||
|
$("#cf"+active_group).append(fd);
|
||||||
|
} else {
|
||||||
|
$("#cf"+param.ParentId).append(fd);
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function GenerateNewFolderID() {
|
function GenerateNewFolderID() {
|
||||||
var newID = "f_"+GenerateRandomID();
|
var newID = "f_"+GenerateRandomID();
|
||||||
console.log("generating "+newID);
|
|
||||||
if ($("#"+newID)[0]) {
|
if ($("#"+newID)[0]) {
|
||||||
GenerateNewFolderID();
|
GenerateNewFolderID();
|
||||||
console.log("exists "+newID);
|
|
||||||
} else {
|
} else {
|
||||||
console.log("yay this is ok "+newID);
|
|
||||||
return newID;
|
return newID;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
function AppendFolders(Folders) {
|
||||||
|
for (var folderId in Folders) {
|
||||||
|
AppendFolder({id: folderId, ParentId: Folders[folderId].parent, name: Folders[folderId].name, expand: Folders[folderId].expand});
|
||||||
|
}
|
||||||
|
// APPEND FOLDERS TO PARENTS
|
||||||
|
for (var folderId in Folders) {
|
||||||
|
if ($("#"+folderId)[0] && Folders[folderId].parent != $("#"+folderId).parent().parent()[0].id) {
|
||||||
|
$("#cf"+Folders[folderId].parent).append($("#"+folderId));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function SaveFolders() {
|
||||||
|
$(".folder").each(function() {
|
||||||
|
bgfolders[this.id].parent = $(this).parent().parent()[0].id;
|
||||||
|
bgfolders[this.id].index = $(this).index();
|
||||||
|
bgfolders[this.id].expand = ($(this).is(".n") ? "n" : ($(this).is(".c") ? "c" : "o"));
|
||||||
|
});
|
||||||
|
chrome.runtime.sendMessage({command: "save_folders", folders: bgfolders, windowId: CurrentWindowId});
|
||||||
|
}
|
||||||
|
function RearrangeFolders(first_loop) {
|
||||||
|
$(".folder").each(function() {
|
||||||
|
if (bgfolders[this.id] && $(this).parent().children().eq(bgfolders[this.id].index)[0]) {
|
||||||
|
if ($(this).index() > bgfolders[this.id].index) {
|
||||||
|
$(this).insertBefore($(this).parent().children().eq(bgfolders[this.id].index));
|
||||||
|
} else {
|
||||||
|
$(this).insertAfter($(this).parent().children().eq(bgfolders[this.id].index));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (bgfolders[this.id] && $(this).index() != bgfolders[this.id].index && first_loop) {
|
||||||
|
RearrangeFolders(false);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
function RemoveFolder(FolderId) {
|
||||||
|
if ($("#"+FolderId)[0]) {
|
||||||
|
if (opt.promote_children == true) {
|
||||||
|
if (opt.promote_children_in_first_child == true && $("#cf"+FolderId).children().length > 0) {
|
||||||
|
let FirstChild = $("#cf"+FolderId).children()[0];
|
||||||
|
$(FirstChild).insertAfter($("#"+FolderId));
|
||||||
|
$("#cf"+FirstChild.id).append($("#cf"+FolderId).children());
|
||||||
|
if ($("#ch"+FolderId).children().length > 0) {
|
||||||
|
$("#ch"+FirstChild.id).append($("#ch"+FolderId).children());
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
$("#ch"+($("#"+FolderId).parent().parent()[0].id)).append($("#ch"+FolderId).children());
|
||||||
|
$("#cf"+FolderId).children().insertAfter($("#"+FolderId));
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
$("#"+FolderId+" .tab").each(function() {
|
||||||
|
chrome.tabs.remove(parseInt(this.id), null);
|
||||||
|
});
|
||||||
|
$("#"+FolderId+" .folder").each(function() {
|
||||||
|
delete bgfolders[this.id];
|
||||||
|
});
|
||||||
|
}
|
||||||
|
$("#"+FolderId).remove();
|
||||||
|
delete bgfolders[FolderId];
|
||||||
|
RefreshExpandStates();
|
||||||
|
chrome.runtime.sendMessage({command: "save_folders", folders: bgfolders, windowId: CurrentWindowId});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function SetActiveFolder(FolderId) {
|
||||||
|
if ($("#"+FolderId).length > 0) {
|
||||||
|
$(".selected_folder").removeClass("selected_folder");
|
||||||
|
$("#"+FolderId).addClass("selected_folder");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// Rename folder popup
|
||||||
|
function ShowRenameFolderDialog(FolderId) {
|
||||||
|
$("#folder_edit_name")[0].value = bgfolders[FolderId].name;
|
||||||
|
$("#folder_edit_name").data("FolderId", FolderId);
|
||||||
|
$("#folder_edit").css({"display": "block", "top": $("#toolbar_groups").offset().top + 8, "left": 22});
|
||||||
|
}
|
||||||
|
// when pressed OK in folder popup
|
||||||
|
function FolderRenameConfirm() {
|
||||||
|
$("#folder_edit_name")[0].value = $("#folder_edit_name")[0].value.replace(/[\f\n\r\v\t\<\>\+\-\(\)\.\,\;\:\~\/\|\?\@\!\"\'\£\$\%\&\^\#\=\*\[\]]?/gi, "");
|
||||||
|
bgfolders[$("#folder_edit_name").data("FolderId")].name = $("#folder_edit_name")[0].value;
|
||||||
|
$("#folder_title"+$("#folder_edit_name").data("FolderId"))[0].innerText = $("#folder_edit_name")[0].value;
|
||||||
|
$(".edit_dialog").hide(0);
|
||||||
|
chrome.runtime.sendMessage({command: "save_folders", folders: bgfolders, windowId: CurrentWindowId});
|
||||||
|
RefreshCounters();
|
||||||
|
}
|
||||||
function SetFolderEvents() {
|
function SetFolderEvents() {
|
||||||
// EXPAND BOX - EXPAND / COLLAPSE
|
// EXPAND BOX - EXPAND / COLLAPSE
|
||||||
$(document).on("mousedown", ".folder_icon", function(event) {
|
$(document).on("click", ".folder_icon", function(event) {
|
||||||
event.stopPropagation();
|
event.stopPropagation();
|
||||||
if (event.button == 0) {
|
if (event.button == 0) {
|
||||||
if ($(this).parent().parent().is(".o")) {
|
if ($(this).parent().parent().is(".o")) {
|
||||||
$(this).parent().parent().removeClass("o").addClass("c");
|
$(this).parent().parent().removeClass("o").addClass("c");
|
||||||
// chrome.runtime.sendMessage({ command: "update_tab", tabId: parseInt($(this).parent().parent()[0].id), tab: { expand: "c" } });
|
|
||||||
} else {
|
} else {
|
||||||
if ($(this).parent().parent().is(".c")) {
|
if ($(this).parent().parent().is(".c")) {
|
||||||
$(this).parent().parent().removeClass("c").addClass("o");
|
$(this).parent().parent().removeClass("c").addClass("o");
|
||||||
// chrome.runtime.sendMessage({ command: "update_tab", tabId: parseInt($(this).parent().parent()[0].id), tab: { expand: "o" } });
|
|
||||||
// if (opt.close_other_trees) {
|
|
||||||
// $(".o:visible:not(#"+$(this).parent().parent()[0].id+")").removeClass("o").addClass("c");
|
|
||||||
// $(this).parents(".tab").each(function() {
|
|
||||||
// $(this).removeClass("n").removeClass("c").addClass("o");
|
|
||||||
// chrome.runtime.sendMessage({ command: "update_tab", tabId: parseInt(this.id), tab: { expand: "o" } });
|
|
||||||
// });
|
|
||||||
// $(".c").each(function() {
|
|
||||||
// chrome.runtime.sendMessage({ command: "update_tab", tabId: parseInt(this.id), tab: { expand: "c" } });
|
|
||||||
// });
|
|
||||||
// }
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
RefreshExpandStates();
|
||||||
|
RefreshCounters();
|
||||||
|
SaveFolders();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
// SINGLE CLICK TO ACTIVATE FOLDER
|
||||||
|
$(document).on("click", ".folder_header", function(event) {
|
||||||
|
event.stopPropagation();
|
||||||
|
if (event.button == 0 && !event.shiftKey) {
|
||||||
|
$("#"+active_group+" .tab").removeClass("selected_tab");
|
||||||
|
if (!event.ctrlKey) {
|
||||||
|
$(".selected_folder:not(#"+($(this).parent()[0].id)+")").removeClass("selected_folder");
|
||||||
|
}
|
||||||
|
// SetActiveFolder();
|
||||||
|
$(this).parent().toggleClass("selected_folder");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
// CLOSE TAB/PIN
|
||||||
|
$(document).on("mousedown", ".folder_header", function(event) {
|
||||||
|
if ((event.button == 1 && opt.close_with_MMB == true) || (event.button == 0 && $(event.target).is(".close, .close_img"))) {
|
||||||
|
RemoveFolder($(this).parent()[0].id);
|
||||||
|
}
|
||||||
|
if (event.button == 2) {
|
||||||
|
event.stopPropagation();
|
||||||
|
ShowFolderMenu($(this).parent(), event);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
// edit folder dialog box
|
||||||
|
$(document).on("mousedown", "#folder_edit_discard", function(event) {
|
||||||
|
$(".edit_dialog").hide(0);
|
||||||
|
});
|
||||||
|
$("#folder_edit_name").keyup(function(e) {
|
||||||
|
if (e.keyCode == 13) {
|
||||||
|
FolderRenameConfirm();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
$(document).on("mousedown", "#folder_edit_confirm", function(event) {
|
||||||
|
FolderRenameConfirm();
|
||||||
|
});
|
||||||
|
// edit folder
|
||||||
|
$(document).on("dblclick", ".folder_title", function(event) {
|
||||||
|
if (event.button == 0) {
|
||||||
|
ShowRenameFolderDialog($(this).parent().parent()[0].id);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
$(document).on("mouseover", ".folder_header", function(event) {
|
||||||
|
$(this).addClass("folder_header_hover");
|
||||||
|
if (opt.always_show_close == false) {
|
||||||
|
$(this).addClass("close_show");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
$(document).on("mouseleave", ".folder_header", function(event) {
|
||||||
|
$(this).removeClass("folder_header_hover");
|
||||||
|
if (opt.always_show_close == false) {
|
||||||
|
$(this).removeClass("close_show");
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@ -4,41 +4,42 @@
|
|||||||
|
|
||||||
// ********** GLOBAL VARIABLES FOR BACKGROUND, OPTIONS AND SIDEBAR ***************
|
// ********** GLOBAL VARIABLES FOR BACKGROUND, OPTIONS AND SIDEBAR ***************
|
||||||
|
|
||||||
|
|
||||||
var running = false;
|
var running = false;
|
||||||
var schedule_save = 0;
|
var schedule_save = -999;
|
||||||
var schedule_update_indexes = 0;
|
var schedule_update_data = 0;
|
||||||
var schedule_rearrange_tabs = 0;
|
var schedule_rearrange_tabs = 0;
|
||||||
|
var schedule_rearrange_reverse = false;
|
||||||
var windows = {};
|
var windows = {};
|
||||||
var tabs = {};
|
var tabs = {};
|
||||||
|
|
||||||
var MouseHoverOver = "";
|
var MouseHoverOver = "";
|
||||||
|
var DragAndDrop = {
|
||||||
|
timeout: false,
|
||||||
var DragAndDrop = {timeout: false, DragNode: undefined, DragNodeClass: "", SelectedTabsIds: [], TabsIds: [], Parents: [], ComesFromWindowId: 0, Depth: 0};
|
DragNode: undefined,
|
||||||
var DropTargetsInFront = false;
|
DragNodeClass: "",
|
||||||
|
TabsIds: [],
|
||||||
|
TabsIdsParents: [],
|
||||||
var menuTabId = 0;
|
TabsIdsSelected: [],
|
||||||
|
Folders: {},
|
||||||
|
FoldersSelected: [],
|
||||||
|
ComesFromWindowId: 0,
|
||||||
|
DroppedToWindowId: 0,
|
||||||
|
Depth: 0
|
||||||
|
};
|
||||||
|
var menuItemId = 0;
|
||||||
var CurrentWindowId = 0;
|
var CurrentWindowId = 0;
|
||||||
var SearchIndex = 0;
|
var SearchIndex = 0;
|
||||||
var schedule_update_data = 0;
|
|
||||||
var active_group = "tab_list";
|
var active_group = "tab_list";
|
||||||
var PickColor = "";
|
var PickColor = "";
|
||||||
|
|
||||||
var opt = {};
|
var opt = {};
|
||||||
var browserId = navigator.userAgent.match("Opera") !== null ? "O" : ( navigator.userAgent.match("Vivaldi") !== null ? "V" : (navigator.userAgent.match("Firefox") !== null ? "F" : "C" ) );
|
var browserId = navigator.userAgent.match("Opera") !== null ? "O" : ( navigator.userAgent.match("Vivaldi") !== null ? "V" : (navigator.userAgent.match("Firefox") !== null ? "F" : "C" ) );
|
||||||
|
|
||||||
var bgtabs = {};
|
var bgtabs = {};
|
||||||
var bggroups = {};
|
var bggroups = {};
|
||||||
|
var bgfolders = {};
|
||||||
var caption_clear_filter = chrome.i18n.getMessage("caption_clear_filter");
|
var caption_clear_filter = chrome.i18n.getMessage("caption_clear_filter");
|
||||||
var caption_loading = chrome.i18n.getMessage("caption_loading");
|
var caption_loading = chrome.i18n.getMessage("caption_loading");
|
||||||
var caption_searchbox = chrome.i18n.getMessage("caption_searchbox");
|
var caption_searchbox = chrome.i18n.getMessage("caption_searchbox");
|
||||||
|
|
||||||
var caption_ungrouped_group = chrome.i18n.getMessage("caption_ungrouped_group");
|
var caption_ungrouped_group = chrome.i18n.getMessage("caption_ungrouped_group");
|
||||||
var caption_noname_group = chrome.i18n.getMessage("caption_noname_group");
|
var caption_noname_group = chrome.i18n.getMessage("caption_noname_group");
|
||||||
|
|
||||||
var DefaultToolbar =
|
var DefaultToolbar =
|
||||||
'<div id=toolbar_main>'+
|
'<div id=toolbar_main>'+
|
||||||
'<div class=button id=button_new><div class=button_img></div></div>'+
|
'<div class=button id=button_new><div class=button_img></div></div>'+
|
||||||
@ -48,7 +49,7 @@ var DefaultToolbar =
|
|||||||
'<div class=button id=button_tools><div class=button_img></div></div>'+
|
'<div class=button id=button_tools><div class=button_img></div></div>'+
|
||||||
'<div class=button id=button_groups><div class=button_img></div></div>'+
|
'<div class=button id=button_groups><div class=button_img></div></div>'+
|
||||||
'<div class=button id=button_backup><div class=button_img></div></div>'+
|
'<div class=button id=button_backup><div class=button_img></div></div>'+
|
||||||
// '<div class=button id=button_folders><div class=button_img></div></div>'+
|
'<div class=button id=button_folders><div class=button_img></div></div>'+
|
||||||
'</div>'+
|
'</div>'+
|
||||||
'<div class=toolbar_shelf id=toolbar_search>'+
|
'<div class=toolbar_shelf id=toolbar_search>'+
|
||||||
'<div id=toolbar_search_input_box>'+
|
'<div id=toolbar_search_input_box>'+
|
||||||
@ -68,9 +69,9 @@ var DefaultToolbar =
|
|||||||
'<div class=button id=button_downloads><div class=button_img></div></div>'+
|
'<div class=button id=button_downloads><div class=button_img></div></div>'+
|
||||||
'<div class=button id=button_history><div class=button_img></div></div>'+
|
'<div class=button id=button_history><div class=button_img></div></div>'+
|
||||||
'<div class=button id=button_settings><div class=button_img></div></div>'+
|
'<div class=button id=button_settings><div class=button_img></div></div>'+
|
||||||
'<div class=button id=button_extensions><div class=button_img></div></div>'+
|
'<div class=button id=button_extensions><div class=button_img></div></div>'
|
||||||
'<div class=button id=button_discard><div class=button_img></div></div>'
|
|
||||||
: '')+
|
: '')+
|
||||||
|
'<div class=button id=button_discard><div class=button_img></div></div>'+
|
||||||
'<div class=button id=button_move><div class=button_img></div></div>'+
|
'<div class=button id=button_move><div class=button_img></div></div>'+
|
||||||
'</div>'+
|
'</div>'+
|
||||||
'<div class=toolbar_shelf id=toolbar_shelf_groups>'+
|
'<div class=toolbar_shelf id=toolbar_shelf_groups>'+
|
||||||
@ -90,31 +91,54 @@ var DefaultToolbar =
|
|||||||
'<div class=button id=button_load_bak2><div class=button_img></div></div>'+
|
'<div class=button id=button_load_bak2><div class=button_img></div></div>'+
|
||||||
'<div class=button id=button_load_bak3><div class=button_img></div></div>'
|
'<div class=button id=button_load_bak3><div class=button_img></div></div>'
|
||||||
: '')+
|
: '')+
|
||||||
|
'</div>'+
|
||||||
|
'<div class=toolbar_shelf id=toolbar_shelf_folders>'+
|
||||||
|
'<div class=button id=button_new_folder><div class=button_img></div></div>'+
|
||||||
|
'<div class=button id=button_remove_folder><div class=button_img></div></div>'+
|
||||||
|
'<div class=button id=button_edit_folder><div class=button_img></div></div>'+
|
||||||
'</div>';
|
'</div>';
|
||||||
// '<div class=toolbar_shelf id=toolbar_shelf_folders>'+
|
var DefaultTheme = {
|
||||||
// '</div>'+
|
"ToolbarShow": true,
|
||||||
|
"ColorsSet": {},
|
||||||
var DefaultTheme = { "ToolbarShow": true, "ColorsSet": {}, "TabsSizeSetNumber": 2, "theme_name": "untitled", "theme_version": 2, "toolbar": DefaultToolbar, "unused_buttons": "" };
|
"TabsSizeSetNumber": 2,
|
||||||
var DefaultPreferences = { "skip_load": false, "new_open_below": false, "pin_list_multi_row": false, "close_with_MMB": true, "always_show_close": false, "allow_pin_close": false, "append_child_tab": "bottom", "append_child_tab_after_limit": "after", "append_orphan_tab": "bottom", "after_closing_active_tab": "below", "close_other_trees": false, "promote_children": true, "promote_children_in_first_child": true, "open_tree_on_hover": true, "max_tree_depth": -1, "max_tree_drag_drop": true, "never_show_close": false, "switch_with_scroll": false, "syncro_tabbar_tabs_order": true, "show_counter_groups": true, "show_counter_tabs": true, "show_counter_tabs_hints": true, "groups_toolbar_default": true };
|
"theme_name": "untitled",
|
||||||
|
"theme_version": 2,
|
||||||
|
"toolbar": DefaultToolbar,
|
||||||
|
"unused_buttons": ""
|
||||||
|
};
|
||||||
|
var DefaultPreferences = {
|
||||||
|
"skip_load": false,
|
||||||
|
"pin_list_multi_row": false,
|
||||||
|
"close_with_MMB": true,
|
||||||
|
"always_show_close": false,
|
||||||
|
"allow_pin_close": false,
|
||||||
|
"append_child_tab": "bottom",
|
||||||
|
"append_child_tab_after_limit": "after",
|
||||||
|
"append_orphan_tab": "bottom",
|
||||||
|
"after_closing_active_tab": "below_seek_in_parent",
|
||||||
|
"close_other_trees": false,
|
||||||
|
"promote_children": true,
|
||||||
|
"promote_children_in_first_child": true,
|
||||||
|
"open_tree_on_hover": true,
|
||||||
|
"max_tree_depth": -1,
|
||||||
|
"max_tree_drag_drop": true,
|
||||||
|
"never_show_close": false,
|
||||||
|
"switch_with_scroll": false,
|
||||||
|
"syncro_tabbar_tabs_order": true,
|
||||||
|
"show_counter_groups": true,
|
||||||
|
"show_counter_tabs": true,
|
||||||
|
"show_counter_tabs_hints": true,
|
||||||
|
"groups_toolbar_default": true,
|
||||||
|
"syncro_tabbar_groups_tabs_order": true,
|
||||||
|
"debug": false
|
||||||
|
};
|
||||||
|
var theme = {
|
||||||
|
"TabsSizeSetNumber": 2,
|
||||||
|
"ToolbarShow": true,
|
||||||
|
"toolbar": DefaultToolbar
|
||||||
|
};
|
||||||
|
|
||||||
// ******************* GLOBAL FUNCTIONS ************************
|
// ******************* GLOBAL FUNCTIONS ************************
|
||||||
// function LoadData(KeyName, ExpectReturnDefaultType) {
|
|
||||||
// chrome.runtime.sendMessage({command: "load_data", K: KeyName, T: ExpectReturnDefaultType}, function(response) {
|
|
||||||
// return response;
|
|
||||||
// });
|
|
||||||
// }
|
|
||||||
function LoadData(KeyName, ExpectReturnDefaultType) {
|
|
||||||
var data = ExpectReturnDefaultType;
|
|
||||||
try {
|
|
||||||
data = JSON.parse(localStorage[KeyName]);
|
|
||||||
return data;
|
|
||||||
} catch(e) {
|
|
||||||
return ExpectReturnDefaultType;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// generate random id
|
// generate random id
|
||||||
function GenerateRandomID(){
|
function GenerateRandomID(){
|
||||||
@ -128,10 +152,41 @@ function RGBtoHex(color){
|
|||||||
}
|
}
|
||||||
|
|
||||||
function HexToRGB(hex, alpha){
|
function HexToRGB(hex, alpha){
|
||||||
hex = hex.replace('#', ''); let r = parseInt(hex.length == 3 ? hex.slice(0, 1).repeat(2) : hex.slice(0, 2), 16); let g = parseInt(hex.length == 3 ? hex.slice(1, 2).repeat(2) : hex.slice(2, 4), 16); let b = parseInt(hex.length == 3 ? hex.slice(2, 3).repeat(2) : hex.slice(4, 6), 16); if (alpha) { return 'rgba('+r+', '+g+', '+b+', '+alpha+')'; } else { return 'rgb('+r+', '+g+', '+b+')'; }
|
hex = hex.replace('#', '');
|
||||||
|
let r = parseInt(hex.length == 3 ? hex.slice(0, 1).repeat(2) : hex.slice(0, 2), 16);
|
||||||
|
let g = parseInt(hex.length == 3 ? hex.slice(1, 2).repeat(2) : hex.slice(2, 4), 16);
|
||||||
|
let b = parseInt(hex.length == 3 ? hex.slice(2, 3).repeat(2) : hex.slice(4, 6), 16);
|
||||||
|
if (alpha) { return 'rgba('+r+', '+g+', '+b+', '+alpha+')'; } else { return 'rgb('+r+', '+g+', '+b+')'; }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function GetCurrentTheme() {
|
||||||
|
chrome.storage.local.get(null, function(items) {
|
||||||
|
if (items["current_theme"] && items["themes"] && items["themes"][items["current_theme"]]) {
|
||||||
|
theme = items["themes"][items["current_theme"]];
|
||||||
|
} else {
|
||||||
|
theme = Object.assign({}, DefaultTheme);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
function ApplyTheme(theme) {
|
||||||
|
RestoreStateOfGroupsToolbar();
|
||||||
|
ApplySizeSet(theme["TabsSizeSetNumber"]);
|
||||||
|
ApplyColorsSet(theme["ColorsSet"]);
|
||||||
|
if (theme.ToolbarShow) {
|
||||||
|
if (theme.theme_version == DefaultTheme.theme_version) {
|
||||||
|
$("#toolbar").html(theme.toolbar);
|
||||||
|
if (browserId == "F") {
|
||||||
|
$(".button#button_load_bak1, .button#button_load_bak2, .button#button_load_bak3").remove();
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
$("#toolbar").html(DefaultToolbar);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
RestoreToolbarShelf();
|
||||||
|
RestoreToolbarSearchFilter();
|
||||||
|
Loadi18n();
|
||||||
|
}
|
||||||
/* theme colors is an object with css variables (but without --), for example; {"button_background": "#f2f2f2", "filter_box_border": "#cccccc"} */
|
/* theme colors is an object with css variables (but without --), for example; {"button_background": "#f2f2f2", "filter_box_border": "#cccccc"} */
|
||||||
function ApplyColorsSet(ThemeColors){
|
function ApplyColorsSet(ThemeColors){
|
||||||
let css_variables = "";
|
let css_variables = "";
|
||||||
@ -157,7 +212,7 @@ function ApplySizeSet(size){
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
if (browserId == "F") {
|
if (browserId == "F") {
|
||||||
// I have no idea what is going on, but why top position for various things is different in firefox?????
|
// for some reason top position for various things is different in firefox?????
|
||||||
if (size > 1) {
|
if (size > 1) {
|
||||||
document.styleSheets[document.styleSheets.length-1].insertRule(".tab_header>.tab_title { margin-top: -1px; }", document.styleSheets[document.styleSheets.length-1].cssRules.length);
|
document.styleSheets[document.styleSheets.length-1].insertRule(".tab_header>.tab_title { margin-top: -1px; }", document.styleSheets[document.styleSheets.length-1].cssRules.length);
|
||||||
} else {
|
} else {
|
||||||
@ -167,27 +222,26 @@ function ApplySizeSet(size){
|
|||||||
}
|
}
|
||||||
|
|
||||||
function LoadPreferences() {
|
function LoadPreferences() {
|
||||||
var LoadedPreferences = LoadData("preferences", {});
|
opt = Object.assign({}, DefaultPreferences);
|
||||||
|
chrome.storage.local.get(null, function(items) {
|
||||||
for (var parameter in DefaultPreferences) {
|
if (items["preferences"]) {
|
||||||
opt[parameter] = DefaultPreferences[parameter];
|
for (var parameter in items["preferences"]) {
|
||||||
}
|
|
||||||
for (var parameter in LoadedPreferences) {
|
|
||||||
if (opt[parameter] != undefined) {
|
if (opt[parameter] != undefined) {
|
||||||
opt[parameter] = LoadedPreferences[parameter];
|
opt[parameter] = items["preferences"][parameter];
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
function LoadDefaultPreferences() {
|
function LoadDefaultPreferences() {
|
||||||
for (var parameter in DefaultPreferences) {
|
opt = Object.assign({}, DefaultPreferences);
|
||||||
opt[parameter] = DefaultPreferences[parameter];
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
function SavePreferences() {
|
function SavePreferences() {
|
||||||
localStorage["preferences"] = JSON.stringify(opt);
|
chrome.runtime.sendMessage({command: "save_preferences", opt: opt}, function(response) {
|
||||||
setTimeout(function() {
|
setTimeout(function() {
|
||||||
chrome.runtime.sendMessage({command: "reload_options"});
|
chrome.runtime.sendMessage({command: "reload_options"});
|
||||||
}, 200);
|
}, 300);
|
||||||
|
});
|
||||||
}
|
}
|
||||||
function ShowOpenFileDialog(id, extension) {
|
function ShowOpenFileDialog(id, extension) {
|
||||||
let body = document.getElementById("body");
|
let body = document.getElementById("body");
|
||||||
@ -211,3 +265,9 @@ function SaveFile(filename, data) {
|
|||||||
link.remove();
|
link.remove();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function log(m) {
|
||||||
|
if (opt.debug) {
|
||||||
|
console.log(m);
|
||||||
|
}
|
||||||
|
// chrome.runtime.sendMessage({command: "console_log", m: m});
|
||||||
|
}
|
||||||
@ -4,32 +4,52 @@
|
|||||||
|
|
||||||
// ********** GROUPS FUNCTIONS ***************
|
// ********** GROUPS FUNCTIONS ***************
|
||||||
|
|
||||||
function AppendAllGroups() {
|
function SaveGroups() {
|
||||||
// var scroll = $("#group_list").scrollTop();
|
chrome.runtime.sendMessage({command: "save_groups", groups: bggroups, windowId: CurrentWindowId});
|
||||||
for (var group in bggroups) {
|
|
||||||
AppendGroupToList(bggroups[group].id, bggroups[group].name, bggroups[group].font);
|
|
||||||
}
|
}
|
||||||
RearrangeGroups(0);
|
function AppendGroups(Groups) {
|
||||||
|
// var scroll = $("#group_list").scrollTop();
|
||||||
|
for (var group in Groups) {
|
||||||
|
AppendGroupToList(Groups[group].id, Groups[group].name, Groups[group].font);
|
||||||
|
}
|
||||||
|
setTimeout(function() {
|
||||||
|
RearrangeGroupsButtons(0);
|
||||||
|
}, 1000);
|
||||||
}
|
}
|
||||||
|
|
||||||
function RearrangeGroups(stack) {
|
function RearrangeGroupsButtons(stack) {
|
||||||
$(".group_button").each(function() {
|
$(".group_button").each(function() {
|
||||||
if ($("#group_list").children().eq(bggroups[(this.id).substr(1)].index)[0] && $(this).index() > bggroups[(this.id).substr(1)].index) {
|
let groupId = (this.id).substr(1);
|
||||||
$(this).insertBefore($("#group_list").children().eq(bggroups[(this.id).substr(1)].index)[0]);
|
if (bggroups[groupId]) {
|
||||||
|
if ($("#group_list").children().eq(bggroups[groupId].index)[0] && $(this).index() > bggroups[groupId].index) {
|
||||||
|
$(this).insertBefore($("#group_list").children().eq(bggroups[groupId].index)[0]);
|
||||||
} else {
|
} else {
|
||||||
if ($("#group_list").children().eq(bggroups[(this.id).substr(1)].index)[0] && $(this).index() < bggroups[(this.id).substr(1)].index) {
|
if ($("#group_list").children().eq(bggroups[groupId].index)[0] && $(this).index() < bggroups[groupId].index) {
|
||||||
$(this).insertAfter($("#group_list").children().eq(bggroups[(this.id).substr(1)].index)[0]);
|
$(this).insertAfter($("#group_list").children().eq(bggroups[groupId].index)[0]);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
if ($(this).index() != bggroups[(this.id).substr(1)].index && stack < 10) {
|
if ($(this).index() != bggroups[groupId].index && stack < 10) {
|
||||||
RearrangeGroups(stack+1);
|
RearrangeGroupsButtons(stack+1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
function RearrangeGroupsLists() {
|
||||||
|
let scroll = $("#"+active_group).scrollTop();
|
||||||
|
$(".group_button").each(function() {
|
||||||
|
let groupId = (this.id).substr(1);
|
||||||
|
if ($("#"+groupId)[0]) {
|
||||||
|
$("#groups").append($("#"+groupId));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
$("#"+active_group).scrollTop(scroll);
|
||||||
|
}
|
||||||
|
|
||||||
function AppendGroupToList(groupId, group_name, font_color) {
|
function AppendGroupToList(groupId, group_name, font_color) {
|
||||||
if ($("#"+groupId).length == 0 && $("#groups")[0]) {
|
if ($("#"+groupId).length == 0 && $("#groups")[0]) {
|
||||||
var grp = document.createElement("div"); grp.className = "group"; grp.id = groupId; $("#groups")[0].appendChild(grp);
|
var grp = document.createElement("div"); grp.className = "group"; grp.id = groupId; $("#groups")[0].appendChild(grp);
|
||||||
|
var gcf = document.createElement("div"); gcf.className = "children_folders"; gcf.id = "cf"+groupId; grp.appendChild(gcf);
|
||||||
|
var gct = document.createElement("div"); gct.className = "children_tabs"; gct.id = "ch"+groupId; grp.appendChild(gct);
|
||||||
}
|
}
|
||||||
if ($("#_"+groupId).length == 0) {
|
if ($("#_"+groupId).length == 0) {
|
||||||
var gbn = document.createElement("div"); gbn.className = "group_button"; gbn.id = "_"+groupId; $("#group_list")[0].appendChild(gbn);
|
var gbn = document.createElement("div"); gbn.className = "group_button"; gbn.id = "_"+groupId; $("#group_list")[0].appendChild(gbn);
|
||||||
@ -57,11 +77,10 @@ function GenerateNewGroupID(){
|
|||||||
|
|
||||||
function AddNewGroup(p) {
|
function AddNewGroup(p) {
|
||||||
var newId = GenerateNewGroupID();
|
var newId = GenerateNewGroupID();
|
||||||
bggroups[newId] = { id: newId, index: 0, activetab: 0, activetab_ttid: "", name: (p.name ? p.name : caption_noname_group), font: (p.font ? p.font : "") };
|
bggroups[newId] = { id: newId, index: 0, active_tab: 0, active_tab_ttid: "", name: (p.name ? p.name : caption_noname_group), font: (p.font ? p.font : "") };
|
||||||
AppendGroupToList(newId, bggroups[newId].name, bggroups[newId].font);
|
AppendGroupToList(newId, bggroups[newId].name, bggroups[newId].font);
|
||||||
UpdateBgGroupsOrder();
|
UpdateBgGroupsOrder();
|
||||||
return newId;
|
return newId;
|
||||||
// chrome.runtime.sendMessage({command: "save_groups", groups: bggroups, windowId: CurrentWindowId});
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// function AppendTabsToGroup(p) {
|
// function AppendTabsToGroup(p) {
|
||||||
@ -70,13 +89,23 @@ function AddNewGroup(p) {
|
|||||||
// remove group, delete tabs if close_tabs is true
|
// remove group, delete tabs if close_tabs is true
|
||||||
function GroupRemove(groupId, close_tabs) {
|
function GroupRemove(groupId, close_tabs) {
|
||||||
if (close_tabs) {
|
if (close_tabs) {
|
||||||
CloseTabs($("#"+active_group).find(".tab").map(function() {return parseInt(this.id);}).toArray());
|
CloseTabs($("#"+groupId).find(".tab").map(function() {return parseInt(this.id);}).toArray());
|
||||||
} else {
|
$("#"+groupId+" .folder").each(function() {
|
||||||
$("#"+groupId).children().each(function() {
|
RemoveFolder(this.id);
|
||||||
$("#tab_list").append(this);
|
|
||||||
});
|
});
|
||||||
|
} else {
|
||||||
|
$("#cf"+groupId).children().each(function() {
|
||||||
|
$("#cftab_list").append(this);
|
||||||
|
});
|
||||||
|
$("#ch"+groupId).children().each(function() {
|
||||||
|
$("#chtab_list").append(this);
|
||||||
|
});
|
||||||
|
RefreshExpandStates();
|
||||||
|
RefreshCounters();
|
||||||
}
|
}
|
||||||
delete bggroups[groupId];
|
delete bggroups[groupId];
|
||||||
|
|
||||||
|
if ($("#"+groupId)[0].id == active_group) {
|
||||||
if ($("#_"+groupId).prev(".group_button")[0]) {
|
if ($("#_"+groupId).prev(".group_button")[0]) {
|
||||||
SetActiveGroup(($("#_"+groupId).prev(".group_button")[0].id).substr(1), true, true);
|
SetActiveGroup(($("#_"+groupId).prev(".group_button")[0].id).substr(1), true, true);
|
||||||
} else {
|
} else {
|
||||||
@ -86,7 +115,8 @@ function GroupRemove(groupId, close_tabs) {
|
|||||||
SetActiveGroup("tab_list", true, true);
|
SetActiveGroup("tab_list", true, true);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
chrome.runtime.sendMessage({command: "save_groups", groups: bggroups, windowId: CurrentWindowId});
|
}
|
||||||
|
SaveGroups();
|
||||||
$("#"+groupId).remove();
|
$("#"+groupId).remove();
|
||||||
$("#_"+groupId).remove();
|
$("#_"+groupId).remove();
|
||||||
schedule_update_data++;
|
schedule_update_data++;
|
||||||
@ -94,28 +124,29 @@ function GroupRemove(groupId, close_tabs) {
|
|||||||
|
|
||||||
function UpdateBgGroupsOrder() {
|
function UpdateBgGroupsOrder() {
|
||||||
$(".group_button").each(function() {
|
$(".group_button").each(function() {
|
||||||
|
if (bggroups[(this.id).substr(1)]) {
|
||||||
bggroups[(this.id).substr(1)].index = $(this).index();
|
bggroups[(this.id).substr(1)].index = $(this).index();
|
||||||
|
}
|
||||||
});
|
});
|
||||||
chrome.runtime.sendMessage({command: "save_groups", groups: bggroups, windowId: CurrentWindowId});
|
SaveGroups();
|
||||||
}
|
}
|
||||||
|
|
||||||
function SetActiveGroup(groupId, switch_to_active_in_group, scroll_to_active) {
|
function SetActiveGroup(groupId, switch_to_active_in_group, scroll_to_active) {
|
||||||
if ($("#"+groupId)[0] == undefined) {
|
log("function: SetActiveGroup");
|
||||||
return;
|
if ($("#"+groupId)[0]) {
|
||||||
}
|
active_group = groupId;
|
||||||
$(".group_button").removeClass("active_group");
|
$(".group_button").removeClass("active_group");
|
||||||
$("#_"+groupId).addClass("active_group");
|
$("#_"+groupId).addClass("active_group");
|
||||||
$(".tab, .group").hide();
|
$(".tab, .group").hide();
|
||||||
$("#"+groupId).show();
|
$("#"+groupId).show();
|
||||||
$("#"+groupId+" .tab").show();
|
$("#"+groupId+" .tab").show();
|
||||||
active_group = groupId;
|
|
||||||
RefreshGUI();
|
RefreshGUI();
|
||||||
$("#group_edit").hide();
|
$("#group_edit").hide();
|
||||||
if (switch_to_active_in_group && $("#"+groupId+" .active")[0]){
|
if (switch_to_active_in_group && $("#"+groupId+" .active_tab")[0]){
|
||||||
chrome.tabs.update(parseInt($("#"+groupId+" .active")[0].id), {active: true});
|
chrome.tabs.update(parseInt($("#"+groupId+" .active_tab")[0].id), {active: true});
|
||||||
}
|
}
|
||||||
if (scroll_to_active && $("#"+groupId+" .active")[0]){
|
if (scroll_to_active && $("#"+groupId+" .active_tab")[0]){
|
||||||
ScrollToTab($("#"+groupId+" .active")[0].id);
|
ScrollToTab($("#"+groupId+" .active_tab")[0].id);
|
||||||
}
|
}
|
||||||
if (groupId == "tab_list") {
|
if (groupId == "tab_list") {
|
||||||
$("#button_remove_group, #button_edit_group").addClass("disabled");
|
$("#button_remove_group, #button_edit_group").addClass("disabled");
|
||||||
@ -123,15 +154,23 @@ function SetActiveGroup(groupId, switch_to_active_in_group, scroll_to_active) {
|
|||||||
$("#button_remove_group, #button_edit_group").removeClass("disabled");
|
$("#button_remove_group, #button_edit_group").removeClass("disabled");
|
||||||
}
|
}
|
||||||
chrome.runtime.sendMessage({command: "set_active_group", active_group: groupId, windowId: CurrentWindowId});
|
chrome.runtime.sendMessage({command: "set_active_group", active_group: groupId, windowId: CurrentWindowId});
|
||||||
|
RefreshExpandStates();
|
||||||
|
RefreshCounters();
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function SetActiveTabInActiveGroup(tabId) {
|
function SetActiveTabInGroup(groupId, tabId) {
|
||||||
if ($("#"+tabId).parents(".group")[0] && bggroups[active_group] != undefined) {
|
if ($(".tab#"+tabId)[0] /* && $("#"+tabId).parents(".group")[0] */ && bggroups[groupId] != undefined) {
|
||||||
bggroups[$("#"+tabId).parents(".group")[0].id].activetab = parseInt(tabId);
|
// bggroups[$("#"+tabId).parents(".group")[0].id].active_tab = parseInt(tabId);
|
||||||
if ($("#"+tabId).parents(".group")[0].id != active_group) {
|
// if ($("#"+tabId).parents(".group")[0].id != active_group) {
|
||||||
SetActiveGroup($("#"+tabId).parents(".group")[0].id, false, true);
|
if (groupId != active_group) {
|
||||||
|
// SetActiveGroup($("#"+tabId).parents(".group")[0].id, false, true);
|
||||||
|
SetActiveGroup(groupId, false, true);
|
||||||
}
|
}
|
||||||
chrome.runtime.sendMessage({command: "save_groups", groups: bggroups, windowId: CurrentWindowId});
|
if (bggroups[groupId]) {
|
||||||
|
bggroups[groupId].active_tab = parseInt(tabId);
|
||||||
|
}
|
||||||
|
SaveGroups();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -159,21 +198,25 @@ function SetActiveTabInActiveGroup(tabId) {
|
|||||||
// }
|
// }
|
||||||
|
|
||||||
// Edit group popup
|
// Edit group popup
|
||||||
function ShowGroupEditWindow(GroupId) {
|
function ShowGroupEditWindow() {
|
||||||
$("#group_edit_name")[0].value = bggroups[GroupId].name;
|
if (bggroups[menuItemId]) {
|
||||||
|
$("#group_edit_name")[0].value = bggroups[menuItemId].name;
|
||||||
$("#group_edit").css({"display": "block", "top": $("#toolbar_groups").offset().top + 8, "left": 22});
|
$("#group_edit").css({"display": "block", "top": $("#toolbar_groups").offset().top + 8, "left": 22});
|
||||||
$("#group_edit_font").css({"background-color": bggroups[GroupId].font == "" ? "var(--button_icons, #808080)" : "#"+bggroups[GroupId].font});
|
$("#group_edit_font").css({"background-color": bggroups[menuItemId].font == "" ? "var(--button_icons, #808080)" : "#"+bggroups[menuItemId].font});
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// when pressed OK in group popup
|
// when pressed OK in group popup
|
||||||
function GroupEditConfirm() {
|
function GroupEditConfirm() {
|
||||||
|
if (bggroups[menuItemId]) {
|
||||||
$("#group_edit_name")[0].value = $("#group_edit_name")[0].value.replace(/[\f\n\r\v\t\<\>\+\-\(\)\.\,\;\:\~\/\|\?\@\!\"\'\£\$\%\&\^\#\=\*\[\]]?/gi, "");
|
$("#group_edit_name")[0].value = $("#group_edit_name")[0].value.replace(/[\f\n\r\v\t\<\>\+\-\(\)\.\,\;\:\~\/\|\?\@\!\"\'\£\$\%\&\^\#\=\*\[\]]?/gi, "");
|
||||||
bggroups[active_group].name = $("#group_edit_name")[0].value;
|
bggroups[menuItemId].name = $("#group_edit_name")[0].value;
|
||||||
bggroups[active_group].font = RGBtoHex($("#group_edit_font").css("background-color"));
|
bggroups[menuItemId].font = RGBtoHex($("#group_edit_font").css("background-color"));
|
||||||
$("#group_edit").hide(0);
|
$(".edit_dialog").hide(0);
|
||||||
$(".group_title#_gte" +active_group).css({"color": "#"+bggroups[active_group].font});
|
$(".group_title#_gte" +menuItemId).css({"color": "#"+bggroups[menuItemId].font});
|
||||||
RefreshGUI();
|
RefreshGUI();
|
||||||
chrome.runtime.sendMessage({command: "save_groups", groups: bggroups, windowId: CurrentWindowId});
|
SaveGroups();
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// "Move to group" popup
|
// "Move to group" popup
|
||||||
@ -216,8 +259,8 @@ function RestoreStateOfGroupsToolbar() {
|
|||||||
function SetGroupEvents() {
|
function SetGroupEvents() {
|
||||||
|
|
||||||
// activate group
|
// activate group
|
||||||
$(document).on("mousedown", ".group_button", function(event) {
|
$(document).on("click", ".group_button", function(event) {
|
||||||
menuGroupId = (this.id).substr(1);
|
// menuGroupId = (this.id).substr(1);
|
||||||
if (event.button == 0) {
|
if (event.button == 0) {
|
||||||
SetActiveGroup((this.id).substr(1), true, true);
|
SetActiveGroup((this.id).substr(1), true, true);
|
||||||
}
|
}
|
||||||
@ -241,7 +284,7 @@ function SetGroupEvents() {
|
|||||||
|
|
||||||
// edit group dialog box
|
// edit group dialog box
|
||||||
$(document).on("mousedown", "#group_edit_discard", function(event) {
|
$(document).on("mousedown", "#group_edit_discard", function(event) {
|
||||||
$("#group_edit").hide(0);
|
$(".edit_dialog").hide(0);
|
||||||
});
|
});
|
||||||
$("#group_edit_name").keyup(function(e) {
|
$("#group_edit_name").keyup(function(e) {
|
||||||
if (e.keyCode == 13) {
|
if (e.keyCode == 13) {
|
||||||
@ -269,7 +312,8 @@ function SetGroupEvents() {
|
|||||||
// edit group
|
// edit group
|
||||||
$(document).on("dblclick", ".group_button:not(#_tab_list)", function(event) {
|
$(document).on("dblclick", ".group_button:not(#_tab_list)", function(event) {
|
||||||
if (event.button == 0) {
|
if (event.button == 0) {
|
||||||
ShowGroupEditWindow((this.id).substr(1));
|
menuItemId = (this.id).substr(1);
|
||||||
|
ShowGroupEditWindow();
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
@ -287,7 +331,7 @@ function SetGroupEvents() {
|
|||||||
// remove tabs from group button
|
// remove tabs from group button
|
||||||
// $(document).on("mousedown", "#remove_tabs_from_group", function(event) {
|
// $(document).on("mousedown", "#remove_tabs_from_group", function(event) {
|
||||||
// if (event.button == 0 && vt.ActiveGroup.match("at|ut") == null) {
|
// if (event.button == 0 && vt.ActiveGroup.match("at|ut") == null) {
|
||||||
// AppendTabsToGroup({tabsIds: $(".tab.selected:visible").map(function() {return parseInt(this.id);}).toArray(), groupId: "ut", SwitchTabIfHasActive: true, insertAfter: true, moveTabs: true});
|
// AppendTabsToGroup({tabsIds: $(".tab.selected_tab:visible").map(function() {return parseInt(this.id);}).toArray(), groupId: "ut", SwitchTabIfHasActive: true, insertAfter: true, moveTabs: true});
|
||||||
// }
|
// }
|
||||||
// });
|
// });
|
||||||
|
|
||||||
|
|||||||
244
scripts/menu.js
244
scripts/menu.js
@ -4,67 +4,37 @@
|
|||||||
|
|
||||||
// ********** MENU ***************
|
// ********** MENU ***************
|
||||||
|
|
||||||
function SetMenu() {
|
function ShowTabMenu(TabNode, event) {
|
||||||
// trigger action when the contexmenu is about to be shown
|
|
||||||
$(document).bind("contextmenu", function(event) {
|
|
||||||
if (!event.ctrlKey) {
|
|
||||||
event.preventDefault();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// show menu
|
|
||||||
$(document).on("mousedown", "#groups, .tab, .pin", function(event) {
|
|
||||||
event.stopPropagation();
|
|
||||||
if (event.button == 2) {
|
|
||||||
$(".menu").hide(0);
|
$(".menu").hide(0);
|
||||||
|
menuItemId = parseInt(TabNode[0].id);
|
||||||
if ($(this).is(".tab, .pin")) {
|
|
||||||
menuTabId = parseInt($(this)[0].id);
|
|
||||||
} else {
|
|
||||||
if ($(".active:visible")[0]) {
|
|
||||||
menuTabId = parseInt($(".active:visible")[0].id);
|
|
||||||
} else {
|
|
||||||
if ($(".active")[0]) {
|
|
||||||
menuTabId = parseInt($(".active")[0].id);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if ($("#" + menuTabId).is(".pin")) {
|
|
||||||
$("#tabs_menu_pin").text(chrome.i18n.getMessage("tabs_menu_unpin"));
|
|
||||||
$("#tabs_menu_close").prev().css({ "display": "none" });
|
|
||||||
$("#tabs_menu_close_other").css({ "display": "none" });
|
|
||||||
|
|
||||||
$("#tabs_menu_expand_all, #tabs_menu_collapse_all").css({ "display": "none" });
|
|
||||||
$("#tabs_menu_collapse_all").next().css({ "display": "none" });
|
|
||||||
|
|
||||||
if (!opt.allow_pin_close) {
|
|
||||||
$("#tabs_menu_close").css({ "display": "none" });
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
$("#tabs_menu_pin").text(chrome.i18n.getMessage("tabs_menu_pin"));
|
|
||||||
$("#tabs_menu_close").prev().css({ "display": "" });
|
|
||||||
$("#tabs_menu_close, #tabs_menu_close_other").css({ "display": "" });
|
|
||||||
|
|
||||||
$("#tabs_menu_expand_all, #tabs_menu_collapse_all").css({ "display": "" });
|
|
||||||
$("#tabs_menu_collapse_all").next().css({ "display": "" });
|
|
||||||
}
|
|
||||||
|
|
||||||
if ($("#" + menuTabId).is(".o, .c")) {
|
|
||||||
$("#tabs_menu_close_tree").css({ "display": "" });
|
|
||||||
} else {
|
|
||||||
$("#tabs_menu_close_tree").css({ "display": "none" });
|
|
||||||
}
|
|
||||||
|
|
||||||
// MUTE TABS
|
// MUTE TABS
|
||||||
if ($("#" + menuTabId).is(".muted")) {
|
if (TabNode.is(".muted")) {
|
||||||
$("#tabs_menu_mute").css({ "display": "none" });
|
$("#tabs_menu_mute").css({ "display": "none" });
|
||||||
$("#tabs_menu_unmute").css({ "display": "" });
|
$("#tabs_menu_unmute").css({ "display": "" });
|
||||||
} else {
|
} else {
|
||||||
$("#tabs_menu_mute").css({ "display": "" });
|
$("#tabs_menu_mute").css({ "display": "" });
|
||||||
$("#tabs_menu_unmute").css({ "display": "none" });
|
$("#tabs_menu_unmute").css({ "display": "none" });
|
||||||
}
|
}
|
||||||
|
if (TabNode.is(".pin")) {
|
||||||
|
if (!opt.allow_pin_close) {
|
||||||
|
$("#tabs_menu_close").css({ "display": "none" });
|
||||||
|
}
|
||||||
// show contextmenu with correct size position
|
// show contextmenu with correct size position
|
||||||
|
if ($("#pins_menu").outerWidth() > $(window).width() - 10) {
|
||||||
|
$("#pins_menu").css({ "width": $(window).width() - 10 });
|
||||||
|
} else {
|
||||||
|
$("#pins_menu").css({ "width": "" });
|
||||||
|
}
|
||||||
|
var x = event.pageX >= $(window).width() - $("#pins_menu").outerWidth() ? $(window).width() - $("#pins_menu").outerWidth() : event.pageX;
|
||||||
|
var y = event.pageY >= $(window).height() - $("#pins_menu").outerHeight() - 10 ? $(window).height() - $("#pins_menu").outerHeight() - 10 : event.pageY;
|
||||||
|
$("#pins_menu").css({ "display": "block", "top": y - 15, "left": x - 5 });
|
||||||
|
}
|
||||||
|
if (TabNode.is(".tab")) {
|
||||||
|
if ($("#" + menuItemId).is(".o, .c")) {
|
||||||
|
$("#tabs_menu_close_tree").css({ "display": "" });
|
||||||
|
} else {
|
||||||
|
$("#tabs_menu_close_tree").css({ "display": "none" });
|
||||||
|
}
|
||||||
if ($("#tabs_menu").outerWidth() > $(window).width() - 10) {
|
if ($("#tabs_menu").outerWidth() > $(window).width() - 10) {
|
||||||
$("#tabs_menu").css({ "width": $(window).width() - 10 });
|
$("#tabs_menu").css({ "width": $(window).width() - 10 });
|
||||||
} else {
|
} else {
|
||||||
@ -74,55 +44,118 @@ function SetMenu() {
|
|||||||
var y = event.pageY >= $(window).height() - $("#tabs_menu").outerHeight() - 10 ? $(window).height() - $("#tabs_menu").outerHeight() - 10 : event.pageY;
|
var y = event.pageY >= $(window).height() - $("#tabs_menu").outerHeight() - 10 ? $(window).height() - $("#tabs_menu").outerHeight() - 10 : event.pageY;
|
||||||
$("#tabs_menu").css({ "display": "block", "top": y - 15, "left": x - 5 });
|
$("#tabs_menu").css({ "display": "block", "top": y - 15, "left": x - 5 });
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function ShowFolderMenu(FolderNode, event) {
|
||||||
|
$(".menu").hide(0);
|
||||||
|
menuItemId = FolderNode[0].id;
|
||||||
|
if ($("#folders_menu").outerWidth() > $(window).width() - 10) {
|
||||||
|
$("#folders_menu").css({ "width": $(window).width() - 10 });
|
||||||
|
} else {
|
||||||
|
$("#folders_menu").css({ "width": "" });
|
||||||
|
}
|
||||||
|
var x = event.pageX >= $(window).width() - $("#folders_menu").outerWidth() ? $(window).width() - $("#folders_menu").outerWidth() : event.pageX;
|
||||||
|
var y = event.pageY >= $(window).height() - $("#folders_menu").outerHeight() - 10 ? $(window).height() - $("#folders_menu").outerHeight() - 10 : event.pageY;
|
||||||
|
$("#folders_menu").css({ "display": "block", "top": y - 15, "left": x - 5 });
|
||||||
|
}
|
||||||
|
|
||||||
|
function SetMenu() {
|
||||||
|
// trigger action when the contexmenu is about to be shown
|
||||||
|
$(document).bind("contextmenu", function(event) {
|
||||||
|
if (!event.ctrlKey) {
|
||||||
|
event.preventDefault();
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// show global menu
|
||||||
|
$(document).on("mousedown", "#pin_list, .group", function(event) {
|
||||||
|
event.stopPropagation();
|
||||||
|
if (event.button == 2) {
|
||||||
|
$(".menu").hide(0);
|
||||||
|
menuItemId = active_group;
|
||||||
|
|
||||||
|
var x = event.pageX >= $(window).width() - $("#global_menu").outerWidth() ? $(window).width() - $("#global_menu").outerWidth() : event.pageX;
|
||||||
|
var y = event.pageY >= $(window).height() - $("#global_menu").outerHeight() - 10 ? $(window).height() - $("#global_menu").outerHeight() - 10 : event.pageY;
|
||||||
|
$("#global_menu").css({ "display": "block", "top": y - 15, "left": x - 5 });
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// show global menu
|
||||||
|
$(document).on("mousedown", ".group_drag_box", function(event) {
|
||||||
|
// event.stopPropagation();
|
||||||
|
if (event.button == 2) {
|
||||||
|
$(".menu").hide(0);
|
||||||
|
if (this.id == "-tab_list") {
|
||||||
|
menuItemId = "tab_list";
|
||||||
|
$("#groups_menu_rename, #groups_menu_delete, #groups_menu_delete_tabs_close").hide();
|
||||||
|
} else {
|
||||||
|
menuItemId = (this.id).substr(1);
|
||||||
|
$("#groups_menu_rename, #groups_menu_delete, #groups_menu_delete_tabs_close").show();
|
||||||
|
}
|
||||||
|
var x = event.pageX >= $(window).width() - $("#groups_menu").outerWidth() ? $(window).width() - $("#groups_menu").outerWidth() : event.pageX;
|
||||||
|
var y = event.pageY >= $(window).height() - $("#groups_menu").outerHeight() - 10 ? $(window).height() - $("#groups_menu").outerHeight() - 10 : event.pageY;
|
||||||
|
$("#groups_menu").css({ "display": "block", "top": y - 15, "left": x - 5 });
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// if the menu element is clicked
|
// if the menu element is clicked
|
||||||
$(document).on("mousedown", "#tabs_menu li", function(event) {
|
$(document).on("mousedown", ".menu li", function(event) {
|
||||||
|
event.stopPropagation();
|
||||||
if (event.button != 0) {
|
if (event.button != 0) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
event.stopPropagation();
|
|
||||||
switch ($(this).attr("data-action")) {
|
switch ($(this).attr("data-action")) {
|
||||||
case "tab_new":
|
case "tab_new":
|
||||||
chrome.tabs.create({});
|
chrome.tabs.create({});
|
||||||
break;
|
break;
|
||||||
case "tab_clone":
|
case "tab_clone":
|
||||||
if ($("#" + menuTabId).is(".selected")) {
|
if ($("#" + menuItemId).is(".selected_tab")) {
|
||||||
$(".selected:visible").each(function() {
|
$(".selected_tab:visible").each(function() {
|
||||||
chrome.tabs.duplicate(parseInt(this.id));
|
chrome.tabs.duplicate(parseInt(this.id));
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
chrome.tabs.duplicate(menuTabId);
|
chrome.tabs.duplicate(menuItemId);
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
case "tab_move":
|
case "tab_move":
|
||||||
if ($("#" + menuTabId).is(".selected")) {
|
if ($("#" + menuItemId).is(".selected_tab, .active_tab")) {
|
||||||
DetachTabs($(".selected:visible").map(function() { return parseInt(this.id); }).toArray());
|
let tabsArr = [];
|
||||||
|
$(".active_tab:visible, .selected_tab:visible").each(function() {
|
||||||
|
tabsArr.push(parseInt(this.id));
|
||||||
|
if ($("#ch"+this.id).children().length > 0) {
|
||||||
|
$($("#ch"+this.id).find(".tab")).each(function() {
|
||||||
|
tabsArr.push(parseInt(this.id));
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
DetachTabs(tabsArr);
|
||||||
} else {
|
} else {
|
||||||
DetachTabs([menuTabId]);
|
DetachTabs([menuItemId]);
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
case "tab_reload":
|
case "tab_reload":
|
||||||
if ($("#" + menuTabId).is(".selected")) {
|
if ($("#" + menuItemId).is(".selected_tab")) {
|
||||||
$(".selected:visible").each(function() {
|
$(".selected_tab:visible").each(function() {
|
||||||
chrome.tabs.reload(parseInt(this.id));
|
chrome.tabs.reload(parseInt(this.id));
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
chrome.tabs.reload(menuTabId);
|
chrome.tabs.reload(menuItemId);
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
case "tab_pin":
|
case "tab_pin":
|
||||||
if ($("#" + menuTabId).is(".selected")) {
|
if ($("#" + menuItemId).is(".selected_tab")) {
|
||||||
$(".selected:visible").each(function() {
|
$(".selected_tab:visible").each(function() {
|
||||||
chrome.tabs.update(parseInt(this.id), { pinned: ($("#" + menuTabId).is(".pin") ? false : true) });
|
chrome.tabs.update(parseInt(this.id), { pinned: ($("#" + menuItemId).is(".pin") ? false : true) });
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
chrome.tabs.update(menuTabId, { pinned: ($("#" + menuTabId).is(".pin") ? false : true) });
|
chrome.tabs.update(menuItemId, { pinned: ($("#" + menuItemId).is(".pin") ? false : true) });
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
case "tab_mute":
|
case "tab_mute":
|
||||||
if ($("#" + menuTabId).is(".selected")) {
|
if ($("#" + menuItemId).is(".selected_tab")) {
|
||||||
$(".selected:visible").each(function() {
|
$(".selected_tab:visible").each(function() {
|
||||||
chrome.tabs.get(parseInt(this.id), function(tab) {
|
chrome.tabs.get(parseInt(this.id), function(tab) {
|
||||||
if (tab) {
|
if (tab) {
|
||||||
chrome.tabs.update(tab.id, { muted: true });
|
chrome.tabs.update(tab.id, { muted: true });
|
||||||
@ -130,7 +163,7 @@ function SetMenu() {
|
|||||||
});
|
});
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
chrome.tabs.get(menuTabId, function(tab) {
|
chrome.tabs.get(menuItemId, function(tab) {
|
||||||
if (tab) {
|
if (tab) {
|
||||||
chrome.tabs.update(tab.id, { muted: true });
|
chrome.tabs.update(tab.id, { muted: true });
|
||||||
}
|
}
|
||||||
@ -138,8 +171,8 @@ function SetMenu() {
|
|||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
case "tab_unmute":
|
case "tab_unmute":
|
||||||
if ($("#" + menuTabId).is(".selected")) {
|
if ($("#" + menuItemId).is(".selected_tab")) {
|
||||||
$(".selected:visible").each(function() {
|
$(".selected_tab:visible").each(function() {
|
||||||
chrome.tabs.get(parseInt(this.id), function(tab) {
|
chrome.tabs.get(parseInt(this.id), function(tab) {
|
||||||
if (tab) {
|
if (tab) {
|
||||||
chrome.tabs.update(tab.id, { muted: false });
|
chrome.tabs.update(tab.id, { muted: false });
|
||||||
@ -147,42 +180,42 @@ function SetMenu() {
|
|||||||
});
|
});
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
chrome.tabs.get(menuTabId, function(tab) {
|
chrome.tabs.get(menuItemId, function(tab) {
|
||||||
chrome.tabs.update(tab.id, { muted: false });
|
chrome.tabs.update(tab.id, { muted: false });
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
case "tab_mute_other":
|
case "tab_mute_other":
|
||||||
if ($("#" + menuTabId).is(".selected")) {
|
if ($("#" + menuItemId).is(".selected_tab")) {
|
||||||
$(".tab:visible:not(.selected)").each(function() {
|
$(".tab:visible:not(.selected_tab)").each(function() {
|
||||||
chrome.tabs.update(parseInt(this.id), { muted: true });
|
chrome.tabs.update(parseInt(this.id), { muted: true });
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
$(".tab:visible:not(#" + menuTabId + ")").each(function() {
|
$(".tab:visible:not(#" + menuItemId + ")").each(function() {
|
||||||
chrome.tabs.update(parseInt(this.id), { muted: true });
|
chrome.tabs.update(parseInt(this.id), { muted: true });
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
case "tab_unmute_other":
|
case "tab_unmute_other":
|
||||||
if ($("#" + menuTabId).is(".selected")) {
|
if ($("#" + menuItemId).is(".selected_tab")) {
|
||||||
$(".tab:visible:not(.selected)").each(function() {
|
$(".tab:visible:not(.selected_tab)").each(function() {
|
||||||
chrome.tabs.update(parseInt(this.id), { muted: false });
|
chrome.tabs.update(parseInt(this.id), { muted: false });
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
$(".tab:visible:not(#" + menuTabId + ")").each(function() {
|
$(".tab:visible:not(#" + menuItemId + ")").each(function() {
|
||||||
chrome.tabs.update(parseInt(this.id), { muted: false });
|
chrome.tabs.update(parseInt(this.id), { muted: false });
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
case "tab_close":
|
case "tab_close":
|
||||||
CloseTabs($("#" + menuTabId).is(".selected") ? $(".selected:visible").map(function() { return parseInt(this.id); }).toArray() : [menuTabId]);
|
CloseTabs($("#" + menuItemId).is(".selected_tab") ? $(".selected_tab:visible").map(function() { return parseInt(this.id); }).toArray() : [menuItemId]);
|
||||||
break;
|
break;
|
||||||
case "tab_close_tree":
|
case "tab_close_tree":
|
||||||
CloseTabs($("#" + menuTabId).find(".tab").map(function() { return parseInt(this.id); }).toArray());
|
CloseTabs($("#" + menuItemId).find(".tab").map(function() { return parseInt(this.id); }).toArray());
|
||||||
CloseTabs([menuTabId]);
|
CloseTabs([menuItemId]);
|
||||||
break;
|
break;
|
||||||
case "tab_close_other":
|
case "tab_close_other":
|
||||||
CloseTabs($(".tab:visible:not(#" + menuTabId + ")").map(function() { return parseInt(this.id); }).toArray());
|
CloseTabs($(".tab:visible:not(#" + menuItemId + ")").map(function() { return parseInt(this.id); }).toArray());
|
||||||
break;
|
break;
|
||||||
case "tab_undo_close":
|
case "tab_undo_close":
|
||||||
chrome.sessions.getRecentlyClosed(null, function(sessions) {
|
chrome.sessions.getRecentlyClosed(null, function(sessions) {
|
||||||
@ -192,7 +225,7 @@ function SetMenu() {
|
|||||||
});
|
});
|
||||||
break;
|
break;
|
||||||
case "tab_discard":
|
case "tab_discard":
|
||||||
DiscardTabs($("#" + menuTabId).is(".selected") ? $(".tab.selected:visible").map(function() { return parseInt(this.id); }).toArray() : [menuTabId]);
|
DiscardTabs($("#" + menuItemId).is(".selected_tab") ? $(".tab.selected_tab:visible").map(function() { return parseInt(this.id); }).toArray() : [menuItemId]);
|
||||||
break;
|
break;
|
||||||
case "tab_settings":
|
case "tab_settings":
|
||||||
chrome.tabs.create({ "url": "options.html" });
|
chrome.tabs.create({ "url": "options.html" });
|
||||||
@ -205,6 +238,42 @@ function SetMenu() {
|
|||||||
$(".tab.o").addClass("c").removeClass("o");
|
$(".tab.o").addClass("c").removeClass("o");
|
||||||
schedule_update_data++;
|
schedule_update_data++;
|
||||||
break;
|
break;
|
||||||
|
case "folder_new":
|
||||||
|
AddNewFolder({});
|
||||||
|
break;
|
||||||
|
case "folder_rename":
|
||||||
|
if ($("#" + menuItemId).is(".selected_folder")) {
|
||||||
|
$(".selected_folder:visible").each(function() {
|
||||||
|
ShowRenameFolderDialog(this.id);
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
ShowRenameFolderDialog(menuItemId);
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
case "folder_delete":
|
||||||
|
if ($("#" + menuItemId).is(".selected_folder")) {
|
||||||
|
$(".selected_folder:visible").each(function() {
|
||||||
|
RemoveFolder(this.id);
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
RemoveFolder(menuItemId);
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
case "group_new":
|
||||||
|
AddNewGroup({});
|
||||||
|
break;
|
||||||
|
case "group_rename":
|
||||||
|
ShowGroupEditWindow();
|
||||||
|
break;
|
||||||
|
case "group_delete":
|
||||||
|
GroupRemove(menuItemId, false);
|
||||||
|
break;
|
||||||
|
case "group_delete_tabs_close":
|
||||||
|
GroupRemove(menuItemId, true);
|
||||||
|
break;
|
||||||
|
case "group_unload":
|
||||||
|
DiscardTabs($("#"+menuItemId+" .tab").map(function() { return parseInt(this.id); }).toArray());
|
||||||
|
break;
|
||||||
}
|
}
|
||||||
$(".menu").hide(0);
|
$(".menu").hide(0);
|
||||||
});
|
});
|
||||||
@ -212,19 +281,16 @@ function SetMenu() {
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// move tabs to group
|
// move tabs to group
|
||||||
// $(document).on("mousedown", "#tabs_menu_move_to_new_group, .move_to_group_menu_entry", function(event) {
|
// $(document).on("mousedown", "#tabs_menu_move_to_new_group, .move_to_group_menu_entry", function(event) {
|
||||||
// var tabsIds
|
// var tabsIds
|
||||||
// if ($(this).is("#tabs_menu_move_to_new_group")) {
|
// if ($(this).is("#tabs_menu_move_to_new_group")) {
|
||||||
// bg.dt.DropToGroup = AddNewGroup(575757);
|
// bg.dt.DropToGroup = AddNewGroup(575757);
|
||||||
// GetColorFromMiddlePixel(vt.menuTabId, bg.dt.DropToGroup);
|
// GetColorFromMiddlePixel(vt.menuItemId, bg.dt.DropToGroup);
|
||||||
// } else {
|
// } else {
|
||||||
// bg.dt.DropToGroup = this.id.substr(8);
|
// bg.dt.DropToGroup = this.id.substr(8);
|
||||||
// }
|
// }
|
||||||
// AppendTabsToGroup({tabsIds: DragAndDrop.tabsIds, groupId: bg.dt.DropToGroup, SwitchTabIfHasActive: true, insertAfter: true, RemoveClass: "selected", moveTabs: true});
|
// AppendTabsToGroup({tabsIds: DragAndDrop.tabsIds, groupId: bg.dt.DropToGroup, SwitchTabIfHasActive: true, insertAfter: true, RemoveClass: "selected_tab", moveTabs: true});
|
||||||
// });
|
// });
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -45,18 +45,12 @@ function RefreshGUI() {
|
|||||||
$(".group_title").each(function(){
|
$(".group_title").each(function(){
|
||||||
$(this)[0].innerText = (bggroups[(this.id).substr(4)] ? bggroups[(this.id).substr(4)].name : caption_noname_group) + (opt.show_counter_groups ? " (" + $("#" + (this.id).substr(4) +" .tab").length + ")" : "");
|
$(this)[0].innerText = (bggroups[(this.id).substr(4)] ? bggroups[(this.id).substr(4)].name : caption_noname_group) + (opt.show_counter_groups ? " (" + $("#" + (this.id).substr(4) +" .tab").length + ")" : "");
|
||||||
});
|
});
|
||||||
$("#_gtetab_list")[0].innerText = caption_ungrouped_group + (opt.show_counter_groups ? " (" + $("#tab_list .tab").length + ")" : "");
|
|
||||||
|
|
||||||
$(".group_button").each(function(){
|
$(".group_button").each(function(){
|
||||||
$(this).css({ "height": $(this).children(0).innerWidth() });
|
$(this).css({ "height": $(this).children(0).innerWidth() });
|
||||||
});
|
});
|
||||||
|
|
||||||
$("#groups").css({ "top": $("#toolbar")[0].getBoundingClientRect().height + $("#pin_list")[0].getBoundingClientRect().height, "left": $("#toolbar_groups").outerWidth(), "height": $(window).height() - $("#pin_list")[0].getBoundingClientRect().height - $("#toolbar").outerHeight(), "width": $(window).width() - $("#toolbar_groups").outerWidth() });
|
$("#groups").css({ "top": $("#toolbar")[0].getBoundingClientRect().height + $("#pin_list")[0].getBoundingClientRect().height, "left": $("#toolbar_groups").outerWidth(), "height": $(window).height() - $("#pin_list")[0].getBoundingClientRect().height - $("#toolbar").outerHeight(), "width": $(window).width() - $("#toolbar_groups").outerWidth() });
|
||||||
|
|
||||||
// $(".c, .o").each(function(){
|
|
||||||
// RefreshTabCounter(this.id);
|
|
||||||
// $("#tab_title" + this.id)[0].textContent = $("#tab_title" + this.id).attr( "title" ) + " ("+$("#ch"+this.id).children().length+")";
|
|
||||||
// });
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// set discarded class
|
// set discarded class
|
||||||
@ -146,7 +140,7 @@ function GetFaviconAndTitle(tabId, addCounter) {
|
|||||||
$("#tab_header" + tab.id).css({ "background-image": "url(" + tab.favIconUrl + ")" });
|
$("#tab_header" + tab.id).css({ "background-image": "url(" + tab.favIconUrl + ")" });
|
||||||
};
|
};
|
||||||
img.onerror = function() {
|
img.onerror = function() {
|
||||||
$("#tab_header" + tab.id).css({ "background-image": ((tab.url == "" || browserId == "F") ? "url(./theme/empty.svg)" : ("url(chrome://favicon/" + tab.url + ")")) });
|
$("#tab_header" + tab.id).css({ "background-image": ((tab.url == "" || browserId == "F") ? "url(./theme/icon_empty.svg)" : ("url(chrome://favicon/" + tab.url + ")")) });
|
||||||
// $("#tab_header" + tab.id).css({ "background-image": "url(" + tab.url + ")" });
|
// $("#tab_header" + tab.id).css({ "background-image": "url(" + tab.url + ")" });
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -163,8 +157,8 @@ function GetFaviconAndTitle(tabId, addCounter) {
|
|||||||
if ($("#" + tabId)[0]) GetFaviconAndTitle(tabId, addCounter);
|
if ($("#" + tabId)[0]) GetFaviconAndTitle(tabId, addCounter);
|
||||||
}, 1000);
|
}, 1000);
|
||||||
}
|
}
|
||||||
if (addCounter) {
|
if (addCounter && (opt.show_counter_tabs || opt.show_counter_tabs_hints)) {
|
||||||
RefreshTabCounter(tabId && (opt.show_counter_tabs || opt.show_counter_tabs_hints));
|
RefreshTabCounter(tabId);
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
@ -174,44 +168,71 @@ function GetFaviconAndTitle(tabId, addCounter) {
|
|||||||
|
|
||||||
// refresh open closed trees states
|
// refresh open closed trees states
|
||||||
function RefreshExpandStates() {
|
function RefreshExpandStates() {
|
||||||
$(".children").each(function() {
|
$(".folder:visible").each(function() {
|
||||||
if ($(this).children().length > 0) {
|
if ($("#ch"+this.id).children().length == 0 && $("#cf"+this.id).children().length == 0) {
|
||||||
$(this).parent().removeClass("n");
|
$(this).removeClass("o").removeClass("c").addClass("n");
|
||||||
if ($(this).parent().is(":not(.o, .c)")) {
|
|
||||||
$(this).parent().addClass("o");
|
|
||||||
}
|
|
||||||
if ($("#tab_title"+$(this).parent()[0].id)[0]) {
|
|
||||||
if (opt.show_counter_tabs) {
|
|
||||||
$("#tab_title"+$(this).parent()[0].id)[0].textContent = $(this).parent().data("title") + " ("+$("#"+this.id+" .tab").length+")";
|
|
||||||
}
|
|
||||||
if (opt.show_counter_tabs_hints) {
|
|
||||||
$("#tab_header"+$(this).parent()[0].id).attr("title", $(this).parent().data("title") + " ("+$("#"+this.id+" .tab").length+")");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} else {
|
} else {
|
||||||
$(this).parent().removeClass("o").removeClass("c").addClass("n");
|
if ($(this).is(":not(.o, .c)")) {
|
||||||
if ($("#tab_title"+$(this).parent()[0].id)[0]) {
|
$(this).addClass("o").removeClass("n");
|
||||||
$("#tab_title"+$(this).parent()[0].id)[0].textContent = $(this).parent().data("title");
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$(".tab:visible").each(function() {
|
||||||
|
if ($("#ch"+this.id).children().length == 0) {
|
||||||
|
$(this).removeClass("o").removeClass("c").addClass("n");
|
||||||
|
} else {
|
||||||
|
if ($(this).is(":not(.o, .c)")) {
|
||||||
|
$(this).addClass("o").removeClass("n");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function RefreshCounters() {
|
||||||
|
if (opt.show_counter_tabs || opt.show_counter_tabs_hints) {
|
||||||
|
$(".tab.n:visible").each(function() {
|
||||||
|
if ($("#tab_title"+this.id)[0]) {
|
||||||
|
$("#tab_title"+this.id)[0].textContent = $(this).data("title");
|
||||||
|
$("#tab_header"+this.id).attr("title", $(this).data("title"));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
$(".tab.c:visible, .tab.o:visible").each(function() {
|
||||||
|
if (opt.show_counter_tabs) {
|
||||||
|
$("#tab_title"+this.id)[0].textContent = ("("+$("#"+this.id+" .tab").length+") ") + $(this).data("title");
|
||||||
|
}
|
||||||
|
if (opt.show_counter_tabs_hints) {
|
||||||
|
$("#tab_header"+this.id).attr("title", ("("+$("#"+this.id+" .tab").length+") ") + $(this).data("title"));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
$(".folder:visible").each(function() {
|
||||||
|
if (opt.show_counter_tabs) {
|
||||||
|
$("#folder_title"+this.id)[0].textContent = ("("+$("#"+this.id+" .tab").length+") ") + bgfolders[this.id].name;
|
||||||
|
}
|
||||||
|
if (opt.show_counter_tabs_hints) {
|
||||||
|
$("#folder_header"+this.id).attr("title", ("("+$("#"+this.id+" .tab").length+") ") + bgfolders[this.id].name);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
function RefreshTabCounter(tabId) {
|
function RefreshTabCounter(tabId) {
|
||||||
|
if (opt.show_counter_tabs || opt.show_counter_tabs_hints) {
|
||||||
if ($("#"+tabId).data("title")) {
|
if ($("#"+tabId).data("title")) {
|
||||||
if (opt.show_counter_tabs) {
|
if (opt.show_counter_tabs) {
|
||||||
if ($(".c#"+tabId+", .o#"+tabId)[0]) {
|
if ($(".c#"+tabId+", .o#"+tabId)[0]) {
|
||||||
$("#tab_title"+tabId)[0].textContent = $("#"+tabId).data("title") + " ("+$("#ch"+tabId+" .tab").length+")";
|
$("#tab_title"+tabId)[0].textContent = ("("+$("#ch"+tabId+" .tab").length+") ") + $("#"+tabId).data("title");
|
||||||
} else {
|
} else {
|
||||||
$("#tab_title"+tabId)[0].textContent = $("#"+tabId).data("title");
|
$("#tab_title"+tabId)[0].textContent = $("#"+tabId).data("title");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
if (opt.show_counter_tabs_hints) {
|
if (opt.show_counter_tabs_hints) {
|
||||||
if ($(".c#"+tabId+", .o#"+tabId)[0]) {
|
if ($(".c#"+tabId+", .o#"+tabId)[0]) {
|
||||||
$("#tab_header"+tabId).attr("title", $("#"+tabId).data("title") + " ("+$("#ch"+tabId+" .tab").length+")");
|
$("#tab_header"+tabId).attr("title", ("("+$("#ch"+tabId+" .tab").length+") ") + $("#"+tabId).data("title"));
|
||||||
} else {
|
} else {
|
||||||
$("#tab_header"+tabId).attr("title", $("#"+tabId).data("title"));
|
$("#tab_header"+tabId).attr("title", $("#"+tabId).data("title"));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|||||||
429
scripts/tabs.js
429
scripts/tabs.js
@ -6,7 +6,9 @@
|
|||||||
|
|
||||||
async function UpdateData() {
|
async function UpdateData() {
|
||||||
setInterval(function() {
|
setInterval(function() {
|
||||||
if (schedule_update_data > 1) {schedule_update_data = 1;}
|
if (schedule_update_data > 1) {
|
||||||
|
schedule_update_data = 1;
|
||||||
|
}
|
||||||
if (schedule_update_data > 0) {
|
if (schedule_update_data > 0) {
|
||||||
$(".pin").each(function() {
|
$(".pin").each(function() {
|
||||||
chrome.runtime.sendMessage({
|
chrome.runtime.sendMessage({
|
||||||
@ -24,7 +26,7 @@ async function UpdateData() {
|
|||||||
command: "update_tab",
|
command: "update_tab",
|
||||||
tabId: parseInt(this.id),
|
tabId: parseInt(this.id),
|
||||||
tab: {
|
tab: {
|
||||||
parent: $(this).parent(".group")[0] ? $(this).parent()[0].id : $(this).parent().parent(".tab, .folder")[0].id,
|
parent: $(this).parent().parent()[0].id,
|
||||||
index: $(this).index(),
|
index: $(this).index(),
|
||||||
expand: ($(this).is(".n") ? "n" : ($(this).is(".c") ? "c" : "o"))
|
expand: ($(this).is(".n") ? "n" : ($(this).is(".c") ? "c" : "o"))
|
||||||
}
|
}
|
||||||
@ -34,34 +36,26 @@ async function UpdateData() {
|
|||||||
}
|
}
|
||||||
}, 1000);
|
}, 1000);
|
||||||
}
|
}
|
||||||
|
function RearrangeBrowserTabs() {
|
||||||
function RearrangeBrowserTabsCheck() {
|
|
||||||
setInterval(function() {
|
setInterval(function() {
|
||||||
if (opt.syncro_tabbar_tabs_order) {
|
|
||||||
if (schedule_rearrange_tabs > 1) {schedule_rearrange_tabs = 1;}
|
|
||||||
if (schedule_rearrange_tabs > 0) {
|
if (schedule_rearrange_tabs > 0) {
|
||||||
let tabIds = $(".pin, .tab").map(function(){return parseInt(this.id);}).toArray();
|
|
||||||
RearrangeBrowserTabs(tabIds, tabIds.length-1);
|
|
||||||
schedule_rearrange_tabs--;
|
schedule_rearrange_tabs--;
|
||||||
}
|
let tabIds = $(".pin, .tab").map(function(){return parseInt(this.id);}).toArray();
|
||||||
|
RearrangeBrowserTabsLoop(tabIds, tabIds.length-1);
|
||||||
}
|
}
|
||||||
}, 1000);
|
}, 1000);
|
||||||
}
|
}
|
||||||
|
async function RearrangeBrowserTabsLoop(tabIds, tabIndex) {
|
||||||
async function RearrangeBrowserTabs(tabIds, tabIndex) {
|
if (tabIndex >= 0 && schedule_rearrange_tabs == 0){
|
||||||
if (tabIndex > 0){
|
chrome.tabs.get(tabIds[tabIndex], function(tab1) {
|
||||||
chrome.tabs.get(tabIds[tabIndex], function(tab) {
|
if (tabIndex != tab1.index) {
|
||||||
if (tab && tabIndex != tab.index) {
|
|
||||||
chrome.tabs.move(tabIds[tabIndex], {index: tabIndex});
|
chrome.tabs.move(tabIds[tabIndex], {index: tabIndex});
|
||||||
}
|
}
|
||||||
setTimeout(function() {
|
RearrangeBrowserTabsLoop( tabIds, (tabIndex-1) );
|
||||||
RearrangeBrowserTabs( tabIds, (tabIndex-1) );
|
|
||||||
}, 1);
|
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
function RearrangeTreeTabs(tabs, bgtabs, first_loop) {
|
||||||
function RearrangeTreeTabs(tabs, bgtabs, first_run) {
|
|
||||||
tabs.forEach(function(Tab) {
|
tabs.forEach(function(Tab) {
|
||||||
if (bgtabs[Tab.id] && $("#"+Tab.id)[0] && $("#"+Tab.id).parent().children().eq(bgtabs[Tab.id].index)[0]) {
|
if (bgtabs[Tab.id] && $("#"+Tab.id)[0] && $("#"+Tab.id).parent().children().eq(bgtabs[Tab.id].index)[0]) {
|
||||||
if ($("#"+Tab.id).index() > bgtabs[Tab.id].index) {
|
if ($("#"+Tab.id).index() > bgtabs[Tab.id].index) {
|
||||||
@ -70,12 +64,11 @@ function RearrangeTreeTabs(tabs, bgtabs, first_run) {
|
|||||||
$("#"+Tab.id).insertAfter($("#"+Tab.id).parent().children().eq(bgtabs[Tab.id].index));
|
$("#"+Tab.id).insertAfter($("#"+Tab.id).parent().children().eq(bgtabs[Tab.id].index));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
if (bgtabs[Tab.id] && $("#"+Tab.id).index() != bgtabs[Tab.id].index && first_run) {
|
if (bgtabs[Tab.id] && $("#"+Tab.id).index() != bgtabs[Tab.id].index && first_loop) {
|
||||||
RearrangeTreeTabs(tabs, bgtabs, false);
|
RearrangeTreeTabs(tabs, bgtabs, false);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// param - tuple object with paramenters: param.tab - tab object, param.ParentId - Parent tabId, param.InsertAfterId - insert tab after this tabId (on same level),
|
// param - tuple object with paramenters: param.tab - tab object, param.ParentId - Parent tabId, param.InsertAfterId - insert tab after this tabId (on same level),
|
||||||
// param.Append - if true Appends tab at the end of tree if false or prepends
|
// param.Append - if true Appends tab at the end of tree if false or prepends
|
||||||
function AppendTab(param) {
|
function AppendTab(param) {
|
||||||
@ -83,7 +76,6 @@ function AppendTab(param) {
|
|||||||
GetFaviconAndTitle(param.tab.id, param.addCounter);
|
GetFaviconAndTitle(param.tab.id, param.addCounter);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
var ClassList = param.tab.pinned ? "pin" : "tab n";
|
var ClassList = param.tab.pinned ? "pin" : "tab n";
|
||||||
if (param.tab.discarded) {
|
if (param.tab.discarded) {
|
||||||
ClassList = ClassList + " discarded";
|
ClassList = ClassList + " discarded";
|
||||||
@ -91,7 +83,6 @@ function AppendTab(param) {
|
|||||||
if (param.AdditionalClass) {
|
if (param.AdditionalClass) {
|
||||||
ClassList = ClassList +" "+ param.AdditionalClass;
|
ClassList = ClassList +" "+ param.AdditionalClass;
|
||||||
}
|
}
|
||||||
|
|
||||||
var tb = document.createElement("div"); tb.className = ClassList; tb.id = param.tab.id; // TAB
|
var tb = document.createElement("div"); tb.className = ClassList; tb.id = param.tab.id; // TAB
|
||||||
var dc = document.createElement("div"); dc.className = "drop_target drag_enter_center"; dc.id = "dc"+param.tab.id; tb.appendChild(dc); // DROP TARGET CENTER
|
var dc = document.createElement("div"); dc.className = "drop_target drag_enter_center"; dc.id = "dc"+param.tab.id; tb.appendChild(dc); // DROP TARGET CENTER
|
||||||
var dt = document.createElement("div"); dt.className = "drop_target drag_entered_top"; dt.id = "du"+param.tab.id; tb.appendChild(dt); // DROP TARGET TOP
|
var dt = document.createElement("div"); dt.className = "drop_target drag_entered_top"; dt.id = "du"+param.tab.id; tb.appendChild(dt); // DROP TARGET TOP
|
||||||
@ -99,38 +90,31 @@ function AppendTab(param) {
|
|||||||
var th = document.createElement("div"); th.className = opt.always_show_close ? "tab_header close_show" : "tab_header"; th.id = "tab_header"+param.tab.id; th.draggable = true; tb.appendChild(th); // HEADER
|
var th = document.createElement("div"); th.className = opt.always_show_close ? "tab_header close_show" : "tab_header"; th.id = "tab_header"+param.tab.id; th.draggable = true; tb.appendChild(th); // HEADER
|
||||||
var ex = document.createElement("div"); ex.className = "expand"; ex.id = "exp"+param.tab.id; th.appendChild(ex); // EXPAND ARROW
|
var ex = document.createElement("div"); ex.className = "expand"; ex.id = "exp"+param.tab.id; th.appendChild(ex); // EXPAND ARROW
|
||||||
var tt = document.createElement("div"); tt.className = "tab_title"; tt.id = "tab_title"+param.tab.id; th.appendChild(tt); // TITLE
|
var tt = document.createElement("div"); tt.className = "tab_title"; tt.id = "tab_title"+param.tab.id; th.appendChild(tt); // TITLE
|
||||||
|
// var tc = document.createElement("div"); tc.className = "tab_counter"; tc.id = "tab_counter"+param.tab.id; th.appendChild(tc); // TABS COUNTER
|
||||||
if (!opt.never_show_close) {
|
if (!opt.never_show_close) {
|
||||||
var cl = document.createElement("div"); cl.className = "close"; cl.id = "close"+param.tab.id; th.appendChild(cl); // CLOSE BUTTON
|
var cl = document.createElement("div"); cl.className = "close"; cl.id = "close"+param.tab.id; th.appendChild(cl); // CLOSE BUTTON
|
||||||
var ci = document.createElement("div"); ci.className = "close_img"; ci.id = "close_img"+param.tab.id; cl.appendChild(ci);
|
var ci = document.createElement("div"); ci.className = "close_img"; ci.id = "close_img"+param.tab.id; cl.appendChild(ci);
|
||||||
}
|
}
|
||||||
|
|
||||||
var mi = document.createElement("div"); mi.className = "tab_mediaicon"; mi.id = "tab_mediaicon"+param.tab.id; th.appendChild(mi);
|
var mi = document.createElement("div"); mi.className = "tab_mediaicon"; mi.id = "tab_mediaicon"+param.tab.id; th.appendChild(mi);
|
||||||
var ch = document.createElement("div"); ch.className = "children"; ch.id = "ch"+param.tab.id; tb.appendChild(ch);
|
var ch = document.createElement("div"); ch.className = "children"; ch.id = "ch"+param.tab.id; tb.appendChild(ch);
|
||||||
|
|
||||||
if (param.tab.pinned) {
|
if (param.tab.pinned) {
|
||||||
param.ParentId = "pin_list";
|
param.ParentId = "pin_list";
|
||||||
} else {
|
} else {
|
||||||
if (param.ParentId == undefined || $("#"+param.ParentId).is(".pin, #pin_list") || $("#"+param.ParentId).length == 0) {
|
if (param.ParentId == undefined || $("#"+param.ParentId).is(".pin, #pin_list") || $("#"+param.ParentId).length == 0) {
|
||||||
param.ParentId = active_group;
|
param.ParentId = "ch"+active_group;
|
||||||
} else {
|
} else {
|
||||||
if($("#"+param.ParentId).is(".tab")) {
|
|
||||||
if ($("#ch"+param.ParentId).children().length == 0) {
|
if ($("#ch"+param.ParentId).children().length == 0) {
|
||||||
$("#"+param.ParentId).addClass("o").removeClass("n").removeClass("c");
|
$("#"+param.ParentId).addClass("o").removeClass("n").removeClass("c");
|
||||||
}
|
}
|
||||||
|
|
||||||
param.ParentId = "ch"+param.ParentId;
|
param.ParentId = "ch"+param.ParentId;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
if (param.Append) {
|
if (param.Append) {
|
||||||
$("#"+param.ParentId).append(tb);
|
$("#"+param.ParentId).append(tb);
|
||||||
}
|
}
|
||||||
if (!param.Append) {
|
if (!param.Append) {
|
||||||
$("#"+param.ParentId).prepend(tb);
|
$("#"+param.ParentId).prepend(tb);
|
||||||
}
|
}
|
||||||
|
|
||||||
if (param.InsertBeforeId != undefined && $("#"+param.InsertBeforeId)[0]) {
|
if (param.InsertBeforeId != undefined && $("#"+param.InsertBeforeId)[0]) {
|
||||||
if ((param.tab.pinned && $("#"+param.InsertBeforeId).is(".pin")) || (!param.tab.pinned && $("#"+param.InsertBeforeId).is(".tab"))) {
|
if ((param.tab.pinned && $("#"+param.InsertBeforeId).is(".pin")) || (!param.tab.pinned && $("#"+param.InsertBeforeId).is(".tab"))) {
|
||||||
$("#"+param.tab.id).insertBefore($("#"+param.InsertBeforeId));
|
$("#"+param.tab.id).insertBefore($("#"+param.InsertBeforeId));
|
||||||
@ -141,32 +125,25 @@ function AppendTab(param) {
|
|||||||
$("#"+param.tab.id).insertAfter($("#"+param.InsertAfterId));
|
$("#"+param.tab.id).insertAfter($("#"+param.InsertAfterId));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
GetFaviconAndTitle(param.tab.id, param.addCounter);
|
GetFaviconAndTitle(param.tab.id, param.addCounter);
|
||||||
RefreshMediaIcon(param.tab.id);
|
RefreshMediaIcon(param.tab.id);
|
||||||
|
|
||||||
|
|
||||||
if (param.tab.active && param.SkipSetActive == undefined) {
|
if (param.tab.active && param.SkipSetActive == undefined) {
|
||||||
SetActiveTab(param.tab.id);
|
SetActiveTab(param.tab.id);
|
||||||
}
|
}
|
||||||
|
|
||||||
if (param.Scroll) {
|
if (param.Scroll) {
|
||||||
ScrollToTab(param.tab.id);
|
ScrollToTab(param.tab.id);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function RemoveTabFromList(tabId) {
|
function RemoveTabFromList(tabId) {
|
||||||
if ($("#"+tabId)[0]) {
|
if ($("#"+tabId)[0]) {
|
||||||
$("#"+tabId).remove();
|
$("#"+tabId).remove();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// param - tuple object with paramenters: param.pin - true for pinned, param.id - tabId
|
function SetTabClass(param) { // param - tuple object with paramenters: param.pin - true for pinned, param.id - tabId
|
||||||
function SetTabClass(param) {
|
|
||||||
if (param.pin) {
|
if (param.pin) {
|
||||||
$("#pin_list").append($("#"+param.id));
|
$("#pin_list").append($("#"+param.id));
|
||||||
// flatten out children
|
if ($("#ch"+param.id).children().length > 0) { // flatten out children
|
||||||
if ($("#ch"+param.id).children().length > 0) {
|
|
||||||
$($("#"+param.id).children().find(".pin, .tab").get().reverse()).each(function() {
|
$($("#"+param.id).children().find(".pin, .tab").get().reverse()).each(function() {
|
||||||
$(this).removeClass("tab").removeClass("n").removeClass("o").removeClass("c").addClass("pin");
|
$(this).removeClass("tab").removeClass("n").removeClass("o").removeClass("c").addClass("pin");
|
||||||
$(this).insertAfter($("#"+param.id));
|
$(this).insertAfter($("#"+param.id));
|
||||||
@ -175,32 +152,27 @@ function SetTabClass(param) {
|
|||||||
}
|
}
|
||||||
$("#"+param.id).removeClass("tab").removeClass("n").removeClass("o").removeClass("c").addClass("pin");
|
$("#"+param.id).removeClass("tab").removeClass("n").removeClass("o").removeClass("c").addClass("pin");
|
||||||
} else {
|
} else {
|
||||||
$("#"+active_group).prepend($("#"+param.id));
|
$("#ch"+active_group).prepend($("#"+param.id));
|
||||||
$("#"+param.id).removeClass("pin").removeClass("attention").addClass("tab");
|
$("#"+param.id).removeClass("pin").removeClass("attention").addClass("tab");
|
||||||
RefreshExpandStates();
|
RefreshExpandStates();
|
||||||
}
|
}
|
||||||
chrome.tabs.update(parseInt(param.id), {pinned: param.pin});
|
chrome.tabs.update(parseInt(param.id), {pinned: param.pin});
|
||||||
RefreshGUI();
|
RefreshGUI();
|
||||||
}
|
}
|
||||||
|
|
||||||
function SetActiveTab(tabId) {
|
function SetActiveTab(tabId) {
|
||||||
if ($("#"+tabId).length > 0) {
|
if ($("#"+tabId).length > 0) {
|
||||||
$(".active:visible").removeClass("active").removeClass("selected");
|
if ($("#"+tabId).is(".tab")) {
|
||||||
$(".pin, .tab:visible").removeClass("active").removeClass("selected").removeClass("selected_frozen").removeClass("selected_temporarly").removeClass("tab_header_hover");
|
SetActiveTabInGroup($("#"+tabId).parents(".group")[0].id, tabId);
|
||||||
|
}
|
||||||
|
$(".selected_folder").removeClass("selected_folder");
|
||||||
|
$(".pin, #"+active_group+" .tab").removeClass("active_tab").removeClass("selected_tab").removeClass("selected_frozen").removeClass("selected_temporarly").removeClass("tab_header_hover");
|
||||||
$(".highlighted_drop_target").removeClass("highlighted_drop_target");
|
$(".highlighted_drop_target").removeClass("highlighted_drop_target");
|
||||||
$("#"+tabId).removeClass("attention").addClass("active");
|
$("#"+tabId).removeClass("attention").addClass("active_tab");
|
||||||
ScrollToTab(tabId);
|
ScrollToTab(tabId);
|
||||||
SetActiveTabInActiveGroup(tabId);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function ScrollToTab(tabId) {
|
function ScrollToTab(tabId) {
|
||||||
if ($("#"+tabId).length == 0) {
|
if ($("#"+tabId)[0]) {
|
||||||
return false;
|
|
||||||
}
|
|
||||||
if ($("#"+tabId).is(":not(:visible)")) {
|
|
||||||
$("#"+tabId).parents(".tab").removeClass("c").addClass("o");
|
|
||||||
}
|
|
||||||
if ($("#"+tabId).is(".pin")) {
|
if ($("#"+tabId).is(".pin")) {
|
||||||
if ($("#"+tabId).position().left+$("#"+tabId).outerWidth() > $("#pin_list").innerWidth()) {
|
if ($("#"+tabId).position().left+$("#"+tabId).outerWidth() > $("#pin_list").innerWidth()) {
|
||||||
$("#pin_list").scrollLeft($("#pin_list").scrollLeft()+$("#"+tabId).position().left+$("#"+tabId).outerWidth()-$("#pin_list").innerWidth());
|
$("#pin_list").scrollLeft($("#pin_list").scrollLeft()+$("#"+tabId).position().left+$("#"+tabId).outerWidth()-$("#pin_list").innerWidth());
|
||||||
@ -211,6 +183,10 @@ function ScrollToTab(tabId) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
if ($("#"+tabId).is(".tab")) {
|
if ($("#"+tabId).is(".tab")) {
|
||||||
|
if ($("#"+active_group+" #"+tabId)[0]) {
|
||||||
|
if ($("#"+tabId).is(":not(:visible)")) {
|
||||||
|
$("#"+tabId).parents(".folder, .tab").removeClass("c").addClass("o");
|
||||||
|
}
|
||||||
if ($("#"+tabId).offset().top - $("#"+active_group).offset().top < 0) {
|
if ($("#"+tabId).offset().top - $("#"+active_group).offset().top < 0) {
|
||||||
$("#"+active_group).scrollTop($("#"+active_group).scrollTop() + $("#"+tabId).offset().top - $("#"+active_group).offset().top);
|
$("#"+active_group).scrollTop($("#"+active_group).scrollTop() + $("#"+tabId).offset().top - $("#"+active_group).offset().top);
|
||||||
} else {
|
} else {
|
||||||
@ -220,23 +196,59 @@ function ScrollToTab(tabId) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
function DetachTabs(tabsIds) {
|
}
|
||||||
|
function DetachTabs(tabsIds, Folders) {
|
||||||
chrome.windows.get(CurrentWindowId, {populate : true}, function(window) {
|
chrome.windows.get(CurrentWindowId, {populate : true}, function(window) {
|
||||||
if (window.tabs.length == 1) {
|
if (window.tabs.length == 1 || tabsIds.length == 0 || tabsIds.length == window.tabs.length) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
chrome.windows.create({tabId: tabsIds[0], state:window.state}, function(new_window) {
|
chrome.windows.create({state:window.state}, function(new_window) {
|
||||||
(tabsIds).forEach(function(tabId) {
|
let Indexes = [];
|
||||||
chrome.tabs.move(tabId, {windowId: new_window.id, index:-1});
|
let Parents = [];
|
||||||
|
let Expands = [];
|
||||||
|
let NewIds = [];
|
||||||
|
let NewTabs = [];
|
||||||
|
tabsIds.forEach(function(tabId) {
|
||||||
|
Indexes.push($("#"+tabId).index());
|
||||||
|
Parents.push($("#"+tabId).parent().parent()[0].id);
|
||||||
|
Expands.push($("#"+tabId).is(".n") ? "n" : ($("#"+tabId).is(".c") ? "c" : "o"));
|
||||||
});
|
});
|
||||||
})
|
let Ind = 0;
|
||||||
|
tabsIds.forEach(function(tabId) {
|
||||||
|
chrome.tabs.move(tabId, {windowId: new_window.id, index:-1}, function(MovedTab) {
|
||||||
|
NewIds.push(MovedTab[0].id);
|
||||||
|
if (browserId == "F") { // AGAIN BUG 1398272 - MOZILLA!
|
||||||
|
NewTabs.push({id: NewIds[Ind], index: Indexes[Ind], parent: ((tabsIds.indexOf(parseInt(Parents[Ind])) != -1) ? NewIds[tabsIds.indexOf(parseInt(Parents[Ind]))] : Parents[Ind]), expand: Expands[Ind]});
|
||||||
|
} else {
|
||||||
|
NewTabs.push({id: NewIds[Ind], index: Indexes[Ind], parent: Parents[Ind], expand: Expands[Ind]});
|
||||||
|
}
|
||||||
|
Ind++;
|
||||||
});
|
});
|
||||||
|
});
|
||||||
|
chrome.tabs.remove(new_window.tabs[0].id, null);
|
||||||
|
let Loop = 0;
|
||||||
|
var Append = setInterval(function() {
|
||||||
|
chrome.runtime.sendMessage({command: "remote_update", groups: {}, folders: Folders, tabs: NewTabs, windowId: new_window.id}, function(response) {
|
||||||
|
log("Detach - Remote Append and Update Loop, giving half second to attach each tab");
|
||||||
|
});
|
||||||
|
Loop++;
|
||||||
|
if (Loop > tabsIds.length) {
|
||||||
|
clearInterval(Append);
|
||||||
|
}
|
||||||
|
}, 500);
|
||||||
|
|
||||||
|
if (Object.keys(Folders).length > 0) {
|
||||||
|
for (var folder in Folders) {
|
||||||
|
RemoveFolder(Folders[folder].id);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// find and select tabs
|
});
|
||||||
function FindTab(input) {
|
});
|
||||||
$(".filtered").removeClass("filtered").removeClass("selected");
|
}
|
||||||
|
function FindTab(input) { // find and select tabs
|
||||||
|
$(".filtered").removeClass("filtered").removeClass("selected_tab");
|
||||||
$(".highlighted_search").removeClass("highlighted_search");
|
$(".highlighted_search").removeClass("highlighted_search");
|
||||||
if (input.length == 0) {
|
if (input.length == 0) {
|
||||||
$("#filter_box")[0].value = "";
|
$("#filter_box")[0].value = "";
|
||||||
@ -250,33 +262,30 @@ function FindTab(input) {
|
|||||||
chrome.tabs.query({windowId: CurrentWindowId, pinned: false}, function(tabs) {
|
chrome.tabs.query({windowId: CurrentWindowId, pinned: false}, function(tabs) {
|
||||||
tabs.forEach(function(Tab) {
|
tabs.forEach(function(Tab) {
|
||||||
if ($("#button_filter_type").is(".url") && Tab.url.toLowerCase().match(input.toLowerCase())) {
|
if ($("#button_filter_type").is(".url") && Tab.url.toLowerCase().match(input.toLowerCase())) {
|
||||||
$("#"+Tab.id).addClass("filtered").addClass("selected");
|
$("#"+Tab.id).addClass("filtered").addClass("selected_tab");
|
||||||
}
|
}
|
||||||
if ($("#button_filter_type").is(".title") && Tab.title.toLowerCase().match(input.toLowerCase())) {
|
if ($("#button_filter_type").is(".title") && Tab.title.toLowerCase().match(input.toLowerCase())) {
|
||||||
$("#"+Tab.id).addClass("filtered").addClass("selected");
|
$("#"+Tab.id).addClass("filtered").addClass("selected_tab");
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
function CloseTabs(tabsIds) {
|
function CloseTabs(tabsIds) {
|
||||||
|
if ($("#"+active_group+" .active_tab")[0] && tabsIds.indexOf(parseInt($("#"+active_group+" .active_tab")[0].id)) != -1) {
|
||||||
|
ActionBeforeTabsClose();
|
||||||
|
}
|
||||||
tabsIds.forEach(function(tabId) {
|
tabsIds.forEach(function(tabId) {
|
||||||
if ($("#"+tabId).is(".pin") && opt.allow_pin_close) {
|
if ($("#"+tabId).is(".pin") && opt.allow_pin_close) {
|
||||||
$("#"+tabId).remove();
|
$("#"+tabId).remove();
|
||||||
chrome.tabs.update(tabId, {pinned: false});
|
chrome.tabs.update(tabId, {pinned: false});
|
||||||
}
|
}
|
||||||
if ($("#"+tabId).is(".tab")) {
|
|
||||||
$("#"+tabId).remove();
|
|
||||||
}
|
|
||||||
});
|
});
|
||||||
setTimeout(function() {
|
setTimeout(function() {
|
||||||
chrome.tabs.remove(tabsIds, null);
|
chrome.tabs.remove(tabsIds, null);
|
||||||
}, 100);
|
}, 50);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
function DiscardTabs(tabsIds) {
|
function DiscardTabs(tabsIds) {
|
||||||
var delay = 400;
|
var delay = 100;
|
||||||
if ($("#"+tabsIds[0]).is(".discarded")) {
|
if ($("#"+tabsIds[0]).is(".discarded")) {
|
||||||
delay = 5;
|
delay = 5;
|
||||||
} else {
|
} else {
|
||||||
@ -289,32 +298,76 @@ function DiscardTabs(tabsIds) {
|
|||||||
}, delay);
|
}, delay);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
function ActionBeforeTabsClose() {
|
||||||
|
log("function: ActionBeforeTabsClose");
|
||||||
function ActivateNextTab() {
|
if ($("#"+active_group+" .tab").length == 1) {
|
||||||
if ($(".pin.active:visible")[0]) {
|
log("there is only one tab");
|
||||||
if ($(".pin.active").next(".pin")[0]) {
|
if (opt.after_closing_active_tab == "above" || opt.after_closing_active_tab == "above_seek_in_parent") {
|
||||||
chrome.tabs.update(parseInt($(".pin.active").next(".pin")[0].id), { active: true });
|
log("activate group above");
|
||||||
|
if ($("#"+active_group).prev(".group")[0]) {
|
||||||
|
SetActiveGroup(($("#"+active_group).prev(".group")[0].id), true, true);
|
||||||
} else {
|
} else {
|
||||||
if ($(".pin.active").prev(".pin")[0]) {
|
if ($("#"+active_group).next(".group")[0]) {
|
||||||
chrome.tabs.update(parseInt($(".pin.active").prev(".pin")[0].id), { active: true });
|
SetActiveGroup(($("#"+active_group).next(".group")[0].id), true, true);
|
||||||
|
} else {
|
||||||
|
SetActiveGroup("tab_list", true, true);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
log("activate group below");
|
||||||
|
if ($("#"+active_group).next(".group")[0]) {
|
||||||
|
SetActiveGroup(($("#"+active_group).next(".group")[0].id), true, true);
|
||||||
|
} else {
|
||||||
|
if ($("#"+active_group).prev(".group")[0]) {
|
||||||
|
SetActiveGroup(($("#"+active_group).prev(".group")[0].id), true, true);
|
||||||
|
} else {
|
||||||
|
SetActiveGroup("tab_list", true, true);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
if ($(".tab.active:visible")[0]) {
|
|
||||||
if ($(".active:visible").children().last().children(".tab")[0]) {
|
|
||||||
chrome.tabs.update(parseInt($(".active:visible").children().last().children(".tab")[0].id), { active: true });
|
|
||||||
} else {
|
} else {
|
||||||
if ($(".active:visible").next(".tab")[0]) {
|
log("there are more tabs");
|
||||||
chrome.tabs.update(parseInt($(".active:visible").next(".tab")[0].id), { active: true });
|
if (opt.after_closing_active_tab == "above") {
|
||||||
|
ActivatePrevTab();
|
||||||
|
}
|
||||||
|
if (opt.after_closing_active_tab == "below") {
|
||||||
|
ActivateNextTab();
|
||||||
|
}
|
||||||
|
if (opt.after_closing_active_tab == "above_seek_in_parent") {
|
||||||
|
ActivatePrevTabBeforeClose();
|
||||||
|
}
|
||||||
|
if (opt.after_closing_active_tab == "below_seek_in_parent") {
|
||||||
|
ActivateNextTabBeforeClose();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function ActivateNextTabBeforeClose() {
|
||||||
|
log("function: ActivateNextTabBeforeClose");
|
||||||
|
if ($(".pin.active_tab:visible")[0]) {
|
||||||
|
if ($(".pin.active_tab").next(".pin")[0]) {
|
||||||
|
chrome.tabs.update(parseInt($(".pin.active_tab").next(".pin")[0].id), { active: true });
|
||||||
} else {
|
} else {
|
||||||
if ($(".active:visible").parent().parent().next(".tab")[0]) {
|
if ($(".pin.active_tab").prev(".pin")[0]) {
|
||||||
chrome.tabs.update(parseInt($(".active:visible").parent().parent().next(".tab")[0].id), { active: true });
|
chrome.tabs.update(parseInt($(".pin.active_tab").prev(".pin")[0].id), { active: true });
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if ($("#"+active_group+" .tab.active_tab")[0] && $("#"+active_group+" .tab").length > 1) {
|
||||||
|
if ($("#"+active_group+" .tab.active_tab").children().last().children(".tab")[0]) {
|
||||||
|
chrome.tabs.update(parseInt($("#"+active_group+" .tab.active_tab").children().last().children(".tab")[0].id), { active: true });
|
||||||
} else {
|
} else {
|
||||||
if ($(".active:visible").parents(".tab").last().next(".tab")[0]) {
|
if ($("#"+active_group+" .tab.active_tab").next(".tab")[0]) {
|
||||||
chrome.tabs.update(parseInt($(".active:visible").parents(".tab").last().next(".tab")[0].id), { active: true });
|
chrome.tabs.update(parseInt($("#"+active_group+" .tab.active_tab").next(".tab")[0].id), { active: true });
|
||||||
|
} else {
|
||||||
|
if ($("#"+active_group+" .tab.active_tab").prev(".tab")[0]) {
|
||||||
|
chrome.tabs.update(parseInt($("#"+active_group+" .tab.active_tab").prev(".tab")[0].id), { active: true });
|
||||||
|
} else {
|
||||||
|
if ($("#"+active_group+" .tab.active_tab").parent().is(".children") && $("#"+active_group+" .tab.active_tab").parent().parent(".tab")[0]) {
|
||||||
|
chrome.tabs.update(parseInt($("#"+active_group+" .tab.active_tab").parent().parent(".tab")[0].id), { active: true });
|
||||||
|
} else {
|
||||||
|
if ($("#"+active_group+" .tab.active_tab").parents(".tab").last().next(".tab")[0]) {
|
||||||
|
chrome.tabs.update(parseInt($("#"+active_group+" .tab.active_tab").parents(".tab").last().next(".tab")[0].id), { active: true });
|
||||||
} else {
|
} else {
|
||||||
if ($(".tab:visible").length > 1) {
|
|
||||||
ActivatePrevTab();
|
ActivatePrevTab();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -323,57 +376,108 @@ function ActivateNextTab() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
function ActivatePrevTabBeforeClose() {
|
||||||
function ActivatePrevTab() {
|
log("function: ActivatePrevTabBeforeClose");
|
||||||
if ($(".pin.active")[0]) {
|
if ($(".pin.active_tab")[0]) {
|
||||||
if ($(".pin.active").prev(".pin")[0]) {
|
log("active_tab is pin");
|
||||||
chrome.tabs.update(parseInt($(".pin.active").prev(".pin")[0].id), { active: true });
|
if ($(".pin.active_tab").prev(".pin")[0]) {
|
||||||
|
chrome.tabs.update(parseInt($(".pin.active_tab").prev(".pin")[0].id), { active: true });
|
||||||
} else {
|
} else {
|
||||||
if ($(".pin.active").next(".pin")[0]) {
|
if ($(".pin.active_tab").next(".pin")[0]) {
|
||||||
chrome.tabs.update(parseInt($(".pin.active").next(".pin")[0].id), { active: true });
|
chrome.tabs.update(parseInt($(".pin.active_tab").next(".pin")[0].id), { active: true });
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
if ($(".tab.active:visible")[0]) {
|
if ($("#"+active_group+" .tab.active_tab")[0] && $("#"+active_group+" .tab").length > 1) {
|
||||||
if ($(".active:visible").prev().find(".tab").length > 0) {
|
log("active_group tabs length is > 1");
|
||||||
chrome.tabs.update(parseInt($(".active:visible").prev().find(".tab").last()[0].id), { active: true });
|
if ($("#"+active_group+" .tab.active_tab").children().last().children(".tab")[0]) {
|
||||||
|
log("activating first child, because active tab is root");
|
||||||
|
chrome.tabs.update(parseInt($("#"+active_group+" .tab.active_tab").children().last().children(".tab")[0].id), { active: true });
|
||||||
} else {
|
} else {
|
||||||
if ($(".active:visible").prev(".tab")[0]) {
|
if ($("#"+active_group+" .tab.active_tab").prev(".tab")[0]) {
|
||||||
chrome.tabs.update(parseInt($(".active:visible").prev(".tab")[0].id), { active: true });
|
log("activating previous tab on same level");
|
||||||
|
chrome.tabs.update(parseInt($("#"+active_group+" .tab.active_tab").prev(".tab")[0].id), { active: true });
|
||||||
} else {
|
} else {
|
||||||
if ($(".tab.active:visible").parent().is(".children") && $(".tab.active:visible").parent().parent(".tab")[0]) {
|
if ($("#"+active_group+" .tab.active_tab").next(".tab")[0]) {
|
||||||
chrome.tabs.update(parseInt($(".tab.active:visible").parent().parent(".tab")[0].id), { active: true });
|
log("previous tab not found, activating next one on same level");
|
||||||
|
chrome.tabs.update(parseInt($("#"+active_group+" .tab.active_tab").next(".tab")[0].id), { active: true });
|
||||||
} else {
|
} else {
|
||||||
if ($(".tab:visible").length > 1) {
|
if ($("#"+active_group+" .tab.active_tab").parent().is(".children") && $(".tab.active_tab").parent().parent(".tab")[0]) {
|
||||||
|
log("previous and next tab not found, which means active tab is last on same level, activating parent");
|
||||||
|
chrome.tabs.update(parseInt($("#"+active_group+" .tab.active_tab").parent().parent(".tab")[0].id), { active: true });
|
||||||
|
} else {
|
||||||
|
if ($("#"+active_group+" .tab.active_tab").parents(".tab").last().prev(".tab")[0]) {
|
||||||
|
log("parent tab not found, which means we are on top in hierarchy, activating previous on top level");
|
||||||
|
chrome.tabs.update(parseInt($("#"+active_group+" .tab.active_tab").parents(".tab").last().prev(".tab")[0].id), { active: true });
|
||||||
|
} else {
|
||||||
|
log("all attempts to find previous tab failed, lets activate next tab");
|
||||||
ActivateNextTab();
|
ActivateNextTab();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
function DropTargetsSendToFront() {
|
function ActivateNextTab() {
|
||||||
if (DropTargetsInFront == false) {
|
log("function: ActivateNextTab");
|
||||||
$(".drop_target").show();
|
if ($(".pin.active_tab")[0]) {
|
||||||
DropTargetsInFront = true;
|
log("active_tab is pin");
|
||||||
|
if ($(".pin.active_tab").next(".pin")[0]) {
|
||||||
|
chrome.tabs.update(parseInt($(".pin.active_tab").next(".pin")[0].id), { active: true });
|
||||||
|
} else {
|
||||||
|
if ($(".pin.active_tab").prev(".pin")[0]) {
|
||||||
|
chrome.tabs.update(parseInt($(".pin.active_tab").prev(".pin")[0].id), { active: true });
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if ($("#"+active_group+" .tab.active_tab")[0] && $("#"+active_group+" .tab").length > 1) {
|
||||||
|
if ($("#"+active_group+" .tab.active_tab").children().last().children(".tab")[0]) {
|
||||||
|
chrome.tabs.update(parseInt($("#"+active_group+" .tab.active_tab").children().last().children(".tab")[0].id), { active: true });
|
||||||
|
} else {
|
||||||
|
if ($("#"+active_group+" .tab.active_tab").next(".tab")[0]) {
|
||||||
|
chrome.tabs.update(parseInt($("#"+active_group+" .tab.active_tab").next(".tab")[0].id), { active: true });
|
||||||
|
} else {
|
||||||
|
if ($("#"+active_group+" .tab.active_tab").parent().parent().next("#"+active_group+" .tab")[0]) {
|
||||||
|
chrome.tabs.update(parseInt($("#"+active_group+" .tab.active_tab").parent().parent().next(".tab")[0].id), { active: true });
|
||||||
|
} else {
|
||||||
|
if ($("#"+active_group+" .tab.active_tab").parents(".tab").last().next(".tab")[0]) {
|
||||||
|
chrome.tabs.update(parseInt($("#"+active_group+" .tab.active_tab").parents(".tab").last().next(".tab")[0].id), { active: true });
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function ActivatePrevTab() {
|
||||||
|
log("function: ActivatePrevTab");
|
||||||
|
if ($(".pin.active_tab")[0]) {
|
||||||
|
log("active_tab is pin");
|
||||||
|
if ($(".pin.active_tab").prev(".pin")[0]) {
|
||||||
|
chrome.tabs.update(parseInt($(".pin.active_tab").prev(".pin")[0].id), { active: true });
|
||||||
|
} else {
|
||||||
|
if ($(".pin.active_tab").next(".pin")[0]) {
|
||||||
|
chrome.tabs.update(parseInt($(".pin.active_tab").next(".pin")[0].id), { active: true });
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if ($("#"+active_group+" .tab.active_tab")[0] && $("#"+active_group+" .tab").length > 1) {
|
||||||
|
if ($("#"+active_group+" .tab.active_tab").prev().find(".tab").length > 0) {
|
||||||
|
chrome.tabs.update(parseInt($("#"+active_group+" .tab.active_tab").prev().find(".tab").last()[0].id), { active: true });
|
||||||
|
} else {
|
||||||
|
if ($("#"+active_group+" .tab.active_tab").prev(".tab")[0]) {
|
||||||
|
chrome.tabs.update(parseInt($("#"+active_group+" .tab.active_tab").prev(".tab")[0].id), { active: true });
|
||||||
|
} else {
|
||||||
|
if ($("#"+active_group+" .tab.tab.active_tab").parent().is(".children") && $("#"+active_group+" .tab.active_tab").parent().parent(".tab")[0]) {
|
||||||
|
chrome.tabs.update(parseInt($("#"+active_group+" .tab.active_tab").parent().parent(".tab")[0].id), { active: true });
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
function DropTargetsSendToBack() {
|
|
||||||
if (DropTargetsInFront) {
|
|
||||||
$(".drop_target").hide();
|
|
||||||
DropTargetsInFront = false;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// ********** TABS EVENTS ***************
|
// ********** TABS EVENTS ***************
|
||||||
|
|
||||||
function SetTabEvents() {
|
function SetTabEvents() {
|
||||||
|
$(document).on("dblclick", ".group, #pin_list, .tab", function(event) { // double click to create tab
|
||||||
// double click to create tab
|
|
||||||
$(document).on("dblclick", ".group, #pin_list, .tab", function(event) {
|
|
||||||
if (event.button == 0 && $(event.target).is(this)) {
|
if (event.button == 0 && $(event.target).is(this)) {
|
||||||
if (event.target.id == "pin_list") {
|
if (event.target.id == "pin_list") {
|
||||||
chrome.tabs.create({ pinned: true });
|
chrome.tabs.create({ pinned: true });
|
||||||
@ -382,42 +486,31 @@ function SetTabEvents() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
$(document).on("mouseenter", ".close", function(event) {
|
$(document).on("mouseenter", ".close", function(event) {
|
||||||
$(this).addClass("close_hover");
|
$(this).addClass("close_hover");
|
||||||
});
|
});
|
||||||
|
|
||||||
$(document).on("mouseleave", ".close", function(event) {
|
$(document).on("mouseleave", ".close", function(event) {
|
||||||
$(".close_hover").removeClass("close_hover");
|
$(".close_hover").removeClass("close_hover");
|
||||||
});
|
});
|
||||||
|
|
||||||
$(document).on("mouseenter", ".expand", function(event) {
|
$(document).on("mouseenter", ".expand", function(event) {
|
||||||
$(this).addClass("hover");
|
$(this).addClass("hover");
|
||||||
});
|
});
|
||||||
|
|
||||||
$(document).on("mouseleave", ".expand", function(event) {
|
$(document).on("mouseleave", ".expand", function(event) {
|
||||||
$(".expand.hover").removeClass("hover");
|
$(".expand.hover").removeClass("hover");
|
||||||
});
|
});
|
||||||
|
|
||||||
$(document).on("mouseover", ".tab_header", function(event) {
|
$(document).on("mouseover", ".tab_header", function(event) {
|
||||||
$(this).addClass("tab_header_hover");
|
$(this).addClass("tab_header_hover");
|
||||||
|
|
||||||
if (opt.always_show_close == false) {
|
if (opt.always_show_close == false) {
|
||||||
$(this).addClass("close_show");
|
$(this).addClass("close_show");
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
$(document).on("mouseleave", ".tab_header", function(event) {
|
$(document).on("mouseleave", ".tab_header", function(event) {
|
||||||
$(this).removeClass("tab_header_hover");
|
$(this).removeClass("tab_header_hover");
|
||||||
|
|
||||||
if (opt.always_show_close == false) {
|
if (opt.always_show_close == false) {
|
||||||
$(this).removeClass("close_show");
|
$(this).removeClass("close_show");
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
$(document).on("mousedown", ".expand", function(event) { // EXPAND BOX - EXPAND / COLLAPSE
|
||||||
// EXPAND BOX - EXPAND / COLLAPSE
|
|
||||||
$(document).on("mousedown", ".expand", function(event) {
|
|
||||||
// event.stopPropagation();
|
|
||||||
if (event.button == 0) {
|
if (event.button == 0) {
|
||||||
if ($(this).parent().parent().is(".o")) {
|
if ($(this).parent().parent().is(".o")) {
|
||||||
$(this).parent().parent().removeClass("o").addClass("c");
|
$(this).parent().parent().removeClass("o").addClass("c");
|
||||||
@ -440,67 +533,55 @@ function SetTabEvents() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
$(document).on("mousedown", ".tab, .pin", function(event) { // SELECT TAB/PIN
|
||||||
// SELECT TAB/PIN
|
|
||||||
$(document).on("mousedown", ".tab, .pin", function(event) {
|
|
||||||
if ($(".menu").is(":visible")) {
|
if ($(".menu").is(":visible")) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
event.stopPropagation();
|
event.stopPropagation();
|
||||||
if (event.button == 0) {
|
if (event.button == 0) {
|
||||||
DropTargetsSendToBack();
|
$("#"+active_group+" .folder").removeClass("selected_folder");
|
||||||
let tabId = parseInt(this.id);
|
let tabId = parseInt(this.id);
|
||||||
// SET SELECTION WITH SHIFT
|
if (event.shiftKey) { // SET SELECTION WITH SHIFT
|
||||||
if (event.shiftKey) {
|
$(".pin, .tab:visible").removeClass("selected_tab").removeClass("selected_frozen").removeClass("selected_temporarly");
|
||||||
$(".pin, .tab:visible").removeClass("selected").removeClass("selected_frozen").removeClass("selected_temporarly");
|
if ($(this).index() >= $(".active_tab:visible").index()) {
|
||||||
if ($(this).index() >= $(".active:visible").index()) {
|
$(".active_tab:visible").nextUntil($(this), ":visible").add($(".active_tab:visible")).add($(this)).addClass("selected_tab");
|
||||||
$(".active:visible").nextUntil($(this), ":visible").add($(".active:visible")).add($(this)).addClass("selected");
|
|
||||||
} else {
|
} else {
|
||||||
$(".active:visible").prevUntil($(this), ":visible").add($(".active:visible")).add($(this)).addClass("selected");
|
$(".active_tab:visible").prevUntil($(this), ":visible").add($(".active_tab:visible")).add($(this)).addClass("selected_tab");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// TOGGLE SELECTION WITH CTRL
|
if (event.ctrlKey) { // TOGGLE SELECTION WITH CTRL
|
||||||
if (event.ctrlKey) {
|
// if ($(".active_tab:visible").is(":not(.selected_tab)")) {
|
||||||
// if ($(".active:visible").is(":not(.selected)")) {
|
// $(".active_tab:visible").addClass("selected_tab");
|
||||||
// $(".active:visible").addClass("selected");
|
|
||||||
// }
|
// }
|
||||||
$(this).toggleClass("selected");
|
$(this).toggleClass("selected_tab");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
$(document).on("mousedown", ".tab_header", function(event) { // CLOSE TAB/PIN
|
||||||
|
|
||||||
// CLOSE TAB/PIN
|
|
||||||
$(document).on("mousedown", ".tab_header", function(event) {
|
|
||||||
if ($(".menu").is(":visible")) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
let tabId = parseInt($(this).parent()[0].id);
|
let tabId = parseInt($(this).parent()[0].id);
|
||||||
if ((event.button == 1 && opt.close_with_MMB == true && $(this).parent().is(".tab")) || (event.button == 1 && opt.close_with_MMB == true && $(this).parent().is(".pin") && opt.allow_pin_close == true) || (event.button == 0 && $(event.target).is(".close, .close_img"))) {
|
if ((event.button == 1 && opt.close_with_MMB == true && $(this).parent().is(".tab")) || (event.button == 1 && opt.close_with_MMB == true && $(this).parent().is(".pin") && opt.allow_pin_close == true) || (event.button == 0 && $(event.target).is(".close, .close_img"))) {
|
||||||
if ($(this).parent().is(".active:visible") && opt.after_closing_active_tab != "browser") {
|
if ($(this).parent().is(".active_tab:visible") && opt.after_closing_active_tab != "browser") {
|
||||||
if (opt.after_closing_active_tab == "above") {
|
ActionBeforeTabsClose();
|
||||||
ActivatePrevTab();
|
} // hide pin before it will be closed by listener
|
||||||
}
|
|
||||||
if (opt.after_closing_active_tab == "below") {
|
|
||||||
ActivateNextTab();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// hide pin before it will be closed by listener
|
|
||||||
$(".pin#"+tabId).css({ "width": "0px", "height": "0px", "border": "none", "overflow": "hidden" });
|
$(".pin#"+tabId).css({ "width": "0px", "height": "0px", "border": "none", "overflow": "hidden" });
|
||||||
chrome.tabs.update(tabId, {pinned: false});
|
chrome.tabs.update(tabId, {pinned: false});
|
||||||
if ($("#"+tabId)[0]) chrome.tabs.remove(tabId);
|
setTimeout(function() {
|
||||||
|
if ($("#"+tabId)[0]) {
|
||||||
|
chrome.tabs.remove(tabId);
|
||||||
|
}
|
||||||
|
}, 100);
|
||||||
|
}
|
||||||
|
if (event.button == 2) {
|
||||||
|
event.stopPropagation();
|
||||||
|
ShowTabMenu($(this).parent(), event);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
$(document).on("click", ".tab_header", function(event) { // SINGLE CLICK TO ACTIVATE TAB
|
||||||
|
if ($(".menu").is(":visible") || ($(this).parent().is(".c, .o") && $(event.target).is(".expand")) || $(event.target).is(".close, .close_img, .tab_mediaicon")) {
|
||||||
|
|
||||||
// SINGLE CLICK TO ACTIVATE TAB
|
|
||||||
$(document).on("click", ".tab_header", function(event) {
|
|
||||||
if ($(".menu").is(":visible")) {
|
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
event.stopPropagation();
|
event.stopPropagation();
|
||||||
if (event.button == 0 && !event.shiftKey && !event.ctrlKey && $(event.target).is(":not(.close, .close_img, .expand, .tab_mediaicon)")) {
|
if (event.button == 0 && !event.shiftKey && !event.ctrlKey) {
|
||||||
SetActiveTab($(this).parent()[0].id);
|
SetActiveTab($(this).parent()[0].id);
|
||||||
chrome.tabs.update(parseInt($(this).parent()[0].id), { active: true });
|
chrome.tabs.update(parseInt($(this).parent()[0].id), { active: true });
|
||||||
}
|
}
|
||||||
|
|||||||
@ -4,22 +4,6 @@
|
|||||||
|
|
||||||
// ********** TOOLBAR ***************
|
// ********** TOOLBAR ***************
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
function RestoreToolbarSearchFilterBAK() {
|
|
||||||
let filter_type = "url";
|
|
||||||
if (localStorage.getItem("filter_type") !== null) {
|
|
||||||
filter_type = localStorage["filter_type"];
|
|
||||||
}
|
|
||||||
if (filter_type == "url") {
|
|
||||||
$("#button_filter_type").addClass("url").removeClass("title");
|
|
||||||
} else {
|
|
||||||
$("#button_filter_type").addClass("title").removeClass("url");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
function RestoreToolbarSearchFilter() {
|
function RestoreToolbarSearchFilter() {
|
||||||
chrome.runtime.sendMessage({command: "get_search_filter", windowId: CurrentWindowId}, function(response) {
|
chrome.runtime.sendMessage({command: "get_search_filter", windowId: CurrentWindowId}, function(response) {
|
||||||
if (response == "url") {
|
if (response == "url") {
|
||||||
@ -30,10 +14,6 @@ function RestoreToolbarSearchFilter() {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
function RestoreToolbarShelf() {
|
function RestoreToolbarShelf() {
|
||||||
chrome.runtime.sendMessage({command: "get_active_shelf", windowId: CurrentWindowId}, function(response) {
|
chrome.runtime.sendMessage({command: "get_active_shelf", windowId: CurrentWindowId}, function(response) {
|
||||||
$("#filter_box").attr("placeholder", caption_searchbox);
|
$("#filter_box").attr("placeholder", caption_searchbox);
|
||||||
@ -92,9 +72,7 @@ function RestoreToolbarShelf() {
|
|||||||
function SetToolbarShelfToggle(click_type) {
|
function SetToolbarShelfToggle(click_type) {
|
||||||
// tools and search buttons toggle
|
// tools and search buttons toggle
|
||||||
$(document).on(click_type, "#button_tools, #button_search, #button_groups, #button_backup, #button_folders", function(event) {
|
$(document).on(click_type, "#button_tools, #button_search, #button_groups, #button_backup, #button_folders", function(event) {
|
||||||
if (event.button != 0) {
|
if (event.button == 0) {
|
||||||
return;
|
|
||||||
}
|
|
||||||
if ($(this).is(".on")) {
|
if ($(this).is(".on")) {
|
||||||
$(".on").removeClass("on");
|
$(".on").removeClass("on");
|
||||||
$(".toolbar_shelf").addClass("hidden");
|
$(".toolbar_shelf").addClass("hidden");
|
||||||
@ -125,6 +103,7 @@ function SetToolbarShelfToggle(click_type) {
|
|||||||
$(this).addClass("on");
|
$(this).addClass("on");
|
||||||
}
|
}
|
||||||
RefreshGUI();
|
RefreshGUI();
|
||||||
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -153,20 +132,20 @@ function SetToolbarEvents() {
|
|||||||
ScrollToTab($(".tab.filtered")[SearchIndex].id);
|
ScrollToTab($(".tab.filtered")[SearchIndex].id);
|
||||||
$($(".tab.filtered")[SearchIndex]).addClass("highlighted_search");
|
$($(".tab.filtered")[SearchIndex]).addClass("highlighted_search");
|
||||||
});
|
});
|
||||||
|
|
||||||
// new tab
|
// new tab
|
||||||
$(document).on("mousedown", "#button_new", function(event) {
|
$(document).on("mousedown", "#button_new", function(event) {
|
||||||
if (event.button == 1 && $(".active:visible")[0]) {
|
if (event.button == 1 && $(".active_tab:visible")[0]) {
|
||||||
chrome.tabs.duplicate(parseInt($(".active:visible")[0].id), function(tab) {
|
chrome.tabs.duplicate(parseInt($(".active_tab:visible")[0].id), function(tab) {
|
||||||
setTimeout(function() {
|
setTimeout(function() {
|
||||||
$("#"+tab.id).insertAfter($(".active:visible")[0]);
|
$("#"+tab.id).insertAfter($(".active_tab:visible")[0]);
|
||||||
RefreshExpandStates();
|
RefreshExpandStates();
|
||||||
schedule_update_data++;
|
schedule_update_data++;
|
||||||
|
RefreshCounters();
|
||||||
}, 100);
|
}, 100);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
if (event.button == 2 && $(".active:visible")[0]) {
|
if (event.button == 2 && $("#"+active_group+" .active_tab")[0]) {
|
||||||
ScrollToTab($(".active:visible")[0].id);
|
ScrollToTab($("#"+active_group+" .active_tab")[0].id);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
$(document).on("click", "#button_new", function(event) {
|
$(document).on("click", "#button_new", function(event) {
|
||||||
@ -176,18 +155,15 @@ function SetToolbarEvents() {
|
|||||||
});
|
});
|
||||||
// pin tab
|
// pin tab
|
||||||
$(document).on("mousedown", "#button_pin", function(event) {
|
$(document).on("mousedown", "#button_pin", function(event) {
|
||||||
if (event.button != 0) {
|
if (event.button == 0) {
|
||||||
return;
|
$(".active_tab:visible, .selected_tab:visible").each(function() {
|
||||||
}
|
|
||||||
$(".active:visible, .selected:visible").each(function() {
|
|
||||||
chrome.tabs.update(parseInt(this.id), { pinned: ($(this).is(".pin") ? false : true) });
|
chrome.tabs.update(parseInt(this.id), { pinned: ($(this).is(".pin") ? false : true) });
|
||||||
});
|
});
|
||||||
|
}
|
||||||
});
|
});
|
||||||
// undo close
|
// undo close
|
||||||
$(document).on("mousedown", "#button_undo", function(event) {
|
$(document).on("mousedown", "#button_undo", function(event) {
|
||||||
if (event.button != 0) {
|
if (event.button == 0) {
|
||||||
return;
|
|
||||||
}
|
|
||||||
chrome.sessions.getRecentlyClosed( null, function(sessions) {
|
chrome.sessions.getRecentlyClosed( null, function(sessions) {
|
||||||
if (sessions.length > 0) {
|
if (sessions.length > 0) {
|
||||||
chrome.sessions.restore(null, function(restored) {
|
chrome.sessions.restore(null, function(restored) {
|
||||||
@ -202,29 +178,27 @@ function SetToolbarEvents() {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
}
|
||||||
});
|
});
|
||||||
// move tab to new window (detach)
|
// move tab to new window (detach)
|
||||||
$(document).on("mousedown", "#button_move", function(event) {
|
$(document).on("mousedown", "#button_move", function(event) {
|
||||||
if (event.button != 0) {
|
if (event.button == 0) {
|
||||||
return;
|
if ($("#"+active_group+" .selected_tab")[0]){
|
||||||
|
let detach = GetSelectedTabs();
|
||||||
|
DetachTabs(detach.TabsIds, {});
|
||||||
|
} else {
|
||||||
|
if ($("#"+active_group+" .selected_folder")[0]){
|
||||||
|
let detach = GetSelectedFolders();
|
||||||
|
DetachTabs(detach.TabsIds, detach.Folders);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
var tabsArr = [];
|
|
||||||
$(".active:visible, .selected:visible").each(function() {
|
|
||||||
tabsArr.push(parseInt(this.id));
|
|
||||||
if ($("#ch"+this.id).children().length > 0) {
|
|
||||||
$($("#ch"+this.id).find(".tab")).each(function() {
|
|
||||||
tabsArr.push(parseInt(this.id));
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
});
|
|
||||||
DetachTabs(tabsArr);
|
|
||||||
});
|
});
|
||||||
// move tab to new window (detach)
|
// move tab to new window (detach)
|
||||||
$(document).on("mousedown", "#repeat_search", function(event) {
|
$(document).on("mousedown", "#repeat_search", function(event) {
|
||||||
if (event.button != 0) {
|
if (event.button == 0) {
|
||||||
return;
|
|
||||||
}
|
|
||||||
FindTab($("#filter_box")[0].value);
|
FindTab($("#filter_box")[0].value);
|
||||||
|
}
|
||||||
});
|
});
|
||||||
// filter on input
|
// filter on input
|
||||||
$("#filter_box").on("input", function() {
|
$("#filter_box").on("input", function() {
|
||||||
@ -232,101 +206,42 @@ function SetToolbarEvents() {
|
|||||||
});
|
});
|
||||||
// change filtering type
|
// change filtering type
|
||||||
$(document).on("mousedown", "#button_filter_type", function(event) {
|
$(document).on("mousedown", "#button_filter_type", function(event) {
|
||||||
if (event.button != 0) {
|
if (event.button == 0) {
|
||||||
return;
|
if ($("#button_filter_type").is(".url")) {
|
||||||
|
$("#button_filter_type").removeClass("url").addClass("title");
|
||||||
|
} else {
|
||||||
|
$("#button_filter_type").addClass("url").removeClass("title");
|
||||||
}
|
}
|
||||||
$("#button_filter_type").toggleClass("url").toggleClass("title");
|
|
||||||
FindTab($("#filter_box")[0].value);
|
FindTab($("#filter_box")[0].value);
|
||||||
|
|
||||||
|
|
||||||
chrome.runtime.sendMessage({command: "set_search_filter", search_filter: ($(this).is(".url") ? "url" : "title"), windowId: CurrentWindowId});
|
chrome.runtime.sendMessage({command: "set_search_filter", search_filter: ($(this).is(".url") ? "url" : "title"), windowId: CurrentWindowId});
|
||||||
|
}
|
||||||
// localStorage["filter_type"] = $(this).is(".url") ? "url" : "title";
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
});
|
});
|
||||||
// clear filter button
|
// clear filter button
|
||||||
$(document).on("mousedown", "#button_filter_clear", function(event) {
|
$(document).on("mousedown", "#button_filter_clear", function(event) {
|
||||||
if (event.button != 0) {
|
if (event.button == 0) {
|
||||||
return;
|
|
||||||
}
|
|
||||||
$("#button_filter_clear").css({"opacity": "0"}).attr("title", "");
|
$("#button_filter_clear").css({"opacity": "0"}).attr("title", "");
|
||||||
FindTab("");
|
FindTab("");
|
||||||
|
}
|
||||||
});
|
});
|
||||||
// sort tabs
|
// sort tabs
|
||||||
$(document).on("mousedown", "#button_sort", function(event) {
|
// $(document).on("mousedown", "#button_sort", function(event) {
|
||||||
if (event.button != 0) {
|
// if (event.button == 0) {
|
||||||
return;
|
// SortTabs();
|
||||||
}
|
// }
|
||||||
SortTabs();
|
// });
|
||||||
});
|
|
||||||
// bookmarks
|
|
||||||
$(document).on("mousedown", "#button_bookmarks", function(event) {
|
|
||||||
if (event.button != 0) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
chrome.tabs.create({url: "chrome://bookmarks/"});
|
|
||||||
});
|
|
||||||
// downloads
|
|
||||||
$(document).on("mousedown", "#button_downloads", function(event) {
|
|
||||||
if (event.button != 0) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
chrome.tabs.create({url: "chrome://downloads/"});
|
|
||||||
});
|
|
||||||
// history
|
|
||||||
$(document).on("mousedown", "#button_history", function(event) {
|
|
||||||
if (event.button != 0) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
chrome.tabs.create({url: "chrome://history/"});
|
|
||||||
});
|
|
||||||
// extensions
|
|
||||||
$(document).on("mousedown", "#button_extensions", function(event) {
|
|
||||||
if (event.button != 0) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
chrome.tabs.create({url: "chrome://extensions"});
|
|
||||||
});
|
|
||||||
// settings
|
|
||||||
$(document).on("mousedown", "#button_settings", function(event) {
|
|
||||||
if (event.button != 0) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
chrome.tabs.create({url: "chrome://settings/"});
|
|
||||||
});
|
|
||||||
// vertical tabs options
|
// vertical tabs options
|
||||||
$(document).on("mousedown", "#button_options", function(event) {
|
$(document).on("mousedown", "#button_options", function(event) {
|
||||||
if (event.button != 0) {
|
if (event.button == 0) {
|
||||||
return;
|
|
||||||
}
|
|
||||||
chrome.tabs.create({url: "options.html" });
|
chrome.tabs.create({url: "options.html" });
|
||||||
});
|
|
||||||
// discard tabs
|
|
||||||
$(document).on("mousedown", "#button_discard", function(event) {
|
|
||||||
if (event.button != 0) {
|
|
||||||
return;
|
|
||||||
}
|
}
|
||||||
chrome.tabs.query({windowId: CurrentWindowId, pinned: false}, function(tabs) {
|
|
||||||
var tabsIds = [];
|
|
||||||
tabs.forEach(function(Tab) {
|
|
||||||
tabsIds.push(Tab.id);
|
|
||||||
});
|
});
|
||||||
DiscardTabs(tabsIds);
|
// new group
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
// new group button
|
|
||||||
$(document).on("mousedown", "#button_new_group", function(event) {
|
$(document).on("mousedown", "#button_new_group", function(event) {
|
||||||
if (event.button == 0) {
|
if (event.button == 0) {
|
||||||
AddNewGroup({});
|
AddNewGroup({});
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
// remove group
|
||||||
// new group button
|
|
||||||
$(document).on("mousedown", "#button_remove_group", function(event) {
|
$(document).on("mousedown", "#button_remove_group", function(event) {
|
||||||
let close_tabs = event.shiftKey;
|
let close_tabs = event.shiftKey;
|
||||||
if (event.button == 0) {
|
if (event.button == 0) {
|
||||||
@ -335,62 +250,112 @@ function SetToolbarEvents() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
// edit group
|
||||||
// EDIT GROUP
|
|
||||||
$(document).on("mousedown", "#button_edit_group", function(event) {
|
$(document).on("mousedown", "#button_edit_group", function(event) {
|
||||||
if (active_group != "tab_list") {
|
if (event.button == 0 && active_group != "tab_list") {
|
||||||
ShowGroupEditWindow(active_group);
|
menuItemId = active_group;
|
||||||
|
ShowGroupEditWindow();
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
// import-export group
|
// import-export group
|
||||||
$(document).on("mousedown", "#button_export_group", function(event) {
|
$(document).on("mousedown", "#button_export_group", function(event) {
|
||||||
|
if (event.button == 0) {
|
||||||
ExportGroup(bggroups[active_group].name+".tt_group");
|
ExportGroup(bggroups[active_group].name+".tt_group");
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
$(document).on("mousedown", "#button_import_group", function(event) {
|
$(document).on("mousedown", "#button_import_group", function(event) {
|
||||||
|
if (event.button == 0) {
|
||||||
ShowOpenFileDialog("file_import_group", ".tt_group");
|
ShowOpenFileDialog("file_import_group", ".tt_group");
|
||||||
|
}
|
||||||
});
|
});
|
||||||
$(document).on("change", "#file_import_group", function(event) {
|
$(document).on("change", "#file_import_group", function(event) {
|
||||||
ImportGroup();
|
ImportGroup();
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
// new folder
|
||||||
|
$(document).on("mousedown", "#button_new_folder", function(event) {
|
||||||
|
if (event.button == 0) {
|
||||||
|
AddNewFolder({});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
// rename folder
|
||||||
|
$(document).on("mousedown", "#button_edit_folder", function(event) {
|
||||||
|
if (event.button == 0 && $(".selected_folder:visible")[0]) {
|
||||||
|
ShowRenameFolderDialog($(".selected_folder:visible")[0].id);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
// remove folder
|
||||||
|
$(document).on("mousedown", "#button_remove_folder", function(event) {
|
||||||
|
// let close_tabs = event.shiftKey;
|
||||||
|
if (event.button == 0 && $(".selected_folder:visible")[0]) {
|
||||||
|
$("#"+active_group+" .selected_folder").each(function() {
|
||||||
|
RemoveFolder(this.id);
|
||||||
|
});
|
||||||
|
// RemoveFolder($(".selected_folder:visible")[0].id);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
// discard tabs
|
||||||
|
$(document).on("mousedown", "#button_discard", function(event) {
|
||||||
|
if (event.button == 0) {
|
||||||
|
DiscardTabs($(".selected_tab")[0] ? ($(".selected_tab").map(function() { return parseInt(this.id); }).toArray()) : ($(".pin, .tab").map(function() { return parseInt(this.id); }).toArray()) );
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
if (browserId != "F") {
|
if (browserId != "F") {
|
||||||
|
// bookmarks
|
||||||
|
$(document).on("mousedown", "#button_bookmarks", function(event) {
|
||||||
|
if (event.button == 0) {
|
||||||
|
chrome.tabs.create({url: "chrome://bookmarks/"});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
// downloads
|
||||||
|
$(document).on("mousedown", "#button_downloads", function(event) {
|
||||||
|
if (event.button == 0) {
|
||||||
|
chrome.tabs.create({url: "chrome://downloads/"});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
// history
|
||||||
|
$(document).on("mousedown", "#button_history", function(event) {
|
||||||
|
if (event.button == 0) {
|
||||||
|
chrome.tabs.create({url: "chrome://history/"});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
// extensions
|
||||||
|
$(document).on("mousedown", "#button_extensions", function(event) {
|
||||||
|
if (event.button == 0) {
|
||||||
|
chrome.tabs.create({url: "chrome://extensions"});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
// settings
|
||||||
|
$(document).on("mousedown", "#button_settings", function(event) {
|
||||||
|
if (event.button == 0) {
|
||||||
|
chrome.tabs.create({url: "chrome://settings/"});
|
||||||
|
}
|
||||||
|
});
|
||||||
// load backups
|
// load backups
|
||||||
$(document).on("mousedown", "#button_load_bak1:not(.disabled), #button_load_bak2:not(.disabled), #button_load_bak3:not(.disabled)", function(event) {
|
$(document).on("mousedown", "#button_load_bak1:not(.disabled), #button_load_bak2:not(.disabled), #button_load_bak3:not(.disabled)", function(event) {
|
||||||
if (event.button != 0) {
|
if (event.button == 0) {
|
||||||
return;
|
let BakN = (this.id).substr(15);
|
||||||
|
chrome.storage.local.get(null, function(items) {
|
||||||
|
if (Object.keys(items["windows_BAK"+BakN]).length > 0) { chrome.storage.local.set({"windows": items["windows_BAK"+BakN]}); }
|
||||||
|
if (Object.keys(items["tabs_BAK"+BakN]).length > 0) { chrome.storage.local.set({"tabs": items["tabs_BAK"+BakN]}); alert("Loaded backup"); }
|
||||||
|
chrome.runtime.sendMessage({command: "reload"}); chrome.runtime.sendMessage({command: "reload_sidebar"}); location.reload();
|
||||||
|
});
|
||||||
}
|
}
|
||||||
let wins = LoadData("windows_BAK"+(this.id).substr(15), []);
|
|
||||||
let tabs = LoadData("tabs_BAK"+(this.id).substr(15), []);
|
|
||||||
|
|
||||||
if (wins.length) {
|
|
||||||
localStorage["windows"] = JSON.stringify(wins);
|
|
||||||
}
|
|
||||||
if (tabs.length) {
|
|
||||||
localStorage["tabs"] = JSON.stringify(tabs);
|
|
||||||
alert("Loaded backup");
|
|
||||||
}
|
|
||||||
|
|
||||||
chrome.runtime.sendMessage({command: "reload"});
|
|
||||||
chrome.runtime.sendMessage({command: "reload_sidebar"});
|
|
||||||
location.reload();
|
|
||||||
|
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// import-export backups
|
// import-export backups
|
||||||
$(document).on("mousedown", "#button_export_bak", function(event) {
|
$(document).on("mousedown", "#button_export_bak", function(event) {
|
||||||
ExportTabs("Session.tt_session");
|
ExportSession("Session.tt_session");
|
||||||
});
|
});
|
||||||
|
|
||||||
$(document).on("mousedown", "#button_import_bak", function(event) {
|
$(document).on("mousedown", "#button_import_bak", function(event) {
|
||||||
ShowOpenFileDialog("file_import_backup", ".tt_session");
|
ShowOpenFileDialog("file_import_backup", ".tt_session");
|
||||||
});
|
});
|
||||||
$(document).on("change", "#file_import_backup", function(event) {
|
$(document).on("change", "#file_import_backup", function(event) {
|
||||||
ImportTabs();
|
ImportSession();
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
114
scripts/utils.js
Normal file
114
scripts/utils.js
Normal file
@ -0,0 +1,114 @@
|
|||||||
|
// Copyright (c) 2017 kroppy. All rights reserved.
|
||||||
|
// Use of this source code is governed by a Attribution-NonCommercial-NoDerivatives 4.0 International (CC BY-NC-ND 4.0) license
|
||||||
|
// that can be found at https://creativecommons.org/licenses/by-nc-nd/4.0/
|
||||||
|
|
||||||
|
|
||||||
|
// sort tabs main function
|
||||||
|
function SortTabs(){
|
||||||
|
if ($(".tab").find(":visible:first")[0]){
|
||||||
|
chrome.tabs.query({windowId: vt.windowId}, function(tabs){
|
||||||
|
tabs.sort(function(tab_a, tab_b){
|
||||||
|
return SplitUrl(tab_a).localeCompare( SplitUrl(tab_b) );
|
||||||
|
});
|
||||||
|
var first_tabId;
|
||||||
|
if ($(".selected:visible")[0]){
|
||||||
|
first_tabId = parseInt($(".selected:visible")[0].id);
|
||||||
|
} else {
|
||||||
|
first_tabId = parseInt($(".tab").find(":visible:first")[0].parentNode.id);
|
||||||
|
}
|
||||||
|
chrome.tabs.get(first_tabId, function(tab){
|
||||||
|
var new_index = tab.index;
|
||||||
|
tabs.forEach(function(Tab){
|
||||||
|
// sort selected when more than 1 tab is selected
|
||||||
|
if (($(".selected:visible").length > 1 && $("#"+Tab.id).is(":visible") && !Tab.pinned && $("#"+Tab.id).is(".selected")) || ($(".selected:visible").length < 2 && $("#"+Tab.id).is(":visible") && !Tab.pinned)){
|
||||||
|
chrome.tabs.move(Tab.id, {"index": new_index});
|
||||||
|
new_index++;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
if (bg.opt.scroll_to_active){
|
||||||
|
setTimeout(function(){
|
||||||
|
ScrollTabList($(".active:visible")[0].id);
|
||||||
|
},1000);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// sort tabs sub function
|
||||||
|
function SplitUrl(tab){
|
||||||
|
var tmp_url = new URL(tab.url);
|
||||||
|
if (tmp_url.protocol != "http:"){
|
||||||
|
tmp_url.protocol == "http:";
|
||||||
|
}
|
||||||
|
var url_parts = [];
|
||||||
|
if (tab.pinned){
|
||||||
|
url_parts.push("#"+tab.index);
|
||||||
|
} else {
|
||||||
|
url_parts.push("~");
|
||||||
|
}
|
||||||
|
var parts = tmp_url.host.split(".");
|
||||||
|
parts.reverse();
|
||||||
|
if (parts.length > 1){
|
||||||
|
parts = parts.slice(1);
|
||||||
|
}
|
||||||
|
parts.join(".");
|
||||||
|
url_parts.push(parts);
|
||||||
|
url_parts.push(tab.title.toLowerCase());
|
||||||
|
return url_parts.join(" ! ");
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// bookmark main function
|
||||||
|
function BookmarkTabs(tabs_array, FolderName){
|
||||||
|
var rootId;
|
||||||
|
var vertical_tabs_folderId;
|
||||||
|
chrome.bookmarks.getRootByName("bookmarks_bar", function(tree){
|
||||||
|
rootId = tree.id;
|
||||||
|
chrome.bookmarks.search("VerticalTabs", function(list){
|
||||||
|
for (var elem in list) {
|
||||||
|
if (list[elem].parentId == rootId){
|
||||||
|
vertical_tabs_folderId = list[elem].id;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (vertical_tabs_folderId == undefined){
|
||||||
|
chrome.bookmarks.create({parentId: rootId, title: "VerticalTabs"}, function(vertical_tabs_new){
|
||||||
|
vertical_tabs_folderId = vertical_tabs_new.id;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
chrome.bookmarks.search(FolderName, function(list){
|
||||||
|
for (var elem in list) {
|
||||||
|
if (list[elem].parentId == vertical_tabs_folderId){
|
||||||
|
SlowlyBookmarkTabs(tabs_array, list[elem].id);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
chrome.bookmarks.create({parentId: vertical_tabs_folderId, title: FolderName}, function(active_group_folderId_new){
|
||||||
|
SlowlyBookmarkTabs(tabs_array, active_group_folderId_new.id);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// bookmark sub function
|
||||||
|
function SlowlyBookmarkTabs(tabs_array, group_folderId){
|
||||||
|
if (tabs_array.length > 0){
|
||||||
|
chrome.tabs.get(tabs_array[0], function(tab){
|
||||||
|
chrome.bookmarks.search({url: tab.url}, function(list){
|
||||||
|
tabs_array.splice(0, 1);
|
||||||
|
setTimeout(function(){
|
||||||
|
SlowlyBookmarkTabs(tabs_array, group_folderId);
|
||||||
|
},10);
|
||||||
|
for (var elem in list){
|
||||||
|
if (list[elem].parentId == group_folderId){
|
||||||
|
bookmarkId = list[elem].id;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
chrome.bookmarks.create({parentId: group_folderId, title: tab.title, url: tab.url});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
93
sidebar.html
93
sidebar.html
@ -49,30 +49,38 @@
|
|||||||
|
|
||||||
<div id="groups">
|
<div id="groups">
|
||||||
<div class="group" id="tab_list">
|
<div class="group" id="tab_list">
|
||||||
|
<div class="children_folders" id="cftab_list"></div>
|
||||||
|
<div class="children_tabs" id="chtab_list"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<input type="color" id="color_picker" style="position:absolute; left:-1000px; top:-1000px; width:1px; height:1px; overflow:hidden;">
|
<input type="color" id="color_picker" style="position:absolute; left:-1000px; top:-1000px; width:1px; height:1px; overflow:hidden;">
|
||||||
|
|
||||||
<ul class="group_edit" id="group_edit">
|
<ul class="edit_dialog" id="group_edit">
|
||||||
<input id="group_edit_name" type="text"></input>
|
<input class="edit_dialog_edit_name" id="group_edit_name" type="text"></input>
|
||||||
<div class="group_edit_color" id="group_edit_font"></div>
|
<div class="group_edit_color" id="group_edit_font"></div>
|
||||||
<br>
|
<br>
|
||||||
<div id="group_edit_discard"><span class="group_edit_button" id="group_edit_button_cancel"></span></div>
|
<div class="edit_dialog_discard" id="group_edit_discard"><span class="edit_dialog_button" id="group_edit_button_cancel"></span></div>
|
||||||
<div id="group_edit_confirm"><span class="group_edit_button" id="group_edit_button_confirm"></span></div>
|
<div class="edit_dialog_confirm" id="group_edit_confirm"><span class="edit_dialog_button" id="group_edit_button_confirm"></span></div>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<ul class="menu" id="tabs_menu">
|
<ul class="edit_dialog" id="folder_edit">
|
||||||
<li data-action="tab_new" class="menu_item" id="tabs_menu_new"></li>
|
<input class="edit_dialog_edit_name" id="folder_edit_name" type="text"></input>
|
||||||
|
<br>
|
||||||
|
<div class="edit_dialog_discard" id="folder_edit_discard"><span class="edit_dialog_button" id="folder_edit_button_cancel"></span></div>
|
||||||
|
<div class="edit_dialog_confirm" id="folder_edit_confirm"><span class="edit_dialog_button" id="folder_edit_button_confirm"></span></div>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<ul class="menu" id="pins_menu">
|
||||||
|
<li data-action="tab_pin" class="menu_item" id="tabs_menu_unpin"></li>
|
||||||
|
<div class="separator"></div>
|
||||||
<li data-action="tab_clone" class="menu_item" id="tabs_menu_clone"></li>
|
<li data-action="tab_clone" class="menu_item" id="tabs_menu_clone"></li>
|
||||||
|
<div class="separator"></div>
|
||||||
<li data-action="tab_move" class="menu_item" id="tabs_menu_move"></li>
|
<li data-action="tab_move" class="menu_item" id="tabs_menu_move"></li>
|
||||||
<li data-action="tab_reload" class="menu_item" id="tabs_menu_reload"></li>
|
<li data-action="tab_reload" class="menu_item" id="tabs_menu_reload"></li>
|
||||||
<li data-action="tab_discard" class="menu_item" id="tabs_menu_discard"></li>
|
<li data-action="tab_discard" class="menu_item" id="tabs_menu_discard"></li>
|
||||||
<div class="separator"></div>
|
<div class="separator"></div>
|
||||||
<li data-action="tab_expand_all" class="menu_item" id="tabs_menu_expand_all"></li>
|
<li data-action="tab_close" class="menu_item" id="tabs_menu_close"></li>
|
||||||
<li data-action="tab_collapse_all" class="menu_item" id="tabs_menu_collapse_all"></li>
|
|
||||||
<div class="separator"></div>
|
|
||||||
<li data-action="tab_pin" class="menu_item" id="tabs_menu_pin"></li>
|
|
||||||
<div class="separator"></div>
|
<div class="separator"></div>
|
||||||
<li data-action="tab_mute" class="menu_item" id="tabs_menu_mute"></li>
|
<li data-action="tab_mute" class="menu_item" id="tabs_menu_mute"></li>
|
||||||
<li data-action="tab_unmute" class="menu_item" id="tabs_menu_unmute"></li>
|
<li data-action="tab_unmute" class="menu_item" id="tabs_menu_unmute"></li>
|
||||||
@ -80,23 +88,82 @@
|
|||||||
<li data-action="tab_mute_other" class="menu_item" id="tabs_menu_mute_other"></li>
|
<li data-action="tab_mute_other" class="menu_item" id="tabs_menu_mute_other"></li>
|
||||||
<li data-action="tab_unmute_other" class="menu_item" id="tabs_menu_unmute_other"></li>
|
<li data-action="tab_unmute_other" class="menu_item" id="tabs_menu_unmute_other"></li>
|
||||||
<div class="separator"></div>
|
<div class="separator"></div>
|
||||||
|
<li data-action="tab_undo_close" class="menu_item" id="tabs_menu_undo"></li>
|
||||||
|
<div class="separator"></div>
|
||||||
|
<li data-action="tab_settings" class="menu_item" id="tabs_menu_settings"></li>
|
||||||
|
</ul>
|
||||||
|
<ul class="menu" id="tabs_menu">
|
||||||
|
<li data-action="tab_new" class="menu_item" id="tabs_menu_new"></li>
|
||||||
|
<div class="separator"></div>
|
||||||
|
<li data-action="tab_pin" class="menu_item" id="tabs_menu_pin"></li>
|
||||||
|
<div class="separator"></div>
|
||||||
|
<li data-action="folder_new" class="menu_item" id="folders_menu_new_folder"></li>
|
||||||
|
<li data-action="group_new" class="menu_item" id="groups_menu_new_group"></li>
|
||||||
|
<div class="separator"></div>
|
||||||
|
<li data-action="tab_clone" class="menu_item" id="tabs_menu_clone"></li>
|
||||||
|
<div class="separator"></div>
|
||||||
|
<li data-action="tab_expand_all" class="menu_item" id="tabs_menu_expand_all"></li>
|
||||||
|
<li data-action="tab_collapse_all" class="menu_item" id="tabs_menu_collapse_all"></li>
|
||||||
|
<div class="separator"></div>
|
||||||
|
<li data-action="tab_move" class="menu_item" id="tabs_menu_move"></li>
|
||||||
|
<li data-action="tab_reload" class="menu_item" id="tabs_menu_reload"></li>
|
||||||
|
<li data-action="tab_discard" class="menu_item" id="tabs_menu_discard"></li>
|
||||||
|
<div class="separator"></div>
|
||||||
<li data-action="tab_close" class="menu_item" id="tabs_menu_close"></li>
|
<li data-action="tab_close" class="menu_item" id="tabs_menu_close"></li>
|
||||||
<li data-action="tab_close_tree" class="menu_item" id="tabs_menu_close_tree"></li>
|
<li data-action="tab_close_tree" class="menu_item" id="tabs_menu_close_tree"></li>
|
||||||
<li data-action="tab_close_other" class="menu_item" id="tabs_menu_close_other"></li>
|
<li data-action="tab_close_other" class="menu_item" id="tabs_menu_close_other"></li>
|
||||||
<div class="separator"></div>
|
<div class="separator"></div>
|
||||||
|
<li data-action="tab_mute" class="menu_item" id="tabs_menu_mute"></li>
|
||||||
|
<li data-action="tab_unmute" class="menu_item" id="tabs_menu_unmute"></li>
|
||||||
|
<div class="separator"></div>
|
||||||
|
<li data-action="tab_mute_other" class="menu_item" id="tabs_menu_mute_other"></li>
|
||||||
|
<li data-action="tab_unmute_other" class="menu_item" id="tabs_menu_unmute_other"></li>
|
||||||
|
<div class="separator"></div>
|
||||||
<li data-action="tab_undo_close" class="menu_item" id="tabs_menu_undo"></li>
|
<li data-action="tab_undo_close" class="menu_item" id="tabs_menu_undo"></li>
|
||||||
<div class="separator"></div>
|
<div class="separator"></div>
|
||||||
<li data-action="tab_settings" class="menu_item" id="tabs_menu_settings"></li>
|
<li data-action="tab_settings" class="menu_item" id="tabs_menu_settings"></li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
|
<ul class="menu" id="folders_menu">
|
||||||
|
<li data-action="tab_new" class="menu_item" id="tabs_menu_new"></li>
|
||||||
|
<li data-action="folder_new" class="menu_item" id="folders_menu_new_folder"></li>
|
||||||
|
<li data-action="group_new" class="menu_item" id="groups_menu_new_group"></li>
|
||||||
|
<div class="separator"></div>
|
||||||
|
<li data-action="folder_rename" class="menu_item" id="folders_menu_rename_folder"></li>
|
||||||
|
<div class="separator"></div>
|
||||||
|
<li data-action="folder_delete" class="menu_item" id="folders_menu_delete"></li>
|
||||||
|
<div class="separator"></div>
|
||||||
|
<li data-action="tab_settings" class="menu_item" id="tabs_menu_settings"></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<ul class="menu" id="global_menu">
|
||||||
|
<li data-action="tab_new" class="menu_item" id="tabs_menu_new"></li>
|
||||||
|
<li data-action="folder_new" class="menu_item" id="folders_menu_new_folder"></li>
|
||||||
|
<li data-action="group_new" class="menu_item" id="groups_menu_new_group"></li>
|
||||||
|
<div class="separator"></div>
|
||||||
|
<li data-action="tab_expand_all" class="menu_item" id="tabs_menu_expand_all"></li>
|
||||||
|
<li data-action="tab_collapse_all" class="menu_item" id="tabs_menu_collapse_all"></li>
|
||||||
|
<div class="separator"></div>
|
||||||
|
<li data-action="tab_undo_close" class="menu_item" id="tabs_menu_undo"></li>
|
||||||
|
<div class="separator"></div>
|
||||||
|
<li data-action="tab_settings" class="menu_item" id="tabs_menu_settings"></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<ul class="menu" id="groups_menu">
|
||||||
|
<li data-action="group_new" class="menu_item" id="groups_menu_new_group"></li>
|
||||||
|
<li data-action="group_rename" class="menu_item" id="groups_menu_rename"></li>
|
||||||
|
<li data-action="group_delete" class="menu_item" id="groups_menu_delete"></li>
|
||||||
|
<li data-action="group_delete_tabs_close" class="menu_item" id="groups_menu_delete_tabs_close"></li>
|
||||||
|
<div class="separator"></div>
|
||||||
|
<li data-action="group_unload" class="menu_item" id="groups_menu_unload"></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
<ul class="menu" id="move_to_group_menu">
|
<ul class="menu" id="move_to_group_menu">
|
||||||
<li data-action="move_to_new_group" class="menu_item" id="tabs_menu_move_to_new_group"></li>
|
<li data-action="move_to_new_group" class="menu_item" id="tabs_menu_move_to_new_group"></li>
|
||||||
<div class="separator"></div>
|
<div class="separator"></div>
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="menu" id="groups_menu">
|
<ul class="menu" id="groups_menu">
|
||||||
<li data-action="group_new" class="groups_menu_item" id="groups_menu_new"></li>
|
|
||||||
<li data-action="group_edit" class="groups_menu_item" id="groups_menu_edit"></li>
|
|
||||||
<li data-action="group_bookmark" class="groups_menu_item" id="groups_menu_bookmark"></li>
|
<li data-action="group_bookmark" class="groups_menu_item" id="groups_menu_bookmark"></li>
|
||||||
<div class="separator"></div>
|
<div class="separator"></div>
|
||||||
<li data-action="group_mute" class="groups_menu_item" id="groups_menu_mute"></li>
|
<li data-action="group_mute" class="groups_menu_item" id="groups_menu_mute"></li>
|
||||||
@ -106,7 +173,6 @@
|
|||||||
<div class="separator"></div>
|
<div class="separator"></div>
|
||||||
<li data-action="group_close" class="groups_menu_item" id="groups_menu_close"></li>
|
<li data-action="group_close" class="groups_menu_item" id="groups_menu_close"></li>
|
||||||
<li data-action="group_close_with_tabs" class="groups_menu_item" id="groups_menu_close_with_tabs"></li>
|
<li data-action="group_close_with_tabs" class="groups_menu_item" id="groups_menu_close_with_tabs"></li>
|
||||||
<li data-action="group_discard" class="groups_menu_item" id="groups_menu_discard"></li>
|
|
||||||
<li data-action="group_suspend" class="groups_menu_item" id="groups_menu_suspend"></li>
|
<li data-action="group_suspend" class="groups_menu_item" id="groups_menu_suspend"></li>
|
||||||
<div class="separator"></div>
|
<div class="separator"></div>
|
||||||
</ul>
|
</ul>
|
||||||
@ -118,6 +184,7 @@
|
|||||||
<script type="text/javascript" src="../scripts/toolbar.js"></script>
|
<script type="text/javascript" src="../scripts/toolbar.js"></script>
|
||||||
<script type="text/javascript" src="../scripts/chrome.js"></script>
|
<script type="text/javascript" src="../scripts/chrome.js"></script>
|
||||||
<script type="text/javascript" src="../scripts/refresh.js"></script>
|
<script type="text/javascript" src="../scripts/refresh.js"></script>
|
||||||
|
<script type="text/javascript" src="../scripts/utils.js"></script>
|
||||||
|
|
||||||
<script type="text/javascript" src="../scripts/drag_and_drop.js"></script>
|
<script type="text/javascript" src="../scripts/drag_and_drop.js"></script>
|
||||||
<script type="text/javascript" src="../scripts/backup.js"></script>
|
<script type="text/javascript" src="../scripts/backup.js"></script>
|
||||||
|
|||||||
120
sidebar.js
120
sidebar.js
@ -13,7 +13,7 @@ function Loadi18n() {
|
|||||||
$(this).text(chrome.i18n.getMessage(this.id));
|
$(this).text(chrome.i18n.getMessage(this.id));
|
||||||
});
|
});
|
||||||
// edit group dialog labels
|
// edit group dialog labels
|
||||||
$(".group_edit_button").each(function() {
|
$(".edit_dialog_button").each(function() {
|
||||||
$(this)[0].textContent = chrome.i18n.getMessage(this.id);
|
$(this)[0].textContent = chrome.i18n.getMessage(this.id);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@ -26,71 +26,51 @@ function RestorePinListRowSettings() {
|
|||||||
RefreshGUI();
|
RefreshGUI();
|
||||||
}
|
}
|
||||||
function Run() {
|
function Run() {
|
||||||
LoadPreferences();
|
chrome.runtime.sendMessage({command: "is_bg_ready"}, function(response) {
|
||||||
chrome.windows.getCurrent({populate: false}, function(window) {
|
|
||||||
CurrentWindowId = window.id;
|
|
||||||
chrome.runtime.sendMessage({command: "is_bg_running"}, function(response) {
|
|
||||||
running = response;
|
|
||||||
chrome.runtime.sendMessage({command: "get_browser_tabs"}, function(response) {
|
|
||||||
bgtabs = Object.assign({}, response);
|
|
||||||
chrome.runtime.sendMessage({command: "get_groups", windowId: CurrentWindowId}, function(response) {
|
|
||||||
bggroups = Object.assign({}, response);
|
|
||||||
chrome.runtime.sendMessage({command: "get_theme", windowId: CurrentWindowId}, function(response) {
|
|
||||||
theme = response;
|
|
||||||
setTimeout(function() {
|
setTimeout(function() {
|
||||||
if (opt != undefined && browserId != undefined && bgtabs != undefined && bggroups != undefined && running == true) {
|
if (response == true) {
|
||||||
Initialize();
|
Load();
|
||||||
} else {
|
} else {
|
||||||
Run();
|
Run();
|
||||||
}
|
}
|
||||||
},200);
|
},200);
|
||||||
});
|
});
|
||||||
|
}
|
||||||
|
function Load() {
|
||||||
|
chrome.windows.getCurrent({populate: false}, function(window) {
|
||||||
|
CurrentWindowId = window.id;
|
||||||
|
chrome.runtime.sendMessage({command: "get_preferences"}, function(response) {
|
||||||
|
opt = Object.assign({}, response);
|
||||||
|
chrome.runtime.sendMessage({command: "get_browser_tabs"}, function(response) {
|
||||||
|
bgtabs = Object.assign({}, response);
|
||||||
|
chrome.runtime.sendMessage({command: "get_folders", windowId: CurrentWindowId}, function(response) {
|
||||||
|
bgfolders = Object.assign({}, response);
|
||||||
|
chrome.runtime.sendMessage({command: "get_groups", windowId: CurrentWindowId}, function(response) {
|
||||||
|
bggroups = Object.assign({}, response);
|
||||||
|
chrome.runtime.sendMessage({command: "get_theme", windowId: CurrentWindowId}, function(response) {
|
||||||
|
ApplyTheme(response);
|
||||||
|
Initialize();
|
||||||
|
});
|
||||||
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
function Initialize() {
|
function Initialize() {
|
||||||
// THEME
|
|
||||||
RestoreStateOfGroupsToolbar();
|
|
||||||
// var theme = LoadData(("theme"+localStorage["current_theme"]), {"TabsSizeSetNumber": 2, "ToolbarShow": true, "toolbar": DefaultToolbar});
|
|
||||||
// I have no idea what is going on in latest build, but why top position for various things is different in firefox?????
|
|
||||||
if (browserId == "F") {
|
|
||||||
if (theme.TabsSizeSetNumber > 1) {
|
|
||||||
document.styleSheets[document.styleSheets.length-1].insertRule(".tab_header>.tab_title { margin-top: -1px; }", document.styleSheets[document.styleSheets.length-1].cssRules.length);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
ApplySizeSet(theme["TabsSizeSetNumber"]);
|
|
||||||
ApplyColorsSet(theme["ColorsSet"]);
|
|
||||||
if (theme.ToolbarShow) {
|
|
||||||
if (theme.theme_version == DefaultTheme.theme_version) {
|
|
||||||
$("#toolbar").html(theme.toolbar);
|
|
||||||
|
|
||||||
if (browserId == "F") {
|
|
||||||
$(".button#button_load_bak1, .button#button_load_bak2, .button#button_load_bak3").remove();
|
|
||||||
}
|
|
||||||
|
|
||||||
} else {
|
|
||||||
$("#toolbar").html(DefaultToolbar);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// APPEND GROUPS
|
// APPEND GROUPS
|
||||||
AppendAllGroups();
|
AppendGroups(bggroups);
|
||||||
chrome.tabs.query({currentWindow: true}, function(tabs) {
|
chrome.tabs.query({currentWindow: true}, function(tabs) {
|
||||||
// AddNewFolder();AddNewFolder();AddNewFolder();AddNewFolder();AddNewFolder();
|
// APPEND FOLDERS
|
||||||
|
AppendFolders(bgfolders);
|
||||||
// APPEND TABS
|
// APPEND TABS
|
||||||
let tc = tabs.length;
|
let tc = tabs.length;
|
||||||
for (var ti = 0; ti < tc; ti++) {
|
for (var ti = 0; ti < tc; ti++) {
|
||||||
AppendTab({tab: tabs[ti], Append: true, SkipSetActive: true});
|
AppendTab({tab: tabs[ti], Append: true, SkipSetActive: true});
|
||||||
}
|
}
|
||||||
for (var ti = 0; ti < tc; ti++) {
|
|
||||||
if (bgtabs[tabs[ti].id] && !tabs[ti].pinned && $("#"+bgtabs[tabs[ti].id].parent)[0] && $("#"+bgtabs[tabs[ti].id].parent).is(".group")) {
|
|
||||||
$("#"+bgtabs[tabs[ti].id].parent).append($("#"+tabs[ti].id));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
for (var ti = 0; ti < tc; ti++) {
|
for (var ti = 0; ti < tc; ti++) {
|
||||||
if (bgtabs[tabs[ti].id] && !tabs[ti].pinned) {
|
if (bgtabs[tabs[ti].id] && !tabs[ti].pinned) {
|
||||||
if ($("#"+bgtabs[tabs[ti].id].parent).length > 0 && $("#"+bgtabs[tabs[ti].id].parent).is(".tab") && $("#"+tabs[ti].id).find($("#ch"+bgtabs[tabs[ti].id].parent)).length == 0) {
|
if ($("#"+bgtabs[tabs[ti].id].parent).length > 0 && $("#"+tabs[ti].id).find($("#ch"+bgtabs[tabs[ti].id].parent)).length == 0) {
|
||||||
$("#ch"+bgtabs[tabs[ti].id].parent).append($("#"+tabs[ti].id));
|
$("#ch"+bgtabs[tabs[ti].id].parent).append($("#"+tabs[ti].id));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -100,18 +80,17 @@ function Initialize() {
|
|||||||
$("#"+tabs[ti].id).addClass(bgtabs[tabs[ti].id].expand);
|
$("#"+tabs[ti].id).addClass(bgtabs[tabs[ti].id].expand);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// SET ACTIVE IN EACH GROUP
|
// SET ACTIVE TAB FOR EACH GROUP
|
||||||
for (var group in bggroups) {
|
for (var group in bggroups) {
|
||||||
if ($("#"+group+" #"+bggroups[group].activetab)[0]) {
|
if ($("#"+group+" #"+bggroups[group].active_tab)[0]) {
|
||||||
$("#"+bggroups[group].activetab).addClass("active");
|
$("#"+bggroups[group].active_tab).addClass("active_tab");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
chrome.runtime.sendMessage({command: "get_active_group", windowId: CurrentWindowId}, function(response) {
|
chrome.runtime.sendMessage({command: "get_active_group", windowId: CurrentWindowId}, function(response) {
|
||||||
SetActiveGroup(response, true, true);
|
SetActiveGroup(response, false, true);
|
||||||
});
|
});
|
||||||
RearrangeTreeTabs(tabs, bgtabs, true);
|
RearrangeTreeTabs(tabs, bgtabs, true);
|
||||||
RestoreToolbarShelf();
|
RearrangeFolders(true);
|
||||||
RestoreToolbarSearchFilter();
|
|
||||||
SetToolbarShelfToggle("mousedown");
|
SetToolbarShelfToggle("mousedown");
|
||||||
StartChromeListeners();
|
StartChromeListeners();
|
||||||
SetIOEvents();
|
SetIOEvents();
|
||||||
@ -122,29 +101,40 @@ function Initialize() {
|
|||||||
SetFolderEvents();
|
SetFolderEvents();
|
||||||
SetMenu();
|
SetMenu();
|
||||||
SetDragAndDropEvents();
|
SetDragAndDropEvents();
|
||||||
RearrangeBrowserTabsCheck();
|
if (opt.syncro_tabbar_tabs_order || opt.syncro_tabbar_groups_tabs_order) {
|
||||||
Loadi18n();
|
RearrangeBrowserTabs();
|
||||||
|
}
|
||||||
RestorePinListRowSettings();
|
RestorePinListRowSettings();
|
||||||
|
if (browserId == "V") {
|
||||||
|
VivaldiRefreshMediaIcons();
|
||||||
|
}
|
||||||
|
|
||||||
|
var SetActiveLoop = setInterval(function() {
|
||||||
|
log("SetActiveTab");
|
||||||
|
chrome.tabs.query({currentWindow: true, active: true}, function(tabs) {
|
||||||
|
if (tabs[0].pinned && $("#"+active_group+" .active_tab")[0]) {
|
||||||
|
SetActiveTab(tabs[0].id);
|
||||||
|
} else {
|
||||||
|
clearInterval(SetActiveLoop);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}, 1000);
|
||||||
|
|
||||||
setTimeout(function() {
|
setTimeout(function() {
|
||||||
RefreshExpandStates();
|
RefreshExpandStates();
|
||||||
|
RefreshCounters();
|
||||||
}, 1000);
|
}, 1000);
|
||||||
setTimeout(function() {
|
setTimeout(function() {
|
||||||
UpdateData();
|
UpdateData();
|
||||||
delete bgtabs;
|
delete bgtabs;
|
||||||
delete theme;
|
delete theme;
|
||||||
}, 5000);
|
}, 5000);
|
||||||
if ($(".active:visible").length == 0) {
|
if (browserId != "F") {
|
||||||
chrome.tabs.query({currentWindow: true, active: true}, function(tabs) {
|
chrome.storage.local.get(null, function(items) {
|
||||||
if (tabs[0]) {
|
if (Object.keys(items["windows_BAK1"]).length > 0) { $("#button_load_bak1").removeClass("disabled"); }
|
||||||
SetActiveTab(tabs[0].id);
|
if (Object.keys(items["windows_BAK2"]).length > 0) { $("#button_load_bak2").removeClass("disabled"); }
|
||||||
|
if (Object.keys(items["windows_BAK3"]).length > 0) { $("#button_load_bak3").removeClass("disabled"); }
|
||||||
|
});
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
if (browserId == "V") {
|
|
||||||
VivaldiRefreshMediaIcons();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
function log(m) {
|
|
||||||
chrome.runtime.sendMessage({command: "console_log", m: m});
|
|
||||||
}
|
|
||||||
BIN
theme/empty.png
BIN
theme/empty.png
Binary file not shown.
|
Before Width: | Height: | Size: 161 B |
75
theme/expand_c.svg
Normal file
75
theme/expand_c.svg
Normal file
@ -0,0 +1,75 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||||
|
xmlns:cc="http://creativecommons.org/ns#"
|
||||||
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||||
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||||
|
width="20"
|
||||||
|
height="20"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
id="svg4216"
|
||||||
|
version="1.1"
|
||||||
|
inkscape:version="0.91 r13725"
|
||||||
|
sodipodi:docname="expand_closed.svg">
|
||||||
|
<defs
|
||||||
|
id="defs4218">
|
||||||
|
<pattern
|
||||||
|
y="0"
|
||||||
|
x="0"
|
||||||
|
height="6"
|
||||||
|
width="6"
|
||||||
|
patternUnits="userSpaceOnUse"
|
||||||
|
id="EMFhbasepattern" />
|
||||||
|
</defs>
|
||||||
|
<sodipodi:namedview
|
||||||
|
id="base"
|
||||||
|
pagecolor="#ffffff"
|
||||||
|
bordercolor="#666666"
|
||||||
|
borderopacity="1.0"
|
||||||
|
inkscape:pageopacity="0.0"
|
||||||
|
inkscape:pageshadow="2"
|
||||||
|
inkscape:zoom="16"
|
||||||
|
inkscape:cx="-7.637165"
|
||||||
|
inkscape:cy="10.163524"
|
||||||
|
inkscape:document-units="px"
|
||||||
|
inkscape:current-layer="layer1"
|
||||||
|
showgrid="false"
|
||||||
|
units="px"
|
||||||
|
inkscape:window-width="1920"
|
||||||
|
inkscape:window-height="1028"
|
||||||
|
inkscape:window-x="-8"
|
||||||
|
inkscape:window-y="-8"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
inkscape:object-paths="true"
|
||||||
|
inkscape:snap-intersection-paths="true"
|
||||||
|
inkscape:object-nodes="true"
|
||||||
|
inkscape:snap-smooth-nodes="true" />
|
||||||
|
<metadata
|
||||||
|
id="metadata4221">
|
||||||
|
<rdf:RDF>
|
||||||
|
<cc:Work
|
||||||
|
rdf:about="">
|
||||||
|
<dc:format>image/svg+xml</dc:format>
|
||||||
|
<dc:type
|
||||||
|
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||||
|
<dc:title />
|
||||||
|
</cc:Work>
|
||||||
|
</rdf:RDF>
|
||||||
|
</metadata>
|
||||||
|
<g
|
||||||
|
inkscape:label="Layer 1"
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer1"
|
||||||
|
transform="translate(0,-1032.3622)">
|
||||||
|
<path
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
id="path4159"
|
||||||
|
d="m 2,1051.3622 0,-18 18,9 z"
|
||||||
|
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.1 KiB |
75
theme/expand_o.svg
Normal file
75
theme/expand_o.svg
Normal file
@ -0,0 +1,75 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||||
|
xmlns:cc="http://creativecommons.org/ns#"
|
||||||
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||||
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||||
|
width="20"
|
||||||
|
height="20"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
id="svg4216"
|
||||||
|
version="1.1"
|
||||||
|
inkscape:version="0.91 r13725"
|
||||||
|
sodipodi:docname="expand_open.svg">
|
||||||
|
<defs
|
||||||
|
id="defs4218">
|
||||||
|
<pattern
|
||||||
|
y="0"
|
||||||
|
x="0"
|
||||||
|
height="6"
|
||||||
|
width="6"
|
||||||
|
patternUnits="userSpaceOnUse"
|
||||||
|
id="EMFhbasepattern" />
|
||||||
|
</defs>
|
||||||
|
<sodipodi:namedview
|
||||||
|
id="base"
|
||||||
|
pagecolor="#ffffff"
|
||||||
|
bordercolor="#666666"
|
||||||
|
borderopacity="1.0"
|
||||||
|
inkscape:pageopacity="0.0"
|
||||||
|
inkscape:pageshadow="2"
|
||||||
|
inkscape:zoom="16"
|
||||||
|
inkscape:cx="-7.480915"
|
||||||
|
inkscape:cy="12.038524"
|
||||||
|
inkscape:document-units="px"
|
||||||
|
inkscape:current-layer="layer1"
|
||||||
|
showgrid="false"
|
||||||
|
units="px"
|
||||||
|
inkscape:window-width="1920"
|
||||||
|
inkscape:window-height="1028"
|
||||||
|
inkscape:window-x="-8"
|
||||||
|
inkscape:window-y="-8"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
inkscape:object-paths="true"
|
||||||
|
inkscape:snap-intersection-paths="true"
|
||||||
|
inkscape:object-nodes="true"
|
||||||
|
inkscape:snap-smooth-nodes="true" />
|
||||||
|
<metadata
|
||||||
|
id="metadata4221">
|
||||||
|
<rdf:RDF>
|
||||||
|
<cc:Work
|
||||||
|
rdf:about="">
|
||||||
|
<dc:format>image/svg+xml</dc:format>
|
||||||
|
<dc:type
|
||||||
|
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||||
|
<dc:title />
|
||||||
|
</cc:Work>
|
||||||
|
</rdf:RDF>
|
||||||
|
</metadata>
|
||||||
|
<g
|
||||||
|
inkscape:label="Layer 1"
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer1"
|
||||||
|
transform="translate(0,-1032.3622)">
|
||||||
|
<path
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
id="path4159"
|
||||||
|
d="m 1,1034.3622 18,0 -9,18 z"
|
||||||
|
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.1 KiB |
87
theme/icon_audio.svg
Normal file
87
theme/icon_audio.svg
Normal file
@ -0,0 +1,87 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||||
|
xmlns:cc="http://creativecommons.org/ns#"
|
||||||
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||||
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||||
|
id="svg3347"
|
||||||
|
version="1.1"
|
||||||
|
inkscape:version="0.91 r13725"
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
sodipodi:docname="icon_audio.svg">
|
||||||
|
<metadata
|
||||||
|
id="metadata3353">
|
||||||
|
<rdf:RDF>
|
||||||
|
<cc:Work
|
||||||
|
rdf:about="">
|
||||||
|
<dc:format>image/svg+xml</dc:format>
|
||||||
|
<dc:type
|
||||||
|
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||||
|
<dc:title />
|
||||||
|
</cc:Work>
|
||||||
|
</rdf:RDF>
|
||||||
|
</metadata>
|
||||||
|
<defs
|
||||||
|
id="defs3351" />
|
||||||
|
<sodipodi:namedview
|
||||||
|
pagecolor="#ffffff"
|
||||||
|
bordercolor="#666666"
|
||||||
|
borderopacity="1"
|
||||||
|
objecttolerance="10"
|
||||||
|
gridtolerance="10"
|
||||||
|
guidetolerance="10"
|
||||||
|
inkscape:pageopacity="0"
|
||||||
|
inkscape:pageshadow="2"
|
||||||
|
inkscape:window-width="1920"
|
||||||
|
inkscape:window-height="1058"
|
||||||
|
id="namedview3349"
|
||||||
|
showgrid="false"
|
||||||
|
inkscape:zoom="22.627418"
|
||||||
|
inkscape:cx="26.09653"
|
||||||
|
inkscape:cy="12.511364"
|
||||||
|
inkscape:window-x="1912"
|
||||||
|
inkscape:window-y="-8"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
inkscape:current-layer="svg3347"
|
||||||
|
inkscape:snap-page="true"
|
||||||
|
inkscape:snap-center="true"
|
||||||
|
inkscape:snap-midpoints="true"
|
||||||
|
inkscape:snap-bbox="true"
|
||||||
|
inkscape:bbox-paths="true"
|
||||||
|
inkscape:bbox-nodes="true"
|
||||||
|
inkscape:snap-bbox-edge-midpoints="true"
|
||||||
|
inkscape:snap-bbox-midpoints="true"
|
||||||
|
inkscape:object-paths="true"
|
||||||
|
inkscape:snap-smooth-nodes="true"
|
||||||
|
inkscape:object-nodes="true"
|
||||||
|
inkscape:snap-intersection-paths="true" />
|
||||||
|
<circle
|
||||||
|
style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#e7e7e7;fill-opacity:1;fill-rule:evenodd;stroke:#747474;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
|
||||||
|
id="path4367"
|
||||||
|
cx="16"
|
||||||
|
cy="16"
|
||||||
|
r="15.5" />
|
||||||
|
<path
|
||||||
|
style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#747474;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
|
||||||
|
d="m 19.822266,4.0009397 c -0.625024,0.01859 -1.306528,0.3134121 -1.885254,1.0019749 l -5.025879,4.9966908 -2.411133,0 c -0.831,0 -1.5,0.6690136 -1.5,1.5000316 l 0,9.000195 c 0,0.831018 0.669,1.500032 1.5,1.500032 l 2.411133,0 5.025879,4.99669 C 19.48028,28.832722 21.75,27.874085 21.75,26.318316 l 0,-20.6371641 c 0,-0.9723541 -0.88603,-1.7111944 -1.927734,-1.6802122 z"
|
||||||
|
id="path4363"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<circle
|
||||||
|
style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#e7e7e7;fill-opacity:1;fill-rule:evenodd;stroke:#484848;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
|
||||||
|
id="path4367-3"
|
||||||
|
cx="62.667339"
|
||||||
|
cy="15.648156"
|
||||||
|
r="16" />
|
||||||
|
<path
|
||||||
|
id="path4363-9"
|
||||||
|
style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#303030;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
|
||||||
|
d="m 66.303216,20.605411 c -0.225509,-0.102094 -0.495003,-0.362337 -0.588623,-0.568416 -0.11076,-0.243808 -0.11375,-0.680744 -0.0063,-0.90738 0.04467,-0.09413 0.292516,-0.382316 0.550781,-0.640411 0.51028,-0.509948 0.737221,-0.819847 0.985761,-1.346109 0.259965,-0.550451 0.327078,-0.870101 0.322535,-1.53619 -0.0034,-0.506294 -0.02163,-0.640094 -0.133799,-0.984374 -0.237499,-0.729013 -0.494106,-1.127977 -1.175815,-1.828126 -0.263574,-0.270702 -0.513301,-0.559694 -0.55495,-0.642203 -0.044,-0.08718 -0.07572,-0.264947 -0.07572,-0.424391 0,-0.681928 0.572223,-1.199134 1.229117,-1.110941 0.277004,0.03719 0.765098,0.369614 1.232371,0.83933 0.778247,0.782315 1.268599,1.656516 1.552552,2.767894 0.160972,0.630041 0.204648,1.758965 0.09289,2.401104 -0.157395,0.904373 -0.522568,1.779381 -1.045997,2.50636 -0.311231,0.432261 -0.963328,1.076335 -1.349017,1.332418 -0.235034,0.156054 -0.311177,0.181368 -0.581042,0.193169 -0.193063,0.0085 -0.365145,-0.01113 -0.45483,-0.05174 z m 2.605205,4.114373 c -0.718996,-0.310949 -0.905938,-1.291431 -0.344136,-1.80494 0.07326,-0.06696 0.312497,-0.256091 0.531636,-0.420287 1.390626,-1.041951 2.497218,-2.643242 3.018195,-4.367466 0.278134,-0.920516 0.332662,-1.335382 0.331239,-2.520186 -0.0011,-0.962797 -0.01219,-1.105824 -0.126576,-1.641626 -0.464149,-2.174031 -1.622081,-3.9891005 -3.373891,-5.2886095 -0.487395,-0.361554 -0.614982,-0.522675 -0.697715,-0.881088 -0.147449,-0.638785 0.387329,-1.295818 1.054702,-1.295818 0.310709,0 0.564314,0.11453 1.036234,0.467972 2.00977,1.505203 3.448923,3.6933425 4.054802,6.1650645 0.226209,0.922836 0.295459,1.642879 0.269143,2.798493 -0.01886,0.828481 -0.0452,1.127341 -0.145537,1.651351 -0.437652,2.285744 -1.503415,4.265256 -3.151939,5.854304 -0.560462,0.540242 -1.269621,1.096555 -1.588969,1.246496 -0.273428,0.128383 -0.620709,0.142935 -0.867188,0.03633 z M 61.489605,3.6490955 c -0.625024,0.01859 -1.306528,0.313412 -1.885254,1.001975 l -5.025879,4.99669 -2.411133,0 c -0.831,0 -1.5,0.6690135 -1.5,1.5000315 l 0,9.000195 c 0,0.831018 0.669,1.500032 1.5,1.500032 l 2.411133,0 5.025879,4.99669 c 1.543268,1.836168 3.812988,0.877531 3.812988,-0.678238 l 0,-20.6371635 c 0,-0.972354 -0.88603,-1.711194 -1.927734,-1.680212 z"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 6.9 KiB |
87
theme/icon_audio_hover.svg
Normal file
87
theme/icon_audio_hover.svg
Normal file
@ -0,0 +1,87 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||||
|
xmlns:cc="http://creativecommons.org/ns#"
|
||||||
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||||
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||||
|
id="svg3347"
|
||||||
|
version="1.1"
|
||||||
|
inkscape:version="0.91 r13725"
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
sodipodi:docname="icon_audio_hover.svg">
|
||||||
|
<metadata
|
||||||
|
id="metadata3353">
|
||||||
|
<rdf:RDF>
|
||||||
|
<cc:Work
|
||||||
|
rdf:about="">
|
||||||
|
<dc:format>image/svg+xml</dc:format>
|
||||||
|
<dc:type
|
||||||
|
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||||
|
<dc:title />
|
||||||
|
</cc:Work>
|
||||||
|
</rdf:RDF>
|
||||||
|
</metadata>
|
||||||
|
<defs
|
||||||
|
id="defs3351" />
|
||||||
|
<sodipodi:namedview
|
||||||
|
pagecolor="#ffffff"
|
||||||
|
bordercolor="#666666"
|
||||||
|
borderopacity="1"
|
||||||
|
objecttolerance="10"
|
||||||
|
gridtolerance="10"
|
||||||
|
guidetolerance="10"
|
||||||
|
inkscape:pageopacity="0"
|
||||||
|
inkscape:pageshadow="2"
|
||||||
|
inkscape:window-width="1920"
|
||||||
|
inkscape:window-height="1058"
|
||||||
|
id="namedview3349"
|
||||||
|
showgrid="false"
|
||||||
|
inkscape:zoom="11.313709"
|
||||||
|
inkscape:cx="8.3336413"
|
||||||
|
inkscape:cy="25.450376"
|
||||||
|
inkscape:window-x="1912"
|
||||||
|
inkscape:window-y="-8"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
inkscape:current-layer="svg3347"
|
||||||
|
inkscape:snap-page="true"
|
||||||
|
inkscape:snap-center="true"
|
||||||
|
inkscape:snap-midpoints="true"
|
||||||
|
inkscape:snap-bbox="true"
|
||||||
|
inkscape:bbox-paths="true"
|
||||||
|
inkscape:bbox-nodes="true"
|
||||||
|
inkscape:snap-bbox-edge-midpoints="true"
|
||||||
|
inkscape:snap-bbox-midpoints="true"
|
||||||
|
inkscape:object-paths="true"
|
||||||
|
inkscape:snap-smooth-nodes="true"
|
||||||
|
inkscape:object-nodes="true"
|
||||||
|
inkscape:snap-intersection-paths="true" />
|
||||||
|
<circle
|
||||||
|
style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#e7e7e7;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.89411765;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
|
||||||
|
id="path4367"
|
||||||
|
cx="16"
|
||||||
|
cy="16"
|
||||||
|
r="15.5" />
|
||||||
|
<path
|
||||||
|
style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:0.89320385;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
|
||||||
|
d="m 19.822266,4.0009397 c -0.625024,0.01859 -1.306528,0.3134121 -1.885254,1.0019749 l -5.025879,4.9966908 -2.411133,0 c -0.831,0 -1.5,0.6690136 -1.5,1.5000316 l 0,9.000195 c 0,0.831018 0.669,1.500032 1.5,1.500032 l 2.411133,0 5.025879,4.99669 C 19.48028,28.832722 21.75,27.874085 21.75,26.318316 l 0,-20.6371641 c 0,-0.9723541 -0.88603,-1.7111944 -1.927734,-1.6802122 z"
|
||||||
|
id="path4363"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<circle
|
||||||
|
style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#e7e7e7;fill-opacity:1;fill-rule:evenodd;stroke:#484848;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
|
||||||
|
id="path4367-3"
|
||||||
|
cx="62.667339"
|
||||||
|
cy="15.648156"
|
||||||
|
r="16" />
|
||||||
|
<path
|
||||||
|
id="path4363-9"
|
||||||
|
style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#303030;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
|
||||||
|
d="m 66.303216,20.605411 c -0.225509,-0.102094 -0.495003,-0.362337 -0.588623,-0.568416 -0.11076,-0.243808 -0.11375,-0.680744 -0.0063,-0.90738 0.04467,-0.09413 0.292516,-0.382316 0.550781,-0.640411 0.51028,-0.509948 0.737221,-0.819847 0.985761,-1.346109 0.259965,-0.550451 0.327078,-0.870101 0.322535,-1.53619 -0.0034,-0.506294 -0.02163,-0.640094 -0.133799,-0.984374 -0.237499,-0.729013 -0.494106,-1.127977 -1.175815,-1.828126 -0.263574,-0.270702 -0.513301,-0.559694 -0.55495,-0.642203 -0.044,-0.08718 -0.07572,-0.264947 -0.07572,-0.424391 0,-0.681928 0.572223,-1.199134 1.229117,-1.110941 0.277004,0.03719 0.765098,0.369614 1.232371,0.83933 0.778247,0.782315 1.268599,1.656516 1.552552,2.767894 0.160972,0.630041 0.204648,1.758965 0.09289,2.401104 -0.157395,0.904373 -0.522568,1.779381 -1.045997,2.50636 -0.311231,0.432261 -0.963328,1.076335 -1.349017,1.332418 -0.235034,0.156054 -0.311177,0.181368 -0.581042,0.193169 -0.193063,0.0085 -0.365145,-0.01113 -0.45483,-0.05174 z m 2.605205,4.114373 c -0.718996,-0.310949 -0.905938,-1.291431 -0.344136,-1.80494 0.07326,-0.06696 0.312497,-0.256091 0.531636,-0.420287 1.390626,-1.041951 2.497218,-2.643242 3.018195,-4.367466 0.278134,-0.920516 0.332662,-1.335382 0.331239,-2.520186 -0.0011,-0.962797 -0.01219,-1.105824 -0.126576,-1.641626 -0.464149,-2.174031 -1.622081,-3.9891005 -3.373891,-5.2886095 -0.487395,-0.361554 -0.614982,-0.522675 -0.697715,-0.881088 -0.147449,-0.638785 0.387329,-1.295818 1.054702,-1.295818 0.310709,0 0.564314,0.11453 1.036234,0.467972 2.00977,1.505203 3.448923,3.6933425 4.054802,6.1650645 0.226209,0.922836 0.295459,1.642879 0.269143,2.798493 -0.01886,0.828481 -0.0452,1.127341 -0.145537,1.651351 -0.437652,2.285744 -1.503415,4.265256 -3.151939,5.854304 -0.560462,0.540242 -1.269621,1.096555 -1.588969,1.246496 -0.273428,0.128383 -0.620709,0.142935 -0.867188,0.03633 z M 61.489605,3.6490955 c -0.625024,0.01859 -1.306528,0.313412 -1.885254,1.001975 l -5.025879,4.99669 -2.411133,0 c -0.831,0 -1.5,0.6690135 -1.5,1.5000315 l 0,9.000195 c 0,0.831018 0.669,1.500032 1.5,1.500032 l 2.411133,0 5.025879,4.99669 c 1.543268,1.836168 3.812988,0.877531 3.812988,-0.678238 l 0,-20.6371635 c 0,-0.972354 -0.88603,-1.711194 -1.927734,-1.680212 z"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 6.9 KiB |
95
theme/icon_audio_muted.svg
Normal file
95
theme/icon_audio_muted.svg
Normal file
@ -0,0 +1,95 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||||
|
xmlns:cc="http://creativecommons.org/ns#"
|
||||||
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||||
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||||
|
id="svg3347"
|
||||||
|
version="1.1"
|
||||||
|
inkscape:version="0.91 r13725"
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
sodipodi:docname="icon_audio_muted.svg">
|
||||||
|
<metadata
|
||||||
|
id="metadata3353">
|
||||||
|
<rdf:RDF>
|
||||||
|
<cc:Work
|
||||||
|
rdf:about="">
|
||||||
|
<dc:format>image/svg+xml</dc:format>
|
||||||
|
<dc:type
|
||||||
|
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||||
|
<dc:title />
|
||||||
|
</cc:Work>
|
||||||
|
</rdf:RDF>
|
||||||
|
</metadata>
|
||||||
|
<defs
|
||||||
|
id="defs3351" />
|
||||||
|
<sodipodi:namedview
|
||||||
|
pagecolor="#ffffff"
|
||||||
|
bordercolor="#666666"
|
||||||
|
borderopacity="1"
|
||||||
|
objecttolerance="10"
|
||||||
|
gridtolerance="10"
|
||||||
|
guidetolerance="10"
|
||||||
|
inkscape:pageopacity="0"
|
||||||
|
inkscape:pageshadow="2"
|
||||||
|
inkscape:window-width="1920"
|
||||||
|
inkscape:window-height="1058"
|
||||||
|
id="namedview3349"
|
||||||
|
showgrid="false"
|
||||||
|
inkscape:zoom="16"
|
||||||
|
inkscape:cx="12.977065"
|
||||||
|
inkscape:cy="17.431941"
|
||||||
|
inkscape:window-x="1912"
|
||||||
|
inkscape:window-y="-8"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
inkscape:current-layer="svg3347"
|
||||||
|
inkscape:snap-page="true"
|
||||||
|
inkscape:snap-center="true"
|
||||||
|
inkscape:snap-midpoints="true"
|
||||||
|
inkscape:snap-bbox="true"
|
||||||
|
inkscape:bbox-paths="true"
|
||||||
|
inkscape:bbox-nodes="true"
|
||||||
|
inkscape:snap-bbox-edge-midpoints="true"
|
||||||
|
inkscape:snap-bbox-midpoints="true"
|
||||||
|
inkscape:object-paths="true"
|
||||||
|
inkscape:snap-smooth-nodes="true"
|
||||||
|
inkscape:object-nodes="true"
|
||||||
|
inkscape:snap-intersection-paths="true" />
|
||||||
|
<circle
|
||||||
|
style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#e7e7e7;fill-opacity:1;fill-rule:evenodd;stroke:#747474;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
|
||||||
|
id="path4367"
|
||||||
|
cx="16"
|
||||||
|
cy="16"
|
||||||
|
r="15.5" />
|
||||||
|
<path
|
||||||
|
style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#747474;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
|
||||||
|
d="m 19.822266,4.0009397 c -0.625024,0.01859 -1.306528,0.3134121 -1.885254,1.0019749 l -5.025879,4.9966908 -2.411133,0 c -0.831,0 -1.5,0.6690136 -1.5,1.5000316 l 0,9.000195 c 0,0.831018 0.669,1.500032 1.5,1.500032 l 2.411133,0 5.025879,4.99669 C 19.48028,28.832722 21.75,27.874085 21.75,26.318316 l 0,-20.6371641 c 0,-0.9723541 -0.88603,-1.7111944 -1.927734,-1.6802122 z"
|
||||||
|
id="path4363"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<circle
|
||||||
|
style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#e7e7e7;fill-opacity:1;fill-rule:evenodd;stroke:#484848;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
|
||||||
|
id="path4367-3"
|
||||||
|
cx="62.667339"
|
||||||
|
cy="15.648156"
|
||||||
|
r="16" />
|
||||||
|
<path
|
||||||
|
id="path4363-9"
|
||||||
|
style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#303030;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
|
||||||
|
d="m 66.303216,20.605411 c -0.225509,-0.102094 -0.495003,-0.362337 -0.588623,-0.568416 -0.11076,-0.243808 -0.11375,-0.680744 -0.0063,-0.90738 0.04467,-0.09413 0.292516,-0.382316 0.550781,-0.640411 0.51028,-0.509948 0.737221,-0.819847 0.985761,-1.346109 0.259965,-0.550451 0.327078,-0.870101 0.322535,-1.53619 -0.0034,-0.506294 -0.02163,-0.640094 -0.133799,-0.984374 -0.237499,-0.729013 -0.494106,-1.127977 -1.175815,-1.828126 -0.263574,-0.270702 -0.513301,-0.559694 -0.55495,-0.642203 -0.044,-0.08718 -0.07572,-0.264947 -0.07572,-0.424391 0,-0.681928 0.572223,-1.199134 1.229117,-1.110941 0.277004,0.03719 0.765098,0.369614 1.232371,0.83933 0.778247,0.782315 1.268599,1.656516 1.552552,2.767894 0.160972,0.630041 0.204648,1.758965 0.09289,2.401104 -0.157395,0.904373 -0.522568,1.779381 -1.045997,2.50636 -0.311231,0.432261 -0.963328,1.076335 -1.349017,1.332418 -0.235034,0.156054 -0.311177,0.181368 -0.581042,0.193169 -0.193063,0.0085 -0.365145,-0.01113 -0.45483,-0.05174 z m 2.605205,4.114373 c -0.718996,-0.310949 -0.905938,-1.291431 -0.344136,-1.80494 0.07326,-0.06696 0.312497,-0.256091 0.531636,-0.420287 1.390626,-1.041951 2.497218,-2.643242 3.018195,-4.367466 0.278134,-0.920516 0.332662,-1.335382 0.331239,-2.520186 -0.0011,-0.962797 -0.01219,-1.105824 -0.126576,-1.641626 -0.464149,-2.174031 -1.622081,-3.9891005 -3.373891,-5.2886095 -0.487395,-0.361554 -0.614982,-0.522675 -0.697715,-0.881088 -0.147449,-0.638785 0.387329,-1.295818 1.054702,-1.295818 0.310709,0 0.564314,0.11453 1.036234,0.467972 2.00977,1.505203 3.448923,3.6933425 4.054802,6.1650645 0.226209,0.922836 0.295459,1.642879 0.269143,2.798493 -0.01886,0.828481 -0.0452,1.127341 -0.145537,1.651351 -0.437652,2.285744 -1.503415,4.265256 -3.151939,5.854304 -0.560462,0.540242 -1.269621,1.096555 -1.588969,1.246496 -0.273428,0.128383 -0.620709,0.142935 -0.867188,0.03633 z M 61.489605,3.6490955 c -0.625024,0.01859 -1.306528,0.313412 -1.885254,1.001975 l -5.025879,4.99669 -2.411133,0 c -0.831,0 -1.5,0.6690135 -1.5,1.5000315 l 0,9.000195 c 0,0.831018 0.669,1.500032 1.5,1.500032 l 2.411133,0 5.025879,4.99669 c 1.543268,1.836168 3.812988,0.877531 3.812988,-0.678238 l 0,-20.6371635 c 0,-0.972354 -0.88603,-1.711194 -1.927734,-1.680212 z"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<rect
|
||||||
|
style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#747474;fill-opacity:1;fill-rule:evenodd;stroke:#e7e7e7;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
|
||||||
|
id="rect4393"
|
||||||
|
width="40.959385"
|
||||||
|
height="2.2954471"
|
||||||
|
x="-20.479692"
|
||||||
|
y="21.479692"
|
||||||
|
transform="matrix(0.70710678,-0.70710678,0.70710678,0.70710678,0,0)" />
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 7.6 KiB |
95
theme/icon_audio_muted_hover.svg
Normal file
95
theme/icon_audio_muted_hover.svg
Normal file
@ -0,0 +1,95 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||||
|
xmlns:cc="http://creativecommons.org/ns#"
|
||||||
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||||
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||||
|
id="svg3347"
|
||||||
|
version="1.1"
|
||||||
|
inkscape:version="0.91 r13725"
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
sodipodi:docname="icon_audio_muted_hover.svg">
|
||||||
|
<metadata
|
||||||
|
id="metadata3353">
|
||||||
|
<rdf:RDF>
|
||||||
|
<cc:Work
|
||||||
|
rdf:about="">
|
||||||
|
<dc:format>image/svg+xml</dc:format>
|
||||||
|
<dc:type
|
||||||
|
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||||
|
<dc:title />
|
||||||
|
</cc:Work>
|
||||||
|
</rdf:RDF>
|
||||||
|
</metadata>
|
||||||
|
<defs
|
||||||
|
id="defs3351" />
|
||||||
|
<sodipodi:namedview
|
||||||
|
pagecolor="#ffffff"
|
||||||
|
bordercolor="#666666"
|
||||||
|
borderopacity="1"
|
||||||
|
objecttolerance="10"
|
||||||
|
gridtolerance="10"
|
||||||
|
guidetolerance="10"
|
||||||
|
inkscape:pageopacity="0"
|
||||||
|
inkscape:pageshadow="2"
|
||||||
|
inkscape:window-width="1920"
|
||||||
|
inkscape:window-height="1058"
|
||||||
|
id="namedview3349"
|
||||||
|
showgrid="false"
|
||||||
|
inkscape:zoom="16"
|
||||||
|
inkscape:cx="20.156418"
|
||||||
|
inkscape:cy="21.255344"
|
||||||
|
inkscape:window-x="1912"
|
||||||
|
inkscape:window-y="-8"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
inkscape:current-layer="svg3347"
|
||||||
|
inkscape:snap-page="true"
|
||||||
|
inkscape:snap-center="true"
|
||||||
|
inkscape:snap-midpoints="true"
|
||||||
|
inkscape:snap-bbox="true"
|
||||||
|
inkscape:bbox-paths="true"
|
||||||
|
inkscape:bbox-nodes="true"
|
||||||
|
inkscape:snap-bbox-edge-midpoints="true"
|
||||||
|
inkscape:snap-bbox-midpoints="true"
|
||||||
|
inkscape:object-paths="true"
|
||||||
|
inkscape:snap-smooth-nodes="true"
|
||||||
|
inkscape:object-nodes="true"
|
||||||
|
inkscape:snap-intersection-paths="true" />
|
||||||
|
<circle
|
||||||
|
style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#e7e7e7;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.89411765;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
|
||||||
|
id="path4367"
|
||||||
|
cx="16"
|
||||||
|
cy="16"
|
||||||
|
r="15.5" />
|
||||||
|
<path
|
||||||
|
style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:0.89411765;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
|
||||||
|
d="m 19.822266,4.0009397 c -0.625024,0.01859 -1.306528,0.3134121 -1.885254,1.0019749 l -5.025879,4.9966908 -2.411133,0 c -0.831,0 -1.5,0.6690136 -1.5,1.5000316 l 0,9.000195 c 0,0.831018 0.669,1.500032 1.5,1.500032 l 2.411133,0 5.025879,4.99669 C 19.48028,28.832722 21.75,27.874085 21.75,26.318316 l 0,-20.6371641 c 0,-0.9723541 -0.88603,-1.7111944 -1.927734,-1.6802122 z"
|
||||||
|
id="path4363"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<circle
|
||||||
|
style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#e7e7e7;fill-opacity:1;fill-rule:evenodd;stroke:#484848;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
|
||||||
|
id="path4367-3"
|
||||||
|
cx="62.667339"
|
||||||
|
cy="15.648156"
|
||||||
|
r="16" />
|
||||||
|
<path
|
||||||
|
id="path4363-9"
|
||||||
|
style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#303030;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
|
||||||
|
d="m 66.303216,20.605411 c -0.225509,-0.102094 -0.495003,-0.362337 -0.588623,-0.568416 -0.11076,-0.243808 -0.11375,-0.680744 -0.0063,-0.90738 0.04467,-0.09413 0.292516,-0.382316 0.550781,-0.640411 0.51028,-0.509948 0.737221,-0.819847 0.985761,-1.346109 0.259965,-0.550451 0.327078,-0.870101 0.322535,-1.53619 -0.0034,-0.506294 -0.02163,-0.640094 -0.133799,-0.984374 -0.237499,-0.729013 -0.494106,-1.127977 -1.175815,-1.828126 -0.263574,-0.270702 -0.513301,-0.559694 -0.55495,-0.642203 -0.044,-0.08718 -0.07572,-0.264947 -0.07572,-0.424391 0,-0.681928 0.572223,-1.199134 1.229117,-1.110941 0.277004,0.03719 0.765098,0.369614 1.232371,0.83933 0.778247,0.782315 1.268599,1.656516 1.552552,2.767894 0.160972,0.630041 0.204648,1.758965 0.09289,2.401104 -0.157395,0.904373 -0.522568,1.779381 -1.045997,2.50636 -0.311231,0.432261 -0.963328,1.076335 -1.349017,1.332418 -0.235034,0.156054 -0.311177,0.181368 -0.581042,0.193169 -0.193063,0.0085 -0.365145,-0.01113 -0.45483,-0.05174 z m 2.605205,4.114373 c -0.718996,-0.310949 -0.905938,-1.291431 -0.344136,-1.80494 0.07326,-0.06696 0.312497,-0.256091 0.531636,-0.420287 1.390626,-1.041951 2.497218,-2.643242 3.018195,-4.367466 0.278134,-0.920516 0.332662,-1.335382 0.331239,-2.520186 -0.0011,-0.962797 -0.01219,-1.105824 -0.126576,-1.641626 -0.464149,-2.174031 -1.622081,-3.9891005 -3.373891,-5.2886095 -0.487395,-0.361554 -0.614982,-0.522675 -0.697715,-0.881088 -0.147449,-0.638785 0.387329,-1.295818 1.054702,-1.295818 0.310709,0 0.564314,0.11453 1.036234,0.467972 2.00977,1.505203 3.448923,3.6933425 4.054802,6.1650645 0.226209,0.922836 0.295459,1.642879 0.269143,2.798493 -0.01886,0.828481 -0.0452,1.127341 -0.145537,1.651351 -0.437652,2.285744 -1.503415,4.265256 -3.151939,5.854304 -0.560462,0.540242 -1.269621,1.096555 -1.588969,1.246496 -0.273428,0.128383 -0.620709,0.142935 -0.867188,0.03633 z M 61.489605,3.6490955 c -0.625024,0.01859 -1.306528,0.313412 -1.885254,1.001975 l -5.025879,4.99669 -2.411133,0 c -0.831,0 -1.5,0.6690135 -1.5,1.5000315 l 0,9.000195 c 0,0.831018 0.669,1.500032 1.5,1.500032 l 2.411133,0 5.025879,4.99669 c 1.543268,1.836168 3.812988,0.877531 3.812988,-0.678238 l 0,-20.6371635 c 0,-0.972354 -0.88603,-1.711194 -1.927734,-1.680212 z"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<rect
|
||||||
|
style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:0.89411765;fill-rule:evenodd;stroke:#e7e7e7;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
|
||||||
|
id="rect4393"
|
||||||
|
width="40.959385"
|
||||||
|
height="2.2954471"
|
||||||
|
x="-20.479692"
|
||||||
|
y="21.479692"
|
||||||
|
transform="matrix(0.70710678,-0.70710678,0.70710678,0.70710678,0,0)" />
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 7.6 KiB |
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 2.4 KiB |
@ -39,16 +39,16 @@
|
|||||||
guidetolerance="10"
|
guidetolerance="10"
|
||||||
inkscape:pageopacity="0"
|
inkscape:pageopacity="0"
|
||||||
inkscape:pageshadow="2"
|
inkscape:pageshadow="2"
|
||||||
inkscape:window-width="1552"
|
inkscape:window-width="1920"
|
||||||
inkscape:window-height="811"
|
inkscape:window-height="1058"
|
||||||
id="namedview3349"
|
id="namedview3349"
|
||||||
showgrid="false"
|
showgrid="false"
|
||||||
inkscape:zoom="11.313709"
|
inkscape:zoom="11.313709"
|
||||||
inkscape:cx="-6.6202105"
|
inkscape:cx="-2.4116637"
|
||||||
inkscape:cy="14.42908"
|
inkscape:cy="6.1185819"
|
||||||
inkscape:window-x="185"
|
inkscape:window-x="1912"
|
||||||
inkscape:window-y="94"
|
inkscape:window-y="-8"
|
||||||
inkscape:window-maximized="0"
|
inkscape:window-maximized="1"
|
||||||
inkscape:current-layer="svg3347"
|
inkscape:current-layer="svg3347"
|
||||||
inkscape:snap-page="true"
|
inkscape:snap-page="true"
|
||||||
inkscape:snap-center="true"
|
inkscape:snap-center="true"
|
||||||
@ -59,36 +59,16 @@
|
|||||||
inkscape:snap-bbox-edge-midpoints="true"
|
inkscape:snap-bbox-edge-midpoints="true"
|
||||||
inkscape:snap-bbox-midpoints="true"
|
inkscape:snap-bbox-midpoints="true"
|
||||||
inkscape:object-paths="true" />
|
inkscape:object-paths="true" />
|
||||||
<rect
|
<path
|
||||||
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#cccccc;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
id="rect3365"
|
d="M 0,5 0,15 13,15 13,5 Z"
|
||||||
width="6.99999"
|
id="path4138"
|
||||||
height="6.99999"
|
inkscape:connector-curvature="0"
|
||||||
x="20.687504"
|
sodipodi:nodetypes="ccccc" />
|
||||||
y="-13.625002" />
|
|
||||||
<rect
|
|
||||||
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
|
||||||
id="rect3367"
|
|
||||||
width="4.99999"
|
|
||||||
height="4.99999"
|
|
||||||
x="36.187504"
|
|
||||||
y="0.74999785" />
|
|
||||||
<rect
|
|
||||||
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
|
||||||
id="rect3369"
|
|
||||||
width="4.99999"
|
|
||||||
height="4.99999"
|
|
||||||
x="32.812504"
|
|
||||||
y="13.812496" />
|
|
||||||
<path
|
<path
|
||||||
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
d="M 12.3125,4.8504126 12.28125,2.0625 6.34375,2.125 5.71875,1.03125 2.6875,1.09375 1.96875,2.78125 0.53125,2.84375 0.50457646,15.003657"
|
d="m 12.499937,5.5 1.25e-4,-2 -6.156187,0 L 5.71875,1.5 0.5,1.5 0.5,15"
|
||||||
id="path4149"
|
id="path4149"
|
||||||
inkscape:connector-curvature="0"
|
inkscape:connector-curvature="0"
|
||||||
sodipodi:nodetypes="cccccccc" />
|
sodipodi:nodetypes="cccccc" />
|
||||||
<path
|
|
||||||
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
|
||||||
d="m 0.50520155,14.718693 12.15104845,0 0,-10.343693 -12.12855679,0.090218"
|
|
||||||
id="path4151"
|
|
||||||
inkscape:connector-curvature="0" />
|
|
||||||
</svg>
|
</svg>
|
||||||
|
Before Width: | Height: | Size: 3.3 KiB After Width: | Height: | Size: 2.4 KiB |
@ -24,7 +24,7 @@
|
|||||||
<dc:format>image/svg+xml</dc:format>
|
<dc:format>image/svg+xml</dc:format>
|
||||||
<dc:type
|
<dc:type
|
||||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||||
<dc:title></dc:title>
|
<dc:title />
|
||||||
</cc:Work>
|
</cc:Work>
|
||||||
</rdf:RDF>
|
</rdf:RDF>
|
||||||
</metadata>
|
</metadata>
|
||||||
@ -39,16 +39,16 @@
|
|||||||
guidetolerance="10"
|
guidetolerance="10"
|
||||||
inkscape:pageopacity="0"
|
inkscape:pageopacity="0"
|
||||||
inkscape:pageshadow="2"
|
inkscape:pageshadow="2"
|
||||||
inkscape:window-width="1552"
|
inkscape:window-width="1920"
|
||||||
inkscape:window-height="811"
|
inkscape:window-height="1058"
|
||||||
id="namedview3349"
|
id="namedview3349"
|
||||||
showgrid="false"
|
showgrid="false"
|
||||||
inkscape:zoom="11.313709"
|
inkscape:zoom="11.313709"
|
||||||
inkscape:cx="-15.841251"
|
inkscape:cx="-3.2022799"
|
||||||
inkscape:cy="9.3738536"
|
inkscape:cy="9.440858"
|
||||||
inkscape:window-x="185"
|
inkscape:window-x="1912"
|
||||||
inkscape:window-y="94"
|
inkscape:window-y="-8"
|
||||||
inkscape:window-maximized="0"
|
inkscape:window-maximized="1"
|
||||||
inkscape:current-layer="svg3347"
|
inkscape:current-layer="svg3347"
|
||||||
inkscape:snap-page="true"
|
inkscape:snap-page="true"
|
||||||
inkscape:snap-center="true"
|
inkscape:snap-center="true"
|
||||||
@ -59,37 +59,16 @@
|
|||||||
inkscape:snap-bbox-edge-midpoints="true"
|
inkscape:snap-bbox-edge-midpoints="true"
|
||||||
inkscape:snap-bbox-midpoints="true"
|
inkscape:snap-bbox-midpoints="true"
|
||||||
inkscape:object-paths="true" />
|
inkscape:object-paths="true" />
|
||||||
<rect
|
|
||||||
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#cccccc;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
|
||||||
id="rect3365"
|
|
||||||
width="6.99999"
|
|
||||||
height="6.99999"
|
|
||||||
x="20.687504"
|
|
||||||
y="-13.625002" />
|
|
||||||
<rect
|
|
||||||
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
|
||||||
id="rect3367"
|
|
||||||
width="4.99999"
|
|
||||||
height="4.99999"
|
|
||||||
x="36.187504"
|
|
||||||
y="0.74999785" />
|
|
||||||
<rect
|
|
||||||
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
|
||||||
id="rect3369"
|
|
||||||
width="4.99999"
|
|
||||||
height="4.99999"
|
|
||||||
x="32.812504"
|
|
||||||
y="13.812496" />
|
|
||||||
<path
|
<path
|
||||||
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
d="M 6,5.3125 5.3378538,5.4893868 4.875,5.9375 0.78125,14.5 11.90625,14.40625 14.894908,5.9394164 14.802966,5.5366117 14.40816,5.1698614 Z"
|
d="M 3,5 0,15 13,15 16,5 Z"
|
||||||
id="path4138"
|
id="path4138"
|
||||||
inkscape:connector-curvature="0"
|
inkscape:connector-curvature="0"
|
||||||
sodipodi:nodetypes="ccccccccc" />
|
sodipodi:nodetypes="ccccc" />
|
||||||
<path
|
<path
|
||||||
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
d="M 12.3125,4.8504126 12.28125,2.0625 6.34375,2.125 5.71875,1.03125 2.6875,1.09375 1.96875,2.78125 0.53125,2.84375 0.50457646,15.003657"
|
d="m 12.499937,5.5 1.25e-4,-2 -6.156187,0 L 5.71875,1.5 0.5,1.5 0.5,15"
|
||||||
id="path4149"
|
id="path4149"
|
||||||
inkscape:connector-curvature="0"
|
inkscape:connector-curvature="0"
|
||||||
sodipodi:nodetypes="cccccccc" />
|
sodipodi:nodetypes="cccccc" />
|
||||||
</svg>
|
</svg>
|
||||||
|
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 2.4 KiB |
416
theme/theme.css
416
theme/theme.css
@ -25,6 +25,8 @@
|
|||||||
|
|
||||||
div {
|
div {
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
|
-webkit-mask-repeat:no-repeat;
|
||||||
|
mask-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
.sidebar_body {
|
.sidebar_body {
|
||||||
background-color: var(--tab_list_background);
|
background-color: var(--tab_list_background);
|
||||||
@ -108,144 +110,164 @@ div {
|
|||||||
/* MAIN TOOLBAR BUTTONS */
|
/* MAIN TOOLBAR BUTTONS */
|
||||||
|
|
||||||
#button_bookmarks>.button_img {
|
#button_bookmarks>.button_img {
|
||||||
-webkit-mask-box-image: url(../theme/toolbar_bookmarks.svg);
|
-webkit-mask-image: url(../theme/toolbar_bookmarks.svg);
|
||||||
mask-image: url(../theme/toolbar_bookmarks.svg);
|
mask-image: url(../theme/toolbar_bookmarks.svg);
|
||||||
}
|
}
|
||||||
|
|
||||||
#button_options>.button_img {
|
#button_options>.button_img {
|
||||||
-webkit-mask-box-image: url(../theme/toolbar_options.svg);
|
-webkit-mask-image: url(../theme/toolbar_options.svg);
|
||||||
mask-image: url(../theme/toolbar_options.svg);
|
mask-image: url(../theme/toolbar_options.svg);
|
||||||
}
|
}
|
||||||
|
|
||||||
#button_settings>.button_img {
|
#button_settings>.button_img {
|
||||||
-webkit-mask-box-image: url(../theme/toolbar_settings.svg);
|
-webkit-mask-image: url(../theme/toolbar_settings.svg);
|
||||||
mask-image: url(../theme/toolbar_settings.svg);
|
mask-image: url(../theme/toolbar_settings.svg);
|
||||||
}
|
}
|
||||||
|
|
||||||
#button_move .button_img {
|
#button_move .button_img {
|
||||||
-webkit-mask-box-image: url(../theme/toolbar_move.svg);
|
-webkit-mask-image: url(../theme/toolbar_move.svg);
|
||||||
mask-image: url(../theme/toolbar_move.svg);
|
mask-image: url(../theme/toolbar_move.svg);
|
||||||
}
|
}
|
||||||
|
|
||||||
#button_pin>.button_img {
|
#button_pin>.button_img {
|
||||||
-webkit-mask-box-image: url(../theme/toolbar_pin.svg);
|
-webkit-mask-image: url(../theme/toolbar_pin.svg);
|
||||||
mask-image: url(../theme/toolbar_pin.svg);
|
mask-image: url(../theme/toolbar_pin.svg);
|
||||||
}
|
}
|
||||||
|
|
||||||
#button_history>.button_img {
|
#button_history>.button_img {
|
||||||
-webkit-mask-box-image: url(../theme/toolbar_history.svg);
|
-webkit-mask-image: url(../theme/toolbar_history.svg);
|
||||||
mask-image: url(../theme/toolbar_history.svg);
|
mask-image: url(../theme/toolbar_history.svg);
|
||||||
}
|
}
|
||||||
|
|
||||||
#button_undo>.button_img {
|
#button_undo>.button_img {
|
||||||
-webkit-mask-box-image: url(../theme/toolbar_undo.svg);
|
-webkit-mask-image: url(../theme/toolbar_undo.svg);
|
||||||
mask-image: url(../theme/toolbar_undo.svg);
|
mask-image: url(../theme/toolbar_undo.svg);
|
||||||
}
|
}
|
||||||
|
|
||||||
#button_downloads>.button_img {
|
#button_downloads>.button_img {
|
||||||
-webkit-mask-box-image: url(../theme/toolbar_downloads.svg);
|
-webkit-mask-image: url(../theme/toolbar_downloads.svg);
|
||||||
mask-image: url(../theme/toolbar_downloads.svg);
|
mask-image: url(../theme/toolbar_downloads.svg);
|
||||||
}
|
}
|
||||||
|
|
||||||
#button_extensions>.button_img {
|
#button_extensions>.button_img {
|
||||||
-webkit-mask-box-image: url(../theme/toolbar_extensions.svg);
|
-webkit-mask-image: url(../theme/toolbar_extensions.svg);
|
||||||
mask-image: url(../theme/toolbar_extensions.svg);
|
mask-image: url(../theme/toolbar_extensions.svg);
|
||||||
}
|
}
|
||||||
|
|
||||||
#button_discard>.button_img {
|
#button_discard>.button_img {
|
||||||
-webkit-mask-box-image: url(../theme/toolbar_discard.svg);
|
-webkit-mask-image: url(../theme/toolbar_discard.svg);
|
||||||
mask-image: url(../theme/toolbar_discard.svg);
|
mask-image: url(../theme/toolbar_discard.svg);
|
||||||
}
|
}
|
||||||
|
|
||||||
#button_new>.button_img {
|
#button_new>.button_img {
|
||||||
-webkit-mask-box-image: url(../theme/toolbar_plus_big.svg);
|
-webkit-mask-image: url(../theme/toolbar_plus_big.svg);
|
||||||
mask-image: url(../theme/toolbar_plus_big.svg);
|
mask-image: url(../theme/toolbar_plus_big.svg);
|
||||||
}
|
}
|
||||||
|
|
||||||
#button_tools>.button_img {
|
#button_tools>.button_img {
|
||||||
-webkit-mask-box-image: url(../theme/toolbar_wrench.svg);
|
-webkit-mask-image: url(../theme/toolbar_wrench.svg);
|
||||||
mask-image: url(../theme/toolbar_wrench.svg);
|
mask-image: url(../theme/toolbar_wrench.svg);
|
||||||
}
|
}
|
||||||
|
|
||||||
#button_search>.button_img {
|
#button_search>.button_img {
|
||||||
-webkit-mask-box-image: url(../theme/toolbar_search.svg);
|
-webkit-mask-image: url(../theme/toolbar_search.svg);
|
||||||
mask-image: url(../theme/toolbar_search.svg);
|
mask-image: url(../theme/toolbar_search.svg);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
#button_groups>.button_img {
|
#button_groups>.button_img {
|
||||||
-webkit-mask-box-image: url(../theme/toolbar_groups.svg);
|
-webkit-mask-image: url(../theme/toolbar_groups.svg);
|
||||||
mask-image: url(../theme/toolbar_groups.svg);
|
mask-image: url(../theme/toolbar_groups.svg);
|
||||||
}
|
}
|
||||||
#button_groups_toolbar_hide>.button_img {
|
#button_groups_toolbar_hide>.button_img {
|
||||||
-webkit-mask-box-image: url(../theme/toolbar_groups_hide.svg);
|
-webkit-mask-image: url(../theme/toolbar_groups_hide.svg);
|
||||||
mask-image: url(../theme/toolbar_groups_hide.svg);
|
mask-image: url(../theme/toolbar_groups_hide.svg);
|
||||||
}
|
}
|
||||||
#button_new_group>.button_img {
|
#button_new_group>.button_img {
|
||||||
-webkit-mask-box-image: url(../theme/toolbar_plus_small.svg);
|
-webkit-mask-image: url(../theme/toolbar_plus_small.svg);
|
||||||
mask-image: url(../theme/toolbar_plus_small.svg);
|
mask-image: url(../theme/toolbar_plus_small.svg);
|
||||||
}
|
}
|
||||||
#button_edit_group>.button_img {
|
#button_edit_group>.button_img {
|
||||||
-webkit-mask-box-image: url(../theme/toolbar_edit.svg);
|
-webkit-mask-image: url(../theme/toolbar_edit.svg);
|
||||||
mask-image: url(../theme/toolbar_edit.svg);
|
mask-image: url(../theme/toolbar_edit.svg);
|
||||||
}
|
}
|
||||||
#button_remove_group>.button_img {
|
#button_remove_group>.button_img {
|
||||||
-webkit-mask-box-image: url(../theme/toolbar_trashcan.svg);
|
-webkit-mask-image: url(../theme/toolbar_trashcan.svg);
|
||||||
mask-image: url(../theme/toolbar_trashcan.svg);
|
mask-image: url(../theme/toolbar_trashcan.svg);
|
||||||
}
|
}
|
||||||
#button_import_group>.button_img {
|
#button_import_group>.button_img {
|
||||||
-webkit-mask-box-image: url(../theme/toolbar_import.svg);
|
-webkit-mask-image: url(../theme/toolbar_import.svg);
|
||||||
mask-image: url(../theme/toolbar_import.svg);
|
mask-image: url(../theme/toolbar_import.svg);
|
||||||
}
|
}
|
||||||
|
|
||||||
#button_load_bak1>.button_img {
|
#button_load_bak1>.button_img {
|
||||||
-webkit-mask-box-image: url(../theme/toolbar_load_bak1.svg);
|
-webkit-mask-image: url(../theme/toolbar_load_bak1.svg);
|
||||||
mask-image: url(../theme/toolbar_load_bak1.svg);
|
mask-image: url(../theme/toolbar_load_bak1.svg);
|
||||||
}
|
}
|
||||||
#button_load_bak2>.button_img {
|
#button_load_bak2>.button_img {
|
||||||
-webkit-mask-box-image: url(../theme/toolbar_load_bak2.svg);
|
-webkit-mask-image: url(../theme/toolbar_load_bak2.svg);
|
||||||
mask-image: url(../theme/toolbar_load_bak2.svg);
|
mask-image: url(../theme/toolbar_load_bak2.svg);
|
||||||
}
|
}
|
||||||
#button_load_bak3>.button_img {
|
#button_load_bak3>.button_img {
|
||||||
-webkit-mask-box-image: url(../theme/toolbar_load_bak3.svg);
|
-webkit-mask-image: url(../theme/toolbar_load_bak3.svg);
|
||||||
mask-image: url(../theme/toolbar_load_bak3.svg);
|
mask-image: url(../theme/toolbar_load_bak3.svg);
|
||||||
}
|
}
|
||||||
|
|
||||||
#button_backup>.button_img {
|
#button_backup>.button_img {
|
||||||
-webkit-mask-box-image: url(../theme/toolbar_save.svg);
|
-webkit-mask-image: url(../theme/toolbar_save.svg);
|
||||||
mask-image: url(../theme/toolbar_save.svg);
|
mask-image: url(../theme/toolbar_save.svg);
|
||||||
}
|
}
|
||||||
|
|
||||||
#button_export_bak>.button_img {
|
#button_export_bak>.button_img {
|
||||||
-webkit-mask-box-image: url(../theme/toolbar_save.svg);
|
-webkit-mask-image: url(../theme/toolbar_save.svg);
|
||||||
mask-image: url(../theme/toolbar_save.svg);
|
mask-image: url(../theme/toolbar_save.svg);
|
||||||
}
|
}
|
||||||
|
|
||||||
#button_import_merge_bak>.button_img {
|
#button_import_merge_bak>.button_img {
|
||||||
-webkit-mask-box-image: url(../theme/toolbar_merge.svg);
|
-webkit-mask-image: url(../theme/toolbar_merge.svg);
|
||||||
mask-image: url(../theme/toolbar_merge.svg);
|
mask-image: url(../theme/toolbar_merge.svg);
|
||||||
}
|
}
|
||||||
#button_import_bak>.button_img {
|
#button_import_bak>.button_img {
|
||||||
-webkit-mask-box-image: url(../theme/toolbar_import.svg);
|
-webkit-mask-image: url(../theme/toolbar_import.svg);
|
||||||
mask-image: url(../theme/toolbar_import.svg);
|
mask-image: url(../theme/toolbar_import.svg);
|
||||||
}
|
}
|
||||||
|
|
||||||
#button_export_group>.button_img {
|
#button_export_group>.button_img {
|
||||||
-webkit-mask-box-image: url(../theme/toolbar_save.svg);
|
-webkit-mask-image: url(../theme/toolbar_save.svg);
|
||||||
mask-image: url(../theme/toolbar_save.svg);
|
mask-image: url(../theme/toolbar_save.svg);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#button_folders>.button_img {
|
||||||
|
-webkit-mask-image: url(../theme/toolbar_folder.svg);
|
||||||
|
mask-image: url(../theme/toolbar_folder.svg);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#button_new_folder>.button_img {
|
||||||
|
-webkit-mask-image: url(../theme/toolbar_plus_small.svg);
|
||||||
|
mask-image: url(../theme/toolbar_plus_small.svg);
|
||||||
|
}
|
||||||
|
#button_edit_folder>.button_img {
|
||||||
|
-webkit-mask-image: url(../theme/toolbar_edit.svg);
|
||||||
|
mask-image: url(../theme/toolbar_edit.svg);
|
||||||
|
}
|
||||||
|
#button_remove_folder>.button_img {
|
||||||
|
-webkit-mask-image: url(../theme/toolbar_trashcan.svg);
|
||||||
|
mask-image: url(../theme/toolbar_trashcan.svg);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* MAIN TOOLBAR SEARCHBOX */
|
/* MAIN TOOLBAR SEARCHBOX */
|
||||||
|
|
||||||
#button_filter_type.url>.button_img {
|
#button_filter_type.url>.button_img {
|
||||||
-webkit-mask-box-image: url(../theme/toolbar_filter_url.svg);
|
-webkit-mask-image: url(../theme/toolbar_filter_url.svg);
|
||||||
mask-image: url(../theme/toolbar_filter_url.svg);
|
mask-image: url(../theme/toolbar_filter_url.svg);
|
||||||
}
|
}
|
||||||
|
|
||||||
#button_filter_type.title>.button_img {
|
#button_filter_type.title>.button_img {
|
||||||
-webkit-mask-box-image: url(../theme/toolbar_filter_title.svg);
|
-webkit-mask-image: url(../theme/toolbar_filter_title.svg);
|
||||||
mask-image: url(../theme/toolbar_filter_title.svg);
|
mask-image: url(../theme/toolbar_filter_title.svg);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -255,14 +277,14 @@ div {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#filter_search_go_prev>.button_img {
|
#filter_search_go_prev>.button_img {
|
||||||
-webkit-mask-box-image: url(../theme/toolbar_filter_search_go_prev.svg);
|
-webkit-mask-image: url(../theme/toolbar_filter_search_go_prev.svg);
|
||||||
mask-image: url(../theme/toolbar_filter_search_go_prev.svg);
|
mask-image: url(../theme/toolbar_filter_search_go_prev.svg);
|
||||||
width: 16px;
|
width: 16px;
|
||||||
background-size: 16px 22px;
|
background-size: 16px 22px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#filter_search_go_next>.button_img {
|
#filter_search_go_next>.button_img {
|
||||||
-webkit-mask-box-image: url(../theme/toolbar_filter_search_go_next.svg);
|
-webkit-mask-image: url(../theme/toolbar_filter_search_go_next.svg);
|
||||||
mask-image: url(../theme/toolbar_filter_search_go_next.svg);
|
mask-image: url(../theme/toolbar_filter_search_go_next.svg);
|
||||||
width: 16px;
|
width: 16px;
|
||||||
background-size: 16px 22px;
|
background-size: 16px 22px;
|
||||||
@ -299,7 +321,7 @@ div {
|
|||||||
#button_filter_clear {
|
#button_filter_clear {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
-webkit-mask-box-image: url(../theme/toolbar_filter_clear.svg);
|
-webkit-mask-image: url(../theme/toolbar_filter_clear.svg);
|
||||||
mask-image: url(../theme/toolbar_filter_clear.svg);
|
mask-image: url(../theme/toolbar_filter_clear.svg);
|
||||||
top: 5.5px;
|
top: 5.5px;
|
||||||
right: 4px;
|
right: 4px;
|
||||||
@ -430,89 +452,88 @@ div {
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* GROUP EDIT DIALOG */
|
/* GROUP AND FOLDER EDIT DIALOG */
|
||||||
|
|
||||||
#group_edit {
|
.edit_dialog {
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
width: calc(100% - 28px);
|
width: calc(100% - 28px);
|
||||||
height: 53px;
|
height: 53px;
|
||||||
background-color: #efefef;
|
background-color: var(--tabs_menu_background);
|
||||||
display: none;
|
display: none;
|
||||||
word-wrap: normal;
|
word-wrap: normal;
|
||||||
white-space: initial;
|
white-space: initial;
|
||||||
font-family: Arial, Helvetica, "Nimbus Sans L", "Liberation Sans", FreeSans, Sans-serif; font-size: 12px;
|
font-family: Arial, Helvetica, "Nimbus Sans L", "Liberation Sans", FreeSans, Sans-serif; font-size: 12px;
|
||||||
border: 1px solid #bebebe;
|
border: 1px solid var(--tabs_menu_border);
|
||||||
padding: 0px 0px 0px 0px;
|
padding: 0px 0px 0px 0px;
|
||||||
background: #ffffff;
|
|
||||||
color: var(--tabs_menu_font);
|
color: var(--tabs_menu_font);
|
||||||
}
|
}
|
||||||
|
|
||||||
#group_edit_font,
|
.edit_dialog_confirm,
|
||||||
#group_edit_name,
|
.edit_dialog_discard {
|
||||||
#group_edit_confirm,
|
|
||||||
#group_edit_discard {
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
#group_edit_font {
|
.edit_dialog_confirm,
|
||||||
display: inline-block;
|
.edit_dialog_discard {
|
||||||
top: 5px;
|
|
||||||
width: 19px; height: 19px;
|
|
||||||
border: 1px solid #bebebe;
|
|
||||||
background-color: #000000;
|
|
||||||
color: var(--tabs_menu_font);
|
|
||||||
}
|
|
||||||
#group_edit_font {
|
|
||||||
right: 5px;
|
|
||||||
}
|
|
||||||
#group_edit_name {
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: top;
|
|
||||||
top: 5px; left: 5px; width: calc(100% - 37px);
|
|
||||||
}
|
|
||||||
#group_edit_confirm,
|
|
||||||
#group_edit_discard {
|
|
||||||
line-height: 17px;
|
line-height: 17px;
|
||||||
font-family: Arial, Helvetica, "Nimbus Sans L", "Liberation Sans", FreeSans, Sans-serif;
|
font-family: Arial, Helvetica, "Nimbus Sans L", "Liberation Sans", FreeSans, Sans-serif;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
color: #000000;
|
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
top: 30px;
|
top: 30px;
|
||||||
width: calc(50% - 8px); height: 17px;
|
width: calc(50% - 8px); height: 17px;
|
||||||
border: 1px solid #bebebe;
|
border: 1px solid var(--tabs_menu_border);
|
||||||
|
color: var(--tabs_menu_font);
|
||||||
}
|
}
|
||||||
#group_edit_confirm {
|
.edit_dialog_confirm {
|
||||||
left: 5px;
|
left: 5px;
|
||||||
}
|
}
|
||||||
#group_edit_discard {
|
.edit_dialog_discard {
|
||||||
left: calc(50% + 1px);
|
left: calc(50% + 1px);
|
||||||
}
|
}
|
||||||
|
.edit_dialog_confirm:hover,
|
||||||
|
.edit_dialog_discard:hover {
|
||||||
|
border: 1px solid var(--tabs_menu_hover_border);
|
||||||
|
|
||||||
|
background-color: var(--tabs_menu_hover_background);
|
||||||
|
}
|
||||||
|
.edit_dialog_edit_name {
|
||||||
|
position: absolute;
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
top: 4px; left: 5px;
|
||||||
|
width: calc(100% - 38px); height: 19px;
|
||||||
|
background-color: var(--filter_box_background);
|
||||||
|
border: solid 1px var(--filter_box_border);
|
||||||
|
color: var(--filter_box_font);
|
||||||
|
}
|
||||||
|
.edit_dialog_edit_name:focus {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#folder_edit_name {
|
||||||
|
width: calc(100% - 14px);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#group_edit_font {
|
||||||
|
position: absolute;
|
||||||
|
display: inline-block;
|
||||||
|
top: 5px;
|
||||||
|
right: 5px;
|
||||||
|
width: 19px; height: 19px;
|
||||||
|
border: 1px solid var(--tabs_menu_border);
|
||||||
|
background-color: #000000;
|
||||||
|
color: var(--tabs_menu_font);
|
||||||
|
}
|
||||||
#group_edit_font:hover {
|
#group_edit_font:hover {
|
||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
}
|
}
|
||||||
#group_edit_confirm:hover,
|
|
||||||
#group_edit_discard:hover {
|
|
||||||
background-color: #dcdcdc;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -541,61 +562,61 @@ div {
|
|||||||
font-weight:var(--tab_hover_title_font_weight);
|
font-weight:var(--tab_hover_title_font_weight);
|
||||||
}
|
}
|
||||||
/* normal selected */
|
/* normal selected */
|
||||||
.selected>.tab_header{
|
.selected_tab>.tab_header{
|
||||||
border:1px solid var(--tab_selected_border);
|
border:1px solid var(--tab_selected_border);
|
||||||
background-color:var(--tab_selected_background);
|
background-color:var(--tab_selected_background);
|
||||||
}
|
}
|
||||||
.tab.selected>.tab_header>.tab_title{
|
.tab.selected_tab>.tab_header>.tab_title{
|
||||||
color:var(--tab_selected_title_font_color);
|
color:var(--tab_selected_title_font_color);
|
||||||
font-style:var(--tab_selected_title_font_style);
|
font-style:var(--tab_selected_title_font_style);
|
||||||
font-weight:var(--tab_selected_title_font_weight);
|
font-weight:var(--tab_selected_title_font_weight);
|
||||||
}
|
}
|
||||||
/* normal selected hover */
|
/* normal selected hover */
|
||||||
.selected>.tab_header_hover{
|
.selected_tab>.tab_header_hover{
|
||||||
border:1px solid var(--tab_selected_hover_border);
|
border:1px solid var(--tab_selected_hover_border);
|
||||||
background-color:var(--tab_selected_hover_background);
|
background-color:var(--tab_selected_hover_background);
|
||||||
}
|
}
|
||||||
.tab.selected>.tab_header_hover>.tab_title{
|
.tab.selected_tab>.tab_header_hover>.tab_title{
|
||||||
color:var(--tab_selected_hover_title_font_color);
|
color:var(--tab_selected_hover_title_font_color);
|
||||||
font-style:var(--tab_selected_hover_title_font_style);
|
font-style:var(--tab_selected_hover_title_font_style);
|
||||||
font-weight:var(--tab_selected_hover_title_font_weight);
|
font-weight:var(--tab_selected_hover_title_font_weight);
|
||||||
}
|
}
|
||||||
/* normal active */
|
/* normal active */
|
||||||
.active>.tab_header{
|
.active_tab>.tab_header{
|
||||||
border:1px solid var(--tab_active_border);
|
border:1px solid var(--tab_active_border);
|
||||||
background-color:var(--tab_active_background);
|
background-color:var(--tab_active_background);
|
||||||
}
|
}
|
||||||
.tab.active>.tab_header>.tab_title{
|
.tab.active_tab>.tab_header>.tab_title{
|
||||||
color:var(--tab_active_title_font_color);
|
color:var(--tab_active_title_font_color);
|
||||||
font-style:var(--tab_active_title_font_style);
|
font-style:var(--tab_active_title_font_style);
|
||||||
font-weight:var(--tab_active_title_font_weight);
|
font-weight:var(--tab_active_title_font_weight);
|
||||||
}
|
}
|
||||||
/* normal active hover */
|
/* normal active hover */
|
||||||
.active>.tab_header_hover{
|
.active_tab>.tab_header_hover{
|
||||||
border:1px solid var(--tab_active_hover_border);
|
border:1px solid var(--tab_active_hover_border);
|
||||||
background-color:var(--tab_active_hover_background);
|
background-color:var(--tab_active_hover_background);
|
||||||
}
|
}
|
||||||
.tab.active>.tab_header_hover>.tab_title{
|
.tab.active_tab>.tab_header_hover>.tab_title{
|
||||||
color:var(--tab_active_hover_title_font_color);
|
color:var(--tab_active_hover_title_font_color);
|
||||||
font-style:var(--tab_active_hover_title_font_style);
|
font-style:var(--tab_active_hover_title_font_style);
|
||||||
font-weight:var(--tab_active_hover_title_font_weight);
|
font-weight:var(--tab_active_hover_title_font_weight);
|
||||||
}
|
}
|
||||||
/* normal selected active */
|
/* normal selected active */
|
||||||
.selected.active>.tab_header{
|
.selected_tab.active_tab>.tab_header{
|
||||||
border:1px solid var(--tab_active_selected_border);
|
border:1px solid var(--tab_active_selected_border);
|
||||||
background-color:var(--tab_active_selected_background);
|
background-color:var(--tab_active_selected_background);
|
||||||
}
|
}
|
||||||
.tab.selected.active>.tab_header>.tab_title{
|
.tab.selected_tab.active_tab>.tab_header>.tab_title{
|
||||||
color:var(--tab_active_selected_title_font_color);
|
color:var(--tab_active_selected_title_font_color);
|
||||||
font-style:var(--tab_active_selected_title_font_style);
|
font-style:var(--tab_active_selected_title_font_style);
|
||||||
font-weight:var(--tab_active_selected_title_font_weight);
|
font-weight:var(--tab_active_selected_title_font_weight);
|
||||||
}
|
}
|
||||||
/* normal selected active hover */
|
/* normal selected active hover */
|
||||||
.selected.active>.tab_header_hover{
|
.selected_tab.active_tab>.tab_header_hover{
|
||||||
border:1px solid var(--tab_selected_active_hover_border);
|
border:1px solid var(--tab_selected_active_hover_border);
|
||||||
background-color:var(--tab_selected_active_hover_background);
|
background-color:var(--tab_selected_active_hover_background);
|
||||||
}
|
}
|
||||||
.tab.selected.active>.tab_header_hover>.tab_title{
|
.tab.selected_tab.active_tab>.tab_header_hover>.tab_title{
|
||||||
color:var(--tab_selected_active_hover_title_font_color);
|
color:var(--tab_selected_active_hover_title_font_color);
|
||||||
font-style:var(--tab_selected_active_hover_title_font_style);
|
font-style:var(--tab_selected_active_hover_title_font_style);
|
||||||
font-weight:var(--tab_selected_active_hover_title_font_weight);
|
font-weight:var(--tab_selected_active_hover_title_font_weight);
|
||||||
@ -621,21 +642,21 @@ div {
|
|||||||
font-weight:var(--tab_discarded_hover_title_font_weight);
|
font-weight:var(--tab_discarded_hover_title_font_weight);
|
||||||
}
|
}
|
||||||
/* unloaded selected */
|
/* unloaded selected */
|
||||||
.selected.discarded>.tab_header{
|
.selected_tab.discarded>.tab_header{
|
||||||
border:1px solid var(--tab_selected_discarded_border);
|
border:1px solid var(--tab_selected_discarded_border);
|
||||||
background-color:var(--tab_selected_discarded_background);
|
background-color:var(--tab_selected_discarded_background);
|
||||||
}
|
}
|
||||||
.tab.selected.discarded>.tab_header>.tab_title{
|
.tab.selected_tab.discarded>.tab_header>.tab_title{
|
||||||
color:var(--tab_selected_discarded_title_font_color);
|
color:var(--tab_selected_discarded_title_font_color);
|
||||||
font-style:var(--tab_selected_discarded_title_font_style);
|
font-style:var(--tab_selected_discarded_title_font_style);
|
||||||
font-weight:var(--tab_selected_discarded_title_font_weight);
|
font-weight:var(--tab_selected_discarded_title_font_weight);
|
||||||
}
|
}
|
||||||
/* unloaded selected hover */
|
/* unloaded selected hover */
|
||||||
.selected.discarded>.tab_header_hover{
|
.selected_tab.discarded>.tab_header_hover{
|
||||||
border:1px solid var(--tab_selected_discarded_hover_border);
|
border:1px solid var(--tab_selected_discarded_hover_border);
|
||||||
background-color:var(--tab_selected_discarded_hover_background);
|
background-color:var(--tab_selected_discarded_hover_background);
|
||||||
}
|
}
|
||||||
.tab.selected.discarded>.tab_header_hover>.tab_title{
|
.tab.selected_tab.discarded>.tab_header_hover>.tab_title{
|
||||||
color:var(--tab_selected_discarded_hover_title_font_color);
|
color:var(--tab_selected_discarded_hover_title_font_color);
|
||||||
font-style:var(--tab_selected_discarded_hover_title_font_style);
|
font-style:var(--tab_selected_discarded_hover_title_font_style);
|
||||||
font-weight:var(--tab_selected_discarded_hover_title_font_weight);
|
font-weight:var(--tab_selected_discarded_hover_title_font_weight);
|
||||||
@ -661,61 +682,61 @@ div {
|
|||||||
font-weight:var(--tab_filtered_hover_title_font_weight);
|
font-weight:var(--tab_filtered_hover_title_font_weight);
|
||||||
}
|
}
|
||||||
/* search result active */
|
/* search result active */
|
||||||
.filtered.active>.tab_header{
|
.filtered.active_tab>.tab_header{
|
||||||
border:1px solid var(--tab_filtered_active_border);
|
border:1px solid var(--tab_filtered_active_border);
|
||||||
background-color:var(--tab_filtered_active_background);
|
background-color:var(--tab_filtered_active_background);
|
||||||
}
|
}
|
||||||
.tab.filtered.active>.tab_header>.tab_title{
|
.tab.filtered.active_tab>.tab_header>.tab_title{
|
||||||
color:var(--tab_filtered_active_title_font_color);
|
color:var(--tab_filtered_active_title_font_color);
|
||||||
font-style:var(--tab_filtered_active_title_font_style);
|
font-style:var(--tab_filtered_active_title_font_style);
|
||||||
font-weight:var(--tab_filtered_active_title_font_weight);
|
font-weight:var(--tab_filtered_active_title_font_weight);
|
||||||
}
|
}
|
||||||
/* search result active hover */
|
/* search result active hover */
|
||||||
.filtered.active>.tab_header_hover{
|
.filtered.active_tab>.tab_header_hover{
|
||||||
border:1px solid var(--tab_filtered_active_hover_border);
|
border:1px solid var(--tab_filtered_active_hover_border);
|
||||||
background-color:var(--tab_filtered_active_hover_background);
|
background-color:var(--tab_filtered_active_hover_background);
|
||||||
}
|
}
|
||||||
.tab.filtered.active>.tab_header_hover>.tab_title{
|
.tab.filtered.active_tab>.tab_header_hover>.tab_title{
|
||||||
color:var(--tab_filtered_active_hover_title_font_color);
|
color:var(--tab_filtered_active_hover_title_font_color);
|
||||||
font-style:var(--tab_filtered_active_hover_title_font_style);
|
font-style:var(--tab_filtered_active_hover_title_font_style);
|
||||||
font-weight:var(--tab_filtered_active_hover_title_font_weight);
|
font-weight:var(--tab_filtered_active_hover_title_font_weight);
|
||||||
}
|
}
|
||||||
/* search result selected */
|
/* search result selected */
|
||||||
.selected.filtered>.tab_header{
|
.selected_tab.filtered>.tab_header{
|
||||||
border:1px solid var(--tab_filtered_selected_border);
|
border:1px solid var(--tab_filtered_selected_border);
|
||||||
background-color:var(--tab_filtered_selected_background);
|
background-color:var(--tab_filtered_selected_background);
|
||||||
}
|
}
|
||||||
.tab.selected.filtered>.tab_header>.tab_title{
|
.tab.selected_tab.filtered>.tab_header>.tab_title{
|
||||||
color:var(--tab_filtered_selected_title_font_color);
|
color:var(--tab_filtered_selected_title_font_color);
|
||||||
font-style:var(--tab_filtered_selected_title_font_style);
|
font-style:var(--tab_filtered_selected_title_font_style);
|
||||||
font-weight:var(--tab_filtered_selected_title_font_weight);
|
font-weight:var(--tab_filtered_selected_title_font_weight);
|
||||||
}
|
}
|
||||||
/* search result selected hover */
|
/* search result selected hover */
|
||||||
.selected.filtered>.tab_header_hover{
|
.selected_tab.filtered>.tab_header_hover{
|
||||||
border:1px solid var(--tab_filtered_selected_hover_border);
|
border:1px solid var(--tab_filtered_selected_hover_border);
|
||||||
background-color:var(--tab_filtered_selected_hover_background);
|
background-color:var(--tab_filtered_selected_hover_background);
|
||||||
}
|
}
|
||||||
.tab.selected.filtered>.tab_header_hover>.tab_title{
|
.tab.selected_tab.filtered>.tab_header_hover>.tab_title{
|
||||||
color:var(--tab_filtered_selected_hover_title_font_color);
|
color:var(--tab_filtered_selected_hover_title_font_color);
|
||||||
font-style:var(--tab_filtered_selected_hover_title_font_style);
|
font-style:var(--tab_filtered_selected_hover_title_font_style);
|
||||||
font-weight:var(--tab_filtered_selected_hover_title_font_weight);
|
font-weight:var(--tab_filtered_selected_hover_title_font_weight);
|
||||||
}
|
}
|
||||||
/* search result active selected */
|
/* search result active selected */
|
||||||
.selected.filtered.active>.tab_header{
|
.selected_tab.filtered.active_tab>.tab_header{
|
||||||
border:1px solid var(--tab_filtered_selected_active_border);
|
border:1px solid var(--tab_filtered_selected_active_border);
|
||||||
background-color:var(--tab_filtered_selected_active_background);
|
background-color:var(--tab_filtered_selected_active_background);
|
||||||
}
|
}
|
||||||
.tab.selected.filtered.active>.tab_header>.tab_title{
|
.tab.selected_tab.filtered.active_tab>.tab_header>.tab_title{
|
||||||
color:var(--tab_filtered_selected_active_title_font_color);
|
color:var(--tab_filtered_selected_active_title_font_color);
|
||||||
font-style:var(--tab_filtered_selected_active_title_font_style);
|
font-style:var(--tab_filtered_selected_active_title_font_style);
|
||||||
font-weight:var(--tab_filtered_selected_active_title_font_weight);
|
font-weight:var(--tab_filtered_selected_active_title_font_weight);
|
||||||
}
|
}
|
||||||
/* search result active selected hover */
|
/* search result active selected hover */
|
||||||
.selected.filtered.active>.tab_header_hover{
|
.selected_tab.filtered.active_tab>.tab_header_hover{
|
||||||
border:1px solid var(--tab_filtered_selected_active_hover_border);
|
border:1px solid var(--tab_filtered_selected_active_hover_border);
|
||||||
background-color:var(--tab_filtered_selected_active_hover_background);
|
background-color:var(--tab_filtered_selected_active_hover_background);
|
||||||
}
|
}
|
||||||
.tab.filtered.selected.active>.tab_header_hover>.tab_title{
|
.tab.filtered.selected_tab.active_tab>.tab_header_hover>.tab_title{
|
||||||
color:var(--tab_filtered_selected_active_hover_title_font_color);
|
color:var(--tab_filtered_selected_active_hover_title_font_color);
|
||||||
font-style:var(--tab_filtered_selected_active_hover_title_font_style);
|
font-style:var(--tab_filtered_selected_active_hover_title_font_style);
|
||||||
font-weight:var(--tab_filtered_selected_active_hover_title_font_weight);
|
font-weight:var(--tab_filtered_selected_active_hover_title_font_weight);
|
||||||
@ -741,61 +762,61 @@ div {
|
|||||||
font-weight:var(--tab_filtered_highlighted_search_hover_title_font_weight);
|
font-weight:var(--tab_filtered_highlighted_search_hover_title_font_weight);
|
||||||
}
|
}
|
||||||
/* search result active highlighted */
|
/* search result active highlighted */
|
||||||
.active.filtered.highlighted_search>.tab_header{
|
.active_tab.filtered.highlighted_search>.tab_header{
|
||||||
border:1px solid var(--tab_filtered_active_highlighted_search_border);
|
border:1px solid var(--tab_filtered_active_highlighted_search_border);
|
||||||
background-color:var(--tab_filtered_active_highlighted_search_background);
|
background-color:var(--tab_filtered_active_highlighted_search_background);
|
||||||
}
|
}
|
||||||
.tab.active.filtered.highlighted_search>.tab_header>.tab_title{
|
.tab.active_tab.filtered.highlighted_search>.tab_header>.tab_title{
|
||||||
color:var(--tab_filtered_active_highlighted_search_title_font_color);
|
color:var(--tab_filtered_active_highlighted_search_title_font_color);
|
||||||
font-style:var(--tab_filtered_active_highlighted_search_title_font_style);
|
font-style:var(--tab_filtered_active_highlighted_search_title_font_style);
|
||||||
font-weight:var(--tab_filtered_active_highlighted_search_title_font_weight);
|
font-weight:var(--tab_filtered_active_highlighted_search_title_font_weight);
|
||||||
}
|
}
|
||||||
/* search result active highlighted hover */
|
/* search result active highlighted hover */
|
||||||
.active.filtered.highlighted_search>.tab_header_hover{
|
.active_tab.filtered.highlighted_search>.tab_header_hover{
|
||||||
border:1px solid var(--tab_filtered_active_highlighted_search_hover_border);
|
border:1px solid var(--tab_filtered_active_highlighted_search_hover_border);
|
||||||
background-color:var(--tab_filtered_active_highlighted_search_hover_background);
|
background-color:var(--tab_filtered_active_highlighted_search_hover_background);
|
||||||
}
|
}
|
||||||
.tab.active.filtered.highlighted_search>.tab_header_hover>.tab_title{
|
.tab.active_tab.filtered.highlighted_search>.tab_header_hover>.tab_title{
|
||||||
color:var(--tab_filtered_active_highlighted_search_hover_title_font_color);
|
color:var(--tab_filtered_active_highlighted_search_hover_title_font_color);
|
||||||
font-style:var(--tab_filtered_active_highlighted_search_hover_title_font_style);
|
font-style:var(--tab_filtered_active_highlighted_search_hover_title_font_style);
|
||||||
font-weight:var(--tab_filtered_active_highlighted_search_hover_title_font_weight);
|
font-weight:var(--tab_filtered_active_highlighted_search_hover_title_font_weight);
|
||||||
}
|
}
|
||||||
/* search result selected highlighted */
|
/* search result selected highlighted */
|
||||||
.selected.filtered.highlighted_search>.tab_header{
|
.selected_tab.filtered.highlighted_search>.tab_header{
|
||||||
border:1px solid var(--tab_filtered_selected_highlighted_search_border);
|
border:1px solid var(--tab_filtered_selected_highlighted_search_border);
|
||||||
background-color:var(--tab_filtered_selected_highlighted_search_background);
|
background-color:var(--tab_filtered_selected_highlighted_search_background);
|
||||||
}
|
}
|
||||||
.tab.selected.filtered.highlighted_search>.tab_header>.tab_title{
|
.tab.selected_tab.filtered.highlighted_search>.tab_header>.tab_title{
|
||||||
color:var(--tab_filtered_selected_highlighted_search_title_font_color);
|
color:var(--tab_filtered_selected_highlighted_search_title_font_color);
|
||||||
font-style:var(--tab_filtered_selected_highlighted_search_title_font_style);
|
font-style:var(--tab_filtered_selected_highlighted_search_title_font_style);
|
||||||
font-weight:var(--tab_filtered_selected_highlighted_search_title_font_weight);
|
font-weight:var(--tab_filtered_selected_highlighted_search_title_font_weight);
|
||||||
}
|
}
|
||||||
/* search result selected highlighted hover */
|
/* search result selected highlighted hover */
|
||||||
.selected.filtered.highlighted_search>.tab_header_hover{
|
.selected_tab.filtered.highlighted_search>.tab_header_hover{
|
||||||
border:1px solid var(--tab_filtered_selected_highlighted_search_hover_border);
|
border:1px solid var(--tab_filtered_selected_highlighted_search_hover_border);
|
||||||
background-color:var(--tab_filtered_selected_highlighted_search_hover_background);
|
background-color:var(--tab_filtered_selected_highlighted_search_hover_background);
|
||||||
}
|
}
|
||||||
.tab.selected.filtered.highlighted_search>.tab_header_hover>.tab_title{
|
.tab.selected_tab.filtered.highlighted_search>.tab_header_hover>.tab_title{
|
||||||
color:var(--tab_filtered_selected_highlighted_search_hover_title_font_color);
|
color:var(--tab_filtered_selected_highlighted_search_hover_title_font_color);
|
||||||
font-style:var(--tab_filtered_selected_highlighted_search_hover_title_font_style);
|
font-style:var(--tab_filtered_selected_highlighted_search_hover_title_font_style);
|
||||||
font-weight:var(--tab_filtered_selected_highlighted_search_hover_title_font_weight);
|
font-weight:var(--tab_filtered_selected_highlighted_search_hover_title_font_weight);
|
||||||
}
|
}
|
||||||
/* search result selected active highlighted */
|
/* search result selected active highlighted */
|
||||||
.active.selected.filtered.highlighted_search>.tab_header{
|
.active_tab.selected_tab.filtered.highlighted_search>.tab_header{
|
||||||
border:1px solid var(--tab_filtered_selected_active_highlighted_search_border);
|
border:1px solid var(--tab_filtered_selected_active_highlighted_search_border);
|
||||||
background-color:var(--tab_filtered_selected_active_highlighted_search_background);
|
background-color:var(--tab_filtered_selected_active_highlighted_search_background);
|
||||||
}
|
}
|
||||||
.tab.active.selected.filtered.highlighted_search>.tab_header>.tab_title{
|
.tab.active_tab.selected_tab.filtered.highlighted_search>.tab_header>.tab_title{
|
||||||
color:var(--tab_filtered_selected_active_highlighted_search_title_font_color);
|
color:var(--tab_filtered_selected_active_highlighted_search_title_font_color);
|
||||||
font-style:var(--tab_filtered_selected_active_highlighted_search_title_font_style);
|
font-style:var(--tab_filtered_selected_active_highlighted_search_title_font_style);
|
||||||
font-weight:var(--tab_filtered_selected_active_highlighted_search_title_font_weight);
|
font-weight:var(--tab_filtered_selected_active_highlighted_search_title_font_weight);
|
||||||
}
|
}
|
||||||
/* search result selected active highlighted hover */
|
/* search result selected active highlighted hover */
|
||||||
.active.selected.filtered.highlighted_search>.tab_header_hover{
|
.active_tab.selected_tab.filtered.highlighted_search>.tab_header_hover{
|
||||||
border:1px solid var(--tab_filtered_selected_active_highlighted_search_hover_border);
|
border:1px solid var(--tab_filtered_selected_active_highlighted_search_hover_border);
|
||||||
background-color:var(--tab_filtered_selected_active_highlighted_search_hover_background);
|
background-color:var(--tab_filtered_selected_active_highlighted_search_hover_background);
|
||||||
}
|
}
|
||||||
.tab.active.selected.filtered.highlighted_search>.tab_header_hover>.tab_title{
|
.tab.active_tab.selected_tab.filtered.highlighted_search>.tab_header_hover>.tab_title{
|
||||||
color:var(--tab_filtered_selected_active_highlighted_search_hover_title_font_color);
|
color:var(--tab_filtered_selected_active_highlighted_search_hover_title_font_color);
|
||||||
font-style:var(--tab_filtered_selected_active_highlighted_search_hover_title_font_style);
|
font-style:var(--tab_filtered_selected_active_highlighted_search_hover_title_font_style);
|
||||||
font-weight:var(--tab_filtered_selected_active_highlighted_search_hover_title_font_weight);
|
font-weight:var(--tab_filtered_selected_active_highlighted_search_hover_title_font_weight);
|
||||||
@ -844,8 +865,8 @@ div {
|
|||||||
height: var(--tab_height);
|
height: var(--tab_height);
|
||||||
line-height: var(--tab_height_line);
|
line-height: var(--tab_height_line);
|
||||||
width: calc(100% - 4px);
|
width: calc(100% - 4px);
|
||||||
background-image: url(../theme/empty.svg);
|
background-image: url(../theme/icon_empty.svg);
|
||||||
background-size: var(--favicon_size);
|
background-size: var(--favicon_width) var(--favicon_height);
|
||||||
background-position: var(--favicon_left), center;
|
background-position: var(--favicon_left), center;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -853,8 +874,8 @@ div {
|
|||||||
/* DRAG AND DROP TARGETS */
|
/* DRAG AND DROP TARGETS */
|
||||||
|
|
||||||
.drop_target {
|
.drop_target {
|
||||||
display: none;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tab>.drag_enter_center {
|
.tab>.drag_enter_center {
|
||||||
@ -919,28 +940,24 @@ div {
|
|||||||
|
|
||||||
|
|
||||||
/* TABS WITH CHILDREN, OPEN AND CLOSED */
|
/* TABS WITH CHILDREN, OPEN AND CLOSED */
|
||||||
.tab.c>.tab_header,
|
|
||||||
.tab.o>.tab_header {
|
|
||||||
background-position: calc(var(--favicon_left) + 8px), center;
|
|
||||||
}
|
|
||||||
.tab.c>.tab_header>.tab_title,
|
|
||||||
.tab.o>.tab_header>.tab_title {
|
|
||||||
padding-left: calc(var(--tab_title_text_padding_left) + 8px);
|
|
||||||
}
|
|
||||||
.expand {
|
.expand {
|
||||||
z-index: 200;
|
z-index: 200;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: calc(var(--tab_height)/2 - 8px);
|
top: 0px;
|
||||||
left: 0px;
|
left: 0px;
|
||||||
width: 24px;
|
height: var(--expand_height);
|
||||||
height: 16px;
|
width: var(--expand_width);
|
||||||
|
|
||||||
|
-webkit-mask-position: var(--expand_mask_left) var(--expand_mask_top);
|
||||||
|
-webkit-mask-size: var(--expand_mask_width) var(--expand_mask_height);
|
||||||
|
mask-size: var(--expand_mask_width) var(--expand_mask_height);
|
||||||
|
mask-position: var(--expand_mask_left) var(--expand_mask_top);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* CHILDREN TABS */
|
/* CHILDREN TABS */
|
||||||
.tab>.children {
|
.tab>.children {
|
||||||
position: relative;
|
position: relative;
|
||||||
padding-left: var(--children_padding_left);
|
padding-left: var(--children_padding_left);
|
||||||
/* padding-left: 4%; */
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.tab.o>.children {
|
.tab.o>.children {
|
||||||
@ -958,25 +975,29 @@ div {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.tab.c>.tab_header>.expand {
|
.tab.c>.tab_header>.expand {
|
||||||
background-size: 24px 16px;
|
|
||||||
background-position: 0px center;
|
|
||||||
background-color: var(--expand_closed_background);
|
background-color: var(--expand_closed_background);
|
||||||
-webkit-mask-box-image: url(../theme/expand_closed.svg);
|
|
||||||
mask-image: url(../theme/expand_closed.svg);
|
mask-image: url(../theme/expand_closed.svg);
|
||||||
|
-webkit-mask-image: url(../theme/expand_c.svg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.tab.o>.tab_header>.expand {
|
.tab.o>.tab_header>.expand {
|
||||||
background-size: 24px 16px;
|
|
||||||
background-position: 0px center;
|
|
||||||
background-color: var(--expand_open_background);
|
background-color: var(--expand_open_background);
|
||||||
-webkit-mask-box-image: url(../theme/expand_open.svg);
|
|
||||||
mask-image: url(../theme/expand_open.svg);
|
mask-image: url(../theme/expand_open.svg);
|
||||||
|
-webkit-mask-image: url(../theme/expand_o.svg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.o.tab>.tab_header>.tab_title,
|
||||||
|
.c.tab>.tab_header>.tab_title {
|
||||||
|
padding-left: var(--tab_title_text_padding_exp_left);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* FOLDERS */
|
/* FOLDERS */
|
||||||
|
|
||||||
|
/* .group>.children_folders{
|
||||||
|
background-color: var(--folder_list_background);
|
||||||
|
} */
|
||||||
|
|
||||||
.folder_title {
|
.folder_title {
|
||||||
z-index: 5;
|
z-index: 5;
|
||||||
font-family: Arial, Helvetica, "Nimbus Sans L", "Liberation Sans", FreeSans, Sans-serif;
|
font-family: Arial, Helvetica, "Nimbus Sans L", "Liberation Sans", FreeSans, Sans-serif;
|
||||||
@ -1009,13 +1030,10 @@ div {
|
|||||||
height: var(--tab_height);
|
height: var(--tab_height);
|
||||||
line-height: var(--tab_height_line);
|
line-height: var(--tab_height_line);
|
||||||
width: calc(100% - 4px);
|
width: calc(100% - 4px);
|
||||||
|
border-radius:var(--tab_header_border_radius);
|
||||||
|
border:1px solid var(--tab_border);
|
||||||
|
background-color:var(--tab_background);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* .drop_target {
|
|
||||||
display: none;
|
|
||||||
position: absolute;
|
|
||||||
} */
|
|
||||||
|
|
||||||
.folder>.drag_enter_center {
|
.folder>.drag_enter_center {
|
||||||
border-radius: var(--tab_header_border_radius);
|
border-radius: var(--tab_header_border_radius);
|
||||||
z-index: 11;
|
z-index: 11;
|
||||||
@ -1084,41 +1102,74 @@ div {
|
|||||||
.folder.o>.folder_header {
|
.folder.o>.folder_header {
|
||||||
background-position: calc(var(--favicon_left) + 8px), center;
|
background-position: calc(var(--favicon_left) + 8px), center;
|
||||||
}
|
}
|
||||||
.folder.c>.folder_header>.folder_title,
|
|
||||||
.folder.o>.folder_header>.folder_title {
|
|
||||||
padding-left: calc(var(--tab_title_text_padding_left) + 8px);
|
|
||||||
}
|
|
||||||
.folder_icon {
|
.folder_icon {
|
||||||
z-index: 200;
|
z-index: 200;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: calc(var(--tab_height)/2 - 8px);
|
top: calc(var(--tab_height)/2 - var(--favicon_height)/2);
|
||||||
left: var(--favicon_left);
|
left: var(--favicon_left);
|
||||||
width: 16px;
|
width: var(--favicon_width);
|
||||||
height: 16px;
|
height: var(--favicon_height);
|
||||||
background-size: 16px 16px;
|
mask-size: var(--favicon_width) var(--favicon_height);
|
||||||
background-position: 0px center;
|
mask-position: 0px 0px;
|
||||||
|
-webkit-mask-size: var(--favicon_width) var(--favicon_height);
|
||||||
|
-webkit-mask-position: 0px 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.folder.c>.folder_header>.folder_icon.hover,
|
.folder.c>.folder_header>.folder_icon:hover,
|
||||||
.folder.o>.folder_header>.folder_icon.hover {
|
.folder.o>.folder_header>.folder_icon:hover {
|
||||||
background-color: var(--expand_hover_background);
|
background-color: var(--expand_hover_background);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.folder>.folder_header>.folder_icon,
|
||||||
.folder.n>.folder_header>.folder_icon,
|
.folder.n>.folder_header>.folder_icon,
|
||||||
.folder.c>.folder_header>.folder_icon {
|
.folder.c>.folder_header>.folder_icon {
|
||||||
|
/* background-color: #b2b2b2; */
|
||||||
background-color: var(--expand_closed_background);
|
background-color: var(--expand_closed_background);
|
||||||
-webkit-mask-box-image: url(../theme/folder_closed.svg);
|
-webkit-mask-image: url(../theme/icon_folder_closed.svg);
|
||||||
mask-image: url(../theme/folder_closed.svg);
|
mask-image: url(../theme/icon_folder_closed.svg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.folder.o>.folder_header>.folder_icon {
|
.folder.o>.folder_header>.folder_icon {
|
||||||
background-color: var(--expand_open_background);
|
background-color: var(--expand_open_background);
|
||||||
-webkit-mask-box-image: url(../theme/folder_open.svg);
|
-webkit-mask-image: url(../theme/icon_folder_open.svg);
|
||||||
mask-image: url(../theme/folder_open.svg);
|
mask-image: url(../theme/icon_folder_open.svg);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* normal hover */
|
||||||
|
.folder>.folder_header_hover{
|
||||||
|
border-radius:var(--tab_header_border_radius);
|
||||||
|
border:1px solid var(--tab_hover_border);
|
||||||
|
background-color:var(--tab_hover_background);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* normal selected */
|
||||||
|
.selected_folder>.folder_header{
|
||||||
|
border:1px solid var(--tab_selected_border);
|
||||||
|
background-color:var(--tab_selected_background);
|
||||||
|
}
|
||||||
|
.selected_folder>.folder_header>.folder_title{
|
||||||
|
color:var(--tab_selected_title_font_color);
|
||||||
|
font-style:var(--tab_selected_title_font_style);
|
||||||
|
font-weight:var(--tab_selected_title_font_weight);
|
||||||
|
}
|
||||||
|
/* normal selected hover */
|
||||||
|
.selected_folder>.folder_header_hover{
|
||||||
|
border:1px solid var(--tab_selected_hover_border);
|
||||||
|
background-color:var(--tab_selected_hover_background);
|
||||||
|
}
|
||||||
|
.selected_folder>.folder_header_hover>.folder_title{
|
||||||
|
color:var(--tab_selected_hover_title_font_color);
|
||||||
|
font-style:var(--tab_selected_hover_title_font_style);
|
||||||
|
font-weight:var(--tab_selected_hover_title_font_weight);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.children_folders>:last-child {
|
||||||
|
margin-bottom: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* PINS */
|
/* PINS */
|
||||||
@ -1152,8 +1203,8 @@ div {
|
|||||||
.pin>.tab_header {
|
.pin>.tab_header {
|
||||||
height: calc(100% - 3px);
|
height: calc(100% - 3px);
|
||||||
width: calc(100% - 3px);
|
width: calc(100% - 3px);
|
||||||
background-image: url(../theme/empty.svg);
|
background-image: url(../theme/icon_empty.svg);
|
||||||
background-size: var(--favicon_size);
|
background-size: var(--favicon_width) var(--favicon_height);
|
||||||
background-position: center, center;
|
background-position: center, center;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1198,34 +1249,41 @@ div {
|
|||||||
|
|
||||||
/* MEDIA */
|
/* MEDIA */
|
||||||
|
|
||||||
.tab.c>.tab_header>.tab_mediaicon,
|
/* .tab.c>.tab_header>.tab_mediaicon,
|
||||||
.tab.o>.tab_header>.tab_mediaicon {
|
.tab.o>.tab_header>.tab_mediaicon {
|
||||||
left: calc(var(--pin_width) - 4px);
|
left: calc(var(--pin_width) - 4px);
|
||||||
}
|
} */
|
||||||
.tab_mediaicon {
|
.tab_mediaicon {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
bottom: 2px;
|
bottom: 2px;
|
||||||
left: calc(var(--pin_width) - 12px);
|
left: var(--tab_mediaicon_left);
|
||||||
|
bottom: var(--tab_mediaicon_bottom);
|
||||||
height: 0px;
|
height: 0px;
|
||||||
width: 0px;
|
width: 0px;
|
||||||
background-size: 0px 0px;
|
background-size: 0px 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.audible>.tab_header>.tab_mediaicon {
|
.audible>.tab_header>.tab_mediaicon {
|
||||||
height: 10px;
|
height: var(--tab_mediaicon_height);
|
||||||
width: 10px;
|
width: var(--tab_mediaicon_width);
|
||||||
background-image: url(../theme/media.gif);
|
background-image: url(../theme/icon_audio.svg);
|
||||||
background-size: 10px 10px;
|
background-size: var(--tab_mediaicon_width) var(--tab_mediaicon_height);
|
||||||
|
}
|
||||||
|
.audible>.tab_header>.tab_mediaicon:hover {
|
||||||
|
background-image: url(../theme/icon_audio_hover.svg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.muted>.tab_header>.tab_mediaicon {
|
.muted>.tab_header>.tab_mediaicon {
|
||||||
height: 10px;
|
height: var(--tab_mediaicon_height);
|
||||||
width: 10px;
|
width: var(--tab_mediaicon_width);
|
||||||
background-image: url(../theme/media_muted.gif);
|
background-image: url(../theme/icon_audio_muted.svg);
|
||||||
background-size: 10px 10px;
|
background-size: var(--tab_mediaicon_width) var(--tab_mediaicon_height);
|
||||||
|
}
|
||||||
|
.muted>.tab_header>.tab_mediaicon:hover {
|
||||||
|
background-image: url(../theme/icon_audio_muted_hover.svg);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@ -1258,7 +1316,7 @@ div {
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-color: var(--close_x);
|
background-color: var(--close_x);
|
||||||
-webkit-mask-box-image: url(../theme/close.svg);
|
-webkit-mask-image: url(../theme/close.svg);
|
||||||
mask-image: url(../theme/close.svg);
|
mask-image: url(../theme/close.svg);
|
||||||
mask-size: 100%;
|
mask-size: 100%;
|
||||||
mask-position: center, center;
|
mask-position: center, center;
|
||||||
@ -1290,7 +1348,7 @@ div {
|
|||||||
|
|
||||||
/* MENU */
|
/* MENU */
|
||||||
|
|
||||||
#tabs_menu {
|
.menu {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
display: none;
|
display: none;
|
||||||
@ -1305,18 +1363,18 @@ div {
|
|||||||
color: var(--tabs_menu_font);
|
color: var(--tabs_menu_font);
|
||||||
}
|
}
|
||||||
|
|
||||||
#tabs_menu li {
|
.menu li {
|
||||||
padding: 3px 8px;
|
padding: 3px 8px;
|
||||||
border: 1px solid var(--tabs_menu_background);
|
border: 1px solid var(--tabs_menu_background);
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#tabs_menu li:hover {
|
.menu li:hover {
|
||||||
border: 1px solid var(--tabs_menu_hover_border);
|
border: 1px solid var(--tabs_menu_hover_border);
|
||||||
background-color: var(--tabs_menu_hover_background);
|
background-color: var(--tabs_menu_hover_background);
|
||||||
}
|
}
|
||||||
|
|
||||||
#tabs_menu .separator {
|
.menu .separator {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
width: 80%;
|
width: 80%;
|
||||||
background-color: var(--tabs_menu_separator);
|
background-color: var(--tabs_menu_separator);
|
||||||
|
|||||||
@ -247,6 +247,8 @@ body {
|
|||||||
--tab_filtered_selected_active_highlighted_search_hover_title_font_style: italic;
|
--tab_filtered_selected_active_highlighted_search_hover_title_font_style: italic;
|
||||||
--tab_filtered_selected_active_highlighted_search_hover_title_font_weight: bold;
|
--tab_filtered_selected_active_highlighted_search_hover_title_font_weight: bold;
|
||||||
|
|
||||||
|
/* folders */
|
||||||
|
/* --folder_list_background: #fafafa; */
|
||||||
|
|
||||||
|
|
||||||
--expand_hover_background: #ffa500;
|
--expand_hover_background: #ffa500;
|
||||||
|
|||||||
@ -12,12 +12,21 @@ body {
|
|||||||
|
|
||||||
--title_font_size: 10.5px;
|
--title_font_size: 10.5px;
|
||||||
|
|
||||||
--tab_title_text_padding_left: 19px;
|
--tab_title_text_padding_left: 18px;
|
||||||
|
--tab_title_text_padding_exp_left: 25px;
|
||||||
--tab_title_text_padding_right_with_close_button: 20px;
|
--tab_title_text_padding_right_with_close_button: 20px;
|
||||||
|
|
||||||
--favicon_size: 13px 13px;
|
--favicon_width: 13px;
|
||||||
--favicon_left: 4px;
|
--favicon_height: 13px;
|
||||||
|
--favicon_left: 1px;
|
||||||
|
|
||||||
|
--expand_height: 15px;
|
||||||
|
--expand_width: 26px;
|
||||||
|
|
||||||
|
--expand_mask_top: 6px;
|
||||||
|
--expand_mask_left: 18px;
|
||||||
|
--expand_mask_height: 4px;
|
||||||
|
--expand_mask_width: 4px;
|
||||||
|
|
||||||
--drag_area_top: 6px;
|
--drag_area_top: 6px;
|
||||||
--drag_area_bottom: 4px;
|
--drag_area_bottom: 4px;
|
||||||
@ -27,4 +36,9 @@ body {
|
|||||||
--close_right: 1px;
|
--close_right: 1px;
|
||||||
--close_height: 11px;
|
--close_height: 11px;
|
||||||
--close_width: 11px;
|
--close_width: 11px;
|
||||||
|
|
||||||
|
--tab_mediaicon_height: 8px;
|
||||||
|
--tab_mediaicon_width: 8px;
|
||||||
|
--tab_mediaicon_left: 1px;
|
||||||
|
--tab_mediaicon_bottom: 1px;
|
||||||
}
|
}
|
||||||
@ -12,12 +12,21 @@ body {
|
|||||||
|
|
||||||
--title_font_size: 10.5px;
|
--title_font_size: 10.5px;
|
||||||
|
|
||||||
--tab_title_text_padding_left: 23px;
|
--tab_title_text_padding_left: 21px;
|
||||||
|
--tab_title_text_padding_exp_left: 30px;
|
||||||
--tab_title_text_padding_right_with_close_button: 20px;
|
--tab_title_text_padding_right_with_close_button: 20px;
|
||||||
|
|
||||||
--favicon_size: 14px 14px;
|
--favicon_width: 15px;
|
||||||
--favicon_left: 5px;
|
--favicon_height: 15px;
|
||||||
|
--favicon_left: 1px;
|
||||||
|
|
||||||
|
--expand_height: 17px;
|
||||||
|
--expand_width: 30px;
|
||||||
|
|
||||||
|
--expand_mask_top: 7px;
|
||||||
|
--expand_mask_left: 21px;
|
||||||
|
--expand_mask_height: 5px;
|
||||||
|
--expand_mask_width: 5px;
|
||||||
|
|
||||||
--drag_area_top: 6px;
|
--drag_area_top: 6px;
|
||||||
--drag_area_bottom: 4px;
|
--drag_area_bottom: 4px;
|
||||||
@ -27,4 +36,9 @@ body {
|
|||||||
--close_right: 2px;
|
--close_right: 2px;
|
||||||
--close_height: 11px;
|
--close_height: 11px;
|
||||||
--close_width: 11px;
|
--close_width: 11px;
|
||||||
|
|
||||||
|
--tab_mediaicon_height: 11px;
|
||||||
|
--tab_mediaicon_width: 11px;
|
||||||
|
--tab_mediaicon_left: 1px;
|
||||||
|
--tab_mediaicon_bottom: 1px;
|
||||||
}
|
}
|
||||||
@ -13,11 +13,20 @@ body {
|
|||||||
--title_font_size: 12px;
|
--title_font_size: 12px;
|
||||||
|
|
||||||
--tab_title_text_padding_left: 26px;
|
--tab_title_text_padding_left: 26px;
|
||||||
|
--tab_title_text_padding_exp_left: 35px;
|
||||||
--tab_title_text_padding_right_with_close_button: 19px;
|
--tab_title_text_padding_right_with_close_button: 19px;
|
||||||
|
|
||||||
--favicon_size: 16px 16px;
|
--favicon_width: 17px;
|
||||||
--favicon_left: 5px;
|
--favicon_height: 17px;
|
||||||
|
--favicon_left: 1px;
|
||||||
|
|
||||||
|
--expand_height: 19px;
|
||||||
|
--expand_width: 36px;
|
||||||
|
|
||||||
|
--expand_mask_top: 7px;
|
||||||
|
--expand_mask_left: 24px;
|
||||||
|
--expand_mask_height: 6px;
|
||||||
|
--expand_mask_width: 6px;
|
||||||
|
|
||||||
--drag_area_top: 7px;
|
--drag_area_top: 7px;
|
||||||
--drag_area_bottom: 5px;
|
--drag_area_bottom: 5px;
|
||||||
@ -27,4 +36,9 @@ body {
|
|||||||
--close_right: 2px;
|
--close_right: 2px;
|
||||||
--close_height: 13px;
|
--close_height: 13px;
|
||||||
--close_width: 13px;
|
--close_width: 13px;
|
||||||
|
|
||||||
|
--tab_mediaicon_height: 11px;
|
||||||
|
--tab_mediaicon_width: 11px;
|
||||||
|
--tab_mediaicon_left: 1px;
|
||||||
|
--tab_mediaicon_bottom: 1px;
|
||||||
}
|
}
|
||||||
@ -12,12 +12,21 @@ body {
|
|||||||
|
|
||||||
--title_font_size: 12px;
|
--title_font_size: 12px;
|
||||||
|
|
||||||
--tab_title_text_padding_left: 26px;
|
--tab_title_text_padding_left: 25px;
|
||||||
|
--tab_title_text_padding_exp_left: 37px;
|
||||||
--tab_title_text_padding_right_with_close_button: 24px;
|
--tab_title_text_padding_right_with_close_button: 24px;
|
||||||
|
|
||||||
--favicon_size: 16px 16px;
|
--favicon_width: 17px;
|
||||||
--favicon_left: 6px;
|
--favicon_height: 17px;
|
||||||
|
--favicon_left: 2px;
|
||||||
|
|
||||||
|
--expand_height: 21px;
|
||||||
|
--expand_width: 38px;
|
||||||
|
|
||||||
|
--expand_mask_top: 8px;
|
||||||
|
--expand_mask_left: 25px;
|
||||||
|
--expand_mask_height: 7px;
|
||||||
|
--expand_mask_width: 7px;
|
||||||
|
|
||||||
--drag_area_top: 8px;
|
--drag_area_top: 8px;
|
||||||
--drag_area_bottom: 5px;
|
--drag_area_bottom: 5px;
|
||||||
@ -27,4 +36,9 @@ body {
|
|||||||
--close_right: 3px;
|
--close_right: 3px;
|
||||||
--close_height: 13px;
|
--close_height: 13px;
|
||||||
--close_width: 13px;
|
--close_width: 13px;
|
||||||
|
|
||||||
|
--tab_mediaicon_height: 12px;
|
||||||
|
--tab_mediaicon_width: 12px;
|
||||||
|
--tab_mediaicon_left: 1px;
|
||||||
|
--tab_mediaicon_bottom: 1px;
|
||||||
}
|
}
|
||||||
@ -12,12 +12,21 @@ body {
|
|||||||
|
|
||||||
--title_font_size: 14px;
|
--title_font_size: 14px;
|
||||||
|
|
||||||
--tab_title_text_padding_left: 26px;
|
--tab_title_text_padding_left: 27px;
|
||||||
|
--tab_title_text_padding_exp_left: 39px;
|
||||||
--tab_title_text_padding_right_with_close_button: 24px;
|
--tab_title_text_padding_right_with_close_button: 24px;
|
||||||
|
|
||||||
--favicon_size: 16px 16px;
|
--favicon_width: 17px;
|
||||||
--favicon_left: 6px;
|
--favicon_height: 17px;
|
||||||
|
--favicon_left: 3px;
|
||||||
|
|
||||||
|
--expand_height: 23px;
|
||||||
|
--expand_width: 41px;
|
||||||
|
|
||||||
|
--expand_mask_top: 9px;
|
||||||
|
--expand_mask_left: 27px;
|
||||||
|
--expand_mask_height: 7px;
|
||||||
|
--expand_mask_width: 7px;
|
||||||
|
|
||||||
--drag_area_top: 9px;
|
--drag_area_top: 9px;
|
||||||
--drag_area_bottom: 6px;
|
--drag_area_bottom: 6px;
|
||||||
@ -27,4 +36,9 @@ body {
|
|||||||
--close_right: 4px;
|
--close_right: 4px;
|
||||||
--close_height: 14px;
|
--close_height: 14px;
|
||||||
--close_width: 14px;
|
--close_width: 14px;
|
||||||
|
|
||||||
|
--tab_mediaicon_height: 12px;
|
||||||
|
--tab_mediaicon_width: 12px;
|
||||||
|
--tab_mediaicon_left: 1px;
|
||||||
|
--tab_mediaicon_bottom: 1px;
|
||||||
}
|
}
|
||||||
74
theme/toolbar_folder.svg
Normal file
74
theme/toolbar_folder.svg
Normal file
@ -0,0 +1,74 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||||
|
xmlns:cc="http://creativecommons.org/ns#"
|
||||||
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||||
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||||
|
id="svg3347"
|
||||||
|
version="1.1"
|
||||||
|
inkscape:version="0.91 r13725"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
viewBox="0 0 22 22"
|
||||||
|
sodipodi:docname="toolbar_folder.svg">
|
||||||
|
<metadata
|
||||||
|
id="metadata3353">
|
||||||
|
<rdf:RDF>
|
||||||
|
<cc:Work
|
||||||
|
rdf:about="">
|
||||||
|
<dc:format>image/svg+xml</dc:format>
|
||||||
|
<dc:type
|
||||||
|
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||||
|
<dc:title />
|
||||||
|
</cc:Work>
|
||||||
|
</rdf:RDF>
|
||||||
|
</metadata>
|
||||||
|
<defs
|
||||||
|
id="defs3351" />
|
||||||
|
<sodipodi:namedview
|
||||||
|
pagecolor="#ffffff"
|
||||||
|
bordercolor="#666666"
|
||||||
|
borderopacity="1"
|
||||||
|
objecttolerance="10"
|
||||||
|
gridtolerance="10"
|
||||||
|
guidetolerance="10"
|
||||||
|
inkscape:pageopacity="0"
|
||||||
|
inkscape:pageshadow="2"
|
||||||
|
inkscape:window-width="1920"
|
||||||
|
inkscape:window-height="1058"
|
||||||
|
id="namedview3349"
|
||||||
|
showgrid="false"
|
||||||
|
inkscape:zoom="22.627417"
|
||||||
|
inkscape:cx="14.698991"
|
||||||
|
inkscape:cy="11.544138"
|
||||||
|
inkscape:window-x="1912"
|
||||||
|
inkscape:window-y="-8"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
inkscape:current-layer="svg3347"
|
||||||
|
inkscape:snap-page="true"
|
||||||
|
inkscape:snap-center="true"
|
||||||
|
inkscape:snap-midpoints="true"
|
||||||
|
inkscape:snap-bbox="true"
|
||||||
|
inkscape:bbox-paths="true"
|
||||||
|
inkscape:bbox-nodes="true"
|
||||||
|
inkscape:snap-bbox-edge-midpoints="true"
|
||||||
|
inkscape:snap-bbox-midpoints="true"
|
||||||
|
inkscape:object-paths="true" />
|
||||||
|
<path
|
||||||
|
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 4.9999998,7.9999928 0,10.0000002 13.0000002,0 0,-10.0000002 z"
|
||||||
|
id="path4138"
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
sodipodi:nodetypes="ccccc" />
|
||||||
|
<path
|
||||||
|
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 17.499937,8.4999928 1.25e-4,-2 -6.156187,0 -0.625125,-2 -5.2187502,0 0,13.5000002"
|
||||||
|
id="path4149"
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
sodipodi:nodetypes="cccccc" />
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.4 KiB |
Loading…
Reference in New Issue
Block a user