add pictures to messages

inc/spot.php

@@ -167,10 +167,36 @@ class Spot extends Main
 		if(Settings::MODE!=self::MODE_HISTO && mb_substr($sLastMsg, 0, 10) != date('Y-m-d')) $this->updateFeed($sRefFeedId);
 
 		//Extract messages
-		$asMessages = $this->getSpotMessages();
+		$asMessages = array_values($this->getSpotMessages());
 		$bSuccess = !empty($asMessages);
 		$sDesc = $bSuccess?'':self::NO_DATA;
 		
+		//Add pictures
+		if($bSuccess) {
+			$asPics = $this->getPictures();
+			
+			//Sort messages and pictures chronologically
+			uasort($asPics, function($a, $b){return $a['unix_timestamp'] > $b['unix_timestamp'];});
+			uasort($asMessages, function($a, $b){return $a['unix_timestamp'] > $b['unix_timestamp'];});
+			
+			//Assign pictures to closest message
+			$iIndex = 0;
+			$iMaxIndex = count($asMessages) - 1;
+			foreach($asPics as $asPic) {
+				while($iIndex <= $iMaxIndex && $asPic['unix_timestamp'] > $asMessages[$iIndex]['unix_timestamp']) {
+					$iIndex++;
+				}
+				if($iIndex == 0) $iMsgIndex = $iIndex;
+				elseif($iIndex > $iMaxIndex) $iMsgIndex = $iMaxIndex;
+				else {
+					$iHalfWayPoint = ($asMessages[$iIndex]['unix_timestamp'] - $asMessages[$iIndex - 1]['unix_timestamp'])/2;
+					$iMsgIndex = ($asPic['unix_timestamp'] >= $iHalfWayPoint)?$iIndex:($iIndex - 1);
+				}
+				
+				$asMessages[$iMsgIndex]['pics'][] = $asPic;
+			}
+		}
+		
 		return self::getJsonResult($bSuccess, $sDesc, $asMessages);
 	}
 	
@@ -185,11 +211,11 @@ class Spot extends Main
 		$asMessages = $this->oDb->selectRows($asInfo);
 		foreach($asMessages as $iKey=>$asMessage)
 		{
-			$iUnixTimeStamp = strtotime($asMessage['timestamp']);
+			$asMessages[$iKey]['unix_timestamp'] = (int) $asMessages[$iKey]['unix_timestamp'];
 			$asMessages[$iKey]['latitude'] = floatval($asMessages[$iKey]['latitude']);
 			$asMessages[$iKey]['longitude'] = floatval($asMessages[$iKey]['longitude']);
-			$asMessages[$iKey]['relative_time'] = Toolbox::getDateTimeDesc($iUnixTimeStamp);
+			$asMessages[$iKey]['relative_time'] = Toolbox::getDateTimeDesc($asMessages[$iKey]['unix_timestamp']);
-			$asMessages[$iKey]['formatted_time'] = date(self::FORMAT_TIME, $iUnixTimeStamp);
+			$asMessages[$iKey]['formatted_time'] = date(self::FORMAT_TIME, $asMessages[$iKey]['unix_timestamp']);
 		}
 		return $asMessages;
 	}
@@ -216,7 +242,7 @@ class Spot extends Main
 					'path'			=> $sPicPath,
 					'thumb_path'	=> $sThumbnailPath,
 					'rotate'		=> $asPicInfo['rotate'],
-					'timestamp'		=> $iPicTimeStamp,
+					'unix_timestamp'=> $iPicTimeStamp,
 					'formatted_time'=> date(self::FORMAT_TIME, $iPicTimeStamp),
 					'relative_time'	=> Toolbox::getDateTimeDesc($iPicTimeStamp)
 				);
@@ -236,6 +262,7 @@ class Spot extends Main
 		$asPosts = $this->oDb->selectRows($asInfo);
 		foreach($asPosts as &$asPost) {
 			$iUnixTimeStamp = strtotime($asPost['led']);
+			$asPost['unix_timestamp'] = $iUnixTimeStamp;
 			$asPost['relative_time'] = Toolbox::getDateTimeDesc($iUnixTimeStamp);
 			$asPost['formatted_time'] = date(self::FORMAT_TIME, $iUnixTimeStamp);
 			$asPost['formatted_name'] = Toolbox::mb_ucwords($asPost['name']);
@@ -268,7 +295,7 @@ class Spot extends Main
 		$asPics = $this->getPictures();
 		foreach($asPics as $iKey=>$asPic)
 		{
-			$iId = self::getJsonId($asPic['timestamp'], '1', $iKey);
+			$iId = self::getJsonId($asPic['unix_timestamp'], '1', $iKey);
 			$asFeed[$iId] = $asPic;
 			$asFeed[$iId]['type'] = 'picture';
 		}
@@ -277,7 +304,7 @@ class Spot extends Main
 		$asPosts = $this->getPosts();
 		foreach($asPosts as $asPost)
 		{
-			$iId = self::getJsonId(strtotime($asPost['led']), '2', $asPost[Db::getId(self::POST_TABLE)]);
+			$iId = self::getJsonId($asPost['unix_timestamp'], '2', $asPost[Db::getId(self::POST_TABLE)]);
 			$asFeed[$iId] = $asPost;
 			$asFeed[$iId]['type'] = 'post';
 		}

masks/messages.html

@@ -39,6 +39,7 @@ oSpot.pageInit = function(asHash)
 		updateFeed(true);
 		self.tmp('simple-bar', new SimpleBar($('#posts')[0]));
 		self.tmp('simple-bar').getScrollElement().addEventListener('scroll', onFeedScroll);
+		self.tmp('infowindow', 'boolean');
 		
 		//Centering map
 		var agCenter = {lat:0, lng:0};
@@ -116,20 +117,42 @@ oSpot.pageInit = function(asHash)
 			   	draggable: false
 			});
 			
-			var oInfoWindow = new google.maps.InfoWindow({
+			var $InfoWindow = $('<div>', {'class':'info-window'})
-				content: $('<div>', {'class':'info-window'})
 				.append($('<h1>').append('Message '+oMsg.type+' #'+oMsg.id_message))
 				.append($('<p>', {'class':'time'}).addIcon('fa-clock-o').append(oMsg.formatted_time+' ('+oMsg.relative_time+')'))
-					.append($('<p>', {'class':'coordinates'}).addIcon('fa-compass').append(oMsg.latitude+' | '+oMsg.longitude))
+				.append($('<p>', {'class':'coordinates'}).addIcon('fa-compass').append('Lat : '+oMsg.latitude+', Lng : '+oMsg.longitude))
-					.append($('<p>', {'class':'battery'}).addIcon('fa-battery-three-quarters').append(oMsg.battery_state))
+				.hover(
-					.prop('outerHTML')
+					function(){
+						self.tmp('infowindow', true);
+					},
+					function(){
+						self.tmp('infowindow', false);
+						oInfoWindow.close(oMap, oMarker);
+					}
+				);
+				//.append($('<p>', {'class':'battery'}).addIcon('fa-battery-three-quarters').append(oMsg.battery_state))
+			if(oMsg.pics) {
+				var $Pics = $('<div>', {'class':'pics'});
+				$.each(oMsg.pics, function(iKey, asPic){
+					$Pics.append($('<a>', {href: asPic.path, 'data-lightbox': self.consts.title, 'data-title': asPic.formatted_time})
+						.append($('<img>', {'src': asPic.thumb_path})));
+				});
+				$InfoWindow
+					.append($('<p>').addIcon('fa-image').append('Photos'))
+					.append($Pics);
+			}
+			
+			var oInfoWindow = new google.maps.InfoWindow({
+				content: $InfoWindow[0]
 			});
 			
 			oMarker.addListener('mouseover', function(){
 				oInfoWindow.open(oMap, oMarker);
 			});
 			oMarker.addListener('mouseout', function(){
-				oInfoWindow.close(oMap, oMarker);
+				setTimeout(function(){
+					if(!self.tmp('infowindow')) oInfoWindow.close(oMap, oMarker);
+				}, 400);
 			});
 			oMarker.addListener('click', function(){
 				self.tmp('map').panTo(oMarker.getPosition());

style/spot.css

@@ -1,2 +1,2 @@
-@CHARSET "UTF-8";@font-face{font-family:'FontAwesome';src:url("fonts/fontawesome-webfont.eot?v=4.5.0");src:url("fonts/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"),url("fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"),url("fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"),url("fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"),url("fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg");font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:0.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw,.info-window i{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:0.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid 0.08em #eeeeee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#ffffff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-aliLine truncated
+@CHARSET "UTF-8";@font-face{font-family:'FontAwesome';src:url("fonts/fontawesome-webfont.eot?v=4.5.0");src:url("fonts/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"),url("fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"),url("fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"),url("fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"),url("fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg");font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:0.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw,.info-window i{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:0.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid 0.08em #eeeeee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#ffffff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-aliLine truncated
 /*# sourceMappingURL=spot.css.map */

style/spot.css.map

@@ -1,6 +1,6 @@
 {
 "version": 3,
-"mappings": "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 truncated
+"mappings": "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 truncated
 "sources": ["spot.scss","_fa.scss","_lightbox.scss","_simplebar.scss","_common.scss"],
 "names": [],
 "file": "spot.css"

style/spot.scss

@@ -217,14 +217,16 @@
 
 /* Info Window */
 
-.info-window h1 {
+.info-window {
+	h1 {
 		font-size: 1.2em;
 	}
-.info-window p {
+	
+	p {
 		font-size: 1.0em;	
 	}
 	
-.info-window i {
+	i {
 		padding-right: 0.5em;
 		font-size: 1.33333333em;
 		line-height: 0.75em;
@@ -232,8 +234,23 @@
 		@extend .fa-fw;
 	}
 
-.info-window .battery {
+	.pics {
-	text-transform: capitalize;
+		a {
+			display: inline-block;
+			margin-right: 15px;
+			
+			img {
+				max-width: 200px;
+				max-height: 100px;
+				border-radius: 3px;
+				transition: All 0.2s;
+				
+				&:hover {
+					box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.5);
+				}
+			}
+		}
+	}
 }
 
 /* Upload */