Add Gravatar profile image

inc/spot.php

@@ -361,7 +361,9 @@ class Spot extends Main
 	private function getPosts()
 	{
 		$asInfo = array(
+			'select'	=> array(Db::getFullColumnName(self::POST_TABLE, '*'), 'MD5(email) AS email_hash'),
 			'from'		=> self::POST_TABLE,
+			'join'		=> array(User::USER_TABLE => Db::getId(User::USER_TABLE)),
 			'constraint'=> array(Db::getId(Project::PROJ_TABLE) => $this->oProject->getProjectId()),
 			'constOpe'	=> array(Db::getId(Project::PROJ_TABLE) => "=")
 		);

masks/project.html

@@ -15,16 +15,16 @@
 						<h1><i class="fa fa-fw push fa-map"></i>[#]lang:maps[#]</h1>
 						<div id="layers"></div>
 					</div>
+					<div class="settings-section">
+						<h1><i class="fa fa-fw push fa-project"></i>[#]lang:projects[#]</h1>
+						<div id="settings-projects"></div>
+					</div>
 					<div class="settings-section newsletter">
 						<h1><i class="fa fa-fw push fa-newsletter"></i>[#]lang:newsletter[#]</h1>
 						<input type="email" name="email" id="email" placeholder="[#]lang:nl_email_placeholder[#]" /><button id="nl_btn"><span><i class="fa"></i></span></button>
 						<div id="settings-feedback" class="feedback"></div>
 						<div id="nl_desc"></div>
 					</div>
-					<div class="settings-section">
-						<h1><i class="fa fa-fw push fa-project"></i>[#]lang:projects[#]</h1>
-						<div id="settings-projects"></div>
-					</div>
 				</div>
 			</div>
 			<div class="settings-footer"><a href="https://git.lutran.fr/franzz/spot" title="[#]lang:credits_git[#]" target="_blank"><i class="fa fa-credits push"></i>[#]lang:credits_project[#]</a> [#]lang:credits_license[#]</div>
@@ -843,9 +843,13 @@ function getPost(asPost) {
 			break;
 		case 'post':
 			bLink = true;
+			var $SigImg = asPost.email_hash?$('<img>', {'src':'https://www.gravatar.com/avatar/'+asPost.email_hash+'?d=404&s=24', 'alt':'--'}):($('<span>').text('-- '));
 			$Body = $('<div>')
-						.append($('<p>', {'class':'message'}).text(asPost.content))
-						.append($('<p>', {'class':'signature'}).text('-- '+asPost.formatted_name));
+				.append($('<p>', {'class':'message'}).text(asPost.content))
+				.append($('<p>', {'class':'signature'})
+					.append($SigImg)
+					.append($('<span>').text(asPost.formatted_name))
+				);
 			break;
 		case 'poster':
 			$Body = $('<p>', {'class':'message'})

style/_mask_project.scss

@@ -347,6 +347,12 @@ $legend-color: $post-color;
 					margin: 0.5em 0 0 0;
 					text-align: right;
 					font-style: italic;
+
+					img {
+						vertical-align: baseline;
+						margin: 0 0.2em calc((1em - 24px)/2) 0;
+						position: relative;
+					}
 				}
 				.header {
 					padding: 0.5em 1em;