Permalink
Cannot retrieve contributors at this time
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
275 lines (243 sloc)
9.63 KB
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* https://github.com/peledies/google-places */ | |
( function ( $ ) { | |
$ . googlePlaces = function ( element , options ) { | |
var defaults = { | |
placeId : 'ChIJN1t_tDeuEmsRUsoyG83frY4' // placeId provided by google api documentation | |
, render : [ 'reviews' ] | |
, min_rating : | |
, max_rows : | |
, rotateTime : false | |
, schema : { | |
displayElement : '#schema' | |
, type : 'Store' | |
, beforeText : 'Google Users Have Rated' | |
, middleText : 'based on' | |
, afterText : 'ratings and reviews' | |
} | |
, address : { | |
displayElement : "#google-address" | |
} | |
, phone : { | |
displayElement : "#google-phone" | |
} | |
, staticMap : { | |
displayElement : "#google-static-map" | |
, width : 512 | |
, height : 512 | |
, zoom : 17 | |
, type : "roadmap" | |
} | |
, hours : { | |
displayElement : "#google-hours" | |
} | |
} ; | |
var plugin = this ; | |
plugin . settings = { } | |
var $element = $ ( element ) , | |
element = element ; | |
plugin . init = function ( ) { | |
plugin . settings = $ . extend ( { } , defaults , options ) ; | |
plugin . settings . schema = $ . extend ( { } , defaults . schema , options . schema ) ; | |
$element . html ( " " ) ; // create a plug for google to load data into | |
initialize_place ( function ( place ) { | |
plugin . place_data = place ; | |
// render specified sections | |
if ( plugin . settings . render . indexOf ( 'reviews' ) > - 1 ) { | |
renderReviews ( plugin . place_data . reviews ) ; | |
if ( ! ! plugin . settings . rotateTime ) { | |
initRotation ( ) ; | |
} | |
} | |
if ( plugin . settings . render . indexOf ( 'address' ) > - 1 ) { | |
renderAddress ( | |
capture_element ( plugin . settings . address . displayElement ) | |
, plugin . place_data . adr_address | |
) ; | |
} | |
if ( plugin . settings . render . indexOf ( 'phone' ) > - 1 ) { | |
renderPhone ( | |
capture_element ( plugin . settings . phone . displayElement ) | |
, plugin . place_data . formatted_phone_number | |
) ; | |
} | |
if ( plugin . settings . render . indexOf ( 'staticMap' ) > - 1 ) { | |
renderStaticMap ( | |
capture_element ( plugin . settings . staticMap . displayElement ) | |
, plugin . place_data . formatted_address | |
) ; | |
} | |
if ( plugin . settings . render . indexOf ( 'hours' ) > - 1 ) { | |
renderHours ( | |
capture_element ( plugin . settings . hours . displayElement ) | |
, plugin . place_data . opening_hours | |
) ; | |
} | |
// render schema markup | |
addSchemaMarkup ( | |
capture_element ( plugin . settings . schema . displayElement ) | |
, plugin . place_data | |
) ; | |
} ) ; | |
} | |
var capture_element = function ( element ) { | |
if ( element instanceof jQuery ) { | |
return element ; | |
} else if ( typeof element == 'string' ) { | |
try { | |
var ele = $ ( element ) ; | |
if ( ele . length ) { | |
return ele ; | |
} else { | |
throw 'Element [' + element + '] couldnt be found in the DOM. Skipping ' + element + ' markup generation.' ; | |
} | |
} catch ( e ) { | |
console . warn ( e ) ; | |
} | |
} | |
} | |
var initialize_place = function ( c ) { | |
var map = new google . maps . Map ( document . getElementById ( 'map-plug' ) ) ; | |
var request = { | |
placeId : plugin . settings . placeId | |
} ; | |
var service = new google . maps . places . PlacesService ( map ) ; | |
service . getDetails ( request , function ( place , status ) { | |
if ( status == google . maps . places . PlacesServiceStatus . OK ) { | |
c ( place ) ; | |
} | |
} ) ; | |
} | |
var sort_by_date = function ( ray ) { | |
ray . sort ( function ( a , b ) { | |
var keyA = new Date ( a . time ) , | |
keyB = new Date ( b . time ) ; | |
// Compare the 2 dates | |
if ( keyA < keyB ) return - 1 ; | |
if ( keyA > keyB ) return 1 ; | |
return ; | |
} ) ; | |
return ray ; | |
} | |
var filter_minimum_rating = function ( reviews ) { | |
for ( var i = reviews . length - 1 ; i >= ; i -- ) { | |
if ( reviews [ i ] . rating < plugin . settings . min_rating ) { | |
reviews . splice ( i , 1 ) ; | |
} | |
} | |
return reviews ; | |
} | |
var renderReviews = function ( reviews ) { | |
reviews = sort_by_date ( reviews ) ; | |
reviews = filter_minimum_rating ( reviews ) ; | |
var html = "" ; | |
var row_count = ( plugin . settings . max_rows > ) ? plugin . settings . max_rows - 1 : reviews . length - 1 ; | |
// make sure the row_count is not greater than available records | |
row_count = ( row_count > reviews . length - 1 ) ? reviews . length - 1 : row_count ; | |
for ( var i = row_count ; i >= ; i -- ) { | |
var stars = renderStars ( reviews [ i ] . rating ) ; | |
var date = convertTime ( reviews [ i ] . time ) ; | |
html
=
html
+
"
+
stars
+
"
"
"
" + reviews [ i ] . text + " |
|
} ; | |
$element . append ( html ) ; | |
} | |
var renderHours = function ( element , data ) { | |
if ( element instanceof jQuery ) { | |
var
html
=
"
|
|
data . weekday_text . forEach ( function ( day ) { | |
html
+=
"
|
|
} ) ; | |
html += " " ; | |
element . append ( html ) ; | |
} | |
} | |
var renderStaticMap = function ( element , data ) { | |
if ( element instanceof jQuery ) { | |
var map = plugin . settings . staticMap ; | |
element . append ( | |
"
|
|
"?size=" + map . width + "x" + map . height + | |
"&zoom=" + map . zoom + | |
"&maptype=" + map . type + | |
"&markers=size:large%7Ccolor:red%7C" + data + "'>" + | |
" " ) ; | |
} | |
} | |
var renderAddress = function ( element , data ) { | |
if ( element instanceof jQuery ) { | |
element . append ( data ) ; | |
} | |
} | |
var renderPhone = function ( element , data ) { | |
if ( element instanceof jQuery ) { | |
element . append ( data ) ; | |
} | |
} | |
var initRotation = function ( ) { | |
var $reviewEls = $element . children ( '.review-item' ) ; | |
var currentIdx = $reviewEls . length > ? : false ; | |
$reviewEls . hide ( ) ; | |
if ( currentIdx !== false ) { | |
$ ( $reviewEls [ currentIdx ] ) . show ( ) ; | |
setInterval ( function ( ) { | |
if ( ++ currentIdx >= $reviewEls . length ) { | |
currentIdx = ; | |
} | |
$reviewEls . hide ( ) ; | |
$ ( $reviewEls [ currentIdx ] ) . fadeIn ( 'slow' ) ; | |
} , plugin . settings . rotateTime ) ; | |
} | |
} | |
var renderStars = function ( rating ) { | |
var
stars
=
"
|
|
// fill in gold stars | |
for ( var i = ; i < rating ; i ++ ) { | |
stars
=
stars
+
"
|
|
} ; | |
// fill in empty stars | |
if ( rating < 5 ) { | |
for ( var i = ; i < ( 5 - rating ) ; i ++ ) { | |
stars
=
stars
+
"
|
|
} ; | |
} | |
stars = stars + " " ; | |
return stars ; | |
} | |
var convertTime = function ( UNIX_timestamp ) { | |
var a = new Date ( UNIX_timestamp * 1000 ) ; | |
var months = [ 'Jan' , 'Feb' , 'Mar' , 'Apr' , 'May' , 'Jun' , 'Jul' , 'Aug' , 'Sep' , 'Oct' , 'Nov' , 'Dec' ] ; | |
var time = months [ a . getMonth ( ) ] + ' ' + a . getDate ( ) + ', ' + a . getFullYear ( ) ; | |
return time ; | |
} | |
var addSchemaMarkup = function ( element , placeData ) { | |
var reviews = placeData . reviews ; | |
var lastIndex = reviews . length - 1 ; | |
var reviewPointTotal = ; | |
var schema = plugin . settings . schema ; | |
for ( var i = lastIndex ; i >= ; i -- ) { | |
reviewPointTotal += reviews [ i ] . rating ; | |
} ; | |
// Set totals and averages - may be used later. | |
var averageReview = reviewPointTotal / ( reviews . length ) ; | |
if ( element instanceof jQuery ) { | |
element . append ( ' ' | |
+ ' ' | |
+ schema . beforeText + ' ' + placeData . name + ' ' | |
+ ' ' | |
+ ' ' + averageReview . toFixed ( 2 ) + ' / 5 ' | |
+ schema . middleText + ' ' + reviews . length + ' ' | |
+ schema . afterText | |
+ ' ' | |
+ ' ' ) ; | |
} | |
} | |
plugin . init ( ) ; | |
} | |
$ . fn . googlePlaces = function ( options ) { | |
return this . each ( function ( ) { | |
if ( undefined == $ ( this ) . data ( 'googlePlaces' ) ) { | |
var plugin = new $ . googlePlaces ( this , options ) ; | |
$ ( this ) . data ( 'googlePlaces' , plugin ) ; | |
} | |
} ) ; | |
} | |
} ) ( jQuery ) ; |