├── .gitattributes
├── .gitignore
├── LICENSE.md
├── README.md
├── assets
    └── css
    │   └── style.css
├── bookmarks.php
├── database
    └── table.sql
├── include
    └── connect.php
├── index.php
└── load.php


/.gitattributes:
--------------------------------------------------------------------------------
1 | # Auto detect text files and perform LF normalization
2 | * text=auto


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | 
2 | assets/.DS_Store
3 | .DS_Store
4 | 


--------------------------------------------------------------------------------
/LICENSE.md:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2017 Nicolas Rollier
 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.


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Bookmarklet
 2 | A simple to use bookmarklet for saving all your favorite URL's to a MySQL database. Only tested with Safari and Chrome browsers
 3 | 
 4 | ## Installation
 5 | Copy the files to your webserver. 
 6 | 
 7 | * Create a new MySQL database and import the schema you'll find in **database** directory : `table.sql`
 8 | * Update the `connect.php` file in the **include** directory, to reflect your database configuration
 9 | * Visit the `index.php` page, it will provide the necessary instructions to add the bookmarklet to your Favorites bar (Safari) or the Bookmarks bar (Chrome) depending on which browser you choose
10 | 
11 | 
12 | The following screenshot illustrates the message displayed when visiting `index.php`:
13 | 
14 | ![Screenshot](https://raw.githubusercontent.com/nrollr/Bookmarklet/screenshot/images/screenshot%402px.png)
15 | 
16 | Simply drag and drop the link using the icon in your Bookmarks bar. It will appear as `Bookmark!`
17 | 
18 | ## Usage
19 | 
20 | * Visit a website you wish to save to your local database
21 | * Click the `Bookmark!` link in your Bookmarks bar and you'll be redirected to the `load.php` page, which will display the `title` and `url` of the website you wish to add. Review and click Submit to add to the database.
22 | * Upon success, you'll be redirected once more, this time to `bookmarks.php` which lists all bookmarks you've added to the database so far..
23 | 
24 | ## License
25 | 
26 | This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details


--------------------------------------------------------------------------------
/assets/css/style.css:
--------------------------------------------------------------------------------
1 | .ui.message {
2 | 	border-radius: 0px;
3 | 	border-bottom: 1px solid rgba(34,36,38,.22);
4 | 	-webkit-box-shadow: none;
5 | 	-box-shadow: none;
6 | }


--------------------------------------------------------------------------------
/bookmarks.php:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | 	<meta charset="utf-8">
 5 | 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 | 	<meta name="viewport" content="width=device-width, initial-scale=1">
 7 | 	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.3.3/dist/semantic.min.css" />
 8 | 	<link rel="stylesheet" href="assets/css/style.css" />
 9 | </head>
10 | <body>
11 | <br>
12 | <br>
13 | <div class="ui text container">
14 | 	<h2 class="ui dividing header">Bookmarks</h2>
15 | 	<br>
16 | 	<div class="ui list">
17 | 		<?php
18 | 			include "include/connect.php";
19 | 
20 | 			$sql = "SELECT * FROM `bookmarks` ORDER BY id DESC LIMIT 50";
21 | 			$query = mysqli_query($link,$sql);
22 | 			while ($row=mysqli_fetch_assoc($query)) {
23 | 				echo '<a class="item" href="'.$row['url'].'"><i class="right triangle icon"></i>';
24 | 				echo '<div class="content"><div class="description">"'.$row['title'].'"</div></div></a>'; }
25 | 			
26 | 			mysqli_close($link);
27 | 		?>
28 | 	</div>
29 | </div>
30 | <script src="https://code.jquery.com/jquery-3.1.1.min.js" ></script>
31 | <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.3.3/dist/semantic.min.js"></script>
32 | </body>
33 | </html>


--------------------------------------------------------------------------------
/database/table.sql:
--------------------------------------------------------------------------------
 1 | CREATE TABLE `bookmarks` (
 2 | 	`id` int(10) unsigned NOT NULL AUTO_INCREMENT,
 3 | 	`hash` varchar(32) COLLATE utf8_unicode_ci NOT NULL DEFAULT '',
 4 | 	`url` text COLLATE utf8_unicode_ci NOT NULL,
 5 | 	`title` text COLLATE utf8_unicode_ci NOT NULL,
 6 | 	`date` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP,
 7 | 	PRIMARY KEY (`id`),
 8 | 	UNIQUE KEY `hash` (`hash`)
 9 | ) ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;
10 | 


--------------------------------------------------------------------------------
/include/connect.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 	// Database parameters, change to reflect your own environment
 3 | 	$db_host		= 'hostname'; 
 4 | 	$db_user		= 'username';
 5 | 	$db_pass		= 'password';
 6 | 	$db_database	= 'database'; 
 7 | 
 8 | 	// Open database connection
 9 | 	$link = mysqli_connect($db_host,$db_user,$db_pass,$db_database);
10 | 	if($link === false){
11 | 		die("Error: Could not connect. " . mysqli_connect_error());
12 | 	}
13 | ?>


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | 	<meta charset="utf-8">
 5 | 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 | 	<meta name="viewport" content="width=device-width, initial-scale=1">
 7 | 	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.3.3/dist/semantic.min.css" />
 8 | 	<link rel="stylesheet" href="assets/css/style.css" />
 9 | </head>
10 | <body>
11 | <div class="ui message">
12 | 	<i class="close icon"></i>
13 | 	<div class="ui breadcrumb">
14 | 		<!-- If not running on localhost, define the correct URL ! -->
15 | 		<a class="section" href="javascript:window.location=%22http://localhost/bookmarklet/load.php?url=%22+encodeURIComponent(document.location)+%22&title=%22+encodeURIComponent(document.title)">
16 | 		<i class="bookmark icon"></i>Bookmark!</a><i class="right angle icon divider"></i>
17 | 		<div class="section">Drag and drop the icon in your bookmarks bar + click the icon to bookmark a webpage in your local bookmark repository.</div>
18 | 	</div>
19 | </div>
20 | <script src="https://code.jquery.com/jquery-3.1.1.min.js" ></script>
21 | <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.3.3/dist/semantic.min.js"></script>
22 | <script type="text/javascript">
23 | $('.message .close')
24 | 	.on('click', function() {
25 | 		$(this).closest('.message').transition('fade');});
26 | </script>
27 | </body>
28 | </html>


--------------------------------------------------------------------------------
/load.php:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | 	<meta charset="utf-8">
 5 | 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 | 	<meta name="viewport" content="width=device-width, initial-scale=1">
 7 | 	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.3.3/dist/semantic.min.css" />
 8 | 	<link rel="stylesheet" href="assets/css/style.css" />
 9 | </head>
10 | <body>
11 | <br>
12 | <br>
13 | <!--Fetch variables from url-->
14 | <?php $url = $_GET['url']; $title = $_GET['title']; ?>
15 | <div class="ui text container">
16 | 	<form action="" method="post" class="ui form">
17 | 		<h2 class="ui dividing header">Save bookmark</h2>
18 | 		<br>
19 | 		<div class="field">
20 | 			<label >Title</label>
21 | 			<input type="text" name="title" value="<?= $title ?>">
22 | 		</div>
23 | 		<div class="field">
24 | 			<label >Address</label>
25 | 			<input type="text" name="url" value="<?= $url ?>" >
26 | 		</div>
27 | 		<button class="ui button" type="submit">Submit URL</button>
28 | 			<br>
29 | 			<br>
30 | 			<!--Alert messages-->
31 | 			<?php
32 | 			if('POST' == $_SERVER['REQUEST_METHOD']) {
33 | 				include "include/connect.php";
34 | 				$_url = mysqli_real_escape_string($link, $_REQUEST['url']);
35 | 				$_title = mysqli_real_escape_string($link, $_REQUEST['title']);
36 | 
37 | 				$query = "INSERT INTO `bookmarks` (hash, url,title) VALUES ('".md5($_url)."','".$_url."','".$_title."')";
38 | 				if(mysqli_query($link, $query)){
39 | 					echo '<script language="javascript">';
40 | 					echo 'window.location.href="bookmarks.php";';
41 | 					echo '</script>';
42 | 				} else{
43 | 					echo '<div class="ui negative message"><i class="close icon"></i>';
44 | 					echo "<div class='header'>Error !</div><p>". mysqli_error($link) ."</p></div>";
45 | 				}
46 | 		 	mysqli_close($link);
47 | 			} ?>
48 | 	</form>
49 | </div>
50 | <script src="https://code.jquery.com/jquery-3.1.1.min.js" ></script>
51 | <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.3.3/dist/semantic.min.js"></script>
52 | <script type="text/javascript">
53 | $('.message .close')
54 | 	.on('click', function() {
55 | 		$(this).closest('.message').transition('fade');});
56 | </script>
57 | </body>
58 | </html>


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