var nyc = nyc || {};
/**
* @desc Class for providing a set of buttons for social media sharing
* @public
* @class
* @constructor
* @property {(String|Element|JQuery)} target The HTML DOM element that will provide share buttons
*/
nyc.Share = function(target){
var me = this, html = nyc.Share.HTML, title = $('meta[property="og:title"]').attr('content');
html = html.replace(/\${url}/g, $('meta[property="og:url"]').attr('content'));
html = html.replace(/\${title}/g, title);
html = html.replace(/\${description}/g, $('meta[property="og:description"]').attr('content'));
$(target).append(html).trigger('create');
$('#share-btn').click(function(){
$('#share-btns').fadeToggle(function(){
$('*').one('click', function(e){
if ($('#share-btns').css('opacity') == 1){
$('#share-btns').fadeOut();
}
});
});
});
if (this.isIosAppMode()){
$('#email-btn').attr('target', '_blank');
}
};
nyc.Share.prototype = {
/**
* @private
* @method
* @return {boolean}
*/
isIosAppMode: function(){
return navigator.standalone && nyc.util.isIos();
}
};
/**
* @private
* @const
* @type {string}
*/
nyc.Share.HTML =
'<a id="share-btn" class="ctl ctl-btn" data-role="button" title="Share...">' +
'<span class="screen-reader-only">Share...</span>' +
'</a>' +
'<div id="share-btns" class="ctl">' +
'<a id="facebook-btn" class="ctl-btn" data-role="button" href="https://www.facebook.com/sharer/sharer.php?u=${url}" target="_blank" rel="noopener noreferrer" title="Facebook">' +
'<span class="screen-reader-only">Facebook</span>' +
'</a>' +
'<a id="twitter-btn" class="ctl-btn" data-role="button" href="https://twitter.com/intent/tweet?text=${url} @nycgov&source=webclient" target="_blank" rel="noopener noreferrer" title="Twitter">' +
'<span class="screen-reader-only">Twitter</span>' +
'</a>' +
'<a id="google-btn" class="ctl-btn" data-role="button" href="https://plus.google.com/share?url=${url}" target="_blank" rel="noopener noreferrer" title="Google+">' +
'<span class="screen-reader-only">Google+</span>' +
'</a>' +
'<a id="linkedin-btn" class="ctl-btn" data-role="button" href="http://www.linkedin.com/shareArticle?mini=true&url=${url}" target="_blank" rel="noopener noreferrer" title="LinkedIn">' +
'<span class="screen-reader-only">LinkedIn</span>' +
'</a>' +
'<a id="tumblr-btn" class="ctl-btn" data-role="button" href="http://www.tumblr.com/share/link?url=${url}&name=${title}&description=via%20NYC.gov" target="_blank" rel="noopener noreferrer" title="Tumblr">' +
'<span class="screen-reader-only">Tumblr</span>' +
'</a>' +
'<a id="email-btn" class="ctl-btn" data-role="button" href="mailto:?subject=${title}&body=${description}%0A%0A${url}" title="email">' +
'<span class="screen-reader-only">Email</span>' +
'</a>' +
'</div>';