forked from kotarf/Smart-Bookmark-Sorter
-
Notifications
You must be signed in to change notification settings - Fork 0
/
popup.html
108 lines (108 loc) · 6.36 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
<!doctype html>
<html lang="us">
<head>
<meta charset="utf-8">
<title>Smart Bookmark Sorter</title>
<!--********** JQuery ************-->
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/jquery-ui-1.9.2.custom.min.js"></script>
<link href="css/jquery-ui-1.9.2.custom.css" rel="stylesheet">
<!--********** JQuery Plugins************-->
<script src="js/jquery.total-storage.js"></script>
<!--********** UI ************-->
<script src="popup.js"></script>
<link rel="stylesheet" type="text/css" href="css/popup.css" />
</head>
<!--********** UI - HTML ************-->
<div id="tabs" >
<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">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.</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 button below and navigating to Organize->Export bookmarks to HTML file</p>
<button id="button_backup">Backup</button>
<button id="button_continue">Continue</button>
<img id="img_export" src="images/Chrome_Export_Bookmarks.png" alt="Chrome Export Bookmarks">
</div>
<div id="tabs-3">
<p>This will sort all of your Other Bookmarks into folders by category and title. Please make sure you have backed up your bookmarks before proceeding!</p>
<p>
<label for="spinner_archivedays">Sort bookmarks older than:</label>
<input id="spinner_archivedays" name="value" title="Bookmarks older than this amount will be sorted." /> days
</p>
<div id="container" style="width:500px">
<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="Sorts all of your bookmarks.">Sort Now</button>
</div>
<div id="progressbar_sorting"></div>
<div id="dialog_confirm_sort" title="Sort all bookmarks?">
<p><span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>All of your 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>
<div id="tabs-4">
<p>Configure automatic sort, which will maintain order in your bookmarks while active. The three options below allow you to customize automatic sort.</p>
<div id="container" style="width:500px">
<input type="checkbox" id="button_oncreate"/>
<label for="button_oncreate" title="Will sort bookmarks as they are created.">Sort on Bookmark Event</label>
<input type="checkbox" id="button_interval"/>
<label for="button_interval" title="Will sort older bookmarks on a timed interval.">Sort on Timed Interval</label>
<label for="button_prioritize" title="Will move accessed bookmarks to the top of the list.">Prioritize Bookmarks</label>
<input type="checkbox" id="button_prioritize"/>
</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.">Automatic Sort</label>
</div>
<div id="tabs-5">
<div id="container">
<p>Version 0.0.1.3</p>
<p>Powered by</p>
<a href="http://alchemyapi.com" target="_blank"><img src="images/alchemyAPI.jpg" alt="AlchemyAPI Logo"></a>
<a href="http://jqueryui.com" target="_blank"><img src="images/jquery_ui_logo.png" alt="JQuery UI Logo"></a>
<a href="http://jquery.com" target="_blank"><img src="images/jquery_logo.png" alt="JQuery 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"><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"><img src="images/jquery_total_storage.png" alt="JQuery Total Storage"></a>
<a href="https://github.com/allmarkedup/jQuery-URL-Parser" target="_blank"><img src="images/jqueryUrlParser.PNG" alt="JQuery URL Parser"></a>
<p>"Knowledge is our greatest treasure"</p>
<p>Next try <a href="https://chrome.google.com/webstore/detail/booglemarks/hojigclpigghnkdhhkhgjobmoghdecae" target="_blank">Booglemarks</a> to alphabetize your bookmarks.</p>
<p>And try <a href="https://chrome.google.com/webstore/detail/supersorter/hjebfgojnlefhdgmomncgjglmdckngij" target="_blank">SuperSorter</a> to clean up your bookmarks.</p>
<p>Looking for people to take over the project and fix my awful code.</p>
<p>Repository at <a href="https://github.com/kotarf/Smart-Bookmark-Sorter" target="_blank">GitHub</a></p>
</div>
</div>
</div>
</html>