├── CHANGELOG.md
├── ISSUE_TEMPLATE.md
├── LICENSE
├── README.md
├── images
    ├── arrange.svg
    ├── icons
    │   ├── icon.svg
    │   ├── icon128.png
    │   ├── icon16.png
    │   └── icon48.png
    ├── search.svg
    ├── settings.svg
    └── tabs.svg
├── manifest.json
├── scripts
    ├── lib
    │   ├── jquery
    │   │   ├── jquery-3.3.1.min.js
    │   │   └── jquery-ui.js
    │   ├── platform.js
    │   └── underscore.js
    ├── src
    │   ├── bg.js
    │   ├── listeners.js
    │   ├── main.js
    │   ├── renderHTML.js
    │   ├── tabGroup.js
    │   └── tabManager.js
    └── utils
    │   └── utils.js
├── store_content
    ├── large_tile_icon.png
    ├── large_tile_icon.svg
    ├── marquee_tile_icon.png
    ├── marquee_tile_icon.svg
    ├── screenshots
    │   ├── Screen_Shot_4_Col.png
    │   ├── Screen_Shot_6_Col.png
    │   ├── Screen_Shot_Settings_4_Col.png
    │   ├── Screen_Shot_Settings_All_2_Col.png
    │   └── Screen_Shot_Settings_All_4_Col.png
    ├── small_tile_icon.png
    ├── small_tile_icon.svg
    └── tile_icon.png
├── styles
    ├── lib
    │   ├── bootstrap.min.css
    │   └── fontawesome
    │   │   ├── css
    │   │       └── fontawesome-all.min.css
    │   │   └── webfonts
    │   │       ├── fa-brands-400.eot
    │   │       ├── fa-brands-400.svg
    │   │       ├── fa-brands-400.ttf
    │   │       ├── fa-brands-400.woff
    │   │       ├── fa-brands-400.woff2
    │   │       ├── fa-regular-400.eot
    │   │       ├── fa-regular-400.svg
    │   │       ├── fa-regular-400.ttf
    │   │       ├── fa-regular-400.woff
    │   │       ├── fa-regular-400.woff2
    │   │       ├── fa-solid-900.eot
    │   │       ├── fa-solid-900.svg
    │   │       ├── fa-solid-900.ttf
    │   │       ├── fa-solid-900.woff
    │   │       └── fa-solid-900.woff2
    └── src
    │   ├── arrangementOptions.css
    │   ├── main.css
    │   ├── modals.css
    │   ├── settings.css
    │   ├── tabGroups.css
    │   └── windows.css
└── tabPage.html


/CHANGELOG.md:
--------------------------------------------------------------------------------
 1 | # Changelog
 2 | All changes between releases of this project will be documented here.
 3 | 
 4 | ## [0.4.0](https://github.com/adamjamesadair/manage-my-tabs/releases/tag/v0.4.0) - 2019-03-05
 5 | ### Added
 6 | - An option to view and restore tabs closed during the current session.
 7 | 
 8 | ### Modified
 9 | - Focus is set to the search bar when opening Manage My Tabs.
10 | - The shortcut to open MMT has been changed from Ctrl + space to Alt + M to avoid conflicts
11 | - Change in the default settings:
12 |     - Include manager tab default set to true
13 |     - Close manager on click default set to false
14 | 
15 | 
16 | 
17 | ## [0.3.1](https://github.com/adamjamesadair/manage-my-tabs/releases/tag/v0.3.1) - 2018-06-13
18 | ### Fixed
19 | - Page reloading too often causing slow load times and closing of tab groups.
20 | - Typing in the search bar triggering shortcuts.
21 | - Visibility of 'No search results' text.
22 | 
23 | ## [0.3.0](https://github.com/adamjamesadair/manage-my-tabs/releases/tag/v0.3.0) - 2018-06-13
24 | ### Added
25 | - Option to copy the URL of a tab. Found in the tab options dropdown.
26 | - Option to Merge tab, tab group or window with another window or send to a new window. Found in the options dropdown.
27 | - Reload option for tabs, tab groups and windows. Found in the options dropdown.
28 | - A button in the 'All' section to close all windows. Confirmation is required to prevent accidents.
29 | - Shortcuts for navigation and major functions. A list of available shortcuts can be seen in settings -> View Shortcuts.
30 | 
31 | ### Fixed
32 | - Page reloading when a tab title is changed. Only the HTML element is updated now.
33 | 
34 | ## [0.2.1](https://github.com/adamjamesadair/manage-my-tabs/releases/tag/v0.2.1) - 2018-06-08
35 | ### Fixed
36 | - Search results not updating when deleting part of the search query.
37 | - Multiple instances of Manage My Tabs opening in Firefox.
38 | - Undo for closed windows not working in Firefox.
39 | 
40 | 
41 | ## [0.2.0](https://github.com/adamjamesadair/manage-my-tabs/releases/tag/v0.2.0) - 2018-06-08
42 | ### Added
43 | - Firefox support.
44 | - Shortcuts for navigating windows and opening settings.
45 | - New default view where tabs are all displayed on one screen and grouped by window.
46 | - Classic mode which functions as v0.1.0.
47 | - New styles for settings and navigating tabs, tab groups and windows.
48 | - Settings:
49 |   - Max tabs per tab group toggle and slider.
50 |   - Close extension after navigating to a tab.
51 |   - Allow scrolling beyond the end of the last window.
52 |   - Toggle Classic mode.
53 | 
54 | ### Changed
55 | - Window select buttons scroll to selected window instead of changing pages.
56 | - Moved search options closer to the search bar.
57 | - Arrange tabs button now arranges the tabs in all windows.
58 | 
59 | ### Fixed
60 | - Tabs being placed in wrong tab groups.
61 | - Undo button causing dulicate tabs to be opened.
62 | - Changing the search settings not refreshing the results.
63 | - Errors when using undo with tab groups
64 | 
65 | ## [0.1.0](https://github.com/adamjamesadair/manage-my-tabs/releases/tag/v0.1.0) - 2018-05-17
66 | ### Added
67 | - Button to reorder tabs in current window.
68 | - Tooltip to settings icon.
69 | - Selected window is now highlighted in the 'select window' section.
70 | 
71 | ### Changed
72 | - Restyled the links to tabs.
73 | - Restyled column setting buttons.
74 | - Restyled undo and select window buttons.
75 | - Moved setting for displaying tabs from all tabs to 'All' button in 'select window' section.
76 | - Manage My Tabs remains open when opening a new tab or changing tab focus.
77 | 
78 | ### Fixed
79 | -  Issue with extension tabs showing their id as the title.
80 | 


--------------------------------------------------------------------------------
/ISSUE_TEMPLATE.md:
--------------------------------------------------------------------------------
 1 | <!--- Please use the following template for bugs. For features, please clear the template and describe the feature in detail. --->
 2 | ## Description of the problem
 3 | <!--- Provide a detailed description of the problem. --->
 4 | 
 5 | ## Browser
 6 | <!--- Which browser does this issue apply to. (Chrome/Firefox/Both) --->
 7 | 
 8 | ## Expected behaviour
 9 | <!--- What's supposed to happen. --->
10 | 
11 | ## Steps to reproduce the problem
12 | <!--- Provide steps to reproduce the problem. --->
13 | -
14 | -
15 | - 
16 | 
17 | ## Possible cause and/or solution (Optional)
18 | <!--- What may have cause this problem? If you have a possible solution, please describe it below. --->
19 | 
20 | 
21 | 
22 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2018 adamjamesadair
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | <h1 align="middle">
 2 | <img alt='Manage My Tabs Logo' src='images/icons/icon128.png'></img>
 3 | <br>Manage My Tabs - <br>Window and Tab Manager<br><br>
 4 | <img alt='Manage My Tabs Screen Shot' src='store_content/screenshots/Screen_Shot_6_Col.png'></img>
 5 | </h1>
 6 | 
 7 | ## Description
 8 | 
 9 | Manage My Tabs is an extension that gives the user a quick and simple way to manage their tabs. Tabs are grouped by website name and are shown in one convinient tab that the user may search and customize. From the manager tab, the user can navigate to any tab, close tabs individually or by groups and view tabs from other windows.
10 | 
11 | ## Website
12 | https://adamjamesadair.github.io/manage-my-tabs
13 | 
14 | ## Installation
15 | ### Chrome
16 | Install the latest release through the chrome web store: \
17 | https://chrome.google.com/webstore/detail/manage-my-tabs-tab-manage/jbhejjmjopbmikcoffcckcnbaiohgbge 
18 | 
19 | #### Unpacked Extension (Development release)
20 | - If you downloaded the code, unzip the file.
21 | - Open the extension manager by navigating to [chrome://extensions/](chrome://extensions/) or by clicking `Window -> Extensions`.
22 | - Enable developer mode with the toggle in the top right corner.
23 | - Click `LOAD UNPACKED` and select the source code folder or drag the folder into the window.
24 | 
25 | ### Firefox
26 | Install the latest release through the firefox add-on gallery: \
27 | https://addons.mozilla.org/en-US/firefox/addon/manage-my-tabs/
28 | #### Unpacked Extension (Development release)
29 | - If you downloaded the code, unzip the file.
30 | - Open the extension manager by navigating to [about:debugging](about:debugging).
31 | - Click `Load Temporary Add-on` and select the manifest.json file.
32 | 
33 | For development releases, download the [source code](https://github.com/adamjamesadair/manage-my-tabs) or clone this repository.
34 | 
35 | ## Contributing
36 | 
37 | Thank you for your interest in the development of Manage My Tabs!
38 | 
39 | Please look at the [project boards](https://github.com/adamjamesadair/manage-my-tabs/projects) and specifically the [Main Development](https://github.com/adamjamesadair/manage-my-tabs/projects/4) project to see our plans for future releases.
40 | 
41 | Please work from and submit all pull requests to the `develop` branch. The `master` branch is reserved for public releases and will often be several commits behind the `develop` branch.
42 | 
43 | ### Pull Requests
44 | Please submit an issue describing the nature your changes before submitting a pull request. This helps us keep track of the development process. 
45 | 
46 | ## Change Log
47 | See the change log [here](https://github.com/adamjamesadair/manage-my-tabs/blob/master/CHANGELOG.md).
48 | 
49 | ## License
50 | [MIT](http://opensource.org/licenses/MIT)
51 | 


--------------------------------------------------------------------------------
/images/arrange.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2 | <!-- Created with Inkscape (http://www.inkscape.org/) -->
  3 | 
  4 | <svg
  5 |    xmlns:dc="http://purl.org/dc/elements/1.1/"
  6 |    xmlns:cc="http://creativecommons.org/ns#"
  7 |    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  8 |    xmlns:svg="http://www.w3.org/2000/svg"
  9 |    xmlns="http://www.w3.org/2000/svg"
 10 |    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
 11 |    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
 12 |    width="59.256374mm"
 13 |    height="82.913971mm"
 14 |    viewBox="0 0 59.256374 82.913971"
 15 |    version="1.1"
 16 |    id="svg8"
 17 |    inkscape:version="0.92.2 5c3e80d, 2017-08-06"
 18 |    sodipodi:docname="sort.svg">
 19 |   <defs
 20 |      id="defs2">
 21 |     <marker
 22 |        inkscape:stockid="Arrow1Mstart"
 23 |        orient="auto"
 24 |        refY="0"
 25 |        refX="0"
 26 |        id="Arrow1Mstart"
 27 |        style="overflow:visible"
 28 |        inkscape:isstock="true">
 29 |       <path
 30 |          id="path829"
 31 |          d="M 0,0 5,-5 -12.5,0 5,5 Z"
 32 |          style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
 33 |          transform="matrix(0.4,0,0,0.4,4,0)"
 34 |          inkscape:connector-curvature="0" />
 35 |     </marker>
 36 |     <marker
 37 |        inkscape:stockid="Arrow2Lstart"
 38 |        orient="auto"
 39 |        refY="0"
 40 |        refX="0"
 41 |        id="Arrow2Lstart"
 42 |        style="overflow:visible"
 43 |        inkscape:isstock="true">
 44 |       <path
 45 |          id="path841"
 46 |          style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
 47 |          d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
 48 |          transform="matrix(1.1,0,0,1.1,1.1,0)"
 49 |          inkscape:connector-curvature="0" />
 50 |     </marker>
 51 |   </defs>
 52 |   <sodipodi:namedview
 53 |      id="base"
 54 |      pagecolor="#ffffff"
 55 |      bordercolor="#666666"
 56 |      borderopacity="1.0"
 57 |      inkscape:pageopacity="0.0"
 58 |      inkscape:pageshadow="2"
 59 |      inkscape:zoom="1"
 60 |      inkscape:cx="119.22379"
 61 |      inkscape:cy="149.98901"
 62 |      inkscape:document-units="mm"
 63 |      inkscape:current-layer="layer1"
 64 |      showgrid="false"
 65 |      showborder="false"
 66 |      fit-margin-top="0"
 67 |      fit-margin-left="0"
 68 |      fit-margin-right="0"
 69 |      fit-margin-bottom="0"
 70 |      inkscape:window-width="834"
 71 |      inkscape:window-height="606"
 72 |      inkscape:window-x="2074"
 73 |      inkscape:window-y="359"
 74 |      inkscape:window-maximized="0" />
 75 |   <metadata
 76 |      id="metadata5">
 77 |     <rdf:RDF>
 78 |       <cc:Work
 79 |          rdf:about="">
 80 |         <dc:format>image/svg+xml</dc:format>
 81 |         <dc:type
 82 |            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
 83 |         <dc:title></dc:title>
 84 |       </cc:Work>
 85 |     </rdf:RDF>
 86 |   </metadata>
 87 |   <g
 88 |      inkscape:label="Layer 1"
 89 |      inkscape:groupmode="layer"
 90 |      id="layer1"
 91 |      transform="translate(51.018726,-105.631)">
 92 |     <text
 93 |        xml:space="preserve"
 94 |        style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:31.75000191px;line-height:1.25;font-family:Kailasa;-inkscape-font-specification:Kailasa;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
 95 |        x="14.816667"
 96 |        y="126.60833"
 97 |        id="text2179"><tspan
 98 |          sodipodi:role="line"
 99 |          id="tspan2177"
100 |          x="14.816667"
101 |          y="150.14778"
102 |          style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:31.75000191px;font-family:Kailasa;-inkscape-font-specification:Kailasa;stroke-width:0.26458332" /></text>
103 |     <g
104 |        id="g2237"
105 |        transform="matrix(1.5038976,0,0,1.5038976,40.430748,-57.206276)">
106 |       <path
107 |          inkscape:connector-curvature="0"
108 |          id="path815"
109 |          d="M -56.885416,126.34375 Z"
110 |          style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
111 |       <path
112 |          inkscape:connector-curvature="0"
113 |          id="path821"
114 |          d="m -54.104053,161.08596 -0.3824,-52.80409"
115 |          style="fill:none;stroke:#000000;stroke-width:1.39009106;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2Lstart)" />
116 |       <text
117 |          id="text2183"
118 |          y="131.42271"
119 |          x="-42.862499"
120 |          style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:31.75px;line-height:1.25;font-family:Kailasa;-inkscape-font-specification:Kailasa;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
121 |          xml:space="preserve"><tspan
122 |            style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:31.75px;font-family:Kailasa;-inkscape-font-specification:Kailasa;stroke-width:0.26458332"
123 |            y="131.42271"
124 |            x="-42.862499"
125 |            id="tspan2181"
126 |            sodipodi:role="line">A</tspan></text>
127 |       <text
128 |          id="text2187"
129 |          y="163.40956"
130 |          x="-42.885754"
131 |          style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:31.75px;line-height:1.25;font-family:Kailasa;-inkscape-font-specification:Kailasa;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
132 |          xml:space="preserve"><tspan
133 |            style="stroke-width:0.26458332"
134 |            y="163.40956"
135 |            x="-42.885754"
136 |            id="tspan2185"
137 |            sodipodi:role="line">Z</tspan></text>
138 |     </g>
139 |   </g>
140 | </svg>
141 | 


--------------------------------------------------------------------------------
/images/icons/icon.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2 | <!-- Created with Inkscape (http://www.inkscape.org/) -->
  3 | 
  4 | <svg
  5 |    xmlns:dc="http://purl.org/dc/elements/1.1/"
  6 |    xmlns:cc="http://creativecommons.org/ns#"
  7 |    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  8 |    xmlns:svg="http://www.w3.org/2000/svg"
  9 |    xmlns="http://www.w3.org/2000/svg"
 10 |    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
 11 |    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
 12 |    width="98.273788mm"
 13 |    height="98.273788mm"
 14 |    viewBox="0 0 98.273788 98.273788"
 15 |    version="1.1"
 16 |    id="svg8"
 17 |    inkscape:version="0.92.2 5c3e80d, 2017-08-06"
 18 |    sodipodi:docname="icon.svg">
 19 |   <defs
 20 |      id="defs2" />
 21 |   <sodipodi:namedview
 22 |      id="base"
 23 |      pagecolor="#ffffff"
 24 |      bordercolor="#666666"
 25 |      borderopacity="1.0"
 26 |      inkscape:pageopacity="0.0"
 27 |      inkscape:pageshadow="2"
 28 |      inkscape:zoom="1"
 29 |      inkscape:cx="181.62813"
 30 |      inkscape:cy="177.83985"
 31 |      inkscape:document-units="mm"
 32 |      inkscape:current-layer="layer1"
 33 |      showgrid="false"
 34 |      showborder="false"
 35 |      inkscape:snap-nodes="false"
 36 |      showguides="true"
 37 |      inkscape:guide-bbox="true"
 38 |      inkscape:window-width="858"
 39 |      inkscape:window-height="696"
 40 |      inkscape:window-x="1708"
 41 |      inkscape:window-y="251"
 42 |      inkscape:window-maximized="0"
 43 |      fit-margin-top="0"
 44 |      fit-margin-left="0"
 45 |      fit-margin-right="0"
 46 |      fit-margin-bottom="0" />
 47 |   <metadata
 48 |      id="metadata5">
 49 |     <rdf:RDF>
 50 |       <cc:Work
 51 |          rdf:about="">
 52 |         <dc:format>image/svg+xml</dc:format>
 53 |         <dc:type
 54 |            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
 55 |         <dc:title></dc:title>
 56 |       </cc:Work>
 57 |     </rdf:RDF>
 58 |   </metadata>
 59 |   <g
 60 |      inkscape:label="Layer 1"
 61 |      inkscape:groupmode="layer"
 62 |      id="layer1"
 63 |      transform="translate(66.018932,-120.7395)">
 64 |     <g
 65 |        id="g879"
 66 |        transform="translate(19.314583,44.979167)">
 67 |       <path
 68 |          d="m 12.940273,124.89723 a 49.136894,49.136894 0 0 1 -48.707456,49.13502 49.136894,49.136894 0 0 1 -49.558826,-48.27618 49.136894,49.136894 0 0 1 47.841207,-49.978844 49.136894,49.136894 0 0 1 50.395053,47.402584"
 69 |          sodipodi:open="true"
 70 |          sodipodi:end="6.2482264"
 71 |          sodipodi:start="0"
 72 |          sodipodi:ry="49.136894"
 73 |          sodipodi:rx="49.136894"
 74 |          sodipodi:cy="124.89723"
 75 |          sodipodi:cx="-36.196621"
 76 |          sodipodi:type="arc"
 77 |          id="path861"
 78 |          style="opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.1706035;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
 79 |       <g
 80 |          transform="translate(2.6137314,-0.25518799)"
 81 |          id="g871">
 82 |         <rect
 83 |            ry="2.2784998"
 84 |            y="91.223419"
 85 |            x="-40.558777"
 86 |            height="43.519348"
 87 |            width="36.518639"
 88 |            id="rect821"
 89 |            style="opacity:1;fill:#06d6a0;fill-opacity:1;stroke:none;stroke-width:0.10579974;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
 90 |         <rect
 91 |            style="opacity:1;fill:#26547c;fill-opacity:1;stroke:none;stroke-width:0.10579974;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
 92 |            id="rect819"
 93 |            width="36.518639"
 94 |            height="43.519348"
 95 |            x="-51.56604"
 96 |            y="99.336296"
 97 |            ry="2.2784998" />
 98 |         <rect
 99 |            ry="2.2784998"
100 |            y="107.44919"
101 |            x="-62.573303"
102 |            height="43.519348"
103 |            width="36.518639"
104 |            id="rect817"
105 |            style="opacity:1;fill:#ef476f;fill-opacity:1;stroke:none;stroke-width:0.10579974;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
106 |         <rect
107 |            style="opacity:1;fill:#ffd166;fill-opacity:1;stroke:none;stroke-width:0.10579974;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
108 |            id="rect815"
109 |            width="36.518639"
110 |            height="43.519348"
111 |            x="-73.580566"
112 |            y="115.56207"
113 |            ry="2.2784998" />
114 |       </g>
115 |     </g>
116 |   </g>
117 | </svg>
118 | 


--------------------------------------------------------------------------------
/images/icons/icon128.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/adamjamesadair/manage-my-tabs/053973bef3c0144ccb348dc16671aec93b1472cf/images/icons/icon128.png


--------------------------------------------------------------------------------
/images/icons/icon16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/adamjamesadair/manage-my-tabs/053973bef3c0144ccb348dc16671aec93b1472cf/images/icons/icon16.png


--------------------------------------------------------------------------------
/images/icons/icon48.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/adamjamesadair/manage-my-tabs/053973bef3c0144ccb348dc16671aec93b1472cf/images/icons/icon48.png


--------------------------------------------------------------------------------
/images/search.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 2 | <!-- Created with Inkscape (http://www.inkscape.org/) -->
 3 | 
 4 | <svg
 5 |    xmlns:dc="http://purl.org/dc/elements/1.1/"
 6 |    xmlns:cc="http://creativecommons.org/ns#"
 7 |    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
 8 |    xmlns:svg="http://www.w3.org/2000/svg"
 9 |    xmlns="http://www.w3.org/2000/svg"
10 |    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
11 |    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
12 |    width="65.512901mm"
13 |    height="65.510399mm"
14 |    viewBox="0 0 65.512901 65.510399"
15 |    version="1.1"
16 |    id="svg8"
17 |    inkscape:version="0.92.2 5c3e80d, 2017-08-06"
18 |    sodipodi:docname="search.svg">
19 |   <defs
20 |      id="defs2" />
21 |   <sodipodi:namedview
22 |      id="base"
23 |      pagecolor="#ffffff"
24 |      bordercolor="#666666"
25 |      borderopacity="1.0"
26 |      inkscape:pageopacity="0.0"
27 |      inkscape:pageshadow="2"
28 |      inkscape:zoom="1"
29 |      inkscape:cx="139.5207"
30 |      inkscape:cy="116.44411"
31 |      inkscape:document-units="mm"
32 |      inkscape:current-layer="layer1"
33 |      showgrid="false"
34 |      inkscape:pagecheckerboard="false"
35 |      showborder="false"
36 |      showguides="true"
37 |      inkscape:guide-bbox="true"
38 |      inkscape:snap-bbox="false"
39 |      inkscape:object-paths="false"
40 |      inkscape:snap-nodes="false"
41 |      fit-margin-top="0"
42 |      fit-margin-left="0"
43 |      fit-margin-right="0"
44 |      fit-margin-bottom="0"
45 |      inkscape:window-width="951"
46 |      inkscape:window-height="694"
47 |      inkscape:window-x="1548"
48 |      inkscape:window-y="243"
49 |      inkscape:window-maximized="0" />
50 |   <metadata
51 |      id="metadata5">
52 |     <rdf:RDF>
53 |       <cc:Work
54 |          rdf:about="">
55 |         <dc:format>image/svg+xml</dc:format>
56 |         <dc:type
57 |            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
58 |         <dc:title></dc:title>
59 |       </cc:Work>
60 |     </rdf:RDF>
61 |   </metadata>
62 |   <g
63 |      inkscape:label="Layer 1"
64 |      inkscape:groupmode="layer"
65 |      id="layer1"
66 |      transform="translate(87.047916,-178.73121)">
67 |     <g
68 |        id="g837"
69 |        transform="translate(-6.8791667,-4.7625)">
70 |       <path
71 |          id="path815"
72 |          transform="scale(0.26458333)"
73 |          d="m -204.5,693.51953 a 98.500003,98.500003 0 0 0 -98.5,98.5 98.500003,98.500003 0 0 0 98.5,98.5 98.500003,98.500003 0 0 0 98.5,-98.5 98.500003,98.500003 0 0 0 -98.5,-98.5 z m 0,12 a 86.500003,86.500003 0 0 1 86.5,86.5 86.500003,86.500003 0 0 1 -86.5,86.5 86.500003,86.500003 0 0 1 -86.5,-86.5 86.500003,86.500003 0 0 1 86.5,-86.5 z"
74 |          style="opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:2.18078732;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
75 |          inkscape:connector-curvature="0" />
76 |       <path
77 |          inkscape:connector-curvature="0"
78 |          id="rect830"
79 |          d="m -37.744972,225.91498 c 1.008176,-1.00818 2.631453,-1.00818 3.63963,10e-6 l 18.693364,18.69336 c 1.008176,1.00818 1.008176,2.63145 0,3.63962 -1.008177,1.00818 -2.631447,1.00818 -3.639624,0 l -18.693364,-18.69336 c -1.008176,-1.00817 -1.008183,-2.63145 -6e-6,-3.63963 z"
80 |          style="opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.91329211;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
81 |     </g>
82 |   </g>
83 | </svg>
84 | 


--------------------------------------------------------------------------------
/images/settings.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 2 | <!-- Created with Inkscape (http://www.inkscape.org/) -->
 3 | 
 4 | <svg
 5 |    xmlns:dc="http://purl.org/dc/elements/1.1/"
 6 |    xmlns:cc="http://creativecommons.org/ns#"
 7 |    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
 8 |    xmlns:svg="http://www.w3.org/2000/svg"
 9 |    xmlns="http://www.w3.org/2000/svg"
10 |    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
11 |    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
12 |    width="97.113861mm"
13 |    height="97.113586mm"
14 |    viewBox="0 0 97.113861 97.113586"
15 |    version="1.1"
16 |    id="svg8"
17 |    inkscape:version="0.92.2 5c3e80d, 2017-08-06"
18 |    sodipodi:docname="settings.svg">
19 |   <defs
20 |      id="defs2" />
21 |   <sodipodi:namedview
22 |      id="base"
23 |      pagecolor="#ffffff"
24 |      bordercolor="#666666"
25 |      borderopacity="1.0"
26 |      inkscape:pageopacity="0.0"
27 |      inkscape:pageshadow="2"
28 |      inkscape:zoom="1"
29 |      inkscape:cx="205.93994"
30 |      inkscape:cy="177.58992"
31 |      inkscape:document-units="mm"
32 |      inkscape:current-layer="layer1"
33 |      showgrid="false"
34 |      showborder="false"
35 |      fit-margin-top="0"
36 |      fit-margin-left="0"
37 |      fit-margin-right="0"
38 |      fit-margin-bottom="0"
39 |      inkscape:window-width="952"
40 |      inkscape:window-height="649"
41 |      inkscape:window-x="1885"
42 |      inkscape:window-y="157"
43 |      inkscape:window-maximized="0" />
44 |   <metadata
45 |      id="metadata5">
46 |     <rdf:RDF>
47 |       <cc:Work
48 |          rdf:about="">
49 |         <dc:format>image/svg+xml</dc:format>
50 |         <dc:type
51 |            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
52 |         <dc:title></dc:title>
53 |       </cc:Work>
54 |     </rdf:RDF>
55 |   </metadata>
56 |   <g
57 |      inkscape:label="Layer 1"
58 |      inkscape:groupmode="layer"
59 |      id="layer1"
60 |      transform="translate(85.903871,-75.421608)">
61 |     <path
62 |        style="opacity:1;fill:#464646;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
63 |        d="m -5.4490816,87.223488 c -1.4898944,-1.484545 -3.8847482,-1.480228 -5.3692904,0.0097 l -7.840645,7.868929 a 34.424315,34.424315 0 0 0 -11.604858,-4.792622 l -0.01999,-11.09814 c -0.0019,-1.051624 -0.426767,-2.000229 -1.114215,-2.685206 -0.687466,-0.684957 -1.637578,-1.10643 -2.6892,-1.104535 l -6.694255,0.01205 c -2.103247,0.0038 -3.793529,1.70017 -3.789739,3.803419 l 0.01997,11.089367 a 34.424315,34.424315 0 0 0 -11.583485,4.847177 l -7.87296,-7.844653 c -1.489614,-1.484831 -3.884744,-1.480238 -5.369292,0.0097 l -4.724955,4.742001 c -1.48454,1.489888 -1.480228,3.884745 0.0097,5.369289 l 7.874432,7.846106 a 34.424315,34.424315 0 0 0 -4.811263,11.5994 l -11.084996,0.02 c -2.103252,0.004 -3.793527,1.70017 -3.789742,3.80341 l 0.01205,6.69426 c 0.0038,2.10324 1.700161,3.79354 3.803411,3.78975 l 11.101793,-0.02 a 34.424315,34.424315 0 0 0 4.828909,11.58935 l -7.838812,7.8671 c -1.484554,1.48991 -1.480233,3.88476 0.0097,5.3693 l 4.742032,4.72493 c 1.489613,1.48483 3.884756,1.48022 5.369292,-0.01 l 7.849401,-7.87773 a 34.424315,34.424315 0 0 0 11.59612,4.81092 l 0.01996,11.08864 c 0.0038,2.10325 1.700164,3.79353 3.803411,3.78975 l 6.694249,-0.0121 c 2.103252,-0.004 3.793534,-1.70018 3.78974,-3.80341 l -0.02002,-11.1113 a 34.424315,34.424315 0 0 0 11.597425,-4.81138 l 7.859057,7.83079 c 1.4896133,1.48483 3.8847506,1.48023 5.3692923,-0.01 l 4.72495508,-4.742 c 1.48454668,-1.4899 1.48022805,-3.88475 -0.009666,-5.36929 L -8.4635648,142.67277 A 34.424315,34.424315 0 0 0 -3.6881281,131.061 l 11.108377,-0.02 c 2.1032431,-0.004 3.7935241,-1.70015 3.7897381,-3.8034 l -0.01205,-6.69427 c -0.0019,-1.05162 -0.426763,-2.00024 -1.114212,-2.68521 -0.6874672,-0.68496 -1.6375775,-1.10643 -2.6892014,-1.10454 l -11.0842535,0.02 a 34.424315,34.424315 0 0 0 -4.8562996,-11.57944 l 7.84866869,-7.876983 c 1.48454527,-1.489895 1.48022867,-3.884748 -0.00967,-5.369291 z M -22.051978,107.80101 a 22.26355,22.26355 45 0 1 1.015248,31.3312 l -0.539063,0.56077 a 22.26355,22.26355 45 0 1 -31.347289,0.19312 22.26355,22.26355 45 0 1 -0.467163,-31.34387 22.26355,22.26355 45 0 1 31.338265,-0.74122 z"
64 |        id="rect817"
65 |        inkscape:connector-curvature="0" />
66 |     <path
67 |        style="opacity:1;fill:#3d3d3d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
68 |        d="M -3.0781075,89.585937 -21.648205,108.22304 a 22.26355,22.26355 45 0 1 0.611453,30.90913 l -0.53907,0.56079 a 22.26355,22.26355 45 0 1 -31.347283,0.19312 22.26355,22.26355 45 0 1 -0.131929,-0.14291 l -18.560972,18.62794 2.370983,2.3625 c 1.489615,1.48483 3.884755,1.48022 5.369297,-0.01 l 7.849393,-7.87772 a 34.424315,34.424315 0 0 0 11.596119,4.81091 l 0.01997,11.08864 c 0.0038,2.10325 1.700159,3.79354 3.803412,3.78975 l 6.694262,-0.0121 c 2.10324,-0.004 3.793526,-1.70016 3.789738,-3.80341 l -0.02001,-11.11129 A 34.424315,34.424315 0 0 0 -18.54541,152.797 l 7.859066,7.8308 c 1.4896151,1.48483 3.8847427,1.48024 5.3692851,-0.01 l 4.7249551,-4.742 c 1.48454668,-1.4899 1.48023145,-3.88476 -0.00967,-5.3693 l -7.8619952,-7.83368 a 34.424315,34.424315 0 0 0 4.7754391,-11.61178 l 11.1083734,-0.02 c 2.1032431,-0.004 3.7935285,-1.70016 3.7897415,-3.80341 l -0.01192,-6.69439 c -0.0019,-1.05163 -0.426767,-2.00023 -1.114214,-2.68521 -0.6874675,-0.68496 -1.6375775,-1.10643 -2.6892005,-1.10454 l -11.0842571,0.02 a 34.424315,34.424315 0 0 0 -4.8562975,-11.57945 l 7.84866866,-7.876982 c 1.48454458,-1.489894 1.4802308,-3.884748 -0.009669,-5.36929 z"
69 |        id="rect853"
70 |        inkscape:connector-curvature="0" />
71 |   </g>
72 | </svg>
73 | 


--------------------------------------------------------------------------------
/images/tabs.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2 | <!-- Created with Inkscape (http://www.inkscape.org/) -->
  3 | 
  4 | <svg
  5 |    xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
  6 |    xmlns:dc="http://purl.org/dc/elements/1.1/"
  7 |    xmlns:cc="http://creativecommons.org/ns#"
  8 |    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  9 |    xmlns:svg="http://www.w3.org/2000/svg"
 10 |    xmlns="http://www.w3.org/2000/svg"
 11 |    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
 12 |    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
 13 |    width="44.034832mm"
 14 |    height="30.150927mm"
 15 |    viewBox="0 0 44.034832 30.150927"
 16 |    version="1.1"
 17 |    id="svg8"
 18 |    inkscape:version="0.92.2 5c3e80d, 2017-08-06"
 19 |    sodipodi:docname="tabs.svg">
 20 |   <defs
 21 |      id="defs2">
 22 |     <linearGradient
 23 |        inkscape:collect="always"
 24 |        id="linearGradient1129"
 25 |        osb:paint="gradient">
 26 |       <stop
 27 |          style="stop-color:#000000;stop-opacity:1;"
 28 |          offset="0"
 29 |          id="stop1125" />
 30 |       <stop
 31 |          style="stop-color:#000000;stop-opacity:0;"
 32 |          offset="1"
 33 |          id="stop1127" />
 34 |     </linearGradient>
 35 |     <marker
 36 |        inkscape:stockid="Arrow1Sstart"
 37 |        orient="auto"
 38 |        refY="0"
 39 |        refX="0"
 40 |        id="Arrow1Sstart"
 41 |        style="overflow:visible"
 42 |        inkscape:isstock="true">
 43 |       <path
 44 |          id="path833"
 45 |          d="M 0,0 5,-5 -12.5,0 5,5 Z"
 46 |          style="fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt"
 47 |          transform="matrix(0.2,0,0,0.2,1.2,0)"
 48 |          inkscape:connector-curvature="0" />
 49 |     </marker>
 50 |     <marker
 51 |        inkscape:stockid="Arrow1Mend"
 52 |        orient="auto"
 53 |        refY="0"
 54 |        refX="0"
 55 |        id="Arrow1Mend"
 56 |        style="overflow:visible"
 57 |        inkscape:isstock="true">
 58 |       <path
 59 |          id="path830"
 60 |          d="M 0,0 5,-5 -12.5,0 5,5 Z"
 61 |          style="fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt"
 62 |          transform="matrix(-0.4,0,0,-0.4,-4,0)"
 63 |          inkscape:connector-curvature="0" />
 64 |     </marker>
 65 |     <marker
 66 |        inkscape:stockid="Arrow1Mstart"
 67 |        orient="auto"
 68 |        refY="0"
 69 |        refX="0"
 70 |        id="Arrow1Mstart"
 71 |        style="overflow:visible"
 72 |        inkscape:isstock="true">
 73 |       <path
 74 |          id="path827"
 75 |          d="M 0,0 5,-5 -12.5,0 5,5 Z"
 76 |          style="fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt"
 77 |          transform="matrix(0.4,0,0,0.4,4,0)"
 78 |          inkscape:connector-curvature="0" />
 79 |     </marker>
 80 |     <marker
 81 |        inkscape:stockid="Arrow1Lend"
 82 |        orient="auto"
 83 |        refY="0"
 84 |        refX="0"
 85 |        id="Arrow1Lend"
 86 |        style="overflow:visible"
 87 |        inkscape:isstock="true">
 88 |       <path
 89 |          id="path824"
 90 |          d="M 0,0 5,-5 -12.5,0 5,5 Z"
 91 |          style="fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt"
 92 |          transform="matrix(-0.8,0,0,-0.8,-10,0)"
 93 |          inkscape:connector-curvature="0" />
 94 |     </marker>
 95 |     <marker
 96 |        inkscape:stockid="Arrow1Lstart"
 97 |        orient="auto"
 98 |        refY="0"
 99 |        refX="0"
100 |        id="Arrow1Lstart"
101 |        style="overflow:visible"
102 |        inkscape:isstock="true">
103 |       <path
104 |          id="path821"
105 |          d="M 0,0 5,-5 -12.5,0 5,5 Z"
106 |          style="fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt"
107 |          transform="matrix(0.8,0,0,0.8,10,0)"
108 |          inkscape:connector-curvature="0" />
109 |     </marker>
110 |   </defs>
111 |   <sodipodi:namedview
112 |      id="base"
113 |      pagecolor="#ffffff"
114 |      bordercolor="#666666"
115 |      borderopacity="1.0"
116 |      inkscape:pageopacity="0.0"
117 |      inkscape:pageshadow="2"
118 |      inkscape:zoom="1"
119 |      inkscape:cx="97.24552"
120 |      inkscape:cy="49.510049"
121 |      inkscape:document-units="mm"
122 |      inkscape:current-layer="layer1"
123 |      showgrid="false"
124 |      showborder="false"
125 |      inkscape:object-nodes="false"
126 |      fit-margin-top="0"
127 |      fit-margin-left="0"
128 |      fit-margin-right="0"
129 |      fit-margin-bottom="0"
130 |      inkscape:window-width="1003"
131 |      inkscape:window-height="627"
132 |      inkscape:window-x="1641"
133 |      inkscape:window-y="286"
134 |      inkscape:window-maximized="0" />
135 |   <metadata
136 |      id="metadata5">
137 |     <rdf:RDF>
138 |       <cc:Work
139 |          rdf:about="">
140 |         <dc:format>image/svg+xml</dc:format>
141 |         <dc:type
142 |            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
143 |         <dc:title></dc:title>
144 |       </cc:Work>
145 |     </rdf:RDF>
146 |   </metadata>
147 |   <g
148 |      inkscape:label="Layer 1"
149 |      inkscape:groupmode="layer"
150 |      id="layer1"
151 |      transform="translate(68.584082,-134.61436)">
152 |     <g
153 |        id="g1177"
154 |        transform="translate(-0.79375,-2.38125)">
155 |       <rect
156 |          ry="1.1197722"
157 |          y="137.05273"
158 |          x="-48.236229"
159 |          height="5.2916665"
160 |          width="7.9507957"
161 |          id="rect1138"
162 |          style="opacity:1;fill:#5f8dd3;fill-opacity:1;stroke:#000000;stroke-width:0.114;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
163 |       <rect
164 |          style="opacity:1;fill:#5f8dd3;fill-opacity:1;stroke:#000000;stroke-width:0.114;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
165 |          id="rect819"
166 |          width="7.9507957"
167 |          height="5.2916665"
168 |          x="-56.187496"
169 |          y="137.05273"
170 |          ry="1.1197722" />
171 |       <path
172 |          transform="scale(0.26458333)"
173 |          id="rect815"
174 |          d="m -241.06055,517.99414 c -3.32399,0 -6,2.67601 -6,6 v 6.58203 C -252.31115,532.7046 -256,537.83719 -256,543.86914 v 73.30078 c 0,7.94929 6.40032,14.34961 14.34961,14.34961 h 137.30078 c 7.949291,0 14.34961,-6.40032 14.34961,-14.34961 v -73.30078 c 0,-7.94929 -6.400319,-14.34961 -14.34961,-14.34961 h -106.71094 v -5.52539 c 0,-3.32399 -2.67601,-6 -6,-6 z"
175 |          style="opacity:1;fill:#3771c8;fill-opacity:1;stroke:#000000;stroke-width:0.43086615;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
176 |          inkscape:connector-curvature="0" />
177 |       <rect
178 |          ry="1.1804332"
179 |          y="142.28419"
180 |          x="-65.283234"
181 |          height="22.351894"
182 |          width="39.020641"
183 |          id="rect1140"
184 |          style="opacity:1;fill:#5f8dd3;fill-opacity:1;stroke:#000000;stroke-width:0.11940028;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
185 |     </g>
186 |   </g>
187 | </svg>
188 | 


--------------------------------------------------------------------------------
/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "manifest_version": 2,
 3 | 
 4 |   "name": "Manage My Tabs - Tab Manager",
 5 |   "description": "Manage My Tabs is an extension that gives the user a quick and simple way to manage their tabs.",
 6 |   "version": "0.4.0",
 7 | 
 8 |   "browser_action": {
 9 |    "default_icon": "images/icons/icon128.png"
10 |   },
11 |   "icons": { "16": "images/icons/icon16.png",
12 |              "48": "images/icons/icon48.png",
13 |              "128": "images/icons/icon128.png"
14 |  },
15 |   "permissions": [
16 |     "tabs",
17 |     "activeTab",
18 |     "storage",
19 |     "clipboardWrite"
20 |    ],
21 |    "background":{
22 |     "scripts": ["scripts/src/bg.js"]
23 |     },
24 |   "commands": {
25 |     "_execute_browser_action": {
26 |       "suggested_key": {
27 |         "default": "Alt+M",
28 |         "mac": "Alt+M"
29 |       }
30 |     }
31 |   },
32 |     "content_scripts": [
33 |     {
34 |       "matches": ["https://*/*"],
35 |       "js": ["scripts/lib/jquery/jquery-3.3.1.min.js", "scripts/lib/jquery/jquery-ui.js"]
36 |     }
37 |   ]
38 | }
39 | 


--------------------------------------------------------------------------------
/scripts/lib/platform.js:
--------------------------------------------------------------------------------
   1 | /*!
   2 |  * Platform.js <https://mths.be/platform>
   3 |  * Copyright 2014-2018 Benjamin Tan <https://bnjmnt4n.now.sh/>
   4 |  * Copyright 2011-2013 John-David Dalton <http://allyoucanleet.com/>
   5 |  * Available under MIT license <https://mths.be/mit>
   6 |  */
   7 | ;(function() {
   8 |   'use strict';
   9 | 
  10 |   /** Used to determine if values are of the language type `Object`. */
  11 |   var objectTypes = {
  12 |     'function': true,
  13 |     'object': true
  14 |   };
  15 | 
  16 |   /** Used as a reference to the global object. */
  17 |   var root = (objectTypes[typeof window] && window) || this;
  18 | 
  19 |   /** Backup possible global object. */
  20 |   var oldRoot = root;
  21 | 
  22 |   /** Detect free variable `exports`. */
  23 |   var freeExports = objectTypes[typeof exports] && exports;
  24 | 
  25 |   /** Detect free variable `module`. */
  26 |   var freeModule = objectTypes[typeof module] && module && !module.nodeType && module;
  27 | 
  28 |   /** Detect free variable `global` from Node.js or Browserified code and use it as `root`. */
  29 |   var freeGlobal = freeExports && freeModule && typeof global == 'object' && global;
  30 |   if (freeGlobal && (freeGlobal.global === freeGlobal || freeGlobal.window === freeGlobal || freeGlobal.self === freeGlobal)) {
  31 |     root = freeGlobal;
  32 |   }
  33 | 
  34 |   /**
  35 |    * Used as the maximum length of an array-like object.
  36 |    * See the [ES6 spec](http://people.mozilla.org/~jorendorff/es6-draft.html#sec-tolength)
  37 |    * for more details.
  38 |    */
  39 |   var maxSafeInteger = Math.pow(2, 53) - 1;
  40 | 
  41 |   /** Regular expression to detect Opera. */
  42 |   var reOpera = /\bOpera/;
  43 | 
  44 |   /** Possible global object. */
  45 |   var thisBinding = this;
  46 | 
  47 |   /** Used for native method references. */
  48 |   var objectProto = Object.prototype;
  49 | 
  50 |   /** Used to check for own properties of an object. */
  51 |   var hasOwnProperty = objectProto.hasOwnProperty;
  52 | 
  53 |   /** Used to resolve the internal `[[Class]]` of values. */
  54 |   var toString = objectProto.toString;
  55 | 
  56 |   /*--------------------------------------------------------------------------*/
  57 | 
  58 |   /**
  59 |    * Capitalizes a string value.
  60 |    *
  61 |    * @private
  62 |    * @param {string} string The string to capitalize.
  63 |    * @returns {string} The capitalized string.
  64 |    */
  65 |   function capitalize(string) {
  66 |     string = String(string);
  67 |     return string.charAt(0).toUpperCase() + string.slice(1);
  68 |   }
  69 | 
  70 |   /**
  71 |    * A utility function to clean up the OS name.
  72 |    *
  73 |    * @private
  74 |    * @param {string} os The OS name to clean up.
  75 |    * @param {string} [pattern] A `RegExp` pattern matching the OS name.
  76 |    * @param {string} [label] A label for the OS.
  77 |    */
  78 |   function cleanupOS(os, pattern, label) {
  79 |     // Platform tokens are defined at:
  80 |     // http://msdn.microsoft.com/en-us/library/ms537503(VS.85).aspx
  81 |     // http://web.archive.org/web/20081122053950/http://msdn.microsoft.com/en-us/library/ms537503(VS.85).aspx
  82 |     var data = {
  83 |       '10.0': '10',
  84 |       '6.4':  '10 Technical Preview',
  85 |       '6.3':  '8.1',
  86 |       '6.2':  '8',
  87 |       '6.1':  'Server 2008 R2 / 7',
  88 |       '6.0':  'Server 2008 / Vista',
  89 |       '5.2':  'Server 2003 / XP 64-bit',
  90 |       '5.1':  'XP',
  91 |       '5.01': '2000 SP1',
  92 |       '5.0':  '2000',
  93 |       '4.0':  'NT',
  94 |       '4.90': 'ME'
  95 |     };
  96 |     // Detect Windows version from platform tokens.
  97 |     if (pattern && label && /^Win/i.test(os) && !/^Windows Phone /i.test(os) &&
  98 |         (data = data[/[\d.]+$/.exec(os)])) {
  99 |       os = 'Windows ' + data;
 100 |     }
 101 |     // Correct character case and cleanup string.
 102 |     os = String(os);
 103 | 
 104 |     if (pattern && label) {
 105 |       os = os.replace(RegExp(pattern, 'i'), label);
 106 |     }
 107 | 
 108 |     os = format(
 109 |       os.replace(/ ce$/i, ' CE')
 110 |         .replace(/\bhpw/i, 'web')
 111 |         .replace(/\bMacintosh\b/, 'Mac OS')
 112 |         .replace(/_PowerPC\b/i, ' OS')
 113 |         .replace(/\b(OS X) [^ \d]+/i, '$1')
 114 |         .replace(/\bMac (OS X)\b/, '$1')
 115 |         .replace(/\/(\d)/, ' $1')
 116 |         .replace(/_/g, '.')
 117 |         .replace(/(?: BePC|[ .]*fc[ \d.]+)$/i, '')
 118 |         .replace(/\bx86\.64\b/gi, 'x86_64')
 119 |         .replace(/\b(Windows Phone) OS\b/, '$1')
 120 |         .replace(/\b(Chrome OS \w+) [\d.]+\b/, '$1')
 121 |         .split(' on ')[0]
 122 |     );
 123 | 
 124 |     return os;
 125 |   }
 126 | 
 127 |   /**
 128 |    * An iteration utility for arrays and objects.
 129 |    *
 130 |    * @private
 131 |    * @param {Array|Object} object The object to iterate over.
 132 |    * @param {Function} callback The function called per iteration.
 133 |    */
 134 |   function each(object, callback) {
 135 |     var index = -1,
 136 |         length = object ? object.length : 0;
 137 | 
 138 |     if (typeof length == 'number' && length > -1 && length <= maxSafeInteger) {
 139 |       while (++index < length) {
 140 |         callback(object[index], index, object);
 141 |       }
 142 |     } else {
 143 |       forOwn(object, callback);
 144 |     }
 145 |   }
 146 | 
 147 |   /**
 148 |    * Trim and conditionally capitalize string values.
 149 |    *
 150 |    * @private
 151 |    * @param {string} string The string to format.
 152 |    * @returns {string} The formatted string.
 153 |    */
 154 |   function format(string) {
 155 |     string = trim(string);
 156 |     return /^(?:webOS|i(?:OS|P))/.test(string)
 157 |       ? string
 158 |       : capitalize(string);
 159 |   }
 160 | 
 161 |   /**
 162 |    * Iterates over an object's own properties, executing the `callback` for each.
 163 |    *
 164 |    * @private
 165 |    * @param {Object} object The object to iterate over.
 166 |    * @param {Function} callback The function executed per own property.
 167 |    */
 168 |   function forOwn(object, callback) {
 169 |     for (var key in object) {
 170 |       if (hasOwnProperty.call(object, key)) {
 171 |         callback(object[key], key, object);
 172 |       }
 173 |     }
 174 |   }
 175 | 
 176 |   /**
 177 |    * Gets the internal `[[Class]]` of a value.
 178 |    *
 179 |    * @private
 180 |    * @param {*} value The value.
 181 |    * @returns {string} The `[[Class]]`.
 182 |    */
 183 |   function getClassOf(value) {
 184 |     return value == null
 185 |       ? capitalize(value)
 186 |       : toString.call(value).slice(8, -1);
 187 |   }
 188 | 
 189 |   /**
 190 |    * Host objects can return type values that are different from their actual
 191 |    * data type. The objects we are concerned with usually return non-primitive
 192 |    * types of "object", "function", or "unknown".
 193 |    *
 194 |    * @private
 195 |    * @param {*} object The owner of the property.
 196 |    * @param {string} property The property to check.
 197 |    * @returns {boolean} Returns `true` if the property value is a non-primitive, else `false`.
 198 |    */
 199 |   function isHostType(object, property) {
 200 |     var type = object != null ? typeof object[property] : 'number';
 201 |     return !/^(?:boolean|number|string|undefined)$/.test(type) &&
 202 |       (type == 'object' ? !!object[property] : true);
 203 |   }
 204 | 
 205 |   /**
 206 |    * Prepares a string for use in a `RegExp` by making hyphens and spaces optional.
 207 |    *
 208 |    * @private
 209 |    * @param {string} string The string to qualify.
 210 |    * @returns {string} The qualified string.
 211 |    */
 212 |   function qualify(string) {
 213 |     return String(string).replace(/([ -])(?!$)/g, '$1?');
 214 |   }
 215 | 
 216 |   /**
 217 |    * A bare-bones `Array#reduce` like utility function.
 218 |    *
 219 |    * @private
 220 |    * @param {Array} array The array to iterate over.
 221 |    * @param {Function} callback The function called per iteration.
 222 |    * @returns {*} The accumulated result.
 223 |    */
 224 |   function reduce(array, callback) {
 225 |     var accumulator = null;
 226 |     each(array, function(value, index) {
 227 |       accumulator = callback(accumulator, value, index, array);
 228 |     });
 229 |     return accumulator;
 230 |   }
 231 | 
 232 |   /**
 233 |    * Removes leading and trailing whitespace from a string.
 234 |    *
 235 |    * @private
 236 |    * @param {string} string The string to trim.
 237 |    * @returns {string} The trimmed string.
 238 |    */
 239 |   function trim(string) {
 240 |     return String(string).replace(/^ +| +$/g, '');
 241 |   }
 242 | 
 243 |   /*--------------------------------------------------------------------------*/
 244 | 
 245 |   /**
 246 |    * Creates a new platform object.
 247 |    *
 248 |    * @memberOf platform
 249 |    * @param {Object|string} [ua=navigator.userAgent] The user agent string or
 250 |    *  context object.
 251 |    * @returns {Object} A platform object.
 252 |    */
 253 |   function parse(ua) {
 254 | 
 255 |     /** The environment context object. */
 256 |     var context = root;
 257 | 
 258 |     /** Used to flag when a custom context is provided. */
 259 |     var isCustomContext = ua && typeof ua == 'object' && getClassOf(ua) != 'String';
 260 | 
 261 |     // Juggle arguments.
 262 |     if (isCustomContext) {
 263 |       context = ua;
 264 |       ua = null;
 265 |     }
 266 | 
 267 |     /** Browser navigator object. */
 268 |     var nav = context.navigator || {};
 269 | 
 270 |     /** Browser user agent string. */
 271 |     var userAgent = nav.userAgent || '';
 272 | 
 273 |     ua || (ua = userAgent);
 274 | 
 275 |     /** Used to flag when `thisBinding` is the [ModuleScope]. */
 276 |     var isModuleScope = isCustomContext || thisBinding == oldRoot;
 277 | 
 278 |     /** Used to detect if browser is like Chrome. */
 279 |     var likeChrome = isCustomContext
 280 |       ? !!nav.likeChrome
 281 |       : /\bChrome\b/.test(ua) && !/internal|\n/i.test(toString.toString());
 282 | 
 283 |     /** Internal `[[Class]]` value shortcuts. */
 284 |     var objectClass = 'Object',
 285 |         airRuntimeClass = isCustomContext ? objectClass : 'ScriptBridgingProxyObject',
 286 |         enviroClass = isCustomContext ? objectClass : 'Environment',
 287 |         javaClass = (isCustomContext && context.java) ? 'JavaPackage' : getClassOf(context.java),
 288 |         phantomClass = isCustomContext ? objectClass : 'RuntimeObject';
 289 | 
 290 |     /** Detect Java environments. */
 291 |     var java = /\bJava/.test(javaClass) && context.java;
 292 | 
 293 |     /** Detect Rhino. */
 294 |     var rhino = java && getClassOf(context.environment) == enviroClass;
 295 | 
 296 |     /** A character to represent alpha. */
 297 |     var alpha = java ? 'a' : '\u03b1';
 298 | 
 299 |     /** A character to represent beta. */
 300 |     var beta = java ? 'b' : '\u03b2';
 301 | 
 302 |     /** Browser document object. */
 303 |     var doc = context.document || {};
 304 | 
 305 |     /**
 306 |      * Detect Opera browser (Presto-based).
 307 |      * http://www.howtocreate.co.uk/operaStuff/operaObject.html
 308 |      * http://dev.opera.com/articles/view/opera-mini-web-content-authoring-guidelines/#operamini
 309 |      */
 310 |     var opera = context.operamini || context.opera;
 311 | 
 312 |     /** Opera `[[Class]]`. */
 313 |     var operaClass = reOpera.test(operaClass = (isCustomContext && opera) ? opera['[[Class]]'] : getClassOf(opera))
 314 |       ? operaClass
 315 |       : (opera = null);
 316 | 
 317 |     /*------------------------------------------------------------------------*/
 318 | 
 319 |     /** Temporary variable used over the script's lifetime. */
 320 |     var data;
 321 | 
 322 |     /** The CPU architecture. */
 323 |     var arch = ua;
 324 | 
 325 |     /** Platform description array. */
 326 |     var description = [];
 327 | 
 328 |     /** Platform alpha/beta indicator. */
 329 |     var prerelease = null;
 330 | 
 331 |     /** A flag to indicate that environment features should be used to resolve the platform. */
 332 |     var useFeatures = ua == userAgent;
 333 | 
 334 |     /** The browser/environment version. */
 335 |     var version = useFeatures && opera && typeof opera.version == 'function' && opera.version();
 336 | 
 337 |     /** A flag to indicate if the OS ends with "/ Version" */
 338 |     var isSpecialCasedOS;
 339 | 
 340 |     /* Detectable layout engines (order is important). */
 341 |     var layout = getLayout([
 342 |       { 'label': 'EdgeHTML', 'pattern': 'Edge' },
 343 |       'Trident',
 344 |       { 'label': 'WebKit', 'pattern': 'AppleWebKit' },
 345 |       'iCab',
 346 |       'Presto',
 347 |       'NetFront',
 348 |       'Tasman',
 349 |       'KHTML',
 350 |       'Gecko'
 351 |     ]);
 352 | 
 353 |     /* Detectable browser names (order is important). */
 354 |     var name = getName([
 355 |       'Adobe AIR',
 356 |       'Arora',
 357 |       'Avant Browser',
 358 |       'Breach',
 359 |       'Camino',
 360 |       'Electron',
 361 |       'Epiphany',
 362 |       'Fennec',
 363 |       'Flock',
 364 |       'Galeon',
 365 |       'GreenBrowser',
 366 |       'iCab',
 367 |       'Iceweasel',
 368 |       'K-Meleon',
 369 |       'Konqueror',
 370 |       'Lunascape',
 371 |       'Maxthon',
 372 |       { 'label': 'Microsoft Edge', 'pattern': 'Edge' },
 373 |       'Midori',
 374 |       'Nook Browser',
 375 |       'PaleMoon',
 376 |       'PhantomJS',
 377 |       'Raven',
 378 |       'Rekonq',
 379 |       'RockMelt',
 380 |       { 'label': 'Samsung Internet', 'pattern': 'SamsungBrowser' },
 381 |       'SeaMonkey',
 382 |       { 'label': 'Silk', 'pattern': '(?:Cloud9|Silk-Accelerated)' },
 383 |       'Sleipnir',
 384 |       'SlimBrowser',
 385 |       { 'label': 'SRWare Iron', 'pattern': 'Iron' },
 386 |       'Sunrise',
 387 |       'Swiftfox',
 388 |       'Waterfox',
 389 |       'WebPositive',
 390 |       'Opera Mini',
 391 |       { 'label': 'Opera Mini', 'pattern': 'OPiOS' },
 392 |       'Opera',
 393 |       { 'label': 'Opera', 'pattern': 'OPR' },
 394 |       'Chrome',
 395 |       { 'label': 'Chrome Mobile', 'pattern': '(?:CriOS|CrMo)' },
 396 |       { 'label': 'Firefox', 'pattern': '(?:Firefox|Minefield)' },
 397 |       { 'label': 'Firefox for iOS', 'pattern': 'FxiOS' },
 398 |       { 'label': 'IE', 'pattern': 'IEMobile' },
 399 |       { 'label': 'IE', 'pattern': 'MSIE' },
 400 |       'Safari'
 401 |     ]);
 402 | 
 403 |     /* Detectable products (order is important). */
 404 |     var product = getProduct([
 405 |       { 'label': 'BlackBerry', 'pattern': 'BB10' },
 406 |       'BlackBerry',
 407 |       { 'label': 'Galaxy S', 'pattern': 'GT-I9000' },
 408 |       { 'label': 'Galaxy S2', 'pattern': 'GT-I9100' },
 409 |       { 'label': 'Galaxy S3', 'pattern': 'GT-I9300' },
 410 |       { 'label': 'Galaxy S4', 'pattern': 'GT-I9500' },
 411 |       { 'label': 'Galaxy S5', 'pattern': 'SM-G900' },
 412 |       { 'label': 'Galaxy S6', 'pattern': 'SM-G920' },
 413 |       { 'label': 'Galaxy S6 Edge', 'pattern': 'SM-G925' },
 414 |       { 'label': 'Galaxy S7', 'pattern': 'SM-G930' },
 415 |       { 'label': 'Galaxy S7 Edge', 'pattern': 'SM-G935' },
 416 |       'Google TV',
 417 |       'Lumia',
 418 |       'iPad',
 419 |       'iPod',
 420 |       'iPhone',
 421 |       'Kindle',
 422 |       { 'label': 'Kindle Fire', 'pattern': '(?:Cloud9|Silk-Accelerated)' },
 423 |       'Nexus',
 424 |       'Nook',
 425 |       'PlayBook',
 426 |       'PlayStation Vita',
 427 |       'PlayStation',
 428 |       'TouchPad',
 429 |       'Transformer',
 430 |       { 'label': 'Wii U', 'pattern': 'WiiU' },
 431 |       'Wii',
 432 |       'Xbox One',
 433 |       { 'label': 'Xbox 360', 'pattern': 'Xbox' },
 434 |       'Xoom'
 435 |     ]);
 436 | 
 437 |     /* Detectable manufacturers. */
 438 |     var manufacturer = getManufacturer({
 439 |       'Apple': { 'iPad': 1, 'iPhone': 1, 'iPod': 1 },
 440 |       'Archos': {},
 441 |       'Amazon': { 'Kindle': 1, 'Kindle Fire': 1 },
 442 |       'Asus': { 'Transformer': 1 },
 443 |       'Barnes & Noble': { 'Nook': 1 },
 444 |       'BlackBerry': { 'PlayBook': 1 },
 445 |       'Google': { 'Google TV': 1, 'Nexus': 1 },
 446 |       'HP': { 'TouchPad': 1 },
 447 |       'HTC': {},
 448 |       'LG': {},
 449 |       'Microsoft': { 'Xbox': 1, 'Xbox One': 1 },
 450 |       'Motorola': { 'Xoom': 1 },
 451 |       'Nintendo': { 'Wii U': 1,  'Wii': 1 },
 452 |       'Nokia': { 'Lumia': 1 },
 453 |       'Samsung': { 'Galaxy S': 1, 'Galaxy S2': 1, 'Galaxy S3': 1, 'Galaxy S4': 1 },
 454 |       'Sony': { 'PlayStation': 1, 'PlayStation Vita': 1 }
 455 |     });
 456 | 
 457 |     /* Detectable operating systems (order is important). */
 458 |     var os = getOS([
 459 |       'Windows Phone',
 460 |       'Android',
 461 |       'CentOS',
 462 |       { 'label': 'Chrome OS', 'pattern': 'CrOS' },
 463 |       'Debian',
 464 |       'Fedora',
 465 |       'FreeBSD',
 466 |       'Gentoo',
 467 |       'Haiku',
 468 |       'Kubuntu',
 469 |       'Linux Mint',
 470 |       'OpenBSD',
 471 |       'Red Hat',
 472 |       'SuSE',
 473 |       'Ubuntu',
 474 |       'Xubuntu',
 475 |       'Cygwin',
 476 |       'Symbian OS',
 477 |       'hpwOS',
 478 |       'webOS ',
 479 |       'webOS',
 480 |       'Tablet OS',
 481 |       'Tizen',
 482 |       'Linux',
 483 |       'Mac OS X',
 484 |       'Macintosh',
 485 |       'Mac',
 486 |       'Windows 98;',
 487 |       'Windows '
 488 |     ]);
 489 | 
 490 |     /*------------------------------------------------------------------------*/
 491 | 
 492 |     /**
 493 |      * Picks the layout engine from an array of guesses.
 494 |      *
 495 |      * @private
 496 |      * @param {Array} guesses An array of guesses.
 497 |      * @returns {null|string} The detected layout engine.
 498 |      */
 499 |     function getLayout(guesses) {
 500 |       return reduce(guesses, function(result, guess) {
 501 |         return result || RegExp('\\b' + (
 502 |           guess.pattern || qualify(guess)
 503 |         ) + '\\b', 'i').exec(ua) && (guess.label || guess);
 504 |       });
 505 |     }
 506 | 
 507 |     /**
 508 |      * Picks the manufacturer from an array of guesses.
 509 |      *
 510 |      * @private
 511 |      * @param {Array} guesses An object of guesses.
 512 |      * @returns {null|string} The detected manufacturer.
 513 |      */
 514 |     function getManufacturer(guesses) {
 515 |       return reduce(guesses, function(result, value, key) {
 516 |         // Lookup the manufacturer by product or scan the UA for the manufacturer.
 517 |         return result || (
 518 |           value[product] ||
 519 |           value[/^[a-z]+(?: +[a-z]+\b)*/i.exec(product)] ||
 520 |           RegExp('\\b' + qualify(key) + '(?:\\b|\\w*\\d)', 'i').exec(ua)
 521 |         ) && key;
 522 |       });
 523 |     }
 524 | 
 525 |     /**
 526 |      * Picks the browser name from an array of guesses.
 527 |      *
 528 |      * @private
 529 |      * @param {Array} guesses An array of guesses.
 530 |      * @returns {null|string} The detected browser name.
 531 |      */
 532 |     function getName(guesses) {
 533 |       return reduce(guesses, function(result, guess) {
 534 |         return result || RegExp('\\b' + (
 535 |           guess.pattern || qualify(guess)
 536 |         ) + '\\b', 'i').exec(ua) && (guess.label || guess);
 537 |       });
 538 |     }
 539 | 
 540 |     /**
 541 |      * Picks the OS name from an array of guesses.
 542 |      *
 543 |      * @private
 544 |      * @param {Array} guesses An array of guesses.
 545 |      * @returns {null|string} The detected OS name.
 546 |      */
 547 |     function getOS(guesses) {
 548 |       return reduce(guesses, function(result, guess) {
 549 |         var pattern = guess.pattern || qualify(guess);
 550 |         if (!result && (result =
 551 |               RegExp('\\b' + pattern + '(?:/[\\d.]+|[ \\w.]*)', 'i').exec(ua)
 552 |             )) {
 553 |           result = cleanupOS(result, pattern, guess.label || guess);
 554 |         }
 555 |         return result;
 556 |       });
 557 |     }
 558 | 
 559 |     /**
 560 |      * Picks the product name from an array of guesses.
 561 |      *
 562 |      * @private
 563 |      * @param {Array} guesses An array of guesses.
 564 |      * @returns {null|string} The detected product name.
 565 |      */
 566 |     function getProduct(guesses) {
 567 |       return reduce(guesses, function(result, guess) {
 568 |         var pattern = guess.pattern || qualify(guess);
 569 |         if (!result && (result =
 570 |               RegExp('\\b' + pattern + ' *\\d+[.\\w_]*', 'i').exec(ua) ||
 571 |               RegExp('\\b' + pattern + ' *\\w+-[\\w]*', 'i').exec(ua) ||
 572 |               RegExp('\\b' + pattern + '(?:; *(?:[a-z]+[_-])?[a-z]+\\d+|[^ ();-]*)', 'i').exec(ua)
 573 |             )) {
 574 |           // Split by forward slash and append product version if needed.
 575 |           if ((result = String((guess.label && !RegExp(pattern, 'i').test(guess.label)) ? guess.label : result).split('/'))[1] && !/[\d.]+/.test(result[0])) {
 576 |             result[0] += ' ' + result[1];
 577 |           }
 578 |           // Correct character case and cleanup string.
 579 |           guess = guess.label || guess;
 580 |           result = format(result[0]
 581 |             .replace(RegExp(pattern, 'i'), guess)
 582 |             .replace(RegExp('; *(?:' + guess + '[_-])?', 'i'), ' ')
 583 |             .replace(RegExp('(' + guess + ')[-_.]?(\\w)', 'i'), '$1 $2'));
 584 |         }
 585 |         return result;
 586 |       });
 587 |     }
 588 | 
 589 |     /**
 590 |      * Resolves the version using an array of UA patterns.
 591 |      *
 592 |      * @private
 593 |      * @param {Array} patterns An array of UA patterns.
 594 |      * @returns {null|string} The detected version.
 595 |      */
 596 |     function getVersion(patterns) {
 597 |       return reduce(patterns, function(result, pattern) {
 598 |         return result || (RegExp(pattern +
 599 |           '(?:-[\\d.]+/|(?: for [\\w-]+)?[ /-])([\\d.]+[^ ();/_-]*)', 'i').exec(ua) || 0)[1] || null;
 600 |       });
 601 |     }
 602 | 
 603 |     /**
 604 |      * Returns `platform.description` when the platform object is coerced to a string.
 605 |      *
 606 |      * @name toString
 607 |      * @memberOf platform
 608 |      * @returns {string} Returns `platform.description` if available, else an empty string.
 609 |      */
 610 |     function toStringPlatform() {
 611 |       return this.description || '';
 612 |     }
 613 | 
 614 |     /*------------------------------------------------------------------------*/
 615 | 
 616 |     // Convert layout to an array so we can add extra details.
 617 |     layout && (layout = [layout]);
 618 | 
 619 |     // Detect product names that contain their manufacturer's name.
 620 |     if (manufacturer && !product) {
 621 |       product = getProduct([manufacturer]);
 622 |     }
 623 |     // Clean up Google TV.
 624 |     if ((data = /\bGoogle TV\b/.exec(product))) {
 625 |       product = data[0];
 626 |     }
 627 |     // Detect simulators.
 628 |     if (/\bSimulator\b/i.test(ua)) {
 629 |       product = (product ? product + ' ' : '') + 'Simulator';
 630 |     }
 631 |     // Detect Opera Mini 8+ running in Turbo/Uncompressed mode on iOS.
 632 |     if (name == 'Opera Mini' && /\bOPiOS\b/.test(ua)) {
 633 |       description.push('running in Turbo/Uncompressed mode');
 634 |     }
 635 |     // Detect IE Mobile 11.
 636 |     if (name == 'IE' && /\blike iPhone OS\b/.test(ua)) {
 637 |       data = parse(ua.replace(/like iPhone OS/, ''));
 638 |       manufacturer = data.manufacturer;
 639 |       product = data.product;
 640 |     }
 641 |     // Detect iOS.
 642 |     else if (/^iP/.test(product)) {
 643 |       name || (name = 'Safari');
 644 |       os = 'iOS' + ((data = / OS ([\d_]+)/i.exec(ua))
 645 |         ? ' ' + data[1].replace(/_/g, '.')
 646 |         : '');
 647 |     }
 648 |     // Detect Kubuntu.
 649 |     else if (name == 'Konqueror' && !/buntu/i.test(os)) {
 650 |       os = 'Kubuntu';
 651 |     }
 652 |     // Detect Android browsers.
 653 |     else if ((manufacturer && manufacturer != 'Google' &&
 654 |         ((/Chrome/.test(name) && !/\bMobile Safari\b/i.test(ua)) || /\bVita\b/.test(product))) ||
 655 |         (/\bAndroid\b/.test(os) && /^Chrome/.test(name) && /\bVersion\//i.test(ua))) {
 656 |       name = 'Android Browser';
 657 |       os = /\bAndroid\b/.test(os) ? os : 'Android';
 658 |     }
 659 |     // Detect Silk desktop/accelerated modes.
 660 |     else if (name == 'Silk') {
 661 |       if (!/\bMobi/i.test(ua)) {
 662 |         os = 'Android';
 663 |         description.unshift('desktop mode');
 664 |       }
 665 |       if (/Accelerated *= *true/i.test(ua)) {
 666 |         description.unshift('accelerated');
 667 |       }
 668 |     }
 669 |     // Detect PaleMoon identifying as Firefox.
 670 |     else if (name == 'PaleMoon' && (data = /\bFirefox\/([\d.]+)\b/.exec(ua))) {
 671 |       description.push('identifying as Firefox ' + data[1]);
 672 |     }
 673 |     // Detect Firefox OS and products running Firefox.
 674 |     else if (name == 'Firefox' && (data = /\b(Mobile|Tablet|TV)\b/i.exec(ua))) {
 675 |       os || (os = 'Firefox OS');
 676 |       product || (product = data[1]);
 677 |     }
 678 |     // Detect false positives for Firefox/Safari.
 679 |     else if (!name || (data = !/\bMinefield\b/i.test(ua) && /\b(?:Firefox|Safari)\b/.exec(name))) {
 680 |       // Escape the `/` for Firefox 1.
 681 |       if (name && !product && /[\/,]|^[^(]+?\)/.test(ua.slice(ua.indexOf(data + '/') + 8))) {
 682 |         // Clear name of false positives.
 683 |         name = null;
 684 |       }
 685 |       // Reassign a generic name.
 686 |       if ((data = product || manufacturer || os) &&
 687 |           (product || manufacturer || /\b(?:Android|Symbian OS|Tablet OS|webOS)\b/.test(os))) {
 688 |         name = /[a-z]+(?: Hat)?/i.exec(/\bAndroid\b/.test(os) ? os : data) + ' Browser';
 689 |       }
 690 |     }
 691 |     // Add Chrome version to description for Electron.
 692 |     else if (name == 'Electron' && (data = (/\bChrome\/([\d.]+)\b/.exec(ua) || 0)[1])) {
 693 |       description.push('Chromium ' + data);
 694 |     }
 695 |     // Detect non-Opera (Presto-based) versions (order is important).
 696 |     if (!version) {
 697 |       version = getVersion([
 698 |         '(?:Cloud9|CriOS|CrMo|Edge|FxiOS|IEMobile|Iron|Opera ?Mini|OPiOS|OPR|Raven|SamsungBrowser|Silk(?!/[\\d.]+$))',
 699 |         'Version',
 700 |         qualify(name),
 701 |         '(?:Firefox|Minefield|NetFront)'
 702 |       ]);
 703 |     }
 704 |     // Detect stubborn layout engines.
 705 |     if ((data =
 706 |           layout == 'iCab' && parseFloat(version) > 3 && 'WebKit' ||
 707 |           /\bOpera\b/.test(name) && (/\bOPR\b/.test(ua) ? 'Blink' : 'Presto') ||
 708 |           /\b(?:Midori|Nook|Safari)\b/i.test(ua) && !/^(?:Trident|EdgeHTML)$/.test(layout) && 'WebKit' ||
 709 |           !layout && /\bMSIE\b/i.test(ua) && (os == 'Mac OS' ? 'Tasman' : 'Trident') ||
 710 |           layout == 'WebKit' && /\bPlayStation\b(?! Vita\b)/i.test(name) && 'NetFront'
 711 |         )) {
 712 |       layout = [data];
 713 |     }
 714 |     // Detect Windows Phone 7 desktop mode.
 715 |     if (name == 'IE' && (data = (/; *(?:XBLWP|ZuneWP)(\d+)/i.exec(ua) || 0)[1])) {
 716 |       name += ' Mobile';
 717 |       os = 'Windows Phone ' + (/\+$/.test(data) ? data : data + '.x');
 718 |       description.unshift('desktop mode');
 719 |     }
 720 |     // Detect Windows Phone 8.x desktop mode.
 721 |     else if (/\bWPDesktop\b/i.test(ua)) {
 722 |       name = 'IE Mobile';
 723 |       os = 'Windows Phone 8.x';
 724 |       description.unshift('desktop mode');
 725 |       version || (version = (/\brv:([\d.]+)/.exec(ua) || 0)[1]);
 726 |     }
 727 |     // Detect IE 11 identifying as other browsers.
 728 |     else if (name != 'IE' && layout == 'Trident' && (data = /\brv:([\d.]+)/.exec(ua))) {
 729 |       if (name) {
 730 |         description.push('identifying as ' + name + (version ? ' ' + version : ''));
 731 |       }
 732 |       name = 'IE';
 733 |       version = data[1];
 734 |     }
 735 |     // Leverage environment features.
 736 |     if (useFeatures) {
 737 |       // Detect server-side environments.
 738 |       // Rhino has a global function while others have a global object.
 739 |       if (isHostType(context, 'global')) {
 740 |         if (java) {
 741 |           data = java.lang.System;
 742 |           arch = data.getProperty('os.arch');
 743 |           os = os || data.getProperty('os.name') + ' ' + data.getProperty('os.version');
 744 |         }
 745 |         if (rhino) {
 746 |           try {
 747 |             version = context.require('ringo/engine').version.join('.');
 748 |             name = 'RingoJS';
 749 |           } catch(e) {
 750 |             if ((data = context.system) && data.global.system == context.system) {
 751 |               name = 'Narwhal';
 752 |               os || (os = data[0].os || null);
 753 |             }
 754 |           }
 755 |           if (!name) {
 756 |             name = 'Rhino';
 757 |           }
 758 |         }
 759 |         else if (
 760 |           typeof context.process == 'object' && !context.process.browser &&
 761 |           (data = context.process)
 762 |         ) {
 763 |           if (typeof data.versions == 'object') {
 764 |             if (typeof data.versions.electron == 'string') {
 765 |               description.push('Node ' + data.versions.node);
 766 |               name = 'Electron';
 767 |               version = data.versions.electron;
 768 |             } else if (typeof data.versions.nw == 'string') {
 769 |               description.push('Chromium ' + version, 'Node ' + data.versions.node);
 770 |               name = 'NW.js';
 771 |               version = data.versions.nw;
 772 |             }
 773 |           }
 774 |           if (!name) {
 775 |             name = 'Node.js';
 776 |             arch = data.arch;
 777 |             os = data.platform;
 778 |             version = /[\d.]+/.exec(data.version);
 779 |             version = version ? version[0] : null;
 780 |           }
 781 |         }
 782 |       }
 783 |       // Detect Adobe AIR.
 784 |       else if (getClassOf((data = context.runtime)) == airRuntimeClass) {
 785 |         name = 'Adobe AIR';
 786 |         os = data.flash.system.Capabilities.os;
 787 |       }
 788 |       // Detect PhantomJS.
 789 |       else if (getClassOf((data = context.phantom)) == phantomClass) {
 790 |         name = 'PhantomJS';
 791 |         version = (data = data.version || null) && (data.major + '.' + data.minor + '.' + data.patch);
 792 |       }
 793 |       // Detect IE compatibility modes.
 794 |       else if (typeof doc.documentMode == 'number' && (data = /\bTrident\/(\d+)/i.exec(ua))) {
 795 |         // We're in compatibility mode when the Trident version + 4 doesn't
 796 |         // equal the document mode.
 797 |         version = [version, doc.documentMode];
 798 |         if ((data = +data[1] + 4) != version[1]) {
 799 |           description.push('IE ' + version[1] + ' mode');
 800 |           layout && (layout[1] = '');
 801 |           version[1] = data;
 802 |         }
 803 |         version = name == 'IE' ? String(version[1].toFixed(1)) : version[0];
 804 |       }
 805 |       // Detect IE 11 masking as other browsers.
 806 |       else if (typeof doc.documentMode == 'number' && /^(?:Chrome|Firefox)\b/.test(name)) {
 807 |         description.push('masking as ' + name + ' ' + version);
 808 |         name = 'IE';
 809 |         version = '11.0';
 810 |         layout = ['Trident'];
 811 |         os = 'Windows';
 812 |       }
 813 |       os = os && format(os);
 814 |     }
 815 |     // Detect prerelease phases.
 816 |     if (version && (data =
 817 |           /(?:[ab]|dp|pre|[ab]\d+pre)(?:\d+\+?)?$/i.exec(version) ||
 818 |           /(?:alpha|beta)(?: ?\d)?/i.exec(ua + ';' + (useFeatures && nav.appMinorVersion)) ||
 819 |           /\bMinefield\b/i.test(ua) && 'a'
 820 |         )) {
 821 |       prerelease = /b/i.test(data) ? 'beta' : 'alpha';
 822 |       version = version.replace(RegExp(data + '\\+?$'), '') +
 823 |         (prerelease == 'beta' ? beta : alpha) + (/\d+\+?/.exec(data) || '');
 824 |     }
 825 |     // Detect Firefox Mobile.
 826 |     if (name == 'Fennec' || name == 'Firefox' && /\b(?:Android|Firefox OS)\b/.test(os)) {
 827 |       name = 'Firefox Mobile';
 828 |     }
 829 |     // Obscure Maxthon's unreliable version.
 830 |     else if (name == 'Maxthon' && version) {
 831 |       version = version.replace(/\.[\d.]+/, '.x');
 832 |     }
 833 |     // Detect Xbox 360 and Xbox One.
 834 |     else if (/\bXbox\b/i.test(product)) {
 835 |       if (product == 'Xbox 360') {
 836 |         os = null;
 837 |       }
 838 |       if (product == 'Xbox 360' && /\bIEMobile\b/.test(ua)) {
 839 |         description.unshift('mobile mode');
 840 |       }
 841 |     }
 842 |     // Add mobile postfix.
 843 |     else if ((/^(?:Chrome|IE|Opera)$/.test(name) || name && !product && !/Browser|Mobi/.test(name)) &&
 844 |         (os == 'Windows CE' || /Mobi/i.test(ua))) {
 845 |       name += ' Mobile';
 846 |     }
 847 |     // Detect IE platform preview.
 848 |     else if (name == 'IE' && useFeatures) {
 849 |       try {
 850 |         if (context.external === null) {
 851 |           description.unshift('platform preview');
 852 |         }
 853 |       } catch(e) {
 854 |         description.unshift('embedded');
 855 |       }
 856 |     }
 857 |     // Detect BlackBerry OS version.
 858 |     // http://docs.blackberry.com/en/developers/deliverables/18169/HTTP_headers_sent_by_BB_Browser_1234911_11.jsp
 859 |     else if ((/\bBlackBerry\b/.test(product) || /\bBB10\b/.test(ua)) && (data =
 860 |           (RegExp(product.replace(/ +/g, ' *') + '/([.\\d]+)', 'i').exec(ua) || 0)[1] ||
 861 |           version
 862 |         )) {
 863 |       data = [data, /BB10/.test(ua)];
 864 |       os = (data[1] ? (product = null, manufacturer = 'BlackBerry') : 'Device Software') + ' ' + data[0];
 865 |       version = null;
 866 |     }
 867 |     // Detect Opera identifying/masking itself as another browser.
 868 |     // http://www.opera.com/support/kb/view/843/
 869 |     else if (this != forOwn && product != 'Wii' && (
 870 |           (useFeatures && opera) ||
 871 |           (/Opera/.test(name) && /\b(?:MSIE|Firefox)\b/i.test(ua)) ||
 872 |           (name == 'Firefox' && /\bOS X (?:\d+\.){2,}/.test(os)) ||
 873 |           (name == 'IE' && (
 874 |             (os && !/^Win/.test(os) && version > 5.5) ||
 875 |             /\bWindows XP\b/.test(os) && version > 8 ||
 876 |             version == 8 && !/\bTrident\b/.test(ua)
 877 |           ))
 878 |         ) && !reOpera.test((data = parse.call(forOwn, ua.replace(reOpera, '') + ';'))) && data.name) {
 879 |       // When "identifying", the UA contains both Opera and the other browser's name.
 880 |       data = 'ing as ' + data.name + ((data = data.version) ? ' ' + data : '');
 881 |       if (reOpera.test(name)) {
 882 |         if (/\bIE\b/.test(data) && os == 'Mac OS') {
 883 |           os = null;
 884 |         }
 885 |         data = 'identify' + data;
 886 |       }
 887 |       // When "masking", the UA contains only the other browser's name.
 888 |       else {
 889 |         data = 'mask' + data;
 890 |         if (operaClass) {
 891 |           name = format(operaClass.replace(/([a-z])([A-Z])/g, '$1 $2'));
 892 |         } else {
 893 |           name = 'Opera';
 894 |         }
 895 |         if (/\bIE\b/.test(data)) {
 896 |           os = null;
 897 |         }
 898 |         if (!useFeatures) {
 899 |           version = null;
 900 |         }
 901 |       }
 902 |       layout = ['Presto'];
 903 |       description.push(data);
 904 |     }
 905 |     // Detect WebKit Nightly and approximate Chrome/Safari versions.
 906 |     if ((data = (/\bAppleWebKit\/([\d.]+\+?)/i.exec(ua) || 0)[1])) {
 907 |       // Correct build number for numeric comparison.
 908 |       // (e.g. "532.5" becomes "532.05")
 909 |       data = [parseFloat(data.replace(/\.(\d)$/, '.0$1')), data];
 910 |       // Nightly builds are postfixed with a "+".
 911 |       if (name == 'Safari' && data[1].slice(-1) == '+') {
 912 |         name = 'WebKit Nightly';
 913 |         prerelease = 'alpha';
 914 |         version = data[1].slice(0, -1);
 915 |       }
 916 |       // Clear incorrect browser versions.
 917 |       else if (version == data[1] ||
 918 |           version == (data[2] = (/\bSafari\/([\d.]+\+?)/i.exec(ua) || 0)[1])) {
 919 |         version = null;
 920 |       }
 921 |       // Use the full Chrome version when available.
 922 |       data[1] = (/\bChrome\/([\d.]+)/i.exec(ua) || 0)[1];
 923 |       // Detect Blink layout engine.
 924 |       if (data[0] == 537.36 && data[2] == 537.36 && parseFloat(data[1]) >= 28 && layout == 'WebKit') {
 925 |         layout = ['Blink'];
 926 |       }
 927 |       // Detect JavaScriptCore.
 928 |       // http://stackoverflow.com/questions/6768474/how-can-i-detect-which-javascript-engine-v8-or-jsc-is-used-at-runtime-in-androi
 929 |       if (!useFeatures || (!likeChrome && !data[1])) {
 930 |         layout && (layout[1] = 'like Safari');
 931 |         data = (data = data[0], data < 400 ? 1 : data < 500 ? 2 : data < 526 ? 3 : data < 533 ? 4 : data < 534 ? '4+' : data < 535 ? 5 : data < 537 ? 6 : data < 538 ? 7 : data < 601 ? 8 : '8');
 932 |       } else {
 933 |         layout && (layout[1] = 'like Chrome');
 934 |         data = data[1] || (data = data[0], data < 530 ? 1 : data < 532 ? 2 : data < 532.05 ? 3 : data < 533 ? 4 : data < 534.03 ? 5 : data < 534.07 ? 6 : data < 534.10 ? 7 : data < 534.13 ? 8 : data < 534.16 ? 9 : data < 534.24 ? 10 : data < 534.30 ? 11 : data < 535.01 ? 12 : data < 535.02 ? '13+' : data < 535.07 ? 15 : data < 535.11 ? 16 : data < 535.19 ? 17 : data < 536.05 ? 18 : data < 536.10 ? 19 : data < 537.01 ? 20 : data < 537.11 ? '21+' : data < 537.13 ? 23 : data < 537.18 ? 24 : data < 537.24 ? 25 : data < 537.36 ? 26 : layout != 'Blink' ? '27' : '28');
 935 |       }
 936 |       // Add the postfix of ".x" or "+" for approximate versions.
 937 |       layout && (layout[1] += ' ' + (data += typeof data == 'number' ? '.x' : /[.+]/.test(data) ? '' : '+'));
 938 |       // Obscure version for some Safari 1-2 releases.
 939 |       if (name == 'Safari' && (!version || parseInt(version) > 45)) {
 940 |         version = data;
 941 |       }
 942 |     }
 943 |     // Detect Opera desktop modes.
 944 |     if (name == 'Opera' &&  (data = /\bzbov|zvav$/.exec(os))) {
 945 |       name += ' ';
 946 |       description.unshift('desktop mode');
 947 |       if (data == 'zvav') {
 948 |         name += 'Mini';
 949 |         version = null;
 950 |       } else {
 951 |         name += 'Mobile';
 952 |       }
 953 |       os = os.replace(RegExp(' *' + data + '$'), '');
 954 |     }
 955 |     // Detect Chrome desktop mode.
 956 |     else if (name == 'Safari' && /\bChrome\b/.exec(layout && layout[1])) {
 957 |       description.unshift('desktop mode');
 958 |       name = 'Chrome Mobile';
 959 |       version = null;
 960 | 
 961 |       if (/\bOS X\b/.test(os)) {
 962 |         manufacturer = 'Apple';
 963 |         os = 'iOS 4.3+';
 964 |       } else {
 965 |         os = null;
 966 |       }
 967 |     }
 968 |     // Strip incorrect OS versions.
 969 |     if (version && version.indexOf((data = /[\d.]+$/.exec(os))) == 0 &&
 970 |         ua.indexOf('/' + data + '-') > -1) {
 971 |       os = trim(os.replace(data, ''));
 972 |     }
 973 |     // Add layout engine.
 974 |     if (layout && !/\b(?:Avant|Nook)\b/.test(name) && (
 975 |         /Browser|Lunascape|Maxthon/.test(name) ||
 976 |         name != 'Safari' && /^iOS/.test(os) && /\bSafari\b/.test(layout[1]) ||
 977 |         /^(?:Adobe|Arora|Breach|Midori|Opera|Phantom|Rekonq|Rock|Samsung Internet|Sleipnir|Web)/.test(name) && layout[1])) {
 978 |       // Don't add layout details to description if they are falsey.
 979 |       (data = layout[layout.length - 1]) && description.push(data);
 980 |     }
 981 |     // Combine contextual information.
 982 |     if (description.length) {
 983 |       description = ['(' + description.join('; ') + ')'];
 984 |     }
 985 |     // Append manufacturer to description.
 986 |     if (manufacturer && product && product.indexOf(manufacturer) < 0) {
 987 |       description.push('on ' + manufacturer);
 988 |     }
 989 |     // Append product to description.
 990 |     if (product) {
 991 |       description.push((/^on /.test(description[description.length - 1]) ? '' : 'on ') + product);
 992 |     }
 993 |     // Parse the OS into an object.
 994 |     if (os) {
 995 |       data = / ([\d.+]+)$/.exec(os);
 996 |       isSpecialCasedOS = data && os.charAt(os.length - data[0].length - 1) == '/';
 997 |       os = {
 998 |         'architecture': 32,
 999 |         'family': (data && !isSpecialCasedOS) ? os.replace(data[0], '') : os,
1000 |         'version': data ? data[1] : null,
1001 |         'toString': function() {
1002 |           var version = this.version;
1003 |           return this.family + ((version && !isSpecialCasedOS) ? ' ' + version : '') + (this.architecture == 64 ? ' 64-bit' : '');
1004 |         }
1005 |       };
1006 |     }
1007 |     // Add browser/OS architecture.
1008 |     if ((data = /\b(?:AMD|IA|Win|WOW|x86_|x)64\b/i.exec(arch)) && !/\bi686\b/i.test(arch)) {
1009 |       if (os) {
1010 |         os.architecture = 64;
1011 |         os.family = os.family.replace(RegExp(' *' + data), '');
1012 |       }
1013 |       if (
1014 |           name && (/\bWOW64\b/i.test(ua) ||
1015 |           (useFeatures && /\w(?:86|32)$/.test(nav.cpuClass || nav.platform) && !/\bWin64; x64\b/i.test(ua)))
1016 |       ) {
1017 |         description.unshift('32-bit');
1018 |       }
1019 |     }
1020 |     // Chrome 39 and above on OS X is always 64-bit.
1021 |     else if (
1022 |         os && /^OS X/.test(os.family) &&
1023 |         name == 'Chrome' && parseFloat(version) >= 39
1024 |     ) {
1025 |       os.architecture = 64;
1026 |     }
1027 | 
1028 |     ua || (ua = null);
1029 | 
1030 |     /*------------------------------------------------------------------------*/
1031 | 
1032 |     /**
1033 |      * The platform object.
1034 |      *
1035 |      * @name platform
1036 |      * @type Object
1037 |      */
1038 |     var platform = {};
1039 | 
1040 |     /**
1041 |      * The platform description.
1042 |      *
1043 |      * @memberOf platform
1044 |      * @type string|null
1045 |      */
1046 |     platform.description = ua;
1047 | 
1048 |     /**
1049 |      * The name of the browser's layout engine.
1050 |      *
1051 |      * The list of common layout engines include:
1052 |      * "Blink", "EdgeHTML", "Gecko", "Trident" and "WebKit"
1053 |      *
1054 |      * @memberOf platform
1055 |      * @type string|null
1056 |      */
1057 |     platform.layout = layout && layout[0];
1058 | 
1059 |     /**
1060 |      * The name of the product's manufacturer.
1061 |      *
1062 |      * The list of manufacturers include:
1063 |      * "Apple", "Archos", "Amazon", "Asus", "Barnes & Noble", "BlackBerry",
1064 |      * "Google", "HP", "HTC", "LG", "Microsoft", "Motorola", "Nintendo",
1065 |      * "Nokia", "Samsung" and "Sony"
1066 |      *
1067 |      * @memberOf platform
1068 |      * @type string|null
1069 |      */
1070 |     platform.manufacturer = manufacturer;
1071 | 
1072 |     /**
1073 |      * The name of the browser/environment.
1074 |      *
1075 |      * The list of common browser names include:
1076 |      * "Chrome", "Electron", "Firefox", "Firefox for iOS", "IE",
1077 |      * "Microsoft Edge", "PhantomJS", "Safari", "SeaMonkey", "Silk",
1078 |      * "Opera Mini" and "Opera"
1079 |      *
1080 |      * Mobile versions of some browsers have "Mobile" appended to their name:
1081 |      * eg. "Chrome Mobile", "Firefox Mobile", "IE Mobile" and "Opera Mobile"
1082 |      *
1083 |      * @memberOf platform
1084 |      * @type string|null
1085 |      */
1086 |     platform.name = name;
1087 | 
1088 |     /**
1089 |      * The alpha/beta release indicator.
1090 |      *
1091 |      * @memberOf platform
1092 |      * @type string|null
1093 |      */
1094 |     platform.prerelease = prerelease;
1095 | 
1096 |     /**
1097 |      * The name of the product hosting the browser.
1098 |      *
1099 |      * The list of common products include:
1100 |      *
1101 |      * "BlackBerry", "Galaxy S4", "Lumia", "iPad", "iPod", "iPhone", "Kindle",
1102 |      * "Kindle Fire", "Nexus", "Nook", "PlayBook", "TouchPad" and "Transformer"
1103 |      *
1104 |      * @memberOf platform
1105 |      * @type string|null
1106 |      */
1107 |     platform.product = product;
1108 | 
1109 |     /**
1110 |      * The browser's user agent string.
1111 |      *
1112 |      * @memberOf platform
1113 |      * @type string|null
1114 |      */
1115 |     platform.ua = ua;
1116 | 
1117 |     /**
1118 |      * The browser/environment version.
1119 |      *
1120 |      * @memberOf platform
1121 |      * @type string|null
1122 |      */
1123 |     platform.version = name && version;
1124 | 
1125 |     /**
1126 |      * The name of the operating system.
1127 |      *
1128 |      * @memberOf platform
1129 |      * @type Object
1130 |      */
1131 |     platform.os = os || {
1132 | 
1133 |       /**
1134 |        * The CPU architecture the OS is built for.
1135 |        *
1136 |        * @memberOf platform.os
1137 |        * @type number|null
1138 |        */
1139 |       'architecture': null,
1140 | 
1141 |       /**
1142 |        * The family of the OS.
1143 |        *
1144 |        * Common values include:
1145 |        * "Windows", "Windows Server 2008 R2 / 7", "Windows Server 2008 / Vista",
1146 |        * "Windows XP", "OS X", "Ubuntu", "Debian", "Fedora", "Red Hat", "SuSE",
1147 |        * "Android", "iOS" and "Windows Phone"
1148 |        *
1149 |        * @memberOf platform.os
1150 |        * @type string|null
1151 |        */
1152 |       'family': null,
1153 | 
1154 |       /**
1155 |        * The version of the OS.
1156 |        *
1157 |        * @memberOf platform.os
1158 |        * @type string|null
1159 |        */
1160 |       'version': null,
1161 | 
1162 |       /**
1163 |        * Returns the OS string.
1164 |        *
1165 |        * @memberOf platform.os
1166 |        * @returns {string} The OS string.
1167 |        */
1168 |       'toString': function() { return 'null'; }
1169 |     };
1170 | 
1171 |     platform.parse = parse;
1172 |     platform.toString = toStringPlatform;
1173 | 
1174 |     if (platform.version) {
1175 |       description.unshift(version);
1176 |     }
1177 |     if (platform.name) {
1178 |       description.unshift(name);
1179 |     }
1180 |     if (os && name && !(os == String(os).split(' ')[0] && (os == name.split(' ')[0] || product))) {
1181 |       description.push(product ? '(' + os + ')' : 'on ' + os);
1182 |     }
1183 |     if (description.length) {
1184 |       platform.description = description.join(' ');
1185 |     }
1186 |     return platform;
1187 |   }
1188 | 
1189 |   /*--------------------------------------------------------------------------*/
1190 | 
1191 |   // Export platform.
1192 |   var platform = parse();
1193 | 
1194 |   // Some AMD build optimizers, like r.js, check for condition patterns like the following:
1195 |   if (typeof define == 'function' && typeof define.amd == 'object' && define.amd) {
1196 |     // Expose platform on the global object to prevent errors when platform is
1197 |     // loaded by a script tag in the presence of an AMD loader.
1198 |     // See http://requirejs.org/docs/errors.html#mismatch for more details.
1199 |     root.platform = platform;
1200 | 
1201 |     // Define as an anonymous module so platform can be aliased through path mapping.
1202 |     define(function() {
1203 |       return platform;
1204 |     });
1205 |   }
1206 |   // Check for `exports` after `define` in case a build optimizer adds an `exports` object.
1207 |   else if (freeExports && freeModule) {
1208 |     // Export for CommonJS support.
1209 |     forOwn(platform, function(value, key) {
1210 |       freeExports[key] = value;
1211 |     });
1212 |   }
1213 |   else {
1214 |     // Export to the global object.
1215 |     root.platform = platform;
1216 |   }
1217 | }.call(this));
1218 | 


--------------------------------------------------------------------------------
/scripts/src/bg.js:
--------------------------------------------------------------------------------
1 | chrome.browserAction.onClicked.addListener(() => {
2 |   chrome.windows.getLastFocused({populate: true}, window => {
3 |     chrome.tabs.create({url: 'tabPage.html', windowId: window.id});
4 |   });
5 | });
6 | 


--------------------------------------------------------------------------------
/scripts/src/listeners.js:
--------------------------------------------------------------------------------
  1 | function addListeners(tabManager) {
  2 |   // shortcuts
  3 |   $(document).bind('keyup', function(e) {
  4 |     if (e.target.id != 'search-input') {
  5 |       var key = e.which || e.keyCode;
  6 |       key = String.fromCharCode(key);
  7 |       let shortcuts = {
  8 |         'U': 'undo',
  9 |         'S': 'toggleSettings',
 10 |         'A': 'arrangeTabs',
 11 |         '&': 'selectWindowPrev',
 12 |         '(': 'selectWindowNext',
 13 |         '0': 'selectWindowAll'
 14 |       };
 15 | 
 16 |       let next = 1;
 17 |       let command = parseInt(key) || shortcuts[key];
 18 |       if (typeof command == 'number') {
 19 |         $('#win-btn-' + command).click();
 20 |       } else {
 21 |         switch (command) {
 22 |           case 'undo':
 23 |             tabManager.reopenLastClosed();
 24 |             break;
 25 |           case 'toggleSettings':
 26 |             toggleSettings();
 27 |             break;
 28 |           case 'arrangeTabs':
 29 |             arrangeTabs();
 30 |             break;
 31 |           case 'selectWindowPrev':
 32 |             next -= 2; // Wow, very hack
 33 |           case 'selectWindowNext':
 34 |             let currentWindowNumber = $('.window-select-active')[0].id.replace('win-btn-', '');
 35 |             currentWindowNumber = parseInt(currentWindowNumber);
 36 |             let targetWindow = currentWindowNumber + next;
 37 |             $('#win-btn-' + targetWindow).click();
 38 |             break;
 39 |           case 'selectWindowAll':
 40 |             $('#win-btn-all').click();
 41 |             break;
 42 |         }
 43 |       }
 44 |     }
 45 |   });
 46 | 
 47 |   // Add listener for updating tabs
 48 |   chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
 49 |     if (tabManager.managerTab) {
 50 |       if (tabManager.managerTab.url == tab.url && Object.keys(changeInfo).length > 1 && changeInfo['status'] == 'loading') {
 51 |         chrome.tabs.remove(tabManager.managerTab.id);
 52 |       }
 53 |     }
 54 | 
 55 |     if (changeInfo['url']) {
 56 |       tabManager.reloadPage();
 57 |     } else if (changeInfo['title']) {
 58 |       $('#t-' + tab.id).empty();
 59 |       $('#t-' + tab.id).append(renderTabContent(tab));
 60 |     }
 61 |   });
 62 | 
 63 |   // Add listner for tabs being removed
 64 |   chrome.tabs.onRemoved.addListener((tabID, removedInfo) => {
 65 |     let tab;
 66 |     // If the manager tab is the last tab in all windows, close
 67 |     if (tabManager.windows.length == 1 && tabManager.windows[0].tabs.length <= 2 && tabManager.windows[0].tabs[0].id === tabManager.managerTab.id) {
 68 |       tabManager.close();
 69 |     }
 70 |     // Add the closed tab to closed tab list
 71 |     for (openTab of tabManager.openTabs) {
 72 |       if (openTab.id == tabID) {
 73 |         tab = openTab;
 74 |         tabManager.tryAddToClosedElements(openTab);
 75 |       }
 76 |     }
 77 |     if (!tab.isGroup)
 78 |       tabManager.reloadPage();
 79 |   });
 80 | 
 81 |   // Add listner for creating tabs
 82 |   chrome.tabs.onCreated.addListener((tab) => {
 83 |     tabManager.reloadPage();
 84 |   });
 85 | 
 86 |   // Add listener for window closing
 87 |   chrome.windows.onRemoved.addListener(() => {
 88 |     tabManager.reloadPage();
 89 |   });
 90 | 
 91 |   // Add listener for undo button
 92 |   $("#undo-btn").on('click', () => {
 93 |     tabManager.reopenLastClosed();
 94 |   });
 95 | 
 96 |   // Add listener for settings button
 97 |   $('#settings-icon').on('click', () => {
 98 |     toggleSettings();
 99 |   });
100 | 
101 |   // Add listener for tab count settings
102 | 
103 |   tabManager.addGenericSettingsCallbacks();
104 | 
105 |   // Add listener for layout options
106 |   $(".layout-option").each(function() {
107 |     $(this).on('click', function(e) {
108 |       // Remove active class from all buttons
109 |       $(".layout-option-active").each(function() {
110 |         $(this).toggleClass('layout-option-active layout-option');
111 |       });
112 |       // Add active class to the button that was pressed
113 |       $(this).toggleClass('layout-option-active layout-option');
114 |       chrome.storage.local.set({
115 |         'col': 12 / e.target.id
116 |       });
117 |       tabManager.reloadPage();
118 |     });
119 |   });
120 | 
121 |   // Add listener for sort options
122 |   $(".sort-option").each(function() {
123 |     $(this).on('click', () => {
124 |       chrome.storage.local.set({
125 |         'sortMethod': $(this).attr('id')
126 |       });
127 |       tabManager.reloadPage();
128 |     });
129 |   });
130 | 
131 |   // Add listener for search options
132 |   $(".search-option").each(function() {
133 |     $(this).on('click', () => {
134 |       chrome.storage.local.set({
135 |         'searchScope': $(this).attr('id')
136 |       });
137 |       tabManager.reloadPage();
138 |     });
139 |   });
140 | 
141 |   $('#shortcut-btn').on('click', () => {
142 |     $('.modal-bg').empty();
143 |     $('.modal-bg').append(`<div class="shortcut-settings-modal"></div>`);
144 |     $('.shortcut-settings-modal').append(renderShortcutModal());
145 |     $('.modal-bg').show();
146 |   });
147 | 
148 |   // Add listener for arrange tabs button
149 |   $("#arrange-tabs-btn").on('click', () => {
150 |     arrangeTabs();
151 |   });
152 | 
153 |   // Add listener for restore tabs button
154 |   $("#restore-tabs-btn").on('click', () => {
155 |     $('.modal-bg').empty();
156 |     $('.modal-bg').append(`<div class="view-closed-tabs"></div>`);
157 |     $('.view-closed-tabs').append(renderRestoreTabModal(tabManager.closedElements));
158 |     addRestoreTabModalListeners(tabManager);
159 |     $('.modal-bg').show();
160 |   });
161 | 
162 |   // Add listener for restore defaults button
163 |   $("#restore-Btn").on('click', () => {
164 |     chrome.storage.local.set(defaultSettings);
165 |     tabManager.reloadPage();
166 |   });
167 | }
168 | 
169 | function addTabListeners(tab, tabManager) {
170 |   // Add event listener to tab
171 |   $('#t-' + tab.id + ' .tab').on('click', () => {
172 |     chrome.windows.update(tab.windowId, {
173 |       focused: true
174 |     });
175 | 
176 |     let updateProperties;
177 |     if (platform.name == "Firefox") {
178 |       updateProperties = {
179 |         active: true
180 |       };
181 |     } else {
182 |       updateProperties = {
183 |         highlighted: true
184 |       };
185 |     }
186 | 
187 |     chrome.tabs.update(tab.id, updateProperties);
188 |     tabManager.onTabClicked();
189 | 
190 |   });
191 | 
192 |   addTabOptionListeners(tab, tabManager);
193 |   // Add event listener for close button
194 |   $('#t-' + tab.id + ' .close-tab-btn').on('click', () => {
195 |     // Close the selected tab
196 |     chrome.tabs.remove(tab.id);
197 |   });
198 | }
199 | 
200 | function addTabOptionListeners(tab, tabManager) {
201 |   // Add event listener for tab options button
202 |   $('#t-' + tab.id + ' .tab-options-btn').on('click', () => {
203 |     $('#t-' + tab.id + ' .dropdown-content').show();
204 |   }).children().click(() => {
205 |     return false;
206 |   });
207 | 
208 |   // Close dropdown on mouse leave
209 |   $('#t-' + tab.id + ' .dropdown-content').on('mouseleave', () => {
210 |     $('#t-' + tab.id + ' .dropdown-content').hide();
211 |   });
212 | 
213 |   // Add event listener for reload button
214 |   $('#t-' + tab.id + ' #t-reload').on('click', () => {
215 |     chrome.tabs.reload(tab.id);
216 |     $('#t-' + tab.id + ' .dropdown-content').hide();
217 |   });
218 | 
219 |   // Add event listener for copy url button
220 |   $('#t-' + tab.id + ' #copy').on('click', () => {
221 |     copyStringToClipboard(tab.url.href);
222 |     $('#t-' + tab.id + ' .dropdown-content').hide();
223 |   });
224 | 
225 |   // Add event listener for merge to window button
226 |   $('#t-' + tab.id + ' #merge').on('click', () => {
227 |     $('.modal-bg').empty();
228 |     $('.modal-bg').append(`<div class="select-win-dest"></div>`);
229 |     $('.select-win-dest').append(renderSendTabModal(tabManager.windows));
230 |     addSendTabModalListeners(tab, tabManager.windows);
231 |     $('.modal-bg').show();
232 |   });
233 | }
234 | 
235 | function addTabGroupOptionListeners(tabGroup, tabManager) {
236 |   // Add event listener for tab options button
237 |   $('#tg-' + tabGroup.id + ' .tab-group-options-btn').on('click', () => {
238 |     $('#tg-' + tabGroup.id + ' .dropdown-content').show();
239 |   }).children().click(() => {
240 |     return false;
241 |   });;
242 | 
243 |   // Close dropdown on mouse leave
244 |   $('#tg-' + tabGroup.id + ' .dropdown-content').on('mouseleave', () => {
245 |     $('#tg-' + tabGroup.id + ' .dropdown-content').hide();
246 |   });
247 | 
248 |   // Add event listener for reload button
249 |   $('#tg-' + tabGroup.id + ' #tg-reload').on('click', () => {
250 |     for (tab of tabGroup.tabs) {
251 |       chrome.tabs.reload(tab.id);
252 |     }
253 |     $('#tg-' + tabGroup.id + ' .dropdown-content').hide();
254 |   });
255 | 
256 |   // Add event listener for merge to window button
257 |   $('#tg-' + tabGroup.id + ' #merge').on('click', () => {
258 |     $('.modal-bg').empty();
259 |     $('.modal-bg').append(`<div class="select-win-dest"></div>`);
260 |     $('.select-win-dest').append(renderSendTabModal(tabManager.windows));
261 |     $('.modal-bg').show();
262 | 
263 |     addSendTabModalListeners(tabGroup, tabManager.windows);
264 |   });
265 | }
266 | 
267 | function addWindowOptionListeners(win, tabManager) {
268 |   // Add event listener for tab options button
269 |   $('#windowWithTabGroups-' + win.id + ' .win-options-btn').on('click', () => {
270 |     $('#windowWithTabGroups-' + win.id + ' .dropdown-content').show();
271 |   }).children().click(() => {
272 |     return false;
273 |   });
274 | 
275 |   // Close dropdown on mouse leave
276 |   $('#windowWithTabGroups-' + win.id + ' .dropdown-content').on('mouseleave', () => {
277 |     $('#windowWithTabGroups-' + win.id + ' .dropdown-content').hide();
278 |   });
279 | 
280 |   // Add event listener for reload button
281 |   $('#windowWithTabGroups-' + win.id + ' #w-reload').on('click', () => {
282 |     for (tab of win.tabs) {
283 |       chrome.tabs.reload(tab.id);
284 |     }
285 |     $('#windowWithTabGroups-' + win.id + ' .dropdown-content').hide();
286 |   });
287 | 
288 |   // Add event listener for merge to window button
289 |   $('#windowWithTabGroups-' + win.id + ' #merge').on('click', () => {
290 |     $('.modal-bg').empty();
291 |     $('.modal-bg').append(`<div class="select-win-dest"></div>`);
292 |     $('.select-win-dest').append(renderSendTabModal(tabManager.windows));
293 |     $('.modal-bg').show();
294 | 
295 |     addSendTabModalListeners(win, tabManager.windows);
296 |   });
297 | }
298 | 
299 | function addSendTabModalListeners(element, windows) {
300 | 
301 |   $('#st-new').off();
302 |   $('#st-new').on('click', () => {
303 | 
304 |     if (element instanceof TabGroup || windows.includes(element)) {
305 |       chrome.windows.create({
306 |         tabId: element.tabs[0].id
307 |       }, (win) => {
308 |         for (tab of element.tabs) {
309 |           if (tab != element.tabs[0]) {
310 |             chrome.tabs.move(tab.id, {
311 |               windowId: parseInt(win.id),
312 |               index: -1
313 |             });
314 |           }
315 |         }
316 |       });
317 |     } else { //is tab
318 |       chrome.windows.create({
319 |         tabId: element.id
320 |       });
321 |     }
322 |     tabManager.reloadPage();
323 |   });
324 | 
325 |   for (win of windows) {
326 |     $('#st-' + win.id).off();
327 |     $('#st-' + win.id).on('click', function() {
328 | 
329 |       if (element instanceof TabGroup || windows.includes(element)) {
330 |         for (tab of element.tabs) {
331 |           chrome.tabs.move(tab.id, {
332 |             windowId: parseInt(this.id.split('-')[1]),
333 |             index: -1
334 |           });
335 |         }
336 |       } else { //is tab
337 |         chrome.tabs.move(element.id, {
338 |           windowId: parseInt(this.id.split('-')[1]),
339 |           index: -1
340 |         });
341 |       }
342 |       tabManager.reloadPage();
343 |     });
344 |   }
345 | }
346 | 
347 | function addRestoreTabModalListeners(tabManager) {
348 | 
349 |   function restore(clicked, tabManager) {
350 |     let id = clicked.id.substring(1).split('-')[1];
351 |     for (let element of tabManager.closedElements) {
352 |       if (element instanceof TabGroup) {
353 |         if (String(element.id) == id){
354 |           tabManager.closedElements = _.without(tabManager.closedElements, _.findWhere(tabManager.closedElements, element));
355 |           tabManager.reopenTabGroup(element);
356 |         }
357 |       } else if (element.type !== undefined) { //isWindow
358 |         if (String(element.id) == id){
359 |           tabManager.closedElements = _.without(tabManager.closedElements, _.findWhere(tabManager.closedElements, element));
360 |           for (tab of element.tabs){
361 |             tab.url = tab.url.href;
362 |           }
363 |           tabManager.reopenWindow(element);
364 |         }
365 |       } else { // isTab
366 |         if (String(element.id) == id){
367 |           tabManager.closedElements = _.without(tabManager.closedElements, _.findWhere(tabManager.closedElements, element));
368 |           tabManager.reopenTab(element);
369 |         }
370 |       }
371 |     }
372 |   }
373 |   $('.closed-win').on('click', function() {
374 |     restore(this, tabManager);
375 |   });
376 | 
377 |   $('.closed-tg').on('click', function() {
378 |     restore(this, tabManager);
379 |   });
380 | 
381 |   $('.closed-t').on('click', function() {
382 |     restore(this, tabManager);
383 |   });
384 | }
385 | 
386 | function addTabGroupListeners(tabGroup, tabManager) {
387 |   $('#tg-' + tabGroup.id + ' .closeGroupBtn').on('click', () => {
388 |     for (let i = 0; i < tabGroup.tabs.length; i++) {
389 |       if (i != tabGroup.tabs.length - 1)
390 |         tabGroup.tabs[i].isGroup = true;
391 |       chrome.tabs.remove(tabGroup.tabs[i].id);
392 |     }
393 |     $(tabGroup.hostname).remove();
394 |     tabManager.closedElements = _.difference(tabManager.closedElements, tabGroup.tabs);
395 |     tabManager.closedElements.push(tabGroup);
396 |   });
397 |   addTabGroupOptionListeners(tabGroup, tabManager);
398 | }
399 | 
400 | function addWinListeners(win, tabManager) {
401 |   $('#windowWithTabGroups-' + win.id + ' .closeWindowBtn').on('click', () => {
402 |     tabManager.closedElements = _.difference(tabManager.closedElements, win.tabs);
403 |     tabManager.closedElements.push(win);
404 |     chrome.windows.remove(win.id);
405 |   });
406 | 
407 |   $('.closeAllBtn').off();
408 |   $('.closeAllBtn').on('click', function() {
409 |     if (confirm("Are you sure you want to close all windows?")) {
410 |       for (win of tabManager.windows) {
411 |         chrome.windows.remove(win.id);
412 |       }
413 |     }
414 |   });
415 |   addWindowOptionListeners(win, tabManager);
416 | }
417 | 
418 | function addModalListeners() {
419 |   let selectWinDestBg = $('.modal-bg');
420 |   $('.modal-bg').on('click', function() {
421 |     $('.modal-bg').hide();
422 |   });
423 |   $('#modal-close').on('click', () => {
424 |     $('.modal-bg').hide();
425 |   });
426 | }
427 | 
428 | function addTabManagerListeners(tabManager) {
429 |   // Prevent duplicate listeners
430 |   $('#win-btn-all').off();
431 |   // Add listeners for window select buttons
432 |   for ($winBtn of $(".win-btn")) {
433 |     let btnID = $winBtn.id.split('-')[2];
434 |     $('#win-btn-' + btnID).on('click', () => {
435 |       chrome.storage.local.set({
436 |         'winSrc': btnID
437 |       });
438 |       if (tabManager.settings['classicMode']) {
439 |         $("#search-input").val('');
440 |         tabManager.reloadPage();
441 |       } else {
442 |         tabManager.settings['winSrc'] = btnID;
443 |         tabManager.getSortedTabGroups();
444 |         tabManager.renderHTMLContent();
445 |         addTabManagerListeners(tabManager);
446 |         if (btnID == 'all') {
447 |           $('.window-overflow-container').animate({
448 |             scrollTop: 0
449 |           }, 0);
450 |         } else {
451 |           document.querySelector("#windowWithTabGroups-" + tabManager.windows[btnID - 1].id).scrollIntoView({
452 |             behavior: 'smooth',
453 |             block: 'start'
454 |           });
455 |           let $targetWindow = $('#windowWithTabGroups-' + tabManager.windows[btnID - 1].id);
456 |           $targetWindow
457 |             .addClass('selected-window', 250)
458 |             .delay(350)
459 |             .removeClass('selected-window', 500);
460 |         }
461 |       }
462 |     });
463 |   }
464 | 
465 |   // Add listeners for windows
466 |   tabManager.windows.forEach((win) => {
467 |     addWinListeners(win, tabManager);
468 |   });
469 | 
470 |   // Add listeners for tabGroups and tabs
471 |   for (tabGroup of tabManager.tabGroups) {
472 |     addTabGroupListeners(tabGroup, tabManager);
473 |     tabGroup.tabs.forEach((tab) => addTabListeners(tab, tabManager));
474 |   }
475 | 
476 |   // Add listeners for addModalListeners
477 |   addModalListeners();
478 | 
479 |   // Add listener for seach bar
480 |   $("#search-input").off();
481 |   $("#search-input").keyup(function() {
482 |     tabManager.getSortedTabGroups();
483 |     tabManager.renderHTMLContent();
484 |     addTabManagerListeners(tabManager);
485 |   });
486 | 
487 |   // Add listener for scrolling
488 |   $(".window-overflow-container").on("scroll", function(event) {
489 |     if (tabManager.settings['winSrc'] != 'all') {
490 |       var scrollPos = $(".window-overflow-container").offset().top;
491 |       let i = 1;
492 |       for ($win of $(".window")) {
493 |         var currLink = $('#win-btn-' + i);
494 |         var refElement = $('#' + $win.id);
495 |         if (refElement.offset().top <= scrollPos + 10 && refElement.offset().top + refElement.height() > scrollPos - 100) {
496 |           $('.win-btn').removeClass("window-select-active");
497 |           currLink.addClass("window-select-active");
498 |           chrome.storage.local.set({
499 |             'winSrc': i
500 |           });
501 |         } else {
502 |           currLink.removeClass("window-select-active");
503 |           currLink.addClass("window-select-btn");
504 |         }
505 |         i++;
506 |       }
507 |     }
508 |   });
509 | }
510 | 
511 | function arrangeTabs() {
512 |   tabManager.windows.forEach((win) => {
513 |     arrangeWindowTabs(win);
514 |   });
515 | }
516 | 
517 | function toggleSettings() {
518 |   let settingsWidth = "192px";
519 |   if ($('.settings').css('width') != settingsWidth) {
520 |     $('.main-content').css({
521 |       'margin-left': settingsWidth
522 |     });
523 |     $('.settings').css({
524 |       'width': settingsWidth
525 |     });
526 |   } else {
527 |     $('.main-content').css({
528 |       'margin-left': '0px'
529 |     });
530 |     $('.settings').css({
531 |       'width': '0px'
532 |     });
533 |   }
534 |   // $("#slider-value").html($sliderMaxTabsPerGroup.prop("valueAsNumber"));
535 | }
536 | 


--------------------------------------------------------------------------------
/scripts/src/main.js:
--------------------------------------------------------------------------------
1 | document.addEventListener("DOMContentLoaded", function() {
2 |   tabManager = new TabManager();
3 |   addListeners(tabManager);
4 |   tabManager.reloadPage();
5 | });
6 | 


--------------------------------------------------------------------------------
/scripts/src/renderHTML.js:
--------------------------------------------------------------------------------
  1 | function renderWindow(windowId) {
  2 |   return `
  3 |     <div id="windowWithTabGroups-${windowId}" class="row container window"></div>
  4 |   `;
  5 | }
  6 | 
  7 | function renderWindowTitle(wid, customTitle = "") {
  8 |   let title = customTitle || "Window " + wid;
  9 |   return `<h2 class="window-title">${title}</h2>`;
 10 | }
 11 | 
 12 | function renderTabGroup(tabGroup, className) {
 13 |   let favIconUrl = tabGroup.tabs[0].favIconUrl;
 14 |   let options = [{
 15 |     id: 'tg-reload',
 16 |     text: 'Reload'
 17 |   }, {
 18 |     id: 'merge',
 19 |     text: 'Merge with Window'
 20 |   }];
 21 |   return `
 22 |       <div id="tg-${tabGroup.id}" class="tab-group ${className}">
 23 |         <h1 class="tab-title">${tabGroup.title}
 24 |         <img class="icon" src=${favIconUrl} />
 25 |         </h1>
 26 |         <div class="closeGroupBtn close-btn">X</div>`.concat(renderDropdownOptions('tab-group-options-btn', options))
 27 |     .concat(`</div>`);
 28 | }
 29 | 
 30 | function renderTab(tab) {
 31 | 
 32 |   return `<div id="t-${tab.id}" class="tabContainer">`.concat(renderTabContent(tab))
 33 |     .concat(`</div>`);
 34 | }
 35 | 
 36 | function renderTabContent(tab) {
 37 |   options = [{
 38 |     id: 't-reload',
 39 |     text: 'Reload'
 40 |   }, {
 41 |     id: 'copy',
 42 |     text: 'Copy URL'
 43 |   }, {
 44 |     id: 'merge',
 45 |     text: 'Merge with Window'
 46 |   }];
 47 |   return `<div class="tab" title=${tab.title}>
 48 |             <p class="tabDescription">${tab.title}</p>
 49 |           </div>
 50 |           <div class="close-tab-btn close-btn">X</div>`
 51 |     .concat(renderDropdownOptions('tab-options-btn', options));
 52 | }
 53 | 
 54 | function renderDropdownOptions(className, options) {
 55 | 
 56 |   result = `<div class="${className}">
 57 |               <i class="fas fa-ellipsis-h"></i>
 58 |               <div class="dropdown-content">
 59 |                 <ul class="nav flex-column">`;
 60 |   for (let option of options) {
 61 |     result = result.concat(`<li id="${option['id']}" class="nav-item">
 62 |       <a class="nav-link tab-option" href="#">${option['text']}</a>
 63 |     </li>`);
 64 |   }
 65 |   result = result.concat(`</ul></div></div>`);
 66 |   return result;
 67 | }
 68 | 
 69 | function renderWinBtns() {
 70 |   options = [{
 71 |     id: 'w-reload',
 72 |     text: 'Reload'
 73 |   }, {
 74 |     id: 'merge',
 75 |     text: 'Merge with Window'
 76 |   }];
 77 |   return `<div class="closeWindowBtn close-btn">X</div>`.concat(renderDropdownOptions('win-options-btn', options));
 78 | }
 79 | 
 80 | function renderBtn(id) {
 81 |   return `<button id="win-btn-${id}" class="window-select-btn win-btn generated-win-btn" type="button">${id}</button>`;
 82 | }
 83 | 
 84 | function renderNoSearchResultsText() {
 85 |   return `<h3 id="no-match-search">No matches for your search term :(</h3>`;
 86 | }
 87 | 
 88 | function renderCloseAllBtn() {
 89 |   return `<div class="closeAllBtn close-btn">X</div>`;
 90 | }
 91 | 
 92 | function renderShortcutModal() {
 93 |   let shortcuts = [{
 94 |     shortcut: 'Alt + M',
 95 |     description: 'Open Manage My Tabs.'
 96 |   }, {
 97 |     shortcut: 'U',
 98 |     description: 'Undo.'
 99 |   }, {
100 |     shortcut: 'S',
101 |     description: 'Toggle settings.'
102 |   }, {
103 |     shortcut: 'A',
104 |     description: 'Arrange tabs.'
105 |   }, {
106 |     shortcut: 'Up Arrow',
107 |     description: 'Select previous window.'
108 |   }, {
109 |     shortcut: 'Down Arrow',
110 |     description: 'Select next window.'
111 |   }, {
112 |     shortcut: '0',
113 |     description: 'View all windows.'
114 |   }];
115 | 
116 |   let result = `<span id="modal-close" class="close">&times;</span>
117 |                 <div class="shortcut-content container">
118 |                   <h1>Shortcuts</h1>
119 |                   <table class="table table-striped">
120 |                     <thead>
121 |                       <tr>
122 |                         <th>Shortcut</th>
123 |                         <th>Description</th>
124 |                       </tr>
125 |                     </thead>
126 |                     <tbody>`;
127 |   for (let shortcut of shortcuts) {
128 |     result = result.concat(`<tr>
129 |                               <td>${shortcut['shortcut']}</td>
130 |                               <td>${shortcut['description']}</td>
131 |                             </tr>`);
132 |   }
133 |   result = result.concat(`</tbody></table></div>`);
134 |   return result;
135 | }
136 | 
137 | function renderSendTabModal(windows) {
138 |   let result = `<span id="modal-close" class="close">&times;</span>
139 |                 <h1>Merge with</h1><div class="select-win-dest-content">
140 |                 <ul class="nav flex-column">`;
141 |   let i = 1;
142 | 
143 |   for (let win of windows) {
144 |     result = result.concat(`<li id="st-${win.id}" class="nav-item">
145 |                     <a class="nav-link tab-option" href="#">Window ${i}</a>
146 |                    </li>`);
147 |     i++;
148 |   }
149 |   result = result.concat(`<li id="st-new" class="nav-item">
150 |                   <a class="nav-link tab-option" href="#">New Window</a>
151 |                  </li>`);
152 |   result = result.concat(`</ul></div>`);
153 |   return result;
154 | }
155 | 
156 | function renderRestoreTabModal(closedElements) {
157 |   let result = `<span id="modal-close" class="close">&times;</span>
158 |                 <div class="restore-container">`;
159 |   if (closedElements.length == 0){
160 |     result = result.concat(`<h1 id="no-closed-elements">No recently closed elements</h1>`);
161 |   } else {
162 |     result = result.concat(`<h1>Click to restore</h1>`);
163 |   }
164 | 
165 |   for (let element of closedElements) {
166 |     if (element instanceof TabGroup) {
167 |       result = result.concat(renderClosedTabGroup(element));
168 |     } else if (element.type !== undefined) { //isWindow
169 |       result = result.concat(renderClosedWin(element));
170 |     } else { // isTab
171 |       let tg = new TabGroup(element.url.hostname, 1, [element], element.windowId);
172 |       result = result.concat(renderClosedTabGroup(tg, false, true));
173 |     }
174 |   }
175 |   result = result.concat(`</div>`);
176 |   return result;
177 | }
178 | 
179 | function renderClosedWin(win) {
180 |   let result = `<div id="cwindowWithTabGroups-${win.id}" class="row container window closed-win">`;
181 |   let tabGroups = groupTabs(win.tabs);
182 |   for (let tabGroup of tabGroups) {
183 |     result = result.concat(renderClosedTabGroup(tabGroup, false));
184 |   }
185 |   result = result.concat(`</div>`);
186 |   return result;
187 | }
188 | 
189 | function renderClosedTabGroup(tg, closed = true, clickTab = false) {
190 |   let closedClass = "";
191 |   if (closed)
192 |     closedClass = " closed-tg";
193 |   let result = `<div id="ctg-${tg.id}" class="tab-group${closedClass} col-4">
194 |     <h1 class="tab-title">${tg.title}
195 |     <img class="icon" src=${tg.tabs[0].favIconUrl} />
196 |     </h1>`;
197 |   for (let tab of tg.tabs) {
198 |     result = result.concat(renderClosedTab(tab, clickTab));
199 |   }
200 |   result = result.concat(`</div>`);
201 |   return result;
202 | }
203 | 
204 | function renderClosedTab(tab, closed = true) {
205 |   let closedClass = "s";
206 |   if (closed)
207 |     closedClass = " closed-t";
208 |   return `<div id="ct-${tab.id}" class="tabContainer${closedClass}">
209 |                           <div class="tab" title=${tab.title}>
210 |                             <p class="tabDescription">${tab.title}</p>
211 |                           </div></div>`;
212 | }
213 | 
214 | function generateWindows(tabGroups) {
215 |   let $windowContainer = $('.window-container');
216 |   $windowContainer.empty();
217 | 
218 |   let windowIds = _.keys(_.groupBy(tabGroups, (tg) => tg.windowId));
219 | 
220 |   $windowContainer.append(renderNoSearchResultsText());
221 |   for (let wid of windowIds) {
222 |     $windowContainer.append(renderWindow(wid));
223 |   }
224 | }
225 | 
226 | function generateTabGroupsByWindow(windows, tabGroups, className, tabCount) {
227 |   let windowIds = [];
228 |   windows.forEach(function(win) {
229 |     windowIds.push(win.id);
230 |   });
231 | 
232 |   let $tabGroupContainer = $('.window');
233 |   $tabGroupContainer.empty();
234 | 
235 |   let tabGroupsByWindow = _.groupBy(tabGroups, (tg) => tg.windowId);
236 | 
237 |   for (let tgs in tabGroupsByWindow) {
238 |     $element = $('#windowWithTabGroups-' + tgs);
239 |     $element.empty();
240 | 
241 |     $element.append(renderWindowTitle(windowIds.indexOf(parseInt(tgs)) + 1));
242 |     $element.append(renderWinBtns());
243 | 
244 |     function renderThisTabGroup(tg) {
245 |       return new Promise(function(resolve, reject) {
246 |         if (!$element.length) {
247 |           reject();
248 |         }
249 |         $element.append(renderTabGroup(tg, className));
250 |         resolve();
251 |       });
252 |     }
253 | 
254 |     let promisesTabGroups = [];
255 |     for (let tg of tabGroupsByWindow[tgs]) {
256 |       promisesTabGroups.push(renderThisTabGroup(tg));
257 |     }
258 | 
259 |     Promise.all(promisesTabGroups).then(function() {
260 |       // console.log('All tab groups have been rendered!');
261 |     }).catch(function() {
262 |       console.log('Oh no, epic failure!');
263 |     });
264 |   }
265 | }
266 | 
267 | function generateTabGroups(tabGroups, className, tabCount, winSrc, addCloseBtn = false, empty = true) {
268 |   let $windowContainer = $('.window-container');
269 |   if (empty) $windowContainer.empty();
270 |   $windowContainer.append(renderNoSearchResultsText());
271 |   $windowContainer.append(renderWindow(winSrc));
272 |   $tabGroupContainer = $('#windowWithTabGroups-' + winSrc);
273 |   if (addCloseBtn) $tabGroupContainer.append(renderCloseAllBtn());
274 |   let title = winSrc == 'all' ? 'All tabs' : "Window " + winSrc;
275 |   $tabGroupContainer.append(renderWindowTitle(0, customTitle = title));
276 |   for (let tabGroup of tabGroups) {
277 |     $tabGroupContainer.append(renderTabGroup(tabGroup, className));
278 |   }
279 | }
280 | 
281 | function generateTabs(tabGroups) {
282 |   for (let tabGroup of tabGroups) {
283 |     function renderThisTab(t) {
284 |       return new Promise(function(resolve, reject) {
285 |         let $selector = $('#tg-' + tabGroup.id);
286 |         if (!$selector.length) {
287 |           reject();
288 |         }
289 |         $selector.append(renderTab(t));
290 |         resolve();
291 |       });
292 |     }
293 | 
294 |     let promisesTabs = [];
295 |     for (let tab of tabGroup.tabs) {
296 |       promisesTabs.push(renderThisTab(tab));
297 |     }
298 | 
299 |     Promise.all(promisesTabs).then(function() {
300 |       // console.log('All tabs have been rendered!');
301 |     }).catch(function() {
302 |       console.log('Oh no, epic failure!');
303 |     });
304 |   }
305 | }
306 | 
307 | function generateWinSelectBtns(windows, btnName) {
308 |   let $winSection = $(".window-selection");
309 | 
310 |   $(".generated-win-btn").remove();
311 |   $("#win-btn-all").removeClass('window-select-active').addClass('window-select-btn');
312 | 
313 |   for (let i = 1; i <= windows.length; i++) {
314 |     $winSection.append($(renderBtn(i)));
315 | 
316 |     let top = isOverflown($winSection) ? '-3.6rem' : '-2.4rem';
317 |     $winSection.css({
318 |       'top': top
319 |     });
320 |   }
321 | 
322 |   $("#win-btn-" + btnName).toggleClass('window-select-btn window-select-active');
323 | }
324 | 


--------------------------------------------------------------------------------
/scripts/src/tabGroup.js:
--------------------------------------------------------------------------------
 1 | String.prototype.capitalize = function() {
 2 |   return this.charAt(0).toUpperCase() + this.slice(1).toLowerCase();
 3 | };
 4 | 
 5 | /*
 6 | * @class A group of tabs which has hold the tabs and has a name.
 7 | * @param {string} hostname
 8 | *   The name of the TabGroup.
 9 | *
10 | * @param {array} tabs
11 | *   List of tabs to be held by the TabGroup.
12 | */
13 | class TabGroup {
14 | 
15 |   constructor(hostname, tabCount, tabs=[], windowId) {
16 |     this.hostname = hostname;
17 |     // this.id = hostname.split('.').join("");
18 |     this.id = TabGroup.n_instances++;
19 |     this.tabs = tabs;
20 |     this.tabs[0].tabGroupID="tg-" + this.id;
21 |     this.tabCount = tabCount;
22 |     this.windowId = windowId;
23 |     this.setTitle();
24 |   }
25 | 
26 |   setTitle(){
27 |     this.title = this.hostname.capitalize();
28 |     // Special pages includng extensions and newtab pages have no '.'
29 |     if (!this.hostname.includes('.')) {
30 |       this.title = this.tabs[0].title.replace(/ /g, '_');
31 |     }
32 |     if (this.tabCount)
33 |       this.title = "(" + this.tabs.length + ")" + this.title;
34 |   }
35 | 
36 |   get nTabs() {
37 |     return this.tabs.length;
38 |   }
39 | 
40 |   /*
41 |   * Sorts tabs based on the given method.
42 |   *
43 |   * @param {string} method
44 |   *   The method to sort the tabs. Options: "alphabetically". Default: "alphabetically".
45 |   */
46 |   sortTabs(method="alphabetically"){
47 |     switch (method){
48 |       case "alphabetically":
49 |         return this.tabs.sort((a, b) => a.title.localeCompare(b.title, {sensitivity: 'base'}));
50 |     }
51 |   }
52 | 
53 |   /*
54 |   * Add a tab to TabGroup.tabs
55 |   *
56 |   * @param {chrome.tab} tab
57 |   *   The tab to add to TabGroup.tabs.
58 |   */
59 |   addTab(tab){
60 |     tab.tabGroupID = 'tg-' + this.id;
61 |     this.tabs.push(tab);
62 |     this.setTitle();
63 |   }
64 | 
65 |   /*
66 |   * Remove a tab from TabGroup.tabs
67 |   *
68 |   * @param {chrome.tab} tab
69 |   *   The tab to remove from TabGroup.tabs.
70 |   */
71 |   removeTab(tab){
72 |     tab.tabGroupID = '';
73 |     let index = this.tabs.indexOf(tab);
74 |     if (index > -1)
75 |       this.tabs.splice(index, 1);
76 |   }
77 | }
78 | 
79 | TabGroup.n_instances = 0;
80 | 


--------------------------------------------------------------------------------
/scripts/src/tabManager.js:
--------------------------------------------------------------------------------
  1 | class TabManager {
  2 |   constructor() {
  3 |     this.managerTab = null;
  4 |     this.tabGroups = [];
  5 |     this.openTabs = [];
  6 |     this.closedElements = [];
  7 |     this.windows = [];
  8 |     this.currentWin = {};
  9 |     this.settings = {};
 10 |     this.settingsIds = ['allowOverscrollMainContainer', 'classicMode', 'closeManagerWhenTabSelected', 'limitTabGroupSize', 'maxTabsPerGroup', 'sortMethod', 'searchScope', 'winSrc', 'tabCount', 'includeManager', 'col'];
 11 |   }
 12 | 
 13 |   reloadPage() {
 14 |     this.loadBrowserData(function(tabManager) {
 15 |       tabManager.getSortedTabGroups();
 16 |       tabManager.renderHTMLContent();
 17 |       addTabManagerListeners(tabManager);
 18 |     });
 19 |   }
 20 | 
 21 |   reloadTabGroups(){
 22 |     this.getSortedTabGroups();
 23 |     this.renderHTMLContent();
 24 |     addTabManagerListeners(this);
 25 |   }
 26 | 
 27 |   getSortedTabGroups() {
 28 |     this.getTabGroups();
 29 |     this.sortTabGroups();
 30 |     // Sort the tabs in each tabGroup
 31 |     for (let tabGroup of this.tabGroups) {
 32 |       tabGroup.sortTabs("alphabetically");
 33 |     }
 34 |   }
 35 | 
 36 |   getTabGroups() {
 37 |     this.tabGroups = [];
 38 |     // let tabGroupIDs = [];
 39 |     for (let tab of this.openTabs) {
 40 |       if (tab.url !== this.managerTab.url || this.settings['includeManager']) {
 41 |         tab.url = strToURL(tab.url);
 42 | 
 43 |         let tabInGroup = false;
 44 |         let filteredTabGroups = this.tabGroups.filter((tg) => tg.hostname == tab.url.hostname);
 45 |         if (!this.settings['classicMode'] && this.settings['winSrc'] != 'all') {
 46 |           filteredTabGroups = _.filter(filteredTabGroups, (tg) => tg.windowId == tab.windowId);
 47 |         }
 48 | 
 49 |         for (let tabGroup of filteredTabGroups) {
 50 |           if (tabGroup.hostname == tab.url.hostname) {
 51 |             if (this.settings.limitTabGroupSize && tabGroup.nTabs >= this.settings.maxTabsPerGroup) {
 52 |               continue;
 53 |             } else {
 54 |               tabGroup.addTab(tab);
 55 |               tabInGroup = true;
 56 |               break
 57 |             }
 58 |           }
 59 |         }
 60 | 
 61 |         if (!tabInGroup) {
 62 |           let tabGroup = new TabGroup(tab.url.hostname, this.settings['tabCount'], [tab], tab.windowId);
 63 |           this.tabGroups.push(tabGroup);
 64 |         }
 65 |       }
 66 |     }
 67 |   }
 68 | 
 69 |   renderHTMLContent() {
 70 |     let tabGroups = this.searchTabGroups($("#search-input").val(), this.settings['searchScope']);
 71 |     generateWinSelectBtns(this.windows, this.settings['winSrc']);
 72 |     if (this.settings['winSrc'] == 'all'){
 73 |       generateTabGroups(tabGroups, 'col-' + this.settings['col'], this.settings['tabCount'], this.settings['winSrc'], true);
 74 |     } else {
 75 |       if (this.settings['classicMode']) {
 76 |         generateTabGroups(tabGroups, 'col-' + this.settings['col'], this.settings['tabCount'], this.settings['winSrc']);
 77 |       } else {
 78 |         generateWindows(tabGroups);
 79 |         if (this.windows.length > 1) {
 80 |           $('.window-container').css({
 81 |             'padding-bottom': this.settings.allowOverscrollMainContainer ? '53vh' : '8vh'
 82 |           });
 83 |         }
 84 |         generateTabGroupsByWindow(this.windows, tabGroups, 'col-' + this.settings['col'], this.settings['tabCount']);
 85 |       }
 86 |     }
 87 |     generateTabs(tabGroups);
 88 |   }
 89 | 
 90 |   /*
 91 |    * Searches the given tab groups and/or tabs for the search term.
 92 |    *
 93 |    * @param {array} tabGroups
 94 |    *   List of TabGroup objects to search through.
 95 |    *
 96 |    * @param {string} term
 97 |    *   The term to search for in the tabs and TabGroups.
 98 |    *
 99 |    * @param {string} scope
100 |    *   Scope to search. Options: "url", "tabs" or "both"
101 |    *
102 |    * @return {array}
103 |    *   List of TabGroups that match match the search.
104 |    */
105 |   searchTabGroups(term, scope = "both") {
106 |     let newTabGroups = [];
107 |     let newTabGroupTabs = [];
108 |     for (let tabGroup of this.tabGroups) {
109 |       // If website name matches search, add it to results
110 |       if (tabGroup.hostname.toLowerCase().includes(term.toLowerCase()) && scope != "tabs") {
111 |         newTabGroups.push(tabGroup);
112 |       } else if (scope != "url") {
113 |         // Else, check if any tabs match search. If so, add them.
114 |         newTabGroupTabs = [];
115 |         for (let tab of tabGroup.tabs) {
116 |           // If tab matches search, add it to results
117 |           if (tab.title.toLowerCase().includes(term.toLowerCase()))
118 |             newTabGroupTabs.push(tab);
119 |         }
120 |         // If at least 1 tab matches the results, add tabGroup to results
121 |         if (newTabGroupTabs.length > 0) {
122 |           let newTabGroup = tabGroup;
123 |           newTabGroup.tabs = newTabGroupTabs;
124 |           newTabGroups.push(newTabGroup);
125 |         }
126 |       }
127 |     }
128 |     return newTabGroups;
129 |   }
130 | 
131 |   sortTabGroups() {
132 |     let method = this.settings['sortMethod'];
133 |     switch (method) {
134 |       case "alphabetically":
135 |         this.tabGroups.sort((a, b) => a.hostname.localeCompare(b.hostname, {
136 |           sensitivity: 'base'
137 |         }));
138 |         break;
139 |       case "leastTabs":
140 |         this.tabGroups.sort((a, b) => a.tabs.length - b.tabs.length);
141 |         break;
142 |       case "mostTabs":
143 |         this.tabGroups.sort((a, b) => b.tabs.length - a.tabs.length);
144 |     }
145 |   }
146 | 
147 |   addGenericSettingsCallbacks() {
148 |     for (let setting of this.settingsIds) {
149 |       let $settingSelector = $("#" + setting);
150 |       let type = $settingSelector.prop("type");
151 |       let property = getSettingProperty(type);
152 |       let onEvent = type === "range" ? 'input' : 'click';
153 |       var that = this;
154 | 
155 |       $settingSelector.on(onEvent, () => {
156 |         // TODO don't use #slider-value ID
157 |         if (type === "range")
158 |           $("#slider-value").html($settingSelector.prop(property));
159 | 
160 |         chrome.storage.local.set({
161 |           [setting]: $settingSelector.prop(property)
162 |         });
163 |         that.reloadPage();
164 |       });
165 |     }
166 |   }
167 | 
168 |   loadSettings(callback) {
169 |     var that = this;
170 |     chrome.storage.local.get(this.settingsIds, function(settings) {
171 |       that.initSettings(settings);
172 |       callback(that);
173 |     });
174 |   }
175 | 
176 |   loadBrowserData(callback) {
177 |     chrome.windows.getAll({
178 |       populate: true
179 |     }, (windows) => {
180 |       chrome.windows.getCurrent((current) => {
181 |         this.windows = windows;
182 |         this.currentWin = current;
183 |         this.loadSettings((that) => {
184 |           chrome.tabs.query(that.settings['querySettings'], (tabs) => {
185 |             chrome.tabs.getCurrent((managerTab) => {
186 |               that.openTabs = tabs;
187 |               that.managerTab = managerTab;
188 |               callback(that);
189 |             });
190 |           });
191 |         });
192 |       });
193 |     });
194 |   }
195 | 
196 |   /*
197 |    * Adds the tab to the closedElements if it is not in a closed tab group
198 |    */
199 |   tryAddToClosedElements(tab) {
200 |     const last = _.last(this.closedElements);
201 |     if (last === undefined || last.index !== undefined) // If isTab
202 |       this.closedElements.push(tab);
203 |   }
204 | 
205 |   reopenTab(tab) {
206 |     let winExists = false;
207 |     // Check if the window the tab came from exsits
208 |     for (let win of this.windows) {
209 |       if (win.id === tab.windowId)
210 |         winExists = true;
211 |     }
212 |     // If the window no longer exists, make a new window with that tab
213 |     if (!winExists) {
214 |       chrome.windows.create({
215 |         url: tab.url.href
216 |       });
217 |     } else {
218 |       // else make the tab in its original window
219 |       chrome.tabs.create({
220 |         windowId: tab.windowId,
221 |         url: tab.url.href,
222 |         active: false
223 |       });
224 |     }
225 |   }
226 | 
227 |   reopenTabGroup(tabGroup) {
228 |     let winExists = false;
229 |     // Check if the window the tab came from exsits
230 |     for (let win of this.windows) {
231 |       if (win.id === tabGroup.tabs[0].windowId)
232 |         winExists = true;
233 |     }
234 |     if (!winExists) {
235 |       var that = this;
236 |       chrome.windows.create({
237 |         url: tabGroup.tabs[0].url.href
238 |       }, function(newWin) {
239 |         // Add the rest of the tabs to the new window
240 |         for (let tab of tabGroup.tabs) {
241 |           if (tab != tabGroup.tabs[0]){
242 |             chrome.tabs.create({
243 |               windowId: newWin.id,
244 |               url: tab.url.href,
245 |               active: false
246 |             });
247 |           }
248 |         }
249 |       });
250 |     } else {
251 |       for (let tab of tabGroup.tabs) {
252 |         this.reopenTab(tab);
253 |       }
254 |     }
255 |   }
256 | 
257 |   reopenWindow(win) {
258 |     chrome.windows.create({
259 |       url: win.tabs[0].url
260 |     }, (window) => {
261 |       win.tabs.shift();
262 |       win.tabs.forEach((tab) => {
263 |         chrome.tabs.create({
264 |           windowId: window.id,
265 |           url: tab.url,
266 |           active: false
267 |         });
268 |       });
269 |     });
270 |   }
271 | 
272 |   /*
273 |    * Reopens the most recently closed element.
274 |    */
275 |   reopenLastClosed() {
276 |     let element = this.closedElements.pop();
277 |     if (element === undefined) {
278 |       // TODO: give feedback: the stack is empty
279 |       return;
280 |     } else if (element instanceof TabGroup) {
281 |       this.reopenTabGroup(element);
282 |     } else if (element.type !== undefined) { //isWindow
283 |       this.reopenWindow(element);
284 |     } else { // isTab
285 |       this.reopenTab(element);
286 |     }
287 |   }
288 | 
289 |   onTabClicked() {
290 |     if (this.settings.closeManagerWhenTabSelected) {
291 |       this.close()
292 |     }
293 |   }
294 | 
295 |   /*
296 |    * Close the tab manager tab
297 |    */
298 |   close() {
299 |     chrome.tabs.remove(this.managerTab.id);
300 |   }
301 | 
302 |   updateHtmlValues() {
303 |     for (let setting of this.settingsIds) {
304 |       let $settingSelector = $("#" + setting);
305 |       let type = $settingSelector.prop("type");
306 |       let property = getSettingProperty(type);
307 |       $settingSelector.prop(property, this.settings[setting]);
308 |       // TODO don't use #slider-value ID
309 |       if (type === "range")
310 |         $("#slider-value").html($settingSelector.prop(property));
311 |     }
312 | 
313 |     document.getElementById(this.settings['searchScope']).checked = true;
314 |     document.getElementById(this.settings['sortMethod']).checked = true;
315 | 
316 |     // Set the starting active button for column layout settings
317 |     let colNum = 12 / this.settings.col;
318 |     let layoutOptions = document.getElementsByClassName("layout-option");
319 |     for (let layoutOption of layoutOptions) {
320 |       if (layoutOption.id == colNum) {
321 |         layoutOption.setAttribute('class', 'layout-option-active');
322 |       }
323 |     }
324 |   }
325 | 
326 |   setDefaultSettings() {
327 |     for (let key in defaultSettings) {
328 |       this.settings[key] = this.settings[key] === undefined ? defaultSettings[key] : this.settings[key];
329 |     }
330 |     chrome.storage.local.set(this.settings);
331 |   }
332 | 
333 |   initSettings(settings) {
334 |     _.extend(this.settings, settings);
335 |     this.setDefaultSettings();
336 |     this.updateHtmlValues();
337 | 
338 |     let querySettings = {
339 |       'currentWindow': true
340 |     };
341 |     if (this.settings.winSrc === 'all' || this.settings.classicMode == false) {
342 |       querySettings = {};
343 |     }
344 |     // Default to the current window
345 |     else if (this.settings.winSrc === 'first') {
346 |       for (var i = 0; i < this.windows.length; i++) {
347 |         if (this.windows[i].id === this.currentWin.id)
348 |           this.settings.winSrc = i + 1;
349 |       }
350 |     } else {
351 |       let winSource = parseInt(this.settings.winSrc);
352 |       querySettings = {
353 |         'windowId': this.windows[winSource - 1].id
354 |       };
355 |     }
356 | 
357 |     _.extend(this.settings, {
358 |       'querySettings': querySettings
359 |     });
360 |     chrome.storage.local.set(this.settings);
361 |   }
362 | }
363 | 
364 | function isOverflown(element) {
365 |   return element.prop('scrollWidth') > element.width() + 0.5;
366 | }
367 | 
368 | /*
369 |  * Sorts and arranges the tabs of a given window.
370 |  *
371 |  * @param {chrome.window} win
372 |  *  The window to arrange.
373 |  */
374 | function arrangeWindowTabs(win) {
375 |   let tabs = win.tabs;
376 |   for (let tab of tabs) {
377 |     tab.url = strToURL(tab.url);
378 |   }
379 |   // Sort the tabs alphabetically
380 |   tabs.sort((a, b) => a.url.hostname.localeCompare(b.url.hostname, {
381 |     sensitivity: 'base'
382 |   }));
383 | 
384 |   // Move the tabs to their proper locations
385 |   for (let i in tabs) {
386 |     chrome.tabs.move(tabs[i].id, {
387 |       index: parseInt(i)
388 |     });
389 |   }
390 | }
391 | 
392 | var defaultSettings = {
393 |   allowOverscrollMainContainer: false,
394 |   classicMode: false,
395 |   searchScope: "both",
396 |   sortMethod: "alphabetically",
397 |   winSrc: 'all',
398 |   includeManager: true,
399 |   col: 3,
400 |   closeManagerWhenTabSelected: false,
401 |   tabCount: true,
402 |   limitTabGroupSize: true
403 | };
404 | 


--------------------------------------------------------------------------------
/scripts/utils/utils.js:
--------------------------------------------------------------------------------
 1 | /*
 2 |  * Converts the string of a url to URL type.
 3 |  *
 4 |  * @param {string} str
 5 |  *   The string to convert.
 6 |  *
 7 |  * @param {bool} hostname
 8 |  *   true to remove the 'www.' from the url's hostname. Default: true.
 9 |  *
10 |  * @return {URL} url
11 |  *  The converted URL.
12 |  */
13 | function strToURL(str, hostname = true) {
14 |   let url = new URL(str);
15 |   if (hostname) {
16 |     if (url.hostname.includes('.')) {
17 |       url.hostname = url.hostname.replace(/^www\./, '');
18 |     }
19 |   }
20 |   return (url);
21 | }
22 | 
23 | 
24 | function getSettingProperty(type) {
25 |   switch (type) {
26 |     case "checkbox":
27 |       return "checked";
28 |     case "range":
29 |       return "valueAsNumber";
30 |       break;
31 |   }
32 | }
33 | 
34 | function groupTabs(tabs) {
35 |   let tabGroups = [];
36 |   // let tabGroupIDs = [];
37 |   for (let tab of tabs) {
38 |     tab.url = strToURL(tab.url);
39 |     let tabInGroup = false;
40 |     let filteredTabGroups = tabGroups.filter((tg) => tg.hostname == tab.url.hostname);
41 |     for (let tabGroup of filteredTabGroups) {
42 |       if (tabGroup.hostname == tab.url.hostname) {
43 |         tabGroup.addTab(tab);
44 |         tabInGroup = true;
45 |         break
46 |       }
47 |     }
48 | 
49 |     if (!tabInGroup) {
50 |       let tabGroup = new TabGroup(tab.url.hostname, false, [tab], tab.windowId);
51 |       tabGroups.push(tabGroup);
52 |     }
53 |   }
54 |   return tabGroups;
55 | }
56 | 
57 | // Credit: Uli Köhler https://techoverflow.net/2018/03/30/copying-strings-to-the-clipboard-using-pure-javascript/
58 | function copyStringToClipboard(str) {
59 |   // Create new element
60 |   var el = document.createElement('textarea');
61 |   // Set value (string to be copied)
62 |   el.value = str;
63 |   // Set non-editable to avoid focus and move outside of view
64 |   el.setAttribute('readonly', '');
65 |   el.style = {
66 |     position: 'absolute',
67 |     left: '-9999px'
68 |   };
69 |   document.body.appendChild(el);
70 |   // Select text inside element
71 |   el.select();
72 |   // Copy text to clipboard
73 |   document.execCommand('copy');
74 |   // Remove temporary element
75 |   document.body.removeChild(el);
76 | }
77 | 


--------------------------------------------------------------------------------
/store_content/large_tile_icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/adamjamesadair/manage-my-tabs/053973bef3c0144ccb348dc16671aec93b1472cf/store_content/large_tile_icon.png


--------------------------------------------------------------------------------
/store_content/large_tile_icon.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2 | <!-- Created with Inkscape (http://www.inkscape.org/) -->
  3 | 
  4 | <svg
  5 |    xmlns:dc="http://purl.org/dc/elements/1.1/"
  6 |    xmlns:cc="http://creativecommons.org/ns#"
  7 |    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  8 |    xmlns:svg="http://www.w3.org/2000/svg"
  9 |    xmlns="http://www.w3.org/2000/svg"
 10 |    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
 11 |    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
 12 |    width="920"
 13 |    height="680"
 14 |    viewBox="0 0 243.41665 179.91667"
 15 |    version="1.1"
 16 |    id="svg8"
 17 |    inkscape:version="0.92.2 5c3e80d, 2017-08-06"
 18 |    sodipodi:docname="large_tile_icon.svg"
 19 |    inkscape:export-filename="/Users/visexp/Interns/AdamAdair/Experiments/Small_experiments/learning/learning/Extensions/tab-manager/Store_content/large_tile_icon.png"
 20 |    inkscape:export-xdpi="96.000008"
 21 |    inkscape:export-ydpi="96.000008">
 22 |   <defs
 23 |      id="defs2" />
 24 |   <sodipodi:namedview
 25 |      id="base"
 26 |      pagecolor="#ffffff"
 27 |      bordercolor="#666666"
 28 |      borderopacity="1.0"
 29 |      inkscape:pageopacity="0.0"
 30 |      inkscape:pageshadow="2"
 31 |      inkscape:zoom="0.25"
 32 |      inkscape:cx="931.4511"
 33 |      inkscape:cy="126.2815"
 34 |      inkscape:document-units="mm"
 35 |      inkscape:current-layer="layer1"
 36 |      showgrid="false"
 37 |      showborder="true"
 38 |      inkscape:snap-text-baseline="false"
 39 |      fit-margin-top="0"
 40 |      fit-margin-left="0"
 41 |      fit-margin-right="0"
 42 |      fit-margin-bottom="0"
 43 |      inkscape:pagecheckerboard="true"
 44 |      inkscape:window-width="979"
 45 |      inkscape:window-height="639"
 46 |      inkscape:window-x="1896"
 47 |      inkscape:window-y="290"
 48 |      inkscape:window-maximized="0"
 49 |      units="px" />
 50 |   <metadata
 51 |      id="metadata5">
 52 |     <rdf:RDF>
 53 |       <cc:Work
 54 |          rdf:about="">
 55 |         <dc:format>image/svg+xml</dc:format>
 56 |         <dc:type
 57 |            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
 58 |         <dc:title />
 59 |       </cc:Work>
 60 |     </rdf:RDF>
 61 |   </metadata>
 62 |   <g
 63 |      inkscape:label="Layer 1"
 64 |      inkscape:groupmode="layer"
 65 |      id="layer1"
 66 |      transform="translate(320.23318,-8.1960268)">
 67 |     <flowRoot
 68 |        xml:space="preserve"
 69 |        id="flowRoot952"
 70 |        style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;line-height:1.25;font-family:Chalkduster;-inkscape-font-specification:Chalkduster;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"
 71 |        transform="scale(0.26458333)"><flowRegion
 72 |          id="flowRegion954"><rect
 73 |            id="rect956"
 74 |            width="488"
 75 |            height="48"
 76 |            x="-760"
 77 |            y="310.51968" /></flowRegion><flowPara
 78 |          id="flowPara958" /></flowRoot>    <rect
 79 |        style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26288205;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
 80 |        id="rect983"
 81 |        width="243.41667"
 82 |        height="179.91667"
 83 |        x="-320.23318"
 84 |        y="8.1960268"
 85 |        ry="0" />
 86 |     <g
 87 |        id="g970"
 88 |        transform="matrix(1.2694159,0,0,1.2694159,135.3407,-90.855106)">
 89 |       <path
 90 |          d="m -213.87034,131.33324 a 49.136894,49.136894 0 0 1 -48.70746,49.13501 49.136894,49.136894 0 0 1 -49.55882,-48.27617 49.136894,49.136894 0 0 1 47.84121,-49.978849 49.136894,49.136894 0 0 1 50.39505,47.402579"
 91 |          sodipodi:open="true"
 92 |          sodipodi:end="6.2482264"
 93 |          sodipodi:start="0"
 94 |          sodipodi:ry="49.136894"
 95 |          sodipodi:rx="49.136894"
 96 |          sodipodi:cy="131.33324"
 97 |          sodipodi:cx="-263.00723"
 98 |          sodipodi:type="arc"
 99 |          id="path861"
100 |          style="opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.1706035;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
101 |       <g
102 |          transform="translate(-224.19687,6.1808167)"
103 |          id="g871">
104 |         <rect
105 |            ry="2.2784998"
106 |            y="91.223419"
107 |            x="-40.558777"
108 |            height="43.519348"
109 |            width="36.518639"
110 |            id="rect821"
111 |            style="opacity:1;fill:#06d6a0;fill-opacity:1;stroke:none;stroke-width:0.10579974;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
112 |         <rect
113 |            style="opacity:1;fill:#26547c;fill-opacity:1;stroke:none;stroke-width:0.10579974;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
114 |            id="rect819"
115 |            width="36.518639"
116 |            height="43.519348"
117 |            x="-51.56604"
118 |            y="99.336296"
119 |            ry="2.2784998" />
120 |         <rect
121 |            ry="2.2784998"
122 |            y="107.44919"
123 |            x="-62.573303"
124 |            height="43.519348"
125 |            width="36.518639"
126 |            id="rect817"
127 |            style="opacity:1;fill:#ef476f;fill-opacity:1;stroke:none;stroke-width:0.10579974;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
128 |         <rect
129 |            style="opacity:1;fill:#ffd166;fill-opacity:1;stroke:none;stroke-width:0.10579974;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
130 |            id="rect815"
131 |            width="36.518639"
132 |            height="43.519348"
133 |            x="-73.580566"
134 |            y="115.56207"
135 |            ry="2.2784998" />
136 |       </g>
137 |     </g>
138 |     <text
139 |        xml:space="preserve"
140 |        style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:28.60374451px;line-height:1.25;font-family:'.Arial Hebrew Desk Interface';-inkscape-font-specification:'.Arial Hebrew Desk Interface, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.71509355"
141 |        x="-317.68851"
142 |        y="165.87207"
143 |        id="text826"><tspan
144 |          sodipodi:role="line"
145 |          id="tspan824"
146 |          x="-317.68851"
147 |          y="165.87207"
148 |          style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:28.60374451px;font-family:'.Arial Hebrew Desk Interface';-inkscape-font-specification:'.Arial Hebrew Desk Interface, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.71509355">Manage My Tabs</tspan></text>
149 |   </g>
150 | </svg>
151 | 


--------------------------------------------------------------------------------
/store_content/marquee_tile_icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/adamjamesadair/manage-my-tabs/053973bef3c0144ccb348dc16671aec93b1472cf/store_content/marquee_tile_icon.png


--------------------------------------------------------------------------------
/store_content/marquee_tile_icon.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2 | <!-- Created with Inkscape (http://www.inkscape.org/) -->
  3 | 
  4 | <svg
  5 |    xmlns:dc="http://purl.org/dc/elements/1.1/"
  6 |    xmlns:cc="http://creativecommons.org/ns#"
  7 |    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  8 |    xmlns:svg="http://www.w3.org/2000/svg"
  9 |    xmlns="http://www.w3.org/2000/svg"
 10 |    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
 11 |    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
 12 |    width="1400"
 13 |    height="560"
 14 |    viewBox="0 0 370.41664 148.16667"
 15 |    version="1.1"
 16 |    id="svg8"
 17 |    inkscape:version="0.92.2 5c3e80d, 2017-08-06"
 18 |    sodipodi:docname="marquee_tile_icon.svg"
 19 |    inkscape:export-filename="/Users/visexp/Interns/AdamAdair/Experiments/Small_experiments/learning/learning/Extensions/tab-manager/Store_content/marquee_tile_icon.png"
 20 |    inkscape:export-xdpi="96.000008"
 21 |    inkscape:export-ydpi="96.000008">
 22 |   <defs
 23 |      id="defs2" />
 24 |   <sodipodi:namedview
 25 |      id="base"
 26 |      pagecolor="#ffffff"
 27 |      bordercolor="#666666"
 28 |      borderopacity="1.0"
 29 |      inkscape:pageopacity="0.0"
 30 |      inkscape:pageshadow="2"
 31 |      inkscape:zoom="0.25"
 32 |      inkscape:cx="785.05006"
 33 |      inkscape:cy="-0.96233925"
 34 |      inkscape:document-units="mm"
 35 |      inkscape:current-layer="layer1"
 36 |      showgrid="false"
 37 |      showborder="true"
 38 |      inkscape:snap-text-baseline="false"
 39 |      fit-margin-top="0"
 40 |      fit-margin-left="0"
 41 |      fit-margin-right="0"
 42 |      fit-margin-bottom="0"
 43 |      inkscape:pagecheckerboard="true"
 44 |      inkscape:window-width="979"
 45 |      inkscape:window-height="639"
 46 |      inkscape:window-x="1896"
 47 |      inkscape:window-y="290"
 48 |      inkscape:window-maximized="0"
 49 |      units="px" />
 50 |   <metadata
 51 |      id="metadata5">
 52 |     <rdf:RDF>
 53 |       <cc:Work
 54 |          rdf:about="">
 55 |         <dc:format>image/svg+xml</dc:format>
 56 |         <dc:type
 57 |            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
 58 |         <dc:title></dc:title>
 59 |       </cc:Work>
 60 |     </rdf:RDF>
 61 |   </metadata>
 62 |   <g
 63 |      inkscape:label="Layer 1"
 64 |      inkscape:groupmode="layer"
 65 |      id="layer1"
 66 |      transform="translate(320.23318,-39.946033)">
 67 |     <flowRoot
 68 |        xml:space="preserve"
 69 |        id="flowRoot952"
 70 |        style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;line-height:1.25;font-family:Chalkduster;-inkscape-font-specification:Chalkduster;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"
 71 |        transform="scale(0.26458333)"><flowRegion
 72 |          id="flowRegion954"><rect
 73 |            id="rect956"
 74 |            width="488"
 75 |            height="48"
 76 |            x="-760"
 77 |            y="310.51968" /></flowRegion><flowPara
 78 |          id="flowPara958" /></flowRoot>    <rect
 79 |        style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.29428667;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
 80 |        id="rect983"
 81 |        width="370.41666"
 82 |        height="148.16667"
 83 |        x="-320.23318"
 84 |        y="39.946033"
 85 |        ry="0" />
 86 |     <g
 87 |        id="g925"
 88 |        transform="translate(2.4592651)">
 89 |       <g
 90 |          transform="matrix(0.99527598,0,0,0.99527598,-5.6087112,-16.683447)"
 91 |          id="g970">
 92 |         <path
 93 |            style="opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.1706035;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
 94 |            id="path861"
 95 |            sodipodi:type="arc"
 96 |            sodipodi:cx="-263.00723"
 97 |            sodipodi:cy="131.33324"
 98 |            sodipodi:rx="49.136894"
 99 |            sodipodi:ry="49.136894"
100 |            sodipodi:start="0"
101 |            sodipodi:end="6.2482264"
102 |            sodipodi:open="true"
103 |            d="m -213.87034,131.33324 a 49.136894,49.136894 0 0 1 -48.70746,49.13501 49.136894,49.136894 0 0 1 -49.55882,-48.27617 49.136894,49.136894 0 0 1 47.84121,-49.978849 49.136894,49.136894 0 0 1 50.39505,47.402579" />
104 |         <g
105 |            id="g871"
106 |            transform="translate(-224.19687,6.1808167)">
107 |           <rect
108 |              style="opacity:1;fill:#06d6a0;fill-opacity:1;stroke:none;stroke-width:0.10579974;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
109 |              id="rect821"
110 |              width="36.518639"
111 |              height="43.519348"
112 |              x="-40.558777"
113 |              y="91.223419"
114 |              ry="2.2784998" />
115 |           <rect
116 |              ry="2.2784998"
117 |              y="99.336296"
118 |              x="-51.56604"
119 |              height="43.519348"
120 |              width="36.518639"
121 |              id="rect819"
122 |              style="opacity:1;fill:#26547c;fill-opacity:1;stroke:none;stroke-width:0.10579974;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
123 |           <rect
124 |              style="opacity:1;fill:#ef476f;fill-opacity:1;stroke:none;stroke-width:0.10579974;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
125 |              id="rect817"
126 |              width="36.518639"
127 |              height="43.519348"
128 |              x="-62.573303"
129 |              y="107.44919"
130 |              ry="2.2784998" />
131 |           <rect
132 |              ry="2.2784998"
133 |              y="115.56207"
134 |              x="-73.580566"
135 |              height="43.519348"
136 |              width="36.518639"
137 |              id="rect815"
138 |              style="opacity:1;fill:#ffd166;fill-opacity:1;stroke:none;stroke-width:0.10579974;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
139 |         </g>
140 |       </g>
141 |       <text
142 |          id="text826"
143 |          y="122.6057"
144 |          x="-214.6593"
145 |          style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:31.08730125px;line-height:1.25;font-family:'.Arial Hebrew Desk Interface';-inkscape-font-specification:'.Arial Hebrew Desk Interface, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.77718246"
146 |          xml:space="preserve"><tspan
147 |            style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:31.08730125px;font-family:'.Arial Hebrew Desk Interface';-inkscape-font-specification:'.Arial Hebrew Desk Interface, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.77718246"
148 |            y="122.6057"
149 |            x="-214.6593"
150 |            id="tspan824"
151 |            sodipodi:role="line">Manage My Tabs</tspan></text>
152 |     </g>
153 |   </g>
154 | </svg>
155 | 


--------------------------------------------------------------------------------
/store_content/screenshots/Screen_Shot_4_Col.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/adamjamesadair/manage-my-tabs/053973bef3c0144ccb348dc16671aec93b1472cf/store_content/screenshots/Screen_Shot_4_Col.png


--------------------------------------------------------------------------------
/store_content/screenshots/Screen_Shot_6_Col.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/adamjamesadair/manage-my-tabs/053973bef3c0144ccb348dc16671aec93b1472cf/store_content/screenshots/Screen_Shot_6_Col.png


--------------------------------------------------------------------------------
/store_content/screenshots/Screen_Shot_Settings_4_Col.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/adamjamesadair/manage-my-tabs/053973bef3c0144ccb348dc16671aec93b1472cf/store_content/screenshots/Screen_Shot_Settings_4_Col.png


--------------------------------------------------------------------------------
/store_content/screenshots/Screen_Shot_Settings_All_2_Col.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/adamjamesadair/manage-my-tabs/053973bef3c0144ccb348dc16671aec93b1472cf/store_content/screenshots/Screen_Shot_Settings_All_2_Col.png


--------------------------------------------------------------------------------
/store_content/screenshots/Screen_Shot_Settings_All_4_Col.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/adamjamesadair/manage-my-tabs/053973bef3c0144ccb348dc16671aec93b1472cf/store_content/screenshots/Screen_Shot_Settings_All_4_Col.png


--------------------------------------------------------------------------------
/store_content/small_tile_icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/adamjamesadair/manage-my-tabs/053973bef3c0144ccb348dc16671aec93b1472cf/store_content/small_tile_icon.png


--------------------------------------------------------------------------------
/store_content/small_tile_icon.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2 | <!-- Created with Inkscape (http://www.inkscape.org/) -->
  3 | 
  4 | <svg
  5 |    xmlns:dc="http://purl.org/dc/elements/1.1/"
  6 |    xmlns:cc="http://creativecommons.org/ns#"
  7 |    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  8 |    xmlns:svg="http://www.w3.org/2000/svg"
  9 |    xmlns="http://www.w3.org/2000/svg"
 10 |    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
 11 |    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
 12 |    width="440"
 13 |    height="280"
 14 |    viewBox="0 0 116.41666 74.083334"
 15 |    version="1.1"
 16 |    id="svg8"
 17 |    inkscape:version="0.92.2 5c3e80d, 2017-08-06"
 18 |    sodipodi:docname="small_tile_icon.svg"
 19 |    inkscape:export-filename="/Users/visexp/Interns/AdamAdair/Experiments/Small_experiments/learning/learning/Extensions/tab-manager/Store_content/small_tile_icon.png"
 20 |    inkscape:export-xdpi="96.000008"
 21 |    inkscape:export-ydpi="96.000008">
 22 |   <defs
 23 |      id="defs2" />
 24 |   <sodipodi:namedview
 25 |      id="base"
 26 |      pagecolor="#ffffff"
 27 |      bordercolor="#666666"
 28 |      borderopacity="1.0"
 29 |      inkscape:pageopacity="0.0"
 30 |      inkscape:pageshadow="2"
 31 |      inkscape:zoom="1"
 32 |      inkscape:cx="326.05505"
 33 |      inkscape:cy="144.43565"
 34 |      inkscape:document-units="mm"
 35 |      inkscape:current-layer="g836"
 36 |      showgrid="false"
 37 |      showborder="true"
 38 |      inkscape:snap-text-baseline="false"
 39 |      fit-margin-top="0"
 40 |      fit-margin-left="0"
 41 |      fit-margin-right="0"
 42 |      fit-margin-bottom="0"
 43 |      inkscape:pagecheckerboard="true"
 44 |      inkscape:window-width="979"
 45 |      inkscape:window-height="639"
 46 |      inkscape:window-x="1896"
 47 |      inkscape:window-y="290"
 48 |      inkscape:window-maximized="0"
 49 |      units="px" />
 50 |   <metadata
 51 |      id="metadata5">
 52 |     <rdf:RDF>
 53 |       <cc:Work
 54 |          rdf:about="">
 55 |         <dc:format>image/svg+xml</dc:format>
 56 |         <dc:type
 57 |            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
 58 |         <dc:title />
 59 |       </cc:Work>
 60 |     </rdf:RDF>
 61 |   </metadata>
 62 |   <g
 63 |      inkscape:label="Layer 1"
 64 |      inkscape:groupmode="layer"
 65 |      id="layer1"
 66 |      transform="translate(320.23318,-114.0185)">
 67 |     <flowRoot
 68 |        xml:space="preserve"
 69 |        id="flowRoot952"
 70 |        style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;line-height:1.25;font-family:Chalkduster;-inkscape-font-specification:Chalkduster;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"
 71 |        transform="scale(0.26458333)"><flowRegion
 72 |          id="flowRegion954"><rect
 73 |            id="rect956"
 74 |            width="488"
 75 |            height="48"
 76 |            x="-760"
 77 |            y="310.51968" /></flowRegion><flowPara
 78 |          id="flowPara958" /></flowRoot>    <g
 79 |        id="g836">
 80 |       <rect
 81 |          ry="0"
 82 |          y="114.02936"
 83 |          x="-320.23318"
 84 |          height="74.083336"
 85 |          width="116.41666"
 86 |          id="rect983"
 87 |          style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.1166589;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
 88 |       <g
 89 |          transform="matrix(0.4622261,0,0,0.4622261,-140.45605,78.765884)"
 90 |          id="g970">
 91 |         <path
 92 |            style="opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.1706035;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
 93 |            id="path861"
 94 |            sodipodi:type="arc"
 95 |            sodipodi:cx="-263.00723"
 96 |            sodipodi:cy="131.33324"
 97 |            sodipodi:rx="49.136894"
 98 |            sodipodi:ry="49.136894"
 99 |            sodipodi:start="0"
100 |            sodipodi:end="6.2482264"
101 |            sodipodi:open="true"
102 |            d="m -213.87034,131.33324 a 49.136894,49.136894 0 0 1 -48.70746,49.13501 49.136894,49.136894 0 0 1 -49.55882,-48.27617 49.136894,49.136894 0 0 1 47.84121,-49.978849 49.136894,49.136894 0 0 1 50.39505,47.402579" />
103 |         <g
104 |            id="g871"
105 |            transform="translate(-224.19687,6.1808167)">
106 |           <rect
107 |              style="opacity:1;fill:#06d6a0;fill-opacity:1;stroke:none;stroke-width:0.10579974;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
108 |              id="rect821"
109 |              width="36.518639"
110 |              height="43.519348"
111 |              x="-40.558777"
112 |              y="91.223419"
113 |              ry="2.2784998" />
114 |           <rect
115 |              ry="2.2784998"
116 |              y="99.336296"
117 |              x="-51.56604"
118 |              height="43.519348"
119 |              width="36.518639"
120 |              id="rect819"
121 |              style="opacity:1;fill:#26547c;fill-opacity:1;stroke:none;stroke-width:0.10579974;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
122 |           <rect
123 |              style="opacity:1;fill:#ef476f;fill-opacity:1;stroke:none;stroke-width:0.10579974;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
124 |              id="rect817"
125 |              width="36.518639"
126 |              height="43.519348"
127 |              x="-62.573303"
128 |              y="107.44919"
129 |              ry="2.2784998" />
130 |           <rect
131 |              ry="2.2784998"
132 |              y="115.56207"
133 |              x="-73.580566"
134 |              height="43.519348"
135 |              width="36.518639"
136 |              id="rect815"
137 |              style="opacity:1;fill:#ffd166;fill-opacity:1;stroke:none;stroke-width:0.10579974;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
138 |         </g>
139 |       </g>
140 |       <text
141 |          id="text826"
142 |          y="176.93132"
143 |          x="-318.72607"
144 |          style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:13.61042023px;line-height:1.25;font-family:'.Arial Hebrew Desk Interface';-inkscape-font-specification:'.Arial Hebrew Desk Interface, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.34026048"
145 |          xml:space="preserve"><tspan
146 |            style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:13.61042023px;font-family:'.Arial Hebrew Desk Interface';-inkscape-font-specification:'.Arial Hebrew Desk Interface, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.34026048"
147 |            y="176.93132"
148 |            x="-318.72607"
149 |            id="tspan824"
150 |            sodipodi:role="line">Manage My Tabs</tspan></text>
151 |     </g>
152 |   </g>
153 | </svg>
154 | 


--------------------------------------------------------------------------------
/store_content/tile_icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/adamjamesadair/manage-my-tabs/053973bef3c0144ccb348dc16671aec93b1472cf/store_content/tile_icon.png


--------------------------------------------------------------------------------
/styles/lib/fontawesome/css/fontawesome-all.min.css:
--------------------------------------------------------------------------------
1 | /*!
2 |  * Font Awesome Free 5.0.13 by @fontawesome - https://fontawesome.com
3 |  * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
4 |  */
5 | .fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{animation:a 2s infinite linear}.fa-pulse{animation:a 1s infinite steps(8)}@keyframes a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-aws:before{content:"\f375"}.fa-backward:before{content:"\f04a"}.fa-balance-scale:before{content:"\f24e"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bicycle:before{content:"\f206"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blind:before{content:"\f29d"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-book:before{content:"\f02d"}.fa-book-open:before{content:"\f518"}.fa-bookmark:before{content:"\f02e"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-btc:before{content:"\f15a"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-certificate:before{content:"\f0a3"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-square:before{content:"\f14a"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-credit-card:before{content:"\f09d"}.fa-crop:before{content:"\f125"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-delicious:before{content:"\f1a5"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-deviantart:before{content:"\f1bd"}.fa-diagnoses:before{content:"\f470"}.fa-dice:before{content:"\f522"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-divide:before{content:"\f529"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-excel:before{content:"\f1c3"}.fa-file-image:before{content:"\f1c5"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fire:before{content:"\f06d"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-fulcrum:before{content:"\f50b"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-gift:before{content:"\f06b"}.fa-git:before{content:"\f1d3"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-martini:before{content:"\f000"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-handshake:before{content:"\f2b5"}.fa-hashtag:before{content:"\f292"}.fa-hdd:before{content:"\f0a0"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-heart:before{content:"\f004"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-puck:before{content:"\f453"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-houzz:before{content:"\f27c"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-instagram:before{content:"\f16d"}.fa-internet-explorer:before{content:"\f26b"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-joget:before{content:"\f3b7"}.fa-joomla:before{content:"\f1aa"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-meh:before{content:"\f11a"}.fa-memory:before{content:"\f538"}.fa-mercury:before{content:"\f223"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-moon:before{content:"\f186"}.fa-motorcycle:before{content:"\f21c"}.fa-mouse-pointer:before{content:"\f245"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nintendo-switch:before{content:"\f418"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-old-republic:before{content:"\f510"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-osi:before{content:"\f41a"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-paint-brush:before{content:"\f1fc"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-people-carry:before{content:"\f4ce"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-volume:before{content:"\f2a0"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-plane:before{content:"\f072"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poo:before{content:"\f2fe"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-r-project:before{content:"\f4f7"}.fa-random:before{content:"\f074"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-rendact:before{content:"\f3e4"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-retweet:before{content:"\f079"}.fa-ribbon:before{content:"\f4d6"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-rupee-sign:before{content:"\f156"}.fa-safari:before{content:"\f267"}.fa-sass:before{content:"\f41e"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-search:before{content:"\f002"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shower:before{content:"\f2cc"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skull:before{content:"\f54c"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowflake:before{content:"\f2dc"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-spinner:before{content:"\f110"}.fa-spotify:before{content:"\f1bc"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-star:before{content:"\f005"}.fa-star-half:before{content:"\f089"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toolbox:before{content:"\f552"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-train:before{content:"\f238"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-moving:before{content:"\f4df"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-uikit:before{content:"\f403"}.fa-umbrella:before{content:"\f0e9"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-glass:before{content:"\f4e3"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:Font Awesome\ 5 Brands;font-style:normal;font-weight:400;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:Font Awesome\ 5 Brands}@font-face{font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:400;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-weight:400}@font-face{font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:900;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:Font Awesome\ 5 Free}.fa,.fas{font-weight:900}


--------------------------------------------------------------------------------
/styles/lib/fontawesome/webfonts/fa-brands-400.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/adamjamesadair/manage-my-tabs/053973bef3c0144ccb348dc16671aec93b1472cf/styles/lib/fontawesome/webfonts/fa-brands-400.eot


--------------------------------------------------------------------------------
/styles/lib/fontawesome/webfonts/fa-brands-400.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/adamjamesadair/manage-my-tabs/053973bef3c0144ccb348dc16671aec93b1472cf/styles/lib/fontawesome/webfonts/fa-brands-400.ttf


--------------------------------------------------------------------------------
/styles/lib/fontawesome/webfonts/fa-brands-400.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/adamjamesadair/manage-my-tabs/053973bef3c0144ccb348dc16671aec93b1472cf/styles/lib/fontawesome/webfonts/fa-brands-400.woff


--------------------------------------------------------------------------------
/styles/lib/fontawesome/webfonts/fa-brands-400.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/adamjamesadair/manage-my-tabs/053973bef3c0144ccb348dc16671aec93b1472cf/styles/lib/fontawesome/webfonts/fa-brands-400.woff2


--------------------------------------------------------------------------------
/styles/lib/fontawesome/webfonts/fa-regular-400.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/adamjamesadair/manage-my-tabs/053973bef3c0144ccb348dc16671aec93b1472cf/styles/lib/fontawesome/webfonts/fa-regular-400.eot


--------------------------------------------------------------------------------
/styles/lib/fontawesome/webfonts/fa-regular-400.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/adamjamesadair/manage-my-tabs/053973bef3c0144ccb348dc16671aec93b1472cf/styles/lib/fontawesome/webfonts/fa-regular-400.ttf


--------------------------------------------------------------------------------
/styles/lib/fontawesome/webfonts/fa-regular-400.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/adamjamesadair/manage-my-tabs/053973bef3c0144ccb348dc16671aec93b1472cf/styles/lib/fontawesome/webfonts/fa-regular-400.woff


--------------------------------------------------------------------------------
/styles/lib/fontawesome/webfonts/fa-regular-400.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/adamjamesadair/manage-my-tabs/053973bef3c0144ccb348dc16671aec93b1472cf/styles/lib/fontawesome/webfonts/fa-regular-400.woff2


--------------------------------------------------------------------------------
/styles/lib/fontawesome/webfonts/fa-solid-900.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/adamjamesadair/manage-my-tabs/053973bef3c0144ccb348dc16671aec93b1472cf/styles/lib/fontawesome/webfonts/fa-solid-900.eot


--------------------------------------------------------------------------------
/styles/lib/fontawesome/webfonts/fa-solid-900.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/adamjamesadair/manage-my-tabs/053973bef3c0144ccb348dc16671aec93b1472cf/styles/lib/fontawesome/webfonts/fa-solid-900.ttf


--------------------------------------------------------------------------------
/styles/lib/fontawesome/webfonts/fa-solid-900.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/adamjamesadair/manage-my-tabs/053973bef3c0144ccb348dc16671aec93b1472cf/styles/lib/fontawesome/webfonts/fa-solid-900.woff


--------------------------------------------------------------------------------
/styles/lib/fontawesome/webfonts/fa-solid-900.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/adamjamesadair/manage-my-tabs/053973bef3c0144ccb348dc16671aec93b1472cf/styles/lib/fontawesome/webfonts/fa-solid-900.woff2


--------------------------------------------------------------------------------
/styles/src/arrangementOptions.css:
--------------------------------------------------------------------------------
 1 | .right-side-bar {
 2 |   position: fixed;
 3 |   top: 25%;
 4 |   right: 0;
 5 |   padding-bottom: 25%;
 6 | }
 7 | 
 8 | #arrange-tabs-btn, #restore-tabs-btn {
 9 |   transition: 0.2s;
10 |   opacity: 0.75;
11 |   padding-bottom: 1rem;
12 | }
13 | 
14 | #arrange-tabs-btn:hover, #restore-tabs-btn:hover {
15 |   cursor: pointer;
16 |   opacity: 1;
17 | }
18 | 
19 | #arrange-tabs-tooltip, #restore-tabs-tooltip {
20 |   transition: 0.5s;
21 |   visibility: hidden;
22 |   opacity: 0;
23 |   width: 10rem;
24 |   background-color: #2a9606;
25 |   color: #fff;
26 |   text-align: center;
27 |   border-radius: 5px;
28 | 
29 |   /* Position the tooltip */
30 |   position: absolute;
31 |   z-index: 1;
32 |   top: -5px;
33 |   right: 105%;
34 | }
35 | 
36 | #restore-tabs-tooltip {
37 |   /* Position the tooltip */
38 |   position: absolute;
39 |   z-index: 1;
40 |   top: 3.5rem;
41 |   right: 105%;
42 | }
43 | 
44 | .arrange-tabs-container:hover #arrange-tabs-tooltip, .restore-tabs-container:hover #restore-tabs-tooltip {
45 |   visibility: visible;
46 |   opacity: 1;
47 | }
48 | 


--------------------------------------------------------------------------------
/styles/src/main.css:
--------------------------------------------------------------------------------
  1 | :root {
  2 |   font-family: Arial, sans-serif;
  3 |   font-size: 16px;
  4 |   --tab-hover-color: #2196F3;
  5 |   --main-active-color: #2a9606;
  6 |   --settings-active-color: #2196F3;
  7 |   --tab-group-bg-color: #fcfcfc;
  8 |   --win-bg-color: silver;
  9 | }
 10 | 
 11 | body {
 12 |   background-color: white;
 13 | }
 14 | 
 15 | header {
 16 |   margin-bottom: 5.5rem;
 17 |   padding-top: 1rem;
 18 |   text-align: center;
 19 | }
 20 | 
 21 | .title {
 22 |   position: relative;
 23 |   margin: auto;
 24 |   width: 25rem;
 25 | }
 26 | 
 27 | .main-container{
 28 |   position: relative;
 29 |   overflow-x: visible;
 30 | }
 31 | 
 32 | #tabs-icon {
 33 |   position: absolute;
 34 |   left: 1rem;
 35 |   top: -0.2rem;
 36 | }
 37 | 
 38 | h1 {
 39 |   font-size: 2rem;
 40 | }
 41 | 
 42 | h2 {
 43 |   font-size: 1.25rem;
 44 | }
 45 | 
 46 | .close-btn{
 47 |   position: absolute;
 48 |   top: 0;
 49 |   right: 0;
 50 |   width: 1rem;
 51 |   text-align: center;
 52 |   font-size: 1rem;
 53 |   font-weight: 500;
 54 |   opacity: 0.75;
 55 |   z-index: 1;
 56 |   border-right-width: 0;
 57 |   border-top-width: 0;
 58 |   visibility: hidden;
 59 | }
 60 | 
 61 | .close-btn:hover {
 62 |   background-color: #ff1a1a;
 63 |   cursor: pointer;
 64 |   opacity: 1;
 65 | }
 66 | 
 67 | .main-content {
 68 |     position: relative;
 69 |     transition: 0.5s;
 70 | }
 71 | 
 72 | #undo-btn {
 73 |   border: 1px solid black;
 74 |   position: absolute;
 75 |   width: 10%;
 76 |   font-size: 0.9rem;
 77 |   top: -1.9rem;
 78 |   left: 0;
 79 |   transition: 0.2s;
 80 | }
 81 | 
 82 | #undo-btn:hover {
 83 |   background-color: #ddd;
 84 |   cursor: pointer;
 85 | }
 86 | 
 87 | .window-selection h2 {
 88 |   display: inline-block;
 89 |   padding-top: 0.25rem;
 90 |   margin-right: 0.25rem;
 91 |   font-weight: 300;
 92 | }
 93 | 
 94 | .window-selection {
 95 |   position: absolute;
 96 |   display: inline-block;
 97 |   padding-top: 0.25rem;
 98 |   height: 3.5rem;
 99 |   display: inline-block;
100 |   top: -2.4rem;
101 |   left: 8rem;
102 |   text-align: center;
103 |   white-space: nowrap;
104 |   overflow-x: auto;
105 |   overflow-y: hidden;
106 |   max-width: 45%;
107 | }
108 | 
109 | .window-select-btn {
110 |   margin-left: 1px;
111 |   outline: none;
112 |   text-decoration: none;
113 |   border: none;
114 |   background-color: white;
115 |   transition-duration: 0.2s;
116 | }
117 | 
118 | .window-select-active {
119 |   outline: none;
120 |   border: none;
121 |   color: white;
122 |   background-color: var(--main-active-color);
123 | }
124 | 
125 | .window-select-btn:hover:not(.window-select-active) {
126 |   background-color: #ddd;
127 |   cursor: pointer;
128 | }
129 | 
130 | #no-match-search {
131 |   position: absolute;
132 |   left: 2rem;
133 |   top: -0.75rem;
134 |   text-align: center;
135 |   font-size: 1.5rem;
136 |   padding: 1rem;
137 | }
138 | 
139 | .search{
140 |   position: absolute;
141 |   top: -3.25rem;
142 |   right: -1rem;
143 |   width: 12.3rem;
144 |   height: 4rem;
145 |   margin-right: 1rem;
146 |   text-align: center;
147 | }
148 | 
149 | .searchbar {
150 |   display: block;
151 | }
152 | 
153 | #search-input {
154 |   padding-left: 1.5rem;
155 |   font-size: 0.8rem;
156 |   width: 12rem;
157 | }
158 | 
159 | #search-icon {
160 |   position: absolute;
161 |   top: 0.4rem;
162 |   left: 0.4rem;
163 |   width: 8%;
164 | }
165 | 


--------------------------------------------------------------------------------
/styles/src/modals.css:
--------------------------------------------------------------------------------
 1 | .modal-bg {
 2 |   display: none;
 3 |   position: fixed;
 4 |   z-index: 3;
 5 |   padding-top: 100px;
 6 |   /* Location of the box */
 7 |   left: 0;
 8 |   top: 0;
 9 |   width: 100%;
10 |   height: 100%;
11 |   overflow: auto;
12 |   background-color: rgb(0, 0, 0);
13 |   background-color: rgba(0, 0, 0, 0.4);
14 | }
15 | 
16 | .select-win-dest, .shortcut-settings-modal {
17 |   background-color: #fefefe;
18 |   margin: auto;
19 |   padding: 20px;
20 |   border: 1px solid #888;
21 |   width: 80%;
22 | }
23 | 
24 | .restore-container {
25 |   padding: 3rem;
26 |   background-color: white;
27 |   border-radius: 1rem;
28 |   margin: auto;
29 | }
30 | 
31 | .closed-win:hover, .closed-tg:hover, .closed-t:hover {
32 |   background-color: var(--settings-active-color);
33 |   cursor: pointer;
34 | }
35 | 
36 | .closed-win{
37 |   margin: 0;
38 | }
39 | 
40 | .closed-tg:hover {
41 |   color: white;
42 | }
43 | 
44 | .closed-tg:hover .tab-title::after {
45 |   background: : linear-gradient(to right, rgba(0, 0, 0, 0), var(--settings-active-color));
46 | }
47 | 
48 | #no-closed-elements {
49 |   background-color: white;
50 | }
51 | 
52 | .modal-bg.close {
53 |   color: #aaaaaa;
54 |   float: right;
55 |   font-size: 28px;
56 |   font-weight: bold;
57 | }
58 | 
59 | .modal-bg.close:hover, .modal-bg.close:focus {
60 |   color: #000;
61 |   text-decoration: none;
62 |   cursor: pointer;
63 | }
64 | 


--------------------------------------------------------------------------------
/styles/src/settings.css:
--------------------------------------------------------------------------------
  1 | #settings-icon {
  2 |   position: absolute;
  3 |   left: 0;
  4 |   top: 0;
  5 |   width: 2rem;
  6 |   margin: 0.5rem 0.5rem;
  7 |   opacity: 0.9;
  8 | }
  9 | 
 10 | #settings-icon:hover {
 11 |   cursor: pointer;
 12 |   opacity: 1;
 13 | }
 14 | 
 15 | .settings-btn-container #settings-icon-tooltip {
 16 |   transition: 0.5s;
 17 |   visibility: hidden;
 18 |   opacity: 0;
 19 |   width: 5rem;
 20 |   background-color: var(--main-active-color);
 21 |   color: #fff;
 22 |   text-align: center;
 23 |   border-radius: 5px;
 24 |   /* Position the tooltip */
 25 |   position: absolute;
 26 |   z-index: 1;
 27 |   top: 10px;
 28 |   left: 45px;
 29 | }
 30 | 
 31 | .settings-btn-container:hover #settings-icon-tooltip {
 32 |   visibility: visible;
 33 |   opacity: 1;
 34 | }
 35 | 
 36 | .settings-container {
 37 |   margin-top: 1rem;
 38 | }
 39 | 
 40 | .settings-container h3 {
 41 |   padding-top: 1rem;
 42 |   font-size: 1rem;
 43 | }
 44 | 
 45 | .settings {
 46 |   position: fixed;
 47 |   top: 0;
 48 |   text-align: center;
 49 |   width: 0rem;
 50 |   height: 100vh;
 51 |   z-index: 1;
 52 |   overflow-y: auto;
 53 |   background-color: silver;
 54 |   opacity: 1;
 55 |   transition: 0.5s;
 56 | }
 57 | 
 58 | .layout-options {
 59 |   margin-left: 1rem;
 60 |   width: 10rem;
 61 |   outline: none;
 62 | }
 63 | 
 64 | .layout-option {
 65 |   margin-left: 1px;
 66 |   outline: none;
 67 |   text-decoration: none;
 68 |   border: none;
 69 |   background-color: white;
 70 |   transition-duration: 0.2s;
 71 | }
 72 | 
 73 | .layout-option-active {
 74 |   outline: none;
 75 |   border: none;
 76 |   color: white;
 77 |   background-color: var(--settings-active-color);
 78 | }
 79 | 
 80 | .layout-option:hover {
 81 |   background-color: #ddd;
 82 |   cursor: pointer;
 83 | }
 84 | 
 85 | .sort-option:hover {
 86 |   cursor: pointer;
 87 | }
 88 | 
 89 | .search-option:hover {
 90 |   cursor: pointer;
 91 | }
 92 | 
 93 | .search-settings {
 94 |   margin-left: -2rem;
 95 | }
 96 | 
 97 | .search-settings label {
 98 |   display: block;
 99 |   top: 2rem;
100 |   margin: -0.75rem;
101 |   font-size: 0.75rem;
102 | }
103 | 
104 | .search-settings .radio {
105 |   display: inline-block;
106 | }
107 | 
108 | .switch {
109 |   position: relative;
110 |   display: inline-block;
111 |   width: 3.5rem;
112 |   height: 1.5rem;
113 | }
114 | 
115 | .switch input {
116 |   display: none;
117 | }
118 | 
119 | .slider {
120 |   position: absolute;
121 |   cursor: pointer;
122 |   top: 0;
123 |   left: 0;
124 |   right: 0;
125 |   bottom: 0;
126 |   background-color: grey;
127 |   transition: 0.5s;
128 |   border-radius: 1rem;
129 | }
130 | 
131 | .slider:before {
132 |   position: absolute;
133 |   content: "";
134 |   height: 1.2rem;
135 |   width: 1.2rem;
136 |   left: 5%;
137 |   bottom: 12%;
138 |   background-color: white;
139 |   transition: .5s;
140 |   border-radius: 50%;
141 | }
142 | 
143 | input:checked+.slider {
144 |   background-color: var(--settings-active-color);
145 | }
146 | 
147 | input:checked+.slider:before {
148 |   transform: translateX(1.9rem);
149 | }
150 | 
151 | .radio {
152 |   position: relative;
153 |   margin-left: 2.5rem;
154 |   text-align: left;
155 | }
156 | 
157 | .checkmark {
158 |   position: absolute;
159 |   top: 5px;
160 |   left: -20px;
161 |   height: 15px;
162 |   width: 15px;
163 |   border-radius: 1rem;
164 |   background-color: #eee;
165 | }
166 | 
167 | .search-settings .checkmark {
168 |   top: -10px;
169 |   left: -28px;
170 |   height: 13px;
171 |   width: 13px;
172 |   background-color: #eee;
173 | }
174 | 
175 | .search-settings .checkmark:hover {
176 |   background-color: #72a87b;
177 | }
178 | 
179 | .search-settings input:checked~.checkmark {
180 |   background-color: var(--main-active-color);
181 | }
182 | 
183 | .checkmark:hover {
184 |   cursor: pointer;
185 |   background-color: #81b9e8;
186 | }
187 | 
188 | .settings input:checked~.checkmark {
189 |   background-color: var(--settings-active-color);
190 | }
191 | 
192 | .radio input {
193 |   position: absolute;
194 |   opacity: 0;
195 |   cursor: pointer;
196 | }
197 | 
198 | #maxTabsPerGroup {
199 |   display: block;
200 |   margin: auto;
201 |   margin-top: 5px;
202 | }
203 | 
204 | #maxTabsPerGroup:hover {
205 |   cursor: pointer;
206 | }
207 | 
208 | #slider-value {
209 |   padding: 0.25rem;
210 |   color: white;
211 |   background-color: var(--settings-active-color);
212 |   font-size: 1.1rem;
213 | }
214 | 
215 | #shortcut-btn {
216 |   outline: none;
217 |   text-decoration: none;
218 |   border: none;
219 |   background-color: white;
220 |   transition-duration: 0.2s;
221 | }
222 | 
223 | #shortcut-btn:hover {
224 |   cursor: pointer;
225 |   background-color: var(--settings-active-color);
226 |   color: white;
227 | }
228 | 
229 | .restore-defaults {
230 |   margin-top: 2rem;
231 |   margin-bottom: 2rem;
232 | }
233 | 
234 | #restore-Btn:hover {
235 |   cursor: pointer;
236 | }
237 | 


--------------------------------------------------------------------------------
/styles/src/tabGroups.css:
--------------------------------------------------------------------------------
  1 | .row {
  2 |   min-height: 50%;
  3 |   overflow: hidden;
  4 | }
  5 | 
  6 | .tab-group {
  7 |   border: 1px solid black;
  8 |   padding-bottom: 0.5rem;
  9 |   background-color: var(--tab-group-bg-color);
 10 |   overflow-y: visible;
 11 | }
 12 | 
 13 | .tab-group:hover .closeGroupBtn, .tab-group:hover .tab-group-options-btn {
 14 |   visibility: visible;
 15 | }
 16 | 
 17 | .icon {
 18 |   position: absolute;
 19 |   left: 0.5rem;
 20 |   top: 0rem;
 21 |   float: left;
 22 |   margin-top: 0.3rem;
 23 |   width: 1.5rem;
 24 | }
 25 | 
 26 | .tab-title {
 27 |   margin: auto;
 28 |   margin-left: 1.25rem;
 29 |   width: 80%;
 30 |   font-size: 1rem;
 31 |   margin-top: 0.5rem;
 32 |   margin-bottom: 1rem;
 33 |   overflow: hidden;
 34 | }
 35 | 
 36 | .tab-title::after {
 37 |   content: "";
 38 |   position: absolute;
 39 |   top: 0.45rem;
 40 |   left: 66%;
 41 |   height: 1.5rem;
 42 |   width: 30%;
 43 |   background: linear-gradient(to right, rgba(0, 0, 0, 0), #fcfcfc);
 44 | }
 45 | 
 46 | .tabContainer {
 47 |   position: relative;
 48 |   height: 1.4rem;
 49 |   margin-bottom: 0.5rem;
 50 | }
 51 | 
 52 | .tabContainer:hover .close-tab-btn, .tabContainer:hover .tab-options-btn {
 53 |   visibility: visible;
 54 | }
 55 | 
 56 | .tab {
 57 |   width: 100%;
 58 |   position: relative;
 59 |   background-color: #f2f2f2;
 60 |   border-left: 4px solid black;
 61 |   border-radius: 2px;
 62 |   color: black;
 63 |   font-weight: 450;
 64 |   display: inline-block;
 65 |   padding: 0 6% 0 6%;
 66 |   opacity: 1;
 67 |   transition: 0.1s;
 68 | }
 69 | 
 70 | .tabContainer:hover .tab {
 71 |   background-color: var(--tab-hover-color);
 72 |   color: white;
 73 |   border: none;
 74 |   cursor: pointer;
 75 | }
 76 | 
 77 | .tab::after {
 78 |   content: "";
 79 |   position: absolute;
 80 |   top: 15%;
 81 |   left: 66%;
 82 |   height: 75%;
 83 |   width: 30%;
 84 |   background: linear-gradient(to right, rgba(0, 0, 0, 0), #f2f2f2);
 85 | }
 86 | 
 87 | .tabContainer:hover .tab:after {
 88 |   background: linear-gradient(to right, rgba(0, 0, 0, 0), var(--tab-hover-color));
 89 |   transition: none;
 90 | }
 91 | 
 92 | .tabDescription {
 93 |   margin-bottom: 0;
 94 |   font-size: 1rem;
 95 |   text-align: left;
 96 |   white-space: nowrap;
 97 |   overflow-x: hidden;
 98 |   overflow-y: hidden;
 99 | }
100 | 
101 | .tab-options-btn, .tab-group-options-btn, .win-options-btn {
102 |   position: absolute;
103 |   top: 0;
104 |   right: 1rem;
105 |   width: 1rem;
106 |   text-align: center;
107 |   z-index: 1;
108 |   visibility: hidden;
109 |   background-color: var(--tab-hover-color);
110 |   border-radius: 2px;
111 |   opacity: 1;
112 |   z-index: 2;
113 | }
114 | 
115 | .tab-group-options-btn {
116 |   background-color: var(--tab-group-bg-color);
117 | }
118 | 
119 | .tab-options-btn:hover, .tab-group-options-btn:hover, .win-options-btn:hover {
120 |   background-color: green;
121 |   cursor: pointer;
122 |   opacity: 1;
123 | }
124 | 
125 | .fa-ellipsis-h{
126 |   pointer-events: none;
127 | }
128 | 
129 | .dropdown-content {
130 |   position: absolute;
131 |   text-align: center;
132 |   display: none;
133 |   right: -1rem;
134 |   background-color: #f9f9f9;
135 |   min-width: 160px;
136 |   box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
137 |   padding: 12px 16px;
138 | }
139 | 
140 | .tab-option {
141 |   margin: 0;
142 |   padding: 0;
143 | }
144 | 
145 | .tab-option:hover {
146 |   background-color: var(--tab-hover-color);
147 |   color: white;
148 |   cursor: pointer;
149 | }
150 | 
151 | .close-tab-btn {
152 |   background-color: var(--tab-hover-color);
153 |   border-radius: 2px;
154 |   opacity: 1;
155 | }
156 | 


--------------------------------------------------------------------------------
/styles/src/windows.css:
--------------------------------------------------------------------------------
 1 | .window-overflow-container {
 2 |   max-height: 75vh;
 3 |   overflow-y: auto;
 4 |   padding: 0 1rem;
 5 |   margin: 0 -1rem;
 6 |   border-bottom: 1px solid black;
 7 | }
 8 | 
 9 | .window-container {
10 |   position: relative;
11 |   background-color: grey;
12 |   min-width: 40rem;
13 |   padding-bottom: 8vh;
14 |   box-shadow: 0 1vw 1.5vw 0 rgba(0, 0, 0, 0.3), 0 1.5vw 3vw 0 rgba(0, 0, 0, 0.20);
15 | }
16 | 
17 | .window {
18 |   position: relative;
19 |   padding-top: 2.5rem;
20 |   margin: auto;
21 |   padding-bottom: 1rem;
22 |   background-color: var(--win-bg-color);
23 |   border: 2px solid black;
24 |   border-radius: 10px;
25 |   box-shadow: 0 1vw 1.5vw 0 rgba(0, 0, 0, 0.3), 0 1.5vw 3vw 0 rgba(0, 0, 0, 0.20);
26 |   margin-bottom: 0.5rem;
27 |   overflow: visible;
28 | }
29 | 
30 | .window-title {
31 |   position: absolute;
32 |   z-index: 1;
33 |   padding: 3px 10px;
34 |   top: 10px;
35 |   font-size: 20px;
36 |   border: 1px solid black;
37 |   border-bottom: none;
38 |   border-top-left-radius: 5px;
39 |   border-top-right-radius: 5px;
40 |   color: black;
41 |   background-color: var(--tab-group-bg-color);
42 | }
43 | 
44 | .window:hover .closeWindowBtn, .window:hover .closeAllBtn, .window:hover .win-options-btn {
45 |   visibility: visible;
46 | }
47 | 
48 | .win-options-btn {
49 |   background-color: var(--win-bg-color);
50 | }
51 | 
52 | .selected-window {
53 |   background-color: #84cc67;
54 |   border: 2px solid blue;
55 | }
56 | 


--------------------------------------------------------------------------------
/tabPage.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <meta name="viewport" content="width=device-width, initial-scale=1.0">
  4 | <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
  5 | <meta content="utf-8" http-equiv="encoding">
  6 | 
  7 | <head>
  8 |   <title>Manage My Tabs</title>
  9 |   <link rel="stylesheet" type="text/css" href="styles/lib/bootstrap.min.css">
 10 |   <link rel="stylesheet" type="text/css" href="styles/lib/fontawesome/css/fontawesome-all.min.css">
 11 |   <link rel="stylesheet" type="text/css" href="styles/src/main.css">
 12 |   <link rel="stylesheet" type="text/css" href="styles/src/settings.css">
 13 |   <link rel="stylesheet" type="text/css" href="styles/src/tabGroups.css">
 14 |   <link rel="stylesheet" type="text/css" href="styles/src/arrangementOptions.css">
 15 |   <link rel="stylesheet" type="text/css" href="styles/src/windows.css">
 16 |   <link rel="stylesheet" type="text/css" href="styles/src/modals.css">
 17 | 
 18 |   <script src="scripts/lib/jquery/jquery-3.3.1.min.js"></script>
 19 |   <script src="scripts/lib/jquery/jquery-ui.js"></script>
 20 |   <script src="scripts/lib/platform.js"></script>
 21 |   <script src="scripts/lib/underscore.js"></script>
 22 | </head>
 23 | 
 24 | <body>
 25 |   <div class="main-content">
 26 |     <div class="settings-btn-container">
 27 |       <img id="settings-icon" src="images/settings.svg" alt="Settings icon" width="25" />
 28 |       <span id="settings-icon-tooltip">Settings</span>
 29 |     </div>
 30 |     <header>
 31 |       <div class="title">
 32 |         <img id="tabs-icon" src="images/icons/icon.svg" alt="Manage My Tabs icon" width="50" />
 33 |         <h1>Manage My Tabs</h1>
 34 |       </div>
 35 |     </header>
 36 |     <div class="container main-container">
 37 |       <button id="undo-btn">Undo</button>
 38 |       <div class="window-selection">Select Window:
 39 |         <button id="win-btn-all" class="win-btn window-select-btn" type="button">All</button>
 40 |       </div>
 41 |       <div class="search">
 42 |         <div class="searchbar">
 43 |           <input autofocus type="text" id="search-input" placeholder="Search...">
 44 |           <img id="search-icon" src="images/search.svg" alt="Magnifying glass" />
 45 |         </div>
 46 |         <div class="search-settings">
 47 |           <div class="radio">
 48 |             <label><input class="search-option" type="radio" name="searchradio" id="url"> URLs<span class="checkmark"></span></label>
 49 |           </div>
 50 |           <div class="radio">
 51 |             <label><input type="radio" class="search-option" name="searchradio" id="tabs"> Tabs<span class="checkmark"></span></label>
 52 |           </div>
 53 |           <div class="radio">
 54 |             <label><input type="radio" class="search-option" name="searchradio" id="both"> Both<span class="checkmark"></span></label>
 55 |           </div>
 56 |         </div>
 57 |       </div>
 58 |       <div class="window-overflow-container">
 59 |         <div class="row window-container"></div>
 60 |       </div>
 61 |     </div>
 62 |   </div>
 63 |   <div class="right-side-bar">
 64 |     <div class="arrange-tabs-container">
 65 |       <img id="arrange-tabs-btn" src="images/arrange.svg" alt="Settings icon" width="30" />
 66 |       <span id="arrange-tabs-tooltip">Change the order of tabs in all windows to be alphabetical</span>
 67 |     </div>
 68 |     <div class="restore-tabs-container">
 69 |       <i id="restore-tabs-btn" class="fas fa-2x fa-window-restore"></i>
 70 |       <span id="restore-tabs-tooltip">View and restore recently closed tabs</span>
 71 |     </div>
 72 |   </div>
 73 |   <div class="settings">
 74 |     <div class="settings-container">
 75 |       <h2>Settings</h2>
 76 |       <div class="layout-options">
 77 |         <h3>Columns</h3>
 78 |         <button id="1" class="layout-option">1</button>
 79 |         <button id="2" class="layout-option">2</button>
 80 |         <button id="3" class="layout-option">3</button>
 81 |         <button id="4" class="layout-option">4</button>
 82 |         <button id="6" class="layout-option">6</button>
 83 |       </div>
 84 |       <div class="tab-count-settings">
 85 |         <h3>Display number of tabs:</h3>
 86 |         <label class="switch">
 87 |           <input type="checkbox" id="tabCount">
 88 |           <span class="slider"></span>
 89 |         </label>
 90 |       </div>
 91 |       <div class="manager-display-settings">
 92 |         <h3>Include tab manager:</h3>
 93 |         <label class="switch">
 94 |           <input type="checkbox" id="includeManager">
 95 |           <span class="slider"></span>
 96 |         </label>
 97 |       </div>
 98 |       <div class="close-manager-on-click-tab">
 99 |         <h3>Close the tab manager when a tab is clicked:</h3>
100 |         <label class="switch">
101 |           <input type="checkbox" id="closeManagerWhenTabSelected">
102 |           <span class="slider"></span>
103 |         </label>
104 |       </div>
105 |       <div class="limit-tab-group-size">
106 |         <h3>Limit the number of tabs in a tab group</h3>
107 |         <label class="switch">
108 |           <input type="checkbox" id="limitTabGroupSize">
109 |           <span class="slider"></span>
110 |         </label>
111 |       </div>
112 |       <div class="limit-tab-group-size">
113 |         <h3>Max number of tabs:</h3>
114 |         <span id="slider-value"></span>
115 |         <input type="range" min="1" max="10" step="1" id="maxTabsPerGroup">
116 |       </div>
117 |       <div class="sort-settings">
118 |         <h3>Sort groups:</h3>
119 |         <div class="radio">
120 |           <label><input class="sort-option" type="radio" name="optradio" id="mostTabs"> Most tabs<span class="checkmark"></span></label>
121 |         </div>
122 |         <div class="radio">
123 |           <label><input type="radio" class="sort-option" name="optradio" id="leastTabs"> Least tabs<span class="checkmark"></span></label>
124 |         </div>
125 |         <div class="radio">
126 |           <label><input type="radio" class="sort-option" name="optradio" id="alphabetically"> Alphabetically<span class="checkmark"></span></label>
127 |         </div>
128 |         <div class="radio">
129 |           <label><input type="radio" class="sort-option" name="optradio" id="none"> Window order<span class="checkmark"></span></label>
130 |         </div>
131 |       </div>
132 |       <div class="shortcut-settings">
133 |         <h3>Shortcuts:</h3>
134 |         <button id="shortcut-btn">View Shortcuts</button>
135 |       </div>
136 |       <div class="classic-mode-activated">
137 |         <h3>Use the classic view mode of the tab manager:</h3>
138 |         <label class="switch">
139 |           <input type="checkbox" id="classicMode">
140 |           <span class="slider"></span>
141 |         </label>
142 |       </div>
143 |       <div class="overscroll-main-container">
144 |         <h3>Allow scrolling beyond the end of the last window:</h3>
145 |         <label class="switch">
146 |           <input type="checkbox" id="allowOverscrollMainContainer">
147 |           <span class="slider"></span>
148 |         </label>
149 |       </div>
150 |       <div class="restore-defaults">
151 |         <button id="restore-Btn">Restore Defaults</button>
152 |       </div>
153 |     </div>
154 |   </div>
155 |   <div class="modal-bg"></div>
156 | 
157 |   <script src="scripts/utils/utils.js"></script>
158 |   <script src="scripts/src/listeners.js"></script>
159 |   <script src="scripts/src/renderHTML.js"></script>
160 |   <script src="scripts/src/tabGroup.js"></script>
161 |   <script src="scripts/src/tabManager.js"></script>
162 |   <script src="scripts/src/main.js"></script>
163 | </body>
164 | 
165 | </html>
166 | 


--------------------------------------------------------------------------------