-
Notifications
You must be signed in to change notification settings - Fork 2
/
popup.html
173 lines (172 loc) · 10.1 KB
/
popup.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
<!doctype html>
<html lang="us">
<head>
<meta charset="utf-8">
<title>Smart Bookmark Sorter</title>
<div class="spinner">
<div class="bounce1"></div>
<div class="bounce2"></div>
<div class="bounce3"></div>
</div>
<!--********** RequireJS ************-->
<script data-main="js/require_popup.js" src="js/require.js"></script>
<!--********** CSS ************-->
<link href="css/jquery-ui.css" rel="stylesheet">
<link rel="stylesheet" href="http:/maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/popup.css" />
</head>
<!--********** UI - HTML ************-->
<div id="tabs" style="display: none;">
<ul>
<li><a href="#tabs-1">Register</a></li>
<li><a href="#tabs-2">Backup</a></li>
<li><a href="#tabs-3">Manual Sort</a></li>
<li><a href="#tabs-4">Auto Sort</a></li>
<li><a href="#tabs-5">About</a></li>
</ul>
<div id="tabs-1">
<body>
<div class="ui-widget">
<p>Welcome to Smart Bookmark Sorter. You must register for an AlchemyAPI key to use this extension. AlchemyAPI is used to intelligently sort your bookmarks.</p>
<p>Register at <a href="http://www.alchemyapi.com/api/register.html" target="_blank" id="link_alchemy">AlchemyAPI</a></p>
</div>
<h2 class="demoHeaders">API Key</h2>
<div>
<input id="autocomplete_apikey" value = "Your API Key">
</div>
<button id="button_key">Go</button>
<form style="margin-top: 1em;">
</form>
<div id="dialog_apikey" title="Invalid API Key">
<p>You must register for an AlchemyAPI key to use this extension, and must have an open firewall and internet connection in order to make queries.</p>
<p>Register at <a href="http://www.alchemyapi.com/api/register.html" target="_blank">AlchemyAPI</a></p>
</div>
<div id="dialog_confirm_privacy" title="Your data will be sent to AlchemyAPI for processing">
<p><span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>AlchemyAPI is a remote web service used to sort your bookmarks.
<br><br> Your data will be shared with AlchemyAPI, and is subject to AlchemyAPI's Privacy Policy which you may view <a href="http://www.alchemyapi.com/company/privacy.html" target="_blank">here</a>.
<br><br> Remember, this extension is provided to you without any warranty or implied merchantability.
<br><br> You proceed at your own discretion. Are you OK with sharing your data with AlchemyAPI?</p>
</div>
<img src="images/alchemyAPI.jpg" alt="AlchemyAPI Logo">
</body>
</div>
<div id="tabs-2">
<p>Please back-up your bookmarks by selecting the Backup button and exporting, as shown in the screenshot.</p>
<button id="button_backup">Backup</button>
<button id="button_continue">Continue</button>
<img id="img_export_a" src="images/Chrome_Export_Bookmarks_Old.png" alt="Chrome Export Bookmarks">
</div>
<div id="tabs-3">
<p>Select the folders and bookmarks you would like to sort in the directory tree located below.</p>
<div id="container1" style="width:500px">
<select name="folders" id="id_folders"></select>
<button id="button_sample" title="Sort a sample of bookmarks to see how it works before committing.">Sort Sample</button>
<button id="button_sort" title="Sort the selected bookmarks.">Sort Now</button>
<i id="lock_icon" class="fa fa-unlock" title="No sorting operations are in progress; actions may be taken."></i>
<span class="placeholder"> </span>
<button id="button_settings">Settings</button>
</div>
<div id="progressbar_sorting"></div>
<div id="dialog_confirm_sort" title="Sort bookmarks?">
<p><span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>The selected bookmarks will be sorted. Please make sure you have backed them up. Are you sure?</p>
</div>
<div id="dialog_error_sort" title="Error - Daily Transaction Limit Exceeded">
<p>Daily transaction limit for AlchemyAPI has been exceeded. Continue sorting your bookmarks tomorrow!</p>
</div>
<div id="wrapper">
<ol class="sortable"></ol>
</div>
<div id="dialog_manual_settings" title="Manual sort settings">
<input hidden autofocus>
<p>These advanced settings will take effect immediately for manual sorting.</p>
<label for="autocomplete_archives">Select an output folder, which will be created if it does not exist: </label>
<input id="autocomplete_archives">
<p>
<label for="spinner_settings_taxonomylevels">The maximum number of nested taxonomy levels:</label>
<input id="spinner_settings_taxonomylevels" name="value">
</p>
<div id="container_settings_cull" style="width:500px">
<input type="checkbox" id="check_cull">
<label for="check_cull" title="Folders with less than the configured number of bookmarks will be purged after their contents are moved up the tree.">Cull bookmarks</label>
<label for="spinner_cull_num">if less than</label>
<input id="spinner_cull_num">
</div>
<label for="radio_sortAction">Create copies or move when sorting:</label>
<div id="radio_sortAction">
<input type="radio" id="radio_create" name="radio1"><label for="radio_create">Create</label>
<input type="radio" id="radio_move" name="radio1"><label for="radio_move">Move</label>
</div>
</div>
</div>
<div id="tabs-4">
<p>Configure automatic sort, which will maintain order in your bookmarks while active.</p>
<div id="container2" style="width:500px">
<input type="checkbox" id="button_interval"/>
<input type="checkbox" id="button_prioritize"/>
<label for="button_interval" title="Will sort older bookmarks on a timed interval.">Sort</label>
<label for="button_prioritize" title="Will move recently added bookmarks into the configured tree on a timed interval.">Prioritize</label>
<button id="button_settings_autosort">Settings</button>
</div>
<p>Enable and disable automatic sorting below.</p>
<input type="checkbox" id="button_autosort"/>
<label for="button_autosort" title="Enables or disables automatic sort. You must toggle me to refresh settings changed above.">Apply Changes</label>
<div id="dialog_auto_settings" title="Auto sort settings">
<div id="tabs_autosort_settings">
<ul>
<li><a href="#tabs_autosort_1">Sort</a></li>
<li><a href="#tabs_autosort_2">Prioritize</a></li>
</ul>
<div id="tabs_autosort_1">
<div id="container_autosort_folders" style="width:500px">
<input type="checkbox" id="button_autosort_other"/>
<input type="checkbox" id="button_autosort_bar"/>
<input type="checkbox" id="button_autosort_mobile"/>
<label for="button_autosort_other" title="Autosort will include the Other Bookmarks folder.">Other Bookmarks</label>
<label for="button_autosort_bar" title="Autosort will include the Bookmarks Bar folder.">Bookmarks bar</label>
<label for="button_autosort_mobile" title="Autosort will include the Mobile Bookmarks folder.">Mobile bookmarks</label>
</div>
<p>
<label for="amount_days">Automatically sort when bookmark is older than:</label>
<input type="text" id="amount_days" readonly style="border:0; color:#f6931f; font-weight:bold; background-color: inherit">
</p>
<div id="slider_days"></div>
<p>
<label for="spinner_intervaltime">Interval in minutes to automatically sort:</label>
<input id="spinner_intervaltime" name="value">
<span class="placeholderLarge"> </span>
<input type="checkbox" id="button_autosort_action"/>
<label for="button_autosort_action" title="Create or move bookmarks when auto sorting.">Create</label>
</p>
</div>
<div id="tabs_autosort_2">
<label for="radio_priorityOutputDest">Choose where to prioritize bookmarks</label>
<div id="radio_priorityOutputDest">
<input type="radio" id="radio_priorityOther" name="radio2"><label for="radio_priorityOther">Other Bookmarks</label>
<input type="radio" id="radio_priorityBar" name="radio2"><label for="radio_priorityBar">Bookmarks Bar</label>
<input type="radio" id="radio_priorityMobile" name="radio2"><label for="radio_priorityMobile">Mobile bookmarks</label>
</div>
</div>
</div>
</div>
</div>
<div id="tabs-5">
<div id="container3">
<label id="version"></label>
<p>Powered by</p>
<a href="http://jquery.com" target="_blank" id="link_jquery"><img src="images/jquery_logo.png" alt="JQuery Logo"></a>
<a href="http://jqueryui.com" target="_blank" id="link_jqueryui"><img src="images/jquery_ui_logo.png" alt="JQuery UI Logo"></a>
<a href="http://alchemyapi.com" target="_blank" id="link_alchemyapi"><img src="images/alchemyAPI.jpg" alt="AlchemyAPI Logo"></a>
<p>Additionally thanks to</p>
<a href="http://www.bennadel.com/blog/2326-jQuery-whenSync-Plugin-For-Chaining-Asynchronous-Callbacks-Using-Deferred-Objects.htm" target="_blank" id="link_whensync"><img src="images/epicenter.PNG" alt="JQuery whenSync"></a>
<a href="http://upstatement.com/blog/2012/01/jquery-local-storage-done-right-and-easy/" target="_blank" id="link_totalstorage"><img src="images/jquery_total_storage.png" alt="JQuery Total Storage"></a>
<a href="https://github.com/allmarkedup/jQuery-URL-Parser" target="_blank" id="link_jqueryurlparser"><img src="images/jqueryUrlParser.PNG" alt="JQuery URL Parser"></a>
<p>"Knowledge is our greatest treasure"</p>
<p>Awesome bookmarks tree extension that heavily influenced our UI <a href="https://chrome.google.com/webstore/detail/minimal-bookmarks-tree/mohenkbngkbmdlkiemonbgdfgdjacaeb" target="_blank" id="link_minimal">Minimal Bookmarks Tree</a></p>
<p>Next try <a href="https://chrome.google.com/webstore/detail/booglemarks/hojigclpigghnkdhhkhgjobmoghdecae" target="_blank" id="link_booglemarks">Booglemarks</a> to alphabetize your bookmarks.</p>
<p>And try <a href="https://chrome.google.com/webstore/detail/supersorter/hjebfgojnlefhdgmomncgjglmdckngij" target="_blank" id="link_supersorter">SuperSorter</a> to clean up your bookmarks.</p>
<p>Looking for people to contribute to my project.</p>
<p>Repository at <a href="https://github.com/kotarf/Smart-Bookmark-Sorter" target="_blank" id="link_mygithub">GitHub</a></p>
</div>
</div>
</div>
</html>